/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */


#book__mobile{display:none;}

@media (max-width: 1200px) {
	.navigation li.menu-item {
		padding: 15px 5px;
	}
	.header-right>.gap-8{
		gap: 15px;
	}
	#list-group-book>li {
        padding: 10px !important;
        align-items: flex-start;
    }
}

@media (max-width: 1119.98px) {
    .navigation li.menu-item a {
        padding: 0 10px;
    }
	.cover{
		height: auto;
		width:auto;
		min-width:auto;
	}
	.cover img {
		height: 300px;
	}
	.sliderhome{
		padding:0; 
	}
	.navigation li.menu-item {
		padding: 15px 0px;
	}
	.header-left img {
		height: 40px;
	}
	.header-right>.gap-8{
		gap: 10px;
	}
	#list-group-book .mobileH{
		flex-direction: column;
	}
	#list-group-book{
		padding:0
	}
	.sliderdetail {
		padding: 30px 0;
	}
	.sliderdetail img.back_drop{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius:0px;
	}
}

@media (max-width: 991.98px) {
    .container{
        max-width: 100%;
        width:100%;
    }
    .awe-section-8 p {
        padding: 2rem;
        font-size: 1.4rem;
    }
	#book__desktop{display:none;}
	#book__mobile{display:block;}
	.sliderhome{
		height:auto;
	}
	.header-wraper{
        padding: 15px 0;
    }
	.gallery-wrapper{
		padding: 0 !important;
	}
	#list-group-book {
		height: 380px;
	}
	.sliderdetail {
		height: 440px;
	}
	#list-group-book>li>span>img {
		max-height: 70px;
	}
	.__cover {
        height: auto;
        max-width: 200px;
        min-width: auto;
    }
	#list-group-book>li{
		height: auto;
	}
	.book2-title{
		font-size:24px;
		line-height: 30px;
	}
}

@media (max-width: 767.98px) {
   .header-right .gap-8{
        gap: 10px;
    }
    
    .header-wraper .header-left img{
        height: 35px;;
    }
    .section_banner_coll>.container>.row, #product_top>.row{
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-x: auto;
    } 
    .awe-section-8 p {
        padding: 1rem;
        font-size: 1.2rem;
        text-align: justify;
    }
    .product-mobile.m-flex{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .product-mobile .slickthumb_relative_product_1{
        width: 100%;
        order: 2;
    }
    .product-mobile .large_default{
        width: 100%;
        order: 1;
    }
	.category-fullbox .mobile__hide{
		display:none;
	}
    .videoinfo{
		flex-direction: column !important;
	}
	.videoinfo .d-info,
	.videoinfo .author {
	  width: 100%; /* Đảm bảo chiếm full chiều rộng */
	}
	.bg-white{
		padding:0 !important;
	}
	.__cover{
		height: auto;
		max-width: 150px;
		min-width: auto;
	}
	.sliderdetail{
		height: auto;
		padding: 10px 0px;
		overflow: auto;
	}
	.sliderdetail img.back_drop{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	#list-group-book.detail{
		padding: 0;
	}
}

@media (max-width: 580px) {
	.row.slick-mobile{
		display: block !important;
       
	}
 
}
    
@media (max-width: 499.98px) {
    
    #category>.d-xs-block{
        display: block;
    }
    #footer {
        padding: 2rem 0;
    }
    .trustbadge-wrap.mt-8{
        margin-top: 0 !important;
    }
    .footer-container .mb-fix{
        margin-top: 0 !important;
    }
    .footer-container .mb-fix img{
        height: 60px;
        max-width: fit-content;
        object-fit: cover;
    }
    .company_info .logo img{
        height: 60px;
        max-width: fit-content;
        object-fit: cover;
    }
	#icon-account{
		display:none;
	}
	
	.bg-white>.row{
		--gutter-x: 0.5rem;
	}
	
}

@media (max-width: 374.98px) {
    
    .viewgrid .product-col{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .quytrinhgiaohang img {
        height: 30px;
        
    }
    .quytrinhgiaohang h3.quytrinh-title {
        font-size: 0.75rem;
        font-weight: 500;
       
    }
    .section {
        padding: 1rem 0;
    }
    .news-item.col {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .mb-4.sliderhome{
        margin-bottom: 0 !important;
    }
    
}

@media (min-width: 500px) and (max-width: 991.98px) {
     
}

@media (min-width: 500px) {
    
}

@media (min-height: 500px) {
     
}

@media (min-width: 768px) and (max-width: 991.98px){
	#list-group-book.detail .mobileH{
		display:none
	}
	.__cover{
		height: auto;
		max-width: 250px;
		min-width: auto;
	}
	.featured .meta{
		padding-left: 10px;
	}
}

@media (min-width: 992px) {
    
}
@media (min-width: 1024px) {
    .mini-cart:hover .top-cart-content {
        z-index: 199;
        visibility: visible;
        opacity: 1;
        box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
        /* Slide down mượt mà khi hiện */
        transform: translateY(0);
    }
}
@media (min-width: 1200px) {
    
}