@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700&display=swap&subset=vietnamese');
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;overflow: hidden;}
.col-xs-5ths {width: 20%;float: left;}
@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5ths { width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}}
@media(max-width: 1200px){
    .container-pn1200{
        padding: 0px 15px;
    }
}
@media screen and (min-width: 1025px){
    .dropdown2:hover >ul{display:block;}
}
/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px){
	.item-new.active {
		width: calc((100% - 45px)/3);
		
	}
   .navbar-default .navbar-nav>li>a{
	   padding-left: 10px;
	   padding-right: 10px;
	   font-weight: 500;
   }
   .navbar-default .navbar-brand{
	   padding-right: 10px;
	   font-weight: 500;
   }
   .item-camket .content strong{
   font-size: 13px;
   }
   .item-camket .content span{
   font-size: 13px;
   }
   ul.menu-hd-top>li>a{
    font-size: 12px;
   }
   
}
@media(max-width: 1000px){
    .tenconty{
        font-size: 25px;
    }
    .slogan{
        font-size: 13px;
    }
    .container{
        width: 100%;
    }
    #frm1 {
        display: none;
    }
}
@media(max-width: 800px){
	.img-tintuc-nothome.active {
		width: 100%;
		height: 200px;
	}
    .group-nt-tt-nh>div {
        width: 100%;
    }
    .item-ctinhtt{
            width: calc(100% / 2);
    }
    .group-duan-nothome{
        gap:10px;
    }
    .group-duan-nothome>div {
        width: calc((100% - 20px)/3);
    }


}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px){
    .dropdown-menu.mobile-mnu {
		top: 100%;
		min-width: 285px;
		left: -245px;
	}
    .gioithieumain1{
        padding: 30px 0px;
    }
    .dangkythitke{
        display: none;
    }
    .item-video iframe.embed-responsive-item {
        width: 100%;
        height: 100%;
    }
    .item-video>div {
        width: 100% !important;
        height: 450px;
    }
    .videoTwo {
        padding: 5px;
        background: #fff;
    }
    .group-showroom{
        gap: 10px;
    }
    .itedb {
        width: calc((100% - 30px)/3);
    }
    .item-shoroom.chan>div:first-child{
            margin-bottom: 10px;
    }
    .itedb.chan .img-she{
            height: 175px;
    }
    .img-she{
        height: 360px;
    }
    h2.title-h1 {
        font-size: 24px;
    }
    .container-pn {
        padding: 0px 10px;
    }

    .menu-top-header{
        display: none;
    }
    .frm form {
        padding: 0px 25px;
    }
    .logo{
        display: flex;
    }
    .item-camket img{
        margin-right: 0px;
    }
    .navbar-toggle.hc-nav-trigger.hc-nav-1 {
        margin-right: 0;
    }
    .img-title img {
        display: none;
    }
    .img-title a{
        color: #000;
    }


    .sm-none{display: none;}
    .sm-block{display: block;}
    .navbar-form .form-group{
    width: 85%;
    }
    .navbar-form .form-control{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0px;
    }
    .navbar-form button{
    background-color: #67b313;
    border-radius: 0px;
    color: #fff;
    border: 1px solid #67b313;
    margin-left: -4px;
    }
    .navbar-form{
    margin-top: 19px;
    }
    .navbar-toggle{
    /* margin-top: 19px; */
    /* border: 1px solid #67b313; */
    border-radius: 0px;
    }
    .navbar-toggle .icon-bar{
    background-color: #67b313;
    }
    .gio-hang a{
		background-color: transparent;
		color: #67b313;
		padding: 0px;
		font-size: 18px;
		position: relative;
		line-height: 10px;
		margin-top: 26px;
		}
    .gio-hang a span{
    position: absolute;
    background-color: red;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    line-height: 8px;
    border-radius: 50%;
    top: -7px;
    left: 12px;
    }
    form#frm1 {
        display: none;
    }
    nav.navbar.navbar-default {
        display: block;
    }
    header.md-none.xs-block.container-fluid{
        display: block;
    }
    header.xs-none{
        display: none;
    }
    .item-camket .content{
        margin-right: -10px;
        margin-top: 10px;
    }
    .item-camket .content span{
        font-weight: 600;
        color: red;
        font-size: 14px;
    }
    .logo{
        margin-left: -15px;
    }
    ul.nav.navbar-nav {
        display: none;
    }
    .hc-nav-trigger.hc-nav-1{
        display: block !important;
    }
    .navbar-header {
        width: 100%;
    }
    .container-pn.slide {
        padding: 0;
    }
    ul.mn-mobile a {
    font-family: mont;
    color: #000;
	text-transform:uppercase;
}
ul.mn-mobile {
    list-style: none;
    padding-left: 15px;
    line-height: 2.5em;
}
h1.title-tieude {
    font-size: 24px;
}
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 767px){
    .col-md-5.col-sm-5.colin2 {
        display: none;
    }
    .gioithieumain1{
        height: auto;
    }
    .group-fte{
        flex-wrap: wrap;
    }
    .group-fte>div {
        width: 100%;
        text-align: center;
        line-height: 1.8em;
    }
    
    .xs-block{display:block;}
    .xs-none{display: none !important;}
    .breadcrumb{
    	display:none;
    }
    .col-md-4.col-sm-6 {
        width: 50%;
        float: left;
        padding: 0px 5px;
    }
    .item-product > a > img{
        width: 100%;
    }
    .chantrang{
        padding-bottom: 75px;
    }
    .btna {
        margin-bottom: 20px;
    }   
    	
	
 }
 @media(max-width: 640px){
	  .item-new.active {
		width: calc((100% - 30px)/2) !important;
	}
    .group-duan-nothome>div {
        width: calc((100% - 10px)/2);
    }
    .img-duan-noh {
        width: 100%;
        height: 130px;
    }
    .ggmap iframe {
        width: 100%;
        height: 250px;
    }
    .itemvideo10>div {
        height: 120px;
    }
    .group-hinh-anh{
        grid-template-columns: 100%;
    }
    .item-hinh-anh:not(:last-child) {
        margin-bottom: 45px;
    }
 }
 @media(max-width: 480px){
	 .item-new.active {
		width: 100% !important;
	}
    .item-video>div {
        width: 100% !important;
        height: 300px;
    }
    .itedb.chan .img-she {
        height: 90px;
    }
    .img-she{
        height: 190px;
    }
    .item-ctinhtt {
        width: 100%;
        margin-bottom: 10px;
    }
    .frm input{
        width: 100%;
    }
 }
 @media(max-width: 375px){
    .itedb.chan .img-she {
        height: 70px;
    }
     .item-video>div {
        width: 100% !important;
        height: 200px;
    }
    .img-she{
        height: 150px;
    }
 }
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px){
    
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px){
    
}