@media only screen and (max-width:320px){
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 100%; float: none; padding: 0; background: #075d87; padding: 10px 0;}
	.head-contact h2 {margin: 0; color: #fecc09; font-weight: normal;}
	.head-logo {width: 100%; float: none; padding: 15px 0; background: #FFF; position: relative;}
	.head-logo img.h-logo-1 {width: 40%; box-shadow: none; padding: 0; display: none;}
	.head-logo img.h-logo-2 {display: block; padding: 0 30px; width: 80%; margin: 0 auto;}
	.sticky .head-logo img.h-logo-2 {padding: 0 30px;}
	.head-menu {width: 100%; float: none; display: none;}
	.banner-img {content: url(../img/mbanner.jpg);}
	.about {padding: 30px 0 20px 0;}
	.about-left {width: 100%; float: none; padding: 0;}
	.about-col-left {padding: 20px;}
	.about-right {width: 100%; float: none; padding: 10px 0;}
	.about-col-right {padding: 20px 0;}
	.about-col-right h2 {font-size: 1.3rem; text-align: center; margin: 20px 0;}
	.service-col {width: 50%; float: left;}
	.service-main h2 {font-size: 1.3rem;}
	.service-details {padding: 30px 0;}
	.service-details h3 {font-size: 0.8rem;}
	.advantage {padding: 0 0 30px 0;}
	.advantage-full h2 {font-size: 1.3rem;}
	.locadv-col-left {width: 100%; float: none;}
	.locadv-col-right {width: 100%; float: none; padding: 0;}
	.bton {width: 50%;}
	.btonm {width: 100%;}
	.column-inner-content-col {padding: 30px 10px 30px 40px;}	
	.column-inner-content-col ul li {font-size: 0.9rem;}
	.route {background-size: auto 150px;}
	.route-map img {width: 95%;}	
	.footer-col-left {width: 100%; float: none;}
	.footer-col-left .overlay {border-radius: 0 0 10px 10px;}
	.footer-col-bg {padding: 30px 20px; width: 100%;}
	.footer-col-bg h2 {font-size: 1.5rem;}
	.footer-col-bg p {font-size: 0.9rem; line-height: 1.8rem;}
	.footer-col-right {width: 100%; float: none; padding: 30px 0;}
	.form-col-footer {width: 100%; float: none;}	
	.footer-form {position: relative; padding: 20px 0 35px;}
	.form-col-footer h3 {padding: 10px 0;}
	.footer-form-butn {margin-top: 15px;}
	.base {padding: 20px 0;}
	.pencil {display: block;}
	.modal-content1 {width: 80%;}
	.modal-content-popup-form {margin-top: 25%;}
	.form-col-mob {width: 100%; float: none;}
}

@media only screen and (max-width:400px) and (min-width:360px) {
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 100%; float: none; padding: 0; background: #075d87; padding: 10px 0;}
	.head-contact h2 {margin: 0; color: #fecc09; font-weight: normal;}
	.head-logo {width: 100%; float: none; padding: 15px 0; background: #FFF; position: relative;}
	.head-logo img.h-logo-1 {width: 40%; box-shadow: none; padding: 0; display: none;}
	.head-logo img.h-logo-2 {display: block; padding: 0 30px; width: 80%; margin: 0 auto;}
	.sticky .head-logo img.h-logo-2 {padding: 0 30px;}
	.head-menu {width: 100%; float: none; display: none;}
	.banner-img {content: url(../img/mbanner.jpg);}
	.about {padding: 30px 0 20px 0;}
	.about-left {width: 100%; float: none; padding: 0;}
	.about-col-left {padding: 20px;}
	.about-right {width: 100%; float: none; padding: 10px 0;}
	.about-col-right {padding: 20px 0;}
	.about-col-right h2 {font-size: 1.5rem; text-align: center; margin: 20px 0;}
	.service-col {width: 50%; float: left;}
	.service-main h2 {font-size: 1.5rem;}
	.service-details {padding: 30px 0;}
	.service-details h3 {font-size: 0.9rem;}
	.advantage {padding: 0 0 30px 0;}
	.advantage-full h2 {font-size: 1.5rem;}
	.locadv-col-left {width: 100%; float: none;}
	.locadv-col-right {width: 100%; float: none; padding: 0;}
	.bton {width: 50%;}
	.btonm {width: 100%;}
	.column-inner-content-col {padding: 30px 10px 30px 40px;}	
	.route {background-size: auto 150px;}
	.route-map img {width: 95%;}	
	.footer-col-left {width: 100%; float: none;}
	.footer-col-left .overlay {border-radius: 0 0 10px 10px;}
	.footer-col-bg {padding: 30px 20px; width: 100%;}
	.footer-col-bg h2 {font-size: 1.5rem;}
	.footer-col-bg p {font-size: 1.1rem; line-height: 1.8rem;}
	.footer-col-right {width: 100%; float: none; padding: 30px 0;}
	.form-col-footer {width: 100%; float: none;}	
	.footer-form {position: relative; padding: 20px 0 35px;}
	.form-col-footer h3 {padding: 10px 0;}
	.footer-form-butn {margin-top: 15px;}
	.base {padding: 20px 0;}
	.pencil {display: block;}
	.modal-content1 {width: 80%;}
	.modal-content-popup-form {margin-top: 25%;}
	.form-col-mob {width: 100%; float: none;}
}

@media only screen and (max-width:667px) and (min-width:400px) {
	.frame {width: 90%;}
	header {position: relative; top: 0;}
	.head {width: 100%; padding: 0;}
	.sticky {position: relative;}
	.mobile-frame {width: 100%;}
	.head-contact {width: 100%; float: none; padding: 0; background: #075d87; padding: 10px 0;}
	.head-contact h2 {margin: 0; color: #fecc09; font-weight: normal;}
	.head-logo {width: 100%; float: none; padding: 15px 0; background: #FFF; position: relative;}
	.head-logo img.h-logo-1 {width: 40%; box-shadow: none; padding: 0; display: none;}
	.head-logo img.h-logo-2 {display: block; padding: 0 30px; width: 80%; margin: 0 auto;}
	.sticky .head-logo img.h-logo-2 {padding: 0 30px;}
	.head-menu {width: 100%; float: none; display: none;}
	.banner-img {content: url(../img/mbanner.jpg);}
	.about {padding: 30px 0 20px 0;}
	.about-left {width: 100%; float: none; padding: 0;}
	.about-col-left {padding: 20px;}
	.about-right {width: 100%; float: none; padding: 10px 0;}
	.about-col-right {padding: 20px 0;}
	.about-col-right h2 {font-size: 1.5rem; text-align: center; margin: 20px 0;}
	.service-col {width: 50%; float: left;}
	.service-main h2 {font-size: 1.5rem;}
	.service-details {padding: 30px 0;}
	.service-details h3 {font-size: 0.9rem;}
	.advantage {padding: 0 0 30px 0;}
	.advantage-full h2 {font-size: 1.5rem;}
	.locadv-col-left {width: 100%; float: none;}
	.locadv-col-right {width: 100%; float: none; padding: 0;}
	.bton {width: 50%;}
	.btonm {width: 100%;}
	.column-inner-content-col {padding: 30px 10px 30px 40px;}	
	.route {background-size: auto 150px;}
	.route-map img {width: 95%;}	
	.footer-col-left {width: 100%; float: none;}
	.footer-col-left .overlay {border-radius: 0 0 10px 10px;}
	.footer-col-bg {padding: 30px 20px; width: 100%;}
	.footer-col-bg h2 {font-size: 1.5rem;}
	.footer-col-bg p {font-size: 1.2rem; line-height: 2rem;}
	.footer-col-right {width: 100%; float: none; padding: 30px 0;}
	.form-col-footer {width: 100%; float: none;}	
	.footer-form {position: relative; padding: 20px 0 35px;}
	.form-col-footer h3 {padding: 10px 0;}
	.footer-form-butn {margin-top: 15px;}
	.base {padding: 20px 0;}
	.pencil {display: block;}
	.modal-content1 {width: 80%;}
	.modal-content-popup-form {margin-top: 25%;}
	.form-col-mob {width: 100%; float: none;}
}

@media only screen and (max-width:736px) and (min-width:410px) {
	
}


@media only screen and (max-width:768px) and (min-width:482px) {
	
}

@media only screen and (max-width:960px) and (min-width:730px) {
	
}

@media only screen and (max-width:1024px) and (min-width:800px){
	
}

@media only screen and (max-width:1200px) and (min-width:1024px){
	
}