.mabile-nav,

.mobile-menu{display: none;}

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

	.container{min-width: 100%;}

	.inner{width: 100%;}

	

	.mainbanner .flexslider{width: calc(100% + 40px);margin: 0 -20px;}

	.mainbanner .flexslider .slides li .inner .banner-slogan{bottom: 20px;}

	

	.banner-ctrl{bottom: 20px;right: 20px;}

	.banner-ctrl.prev{bottom: 80px;}

}



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

	.header{height: 60px;padding: 20px 0;}

	.header.sticky{height: 60px;padding: 20px 0;}

	.header .logo{width: auto;height: 20px;margin-top: -2px;}

	.header .nav,

	.lang{display: none;}

	

	.mobile-nav{display: block;float: right;width: 36px;height: 36px;margin-top: -8px;}

	.mobile-nav .icon{float: left;width: 20px;height: 20px;margin: 8px;background-position: -40px -60px;transition: all .3s cubic-bezier(.77,0,.175,1);}

	.header.sticky .mobile-nav,

	.mobile-nav-open .mobile-nav{background-color: #3f6eb6;}

	

	.container{transition: all .3s cubic-bezier(.77,0,.175,1);}

	.mobile-nav-open .container{margin-left: -80%;}

	.mobile-nav-open .header{margin-left: -80%;}

	.mobile-nav-open .mobile-nav .icon{background-position: -60px -60px;}

	.mobile-nav-open .mobile-menu{right: 0;opacity: 1;visibility: visible;}

	

	.mobile-menu{position: fixed;background-color: #3f6eb6;padding: 30px;top: 0;right: -80%;width: 80%;bottom: 0;display: block;z-index: 999;transition: all .3s cubic-bezier(.77,0,.175,1);opacity: 0;visibility: hidden;}

	.mobile-menu > ul{float: left;width: 100%;}

	.mobile-menu > ul > li{float: left;width: 100%;margin-bottom: 10px;}

	.mobile-menu > ul > li:last-child{margin-bottom: 0;}

	.mobile-menu > ul > li > a{float: left;width: 100%;height: 30px;line-height: 30px;color: #fff;font-weight: 600;}

	.mobile-menu a.active{color: #adba45;}

	

	.mobile-menu > ul > li > ul{padding-left: 20px;margin: 20px 0;float: left;}

	.mobile-menu > ul > li > ul li{float: left;width: 100%;margin-bottom: 10px;}

	.mobile-menu > ul > li > ul li:last-child{margin-bottom: 0;}

	.mobile-menu > ul > li > ul li a{float: left;width: 100%;color: #fff;padding: 0 6px;font-weight: 300;}

}



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

	.mainarea.aboutus{padding-top: 40px;}

	.mainarea.services{padding-bottom: 40px;}

	.mainarea{padding: 20px 0;}

	.mainarea .text{width: 100%;}

	.mainarea .image{width: 100%;padding-left: 0;margin-top: 40px;}

	.mainarea.aboutus .image .img.img1{left: 0;width: 70%;}

	.mainarea.aboutus .image .img.img2{width: 70%;}

	.mainarea .image{min-height:600px;max-height: 700px;}

	

	.mainarea.assist .image{padding-right: 0;}

	.mainarea.assist .image .img{right: 0;}

	

	.mainarea.assist .text{padding-top: 40px;padding-bottom: 0;}

	.mainarea.aboutus .text{padding-top: 0px;padding-bottom: 0;}

}



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

	.mainarea.services .services-tabs{display: none;}

	.mainarea.services .service-tab-content.hide{display: block;}

	.mainarea.services .title{margin-top: 0;}

	.mainarea.services .service-tab-content .image{margin-top: 0;}

	.mainarea.services .service-tab-content .image{padding-left: 0;}

	.mainarea.services .service-tab-content .text{padding-right: 40px;}

}



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

	.mainarea .image{min-height:400px;max-height: 400px;}

}



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

	.mainarea .tabs-view{padding: 40px;}

	.mainarea .tab-content{margin-top: 0px;}

	

	.mainarea .tabs{margin-bottom: 20px;float:left;width:100%;}

	.mainarea .tabs li{margin-right: 0;width: 100%;margin-bottom: 20px;}

	

	.service-description p{font-size:16px;}

	p{font-size: 14px;}

	.mainarea ul.content-ul li{font-size: 15px;}

}



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

	.content{padding-bottom: 0;}

	.footer{position: relative;height: auto;padding: 40px 0;padding-bottom: 60px;}

	

	.footer .contact-info{padding-right: 0;width: 100%;}

	.footer .contact-info .title, 

	.footer .contact-form .title{margin-bottom: 30px;}

	

	.footer .contact-form{padding-left: 0;width: 100%;margin-top: 40px;}

}



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

	.mainarea .text .title,

	.mainarea.services .title{font-size: 5vw;}

	.mainarea.services .title{margin-bottom: 10px;}

	

	.mainarea.services .service-tab-content .text{width: 100%;padding-right: 0;}

	.mainarea.services .service-tab-content .image{display: none;}

	

	.mainbanner .flexslider{height: 50vh;}

	.mainbanner .flexslider .slides li .inner .banner-slogan{font-size: 26px;}

	

	.banner-ctrl{display: none;}

	.mainbanner .flexslider .slides li .inner .banner-slogan{width:auto;right:20px;font-weight: 500;font-size: 22px;}

	

}



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

	.mainarea .tabs li a{font-size: 16px;width:100%;}

	.footer .contact-info p a{font-size: 16px;}

	.footer .contact-info p.address{font-size: 16px;}

}



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

	.mainarea .tabs-view{padding: 20px;}	

}