* {margin: 0px;padding: 0px;}
@font-face {
  font-family: 'TimesNewRoman';
  src: url('../fonts/TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/TimesNewRomanPSMT.woff') format('woff'), 
  url('../fonts/TimesNewRomanPSMT.ttf')  format('truetype'), 
  url('../fonts/TimesNewRomanPSMT.svg#TimesNewRomanPSMT') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {color:#000;background:#000;
font-size: 13px;font-family: TimesNewRoman;}
  a[href^=tel] { color: inherit; text-decoration: none;background-repeat: repeat; }
ul li{list-style:none;}
a{text-decoration:none;color:#000;}
.phantrang { text-align: center; width:100%; float:left; margin-bottom:10px;padding-left:0px;padding-top:10px;margin-top:10px;}
.phantrang a{background: #FFFFFF;color: #000000;padding:5px 10px;border-radius: 0px;border: 1px solid #ccc;margin-right: 10px;}
.phantrang span{background: #CCC;color: #fff;padding:5px 10px;border-radius: 0px;border: 1px solid #ccc;margin-right: 10px;}
.phantrang a:hover{background: #CCC;color: #fff;padding: 5px 10px;border-radius: 0px;border: 1px solid #ccc;margin-right: 10px;}
.phantrang li{list-style:none; float:left;}
.clear{clear:both;}
.waper{max-width:1349px;height:auto;margin:0 auto;width: 100%;position: relative;background: #fff;}
.row .title3 {
    text-transform: uppercase;
    font-size: 20px;
    color: red;
    border-bottom: 2px solid #edb343;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 88px;
    width: 68%;
    margin-left: 81px;
}
.fluid-img{
    width: 100% !important;
    height:auto !important;
}
.content27{
    display: none;
}
.xemthem a{
    text-decoration: none;
}
.tensp a{
    text-decoration: none;
    text-transform: uppercase;
}
.tensp2 a{
    text-decoration: none;
    text-transform: uppercase;
}
.row{
    margin-right: 0px;
    margin-left: 0px;
}

.box_news1 a:hover{
    text-decoration: none;
}
.head{
    width: 100%;
    height: auto;
    padding-top: 10px;
}
.head1{
    font-size: 26px;
    font-weight: bold;
    border-right: 1px solid #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: white;
}
.xemthem a:hover{
	color: blue !important;
}
.head2{
  
    text-align: center;
    font-size: 19px;
    padding-top: 11px;
    padding-bottom: 13px;
    margin-left: 5px;
    margin-right: 0px;
    color:#000;
    font-weight: 1000;
}
.tt3{
    height: 86px;
}
.head3{
    margin-top:10px;
}
.head4{
    text-align: center;
    font-size: 19px;
    padding-top: 11px;
    padding-bottom: 13px;
    margin-right: 0px;
    color: white;
    font-weight: 1000;
}
.logo__a{
    display: block;
}
.logo{
   padding:0;
   box-sizing: border-box;
}
.content1{
    margin-top: 10px;
    border: 1px solid #d0c25b;
    padding-right: 0px;
    padding-left: 0px;
    height: auto;
    margin-top: 40px;
}
.cat1{
    padding-left: 10px;padding-right: 10px;
}
.tt2{
    width: 100%;
   height: 83px;
}
.tentt a{
    text-decoration: none;
    text-transform: uppercase;
}
.tensp1 a{
    text-decoration: none;
}
.hinhanh{
    position: relative;
    width: 100%;
    height: auto;
}
.hinhanh img{
    width: 100%;
    height: 431px;
}
.tintuc2 img{
    width: 100%;
    height: 70px;
}
.sp{
    position: absolute;
    width: 100%;
    height: 70px;
    background: rgba(255,255,255,0.7);
    margin-top: -70px;
    padding-top: 10px;
    padding-left: 10px;
}
.tensp{
    width: 100%;
    padding-top: 5px;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    height: 47px;
    overflow: hidden;
}
.mota{
    width: 100%;
    padding-bottom: 5px;
    padding-left: 5px;
}
.content2{
    margin-top: 40px;
    border: 1px solid #d0c25b;
    padding-bottom: 30px;
    position: relative;
    height: 433px;
    background: #fff;
}
.xemthem{
    width: 100%;
    text-align: right;
    padding-right: 23px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    color: red;
    
}
.xemthem a{
	color: red;
}
.tieude1{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 25px;
    font-weight: bold;
    background: #194178;
    padding-bottom: 10px;
    color: white;
}
.tieude5{
	width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
    font-weight: bold;
    background: #194178;
    padding-bottom: 10px;
    color: white;
}
.tieude6{
	width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 19px;
    font-weight: bold;
    background: #194178;
    padding-bottom: 10px;
    color: white;
}
.tieude4{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    background: rgba(255,255,255,0.7);
}
.tieude2{
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 17px;
}
.content3{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
    margin-top: 30px;
}
.content4{
    width: 92%;
    border: 1px solid red;
    margin-bottom: 10px;
    height: auto;
    background: #fff;
}
.content41{
    width: 92%;
    border: 1px solid red;
    margin-bottom: 10px;
    height: auto;
}
.cat2{
    padding-left: 0px;padding-right: 20px;
}
.quangcao1{
    width: 100%;
    height: 611px; 
}
.quangcao2{
    width: 100%;
    height: 569px; 
    margin-top: 10px;
}
.quangcao1 img{
     width: 100%;
    height: 611px; 
}
.quangcao2 img{
     width: 100%;
    height: 569px; 
}
.content5{
    width: 100%;
    padding-left: 8px;
    font-size: 20px;
    text-decoration: underline;

}
.content6{
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: red;
}
.content7{
    margin-top: 10px;
    border: 1px solid;
}
.tieude3{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 25px;
    font-weight: bold;
    border: 1px solid #d0c25b;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px;
    background: #edb343;
}
.content4 img{
    width: 100%;
    height: auto;
}
.content8{
    width: 100%;
    border: 1px solid red;
    height: auto;
    margin-top: 40px;
}
.content9{
    height: 350px;
    margin-top: 10px;
    border: 1px solid #d0c25b;
    padding-bottom: 10px;
    background: #fff;
}
.content10{
    border: 1px solid #d0c25b;
    margin-top: 10px;
}
.tintuc1{
    width: 100%;
    padding-left: 10px;
    margin-top: 20px;
}
.content11{
    width: 96%;
    border: 1px solid;
    margin-top: 40px;
}
.content8 img{
    width: 100%;
    height: auto;
}
.dangky1{
    width: 100%;
    margin-top: 30px;
}
.dangky1 input{
    width: 80%;
    margin: 10px auto;
    margin-top: 18px;
}


.dangky1 textarea{
    width: 90%;
    margin: 20px auto;
}
.div_img_pr:hover:after {
    width: 100%;
    height: 100%;
    background: url(../images/zoom.png) 50% 50% no-repeat,rgba(0, 0, 0, 0.38);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
}
.div_img_pr:hover img {
    transform: scale(1.2);
    transition: all 0.5s;
}
.row .title {
    text-transform: uppercase;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.71);
    border-bottom: 2px solid #edb343;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 88px;
    width: 64%;
    margin-left: 20px;
}
.div_img_pr {
    width: 100%;
    height: 215px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.vitrisp{
    width: 100%;
    padding-left: 5px;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    
}
.clear{
    clear: both;
}
.giasp{
    width: 100%;
    padding-left: 5px;
    font-size: 14px;
}
.content14{
    border: 1px solid #d0c25b;
}
.sanpham {
    width: 100%;
    height: 338px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    padding-bottom: 10px;
    box-shadow: 0 5px 5px #bbb;
}
.sanpham-ten a{
    color: red;
}
.title a{
    color: red;
}
.title a:hover{
    text-decoration: none;
}
.content15{
    padding-top: 10px;
}
.sanpham-ten {
    width: 100%;
    text-align: left;
    height: 37px;
    padding-left: 10px;
    font-weight: bold;
    overflow: hidden;
}
.sanpham-ten a{
    text-decoration: none;
}
.box_news1 {
    clear: both;
    padding-bottom: 10px;
    padding-top: 5px;
    border: 1px solid #fcfcfc;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,.18);
    box-shadow: 1px 2px 6px rgba(0,0,0,.18);
    margin: 0 0 30px;
    overflow: hidden;
    background: #fff;
}
.nd_tin1{
    font-size: 14px;
    height: 60px;
    overflow: hidden;
}
.box_news1 h2 a {
    color: red;
    font-family: 'opensans', sans-serif;
    font-size: 18px;
    height: 53px !important;
    overflow: hidden !important;
}
.image_boder {
    float: left;
    margin-right: 10px;
    background: #FFF;
    padding: 5px;
    border: 1px solid #E4E4E4;
    width: 25%;
}
.div_img_pr img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.gt img{
    width: 100% !important;
    height: auto !important;
}
.bt input{
    color: #FFF;
    border: 1px solid #bbb;
    background: #204d74;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    display: block;
    font-size: 16px;
    padding: 8px 12px;
    margin: 0 auto;
    width: 50%;
    margin-bottom: 20px;
}
.content13{
    margin-bottom:10px;
}
.lan{
    padding-left: 0px;
}
.gia1{
    width: 100%;
    height: 22px;
    font-size: 13px;
    text-align: left;
    overflow: hidden;
}
.vitri1{
    width: 100%;
    height: 22px;
    font-size: 13px;
    text-align: left;
    overflow: hidden;
    margin-top: 5px;
}
.tensp2{
    width: 100%;
    font-size: 16px;
    text-transform: lowercase;
    text-align: left;
    height: 22px;
    overflow: hidden;
}
.content13 img{
    width: 100%;
    height: auto;
}
.content11{
    width: 100%;
    border: 1px solid #d0c25b;
    height: auto;
    background: #fff;
}
.lienhe{
    width: 100%;
    padding-left: 10px;
}
.content20{
     border: 1px solid #d0c25b;
}
.footer1{
    width: 100%;
    display: table;
    margin: 0 auto;
    background: #fff;
    padding: 20px 0;
    box-sizing: border-box;
}
.footer{
    display: none !important;
}
.lienhe1{
    width: 100%;
    margin: 10px auto;
    padding-left: 5px;
}
.content12{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0c25b;
    border-left: 1px solid #d0c25b;
    border-right: 1px solid #d0c25b;
   background: #fff;
}
.hinhanh1 img{
    width: 100%;
    height: 189px;
}
.content36{
    width: 100%;
    height: 362px
}
.content37{
    width: 100%;
    height: 362px
}
.content36 img{
     width: 100% !important;
    height: 362px !important;
}
.content37 img{
     width: 100%;
    height: 362px;
}
.tensp1{
    width: 100%;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
    color: #ee0752;
    font-weight: bold;
    height: 50px;
    overflow: hidden;
}

.content30 img{
    width: 100%!important;
    height: 467px!important;
}
.content31 img{
    width: 100% !important;
    height: 275px!important;
}
.vitri{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 15px;
    height: 53px;
    overflow: hidden;
}
.gia{
     width: 100%;
    padding-bottom: 5px;
    text-align: left;
    font-size: 17px;
}
.mota1{
    width: 100%;
    text-align: left;
    font-size: 15px;
}
.lienhe2{
    margin-bottom: 7px;
   
}
.cat{
    margin-top: 40px;
    border: 1px solid #d0c25b;
    padding-bottom: 30px;
    position: relative;
    display: none;
}
.lienhe2 img{
    border: 1px solid #e3d5d5;
    width: 100%;
    height: auto;
}
.lienhe4{
    text-align: center;
    display: table;
    margin-top: 17px;
}
/*hieuung*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.content23{
    display: none;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background:#f5f50ad9;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:80px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}
.title9{
    text-transform: uppercase;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.71);
    border-bottom: 2px solid #edb343;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 20px;
    width: 100%;
    color: red;
}
.title8{
        text-transform: uppercase;
        font-size: 20px;
        color: red;
        border-bottom: 2px solid #edb343;
        margin-bottom: 15px;
        padding-bottom: 5px;
        margin-top: 88px;
        width: 72%;
        margin-left: 20px;
    }
.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
/*endhieuung*/
.tentt{
    width: 100%;
    height: 54px;
    overflow: hidden;
}
.tintuc1{
    height: 258px;
}

.content19{
    width: 100%;
    border: 1px solid #d0c25b;
    height: 277px;
    margin-top: 40px;
    background: #fff;
}
.fanpage{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1325px) {
    .fanpage{
        width: 98%;
        height: auto;
    }
}
@media screen and (max-width: 1319px) {
    .head1{
        font-size: 24px;
    }

}
@media screen and (max-width: 1290px) {
    .content9{
        height: 353px;
    }
}
@media screen and (max-width: 1275px) {
    .content2{
        height: 460px;
    }
    .hinhanh img {
        width: 100%;
        height: 457px;
    }
}
@media screen and (max-width: 1228px) {
    .head1 {
        font-size: 22px;
    }
    .head2{
        padding-bottom: 4px;
    }
    .head4{
        padding-bottom: 4px;
    }
}
@media screen and (max-width: 1200px) {
    .hinhanh1 img{
        height: 150px;
    }
    .hinhanhsp{
        height: 182px !important;
    }
    .row .title{
        width: 96%;
    }
}
@media screen and (max-width: 1199px) {

    .tt3 {
        height: auto;
    }
    .tt2{
        height: auto;
    }
    .content9 {
        height: 394px;
    }
    .row .title3{
        width: 88%;
    }
    .title8{
        width: 96%;
    }
}
@media screen and (max-width: 1164px) {
    .content32 {
        width: 60%;
    }
    .content29{
        display: none;
    }

}
@media screen and (max-width: 1137px) {
    .head1 {
        font-size: 20px;
    }
    .head2 {
        padding-bottom: 1px;
    }
    .head4{
        padding-bottom: 1px;
    }
}
@media screen and (max-width: 1133px) {
    .logo img{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 1128px) {
    .content19{
        height: 304px;
    }
    .content31 img {
        width: 100% !important;
        height: 302px!important;
    }
}
@media screen and (max-width: 1119px) {
	.tintuc2{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 1100px) {
    .hinhanhsp{
        height: 173px !important;
    }
}
@media screen and (max-width: 1060px) {
    .bt{
        margin-top: -10px;
    }
}
@media screen and (max-width: 1047px) {
    .head1 {
        font-size: 17px;
        padding-bottom: 12px;
    }
    .head2{
        font-size: 16px;
        padding-bottom: 10px;
    }
    .head4{
        font-size: 16px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 1030px) {
    .content2 {
        height: 498px;
    }
    .hinhanh img{
        width: 100%;
        height: 495px;
    }
    .hinhanh1 img {
        height: 125px;
    }
}
@media screen and (max-width: 1025px) {
    .dangky1 input{
        margin-top: 10px;
    }
    .dangky1{
        margin-top: 14px;
    }
}
@media screen and (max-width: 1024px) {

    .btn-info:hover{
        background: #194178 !important;
    }
    .btn-info:focus, .btn-info.focus{
         background: #194178 !important;
    }
    .goingay{
        display: block !important;
        width: 50%;
        float: left;
        position: fixed;
        left: 0px;
        bottom: 0px;
        font-size: 19px;
    }
    .goingay a{
        color: white;
    }
    .goingay a:hover{
        color: white;
        text-decoration: none;
    }
    .goingay1{
        width: 100% !important;
        padding: 9px 20px !important;
        background: #194178;
        text-align: center;
    }
    .dktv{
        display: block !important;
        width: 50%;
        float: right;
       position: fixed;
        right: 0px;
        bottom: 0px;
        border: none;
        border-radius: unset;
    }
    .tieude5{
        padding-bottom: 0px;
        font-size: 18px;
    }
    .content29{
        display: none;
    }
    
    .content3{
        display: none;
    }
    .content16 .col-md-10{
        width: 100%;
    }
    .content9 {
        height: 350px;
    }
    .dangky1 input{
        margin-top: 0px;
    }
    .dangky1{
        margin-top: 10px;
    }
    .content24 .col-md-3{
        width: 32% !important;
    }
    .hinhanhsp{
        height: 168px !important;
    }
    .timvitri img{
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (max-width: 980px) {
    .content32 {
            width: 80%;
        }
}
@media screen and (max-width: 991px) {
    .cat{
        display: inline-block;

    }
    .cat1{
        padding-right: 0px;
    }
    .content2{
        display: none !important;
    }
    .content22 .col-sm-6{
        padding-left: 0px;
    }
    .bt {
        margin-top: 0px;
    }
    .content9 {
        height: 427px;
    }
    .content11{
        width: 100%;
        margin: 40px auto;
        height: auto;
    }
    .tieude5{
        font-size: 20px;
    }
    .dangky1 {
        margin-top: 30px;
    }
    .dangky1 input {
        margin-top: 20px;
    }
    .content13{
        width: 50%;
        float: left;
        height: 100px;
    }
    .content2 {
        height: auto;
        display: inline-block;
    }
    /*.tensp2{
        height: 44px;
        overflow: hidden;
    }*/
    .content13{
        margin-top: 20px;
    }
    .vitri1{
        height: 22px;
        overflow: hidden;
    }
}
@media screen and (max-width: 990px) {
    .hinhanh img {
        width: 100%;
        height: auto;
    }
    .content2 {
        height: auto;
    }

}
@media screen and (max-width: 910px) {
    .head1{
        font-size: 15px;
    }
    .head2{
        font-size: 14px;
    }
    .head4{
        font-size: 14px;
    }
}
@media screen and (max-width: 900px) {
    .content32 {
            width: 100%;
        }
}
@media screen and (max-width: 880px) {
    .content9 {
        height: 391px;
    }

}
@media screen and (max-width: 850px) {
    .content24 .col-md-3{
        width: 50% !important;
    }
    .hinhanhsp{
        height: 266px !important;
    }
    .sanpham{
        height: 389px;
    }
}
@media screen and (max-width: 845px) {
    .hinhanh1 img {
        height: 121px;
    }
}
@media screen and (max-width: 820px) {
    .head1 {
        font-size: 13px;
        padding-bottom: 14px;
    }
    .head2{
        font-size: 13px;
    }
    .head4{
        font-size: 13px;
    }
}
@media screen and (max-width: 800px) {
    .content27{
        width: 100%;
    }
}
@media screen and (max-width: 788px) {
    .content19 {
        height: 280px;
    }
}
@media screen and (max-width: 785px) {
    .content9 {
     height: auto;
    }
}
@media screen and (max-width: 768px) {
    .hinhanh1 img {
        height: 107px;
    }
    .hinhanhsp{
        height: 236px !important;
    }
    .sanpham {
        height: 365px;
    }
    .content13{
        width: 100%;
        height: auto;
    }
    .content15{
        width: 100% !important;
    }
    .title6{
        width: 94% !important;
    }
}
@media screen and (max-width: 767px) {
    .content32{
        padding-right: 0px;
        padding-left: 0px;
    }
    .content14{
        width: 96%;
        margin: 0 auto;
    }
    .lan1{
        padding-right: 0px;
        padding-left: 0px;
    }
    .content23{
        padding-right: 0px;
        padding-left: 0px;
    }
    .cat2{
        padding-right: 0px;
        padding-left: 0px;
    }
    .cat1{
        padding-left: 0px;
    }
    .content31 img{
        width: 100% !important;
        height: auto !important;
    }
    .content22 .col-sm-6{
        width: 100% !important;
    }
    .content26{
        padding-left: 0px;
    }
    .hinhanh1 img {
        height: auto;
    }
    .hovereffect a.info{
        margin: 32% 0 0;
    }
    .tensp1{
        padding-left: 10px;
    }
    .vitri{
      height: auto; 
      padding-left: 10px; 
    }
    .image_boder{
        width: 50%;
    }
    .box_news1 h2 a{
        font-size: 16px;
        height: 53px;
        overflow: hidden;
    }
    .gia{
      padding-left: 10px;   
    }
    .content9 {
        height: auto;
        display: inline-block;
    }
    .tintuc2 img {
        width: 100%;
        height: 178px;
    }
    .content19 {
        height: auto;
    }
}
@media screen and (max-width: 757px) {
    .head{
        display: none;

    }
    #page {
        display: block !important;
    }
}
@media screen and (max-width: 709px) {
    .hinhanhsp{
        height: 224px !important;
    }
}
@media screen and (max-width: 687px) {
    .row .title3 {
        width: 84%;
    }

}
@media screen and (max-width: 640px) {
    .hinhanhsp{
            height: 198px !important;
    }
    .sanpham {
        height: 330px;
    }
    .content14 {
        width: 94%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 600px) {
    .hinhanh img {
        width: 100%;
        height: 400px;
    }
    .lan{
        padding-right: 0px;
    }
    .hinhanhsp{
            height: 183 !important;
    }
    .content17 .col-xs-6{
        width: 100%;
    }
    .tintuc2 img {
        width: 100%;
        height: auto;
    }
    .content18{
        margin-top: 40px;
    }
    .tentt{
        padding-top: 10px;
        height: auto;
    }
    .content22 .col-xs-6{
        width: 100%;
    }
    .content23{
        margin-top: 30px;
    }
}
@media screen and (max-width: 560px) {
    .hinhanhsp{
                height: 168px !important;
        }
}
@media screen and (max-width: 548px) {
    .sp{
        height: 83px;margin-top: -83px;
    }
}
@media screen and (max-width: 529px) {
    .bg_container{
        width: 93% !important;
    }
    .row .title3 {
        width: 82%;
    }
}
@media screen and (max-width: 517px) {
    .hinhanhsp{
        height: 152px !important;
    }
    .row .title {
        width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .image_boder {
        width: 100%;
    }
}
@media screen and (max-width: 464px) {
    .row .title3 {
        width: 80%;
    }
    .content14{
        width: 93%;
    }

}
@media screen and (max-width: 480px) {
    .hinhanh img {
        width: 100%;
        height: 350px;
    }
}
@media screen and (max-width: 460px) {
    .content24 .col-md-3{
        width: 100% !important;
    }
    .hinhanhsp{
        height: auto !important;
    }
    .sanpham {
        height: auto;
    }
}
@media screen and (max-width: 455px) {
    .content12 .col-xs-6{
        width: 100%;
    }
}
@media screen and (max-width: 451px) {
    .bg_container {
        width: 91% !important;
    }
}
@media screen and (max-width: 438px) {
    .content13 .col-xs-6{
        width: 100%;
    }
    .tensp2{
        padding-left: 10px;
        margin-top: 10px;
    }
    .vitri1{
        padding-left: 10px;
    }
    .gia1{
        padding-left: 10px;
    }
    .tensp2{
        height: auto;
    }
    .vitri1{
        height: auto;
    }
}
@media screen and (max-width: 419px) {
    .module_left{
        display: none;
    }
    .bg_container{
        margin-left: 0px !important;
        width: 100% !important;
    }
    .row .title3 {
        width: 95%;
        margin-left: 10px;
    }
    .content25 .col-md-9 {
        width: 100%;
    }
}
@media screen and (max-width: 404px) {
    .row .title {
        width: 87%;
    }
}
@media screen and (max-width: 360px) {
    .hinhanh img {
    width: 100%;
    height: 320px;
    }
}
@media screen and (max-width: 330px) {
    .hinhanh img {
        width: 100%;
        height: 300px;
    }
}
.dangky2{
    margin-top: 20px;
}
.dangky2 input{
    width: 90%;
}
.dangky2 textarea{
    width: 90%;
    margin: 20px auto;
}
.point02-content23{
    display: none;
}
/*point*/
.point03{
    width: 70%;
    margin-top: 10px;
}
.point03-content21{
    width: 30%;
}
.point02 .content24{
    width: 70%;
}
.point02-content21{
    width: 30%;
}
.point03-content23{
    display: none;
}
@media screen and (max-width: 1199px){
    .point01 .col-md-12{
        width: 60%;
    }
    .point01 .col-md-4{
        width: 40%;
    }
    .point02-content24{
        width: 50%;
        margin-top:40px;
    }
    .point02-content23{
        display: none!important;
    }
    .point02-content21{
        display: block!important;
    }
    .point03{
        width: 60%;
        margin-top: 10px;
    }
    .point03-content21{
        width: 40%;
    }
    .timvitri img{
        width: 100% !important;
        height: auto!important;
    }
    .point04-content01{
        margin-top: 40px;
        width: 60%;
    }
    .point04-content02{
        width: 40%;
    }
    .point05-content01{
        margin-top: 10px;
    }
    .point05-content02{
        display: none;
    }
    .point05 .content23{
        display: block!important;
        margin-top: 30px;
    }
}
@media screen and (max-width: 1130px){
    .point02-content21{
        width: 40% !important;
    }
    .point02 .content24{
        width: 60%;
    }
}
@media screen and (max-width: 1023px){
    .point02-content21{
        display: none !important;
    }
    .point02-content23{
        display: block !important;
    }
    .point02 .content24{
        width: 100%;
    }
    .point02-content24{
        width: 33.33%;
    }
    .point03{
        width: 100%;
    }
    .point03-content23{
        margin-top: 30px;
    }
    .point03-content21{
        display: none;
    }
    .point03-sanphamkhac .col-md-6{
        width: 33.33%;
    }
    .point04-content01{
        width: 100%;
    }
    .point04-content02{
        width: 100%;
        margin-top:30px;
    }
    .point03-content23{
        display: block;
    }
    .point01 .point01-content01{
        width: 100%;
    }
    .point01 .col-md-4{
        margin-top: 30px;
        width: 100%;
    }

}
@media screen and (max-width: 959px){
    .content21{
        display: none;
    }
    .content23{
        display: block;
    }
    .point01 .col-md-12{
        width: 100%;
        margin-top:40px;
    }
    .point04-content02{
        display: none;
    }
    .point04 .content23{
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px){
    .point02-content24{
        width: 50%;
    }
}
@media screen and (max-width: 559px){
    .point02-content24{
        width: 100%;
    }
    .sanpham{
        height: auto !important;
    }
    .hinhanhsp{
        height: auto !important;
    }
    .point03-sanphamkhac .col-md-6{
        width: 100%;
    }
    .sanphamkhac {
        height: auto!important;
    }
    .hinhanhspkhac{
        height: auto!important;
    }
    .point02-content23{
        padding-left: 5px;
        padding-right: 5px;
    }
    .point03-content23{
        padding-left: 0;
        padding-right: 0;
    }
}
.timphaply iframe{
    width: 100%;
}
.timvitri--quyhoach img{
    width: 100% !important;
    height: auto !important;
}
.box-ttuckhac{
    margin-bottom: 15px;
}
.bg{
    background: #fff;
}
.row{
    background: #fff;
}