@media only screen and (max-width: 1170px){
	.banner-caption h2{font-size:40px;}
	
	.content-wrap{max-width:100%;}
	
	.faq-wrap .faq-content, .menu-side{max-width:100%;}
	
	.sticky-note{left:auto; right:-89px; margin:0;}
	
	.wrap-text h4{left:0; top:21px;}
}

@media only screen and (max-width: 1024px){
	.box-section .box-wrapper .box{width:130px; height:130px; font-size:16px;}
	
	.news > h2, .video > h2{ font-size:38px;}
	
	header .main-menu ul li a{font-size:19px;}
	
}


@media only screen and (max-width: 991px){
	header .logo img{width:350px;}
	
	header .office span{font-size:11px;}
	
	header .office h2{font-size:32px;}
	
	header .office h4{font-size:14px;}
	
	header .main-menu ul li a{font-size:15px;}
	
	header .main-menu ul li{padding:0 15px;}
	
	.bannerInner{width:50%;}
	
	.banner-section .bannerInner img{width:80%;}
	
	.banner-cont{ width: 280px; height: 280px; right: auto; left: 90px;}
	
	.banner-cont .h3{width:220px}
	
	.banner-cont h3{font-size:24px;}
	
	.banner-cont span{font-size:11px;}
	
	.banner-caption h2{font-size:30px;}
	
	.box-outer{width:33.33%}
	
	.box-outer{font-size:15px;}
	
	.who-we .content-box h2{font-size:45px;}
	
	.who-we .content-box{padding-left:20px; padding-right:20px;}
	
	.img-wrap{margin-bottom:20px;}	
	
	.news{padding:0;}
	
	.news .list-wrapper{max-width:85%;}
	
	.video-wrapper { width: 240px; max-width: 100%; margin-bottom: 30px; float: left; margin-right:25px; }
	
	.faq-title h2{font-size:45px;}
	
	.faq-wrap .faq-title{width:100%; margin-bottom:30px;}
	
	.faq-wrap .faq-content{width:100%; padding-bottom:30px;}
	
	.menu-side .m-cont-wrap, .menu-side .m-img-wrap{width:100%; padding:0;}
	
	.footer-link{padding-top:20px;}
	
}

@media only screen and (max-width: 840px){
	.bannerInner{width:50%;}
	
	.banner-section .bannerInner img{width:80%;}
	
	.banner-cont{ width: 280px; height: 280px; left: 90px;}
	
	.banner-cont .h3{width:220px}
	
	.banner-cont h3{font-size:24px;}
	
	.banner-cont span{font-size:11px;}
	
	.banner-caption h2{font-size:30px;}
	
}

@media only screen and (max-width: 767px){
	.right-hide{display:none;}
	
	header .logo img{width:250px;}
	
	header .main-menu ul li:after{display:none;}
	
	header .main-menu ul{display:block;}
	
	header .main-menu ul li{padding:5px 15px;}
	
	header .main-menu ul li a{font-size:17px;}
	
	.banner-cont h3{font-size:20px;}
	
	.banner-cont .h3{width:180px;}
	
	.banner-cont{width:230px; height:230px;}
	
	.banner-caption h2{font-size:24px;}
	
	.who-we .content-box h2{font-size:36px;}
	
	.who-we .content-box p{font-size:22px;}
	
	.who-we .content-box a{font-size:18px; display:block; padding-top:20px;}
	
	.purple-strip .strip-title{font-size:28px;}
	
	.content-wrap ul li{font-size:21px;}
	
	.find-more .find-text{font-size:23px;}
	
	.news > h2, .video > h2{font-size:30px; margin-bottom:30px;}
	
	.news ul li{width:100%;}
	
	.news .list-wrapper{max-width:100%;}
	
	.video-wrapper{width:100%;}
	
	.video-wrapper img{width:100%;}
	
	.news .list-wrapper{max-width:100%;}
	
	.menu-side .m-cont-wrap h2, .menu-inner h2{font-size:32px;}
	
	.menu-side .m-cont-wrap h4{font-size:21px;}
	
	.faq-title h2{font-size:36px;}
	
	.faq-content a, .faq-content p{font-size:22px;}
	
	header .main-menu{display:none;  position: absolute;  left: 0;  width: 100%; z-index: 9999;}

	.sticky-note{top:210px; width:220px; right:-78px;}

	.sticky-note h4	{font-size:22px; margin:0;}
	
	.sticky-note img{width:40px;}
	
	.footer-link{padding-top:15px;}
	
	.wrap-text h4{font-size:18px;}
	
	footer .left{padding-left:0;}
	
	.wrap-text img{width:auto;}
	
	.wrap-text{display:inline-block;}
	
	.middle-footer .left{padding-left:0;}
	
	footer .top-footer{padding-left:15px;}
	
	.copyright{padding:10px 15px;}
	
	.copyright span.right{padding:0;}
	
	.footer-link{margin-bottom:20px;}
	
	.video-wrapper iframe{height:500px!important;}
}

@media only screen and (max-width: 640px){
	.box-outer{width:100%}
	
	header .logo{padding:0;}
	
	header .logo img{width:150px;}
	
	.purple-strip .strip-img, .purple-strip .strip-title{display:block; text-align:center; padding-bottom:15px;}
	
	.purple-strip .strip-title{font-size:24px;}
	
	.content-wrap ul li{width:100%;}
	
	.find-more .find-text{width:100%; display:block; font-size:21px; margin-bottom:25px;}
	
	.find-more .find-button{display:block; width:100%; text-align:center;}
	
	.find-more .find-button a{text-align:center;}
	
	.news > h2, .video > h2{font-size:26px; line-height:28px;}
	
	.news ul li h3{font-size:23px;}
	
	.news ul li span{font-size:21px;}
	
	.news ul li p{font-size:18px;}
	
	.faq-content a, .faq-content p{font-size:20px;}
	
	.bottom-menu .menu-inner-wrap{width:100%;}
	
	.menu-inner{max-width:100%; margin-bottom:30px;}
	
	.menu-side .m-cont-wrap h2, .menu-inner h2{font-size:28px;}
	
	.faq-wrap .faq-content, .menu-side{width:100%;}
	
	.news ul li p{font-size:18px;}
	
	.bannerInner{position:relative; left:0; top:auto; transform:none; -webkit-transform:none;
	-moz-transform:none; width:100%;}
	
	.banner-section .banner > img{display:none;}
	
	
	.banner-section .bannerInner img{height:300px; object-fit:contain; object-position:left; padding:15px 0;}
	
	.banner-cont { width: 200px; height: 200px; right: auto; left: 50px;}
	
	.banner-cont .h3 { width: 85%; }
	
	.banner-cont h3{font-size:16px; text-align:center;}
	
	.sticky-note{width:190px; right:-68px;}
		
	.sticky-note h4{font-size:18px;}
	
	.sticky-note img{width:30px;}
	
	.wrap-text img{width:100%;}
	
	.wrap-text h4{top:19px; font-size:15px;}
	
	.copyright span{display:block; width:100%; text-align:center!important;}
	
	.video-wrapper iframe{height:280px!important;}
	
	.navbar-toggle{margin-top:8px;}
}

@media only screen and (max-width: 480px){
	.wrap-text h4{top:17px; font-size:15px;}
}