@media(max-width: 767px){
    /*custom*/
    .payment ul.checkout-paymethod .wallet-container .checkout-paymethod-item h4.checkout-paymethod-title {
        width: 190px !important;
    }
    .payment ul.checkout-paymethod .wallet-container .checkout-paymethod-item {
        padding: 5px 150px !important;
    }
    a.cts-btn {    width: 10% !important;color: #fff !important;top: 66% !important;position: relative !important;left: 0 !important;}
    a.cts-btn i {color: #fff !important;}
    .content-expert-text p{
        line-height: 1.5 !important;
    }
    .account-footer {
        padding: 0px 5px;
    }
    .profile-stats{
        overflow-x: auto !important;
        position: relative;
        top: 40px;
    }
    .content-expert-text p span{
        font-size: 13px !important;
    }
    .header-right{
        margin-right: 0 !important;
    }
    .amazing-section {
        margin:5% !important;
        width: 90%;
    }
    .adplacement-container-column .adplacement-item .adplacement-sponsored-box img{
        border-radius: 5px !important;
    }
    #main .account-box .content-account span.mdi-account-outline{
        top: 145px !important;
    }

    div.custom-main {
        margin-top: -45px !important;
    }
    .adplacement div.col-6{
        padding-right: 0px !important;
    }
    .footer-inner-box{
        display:none !important;
    }
    .option-wishes{
        float:right !important;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .product-headline h1.product-title{
        width: 100% !important;
    }
    .gallery-options{
        border-bottom: 1px solid #ccc;
    }
    
    .product-gallery .gallery-item{
        position: relative !important;
        top:0px !important;
    }
    .js-breadcrumb li{
        margin-right: 0px !important;
    }
    .js-breadcrumb{
        top: 25px;
        position: relative;
        margin-bottom: 30px;
    }
    .js-breadcrumb li::before {
        content:'' !important; 
    }    
    .js-breadcrumb li a {
        font: 10px iranyekan;
        font-weight: normal;
        text-decoration: none;
        color: #777;
        padding-right: 0;
        display: inline-block;
        border: 1px solid #fff;
        background: #fff;
        border-radius: 20px;
        padding: 7px 10px;
        box-shadow: 0px 2px 5px 0px #cccccc70;
        font-weight: bold;
    }
    .zoomWindowContainer{
        display:none !important;
    }
    .js-breadcrumb li {
        padding: 10px 0px !important;
        display: inline-grid;
    }    
    .js-breadcrumb li:nth-child(4) {
        display:none !important;
    }
    .ZoomContainer{
        z-index:none !important;
    }
    
    /*custom*/
    
    .header-right .logo{
        border-bottom: 1px solid #ececec;
        width: 100% !important;
    }

    .header-right .search-header{
        width: 75% !important;
        position: relative;
        left: 15px !important;
        margin-top: 0 !important;
        margin-bottom: -10px !important;
    }

    .responsive-header-left{
        margin-top: -60px !important;
        margin-left: -45px !important;

    }

    .responsive-header-left{
        top: 0 !important;
    }

    .nav-btn{
        right: 3px !important;
    }

    .main-slider{
        border-radius: 18px;
        margin-bottom: 20px;
        box-shadow: 0 12px 14px 0 rgba(0,0,0,.12);
        /*height: 170px;*/
        height: auto;
    }
    .adplacement-container-column{
        margin-top: 0 !important;
    }

    .responsive-header-left .question-faq{
        position: absolute;
        top: -46px !important;
    }



    #owl-slideshow .owl-nav .owl-prev, #owl-slideshow .owl-nav .owl-next{
        width: 35px !important;
        height: 40px !important;
        background-color: #ffffffc7;
    }

    #owl-slideshow .owl-nav .owl-prev i, #owl-slideshow .owl-nav .owl-next i {
        font-size: 24px !important;
        line-height: 37px !important;
    }

    #owl-slideshow .owl-nav .owl-next i {
        margin-left: 8px;
    }

    #owl-slideshow .owl-nav .owl-prev i {
        margin-right: 8px;
    }



    .widget-product .owl-carousel .owl-nav{
        display: none;
    }


    #owl-slideshow .owl-nav{
        display: block !important;
    }

    .card{
        /*        background: #f5f5f5;*/
        border: none !important;
    }

    .widget, .brand-slider{
        box-shadow: none;
        padding: 0;
        background: none;
    }

    .widget-product .product-carousel .item, .brand-slider .owl-carousel .item{
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.09);
        border-radius: 5px;
        border: 1px solid #f6f6f6;
        padding-bottom: 15px;
    }

    .widget-product span.title-one,.widget-product .title-super-markets{
        border-bottom: none !important;
        padding-bottom: 0;
    }

    .footer-inner-box a{
        margin-bottom: 10px;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        float: none;
    }

    .checkout-empty-inner-box a{
        margin-bottom: 10px;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        float: none;
    }

    .page-aside{
        margin-top: 20px !important;
        border-radius: 5px;
    }

    .info-page_after-faq::after{
        content: "";
        width: 0;
        height: 0;
    }

    .question-not-found{
        background: none;
    }

    .question-not-found .question-not-found-title{
        float: right;
        color: #2a2a2a;
        text-align: right;
        font-size: 20px;
    }

    .question-not-found .info-page_contact-option{
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.09);
        border-radius: 8px;
    }

    .question-not-found .info-page_contact-option > span,i{
        color: #2a2a2a !important;
    }

    .question-not-found .info-page_contact-option .faq-send-message{
        margin-bottom: 20px;
        display: inline-block;
    }

    .content-expert-blockquote{
        padding: 0;
    }

    .info-page-faq .content-info-page .box-rounded-content{
        padding: 0 10px;
    }

    .content-expert-blockquote:before{
        content: "";
        background: none;
    }

    .content-expert-blockquote:after{
        content: "";
        background: none;
    }

    .profile-navbar,.page-profile{
        margin-top: 30px !important;
    }

    .headline-profile{
        margin-top: 115px !important;
    }

    .card-header{
        background: none;
    }

    #suggestion-slider .item a{
        background: #fff;
    }

    #suggestion-slider .item .price{
        background: #fff;
    }

    .js-products{
        margin-top: 0;
    }

    .search-sidebar{
        display: none;
    }

    .header-filters{
        display: block;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-content .profile-comment-actions li .btn-helpful{
        float: none;
        margin-left: 0;
    }

    .edit-address-btn, .remove-address-btn{
        padding: 3px 10px;
        font: 12px iranyekan;
    }

    .profile-user-history ul li .user-history-list-item{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .listing-header{
        display: none;
    }

    .product-guaranteed{
        display: none;
    }

    .product-feature-body .product-feature .product-feature-col{
        width: 100%;
        text-align: center;
    }

    .product-feature-body .product-feature .product-feature-col a span{
        width: 100%;
        text-align: center;
        display: block;
        float: none;
    }

    .product-feature-body .product-feature .product-feature-col img{
        float: none;
        margin-left: 0;
    }

    .product-feature-body .product-feature .product-feature-col a{
        float: none;
        margin-bottom: 15px;
    }

    .mask-text-product-summary:before{
        content: "";
        background: none;
    }

    .content-expert-summary{
        padding: 25px 50px 27px 50px;
    }

    .comments-summary-note button{
        width: 100%;
    }

    .article .footer{
        margin-top: 20px;
        float: right;
    }

    .p-tabs .box-tabs-main{
        width: 800px;
        overflow-x: scroll;
        display: block;
        overflow-y: hidden;
    }

    .p-tabs .box-tabs {
        background: #f8f8f8;
        border: 1px solid #dfdfdf;
        font: 16px iranyekan;
        margin: 0;
        width: 1078px;
    }


    .filter-item-main{
        float: right;
        overflow-y: hidden;
        width: 800px;
        overflow-x: auto;
    }

    ul.filter-items{
        font: 16px iranyekan;
        margin-bottom: 0;
        width: 1400px;
        float: right;
    }

    ul.faq-filter-items{
        width: 1400px;
        float: right !important;
    }

    .widget .card-header,
    .brand-slider .card-header{
        padding-bottom: 15px;
        border-bottom: none;
        margin-bottom: 0;
    }

    .amazing{
        display: block !important;
    }

    .header-right .logo img{
        width: 220px;
    }




}

@media (max-width: 1240px){
    .main-menu{
        display: none;
    }

    .nav-btn{
        display: block;
        margin-top: 0;
        right: 40px;
    }

    .header-right{
        margin-right: 40px;
        margin-top: 0;
    }

    .header-right .search-header{
        width: 100%;
        background: #fff;
        border: 1px solid #979797;
        height: 40px;
        margin-bottom: 10px;
        margin-top: 0;
        position: relative;
        left: 15px;
        border-radius: 8px;
    }

    .header-right .search-header input{
        background: #fff;
        height: 40px;
    }

    .header-right .search-header .btn-search{
        background: #fff;
        height: 40px;
        bottom: 5px;
    }

    .header-right .search-header .btn-search::before{
        content: "";
        display: block;
        height: 30px;
        background: #e0e0e2;
        position: absolute;
        right: 47px;
        width: 1px;
        top: 64%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header-right .logo{
        padding-bottom: 10px;
        margin-top: 0;
        width: 140%;
        display: block;
        margin-top: 5px;
        border-bottom: 1px solid #ececec;
    }

    .header-left .btn-login,.mini-cart-header{
        display: none;
    }

    .responsive-header-left{
        display: block;
        position: relative;
        float: left;
        margin-top: 0;
        color: #929292;
        font-size: 35px;
        padding-left: 45px;
        top: 48px;
    }

    .responsive-header-left .btn-login-responsive{
        background: #fff;
        color: #929292;
        outline: none;
        cursor: pointer;
        height: 40px;
    }

    .responsive-header-left .mini-cart-header-responsive{
        float: right;
        padding-left: 10px;
        cursor: pointer;
    }


    .responsive-header-left .question-faq{
        background: #fff;
        color: #929292;
        position: absolute;
        top: -55px;
        left: 44px;
        height: 30px;
        cursor: pointer;
        outline: none;
    }

    .responsive-header-left .question-faq span{
        position: relative;
        top: -12px;
        transform: rotateY(180deg);
    }

    .info-page-cover .info-page-search{
        width: 100%;
    }

    .info-page-cover .info-page-search .info-page-input-search{
        width: 99%;
        height: 43px;
        margin-top: 1px;
        padding-left: 90px;
    }

    .info-page-cover .info-page-search .btn-info-page-search{
        position: absolute;
        left: 0;
        border-radius: 8px 0 0 8px;
    }

    .checkout-price-options-row .checkout-price-options-form-field{
        width: 100%;
    }

    .checkout-price-options-row .checkout-price-options-form-button{
        width: 100%;
    }

}

@media (max-width: 1280px){

    .btn-modify{
        display: block;
        margin-right: 0 !important;
        margin-left: 10px;
    }
}

@media (max-width: 1135px){
    footer .footer-address .footer-contact ul li a.phone-contact::before{
        content: "";
        width: 0;
        height: 0;
    }

    footer .footer-address .footer-contact ul li.email-title{
        margin-right: 0;
    }
}

@media (max-width: 992px){

    .remodal-fmcg-container .remodal-fmcg-content .remodal-fmcg-actions .js-fmcg-modal-reject{
        margin-right: 0 !important;
    }

    footer .footer-form form{
        width: 100%;
    }

    .toggle-box{
        padding: 20px 50px 20px 10px;
    }

    .toggle-box-active > ul > li.has-sub > a::before{
        position: absolute;
        right: 11px;
        top: 44px;
    }

    .toggle-box-active > ul > li.has-sub > a::after{
        position: absolute;
        right: 20px;
        top: 35px;
    }

    .headline-profile{
        margin-top: 125px;
    }

    .table-draught-col{
        width: 100% !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
        border-top: 1px solid #f1f1f1;
    }

    .btn-modify{
        margin-right: 0 !important;
        margin-top: 15px;
        display: block;
        text-align: center;
        margin-left: 0 !important;
    }

    .table-draught-row{
        border-top: none !important;
    }

    .table-draught{
        margin-bottom: 0;
    }

    .profile-comment-thumb{
        width: 100% !important;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-thumb .profile-comment-rating{
        display: inline-block;
        width: 100%;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-thumb .profile-comment-img{
        text-align: center;
        width: 100%;
        display: grid;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-content{
        width: 100% !important;
    }

    .page-profile{
        margin-top: 20px;
    }

    .page-profile{
        margin-top: 125px;
    }

    .profile-stats .profile-recent-fav a{
        float: none;
    }

    .profile-stats .profile-recent-fav .img-profile-favorites,.profile-recent-fav-col,.profile-recent-fav-price,.profile-wishlist{
        width: 100% !important;
        text-align: center;
    }

    .headline-profile-favorites{
        margin-top: 10px;
    }

    .remodal-overlay .remodal .middle-container .form-checkout .form-checkout-valid-row{
        width: 100%;
    }

    .header-filters .remodal-search-advanced .remodal-page-main .remodal-page-content .filter .toggle-box{
        padding: 20px 50px;
    }

    .listing-counter{
        display: none;
    }

    .product-gallery{
        text-align: center;
    }

    .zoomWrapper{
        width: 100% !important;
        text-align: center;
    }

    .swiper-container{
        display: block;
    }

    .article .footer .btn-like{
        display: block;
        margin: 15px auto;
    }

    .form-auth-row-product{
        margin-top: 0;
        margin-right: 25px;
    }

    .btn-tertiary{
        margin-bottom: 25px;
    }

    .js-add-answer-btn{
        float: right;
    }

    .profile-stats .profile-recent-fav .profile-recent-fav-col{
        margin-top: 0 !important;
    }

    .checkout-order-info .order-info .btn-following-order{
        width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .checkout-order-info .order-info .btn-following-order button{
        text-align: center;
    }

}

@media (max-width: 1020px){
    /*.profile-stats .table-orders{
        display: none;
    }*/

    .product-box-profile{
        display: block;
    }

    /*.profile-stats .table-orders,.order-end,.profile-table{
        display: none;
    }*/

    /* .page-profile-order{
         display: none;
     }*/

    .page-profile{
        display: block;
    }
}

@media (max-width: 421px){

    .widget-product .product-carousel .item ins, .brand-slider .product-carousel .item ins{
        font-size: 16px;
    }

    .widget-product .card-header .view-all{
        display: none;
    }

    .remodal-overlay .remodal a.remodal-close{
        display: none;
    }

    .remodal-overlay .remodal a.close-profile-address{
        display: block;
    }

    .remodal-fmcg-container .remodal-fmcg-content .remodal-fmcg-actions .js-fmcg-modal-approve{
        margin-bottom: 10px;
    }

    .checkout-header-delivery-cost{
        display: none;
    }

    .add-to-sfl{
        line-height: 2 !important;
        text-align: right;
    }

    .cart-item-product-price{
        line-height: 2;
        text-align: right;
        font-size: 16px;
        float: none;
    }

    .selenium-next-step-shipping{
        margin-bottom: 15px;
    }

    .info-page-cover .info-page-search .btn-info-page-search{
        padding: 9px 20px;
    }

    .info-page-cover .info-page-search .info-page-input-search{
        font-size: 13px;
    }

    .middle-container{
        padding: 30px 30px 30px 30px !important;
    }

    .profile-return-message-link{
        font-size: 16px !important;
        width: 220px !important;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-thumb .profile-comment-img img{
        width: 140px;
    }

    .profile-stats .profile-recent-fav .profile-comment{
        padding: 35px;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-thumb{
        padding: 0;
    }

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-content{
        padding: 0;
        margin-top: 25px;
    }

    .form-legal-col .form-legal-fieldset .form-legal-item select{
        width: 100%;
    }
}

@media (max-width: 490px){
    footer .footer-address .address-images{
        width: 100%;
        height: auto;
        float: left;
        line-height: 63px;
        display: block;
        text-align: center;
    }

    footer .footer-address{
        text-align: center;
    }

    footer .footer-address .footer-contact{
        width: 100%;
    }

    .widget-product .product-carousel .item .post-title, .brand-slider .product-carousel .item .post-title{
        height: 100px;
    }

    footer .footer-address .footer-contact ul li a{
        padding-left: 0;
    }

    footer .footer-address .footer-contact ul li{
        text-align: right;
    }

    .btn-cart-empty,.checkout-empty-inner-box,.swiper-products{
        display: none;
    }

    .cart-page{
        margin-bottom: 15px;
    }

    .dk-btn{
        font-size: 14px;
    }

    .dk-btn:before{
        width: 70px;
    }

    /* .profile-stats .table-orders,.order-end,.profile-table{
         display: none;
     }*/

    .profile-navbar-back-alignment{
        width: 100%;
        text-align: right;
        margin-bottom: 20px;
    }

    .profile-navbar-back-alignment h4{
        text-align: center;
        font-size: 15px !important;
    }

    .profile-navbar .profile-navbar-back-alignment a.profile-navbar-btn-back{
        margin-left: 7px;
    }

    .profile-navbar-invoice{
        display: block;
        width: 100% !important;
    }

    .profile-navbar-btn-invoice{
        width: 100% !important;
    }

    .banner{
        height: 50px !important;
    }

    .adplacement .item-adplacement img{
        height: 100%;
    }

    .adplacement .item-adplacement{
        width: 100%;
        height: 100px;
        margin: 0 auto 15px;
    }

    .banner{
        display: none;
    }

    .carousel-indicators li{
        position: relative;
        top: 5px;
    }

    .form-legal-col .form-legal-fieldset .form-legal-item .input-number-card{
        width: 100%;
    }

    .form-legal-col .form-legal-fieldset .form-legal-item .check-btn{
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }

    .shipment-page-container #address-section .checkout-contact .checkout-contact-location{
        /* width: 100%;*/
        margin: 10px 0;
        text-align: center;
    }

    .feedback-survey-btn{
        display: none !important;
    }

    .p-tabs .tabs-content{
        padding: 35px 10px 35px 10px;
    }
}

@media (max-width: 408px){
    .content-expert-feedback .content-expert-feedback-state .js-feedback-state-btn{
        margin-right: 0;
        margin-bottom: 10px;
    }

    .content-expert-feedback-state{
        text-align: center;
    }

    .p-tabs .box-tabs {
        background: #f8f8f8;
        border: 1px solid #dfdfdf;
        font: 16px iranyekan;
        margin: 0;
        width: 1186px;
    }
}

@media (max-width: 400px){
    #main .account-box .content-account span.mdi-account-outline{
        top: 53px !important;
    }

    #main .account-box .content-account > i{
        top: 270px;
        color: #929292 !important;
    }

    .profile-user-history ul li .user-history-list-item-content{
        text-align: center;
    }

    .profile-user-history ul li .user-history-list-item-content .user-history-list-item-button-group{
        float: none;
    }

    .adplacement .item-adplacement{
        width: 100%;
    }

}

@media (max-width: 521px){
    .profile-stats .profile-recent-fav .profile-recent-fav-col{
        width: 100%;
        text-align: center;
    }

    .profile-comment-status-review{
        margin-top: 20px !important;
        margin-bottom: 20px;
    }

    .form-legal-row-submit a.btn-default{
        width: 100%;
        display: block;
        margin: 15px auto;
    }

    .form-legal-row-submit button{
        width: 100%;
        padding: 13px 15px;
    }

    .checkout-time-table .additional-options-action-bar .checkout-additional-options-action-container ul.action-description li{
        border: none;
    }
}

@media (max-width: 550px){

    .profile-stats .profile-recent-fav .profile-comment .profile-comment-content .profile-comment-actions li{
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }

    .profile-user-history ul li .user-history-list-item img{
        margin-left: 0;
    }

    .carousel-control-prev,.carousel-control-next{
        /*top: 20px !important;*/
    }

    .checkout-order-summary .checkout-order-summary-item .checkout-order-summary-header .checkout-order-summary-row .checkout-order-summary-col-post-time,checkout-order-summary-col-how-to-send{
        width: 100%;
        margin-bottom: 15px;
    }

    .checkout-order-summary .checkout-order-summary-item .checkout-order-summary-header .checkout-order-summary-row .checkout-order-summary-col-shipping-cost{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .checkout-order-summary .checkout-order-summary-item .checkout-order-summary-header .checkout-order-summary-row i{
        width: 100%;
        text-align: center;
    }

    .footer-checkout-col{
        width: 100%;
    }

    .product-gallery img.zoom-img{
        position: absolute;
        width: 250px !important;
        right: 0px;
        height: 300px;
    }

    .product-gallery #gallery_01f{
        /*        width: 240px !important;*/
    }

    .box-suppliers-headline-container a{
        display: none;
    }

    .faq-filter ul.faq-filter-items{
        float: none;
    }

    .product-box-container{
        margin: 0;
    }

    .product-box-container .product-box-compact{
        padding: 0;
    }

}

@media (max-width: 670px){
    .banner{
        height: 80px;
    }

    .main-slider img{
        height: 110px;
    }

    .carousel-control-prev,.carousel-control-next{
        /*top: 40px !important;*/
        font-size: 30px !important;
    }

    .carousel-control-next{
        right: 0 !important;
    }

    .carousel-control-prev{
        left: 0 !important;
    }

    .main-slider{
        border-radius: 10px;
    }

}

@media (max-width: 1300px){
    .zoomWrapper img{
        width: 300px !important;
    }
}

@media (max-width: 600px){
    ul.comments-item-rating li > .cell{
        display: block;
        padding: 10px 0 0 0;
        margin-top: 10px;
    }
}

@media (max-width: 365px){



    header.shopping-page ul.checkout-steps li.is-completed:before{
        width: 106%;
    }

    header.shopping-page ul.checkout-steps li.is-active{
        width: 35%;
        font-size: 13px;
    }

    header.shopping-page ul.checkout-steps li.is-completed-active:after{
        width: 112%;
    }
}