/* Responsive */
@media (min-width: 1280px) {
	/*.index1 .product{
        width: 273px!important;
    }*/
    #popup-yeucaubaogia .modal-dialog{
    	max-width: 500px;
    }
    .index1 .right .hinh{
    	padding-left: 36px;
    }
	.index6 .box {
    margin-left: 15px;
}
	.baogia-form .inner{
		width: 80%;
	}
	.footer-article{
		padding-top: 332px;
	}
	.footertop .title-footer{
		border-bottom: 0px;
        margin-bottom: 11px;
        font-size: 26px;
	}
	.footerbottom .title-footer{
		font-family: montserrat;
        font-size: 26px;
	}
	.footer-ul li a{
		font-size: 18px;
	}
	.left-pro-detail{
		padding: 0px 50px;
	}
	.gallery-thumb-pro div >a img{
		max-width: 113px;
		max-height: 79px;
	}
	.control-pro-detail button.owl-prev{
	    left: -31px;
	}
	.control-pro-detail button.owl-next{
		right: -31px;
	}
}
@media (max-width: 1220px) {
	.footer-powered .wrap-content {
		padding: 15px 10px;
	}
	.page_trong {
		padding: 30px 10px;
	}
}

@media (max-width: 1024px) {
	.wrap-d {
		width: 95% !important;
	}
	.wrap-main {
		width: 95% !important;
		overflow: hidden;
	}
	.hotline-header {
		display: none;
	}
	.indexvideo{
	    height: auto;
	    overflow: hidden;
	}
	.indexvideo iframe {
	    height: 400px;
	}
	.indexvideo video {
	    height: 400px;
	}
	.index2, .index3, .index4, .index5, .index6, .index7, .index11{
		background-size: 100%!important;
	}
	.baogia-form .box1{
	    width: 39%;
	    height: auto;
	}	
	.baogia-form .box1 div:nth-child(1){
	font-size: 13px;
	}
	.baogia-form .box1 div:nth-child(2){
	font-size: 29px;
	line-height: normal;
	}
	.baogia-form .box2 div:nth-child(1){
	font-size: 25px;
	}
	.baogia-form .box2 div:nth-child(2){
	    font-size: 25px;
	}
	.menu {
		display: none;
	}

	.menu-res {
		display: block;
		background: #000;
	}
	.menu_fix_res {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 13;
		/* background: #d7a32f; */
	}
	.header-bottom .justify-content-between {
		-ms-flex-pack: justify !important;
		justify-content: flex-start !important;
	}
	/*1024*/
	.logo-menu-res {
		display: block;
	}
	.header {
		background-color: #feb62e;
		display: none;
	}
	.width-product-d:nth-child(1) {
		width: 435px;
		padding-right: 15px;
	}

	.width-product-d:nth-child(2) {
		width: calc(100% - 380px);
	}

	.wrap-dknt {
		width: 710px;
		margin-left: 190px;
	}

	.footer-article .wrap-content {
		width: 95% !IMPORTANT;
	}
	.left-news {
		width: 100%;
		padding-right: 0px;
	}
	.left-lienhe {
		display: none;
	}

	.right-lienhe {
		width: 100%;
	}

	.khung-lienhe {
		width: 100%;
	}

	.khung-trong-lienhe {
		width: 100%;
	}
	.namelist {
		margin-bottom: 10px;
	}
	.bannerchung{
		padding-top: 0px 10px;
	}
	.bannerchung img{
		max-width: 100%;
	}
	.time-main.chitiet, .breadCrumbs{
		padding: 0px 10px;
	}
	.footer-news-d:nth-child(1) {
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}
	.footer-news-d:nth-child(2) {
		width: 100%;
		padding-right: 0px;
		text-align: center;
		margin-top: 25px;
	}

	.footer-news-d:nth-child(3) {
		width: 100%;
		padding-right: 0px;
		text-align: center;
		margin-top: 2%;
	}

	.header-menu-d {
		display: none;
	}

	.deco-slideshow-d .flex {
		display: block;
	}

	.left-slideshow-d {
		width: 100%;
		background-size: 100% 100%;
		padding-right: 0px;
	}

	.right-slideshow-d {
		display: none;
	}

	.footer-tags-lists {
		text-align: center;
		display: inline-block;
	}

	.footer-line {
		width: 100%;
	}
	.footer-news-d:nth-child(4) {
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}

	.footer-news-d:nth-child(5) {
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}

	.right-product-d {
		width: 100%;
	}

	.footer-powered .flex {
		display: block;
	}

	.footer-copyright {
		text-align: center;
		width: 100%;
	}

	.footer-statistic {
		text-align: center;
		width: 100%;
	}
	.cart-mobi {
		position: relative;
	}

	.cart-mobi i {
		font-size: 28px;
		color: #fff;
	}

	.cart-mobi .count-cart {
		transform: translate(-50%, -50%);
		top: 63%;
		left: 50%;
		right: initial;
	}

	.menu-res .hotline-header {
		display: inline-block;
		padding-left: 0px;
		background: transparent;
	}
	.menu-res .hotline-header span {
		color: #fff;
		font-size: 22px;
	}
	.product {
		/* width: unset!important; */
	}
	.product > .box {
		padding-bottom: 9px;
	}
	.product .chatzalo {
		width: calc(93% - 4px);
		position: relative;
		left: 8px;
		margin-bottom: 0px;
	}
	.product .addcart {
	}
	.title-main > span,
	.page_trong .title-main > span {
		font-size: 30px;
	}
	.newsletter-button {
		text-align: center;
	}
	.footer-article .wrap-content {
		flex-wrap: wrap;
	}
	.footer-news:nth-child(1) {
		/* width: 100%; */
		margin-bottom: 25px;
		padding-top: 0px;
		padding-right: 10px;
	}
	.footer-powered .wrap-content {
		flex-wrap: wrap;
		justify-content: center !important;
	}
	.copyright,
	.statistic {
		display: block;
		width: 100%;
		text-align: center;
	}
	.grid-pro-detail {
		margin-bottom: 20px;
	}
	.menu {
		display: none;
	}
	.menu-res {
		display: block;
	}
	img {
		height: auto !important;
	}
	.search-res .search-grid {
		border: 1px solid #fff;
	}

	
}

@media (max-width: 850px) {
	.logo-menu-res img{
	    max-height: 49px;
	}
	.news {
		width: 100%;
		float: none !important;
	}
	.index1 .box {
		/* width: 50%; */
		margin-bottom: 10px;
	}
	.index2{
    padding: 40px 0px;
}
	.index2 .left{
    padding: 0px 10px;
}
	.index2 .right .noidung{
    margin: 0px;
}
	.index3{
    /* padding: 40px 0px; */
    height: 500px;
}
	.index4 .container{
    width: unset;
}
	.index4 .box .ten{
		font-size: 13px;
	}
	.spkhuyenmai .container{
		max-width: 100%;
	}
	.product > .box{
		margin: 0px 5px 20px;
	}
	.baogia-form .inner{
		max-width: 80%;
	}
	.index8 .title-main span{
		margin-left: 0px;
	}
	.index8 .khung-kh{
		width: 100%;
	}
	.footer-news {
		/*width: 50% !important;*/
	}
}

@media (max-width: 768px) {
	.title-main > span,
	.page_trong .title-main > span {
		font-size: 26px;
	}
	.footer-news:nth-child(2) {
		max-width: 100%;
		margin-bottom: 10px;
		width: 100%;
	}
	.footer-news:nth-child(3) {
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}
	.footer-news:nth-child(4) {
		width: 100%;
	}
	.pic-news {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.info-news {
		width: 100%;
		float: none;
	}
	.top-contact {
		flex-wrap: wrap;
	}
	.left-pro-detail,
	.right-pro-detail,
	.top-contact .form-contact,
	.top-contact .article-contact {
		width: 100%;
		margin: 0px;
	}
	.left-pro-detail,
	.top-contact .article-contact {
		margin-bottom: 30px;
	}

	/*992*/

	.max-width {
		width: 100%;
	}
	.width-video-news {
		width: 100%;
	}

	.footer-news-d:nth-child(3) {
		clear: both;
	}
	.namelist {
		font-size: 28px;
	}

	.width-product-d:nth-child(1) {
		display: none;
	}

	.width-product-d:nth-child(2) {
		width: 100%;
	}
	.left-register {
		display: none;
	}

	.right-register {
		width: 100%;
	}

	.footer-news-d:nth-child(1) {
		padding-right: 15px;
	}

	.footer-title {
		margin-bottom: 20px;
	}

	.content-about {
		padding: 0px 0px 0px 0px;
	}
	.footer-powered .flex {
		display: block !important;
	}

	.footer-copyright {
		text-align: center;
		width: 100%;
	}

	.footer-statistic {
		text-align: center;
		width: 100%;
	}

	.title-main {
		margin-bottom: 25px;
	}

	.slider-nav .slick-next,
	.slider-nav .slick-prev {
		display: none !important;
	}

}

@media (max-width: 600px) {
	.menu-bar-res ul li >a{
    padding: 10px 2px;
    font-size: 12px;
    text-decoration: none;
}
	.index1 .box{
    position: relative;
    left: 0;
    width: 100%;
}
.index1 .box div:nth-child(1), .index1 .box div:nth-child(2) {
    font-size: 33px;
    line-height: 38px;
}
	.index2 .left .hinh{
    text-align: center;
    margin-bottom: 20px;
}
.index2 .left .hinh img {
    max-height: 300px;
}
	.index2 .right .noidung div:nth-child(1), .index2 .right .noidung div:nth-child(2){
		font-size: 22px;
	}
	.index2 .right .noidung div:nth-child(4), .index2 .right .noidung div:nth-child(5){
		padding-right: 0px;
		font-size: 14px;
	}
	.index4{
    height: auto;
    padding-bottom: 50px;
}
	.spkhuyenmai{
    height: auto;
}
	.index6{
    height: 550px;
    position: relative;
}
	.index6 .box {
        position: absolute;
        bottom: 32px;
        padding: 0px;
        margin-bottom: 0px;
    }
	.index6 div div:nth-child(1){
    font-size: 25px;
}
	.index6 div div:nth-child(2), .index6 div div:nth-child(3), .index6 div div:nth-child(4), .index6 div div:nth-child(5){font-size: 16px;}
	/*768*/
	.index7{
    height: auto;
}
	.baogia-form .inner{
    text-align: center;
}
	.baogia-form .inner{
		margin:0px auto 20px;
	}
	.baogia-form .form{
    margin: auto;
}
	.index8{
    height: auto;
    padding: 100px 0px 60px;
}
	.index8 .title-main span{
    margin-left: 0px;
    font-size: 20px;
}
.index8 .khung-kh {
    width: 100%;
}
	.index9{
		height: 500px;
	}
	.index10{
    height: 500px;
}
	.index10 .box2{
		font-size: 40px;
	}
	.index11{
		height: auto;
		margin-bottom: 50px;
	}
	.news-image {
		margin-bottom: 1rem;
	}

	.footer-title {
		font-size: 20px;
	}

	.footer-news-d {
		float: none;
		width: 100% !important;
		text-align: center;
	}
	.width-form-d {
		width: 100%;
		margin-left: 0px;
	}

	.newsletter-input {
		position: relative;
		width: 100%;
		margin-bottom: 5px;
	}

	.title-news-d {
		text-align: left;
		font-family: RobotoBold;
		font-size: 20px;
		color: #ffffff;
		margin-top: 30px;
	}

	.footer-ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
		line-height: 34px;
		margin-left: 0px;
	}
	.footer-chinhsach-res {
		margin-top: 30px;
	}

	.footer-news-d:nth-child(3) {
		padding-right: 0px;
	}

	.footer-ul li {
		background: none;
		padding-left: 0px;
	}

	.product {
	}
	.footerthem .box {
		width: 100%;
		max-width: unset;
		flex: unset;
		margin-bottom: 10px;
	}
	.phoneleft >a.desktop{
		display: none!important;
	}
	.phoneleft >a.mobile{
		display: block!important;
	}
	.phoneleft{
	    bottom: 0px!important;
	    left: 0px!important;
	    border-radius: 0px!important;
	    width: 100%;
	}
	.phoneleft >a.mobile {
	    display: inline-block!important;
	    margin: 0px;
	    width: calc((100% / 5) - 3px);
	    text-align: center;
	}
}

@media (max-width: 480px) {
	.desktop{display: none;}
	.mobile{display: block;}
	
	.menu-bar-res ul li:nth-child(5) ul{
		left: -60px;
	}
	.baogia-form .form{
    max-width: 100%;
}
	.content-main .row{
	max-width: 100%;
	margin: 0px;
}
	.logo-menu-res {
		text-align: center;
		padding:10px 5px;
	}

	.logo-menu-res img {
		width: 40%;
	}
	.desc-newshome {
		font-size: 12px;
		height: 48px;
		line-height: 16px;
	}
	.index2{
		background: unset!important;
	}
	.index2 .right .noidung div:nth-child(1), .index2 .right .noidung div:nth-child(2) {
        font-size: 20px;
        /*line-height: 38px;*/
        line-height: 29px;
        display: inline;
    }
    .index2 .right .noidung div:nth-child(3){
    	margin: 20px 0px;
    }
    .index2 .right .noidung div:nth-child(4), .index2 .right .noidung div:nth-child(5){
    	margin-bottom: 20px;
    }
    .index3{
    	height: auto;
    	margin-top: 60px;
    }
    .index3 .box{
    	padding: 0px 10px;
    }
    .index3 .box .mota{
    	font-size: 14px;
    }
    .index4{
		background: unset!important;
    }
	.spkhuyenmai .title-main span{
    font-size: 19px;
}
	.index4 .box:nth-child(2n) .inner{}
	.index4 .box:nth-child(2n+1) .inner{
    float: right;
}
	.index4 .box .inner{
            padding: 10px 2px;
            width: 83%;
            height: 165px;
            border: 1px solid #fff;
}
	.index4 .box .inner img {
        height: 38px !important;
    }

	.index4 .box{
		padding: 0px 5px;
	}
.index4 .box .inner .ten {
    font-size: 11px;
}
	.index7{
		background: unset!important;
	}
	.index9{
		background-size: 200% !important;
	}
	.index9 h3{
		font-size: 17px;
	}
	.index9 div >a{
    max-width: 77%;
    border: 2px solid #fff;
}

.index9 div >a .kenit-alo-circle {
    width: 107%;
    height: 137%;
}
	.index9 div >a i{
    font-size: 17px;
}
	.index10{
    height: 300px;
        background-size: 150% !important;
        padding-top: 20px;
}
.index10 .box1 img {
    max-height: 50px;
}
	.index10 .box2{
    font-size: 25px;
    bottom: 50px;
}
	.index11{
		background: unset!important;
	}
	.name-newshome {
		font-size: 14px;
		line-height: 18px;
		height: 36px;
	}
	.name-newshome.text-split {
		-webkit-line-clamp: 2;
	}
	.scale-img.tintuc{
		max-height: 290px;
	}
	.mota.tintuc{
		height: auto;
	}
	.pic-newshome-normal {
		width: 42%;
	}
	.info-newshome-normal {
		width: calc(100% - 45%);
	}
	.pic-news,
	.info-news {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
		margin: 0px;
	}
	.info-news {
		margin-top: 15px;
	}
	.top-contact .form-contact .button-contact .file-contact span b {
		max-width: 105px;
	}
	.owl-theme .price-new,
	.owl-theme .price-regular {
		font-size: 1.5rem;
		margin-left: 0px;
	}
	.price-old {
		font-size: 15px;
	}
	.wrap-main .title-main{
		height: auto;
        background: unset;
        margin-bottom: 0px;
	}
	.title-main span {
        position: relative;
        left: 0;
        padding: 0px;
        line-height: 33px;
    }
    .share ul{
    	margin-left: 0px;
    }
    .share ul .box .hinh{
    	max-width: 50%;
    }
    .share ul .box .noidung{
    	max-width: calc(50% - 15px)
    }
	.footer-article .wrap-content {
		/*padding: 50px 0px 0px !important;*/
	}
	.footer-news:nth-child(1),
	.footer-news:nth-child(4) {
		width: 100% !important;
	}
	.footer-news:nth-child(1) .title-footer {
	}
	.footer-ul li {
		line-height: 19px;
	}
	.btn-zalo,
	.btn-phone,
	.js-facebook-messenger-box {
		display: none;
	}

	.producthot .product {
		margin-bottom: 1rem;
	}

	.footer-article {
		padding: 20px 0;
	}

	#thongso-pro-detail-block {
		display: block;
	}

	.header-middle {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 5px;
	}

	.header-news {
		width: 50%;
		text-align: center;
	}
	.header-blog {
		width: 50%;
	}
	.productsale .prod-mota {
		padding-left: 0px;
		background: none;
		line-height: initial;
	}
	.search-res {
		flex: 1;
		margin: 0 20px;
	}
	.product > .box img{
		/*height: 310px !important; */
        margin-top: -20px;
	}
	.product > .box .noidung h3 {
		min-height: auto;
	}
	.product > .box .noidung .gia {
		/* flex-direction: column-reverse; */
		align-items: center;
	}
.product > .box .noidung .gia span, .product > .box .noidung .gia div {
    /* width: 49%; */
    /* display: inline-block; */
}
	.baogia-form .inner{
		max-width: 100%;
		margin: 0px 0px 20px;
	}
	.index8 .title-main span{
		border-left: 0px;
	}
	.index8 .khung-kh .box{
		margin:0px;
	}
	.index9 div div{
		font-size: 21px;
	}
	.index11 .left .box2 .ten, .index11 .right .new .ten{
		position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 10px;
	}
	.footer-powered{
		margin-top: 20px;
		position: relative;
	}
	.right-pro-detail >a.btn-frame{
		margin-left: 8px;
	}
	.control-pro-detail button.owl-prev{
	    left: 0px;
	}
	.control-pro-detail button.owl-next{
		right: 0px;
	}
}

@media (max-width: 460px) {
	.cart-pro-detail a {
		width: 100%;
	}
	.cart-pro-detail a:first-child {
		margin-right: 0px;
		margin-bottom: 0.5rem;
	}
	.cart-pro-detail a i {
		display: none;
	}
	.width-video-news {
		width: 100%;
		padding-right: 0px;
	}
	.width-video-news1 {
		width: 100%;
		margin-top: -10px;
	}
	.col-sm-6 {
		-ms-flex: 0 0 100%;
		flex: 100%;
		max-width: 100%;
		text-align: center;
	}
	.footer-mxh-res {
		display: none;
	}
	.kc-mxh-d {
		margin-left: 0px;
		width: 100%;
	}
	.footer-chinhsach-res {
		margin-top: 30px;
	}
	.footer-fanpage-res {
		margin-top: 30px;
	}
	.news-d .product {
		width: 50%;
	}
	.absolute_logo_d {
		position: absolute;
		content: "";
		left: 4%;
		top: 90%;
		display: none;
	}
	.title-show-menu-1 {
		font-size: 13px;
	}
	.xem-them-show-menu-1 {
		font-size: 10px;
	}
	.namelist {
		font-size: 22px;
	}
	.width-news-d:nth-child(1) {
		display: none;
	}
	.width-news-d:nth-child(2) {
		width: 100%;
		margin-left: 0px;
	}
	.news-shadow-image {
		width: 100%;
	}
	.width-news-small {
		width: 100%;
	}

	.name-vct {
		font-size: 50px;
	}

	.name-lienhe {
		font-size: 50px;
	}

	.sdt-lienhe {
		font-size: 50px;
		padding-top: 5%;
	}

	.menucap2new span {
		border: none;
	}

	.pagination-ajax a {
		width: 30px;
		height: 30px;
	}

	.f-top-info-res {
		display: none;
	}

	.footer-article .wrap-content {
		padding: 0px 0px 15px 0px;
	}

	.f-name-company span {
		font-size: 35px;
	}

	.chinh-img-news {
		position: relative;
		margin-left: 5px;
	}

	.title-main4 span {
		color: #ffffff;
		font-size: 20px;
		text-transform: uppercase;
		background: url(../images/title-tin-tuc.png) no-repeat;
		padding: 9px 140px 15px 20px;
		line-height: 25px;
		position: relative;
	}
	.bao-form-ghd .flex {
		display: block;
	}
	.bao-form-ghd .flex .flex {
		display: flex;
	}
	.center-form-ghd {
		width: 100%;
		text-align: center;
		padding-right: 0px;
	}
	.right-form-ghd {
		width: 100%;
		text-align: center;
		margin-top: 5%;
	}

	.logo-menu-res {
		/* background-color: #004f1f; */
	}

	.product-cart-icon {
		display: none;
	}

	.product-bottom {
		justify-content: center;
	}

	.producthot-right {
		width: 100%;
	}

	.producthot .nav-pills {
		display: flex;
		flex-wrap: nowrap;
		overflow: scroll;
	}

	.producthot .nav-pills::-webkit-scrollbar-track
	{
		display: none;
	}

	.producthot .nav-pills::-webkit-scrollbar
	{
		display: none;
	}

	.producthot .nav-pills::-webkit-scrollbar-thumb
	{
		display: none;
	}

	.producthot #pills-tab.nav-pills .nav-link {
		white-space: nowrap;
	}

	.newsletter {
		width: 100%;
	}
}

@media (max-width: 375px) {
	
}

@media (max-width: 360px) {
	.cart-pro-detail {
		flex-wrap: wrap;
	}
	.cart-pro-detail a {
		width: 100%;
		text-align: center;
		margin: 0px !important;
		font-size: 12px;
	}
	.cart-pro-detail a:first-child {
		margin-bottom: 5px !important;
	}
	.cart-pro-detail a i {
		display: none;
	}
}