@media (max-width:1536px){

}
@media (max-width:1460px){


}
@media (max-width:1366px) {
/**1366 x 655**/



}


/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){
	
header .nav_sec .navbar-brand{width: 168px; margin: 8px 0;}
header .nav_sec .navbar-default .navbar-nav > li > a{padding:18px 20px; font-size:13px}
.top_slider_main {height:40vh}
.top_slider_main .swiper-container{height:100%}
.swiper-wrapper{height:100%}
.swiper-slide{height:100%}
.top_slider_main .swiper-button-next, .top_slider_main .swiper-button-prev{display:none !important}
.top_slider_main .swiper-slide img {width: 100%; height: 100%;}
.top_slider_main .content_area_slider{width: 90%; position: absolute; top: 50%; z-index: 11; left: 5%; margin-top: -100px; }
.top_slider_main .content_area_slider h2{font-size:40px;}
.top_slider_main .content_area_slider h3{font-size:24px; line-height:26px; margin:10px 0}
.top_slider_main .content_area_slider p{margin:0 0 10px 0}

.about_area{padding:0 0 40px 0}
.about_area h2{margin:30px 0px 20px 0px}

.security_area{padding:0 0 40px 0}
.security_area h2{margin:30px 0px 20px 0px}


}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0;}
.navbar-collapse {display: none;}
.navbar-collapse.active {display: block;}
header .nav_sec .tab_link > li{width:100%}
header .nav_sec .tab_link > li > a{  font-size:14px; border-radius:0px; padding: 8px 20px;  margin:0px; text-align:center;}
header .nav_sec{ width:100%; float:left;  padding:0; margin:0; position:relative; background:#000 }
header .nav_sec .container-fluid{padding:0px}
header .nav_sec .navbar-default{ padding:0px;}
.navbar-default .navbar-toggle{ background:none; border-color:transparent; border-radius:0; margin-top:10px; margin-right:0px;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none;}
header .nav_sec .navbar-nav{ float:none; margin:0px}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:none !important; border:none;  padding:0px}
header .nav_sec .navbar-default .navbar-nav > li > a{  font-size:14px; border-radius:0px; padding: 8px 20px;  margin:0px; text-align:left;}
header .nav_sec .navbar-default .navbar-nav > li > a i {font-size: 14px; width: auto; margin-right: 10px; width:20px;}
header .nav_sec .navbar-default .navbar-brand{ width:140px;height:auto;  }
header .nav_sec .navbar-default .navbar-brand img{width:100%;}

#header.affix .navbar-default .navbar-toggle .icon-bar{background:#1a77ba}
.top_slider_main {height:260px}
.top_slider_main .swiper-container{height:100%}
.swiper-wrapper{height:100%}
.swiper-slide{height:100%}
.top_slider_main .swiper-button-next, .top_slider_main .swiper-button-prev{display:none !important}
.top_slider_main .swiper-slide img {width: auto; height: 100%;}
.top_slider_main .content_area_slider{width: 95%; position: absolute; top: 50%; z-index: 11; left: 5%; margin-top: -80px; }
.top_slider_main .content_area_slider h2{font-size:20px}
.top_slider_main .content_area_slider h3{font-size:15px; margin:0px}
.top_slider_main .content_area_slider p{font-size:12px; line-height:18px; margin:0px}
.top_slider_main .content_area_slider .btn-content{display:none}



.about_area{padding:30px 0}
.about_area h2 {font-size: 24px; line-height: 32px;  margin:0px 0px 10px 0px; }
.about_area .who-we-are-img{width:100%; margin:30px 0}
.about_area a img{height:40px}
.about_area p{font-size:16px; line-height:24px}

.what_we_do_section{padding:50px 0 20px 0}
.what_we_do_section h2{font-size: 24px; line-height: 32px;  margin: 0px 0px 20px 0px;}
.what_we_do_section .featured-block .inner-box{padding:20px}
.what_we_do_section .featured-block .inner-box h4{font-size:20px; line-height:24px}
.what_we_do_section .featured-block .inner-box p{font-size:13px; line-height:20px}

.security_area{padding:30px 0}
.security_area h2{font-size: 24px; line-height: 32px;  margin: 0px 0px 20px 0px;}
.security_area p{font-size:16px; line-height:24px}

.contact_area{padding:30px 0}
.contact_area .content h2{font-size: 24px; line-height: 32px;  margin: 0px 0px 20px 0px;}
.contact_area .download-img{margin-top:20px}

footer .footer_bg{padding:20px 0}
footer .footer_bg .footer-logo{width:200px}
footer .footer_bg .line{padding:0px}
footer .footer_bg .contact_info{margin:15px 0}
}

@media (max-width: 359px) {
	.slider_2 .content p{display:none}
}
@media only screen and (max-width:480px) {

}


