@media (max-width:1024px){
.flex-container{max-width:100%;}
.nav{flex:0%; max-width:0%;}
header{padding: 0px 0 10px;}
.width65{width:100%;}
.logo{max-width:80%; padding: 5px 0 0 10px;}
.nav i.fa-times{display:inline-block; float:right;font-size: 20px; cursor:pointer; position: relative; right:0;}
.menu-bar{display:block; cursor:pointer; padding-top:24px; margin-left: auto;}
.menu{display: none; background:rgba(30,30,30,.98); box-shadow:0 -8px 6px 0 #000 inset;}
.fa-bars, .fa-times{display:block; float:left; margin:0px 0 0; padding: 0px; border-radius:3px; color:#fff; font-size:32px;}
.fa-bars{color:#333;}
.fa-times{color:#fff; font-size:27px; padding:10px 0 0 10px; font-weight:normal; cursor:pointer; margin-right:10px; margin-bottom:10px; float:right;} 
.menu .fa-bars{margin:10px;}
.nav ul{clear:both; display:block;}
.nav ul li{border:0 none; color:#fff; float: none; display:block; text-align:left; padding:0px 0px; border-radius:0px; border-bottom: 1px solid #000;}
.nav ul li a, .nav ul li ul li a, .nav ul li a.active, .nav ul li a:hover, .nav ul li a.on{padding:13px 20px; font-size:13px; color:#fff; border-bottom:0px; border:0px; border-radius:0px; text-align:left;}
.menu{position:fixed; top:0px; right:0px; display:none; width:260px; z-index:999999!important; height:100%; overflow:scroll; padding-bottom:20%;}
.nav .menu > ul{overflow:auto;padding-bottom:20px;}
.menu::after{position:fixed; content:""; width:100%; height:100%; background:rgba(0,0,0,.7); left:0; top:0; z-index:-1;}
.whiteSec{background:#fff;}
}

@media (max-width:768px){
footer h3{padding-top:30px;}
}

@media (max-width:767px){
.aboutClm, .mission{width:100%;}
.aboutSec{background-image:none;}
.serviceBox{margin:10px 0; min-height:inherit;}
.banner h1{font-size:40px;}
.inner-banner .flex-container{padding:50px 0;}
li.anim-slide:nth-of-type(1){background:url(../images/slider01-mobile.jpg) no-repeat center center; background-size:cover;}
li.anim-slide:nth-of-type(1) .coverbox{/*display:none;*/ visibility:hidden;}
#title1{font-size:30px; padding-top:40px;}
#title2, #title3, #title4{font-size: 18px;font-weight: 600;}
.anim-slider{min-height:350px; height:auto;}
}
@media (max-width:479px){
.banner h1{font-size:30px; line-height:40px;}
.flex-container{padding:40px 0;}
.banner{min-height:inherit;}
.banner::after{left:38%;}
.common h2{font-size:26px;}
#title1{padding-bottom:0; padding-top:50px;}
#title2{padding-bottom:10px;}
.anim-slider{min-height:290px;}
}