@media only screen and (max-width: 1875px) {
	.map {
		 width: 60%;
	}
	.one {
	    margin-top: 10px;
	    width: 48%;
	}
	iframe {
	    width: 100%;
	}
	.product-con {
	    padding: 10px;
	}
}
@media only screen and (max-width: 1474px) { 
	.product p {
	    font-size: 10px;
	}
	p.chart-con {
	    font-size: 14px;
	}
	.qcon {
	    width: 85%;
	    margin: 0 auto;
	    padding-top: 40px;
	}
	.contact-banner {
	    height: 500px;
	    margin-top: -20px;
	}
}
@media only screen and (max-width: 1380px) {
	img.about-img2 {
	    width: 100%;
	}
	.about-area .about-caption p {
	    font-size: 13px;
	    margin: 15px 0;
	}
	.ctitle {
	    font-size: 23px;
	}
	.banner-content {
	    left:29%;
	}
}
@media only screen and (max-width: 1200px) {
	footer {
	    padding-top: 60px;
	}
	.contact-banner {
	    height: 420px;
	}
	.sec-tl.ab-wra.section-tittle.ch h2:after {
	    left: 322px;
	}
	h4.smc {
	    margin-top: 60px;
	    border-right: 2px solid #000;
	}
	.menu a {
		font-size: 13px;
	}
	.get {
		margin-left: 10px;
	}
	img.hand {
	    height:362px;
	}
	.respo  p{
		font-size: 13px;
	}
	.lo-wra {
		height: 510px;
		position: relative;
	}
	.inc-wra {
    	margin-top: 0px;
    	margin: 0 auto;
	}
	.face-wra {
		padding: 90px 0;
	}
	.price-wra {
	    width: 80%;
	}
	.map-des {
	    width: 50%;
	}
	.plan-wra p {
    	font-size: 14px;
	}
	.ban-con {
		width: 90%;
	}
	input[type="text"] {
		width: 166px;
	}
	.map-wra {
		width: 80%;
	}
	img.map {
		right: -12%;
	}
	.section-tittle span {
	    margin-bottom: 0px;
	}
	section.about-area.section-padding2 {
	    padding-top: 50px;
	    padding-bottom: 100px;
	}
	.news {
	    margin-top: 30px;
	}
	section.about-wra p {
	    font-size: 12px;
	}
	.product p {
	    font-size: 14px;
	}
	.qcon {
	    width: 92%;
	}
	.flame {
	    margin: 50px 0;
	    font-size: 12px;
	    line-height: 1.9;
	}
	.flame {
	    font-size: 12px;
	}
	img.pro-img.un2 {
        margin-bottom: 30px;
    }
    .map {
	    width: 80%;
	}
	.content {
	    left: 5%;
	}
}
@media only screen and (min-width: 1090px) {
	.quality-content {
		width: 67%; 
	}
	img.about1 {
        height: 280px;
    }
}
@media only screen and (max-width: 992px) {
	h4.vin.ami {
	    margin-top: -45px;
	}
	.sec-tl.ab-wra.section-tittle.ch h2:after {
	    left: 213px;
	}
	h4.thin {
	    margin-top: 50px;
	}
	h4.smc {
	    border-right: 0;
	}
	.sec-tl.ab-wra.text-center.our.section-tittle.qa-tit.comit.pro-tit h2:after {
	    left: 42%;
	}
	h4.Ortho {
	    margin-top: 50px;
	}
	h4.vin {
	    border-right: 0;
	}
	h4.Ortho {
	    border-left: 0;
	}
	h4.bor-lr {
	    border-right:0;
	}

	img.banner {
	    height: 450px !important;
	}
	section.about-area.section-padding2.pro .about-caption p {
	    color: #232323;
	    font-size: 10px;
	}
	h4.high {
	    margin-top: -75px;
	}
	.sec-tl.ab-wra.text-center.section-tittle.qa-tit h2 {
    	font-size: 27px;
	}
	.sec-tl.ab-wra.section-tittle.qa-tit h2:after {
	    left: 45%;
	}
	img.about1 {
	    width: 100%;
	    margin-top: 20px;
	}
	.content {
	    left: -15%;
	}
		.menu li {
		padding-left: 2px;
	}
	img.about-img1 {
        height: 200px;
    }
	.logo h2 {
		font-size: 18px;
		margin-top: 7px;
	}
	.get {
		font-size: 11px;
	}	
	.respo {
	    padding-top: 0px;
	}
	.inc-wra {
	    margin: -90p4x auto;
	    padding-bottom: 30px;
	}
	.map-left h3{
		font-size: 23px;
	}
	.map-wra {
	    height: 370px;
	}
	.map-left {
	    padding-top: 60px;
	}
	img.map {
	    top: 60px;
	    right: -14%;
	}
	.price-wra {
 	   width: 100%;
	}
	.map-wra {
   		width: 78%;
	}
	.down h3{
    	font-size: 26px;
	}
	.download {
	    min-height: 250px;
	}
	.send {
		margin-left: -36px;
		margin-top: 0;
	}
	.logo h2:after {
		right: -23%;
		top: 0;
	}
	.top-nav li {
		margin: 0 6px;
	}
	.menu a {
		padding-left: 0px;
	}
   .respo h3 {
	   font-size: 20px;
   }
   img.face {
	   margin-top: 49px;
   }
   .menu a {
		font-size: 15px;
		padding-right: 0px;
   }
   img.about-img2 {
	    width: 110%;
	}
	h2.section-tittle {
	    font-size: 20px;
	}
	h2.section-tittle:before {
	    top: 35px;
	}
	.down {
	    padding-top: 30px;
	}
	li.search {
	    display: none !important;
	}
	ul.our {
	    margin-left: -40px;
	    margin-bottom: 30px;
	}
	ul.flink.quick {
	    margin-left: 0px;
	}
	form {
	    margin-left: 100px;
	}
	.ctitle {
	    font-size: 22px;
	}
	/*about page*/
	.about-con {
	    margin-left: 0;
	    margin-top: 50px;
	    width: 53%;
	}
	.about-con {
	    margin: 65px auto;
	    width: 98%;
	    margin-bottom: -20px;
	    margin-left: 12px;
	    margin-top: 40px;
	}
	.product p {
	    font-size: 14px;
	}
	.box1.b2 {
	    margin: 30px 0;
	}
	img.ab-img {
	    height: 330px;
	    margin-top: 110px;
	}
	/*quality start*/
	.quality-content {
		width: 100%;
		margin-top: 30px;
	}
	.circle {
		width: 150px;
		height: 150px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.cir {
		top: 11px;
	}
	.cir1 {
		top: 11px;
	}
	.cir2 span {
	    padding: 20px;
	    margin-top: 35px;
	}
	.cir3 span {
		padding: 52px;
		margin-top: 17px;
	}
	p.chart-con {
	    margin-top: -40px;
	    margin-bottom: 80px;
	}
	.abox.b3 {
	    margin-top: 25px;
	}
	img.q-img {
	    height: auto;
	    padding: 0 20px;
	}
	.quality {
	    padding: 0 30px;
	    margin-top: 110px;
	    margin-bottom: 100px;
	}
	img.quality {
	    margin-left: 70px;
	    width: 60%;
	}
	.fdes.flame1.f3 {
	    margin-top: -30px;
	}
	img.fl-img2 {
	    height: 350px;
	    margin-bottom: 50px;
	}
	.map {
		flex-direction: column;
	}
	.one {
	    width: 59%;
	    margin: 0 auto;
	}
	.one.smap {
	    margin-top: 20px;
	}
}
	/*quality end*/
@media (min-width: 841px) {

	.top-nav .menu {
		max-height: none;
   }
	.top-nav .menu-icon {
		display: none;
   }
}
@media only screen and (max-width: 841px) {
	.top-nav .menu li a {
		font-size: 13px;
		color: #fff;
	}
	ul {
	    padding-top: 20px;
	}
	.top-nav .menu-icon .navicon {
		display: block !important;
	}
	.get {
		font-size: 13px;
	}
	.menu {
		display: none;
		text-align: left;
		margin-top: 15px;
	}
	.get {
    	margin-left: 5px;
	}
	#bar {
		display: inline-block;
		position: absolute;
	    right: 13%;
	    top: 31px;
	}
	.fcross {
		margin-right: 10px;
	}
	.lo-wra {
	    height: 510px;
	}
	img.face {
	   width: 100%;
	   margin-top: 30px;
	}
	img.map {
 	   width: 63%;
 	   top: 110px;
	}
	.map-des {
	    font-size: 14px;
	}
	.pra-btn {
	    padding: 6px 15px;
	}
	.plan-wra p {
	    font-size: 13px;
	}
	footer .flink li {
	    display: block;
	}
	footer h3 {
	    margin-top: 0px;
	}
	.menu {
	    background: #0f5f5c;
	    position: absolute;
	    height: 140vh;
	    top: 120px;
	    z-index: 9999;
	    right: 0;
	}
	.menu ul li {
	    display: block;
	    margin-bottom: 20px;
	}
	.menu a {
	    font-size: 15px;
	}
	.top-nav .menu {
		max-height: 0;
	}
	.footer-bottom p {
		margin-left: 0;
	}
	.fob {
	    margin-top: -22px;
	}
}
@media only screen and (max-width: 767px) {
	button.learn.our.subtn {
	    margin-left: 0px;
	    width: 90%;
	}
	section.commit {
	    padding: 50px 0;
	}
	section.additional {
	    padding: 30px 0;
	}
	.sec-tl {
	    margin-bottom: -10px;
	}
	.quality-wra {
	    padding-top: 30px;
	}
	.down {
	    padding-top: 50px;
	}
	section.about-area.section-padding2.ab {
	    margin-top: -70px;
	}
	.section-tittle h2:after {
		display: none;
	}
	.sec-tl.ab-wra.section-tittle.ch h2:after {
	    left: 153px;
	}
	h4.thin {
	    margin-top: 0px;
	}
	h4.smc {
	    margin-top: 0px;
	}
	h4.Ortho {
	    margin-top: 0px;
	}
	section.commit h4 {
	    margin-bottom: 20px;
	}
	.content {
	    left: -13%;
	}
	h4.high {
	    margin-top: -5px;
	}
	h4.conm {
	    margin-top: 10px;
	}
	h4.bor-lr {
	    border-right: 0;
	    border-left: 0;
	}
	.line {
	    border-left: 0;
	    border-right: 0;
	}
	.one {
	    width: 100%;
	    margin: 0 auto;
	}
	img.about-img1 {
	    width: 100%;
	    margin-top: 30px;
	}
	img.about-img2 {
    	width: 210%;
	    margin-top: 30px;
	    margin-left: 120px;
	}
	.about-con {
	    width: 100%;
	}
	img.ab-img {
	    width: 100%;
	}
	section.about-area.section-padding2 {
	    padding: 80px 20px;
	}
	img.about1 {
    	margin-top: -30px;
    	width: 100%;
	}
	img.about2 {
	    width: 230%;
	    margin-top: 40px;
	    margin-left: 100px;
	}
	.pro-con {
	    margin-top: 30px;
	}
	.product {
	    text-align: center;
	}
	h2.section-tittle {
	    font-size: 24px;
	    margin-top: -30px;
	    margin-bottom: 40px;
	}
	.download {
	    padding-left: 20px;
	}
	footer .logo {
	    width: 230px;
	}
	.fob {
	    margin-top: -55px;
	}
	form {
	    margin-left: 0px;
	    margin-top: 20PX;
	}
	.form-control {
	    width: 90%;
	}
	.sol-img {
	    width: 100%;
	}
	.product p {
	    font-size: 14px;
	}
	img.pro-img {
	    margin-bottom: 40px;
	    margin-top: 30px;
	}
	img.quality {
	    margin-top: 45px;
	    width: 45%;
	    margin-left: 110px;
	    margin-bottom: 179px;
	}
	.abox.bb1 {
	    margin-top: 100px;
	    margin-bottom: 30px;
	}
	.abox {
	    margin: 0 auto;
	    width: 60%;
	}
	.cir4.circle.cir {
	    top: 95px;
	    left: -550px;
	}
	.cir1.circle {
	    top: -70px;
	}
	.cir2.circle.cir {
	    top: -70px;
	}
	.cir3.circle.cir {
	    top: 95px;
	}
	.quality {
	    margin-top: 150px;
	}
	.fdes.flame1.f1 {
	    padding-left: 50px;
	    text-align: justify;
	}
	span.fr {
	    margin-left: 0;
	}
	span.frs {
	    margin-left: 0;
	}
	.fdes.flame1.f1 {
	    height: 340px;
	    margin-top: 70px;
	}
}
@media only screen and (max-width: 575px) {
	img.ab-img {
	    width: 100%;
	    margin: 0px auto;
	    margin-top: 40px;
	    height: auto;
	}
	sec-tl.ab-wra.section-tittle.text-center.addi {
	    padding: 0 40px;
	}
	section.about-area.section-padding2 {
	    padding: 80px 0;
	}
	.sec-tl.ab-wra.section-tittle.addi h2:after {
	    left: 0 !important;
	    width: 270px;
	}
	.section-tittle h2 {
	    font-size: 17px;
	}
	.sec-tl.ab-wra.section-tittle.ch h2:after {
	    width: 300px;
	    left: 70px;
	}
	.sec-tl.ab-wra.text-center.our.section-tittle.qa-tit.comit.pro-tit h2:after {
	    left: 35%;
	}
	.content {
	    top: 30%;
	}
	.sec-tl.ab-wra.text-center.our.section-tittle.qa-tit.comit h2:after {
	    left: 26%;
	}
	.content {
	    left: -11%;
	}
	.sec-tl.ab-wra.section-tittle.qa-tit h2:after {
	    left: 41%;
	}
	.container {
		width: 90%!important;
		margin: 0 auto;
	}
	.crative {
		margin-top:10px;
	}
	.tpic-part {
		margin-top: 15px;
	}
	img.hand {
		position: relative;
		left: 0;
		margin-bottom: 15px;
	}
	.fitem {
		margin-bottom: 20px;
	}
	.f-con {
		width: 80%;	
		margin: 0 auto;
	} 
	.lo-wra {
	    height: 800px;
	}
	img.face {
	    padding-bottom: 25px;
	}
	.map-des {
	    width: 100%;
	}
	img.map {
	    width: 100%;
	    top: 270px;
	    left: 0;
	}
	.map-wra {
	    height: 520px;
	}
	.down h3 {
		font-size: 21px;
	}
	.price-wra {
	    flex-direction: column;
	    width: 80%;
	}
	.pra-nobo {
	    border-right: 1px solid;
	    border-left: 1px solid;
	    margin: 30px 0;
	}
	.all-wra {
		margin-bottom: 20px;
	}
	.all-wra p {
		font-size: 16px;
	}
	.menu a {
	    font-size: 13px;
	}
	.top-nav .menu {
		max-height: 0;
	}
	.page-title {
		font-size: 25px;
	}
	h2.section-tittle {
	    font-size: 16px;
	}
	.quality span {
	    font-size: 11px;
	}
	img.quality {
	   margin-left: 60px;
   		width: 60%;
	}
}
@media only screen and (max-width: 553px) {
	.contact-banner {
	    height: 137px;
	    margin-top: 0;
	}
	.sec-tl.ab-wra.section-tittle.text-center.addi.vinyl-title h2:after {
	    width: 280px;
	}
	.sec-tl.ab-wra.section-tittle.text-center.addi.vinyl-title.iso h2:after {
	    width: 320px;
	}
	.sec-tl.ab-wra.section-tittle.text-center.addi.vinyl-title.iso.gel-title h2:after {
	    width: 110px;
	}
	img.hand {
		margin-bottom: 30px;
	}
	img.map {
    	top: 260px;
	}
	.menu a {
	    font-size: 12px;
	}
	.pra-btn {
		margin-bottom: 70px;
	}
	.page-title {
		font-size: 19px;
	}
	.price {
		padding: 30px 0;
		width: 83%;
		margin: 0 auto;
		height: 333px;
		margin-bottom: 30px;
	}
	footer img {
	    width: 22px;
	}
	.abox {
	    width: 100%;
	}
	.sec-tl.ab-wra.section-tittle.text-center.addi.vinyl-title.ortho h2:after {
	    width: 340px;
	}
}
@media only screen and (max-width: 400px) {
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	    font-size: 11px;
	}
	.logo {
	    float: left;
	    margin-right: 7px;
	}
	.logo h2:after {
		display: none;
	}
	img.map {
    	top: 340px;
	}
	.content {
		left: -19%;
	}
	img.about1 {
		width: 290px;
	}
	img.about-img1 {
    	width: 290px;
    }
    img.about-img2 {
	    width: 380%;
	    margin-left: 40px;
	}
	.about-con {
	    width: 92%;
	    margin: 0 auto;
	    margin-top: 30px;
	    margin-bottom: -50px;
	}
	img.about2 {
		width: 380%;
	    margin-left: 40px;
	}
	p.all {
	    font-size: 13px;
	}
	img.ab-img {
	    width: 100%;
	    margin-left: -80px;
	    margin: 0px auto;
	    margin-top: 50px;
	}
	img.about-img {
	    width: 100%;
	    height: 300px;
	}
	.col-lg-6.col-md-6.strength {
	    margin-top: 20px;
	}
	.seft h2{
		margin-top: -50px;
	}
	img.quality {
	    margin-left: 60px;
	    width: 65%;
	}
	.cir4.circle.cir {
	    top: 85px;
	    left: -310px;
	}
	.circle {
	    width: 130px;
	    height: 130px;
	}
	.cir3.circle.cir {
	    top: 87px;
	    left: 20px;
	}
	.cir3.circle.cir b{
	    margin-left: -25px!important;
	}
	.cir1.circle {
	    top: -60px;
	}
	.cir2.circle.cir {
	    top: -60px;
	    left: 20px;
	}
	img.fl-img2 {
	    height: auto;
	    margin-bottom: 50px;
	}
	.simg{
	   margin-top: 50px;
	}
}
@media only screen and (max-width: 380px) {
	img.hand {
	    height: 375px;
	    padding-top: 90px;
	}
		img.map {
    	top: 370px;
	}
	.pra-btn {
	    padding: 10px 13px;
		font-size: 11px;
	}
}
 	@media only screen and (max-width: 320px){
	img.about-img1{
	    width: 250px;
	    margin-left:-20px; 
	}
	img.about1 {
		width: 260px;
		margin-left:-20px;

	}
	.section-tittle h1{
		margin-top:-400px; 
	}
	.team{
		margin-top:-400px; 
	}
	.ctitle {
	    font-size: 17px;
		}
	p.ban-con{
		font-size:14px; 
	}
	.team{
		margin-top:; 
	}
	.contact-banner {
	    height: 110px;
	    padding-top: 130px;
	}
}