@media (max-width: 1024px){
	.link_menu_center_cms ul li a {
    padding: 12px 5px 13px 5px;
	font-size:13px
}
.search_bg {
    width: 100%;
    margin: auto;
    height: 37px;
    background: #750048;
    border-radius: 4px;
}
.list_menu_left_cate ul li {
    line-height: 29px;
}
.list_menu_left_cate ul li a{
	font-size:12px
}
}
@media only screen and (max-width: 992px){
	.header-top .ultility-item ul li:nth-child(1), .header-top .ultility-item ul li:nth-child(2) {
	display: block;
}
    .search_site{
        display: none
    }
    #mobile-nav-toggle {
    top: 36px;
    right: 10px;
}
    .height_index_auto{
        height: 0
    }
    .about-content {
        margin-top: 10px;
    }
    .single-post-area{
        padding: 10px 0 30px 0;
    }
    .header-top ul li:nth-child(1) {
        display: none;
    }
    .header-top ul li:nth-child(2) {
        display: none;
    }
    .menu_cate_left{
        display: none
    }
    .link_menu_center_cms{
        display: none
    }
    .bg_brand_color{
        display: none
    }
    .list_menu_left_cate{
        display: none
    }
    .slideshow_minhlong {
        float: left;
        padding: 0;
        margin: 0;
        max-width: 100%;
        width: 100%;
        flex: auto
    }
    .list_banner_right_cate {
        float: left;
        padding: 0;
        margin: 0;
        max-width: 100%;
        width: 100%;
        flex: auto;
    }
    .hotline_mobile_off{
        display: block;
        line-height: 27px;
        width: 40%
    }
    .header-top-left{
        /*display: none*/
    }
	.dropbtn{
		padding:0;
	}
    .hotline_mobile_off .hotline_cskh{
        font-size: 11px;
    }
    .header-top .header-top-right{
        width: 60%;
		display: inline-block;
    }
    .cart_right_sb {
    padding: 0;
    margin: 0;
	width:40px;
	/*right:30px*/
}
    .numb_cart {
        right: -5px;
		z-index:1;
    }
    #logo {
        margin-left: 15px
     }
     .overlay_banner_right {
        padding: 0;
        width: 50%;
        float: left;
    }
    .hethong_cuahang_mobile{
        max-width: 100%;
        flex: auto;
		margin: 0 0 20px 0
    }
    /*#header{
        position: fixed
    }*/
    .list_product_new h4 {
        font-size: 14px;
    }
    .list_product_new p {
        font-size: 12px
    }
    #header.header-scrolled {
        transition: all 0.5s;
        background-color: #fff;
		/* position: fixed;*/
        z-index: 997;
    }
    .popupcart {
        width: 300px !important;
        position: absolute;
        z-index: 1;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ccc;
        box-shadow: 3px 3px 5px #999;
        right: 0;
    }
    .sp_ban_chay{
        padding-bottom:0
    }
    .list_product_new {
        padding-bottom: 0;
    }
    .banner_km .bannerhpny {
        margin: 10px 0 0;
    }
    .list_product_new.single-blog {
        margin-bottom: 15px;
    }
    .search_bg {
        width: 100%;
    }
    .link_menu_top{
        display: block
    }
    .detail_product_ml {
        padding: 0px 0 0;
    }
    .logo_mh_menu{
        padding: 0 0 0 20px;
    }
	
    .checkout_minhlong {
        padding: 15px 20px;
        background: #f8f8f8;
    }
    .courses-page .single-popular-carusel {
        margin-bottom: 10px;
    }
    .courses-page .single-popular-carusel {
    margin-bottom: 10px;
    }
    .single-popular-carusel .details h4{
        margin: 10px 0;
    }
    .height_list_new_12{
	display: block}
.cart_mobile .btn-info {
    color: #fff;
    background-color: #750048 ;
    border-color: #fff;
    font-size: 12px;
    border-radius: 50%;
	height: 32px;
    width: 32px;
    line-height: 32px;
    border: none;
	padding:0;
	margin:0
}

}
@media (max-width: 960px){
#mobile-nav-toggle {
    display: inline;
}
#mobile-nav ul li li {
    padding-left: 10px;
}
.banner-area {
    background: url(../img/banner-bg.html) right;
    background-size: cover;
    top: 0 !important;
}
#nav-menu-container{
    display:none
}

}
@media only screen and (max-width: 850px){
    .banner-area {
        top: 0 !important;
    }
    #mobile-nav-toggle {
        margin-top: 24px
    }
    .section-gap {
        padding: 10px 0 0;
    }
	.width_mathanhvien{
    	width: 100% !important;
    	max-width: 100% !important
    }
}

@media only screen and (max-width: 767px){
	.bootbox-alert .modal-dialog {
		height: 20px;
	}
	.col-md-8.list-donhang {
	    padding: 0;
	}
    .header-top {
        background: #f3f3f3;
        padding: 0 10px;
    }
    .hotline_mobile_off{
        padding: 0;
    }
    #mobile-nav ul li {
        padding-left: 10px;
    }
    .banner-area {
        top: 0 ;
    }
    #mobile-nav-toggle {
        top: 36px
    }
    .text-md-left{
        padding: 0;
    }
    .checkout_minhlong .icon_pay {
        text-align: center;
        float: left;
        margin-right: 15px;
    }
    .height_list_new_12 {
        display: none;
    }
    #mobile-nav ul li a:hover {
        color: #000 !important;
    }
    body.mobile-nav-active #mobile-nav-toggle {
    color: #fff;
    background: #fff;
    border: 0;
    padding: 8px;
    right: 7%;
    top: 3%;
}
    .product_new h2 {
        text-align: center;
        padding: 20px 0 0;
        font-weight: normal;
        font-size: 24px;
        font-family: UTM Seagull;
        width: 100%;
        color: #0b2037;
    }
    .sp_ban_chay {
        padding-bottom: 0;
        margin-bottom: 10px !important;
    }
    .checkout_minhlong {
        padding: 0;
        background: none;
    }
.text-md-right div{
    /*width: 50% !important;    
    flex: inherit;*/
    float: left;
    padding: 0;
    display: inline-block;
}
.col-2.col-sm-2.col-md-2.text-right {
    right: 0;
    position: absolute;
}
.blog-area .row {
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
    .bg_search_mobile_wh{
        width: 80%;
        float: left;
    }
    .cart_right_sb {
        padding: 0 9px 0 0;
        width:40px
    }
    .numb_cart {
        right: -17px;
        top: -8px;
    }
    .search_bg {
        width: 100%;
        margin-left: -126px;
        height: 37px;
        background: #750048;
        border-radius: 4px;
    }
    .bg_search_mobile_wh {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }
    .logo_mh{
        width: 78%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .cart_mobile {
    display: block;
    padding: 0;
    z-index: 1;
    position: absolute;
/*    padding-right: 50px;
*/	margin:0;
	right:45px
}
  .cart_right_sb{
        display: none
    }
    .cart_mobile .numb_cart{
       right: -25px
    }
    .justify-content-between {
        width: 92%;
        margin: 0 15px;
    }
    .slideshow_minhlong {
        width: 100%;
        max-width: 100%;
        padding: 15px 0 0;
        margin-bottom: 15px;
    }
    .cate_list_on h2 {
        color: #0b2037;
        text-transform: uppercase;
        font-size: 18px;
        margin: 20px 0;
    }
    #logo {
       margin: 0
    }
    .list_banner_right_cate {
        max-width: 100%;
        width: 100%;
    }
    .product_new .single-popular-carusel{
        margin: 0
    }
    .overlay_banner_right {
        padding: 0;
        width: 100%;
        margin: 0;
        clear: both;
    }
    .store_ch_ml ul.hethongcuahang li.diemshowroom {
        width: 100%;
    }
    .hethongsieuthi .scroll_bar_css ul.htsieuthi {
        width: 67%;
        float: left;
    }
    .hethongsieuthi .scroll_bar_css ul.htsieuthi li {
        font-size: 11px;
        color: #fff;
        line-height: 16px;
    }
    .popupcart {
        width: 100%;
    }
    .store_ch_ml .row {
        margin: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .product_new .row {
        margin: 0;
        margin-left: 0;
        margin-right: 0
    }
    .footer-area .row {
        margin: 0;
        margin-left: 0;
        margin-right: 0
    }
    .hethongcuahang_new ul.hethongcuahang li.diemshowroom{
        width: 100%;
        float: left;
    }
    .pd_mr_lr_new{
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .banner_km .bannerhpny {
        margin: 10px 0 0;
    }
    .detail_product_ml {
        padding: 10px 0 0;
    }
    .breackcrum_detail{
        padding: 10px 0 0;
    }
    .checkout_ml_respon ul li.justify-content-between{
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .hethongcuahang_new_lienhe ul.hethongcuahang li.diemshowroom {
        width: 100%;
        float: left;
    }
    .contact-form .genric-btn.primary {
        color: #fff;
        background: #123358;
        border: 1px solid transparent;
        margin: 0 0 20px 0
    }
	.cart_body .cart {
        width: 100%
    }
    .bg_success_title img{
        /*width: 100%*/
    }
	.sxtheo{
    padding: 0 0 15px 0;
    width: 92%;
    margin: auto;
}
	.hethongcuahang_new ul.hethongcuahang li.diemshowroom{
	height: auto
}
.icon_cart{
	margin:-7px 0 0
}
.sp_dacbiet .single-popular-carusel{
	margin-bottom: 15px
}
.cart__content .continue_buy a {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}
.input_check_matv input {
    font-size: 13px;
    padding: 8px;
    width: 58%;
    float: left;
}
.input_check_matv {
    width: 100%;
}
.form-inline .form-group{
	width: 100%;
	max-width: 100% !important
}
.width_mathanhvien{
	width: 100% !important;
	max-width: 100% !important
}
.special_new{
	display: block
}
.hethongsieuthi_1 select {
    width: 100%;
    float: left;
    margin: 10px 5px 0 0;
}
.product_new.sp_dacbiet.hethongcuahang_new h4{
	margin:0;
	padding:20px 0 0
}
.contact-form .genric-btn .primary{
	margin: 0 0 15px 0;
	width: 100%
}
.card-footer{
	text-align: center
}
.card-footer .pull-right{
	width: 90%;
	text-align: center
}
}
@media only screen and (max-width: 640px){
.cart_mobile{
	display: block;
	padding-right: 70px;
	z-index:1;
}
#mobile-nav-toggle{
	top: 36px
}
.cart_mobile{
    position: relative;
}
.bg_search_mobile_wh {
    width: 100%;
    float: left;
    padding: 0;
    margin: auto;
}
.form-inline .form-group{
	width: 100%;
	max-width: 100% !important
}
.width_mathanhvien{
	width: 100% !important;
	max-width: 100% !important
}

.shopping-cart .card-footer .pull-right span{
	width: 100%;
}
.shopping-cart .card-footer .pull-right span a{
	width: 100%;
}
}
@media (max-width: 576px){
	.container{
	max-width: 100%
	}
	.cart_mobile{
        padding-right: 70px;
	}
	.search_bg {
    margin: 0;
}
.form-inline .form-group {
    width: 100%;
    float: left;
    max-width: 100% !important;
	padding:0
}
}

.input_check_matv button {
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 7px 20px;
    font-size: 13px;
}
.card-footer .pull-right{
	float: left
}
.card-footer .pull-right a{
	float: right
}

}
@media only screen and (max-width: 475px){
    #mobile-nav-toggle{
        top: 36px
    }
}
@media only screen and (max-width: 414px){
    .cart_mobile {
        padding-right: 70px;
    }

}


/******CSS FIX TRIEU******/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	 #mobile-nav-toggle {
		margin-right: 4% !important;
        margin-top: 5px !important;
	}
	.sxtheo {
		text-align: left;
		margin-bottom: 15px;
	}
    .numb_cart {
        right: -5px;
    }
    .cart_right_sb {
        right: 20px;
    }
}
@media only screen and (max-width: 1024px) {
    #mobile-nav-toggle {
		right: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {       
    #mobile-nav-toggle {
/*      left: 25%;*/
        right: 5.5%;
    }
     .buy_now {
        margin-bottom: 0px;
        padding-top: 3px;
    }
}

@media only screen and (min-width: 567px) and (max-width: 767px) {       
    body.mobile-nav-active #mobile-nav-toggle {
		left:29%;
		top: 0%;
        width: 35px;
        height: 35px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 481px){
	body.mobile-nav-active #mobile-nav-toggle {
    	left: 38%;
    	top: 0%;
        width: 35px;
        height: 35px;
	}
}

@media screen and (max-width: 811px){
	#mobile-nav-toggle {
/*		right: 5%;*/
	}
	.pd_mr_lr_new {
		padding-top: 15px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 767px){
	body.mobile-nav-active #mobile-nav-toggle {
    	left: 28%;
    	top: 0%;
        width: 35px;
        height: 35px;
	}
}
@media only screen and (max-width: 736px) and (min-width: 731px){
	body.mobile-nav-active #mobile-nav-toggle {
    	left: 29%;
    	top: 0%;
        width: 35px;
        height: 35px;
	}
}
@media only screen and (max-width: 812px) and (min-width: 375px) {       
    .logo_mh {
        flex: auto;
        float: left;
        width: 10px;
    }    
    #logo {
        float: left;
    }
    .header-top .header-top-right {
        width: 40%;
        flex: auto;
        float: right;
    }
    #mobile-nav-toggle {
        padding: 0px 5px;
        margin-top: 2px;
        margin-right: 12%;
    }
    
    body.mobile-nav-active #mobile-nav-toggle {
        left: 27%;
        width: 35px;
        height: 35px;
    }   
    .cart_mobile {
        padding-right: 13%;
        
    }   
}
@media only screen and (max-width: 736px) and (min-width: 414px){
    #mobile-nav-toggle {
        margin-top: 0;
        margin-right: 10%;
    }
    .cart_mobile {
        padding-right: 17%;
    }
}
@media only screen and (max-width: 640px) and (min-width: 360px){
    body.mobile-nav-active #mobile-nav-toggle {
        left: 33%;
        top: 0%;
        width: 35px;
        height: 35px;
    }
    .cart_mobile {
        position: absolute;
    }
}
@media only screen and (max-width: 568px) and (min-width: 320px){   
    .cart_mobile {
        padding-right: 13%;
        position: relative;
    }
}
@media screen and (max-width: 767px) { 
    .buy_now {
    	margin-bottom: 0px;
		padding-top: 3px;
    }
	body.mobile-nav-active #mobile-nav-toggle {
		/*left: 52%;*/
		top: 0%;
	}
	.product_new .row {
		margin: 0px 0px;
		margin-left: 0;
		margin-right: 0;
	}
	.hethongcuahang_new_lienhe ul.hethongcuahang li.diemshowroom {
    	width: 100% !important;
		float: left;
	}
	.hethongcuahang_new_lienhe h4 {
		padding: 90px 0 10px 0;
	}
	.hethongsieuthi_1 .title_ttst {
		padding: 0;
	}
    .single-footer-widget {
		margin-bottom: 5px;
	}
	.widget-wrap .single-sidebar-widget {
    	margin: 15px 15px;
		padding-bottom: 10px;
	}
	.widget-wrap {
		padding: 10px 0px;
	}
	.hethongsieuthi_1 select {
		margin: 35px 5px 0 0;
	}
	.right-contents h3 {
		font-size: 1.4em;
	}
	.needs-validation .mb-3 {
    	padding: 0 5px;
	}
	.continue_buy a {
		display: block;
		margin: 5px 0px;
	}
	.header-top ul li:nth-child(3) {
		width: 10px;
	}
	.padding_top_content_right {
		padding-top: 10px;
	}
	.sxtheo span {
		text-align: left;
	}
	.list_product_new h5 {
		min-height: 50px;
		max-height: 75px;
		overflow: hidden;
	}
	.single-post img {
		max-width: 100% !important;
    	height: 100% !important;
	}
	.widget-wrap .popular-post-widget .single-post-list .details p {
		margin-bottom: 0px;
		font-size: 13px;
		line-height: 18px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.input_check_matv {
		width: 100%;
		float: left;
		padding: 11px 0 0;
	}
	.input_check_matv button {
		margin-top: 2px;
	}
	.single-blog {
    	margin-bottom: 10px;
	}
	.contact-page-area .address-wrap {
		margin-bottom: 10px;
	}
	.widget-wrap {
		margin-top: 10px;
	}
	.widget-wrap {
		padding: 0px 0px;
	}
	.pd_mr_lr_new .mb-4 {
    	padding: 0px;
		margin-bottom: 0 !important;
	}
	.banner_km .bannerhpny {
    	margin: 10px 0 0;
	}
	.kq_filter_option {
		padding: 5px 0;
	}
	.link-nav {
		margin-top: 20ppx;
	}
	.pd_mr_lr_new {
		padding-top: 15px;
	}
	.cate_list_on h2 {
		margin: 0px 0 10px 0;
}
	}
	.shopping-cart {
		margin-top: 5px;
		width: 100%;
	}
	.list_product_new.single-blog {
		margin-bottom: 15px;
		width: 49.8%;
    float: left;
    display: table-cell;
	}
	.list_product_new h4 {
		color: #174822;
		width: 100%;
		float: left;
		text-align: center;
    	padding-bottom: 5px;
		font-size: 16px;
	}	
	.buy_now {
		padding-top: 4px;
		position: relative !important;
		right: 0;
		margin: 0 auto;
	}	
    input#amount {
        padding: 0 5px;
    }

    .left-contents {
        z-index: 0;
    }
    .pd_mr_lr_new h3 {
        padding-left: 15px;
    }
    .pd_mr_lr_new .right-contents h3 {
        padding-left: 0;
    }
}

@media screen and (max-width: 736px) { 
	.gallery-top {
		width: 100%;
		height: 480px;
	}
	.breackcrum_detail {
		padding: 10px 0 0;
	}
    #mobile-nav-toggle {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 568px)and (min-width: 320px){
    #mobile-nav-toggle{
        margin-top: 24px;
        margin-right: 5%;
    }
    .input_check_matv {
        width: 100%;
    }
    body.mobile-nav-active #mobile-nav-toggle {
        left: 38%;
        top: 0%;
        width: 35px;
        height: 35px;
    }
}
@media screen and (max-width: 480px) { 
	.hide_mobile {
		display: none;
	}
    .cart_mobile .numb_cart {
		right: -15px;
	}
	.numb_cart {
		top: -8px;
	}
	.cart_mobile .btn-info {
		width: 22px;
		height: 22px;
		padding: 0;
		line-height: 22px;
	}
	.breackcrum_detail {
		padding: 10px 0 0;
	}
	.gallery-top {
		width: 100%;
		height:354px;
	}
	.gallery-thumbs {
		height: 120px;
	}
	.gallery-thumbs .swiper-slide {
		width: 120px !important;
	}
    h4.product-name {
        padding: 8px 0px;
    }
    .cart_mobile {
        padding-right: 10px;
        float: right;
    }
    .info-cus label {
        width: 100%;
    }   
    #mobile-nav-toggle {
        margin-top: 24px;
    }
    .header-top ul li:nth-child(3) {
        width: 20px;
        height: 20px;
    }
    .mxh_link_fb_yb ul li:nth-child(4) {
        width: 20px;
        height: 20px;
    }
    .header-top .mxh_link_fb_yb ul li a {
        padding: 0;
    }
    .ultility-item>span:first-child {
        font-size: 11px;
    }
    .cart_mobile {
        position: relative;
    }
}
@media screen and (max-width: 414px) { 

	 ::i-block-chrome, .cart_mobile {
		padding-right: 25%;
	}
	.cart_mobile .btn-info {
    	width: 22px;
    	height: 22px;
    	padding: 0;
		line-height: 22px;
	}
	.cart_mobile .numb_cart {
    	right: -12px;
	}
	.gallery-top {
		width: 100%;
		height: 354px;
	}
    .buy_now {
        padding-top: 4px;
	}
    #mobile-nav-toggle {
        margin-right: 0;
    }
}




.header-top ul li:nth-child(3) {
     width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #2f4727;
    text-align: center;
    margin: 2px 0;
}
.list_product_new h5 {
	color: #000000;
}
.view_all_new {
    padding: 0 0 10px 0;
    display: block;
}
#mobile-nav-toggle {
    border: 1px solid #ccc;
    border-radius: 3px;
    right: 15px;
    color: #242424;
    font-weight: 900;
    padding: 0 5px;
   /* margin-top: 25px;*/
}
.call-animation {
    z-index: 100;
}

@media screen and (max-width: 375px) {
    
    body.mobile-nav-active #mobile-nav-toggle {
        left: 58%;
        top: 0%;
        width: 35px;
        height: 35px;
    }
    .cart_mobile .numb_cart {
        right: -10px;
    }
    .numb_cart {
        top: -5px;
    }
    
    .col-md-12.col-lg-4.kq_filter_option:nth-child(1) {
        padding-top: 20px;
    }
    .cate_list_on h2 {
        margin: 0px 0 10px 0;
    }
    .breackcrum_detail {
        padding: 10px 0 0;
    }
    .gallery-top {
        width: 100%;
        height: 315px;
    }
    .list_product_new h5 {
        font-size: 13px;
    }
    .sku {
        font-size: 13px;
    }
    .logo_mh {
        width: 76%;
    }
    .ultility-item>span {
        padding: 0;
    }    
	 ul.pagination li a {
		padding: 2px 5px 2px 5px !important;
	}
    #mobile-nav-toggle {
        padding: 0px 5px;
        margin-right: 0;
    }

}

@media screen and (max-width: 360px){
	.logo_mh {
	    width: 73%;
	}
    /*.mxh_link_fb_yb ul li:nth-child(4) {
        width: 20px;
        height: 20px;
    }
    .header-top .mxh_link_fb_yb ul li a {
        padding: 0;
    }*/
    .ultility-item>span:first-child {
        font-size: 10px;
    }
    
}
@media screen and (max-width: 320px) {
      .cart_mobile {
        padding-right: 12%;
    } 
    body.mobile-nav-active #mobile-nav-toggle {
        left: 68%;
        top: 0%;
        width: 35px;
        height: 35px;
    }
    .button_mua_hang {
        padding: 20px 0 0;
    }
    .button_muahang_clml {
        width: auto;
    }
    .cart_mobile .numb_cart {
        right: -15px;
    }
    .input_check_matv input {
        width: 50%;
        float: left;
    }
    .button_mua_hang {
        width: 50%;
        float: left;
        padding: 20px 0 0;
    }
    .gallery-top {
        width: 100%;
        height: 260px;
    }
    .logo_mh {
        width: 66%;
    }

    .hotline_mobile_off .hotline_cskh {
        font-size: 10px;
    }
	.cate_list_on h2 {
		margin: 0 0 10px 27px;
	}
	 ul.pagination li a {
		padding: 2px 4px 2px 4px !important;
	}
}