Viewing File: /home/maglabs/sogefab/wp-content/themes/sofass/sass/template/_responsive.scss

/*
*  Responsive
*/
.list-product-archive {
  @media(min-width: 1500px){
    .col-lg-cs-5,
    .col-md-cs-5{
        width: 20%;
    }
  }  
}
@media (min-width: 1500px){
    .container{
        width: 1300px;
    }
}
@media(min-width: 1200px){
    .col-lg-5c,
    .col-md-5c{
        width: 20%;
    }
    .top-percent-50{
        > div{
            position:relative;
            @include translateY(-50%);
            z-index: 2;
        }
    }
}
@media (min-width: 992px){
    .md-clearfix {
        clear: both;
    }
}
@media (min-width: 1200px) and (max-width: 1650px){
    .desktop-50{
        width:50% !important;
    }
    .desktop-100{
        width:100% !important;
    }
    .desktop-full{
        width:100% !important;
        > .elementor-container{
            > .elementor-row{
                display: block;
            }
        }
    }
    .col-desktop-4{
        width:25%;
        clear: none !important;
        &:nth-child(4n + 1){
            clear: both !important;
        }
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .sm-clearfix{
        clear: both;
    }
    .products-wrapper-grid .row-products-wrapper{
        > .col-sm-6:nth-child(2n+1){
            clear:both;
        }
        > .col-sm-4:nth-child(3n+1){
            clear:both;
        }
    }
    .product-block.list .metas {
        display: block !important;
    }
    .product-block.grid.grid-v2 .title-wrapper,
    .product-block.grid.grid-v3 .title-wrapper {
        display: block !important;
    }
    .product-block.grid.grid-v2 .swatches-wrapper, 
    .product-block.grid.grid-v3 .swatches-wrapper {
        position: absolute;
    }
    .sm-percent-50{
        width: 50% !important;
    }
    .widget-features-box.style1 .item-inner {
        padding: 15px;
        margin: 0 0 15px;
    }
    .widget-features-box .title {
        font-size: 13px;
    }
   
}
@media (max-width: 1024px) {
    .products-grid .product.first  {
        clear: both;
    }
}
@media (max-width: 1199px){
    .widget-features-box.style1 .item-inner {
        padding: 15px;
        margin: 0 0 15px;
    }
    .widget-features-box .title {
        font-size: 13px;
        line-height: 1;
    }
    
    // .navbar-nav.megamenu > li{
    //     @include rtl-margin-right(25px);
    // }
    .comment-list div.avatar{
        min-width:70px;
        @include rtl-padding-right(10px);
    }
    .comment-list .comment-box{
        border:none;
        @include rtl-padding-left(10px);
    }
    .widget-social .social > li{
        @include rtl-margin-right(5px);
        &:last-child{
            @include rtl-margin-right(0);
        }
    }
    .add-fix-top{
        width: 35px;
        height: 35px;
        line-height: 30px;
    }
    .product-block.grid .groups-button > div{
        margin:0;
    }
    .product-block.list .metas {
        display: block !important;
    }
    .product-block.grid.grid-v2 .title-wrapper,
    .product-block.grid.grid-v3 .title-wrapper {
        display: block !important;
    }
    .product-block.grid.grid-v2 .swatches-wrapper, 
    .product-block.grid.grid-v3 .swatches-wrapper {
        position: absolute;
    }
    // banner
    .widget-banner.style1 .btn{
        @include opacity(1);
        padding:5px 20px;
        font-size: 12px;
        bottom:20px;
    }
    // shop grid
    .product-block.grid::before,
    .product-block.grid .groups-button{
        display: none;
    }
    .product-block.grid .name{
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        transform: translateY(0) !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
    }
    .product-block.grid .price{
        transform: translateY(0) !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
    }
    .woocommerce ul.product_list_widget .product-title {
        margin: 0;
    }
    .woocommerce ul.product_list_widget .right-content {
        padding-left: 8px;
    }
    .woocommerce ul.product_list_widget .woocommerce-Price-amount {
        font-size: 11px;
    }
    .woocommerce ul.product_list_widget del .woocommerce-Price-amount {
        font-size: 9px;
    }
    // carousel top
    .widget-banner .btn,
    .widget-countdown .btn{
        padding:5px 20px;
        font-size: 12px;
    }
    // shop
    .product-block-list{
        .product-excerpt{
            font-size: 14px;
        }
    }
    // detail
    .details-product .information .woocommerce-product-details__short-description{
        font-size: 14px;
    }
    .details-product .woocommerce-product-details__short-description.hideContent{
        height: 52px;
    }
    // dokan
    .dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img img{
        margin: 0;
    }
    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info{
        padding:0;
        width:100%;
    }
    .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img{
        margin-bottom: 0;
    }
    // vertical menu
    .mobile-vertical-menu li {
        .sub-menu{
            width:100% !important;
            padding:0 !important;
        }
    }
}
@media (max-width: $screen-sm-max){
    // logo 991px
    // fix gutter
    @include make-grid-mobile-columns();
    .container,
    .container-fluid{
        @include container-mobile-fixed();
    }
    .logo {
        text-align: center;
        img {
        }
    } 
    .goal-footer {
        .logo {
            @include rtl-text-align-left();
        }
    }
    .widget-products-tabs .hierarchy{
        position: static;
        margin-top: -10px;
    }
    .row{
        // margin-left: -7px; 
        // margin-right: -7px;
    }
    .slick-carousel{
        margin-left: 0;
        margin-right: 0; 
        .slick-slide{
            // padding-left: 7px;
            // padding-right: 7px;
        }
    }
    .entry-thumb .image-wrapper img {
        width: 100%;
    }
    .comment-list .children{
        @include rtl-padding-left(15px);
    }
    .type-post,
    .widget{
        // margin-bottom: 20px;
    }
    //----------------------
    .comment-list .children{
        @include rtl-padding-left(20px);
    }
    .comment-list .comment-box{
        padding-bottom:20px;
    }
    .comment-list .the-comment{
        margin-bottom:20px;
    }
    .goal-footer-mobile{
        display: block;
    }
    .comment-list div.avatar{
        img{
            width:70px;
        }
    }
    .comment-list .comment-text{
        margin: 5px 0;
    }
    // tab product
    .widget.widget-products-tabs .top-info{
        display: block;
        .widget-title{
            margin-bottom: 10px;
            text-align: center;
            &:after{
                display: none;
            }
        }
        .nav.tabs-product{
            text-align: inherit !important;
        }
    }
    .widget-banner.style2 .banner-content{
        font-size: 18px;
    }
    .widget-process{
        padding:0;
    }
    .widget-process .proces-item {
        .line-space{
            display: none;
        }
        margin-bottom: 15px;
    }
    .details-product .image-mains{
        margin-bottom: 20px;
        &:after{
            clear: both;
            content: " ";
            display: table;
        }
    }
    // fix for footer mobile
    body.body-footer-mobile{
        padding-bottom:60px;
    }
    .goal-filter{
        .right-inner{
            margin-bottom: 10px;
            overflow: hidden; 
        }
        .mobile-sidebar-btn {
            @include rtl-float-right();
            margin:5px 0 0;
        }
    }
    .widget-mailchimp .btn {
        font-size: 11px;
        padding: 10px;
    }
    .widget-social .social a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
    }
    .products-grid .product.first  {
        clear: both;
    }
}
@media (max-width:768px) {
    .hidden-768{
        display: none;
    }
    .products-grid .product.first  {
        clear: none;
    }
}
@media (max-width:767px) {
    .slick-carousel{
        margin-right: -7px;
        margin-left: -7px;
        .slick-slide{
            padding-right: 7px;
            padding-left: 7px;
        }
    }
    .wishlist-icon, .mini-cart { 
        margin-top: 5px;
    }
    .elementor-widget:not(:last-child) {
        margin-bottom: 0;
    }
    .goal-breadscrumb {
        background-image: none !important;
    }
    // tab for product
    .nav.tabs-product{
        white-space: nowrap;
        text-align: center;
        li{
            float: none;
            display: inline-block;
            margin-bottom: 10px;
            a {
                font-size: 13px;
            }
        }
        &.left > li{
            margin: 0;
        }
    }
    
    .nav-tabs > li > a {
        margin-right: 0;
        
    }
    .wrapper-filter{
        padding:15px 0;
        > *{
            display:block;
            margin-bottom:5px;
            width:100%;
            &:last-child{
                margin-bottom:0;
            }
        }
    }
    .widget-banner .banner-content {
        &.style3{
            @include translate(0, 0);
        }
        
        h4 {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            font-weight: 500;
            margin: 0 0 10px;
        }
    }
    .goal-salespopup-wrapper {
        display: none !important;
    }
    // widget social
    .goal-footer{
        .wpb_content_element,
        .vc_custom_heading,
        .goal_custom_menu.center,
        .wpb_single_image,
        .widget-social{
            margin-bottom:15px !important; 
            text-align:inherit !important;
        }
        .widget-mailchimp {
            display: block;
            .title{
                margin: 0 0 10px;
                font-size: 18px;
            }
        }
        .logo {
            // text-align: center;
        }
    }
    .goal-footer ul {
        padding: 0;
        margin: 0;
    }
    .detail-post .entry-content-detail .entry-title{
        font-size: 25px;
    }
    // fix for fileter
    .goal-shop-menu ul.goal-categories{
        overflow:auto;
        white-space:nowrap;
        float:none;
        padding:0 0 10px;
        li{
            @include rtl-margin-right(15px);
        }
    }
    .show-filter{
        font-weight:normal;
        color:$brand-danger;
    }
    .shop-top-sidebar-wrapper{
        display:none;
    }
    // fix cart
    .wrapper-top-cart > .dropdown-menu-right{
        padding:15px 15px 90px;
    }
    // widget about
    .widget-about .widget-title {
        margin:0;
    }
    // widget categories
    .widget-categorybanner{
        img{
            width:100%;
        }
    }
    .category-item{
        
        .cate-image {
            margin: 0 0 15px;
        }
        img{
        }
        .category-inner {
            .cate-overlay {
                
            }
        } 
    }
    .shop-list-normal.shop-deal-list .content-body {
        @include rtl-padding-left(0);
        padding-top: 10px;
    }
    // calltoaction
    .products-grid.products .row-products{
        > div{
        }
    }
    .tag-social{
        > div{
            width:100%;
            margin-bottom:5px;
        }
    }
    .product-block.grid .groups-button{
        > a, > div{
            float:none;
        }
    }
    // widget recent viewed
    .widget-recent_viewed .widget-title{
        font-size:20px;
    }
    .widget-recent_viewed .flex-middle {
        display: inline-flex;
        width: 100%;
    }
    .details-product{
        margin-bottom:10px !important;
    }
    .widget.related{
        margin-bottom:0; 
    }
    .shop_table{
        .coupon{
            input{
                width:100% !important;
                margin-bottom:10px !important; 
            }
        }
    }
    .woocommerce ul.order_details li{
        margin-bottom:15px;
    }
    // menu
    .goal-footer{
        .widget-nav-menu .widget-title{
            margin:0;
        }
        .widget-nav-menu{
            ul.menu{
                font-size: 13px;
                @media(min-width:768px){
                    font-size: 15px;
                }
                li{
                    margin:0;
                    display: inline-block;
                    float: none;
                    
                    + li{
                        &:before{
                            content:',';
                            @include rtl-margin-right(5px);
                            color: #aaa;
                        }
                    }
                }
            }
        }
    }

    //featured box
    .widget-features-box.style2.right{
        .features-box-image{
            float: left;
            padding:0 15px 0 0;
        }
    }
   
    .widget.widget-about {
        margin: 0;
        display: inline-block;
    }
    .widget-team .name-team{
        font-size: 13px;
        margin: 0;
    }
    .row-blog > .col-xs-6 {
        width: 100%;
    }
    .widget-blogs .widget-title {
        margin: 0 15px 20px;
    }
    .post-grid-v3 {
        .top-info{
            display: none;
        }
        .entry-thumb{
            margin-bottom: 10px;
        }
    }
    
  
    .post-grid-v1 {
        .entry-thumb{
            margin-bottom: 0;
        }
        .top-info,
        .description{
            // display: none;
        }
    }
    .post-grid-v2 .no-image {
        margin-bottom: 0;
    }
    .post-list-item{
        .entry-title{
        }
        .top-info{
            margin: 0 0 15px;
        }
    }
    .post-list-item.post-grid-v2 .post-content .post-content-inner {
        padding: 30px;
        min-height: 300px; 
        margin: 0;
    }
    .comment-list .comment-text{
        font-size: 13px;
        line-height: 20px;
    }

    .entry-thumb .image-wrapper img {
        width: 100%;
    }
    .post .entry-description .wp-block-quote {
        margin: 15px 0 0;
        padding: 20px;
    }
    .post .entry-description .wp-block-quote:before {
        top: -30px;
    }
    .popupnewsletter-wrapper .modal-content{
        background-image: none !important;
        padding:50px 20px 20px;
    }
    // shop
    .product-block-list {
        .quickview{
            display: none;
        }
        .product-excerpt{
            margin-bottom: 10px;
        }
        .left-infor{
            padding:0;
            &:before{
                display: none;
            }
        }
    }
    .product-block-list .compare,
    .product-block-list .add-cart .added_to_cart, 
    .product-block-list .add-cart a.button{
        font-size: 12px;
        padding: 12px
    }
    .details-product.layout-v1 .summary-right .summary{
        padding:15px 0 0;
        &:before{
            display: none;
        }
    }
    .details-product .product_meta > *{
        display: block;
        padding:0;
        margin:0 0 10px;
        border:none;
    }
    .tabs-v1 .nav-tabs {
        padding-bottom: 8px;
        display: block;
        margin: 0;
        > li {
            margin: 0 0 5px;
            display: inline-block;
            width: 100%;
        }
    }
    .slick-carousel-top .slick-arrow{
        top: -55px;
    }
    .tabs-v1 .nav-tabs > li > a{
        font-size: 14px;
    }
    .woocommerce div.product form.cart .button,
    .details-product .information .compare{
        padding:14px;
        font-size: 12px;
        line-height: 1;
    }
    .woocommerce #reviews #comments ol.commentlist li .content-comment{
        font-size: 15px;
        margin-top: 5px;
    }
    .goal-checkout-step ul li{
        float:none;
        margin-bottom:10px;
        &:last-child{
            margin-bottom: 0;
        }
    }
    .woocommerce table.wishlist_table thead,
    .woocommerce table.wishlist_table tbody{
        th,td{
            padding:10px !important;
        }
    }
    .woocommerce table.wishlist_table .product-name{
        padding:0;
    }
    .product-block-list{
        padding:10px;
        .product-excerpt{
            display: none;
        }
        .left-infor{
            padding-top:10px;
        }
        .name{
            font-size: 18px;
        } 
    }
    .goal-filter {
        padding:10px 0;
        text-align: center;
        .woocommerce-result-count{
            float: none;
        }
        .wrapper-lert{
            overflow: auto;
            padding-bottom:10px;
        } 
        .wrapper-right{
            .left-inner {
                display: table;
                width: 100%;
                text-align: center;
                
                > * {
                    vertical-align: middle;
                    float: none !important;
                    display: inline-block;
                    @include rtl-padding-right(5px);
                }
            }
        }
        
        .display-mode {
            white-space: nowrap;
            @include rtl-text-align-right();
        }
        .form-sofass-ppp select,
        select{
            font-size: 14px;
            padding:3px 10px;
        }
    }
    .nav.tabs-product.center > li{
        margin-left: 5px;
        margin-right: 5px;
    }
    .woocommerce .woocommerce-message .button{
        padding: 5px 15px;
        font-size: 12px;
    }
    .woocommerce .woocommerce-message{
        line-height: 1.3;
    }
   
}
@media (max-width: $screen-phone) {
    .goal-footer-mobile > ul > li{
        padding:0 10px;
    }
}
@media(max-width: 479px){
    .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > *,
    .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > .select2-container, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > select, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > input{
        width: 100% !important;
        margin: 0 0 5px !important;
    }
    // cart mobile
    .goal-topcart .dropdown-menu{
        padding:20px;
        min-width: 280px;
    }
    .widget-features-box.style4 .item-inner::before {
        display: none;
    }
}