.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

@media (min-width: 1921px) and (max-width: 3500px) {
.menu-logo:before{ width:35%;}

}

@media (min-width:1250px) and (max-width: 1920px) {
.slider .carousel-caption{ bottom:35%;}

}


@media (min-width: 1200px) and (max-width: 1249px) {
.home-services h4{ font-size:20px;}
.wht-we-box{ min-height:248px;}

}


@media (min-width: 992px) and (max-width: 1199px) {
.top-a-box{ margin-top:-50px;}
.logo img{height:120px;}
.menu-logo .logo-ot{ padding-right: 192px;}
.menu-logo .navbar-default .navbar-nav > li{ margin-left:20px;}
.about .lead{ margin:0;}
.wht-we-box{ min-height:270px;}
.min-hg{ min-height:542px;}
}

@media (min-width: 1025px) {	

}

@media (max-width: 1024px) {

}

@media (min-width: 992px) {	

}

@media (max-width: 991px) {
.top-email{ display:none;}
.wht-we-box{ min-height:auto;}
.about img{ width:100%;}
.map{ margin-top:30px;}

}

@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.menu-logo .logo-ot{ padding-right: 160px; border-right:30px solid transparent; border-top: 100px solid #fff;}
.logo img{ height: 99px;}
.menu-logo:before{ height:100px;}
.menu-logo .navbar-default .navbar-nav > li{ margin-left:12px;}
.menu-logo .navbar-default .navbar-nav > li > a{ font-size:16px;}
.slider .carousel-caption{ bottom:10%;}
.slider .carousel-caption h2{ font-size:32px;}
.top-a-box{ margin-top:-40px;}
.min-hg{ min-height:550px;}

}



@media (max-width: 767px) {	
.menu-logo .logo-ot{ padding-right: 225px;
    border-right: 30px solid transparent;
    border-top: 100px solid #fff;}
.logo img{height: 99px;padding-left: 42px;}
.menu-logo::before{ height:100px;}
.navbar-toggle{ margin-right:0; background:#333366; border:none;}
.navbar-toggle .icon-bar{background-color:#fff !important;}
.navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:#212143!important;}
.menu-logo .navbar-default .navbar-nav > li > a{ text-align:center; padding:10px 0;}
.slider .carousel-caption{ bottom:5%; width:70%;}
.slider .carousel-caption h2{ font-size:32px;}
.slider .carousel-caption p{ font-size:15px; margin-top:10px;}
.callus span a img{ padding:8px;}
.callus span a{ margin-top:10px; font-size:24px;}
.top-a-box{ margin-top:0;}
.resid{ padding:30px 30px 0 30px;}
.comm{ padding:30px 30px 0 30px;}
.top-b{ padding:20px 0;}
.top-c{ padding:20px 0;}
.home-services h4{ font-size:20px;}
.bottom-a{ padding:20px 0;}
.bottom-b p{ min-height:90px;}
.footer{ padding:0 0 20px 0;}
.sub-content{ padding:20px 0;}
.about-second{ padding:0 0 20px 0;}
.about-third{ padding:0 0 20px 0;}
.min-hg{ min-height:auto;}
.gallerypart{ padding:0 0 20px 0;}
p{ margin-top:10px;}
.wht-we{ padding:20px 0;}
.wht-we h2{ font-size:26px;}
.wht-we-box h4{ font-size:18px;}
.how-we-box h4{ font-size:18px; margin-top:15px;}

}


@media (max-width: 665px){
.logo img{ height: 99px;}
.menu-logo .logo-ot{ padding-right:250px; border-right:30px solid transparent; border-top: 100px solid #fff;}
.top-address{ display:none;}
.slider .carousel-caption p{ display:none;}
.bottom-b .col-xs-6{ width:100%;}
.bot-blk .col-xs-4{ width:22%;}
.bot-blk .col-xs-8{ width:78%;}
.sub-banner{ height:150px; background: url(../images/sub-banner.jpg) no-repeat fixed right;}
.sub-banner h2{ padding:70px;}
.slider .carousel-indicators{ bottom:0;}
.gallery-image:hover .cap-option{ padding-top:30%;}
.gallery-main a i{ font-size:25px;}
.slider .carousel-caption h2{ font-size:24px;}

}

@media (max-width: 567px){

}

@media (min-width: 566px){

}

@media (max-width: 565px){

.logo img{     height: 99px;}
.header-top .col-xs-9{ width:50%;}
.header-top .col-xs-3{ width:50%;}
.top-phone{ width:100%;}
.menu-logo .logo-ot{ padding-right:214px;}
.slider .carousel-caption h2{ font-size:22px;}
.top-a-box h3{ font-size:22px;}
.top-b .title h2{ font-size:30px;}
.title h2{ font-size:26px;}
.home-services h4{ font-size:16px;}
.bot-blk .col-xs-4{ width:25%;}
.bot-blk .col-xs-8{ width:75%;}
.footer .col-xs-6{ width:100%;}
.footer-bottom .col-xs-6{ width:100%;}
.footer-bottom .text-right{ text-align:left;}
.wht-we-box{ padding:20px;}
.how-we-box{ padding:20px;}
.gallery-image:hover .cap-option{ padding-top:27%;}

}



@media (min-width: 481px){

}
@media (max-width: 480px) {
.logo img{ width: 170px;
    height: 84px;}
.menu-logo .logo-ot{ padding-right:196px; border-top: 85px solid #fff;}
.menu-logo::before{ height:85px;}
.slider .carousel-caption h2{ font-size:22px;}
.top-a-box{ padding:0;}
.top-a .col-xs-6{ padding-left:0; padding-right:0;}
.btm-tra{ margin-top:-3px;}
.resid{ padding:20px;}
.comm{ padding:20px;}
.home-services .col-xs-6{ width:100%;}
.home-services img{ margin-top:15px;}
.home-services h4{ font-size:18px;}

.gallery-sec .col-xs-4{ width:50%;}
.bot-blk .col-xs-4{ width:100%;}
.bot-blk .col-xs-8{ width:100%;}
.bot-blk{ text-align:center;}
.bot-blk .circle{ display:inline-block;}
.bottom-b h4{ margin-top:20px;}
.sm-cont .col-xs-6{ width:100%;}
.contact-us h2{ padding-top:50px !important; font-size:24px !important;}
.navbar-nav{ margin-top:35px !important;}
.contact .sub-title h3{ font-size:24px; margin-bottom:0;}

}

@media (max-width: 400px){
.slider .carousel-caption h2{ display:none;}
.callus span a{ font-size:24px;}
.footer .cato li{ width:100%;}


}

@media (min-width: 320px) and (max-width: 380px) {


}