@media (max-width:1000px)  {
.wrapp-sale section>div, .wrapp-sale header{width:768px}
.mask-question .popup-center,.mask-question{width: 100%;}
.book-appointment .popup-center{width:100%;padding:0}
.book-appointment .popup-content {
    padding: 40px 10px;
    background: rgba(84, 121, 26, 0.73);
}
.sec-2>div{padding-left:10px;}
.sec-2>div img{
    right: -100px;
}
.sec-5 >div h2 span{display:block;margin-top:10px}
.sec-6>div>img{width: 500px;top: 0;opacity: 0.5;}
.wrapp-sale .sec-10>div{padding-top:170px}
.sec-5 .dieu-tri >div:first-child:before{display:none}

}

@media (max-width: 768px)  {
.wrapp-sale section>div, .wrapp-sale header{width:100%}

.sec-4 >div h2 {
    font-size: 17px;
    margin-top: 20px;
}
.sec-1>div{padding-right:10px;padding-left: 10px;}
.box-certify{margin: 10px auto 100px;float: none;}
.sec-1 .info-head >h2{font-size: 50px;}
.sec-1 .info-head >h1{font-size: 30px;}
.sec-1 .info-head >p:nth-child(6){font-size: 20px;}
.box-uu-diem h3{font-size: 15px;}
.box-uu-diem{padding-top:20px;margin-bottom: 20px;}
.sec-2>div{padding-right:100px;padding-top:10px}
.sec-2>div img{right:0;width:100px;top:0}
.sec-2>div>div{padding:10px;}

.sec-2>div>div p:first-child {
    font-size: 15px;
}
.sec-3>div{padding-left:10px;padding-right:10px}
.sec-3>div h2{font-size:30px;margin-bottom: 10px;}
.sec-3>div h2 span{font-size: 40px;margin-top: -30px;}
.sec-3>div>div{width:100%}
.sec-4 >div{padding:10px}
.sec-4 >div table td, .sec-4 >div table th{padding:5px}
.sec-4 >div table tbody th{white-space:pre-wrap}

.sec-5 >div{padding:10px}
.sec-5 .dieu-tri >div img{width:100px}
.sec-5 .dieu-tri >div:last-child:before{background-size:100px;background-repeat:no-repeat;background-position:center right;top: 30px;margin-right: 0;left: 50%;width: 100px;margin-left: -50px;}
.dieu-tri{position:relative;width: 400px;margin: 0 auto;}
.sec-5 .dieu-tri >div:last-child{position:initial}
.sec-6 .info-a{margin-bottom:20px;padding-top: 20px;}

.sec-6 .info-a>div {
    display: block;
}

.sec-6 .info-a img {
    position: relative;
    top: 0;
    float: right;
    right: 0;
    margin-left: 20px;
}

.sec-6 .info-a h3{font-size:20px;}
.sec-6 .info-a h2{font-size:30px}
.sec-6 .info-b>div p{font-size:14px}
.sec-6 .info-b>div p img{width:25px}
.sec-6>div{min-height: inherit;padding-bottom: 30px;padding-top: 30px;overflow: hidden;}

.sec-6>div:before,.wrapp-sale .sec-10>div:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.42);z-index: 1;}

.sec-6>div>*, .wrapp-sale .sec-10>div>* {
    position: relative;
    z-index: 2;
}

.live-video>p {
    font-size: 14px;
    margin-bottom: 50px;
    color: white;
}

.sec-6 .about-us {
    margin-top: 0;
}
.sec-6>div>img{opacity: 0.7;height: 500px;width: initial;left: -60px;top: inherit;}

.sec-7>div{padding:10px}
.sec-7>div h3{font-size:18px}
.sec-7>div >div{padding:20px;font-size:14px}

.sec-8>div .video{width:100%}

.sec-9>div{padding:10px}
.sec-9>div h2{font-size:17px;line-height: 24px;}
.sec-9>div ul li{padding:10px;font-size: 13px;}

.wrapp-sale .sec-10>div{padding-left:10px;padding-right:10px;te;text-align: center;padding-top: 70px;position: relative;color: #fff;}


.group-button-call{float:none}

.group-button-call div a {
    display: inline-block;
}
.group-button-call div {
    float: none;
}
.sec-10>div h2 b{display:block}
.wrapp-sale .sec-11 >div{width:100%;padding-left: 10px;padding-right: 10px;}
.info-footer p{font-size: 13px;}
.info-footer .slogan {
    font-size: 13px;
}

.sec-11>div h2 {
    font-size: 14px;
}
.book-appointment .col-sm-6{margin-bottom:10px}

}




@media (max-width: 425px)  {
.sec-1 .info-head >h1{
    font-size: 23px;
}

.sec-1 .info-head >p:nth-child(6) {
    font-size: 15px;
    letter-spacing: 0px;
}.sec-1 .logo img{width:50px}
.sec-1 .info-head >h2{font-size: 44px;white-space: pre;}
.box-uu-diem h3{letter-spacing:0;font-size: 13px;white-space: pre;}
.box-uu-diem{padding:20px 10px}

.box-call-book {
    width: 300px;
    margin: 0 auto;
    float: none;
    right: inherit;
}

.sec-6 .about-us {
    padding: 15px;
    background-position: -540px -810px;
}

.sec-6 .about-us .info-a h3 {
    font-size: 16px;
    text-align: left;
    margin-top: 0;
}

.sec-6 .about-us .info-a img {
    width: 44px;
    position: absolute;
}

.sec-6 .about-us .info-a h2 {
    text-align: left;
    font-size: 25px;
}

.sec-6 .about-us .info-a {
    text-align: left;
}

.dieu-tri {
    width: initial;
}

.sec-6>div>img {
    display: none;
}

.box-call-book h2 {
    font-size: 28px;
}
.box-uu-diem ul{margin-left:0}
.box-uu-diem ul li{letter-spacing:0px}
.sec-2 h2{font-size: 13px;line-height: 19px;color: #fff;}
.sec-2>div>div{margin-right: -90px;}

.sec-2>div>div:before {content: "";display: inline-block;float: right;width: 100px;height: 50px;}
.sec-3>div{padding-top:20px;min-height: inherit;}
.sec-3>div h2{font-size:20px;color: #ffffff;}
.sec-6 .info-a{padding: 0 10px;}
.sec-6 .info-a>div,.sec-6 .info-a h2, .sec-6 .info-a h3, .sec-6 .info-a p{text-align:center}
.sec-6 .info-a p{font-size:14px}
.sec-6 .info-b>div p{font-size: 10px;}

.sec-6 .info-b>div p img {
    margin-right: 4px;
}

.sec-7>div h3{font-size:15px;letter-spacing: -1px;line-height: 23px;color: #9e7319;}
.wrapp-sale .sec-8>div{background: #afe9a4;margin-top: 0;padding-top: 20px;}
.sec-10>div h2{font-size:23px}
.sec-3>div>div>div img{width:50px}
.sec-10 .phone-groups img{position:relative;margin-right: 0;top: 0;margin-top: 0;right: inherit;float: none;}
.group-button-call .btn{margin-bottom:0;font-size: 20px;}
.sec-10 .phone-groups>*{width:100%;text-align: center;}

.sec-10 .phone-groups {
    width: inherit;
    margin-bottom: 20px;
}

.sosial-share-post {
    float: none !important;
    width: 230px;
    margin: 0 auto;
}

.sec-10 .phone-groups .clearnumber {
    text-align: center;
}
.sec-1 .info-head h5{width: 290px;float: right;font-size: 18px;line-height: 25px;}

.sec-1 .info-head p:nth-child(2):before {content: "";display: block;clear: both;width: 100%;}
.sec-1>div {
	    background-position: -240px 0;
	}

.live-video>div{
    width:100%;
}

.live-video .video-2 {
    padding-left: 0;
}
.live-video .video-1{
    padding-right:0;
    margin-bottom:20px
}
.live-video .video-1{
    padding-right:0
}

}


@media (max-width:320px)  {
	

	.sec-1 .info-head h5 {
	    width: 250px;
	    font-size: 16px;
	}
}