.product-carousel-grid {
	position: relative;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
}
.mobile-scroll{
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.product-carousel-grid .product-card{
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1600px) and (min-width: 1200px){
    .categories > ul li{
        flex-basis: 330px;
    }
    .categories > ul li > a .cat-des {
        padding: 20px 10px 10px 15px;
    }
}
@media (max-width: 1200px){
    main{
        padding: 0 0 20px !important;
    }
    footer {
        padding-left: 0;
    }
    .aside {
        box-shadow: 10px 0 50px 0 rgba(0,0,0,.5);
    }
    .nav-logo-top{
        min-width: 125px;
    }
    .nav-search-panel {
        min-width: 98px;
    }
    .my-orders{
        flex-wrap: wrap;
    }
    .my-orders > .column{
        flex: 0 0 100%;
        padding-right: 0;
    }
    .viewPdf iframe{
        height: 450px !important;
    }
    .view-on-response{
        display: block;
    }
}
@media (max-width: 992px){
    .search-console {
        width: 70vw;
    }
    .area-row{
        flex-wrap: wrap;
    }
    .c404{
        margin-top: 100px !important;
    } 
    .ds-button-gp .button{
        margin-bottom: 10px;
    } 
    .brand-checker {
        margin-top: 10px;
    }  
}
@media (max-width: 991px){
    .product-details > div {
        flex: 0 0 100%;
    }  
    .product-details{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .product-des {
        padding-left: 0;
    } 
    .modal-dialog{
        padding-bottom: 0;
    } 
    .modal-content {
        top: 15px;
        margin-bottom: 30px;
    }
    .area-row > .my-infomation {
        flex: 0 0 100%;
        padding-right: 0;
    }
    .area-row > .my-infomation {
        flex: 0 0 100%;
        padding-right: 0;
        order: 2;
        margin-top: 40px;
    }
    .categories.user-stratistic > ul li:last-child{
        margin-right: 0;
    }
    .categories.user-stratistic > ul li {
        flex: 0 0 calc(25% - 15px);
    }
}
@media (max-width: 768px){
    .search-console {
        width: 70vw;
    }
    .search-console > .search-title {
        margin-bottom: 5px;
        font-size: 24px;
    }
    .bloglist {
        flex-wrap: wrap;
    }  
    .bloglist li {
        flex: 0 0 250px;
    }
    .bloglist li:not(:last-child) {
        margin-bottom: 120px;
    }
    footer{
        display: none;
    }
    /*** CATEGORY ***/
    .categories > ul li {
        margin: 0 10px 20px;
        flex: 0 0 28%;
    }
    .categories > ul li > a {
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
    }
    .categories > ul li > a .cat-thumb img {
        border-radius: 20px;
    }
    .categories > ul li:hover a::after {
        width: 100%;
        height: calc(100% + 3px);
    }
    .categories > ul li > a .cat-thumb {
        flex: 1;
    }
    .categories > ul li > a .cat-des {
        padding: 5px 10px 10px 20px;
    }
    .cat-des .title {
        font-size: 14px;
        margin-bottom: 5px;
    }    
    /*** CATEGORY ***/

    .area-app-promotion {
        padding: 0 20px 0;
    }
    .area-app-promotion::after {
        top: 0;
    }
    .apps {
        display: block;
    }
    .apps-interface {
        display: none;
    }
    .apps .apps-des {
        display: flex;
        align-items: center;
        padding: 40px;
        text-align: center;
    }
    .apps-download {
        justify-content: center;
    }
    .checkouts > .column{
        flex: 0 0 100%;
    }
    .shopping-list, .item-list {
        padding-right: 0;
        margin-bottom: 40px;
    }
    .log-dashboard {
        text-align: center;
    }
}
@media (max-width: 767px){
    .my-address > .column{
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .my-address .text-list.text-right{
        text-align: left !important;
    }
    .product-grid .product-card {
        width: calc(33% - 10px);
        margin-right: 5px;
        margin-left: 5px;
    }
}
@media (max-width: 660px){
    .search-console > .search-title {
        font-size: 16px;
    }
    .banner-des {
        margin-bottom: 0px;
    }
    .page-heading .flex-box{
        flex-wrap: wrap;
    }
    .header-controller .controller-list > li{
        min-width: auto;
    }  
    .area-row-response > .column{
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 20px;
    } 
    .area-row-response .text-list.text-right{
        text-align: left !important;
    }
}
@media (max-width: 600px){
    .bloglist li {
        flex: 0 0 100%;
        margin: 0 0 20px;
    }    
}
@media (max-width: 500px){
    .search-console > .search-title, .banner-des {
        display: none;
    }
    .categories > ul li {
        margin: 0 10px 20px;
        flex: 0 0 40%;
    }
    .sec-title .title-label {
        font-size: 20px;
    }
    .categories.user-stratistic > ul li {
        flex: 0 0 calc(50% - 10px);
    }
    .categories.user-stratistic > ul li:nth-child(2n+2){
        margin-right: 0;
    }
    .my-infomation .area-row > .column:last-child{
        flex: 0 0 60px;
    }
}
@media (max-width: 460px){
    /* .product-grid {
        flex-wrap: nowrap;
    } */
    .product-grid .product-card {
        width: calc(50% - 10px);
        margin-right: 5px;
        margin-left: 5px;
    }
    .product-carousel-grid .product-card{
        width: 50%;
    }
    .category-card {
        flex-basis: auto;
        width: 50%;
    }
}
@media (max-width: 360px){
    .quick-nav .qn-item {
        padding: 10px 20px 6px;
    }
}
@media (max-width: 320px) and (min-width: 0px){ 
    .quick-nav .qn-item {
        padding: 10px 15px 6px;
    }   
    .product-grid {
        flex-wrap: wrap;
    }
    .product-grid .product-card {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .category-card {
        width: 100%;
    }
    .mycart-items-sticky{
        width: 100%;
    }
    .product-carousel-grid .product-card{
        width: 100%;
    }
}
@media (max-width: 400px){
    .nav-search .search-content > input{
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .nav-search .search-content > input {
        position: absolute;
        top: -20px;
        right: 0;  
        width: 100px;      
    }
    .nav-search .search-content > input:focus{
        width: 84vw;
    }
    .nav-search .search-content > button[type="submit"] {
        top: -20px;
    }
    .area-ads .ads {
        flex-wrap: wrap;
    }
    .product-des .pd-cart{
        width: 100%;
    }
    .gp-product{
        max-width: 100%;
    }
}
@media (max-width: 340px){
    .categories > ul li {
        flex: 0 0 100%;
    }     
}