@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1600px) { 

.head .downld{ margin-right:0px;} 
.navbar-default .navbar-nav > li > a{ padding:15px 8px; font-size:15px;}
.head .certifct i{ font-size:11px;  padding:0 5px 0 30px ;}
.head .certifct i strong{ font:700 13px 'Barlow', sans-serif; }
/*.menu{ width:1060px;}
.container-fluid{ padding:0px 0;}*/
.head .certifct{  width:400px; }
.h-sec-2 .line{ height:110px;}
.flexslider li h1 {font:700 100px/90px 'Gotham';}

}

@media screen and (max-width: 1500px) { 
.menu .nav > li > a{font:400 15px 'Barlow', sans-serif; padding:15px 12px 15px 8px; }
.menu { width:1010px}
.head .container{}
}

@media screen and (max-width: 1400px) { 
.flexslider li .meta {top: 50%;right: auto;left:0;padding-left:15%;color: #FFF;width:100%; text-align:left}
.flexslider li h1 {font:700 80px/70px 'Barlow'; line-height:100px}
.flexslider li h2 {font:700 30px/25px 'Barlow';}
footer h1{ font-size:26px;}
footer .navi li, footer .find-us p{ font-size:15px;}
.head .container{}
.menu .nav > li > a{font:400 16px 'Barlow', sans-serif; padding:15px 16px 15px 8px; text-transform:uppercase }
.head .certifct{  width:360px; float:left; }
.menu { width:905px; margin-top:13px;}
.head .certifct i{ font-size:10px;} 
.head .downld{ width:150px; margin-top:8px;} 
.head .certifct i strong{ font:700 11px 'Barlow', sans-serif; }
.h-sec-2 .contnt h1 { font-size:35px; font-family:'Barlow'}
footer .navi li{ font:400 16px  'Nunito Sans', sans-serif;}
.about .text-bx{ margin:0 auto; padding:50px 0}
.about .text-bx p{ font-size:18px; text-align:justify}
.contact {padding-top:50px;}
.contact .blk2 {margin-top: 50px;}
}
@media screen and (max-width: 1366px) { 
.navbar-default .navbar-nav > li > a{ padding:15px 8px; font-size:15px;}
.head .certifct i{ font-size:10px;  padding:0 5px 0 30px ;}
.head .certifct i strong{ font:700 13px 'Barlow', sans-serif; }



}

@media screen and (max-width: 1340px) { 
.head .container{ border-bottom:0;}
.navbar-toggle { display: block; } 
.head .certifct{  display: block; float:right; height:auto; padding:10px 0; margin-left:20px;}
.head .downld{ width:160px; float:right; margin-top:12px; clear:both;}
.menu{ width:100%; margin:0;}
.navbar-header { float: none; }
 .navbar-left,.navbar-right { float: none !important; } 
 .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } 
 .navbar-fixed-top { top: 0; border-width: 0 0 1px; } 
 .navbar-collapse.collapse { display: none!important; padding-bottom:40px; background:rgba(0,0,0,0.8);}
 .navbar-nav { float: none!important; margin-top: 7.5px; } 
 .navbar-nav>li { float: none; } 
 .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
 .collapse.in{ display:block !important; }
 .head .certifct{ display:none;}
 .head .downld{ float:left; margin-left:10px;}
 .menu .nav{ background:rgba(0,0,0,0.5); border:0;}
 .h-sec-2 .line{ display:none;}
 .menu .nav .test{ background:none;}
 .menu .nav .test .parent{ background:url(../images/downArrow.png) left 65px center no-repeat;}
 .menu .nav .sub .sub-li > a{ background: url(../images/downArrow.png) right 10px center no-repeat;}
}
@media screen and (max-width: 1200px) { 

 .h-sec-2 .right{ float:none; padding:0; background:none;} 
 .h-sec-3 li .overly{ top:10%;} 
 .h-sec-3 .slick-prev{left:5px;}
.h-sec-3 .slick-next{right:5px;}
.leadng-brnd .container{ text-align:center; float:none;}

.flexslider li .meta {top: 40%;}
.flexslider li h1 {font:700 65px/55px 'Gotham';}
.flexslider li h2 {font:700 24px/20px 'Gotham';}

.h-sec-2 .contnt{ padding:40px 0; margin-bottom:30px;}
.h-sec-2 .contnt h1{ margin-top:0;}
footer .follow { padding-left:13%}

.menu{max-height:600px;}
.menu .nav{ height:auto; float:left; overflow:hidden; margin-bottom:30px;}
 }

@media screen and (max-width: 1166px) { }

@media screen and (max-width: 1024px) { 
 .h-sec-3 li .overly{ top:25%;} 
}

@media screen and (max-width: 1000px) { }

@media screen and (max-width: 990px) { 
footer .follow .a {margin-top:20px; margin-bottom: 30px; float: left; } 
.head .logo{ width:150px;}
.toggleMenu { padding:21px 15px;}
footer .adrs { padding-left:0%}
footer .follow { padding-left:0%}
footer .col-md-4{ margin:10px 0; display:block; float:left; width:100%;}

.menu{ max-height:400px;}
}



@media screen and (max-width: 800px) { 
.head{ background:#fff; border-radius:0px;  margin:0;}
.head .container-fluid{ padding:10px 0;}
.head .container{ padding-bottom:0;}
.banner{ margin-top:85px;}
.inner_bnr{ margin-top:90px;}
.navbar-toggle{ margin:7px 15px 7px 0;}
.h-sec-2 .contnt h1{ font-size:36px;}
.latest-news .p p{ width:auto;}
.search-section .srch-bx{ display:block; float:none; margin:10px auto 20px auto; width:100%;}
.search-section .btn{display:block; float:none; margin:10px auto; width:100%;}
.flexslider li .meta {top: 40%;}
.flexslider li h1 {font:700 50px/45px 'Gotham';}
.flexslider li h2 {font:700 20px/18px 'Gotham';}
.flex-control-paging { bottom:0px;}
.flex-control-paging li a{ width:15px; height:15px;}
.navbar-default .navbar-nav > li > a{ padding:15px; }
.leadng-brnd h1{ font:700 30px 'Barlow', sans-serif;}
.latest-news h1{ font:700 30px 'Barlow', sans-serif;}
footer h1{ font:700 25px 'Barlow', sans-serif; }
.menu .nav{ padding:10px; padding-bottom:40px;}
.service_row1 .contd_left { width:100%; float: left; background: #323e81; height:auto; padding: 80px 30px 120px 10%;}

.about { padding-top:5px;}
.we_are .col1 { width:100%; position:relative; float:left;}
.we_are .col2 { width:100%; padding:20px;}
.we_are .bg_box { width:100%;}
.we_are {  margin-top: 50px; margin-bottom: 0px; padding-top: 50px;  padding-bottom: 90px;}
.about .vision { margin-bottom:30px;}
.about .abt_bottom { margin-top:50px;margin-bottom: 50px;}
.about .mission { padding:20px;}
.about .vision {padding:20px;}

.contact h2 { font-size:35px;}
.contact { padding-top:50px;}
.contact P { padding:0px 3%;}
.contact .blk2 .container { padding:40px 20px;}
.contact .blk2 { margin-top:50px;}

.top_fix { background:rgba(0,0,0,0.8); }
}
/*@media screen and (max-width: 768px) { 
footer h1{ text-align: left; margin-top: 40px; }
footer .navi li { float: left; padding:0 20px;}
footer .find-us p { width: 40%; box-sizing:border-box; float:left; }
}*/

@media screen and (max-width: 700px) {
.h-sec-3 li .overly{ width:85%; top:10%;}  
.h-sec-3 li .overly h1{ font-size:26px;}
.h-sec-3 .slick-prev{left:5px;}
.h-sec-3 .slick-next{right:5px;}
	.inner-banner { overflow:hidden; }
	.bg { min-width:768px; }
}

@media screen and (max-width: 550px) { 
.flexslider li .meta {top: 35%;}
.flexslider li h1 {font:700 40px/35px 'Gotham';}
.flexslider li h2 {font:700 18px/16px 'Gotham';}
.flexslider li .meta {top: 40%; padding-left:10%;}
.menu .nav{padding:20px;}
.head .logo{ width:130px; padding:5px 15px;}
.toggleMenu { padding:10px 15px;}
.banner{ margin-top:65px;}
footer .bottom p{font-size:11px;} 
.inner_bnr{ margin-top:70px;}
}

@media screen and (max-width: 480px) {
.h-sec-3 li .overly{ width:94%; top:5%;} 
.h-sec-3 .slick-next{ display:none; z-index:-1}
.h-sec-3 .slick-prev{ display:none;z-index:-1}
.h-sec-3 li .overly h1{ font-size:20px;}
.h-sec-3 li .overly p{ line-height:normal;}
.h-sec-3 li .overly a{ margin:0;}
.h-sec-2 .contnt h1 {font-size: 28px;}
footer .find-us p { width: 100%;}
}
@media screen and (max-width: 320px) { }