@media only screen and (max-width : 319px) {
    .sendBtn.okSendBtn {
        width: auto;
    }

    .txt.large {
        width: 230px;
    }

    .step-container {
    }

    .basketSmall {
        right: -70px !important;
        max-width: 350px;
    }

    .bsBasketTotalPrice {
        display: flex;
    }

    .wbBody {
        padding: 0 !important;
        width: 350px;
        display: grid;
    }

    .basketCol1 {
        width: 98%;
    }

    .addrsItem .addTbl {
        display: inline-grid;
    }

    .basketCol2 {
        position: static;
        width: 98%;
    }

    .levelPane {
        padding: 0 !important;
        display: flex;
        width: 100%;
        text-align: center;
    }

    .lBtn {
        width: 85%;
        margin: auto;
    }

    .basketCol4 {
        float: none;
        width: 98%;
        padding: 0;
        margin: auto 0 !important;
    }

    .postadrsLbl {
        font-size: 0.8em;
        min-width: 35%;
    }

    .postadrsval {
        right: 10px;
        font-size: 0.8em;
    }

    .prfRight {
        float: none;
        width: 98%;
        margin: auto;
    }


    .prfLeft {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLRight {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLLeft {
        float: none;
        width: 98%;
        margin: auto;
    }

    .favBox .lBtn {
        padding: 5px;
        font-size: 12px;
        width: 98%;
        text-align: center;
        margin: auto;
        float: none;
    }

    .fbLink {
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width : 0px) and (max-width : 500px) {
    .fbLink {
        float: none;
        width: 100%;
        text-align: center;
    }

    .favBox .lBtn {
        padding: 5px;
        font-size: 12px;
        width: 98%;
        text-align: center;
        margin: auto;
        float: none;
    }

    .prfRight {
        float: none;
        width: 98%;
        margin: auto;
    }


    .prfLeft {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLRight {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLLeft {
        float: none;
        width: 98%;
        margin: auto;
    }

    .postadrsval {
        right: 10px;
        font-size: 0.8em;
    }

    .postadrsLbl {
        font-size: 0.8em;
        min-width: 35%;
    }

    .sendBtn.okSendBtn {
        width: auto;
    }

    .levelPane {
        padding: 0 !important;
        display: flex;
        width: 100%;
        text-align: center;
    }

    .lBtn {
        width: 85%;
        margin: auto;
    }

    .basketCol4 {
        float: none;
        width: 98%;
        padding: 0;
        margin: auto 0 !important;
    }

    .basketCol1 {
        width: 98%;
    }

    .addrsItem .addTbl {
        display: inline-grid;
    }

    .basketCol2 {
        position: static;
        width: 98%;
    }

    .wbBody {
        padding: 0 !important;
        width: 350px;
        display: grid;
    }

    .basketSmall {
        right: -70px !important;
        max-width: 350px;
    }

    .txt.large {
        width: 230px;
    }

    .topRow3 {
        width: 86% !important;
        padding: 0 !important;
        z-index: 100 !important;
        position: fixed !important;
        float: right !important;
        background: #eee !important;
        text-align: center !important;
        border-radius: 25px !important;
        margin-right: 26px;
    }

    .menuBtn {
        width: 60px;
        background: transparent;
        height: 60px;
        position: fixed;
        top: 0;
        right: 0;
        cursor: pointer;
        display: none;
        z-index: 101;
    }

    #OverAllContainer {
        overflow: hidden
    }

    .sticky {
        height: 130px;
    }

    .proItem {
        margin: 10px -16px;
    }

    .topRow3 {
        width: 100%;
        padding: 0;
        z-index: 100;
        position: absolute;
        float: none;
        background: #eee
    }

    .topRow2 {
        width: 50% !important;
        top: 0;
        position: absolute;
        left: 34%;
        z-index: 99;
    }

    .menuBtn .stripesContainer {
        width: 25px;
        height: 20px;
        margin: auto;
    }

    .topRow1 {
        text-align: center;
    }

        .topRow1 .sBtn,
        .topRow1 .sTxt {
            transition: all 1s ease;
            border-radius: 7px;
        }

    input,
    textarea,
    select {
        margin: 0;
        padding: 0px;
        font: 12px / 28px BYekan, tahoma;
        color: #747474
    }

    .penamad {
        width: 205px;
        font: 13px / 23px BYekan, tahoma;
        font-size: 13px;
    }

    .topRow1 .sTxt {
        width: 500% !important;
        display: none;
        border-radius: 0px;
    }

    .topRow1 .sTxt {
        /* حالت اولیه (بسته) */
        position: absolute;
        top: 35px;
        right: -154px;
        display: none;
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
        transition: all 0.3s ease-out;
        color: #fff !important;
        font-weight: bold;
        /* سایر استایل‌های شما */
        width: 511% !important;
        border-radius: 37px;
        background-color: red;
        border: 1px black groove;
        z-index: 100;
    }

        .topRow1 .sTxt.expanded {
            /* حالت باز شده */
            display: block;
            opacity: 1;
            transform: translateY(0) scale(1);
            animation: slideFadeIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

    #Logo img {
        width: 255px;
        margin-right: 2px;
    }

    .cDetail {
        padding-right: inherit;
        direction: ltr;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 1.1em;
        width: 312px;
    }

    .mapDiv {
        width: 49%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 232px;
        float: left;
        height: 431px;
        position: relative;
        right: -302px;
        top: 212px;
    }

    .wbBody {
        padding: 15px;
        width: 607px;
    }

    .topRow1 .sTxt.expanded {
        position: absolute;
        top: 35px;
        right: -155px;
        display: block;
        color: #fff;
        font-weight: bold;
    }

    .topRow1 .sTxt {
        width: 511% !important;
        display: none;
        border-radius: 37px;
    }

    .t-right {
        text-align: right !important;
        font-size: 0.7em;
    }

    .txtBox {
        height: 23px;
        border: 1px solid #cecccc;
        border-radius: 3px;
        min-width: 14px;
        width: 40%;
        box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1) inset;
        text-indent: 5px;
        color: #333;
        margin-left: 254px;
        width: 160px;
    }

    @keyframes slideFadeIn {
        0% {
            opacity: 0;
            transform: translateY(-20px) scale(0.95);
        }

        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    .searchPane > .smSearchResults {
        opacity: 0;
    }

    .topRow1 .sTxt.expanded {
        position: absolute;
        top: 35px;
        right: -152px;
        display: block;
        color: #fff;
        font-weight: bold;
    }

    .main {
        width: 100% !important;
    }

    .TMSortFilter {
        left: 7px;
    }

    /* #header {
        padding-bottom: 7px
    }*/

    #header > .main {
        height: 70px;
    }

    #header > .action-buttons {
        margin: 8px 0px 7px 0px;
    }

    .videoGallery > li {
        display: inline-block;
        margin: 20px;
        padding-bottom: 5px;
        width: 92%;
        background: #dfdfdf;
    }
    /*  .ttr {
        width: 405px;
        height: 248px;
        margin-right: 1px;
    }*/
    .menuBtn {
        display: block;
    }

    .navPane {
        height: auto;
    }

    #navigation {
        display: none;
    }

        #navigation > li {
            display: flex;
            width: 100%;
        }

            #navigation > li > a {
                width: 100%;
            }

                #navigation > li > a.home {
                    width: 100%;
                }

    .profileIc::before {
        content: "\f007";
        font: 22px/22px FontAwesome;
        right: 18px;
        top: -11px;
    }

    .LoginPane::before {
        right: 22px;
    }

    #actions > li {
        text-align: center;
        vertical-align: middle;
        min-width: 18.5% !important;
        max-width: 15.5% !important;
    }

    .icWhatsApp::before {
        content: "\f232";
        font: 18px/22px FontAwesome;
        top: 1px;
        position: relative;
    }

    .icPhone::before {
        content: "\f095";
        font: 18px/22px FontAwesome;
        top: 1px;
        position: relative;
    }

    .icBasketPane {
        height: 30px;
        max-width: 500px;
        margin-right: 5px;
        width: 100%;
        position: relative;
        top: 1px;
        margin-top: 32px;
    }

    .icBasketPane {
        top: -16px !important;
    }

    .isBsActiss {
        margin-left: 20px;
    }

    .topRow1 .searchPane {
        height: 30px;
        max-width: 500px;
        margin-right: 22px;
        width: 100%;
        position: relative;
        top: 1px;
    }

    #Logo img {
        width: 280px;
        margin-right: 0px;
    }

    .icSignUp::before {
        content: "\f234";
        font: 25px/26px FontAwesome;
        right: -20px;
        top: 18px;
    }

    #actions > li:nth-child(4),
    #actions > li:nth-child(5) {
        display: none;
        visibility: hidden;
    }

    .topRow1 .consult-request-btn {
        font-size: 25px;
        float: none;
        margin: 0;
        color: #777;
        background: transparent;
    }

    .icWhatsApp::before,
    .icPhone::before {
        font: 25px/25px FontAwesome;
    }

    .item div.description {
        width: 100%;
        top: 30%;
        bottom: 0;
        transform: scale(0.5);
        left: 30%;
    }

    .item .title {
        left: 7%;
        top: 22%;
    }

    .item.wide .summary {
        top: 30%;
    }

    .item p.summary {
        bottom: 7%;
        left: 7%;
        font-size: 1.2em;
    }

    .item.wide div.description {
        width: 300%;
        position: relative;
        height: 111px;
        transform: scale(0.8);
        right: -178px;
    }

    #socialNEt .social-image {
        max-height: 30px;
        min-height: 26px;
        max-width: 7px;
        min-width: 26px;
        transition: 0.3s ease-out;
        display: inline-block;
        padding: 7px;
        border-radius: 15px;
    }

    #socialNEt > a {
        margin: 0 3px;
        width: 16px;
    }

    .item.wide .title {
        right: 23%;
        font-size: 20px;
        top: 25px;
        width: 140px;
    }

    .owl-buttons {
        margin-left: -63px;
    }

    #actions > li:nth-child(2) {
        margin-right: 0.5%;
        height: 55px;
    }

    .item.wide .title a::before {
        width: 500% !important;
        border-bottom: 2px solid #fff;
        content: " ";
        display: block;
        height: 2px;
        position: absolute;
        top: 40%;
        left: 94%;
    }

    .item.wide .title::before {
        width: 170% !important;
        left: 50%;
    }

    .item.wide .summary {
        right: 25%;
    }

    .PrCarousel .owl-buttons > div {
        height: auto;
        width: 7%;
        top: 15%;
    }

    .PrCarousel .owl-prev::before,
    .PrCarousel .owl-next::before {
        font: 40px/60px FontAwesome;
        color: rgba(237, 28, 36, 0.7);
    }

    .PrCarousel .prPic > img {
        width: 50%;
        height: 30%;
    }

    .PrCarousel .prName {
        font-size: 10px;
    }

    .prfTbl td > div {
        font-size: 11px;
        color: #939393;
        margin-top: 5px;
    }

    .hTitPane {
        width: 85%;
        min-width: 85%;
        max-width: 85%;
        float: none;
        margin: auto;
    }

    .hTitle {
        font-size: 16px;
        text-align: center;
        padding: 7px 0;
    }

    .hTitPane .hTitle {
        font-size: 16px;
        text-align: right;
        padding: 7px 0;
    }

    .hTitle::before {
        width: 100%;
        right: 0
    }

    .MidhTitPane {
        height: 65vh;
        width: 95%;
        margin: 7px 7px;
    }

    .prName_p {
        padding: 15px 0px;
    }

    /* .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 67px !important;
    }*/

    #footer {
        padding: 0;
    }

    #NavFooter {
        height: auto;
        text-align: right;
        width: 85%
    }

        #NavFooter > div {
            width: 100%;
            text-align: center
        }

            #NavFooter > div a {
                right: 0%;
            }

            #NavFooter > div span {
                right: 100%;
                text-align: right;
            }

            #NavFooter > div img {
                float: none
            }

    .goTop {
        margin: 40px 0px 0 10px
    }

    .margBox > div {
        width: 100% !important;
        float: none !important
    }

    .margBox .brand img {
        width: 100%;
        height: auto;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 75px;
        /* color: red; */
    }

    .c-footerContact > li {
        font-size: 11px;
    }


    /*    .owl-carousel.PrCarousel .owl-wrapper-outer {
        overflow: inherit;
        position: relative;
        width: 100% !important;
        height: auto;
        display: flex;
    }*/

    .owl-carousel .owl-wrapper-outer {
        overflow: visible;
        position: relative;
        width: 100%;
    }


    .icBasket::after {
        width: 1px;
        right: -33px;
        height: 33px;
        top: 2px;
        background: #b2b2b2;
        content: '';
    }

    .fRight,
    .fLeft,
    .fBox,
    .flast {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    #socialNEt {
        margin-top: 92px;
        color: #fafafa;
        float: right;
        margin-right: -109px;
        position: relative;
        right: 10px;
        z-index: 0;
        background: #ed1c24;
        width: 100%;
        border: 4px white groove;
    }

    .fLeft {
        margin-bottom: 10px;
    }

    .flast {
        display: none;
    }

    .fBoxTit {
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        padding: 10px 0px;
    }

    .fBoxLst > li > a {
        text-align: center;
        padding: 10px 0px 3px;
    }

    .emailBtn {
        border-radius: 0px 10px 10px 0px;
        height: 30px;
        float: right;
        width: 19%;
        font-size: 14px;
    }

    .emailInp {
        border-radius: 10px 0px 0px 50px;
        text-align: right;
    }

    .c-footerContact > li > a {
        color: #444;
        vertical-align: middle;
        margin: 5px;
        font-size: 0.8em;
    }

    .c-footerContact {
        font-size: 0.8em;
    }

    .MidCarousel .prPic > img {
        padding: 0;
        height: 710px;
    }

    ul.stat {
        height: auto;
        text-align: center;
        padding: 10px 0px 7px 0px;
    }

        ul.stat li > span.value::after {
            float: none;
            font: normal normal normal 20px/20px FontAwesome;
        }

        ul.stat li {
            display: inline-block;
            width: 25%;
            text-align: center;
            height: auto;
            font-size: 0.8em;
        }

    .c-footerSeo {
        width: 80%;
        color: #c6c6c6;
        text-align: justify;
        margin: auto;
        font-size: 11px;
    }

    .pCol1 {
        float: none;
        width: 100%;
        text-align: center;
    }

        .pCol1 > .filterBox:nth-child(1) {
            width: 85%;
            height: auto;
            margin: auto;
        }

    .filterBox > .fbTit,
    .filterBox > .fbTit a {
        font-size: 14px;
        padding: 5px 15px;
        text-align: center
    }

    .MaxHeight {
        max-height: 185px;
        width: 100%;
    }

    .pCategory {
        padding: 0 15px;
        text-align: right;
    }

        .pCategory a {
            margin: 0;
            padding: 7px 0;
            font-size: 12px;
        }

    .cCat-Open {
        font-size: 14px;
    }

    span.cCat-Close {
        font-size: 12px;
    }

    .pCol2 {
        float: none;
        width: 100%;
    }

    .sortPane {
        padding: 7px;
        border-bottom: 1px solid #f2f2f2;
    }

    .sortTit::before {
        content: '\f038';
        font: 14px/1 FontAwesome;
        position: absolute;
        right: 3px;
        top: 4px;
        opacity: .5;
    }

    .itemPane {
        position: relative;
        right: -33px;
    }

    #ProPrPic {
        max-width: 222px;
        margin: 0 auto;
        overflow: hidden;
        max-height: 222px;
        width: 120px;
        height: auto;
    }

    .sortTit {
        padding-right: 20px;
    }

    .TMSortFilter {
        display: inline-flex;
    }

        .TMSortFilter > li {
            display: flex;
            width: auto;
        }

            .TMSortFilter > li span {
                font-size: 0.85em
            }

    .TMSortFilter {
        float: none;
        text-align: center;
        padding: 10px 0px 7px 0px;
    }

    .TMSortConditionFilter {
        float: none;
        width: 100%;
        text-align: center;
        padding: 10px 0px 7px 0px;
    }

    .productlist {
        width: 108%;
        text-align: center;
        padding: 10px 31px 0px 0px;
    }

    .prPic_partenrs {
        width: 67px;
        margin: auto;
        height: 50px;
    }

    .productlist > li {
        float: right;
        width: 47%;
        margin: 0;
    }

    .price-amount {
        color: green !important;
        position: relative;
        top: 14px;
    }

    .productlist > li > .proItem {
        padding: 0 5px;
        margin-right: -90px;
    }

    .prName {
        padding: 15px 10px;
        font-size: 7px !important;
    }

    .pr1Price {
        font-size: 10px;
    }

    #NavFooter > div div.info span {
        text-align: center;
        position: relative;
        top: 0px;
        right: 0px;
    }

    .proItem .giftPane {
        border-bottom-right-radius: 85%;
        border-bottom-left-radius: 85%;
        min-height: 20px;
    }

    .VrCarousel .prName {
        right: 110px;
        font-size: 0.7em !important;
    }

    .inpBox {
        margin: 20px 0;
        margin-right: 0px;
        margin-right: 70px;
    }

    /* .breadcrumb {
        padding: 20px 5px 7px 0px !important;
        border: none;
    }*/

    .breadcrumb > a,
    .breadcrumb > span {
        font-size: 0.85em;
    }

    .TPArow {
        display: none;
        visibility: hidden
    }

    .spSell {
        width: 60% !important;
        height: auto;
    }

    .proCol1, .proCol2 {
        float: left;
        width: 75% !important;
        padding: 10px 0 0px 8px;
        height: auto;
    }

        .proCol2 .rateLbl {
            float: left;
            width: 10%;
            padding: 7px;
        }

        .proCol2 .pinfoLst {
            width: 79%;
            float: right;
            padding: 7px;
        }

    .bigFont {
        font-size: 14px;
        margin: 0;
        clear: both
    }



    .pinfoLst > li {
        text-align: right;
        font-size: 12px;
    }

    .detList {
        padding: 7px 10px;
        text-align: center
    }

    .basketBtnPane {
        position: relative;
        width: 96%;
        right: -14px;
    }

    .okPrice {
        font: 15px/16px BYekan;
        margin-top: 4px;
        display: initial;
    }

    .pr1Price {
        bottom: 30px;
    }

    .discount-oval {
        border-radius: 7px;
        padding: 2px 5px;
    }

    .ulIcon > li {
        float: none;
        margin: -8px 0px 20px 0px;
    }

    #ThumbPic .item > a > img {
        width: 85px;
        height: auto;
        border: 2px solid #ddd;
        border-radius: 20px;
        margin-top: 43px;
    }

    .detList > li {
        display: inline-block;
        padding: 2px 0 2px 15px;
    }

    .VrCarousel .owl-wrapper-outer {
        min-width: 680px;
        overflow: hidden;
    }

    .proCol0 {
        width: 24%;
        height: 703px;
        margin-right: -51px;
    }

    .bigFont > li {
        padding: 15px 0;
    }

    .owl-item {
        margin: auto !important;
        margin-bottom: auto;
        margin-bottom: auto;
        height: auto !important;
        margin-bottom: -18px !important;
    }

    .proCol2 {
        float: left;
        width: 66% !important;
        padding: 0px 0 15px 15px;
        height: 300px;
        max-height: 429px;
    }

    .rating {
        margin-top: -80px !important;
        float: left !important;
        margin-left: 17px !important;
    }

    .set2 {
        margin-right: 10px;
        margin-top: 9px;
    }

    .owl-carousel .owl-item {
        float: left !important;
    }

    .TPArow {
        display: block;
        visibility: initial;
    }

    .ulIcon > li > a::before {
        font: 20px/1 FontAwesome;
        padding: 5px;
        width: 20px;
        height: 20px;
        text-align: center;
    }

    /*.prHtit {
        font: 18px/18px BYekan;
    }*/

    .icAddBasket {
        padding: 7px 85px 7px 0px;
        position: relative;
        width: none;
        font-size: 18px;
    }

        .icAddBasket::before {
            font-size: 25px;
            right: 15px;
            top: 7px;
        }

    .bookMarkPane {
        padding: 7px;
    }

    #bookMarkLst {
        height: auto;
        display: inline-block;
    }

    .DrCarousel {
        max-height: 191px;
        overflow: hidden
    }

    .wBox {
        width: 100%;
    }

    .DrCarousel .prName {
        position: relative;
        right: 60px;
        width: 200px;
        text-align: right;
        top: 0px;
        padding: 0px;
        font-size: 0.5em;
        color: green;
    }

    .profileMenu > li > a {
        padding: 12px 26px 12px 0;
        display: block;
        position: relative;
        font-size: 12px;
    }

    .itemProfile {
        font-size: 12px;
    }

    .userNm {
        padding: 15px 5px;
        text-align: center;
        font-size: 0.7em;
    }

    .profileMenu > li > a::before {
        font: 12px/15px FontAwesome;
        position: absolute;
        right: 7px;
        top: 15px;
        vertical-align: middle;
    }

    .VrCarousel:not(.SideCarousel) .item a {
        position: relative;
        top: -2px;
        right: 46px;
        height: 86px;
        width: 288px;
    }

    .exitPane > a::before {
        font: 10px/1 FontAwesome;
        padding-left: 5px;
        vertical-align: middle;
    }


    .prTit {
        margin: 20px 0 25px;
        font-size: 13px;
        font-weight: 500;
        color: #7d7777;
        padding: 0 30px 0 0;
    }

    .btnEdit::before {
        content: "";
        position: absolute;
        left: 95%;
        top: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font: 12px/0 FontAwesome;
        margin-left: 10px;
    }

    .favTd {
        display: table-cell;
        padding: 10px;
        border-bottom: 1px solid #f1f1f1;
        vertical-align: middle;
        font-size: 0.4em;
    }

    .leftWihte1 {
        min-height: 335px;
        padding-bottom: 50px;
        max-height: 707px;
    }

    .Avatar {
        width: 65px;
        height: 65px;
    }

    .aad-step-container {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding: 42px;
        background: #eeffee;
        border-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        width: 461px;
        font-size: 11px;
        margin-right: -67px;
    }

        .aad-step-container .step-title {
            margin-top: -1px;
            font-weight: bold;
            margin-right: 26px;
        }

        .aad-step-container .step::after {
            content: attr(data-summary);
            position: absolute;
            top: 22%;
            right: 26%;
            transform: translateX(-20%);
            height: 20px;
            width: 101%;
            background-color: attr(data-color);
            z-index: 0;
            text-align: center;
            line-height: 18px;
            font-size: 0.51em !important;
            color: black;
        }

    .favBtnPane {
        text-align: center;
        font-size: 0.8em !important;
    }

    .prfHead {
        padding: 15px 17px 15px 0;
        border-bottom: 1px solid #f3f3f3;
        font-weight: 500;
    }

    .Avatar img.profile-picture {
        border-radius: 50%;
        max-width: 65px;
        max-height: 65px;
        transition: .8s;
        -moz-transition: .8s;
        -webkit-transition: .8s;
    }

    .GPictures img, .GVideos img {
        width: 90%;
        border-radius: 10px;
        height: auto;
    }

    #NavFooter > div div.info {
        padding: 17px;
    }

    .contactRight {
        padding-left: 25%;
        font-size: 14px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
    }

    .contctInfo li span::before {
        position: relative !important;
        right: -5px !important;
    }

    iframe {
        border: 0;
        margin: 0px -4px;
        padding: 0;
        height: 99%;
    }

    .locition_contact {
        width: 125px;
        margin-right: -19px;
        display: flex;
        margin-top: 30px;
    }

    .imglocation {
        width: 33px;
        height: 33px;
        text-align: center;
        border-radius: 13px;
    }

    #Nashan-Geegle {
        position: relative;
        right: 27px;
    }

    #Nashan-Waze {
        position: relative;
        right: 17px;
    }

    #Nshan-Tapsi {
        position: relative;
        right: 27px;
    }

    #Nashan-Balad {
        position: relative;
        right: 25px;
        top: -2px;
    }

    #Neshan-Snap {
        position: relative;
        right: 37px;
    }

    #Neshamn-Own {
        position: relative;
        top: -5px;
        right: 27px;
    }

    .basketitemsnumber {
        margin-right: 1px;
    }

    .plocation {
        text-align: center;
        margin-right: -549px;
        width: 296px;
        margin-top: 56px;
        position: relative;
        right: 224px;
    }

    .blBox {
        display: inline-block;
        width: 100%;
        border: 3px solid #eceff1;
        margin: auto;
        padding: 10px 0px;
        text-align: justify;
        min-height: 275px;
    }

        .blBox > h2::before {
            right: -8%;
        }

    .form_tbl > tbody > tr > td {
        padding: 5px 10px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 719px) {
    .levelPane {
        padding: 0 !important;
        display: flex;
    }

    .basketCol4 {
        float: none;
        width: 90%;
        padding: 0;
        margin: auto 0 !important;
    }

    .basketCol1 {
        width: 98%;
    }

    .addrsItem .addTbl {
        display: inline-grid;
    }

    .basketCol2 {
        position: static;
        width: 98%;
    }

    .wbBody {
        padding: 15px;
        width: 350px;
        display: grid;
    }

    .basketSmall {
        right: -70px !important;
        max-width: 350px;
    }

    #OverAllContainer {
        overflow: hidden
    }

    .sticky {
        height: 130px;
    }

    .topRow3 {
        width: 100%;
        padding: 0;
        z-index: 100;
        position: absolute;
        float: none;
        background: #eee
    }

    .topRow2 {
        width: 85% !important;
        top: 0;
        position: absolute;
        left: 7%;
        z-index: 99;
    }

    #Logo img {
        width: 85%;
    }

    .topRow1 {
        text-align: center;
    }

        .topRow1 .sBtn,
        .topRow1 .sTxt {
            transition: all 1s ease;
            border-radius: 7px;
            background: #777;
        }


        .topRow1 .sTxt {
            width: 0%;
            display: none;
            border-radius: 0px;
        }

            .topRow1 .sTxt.expanded {
                width: 99%;
                position: absolute;
                top: 35px;
                right: 0px;
                display: block;
                color: #fff;
                font-weight: bold;
            }

    .main {
        width: 98%;
    }

    #header {
        padding-bottom: 7px
    }

        #header > .main {
            height: 70px;
        }

        #header > .action-buttons {
            margin: 30px auto 7px auto;
            width: 50%;
        }

    .menuBtn {
        display: block;
    }

    .navPane {
        height: auto;
    }

    #navigation {
        display: none;
    }

        #navigation > li {
            display: flex;
            width: 100%;
        }

            #navigation > li > a {
                width: 100%;
            }

                #navigation > li > a.home {
                    width: 100%;
                }

    #actions > li {
        text-align: center;
        vertical-align: middle;
        min-width: 18.5% !important;
        max-width: 18.5% !important;
    }

        #actions > li:nth-child(4),
        #actions > li:nth-child(5) {
            display: none;
            visibility: hidden;
        }

    .topRow1 .consult-request-btn {
        font-size: 25px;
        float: none;
        margin: 0;
        color: #777;
        background: transparent;
    }

    .icWhatsApp::before,
    .icPhone::before {
        font: 25px/25px FontAwesome;
    }

    .item div.description {
        width: 85%;
        bottom: 0;
        transform: scale(0.5);
        left: 45%;
        height: 100px;
    }

    .item .title {
        font-size: 22px;
        top: 20%;
        left: 17%;
    }

    .item p.summary {
        bottom: 7%;
        left: 17%;
        font-size: 1.2em;
    }

    .item.wide div.description {
        width: 285%;
        position: relative;
        height: 111px;
        transform: scale(0.8);
        right: -110px;
    }

    .item.wide .title {
        right: 15%;
        font-size: 20px;
    }

        .item.wide .title::before {
            width: 170% !important;
            left: 50%;
        }

    .item.wide .summary {
        right: 15%;
    }

    .PrCarousel .owl-buttons > div {
        height: auto;
        width: 7%;
        top: 15%;
    }

    .PrCarousel .owl-prev::before,
    .PrCarousel .owl-next::before {
        font: 60px/60px FontAwesome;
        color: rgba(237, 28, 36, 0.7);
    }

    .PrCarousel .prPic > img {
        width: 50%;
        height: 50%;
    }

    .PrCarousel .prName {
        font-size: 10px;
    }

    .hTitPane {
        width: 85%;
        min-width: 85%;
        max-width: 85%;
        float: none;
        margin: auto;
    }

    .hTitle {
        font-size: 16px;
        text-align: center;
        padding: 7px 0;
    }

    .hTitPane .hTitle {
        font-size: 16px;
        text-align: right;
        padding: 7px 0;
    }

    .hTitle::before {
        width: 100%;
        right: 0
    }

    .MidhTitPane {
        height: 50vh;
        width: 100%;
        margin: 7px 0px;
    }

    .MidCarousel .prPic > img {
        height: auto;
    }

    #footer {
        padding: 0;
    }

    #NavFooter {
        height: auto;
        text-align: right;
        width: 40%
    }

        #NavFooter > div {
            width: 100%;
            text-align: center
        }

            #NavFooter > div a {
                right: 0%;
            }

            #NavFooter > div span {
                right: 100%;
                text-align: right;
            }

            #NavFooter > div img {
                float: none
            }

    .goTop {
        margin: 40px 0px 0 10px
    }

    .margBox > div.brand {
        width: 100% !important;
        float: none !important;
        text-align: left;
    }

    .margBox .brand img {
        width: 60%;
        height: auto;
    }

    .margBox .socials {
        width: 100%;
        background: #ed1c24;
        height: 110px;
        float: none;
    }

    #socialNEt h5 {
        float: none;
        margin-top: -10px;
        margin-right: 5px;
    }

    .VrCarousel .owl-controls {
        top: 15%;
    }

    .fRight,
    .fLeft,
    .fBox,
    .flast {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .fLeft {
        margin-bottom: 10px;
    }

    .flast {
        display: none;
    }

    .fBoxTit {
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        padding: 10px 0px;
    }

    .fBoxLst > li > a {
        text-align: center;
        padding: 10px 0px 3px;
    }

    .emailBtn {
        border-radius: 0px 10px 10px 0px;
        height: 30px;
        float: right;
        width: 19%;
        font-size: 14px;
    }

    .emailInp {
        border-radius: 10px 0px 0px 10px;
        text-align: right;
        width: 77%;
    }

    .c-footerContact {
        font-size: 0.8em;
    }

    ul.stat {
        height: auto;
        text-align: center;
        padding: 10px 0px 7px 0px;
    }

        ul.stat li > span.value::after {
            float: none;
            font: normal normal normal 20px/20px FontAwesome;
        }

        ul.stat li {
            display: inline-block;
            width: 30%;
            text-align: center;
            height: auto;
            font-size: 0.8em;
        }

    .pCol1 {
        float: none;
        width: 100%;
        text-align: center;
    }

        .pCol1 > .filterBox:nth-child(1) {
            width: 50%;
            height: auto;
            margin: auto;
        }

    .filterBox > .fbTit,
    .filterBox > .fbTit a {
        font-size: 14px;
        padding: 5px 15px;
        text-align: center
    }

    .MaxHeight {
        max-height: 185px;
        width: 100%;
    }

    .pCategory {
        padding: 0 15px;
        text-align: right;
    }

        .pCategory a {
            margin: 0;
            padding: 7px 0;
            font-size: 12px;
        }

    .cCat-Open {
        font-size: 14px;
    }

    span.cCat-Close {
        font-size: 12px;
    }

    .pCol2 {
        float: none;
        width: 100%;
    }

    .sortPane {
        padding: 7px;
        border-bottom: 1px solid #f2f2f2;
    }

    .sortTit {
        padding-right: 20px;
    }

    .TMSortFilter {
        display: inline-flex;
    }

        .TMSortFilter > li {
            display: flex;
            width: auto;
        }

            .TMSortFilter > li span {
                font-size: 0.85em
            }

    .TMSortFilter {
        float: none;
        text-align: center;
        padding: 0;
        width: 70%;
    }

    .TMSortConditionFilter {
        float: none;
        width: 100%;
        text-align: right;
        padding: 10px 0px 7px 0px;
    }

    .productlist {
        width: 100%;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }

        .productlist > li {
            float: right;
            width: 100%;
            margin: 0;
        }

    .proItem .giftPane {
        border-bottom-right-radius: 85%;
        border-bottom-left-radius: 0%;
        min-height: 20px;
    }

    .breadcrumb {
        padding: 25px 5px 7px 0px;
        border: none;
    }

        .breadcrumb > a,
        .breadcrumb > span {
            font-size: 0.85em;
        }

    .TPArow {
        display: block;
        visibility: visible;
        padding: 0;
        width: 29%;
    }

    .spSell {
        width: 100%;
        height: auto;
    }

    .proCol1 {
        float: left;
        width: 70%;
        height: auto;
        clear: left;
    }

    .proCol2 {
        width: 100%;
        height: auto;
        float: none;
        max-height: 700px;
        text-align: center
    }

        .proCol2 .rateLbl {
            float: left;
            width: 10%;
            padding: 7px;
        }

        .proCol2 .pinfoLst {
            width: 80%;
            float: right;
            padding: 7px;
        }

    .bigFont {
        font-size: 14px;
        margin: 0;
        clear: both
    }


    .pinfoLst > li {
        text-align: center;
        font-size: 0.85em;
    }

    .detList {
        padding: 7px 10px;
        text-align: center
    }

    .okPrice {
        font: 16px/16px BYekan;
    }

    .pr1Price {
        bottom: 30px;
    }

    .discount-oval {
        border-radius: 7px;
        padding: 2px 5px;
    }

    .ulIcon > li {
        float: none;
        margin: 20px 0px 20px 0px;
    }

        .ulIcon > li > a::before {
            font: 20px/1 FontAwesome;
            padding: 5px;
            width: 20px;
            height: 20px;
            text-align: center;
        }

    .prHtit {
        font: 18px/18px BYekan;
    }

    .icAddBasket {
        width: 44%;
        font-size: 18px;
    }

        .icAddBasket::before {
            font-size: 40px;
            right: 15px;
            top: 7px;
        }

    .bookMarkPane {
        padding: 7px;
    }

    #bookMarkLst {
        height: auto;
        display: inline-block;
    }

    .DrCarousel {
        max-height: 160px;
        overflow: hidden
    }

    .wBox {
        width: 100%;
    }

    .DrCarousel .prName {
        position: relative;
        width: 200px;
        text-align: right;
        padding: 0px;
        font-size: 0.85em;
    }

    #NavFooter > div div.info {
        padding: 17px;
    }

    .blBox {
        display: inline-block;
        width: 100%;
        border: 3px solid #eceff1;
        margin: auto;
        padding: 10px 0px;
        text-align: justify;
        min-height: 275px;
    }

        .blBox > h2::before {
            right: -4%;
        }

    .form_tbl > tbody > tr > td {
        padding: 5px 10px;
    }

    .DrCarousel .proItem {
        margin: 25px 0;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 0px;
        margin-left: -10px;
    }

    .wbBody {
        padding: 15px;
        width: 619px !important;
    }
}

@media only screen and (min-width: 350px) and (max-width: 370px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 54%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 0px;
        margin-left: -10px;
    }

    .wbBody {
        padding: 15px;
        width: 619px !important;
    }

    #Logo img {
        width: 288px;
        margin-right: 0px;
    }

    .ttr {
        width: 331px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 270px) and (max-width: 300px) {
    .VrCarousel .owl-controls {
        padding: 10px 0 !important;
        transform: rotate(90deg) !important;
        bottom: 247px !important;
        right: -7% !important;
        z-index: 110 !important;
        text-align: right !important;
        width: 20% !important;
        top: 219px !important;
        opacity: 0;
    }

    #ThumbPic .item > a > img {
        width: 40px !important;
        height: auto !important;
        border: 2px solid #ddd !important;
        border-radius: 8px !important;
        margin-top: 43px !important;
    }

    .proCol0 {
        width: 3% !important;
        height: 398px !important;
        margin-right: -91px !important;
        margin-top: 83% !important;
        position: relative;
        right: -84px;
    }

    .prHtit > span {
        display: block !important;
        color: #333 !important;
        padding-top: 15px !important;
        font-size: 12px !important;
        margin-right: -77%;
        margin-top: 20px;
    }

    .okPrice {
        font: 12px/12px BYekan !important;
        font-variant-emoji:;
        font-variant-emoji:;
        font-variant-emoji:;
        margin-top: 4px !important;
        display: initial !important;
        margin-right: 15px !important;
        position: relative;
        top: -42px;
    }

    .proCol1, .proCol2 {
        float: left !important;
        width: 67% !important;
        padding: 14px 0 45px 8px !important;
        height: auto !important;
        margin-top: 2px !important;
        margin-bottom: 38px !important;
        text-align: center;
        margin-left: 36px;
    }

    .pinfoLst > li {
        text-align: right !important;
        font-size: 12px !important;
        margin-right: -167px !important;
        height: 40px !important;
        width: 219px;
    }

    .VrCarousel .owl-item {
        height: 85px !important;
        width: 47px !important;
    }

    #ThumbPic .item > a > img {
        width: 40px !important;
        height: auto !important;
        border: 2px solid #ddd !important;
        border-radius: 8px !important;
        margin-top: 23px !important;
    }

    #Logo img {
        width: 204px;
        margin-right: 12px;
    }
}

@media only screen and (min-width: 370px) and (max-width: 380px) {
    #Logo img {
        width: 288px;
        margin-right: 0px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 0px;
        margin-left: -10px;
    }

    .ttr {
        width: 343px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width : 290px) and (max-width : 350px) {
    .proCol0 {
        width: 22%;
        height: 703px;
        margin-right: -51px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 0px;
        margin-left: -10px;
    }

    .prHtit > span {
        display: block;
        color: #333;
        padding-top: 15px;
        font-size: 12px;
    }

    .margin-b15 {
        margin-bottom: 76px;
    }

    .proCol2 .pinfoLst {
        width: 75%;
        float: right;
        padding: 7px;
    }

    .SideCarousel .owl-controls {
        padding: 0;
        position: absolute;
        top: 34%;
        left: 26%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 450px;
    }

    .owl-buttons {
        margin-left: -174px;
    }

    #ThumbPic .item > a > img {
        width: 75px;
        height: auto;
        border: 2px solid #ddd;
        border-radius: 20px;
        margin-top: 43px;
    }

    .hTitle::before {
        width: 100%;
        right: 0;
    }

    .hTitPane .hTitle {
        position: sticky !important;
    }
}

@media only screen and (min-width: 380px) and (max-width: 390px) {
    #Logo img {
        width: 298px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 351px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 390px) and (max-width: 400px) {
    #Logo img {
        width: 296px !important;
        margin-right: 0px !important;
    }

    .ttr {
        width: 362px;
        height: 248px;
        margin-right: 1px;
    }
}


@media only screen and (min-width: 420px) and (max-width: 430px) {
    #Logo img {
        width: 318px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 389px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 430px) and (max-width: 440px) {
    #Logo img {
        width: 330px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 399px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 440px) and (max-width: 450px) {
    #Logo img {
        width: 330px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 408px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 450px) and (max-width: 460px) {
    #Logo img {
        width: 330px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 425px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 460px) and (max-width: 470px) {
    #Logo img {
        width: 348px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 412px;
        height: 248px;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 470px) and (max-width: 480px) {
    #Logo img {
        width: 358px !important;
        margin-right: 0px;
    }

    .ttr {
        width: 435px;
        height: 248px;
        margin-right: 1px;
    }


    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 53%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 51px !important;
    }



    .pDdl {
        margin-right: -10px !important;
        font-size: 15px;
    }

    .prName {
        padding: 15px 9px;
        font-size: 7px !important;
    }
}



@media only screen and (min-width: 360px) and (max-width: 380px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 65px !important;
    }
}

@media only screen and (min-width: 390px) and (max-width: 401px) {
    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 36px;
        float: left;
        height: 730px;
    }
}



@media only screen and (min-width: 380px) and (max-width: 400px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 49px !important;
    }

    .wbBody {
        padding: 15px;
        width: 350px;
        display: grid;
    }
}

@media only screen and (min-width: 380px) and (max-width: 401px) {
    #socialNEt > a {
        margin: 0 4px;
        width: 16px;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
        width: 363px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    .wbBody {
        padding: 15px;
        width: 350px;
        display: grid;
    }
    /* .owl-buttons {
            margin-left: -75px !important;
        }*/

    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 34px !important;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 54%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 101px;
    }

    .menuBtn {
        display: block !important;
        position: fixed !important;
    }

    .topRow3 {
        width: 88% !important;
        padding: 0 !important;
        z-index: 100 !important;
        position: fixed !important;
        float: right !important;
        background: #eee !important;
        text-align: center !important;
        border-radius: 25px !important;
        margin-right: 23px;
    }

    .pDdl {
        margin-right: -10px !important;
        font-size: 15px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 410px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 30px !important;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 54%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }
}
/*@media only screen and (min-width: 420px) and (max-width: 430px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 9px !important;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 54%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }
}*/

@media only screen and (min-width: 400px) and (max-width: 420px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 23px !important;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 110px;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
        width: 392px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    .wbBody {
        padding: 15px;
        width: 666px;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 53%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }

    #socialNEt > a {
        margin: 0 5px;
        width: 16px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 430px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 10px !important;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 110px;
    }

    #socialNEt > a {
        margin: 0 5px;
        width: 16px;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
        width: 400px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    .wbBody {
        padding: 15px;
        width: 666px;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 53%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }
}

@media only screen and (min-width: 430px) and (max-width: 450px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: 10px !important;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
        width: 432px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 110px;
    }

    #socialNEt > a {
        margin: 0 6px;
        width: 16px;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 53%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }
}

@media only screen and (min-width: 450px) and (max-width: 470px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: -10px !important;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
        width: 432px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    .wbBody {
        padding: 15px;
        width: 675px;
    }

    #socialNEt > a {
        margin: 0 6px;
        width: 16px;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 120px;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 53%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }
}

@media only screen and (min-width: 470px) and (max-width: 500px) {
    .VrCarousel:not(.SideCarousel) .owl-controls {
        bottom: -10px !important;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
        width: 480px;
    }

    .mapDiv {
        width: 57%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 0px;
        margin-left: -19px;
    }

    .wbBody {
        padding: 15px;
        width: 735px !important;
    }

    #socialNEt > a {
        margin: 0 7px;
        width: 16px;
    }

    #socialNEt h5 {
        float: none;
        margin-top: 15px;
        margin-right: 120px;
    }

    .VrCarousel:not(.SideCarousel) .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 10px 0;
        transform: rotate(90deg);
        position: relative;
        bottom: 45px;
        right: 53%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }
}



@media only screen and (min-width : 720px) and (max-width : 1000px) {
    #OverAllContainer {
        overflow: hidden
    }

    .sticky {
        height: 130px;
    }

    .topRow3 {
        width: 100%;
        padding: 0;
        z-index: 100;
        position: absolute;
        float: none;
        background: #eee
    }

    .topRow2 {
        width: 85% !important;
        top: 0;
        position: absolute;
        left: 7%;
        z-index: 99;
    }

    #Logo img {
        width: 85%;
    }

    .topRow1 {
        text-align: center;
    }

        .topRow1 .sBtn,
        .topRow1 .sTxt {
            transition: all 1s ease;
            border-radius: 7px;
            background: #777;
        }


        .topRow1 .sTxt {
            width: 0%;
            display: none;
            border-radius: 0px;
        }

            .topRow1 .sTxt.expanded {
                width: 99%;
                position: absolute;
                top: 35px;
                right: 0px;
                display: block;
                color: #fff;
                font-weight: bold;
            }

    .main {
        width: 98%;
    }

    #header {
        padding-bottom: 7px
    }

        #header > .main {
            height: 70px;
        }

        #header > .action-buttons {
            margin: 30px auto 7px auto;
            width: 50%;
        }

    .menuBtn {
        display: block;
    }

    .navPane {
        height: auto;
    }

    #navigation {
        display: none;
    }

        #navigation > li {
            display: flex;
            width: 100%;
        }

            #navigation > li > a {
                width: 100%;
            }

                #navigation > li > a.home {
                    width: 100%;
                }

    #actions > li {
        text-align: center;
        vertical-align: middle;
        min-width: 18.5% !important;
        max-width: 18.5% !important;
    }

        #actions > li:nth-child(4),
        #actions > li:nth-child(5) {
            display: none;
            visibility: hidden;
        }

    .topRow1 .consult-request-btn {
        font-size: 25px;
        float: none;
        margin: 0;
        color: #777;
        background: transparent;
    }

    .icWhatsApp::before,
    .icPhone::before {
        font: 25px/25px FontAwesome;
    }

    .item div.description {
        width: 85%;
        bottom: 0;
        transform: scale(0.5);
        left: 45%;
        height: 100px;
    }

    .item .title {
        font-size: 22px;
        top: 20%;
        left: 17%;
    }

    .item p.summary {
        bottom: 7%;
        left: 17%;
        font-size: 1.2em;
    }

    .item.wide div.description {
        width: 285%;
        position: relative;
        height: 111px;
        transform: scale(0.8);
        right: -110px;
    }

    .item.wide .title {
        right: 15%;
        font-size: 20px;
    }

        .item.wide .title::before {
            width: 170% !important;
            left: 50%;
        }

    .item.wide .summary {
        right: 15%;
    }

    .PrCarousel .owl-buttons > div {
        height: auto;
        width: 3%;
        top: 15%;
    }

    .PrCarousel .owl-prev::before,
    .PrCarousel .owl-next::before {
        font: 60px/60px FontAwesome;
        color: rgba(237, 28, 36, 0.7);
    }

    .PrCarousel .prPic > img {
        width: 50%;
        height: 50%;
    }

    .PrCarousel .prName {
        font-size: 10px;
    }

    .hTitPane {
        width: 29%;
        min-width: 29%;
        max-width: 29%;
        float: right;
        margin: auto;
    }

    .hTitle {
        font-size: 16px;
        text-align: center;
        padding: 7px 0;
    }

    .hTitPane .hTitle {
        font-size: 16px;
        text-align: right;
        padding: 7px 0;
    }

    .hTitle::before {
        width: 100%;
        right: 0
    }

    .MidhTitPane {
        height: 50vh;
        width: 31%;
        float: right;
    }

    .MidCarousel .prPic > img {
        padding: 0;
        width: 100%;
    }

    #footer {
        padding: 0;
    }

    #NavFooter {
        height: auto;
        text-align: center;
        width: 100%
    }

        #NavFooter > div {
            width: 24%;
            text-align: center
        }

            #NavFooter > div a {
                right: 0%;
            }

            #NavFooter > div span {
                right: 100%;
                text-align: right;
            }

            #NavFooter > div img {
                float: none
            }

    .goTop {
        margin: 40px 0px 0 10px
    }

    .margBox > div.brand {
        width: 50% !important;
        float: left !important;
        text-align: left;
    }

    .margBox .brand img {
        width: 65%;
        height: auto;
    }

    .margBox .socials {
        width: 50%;
        background: #ed1c24;
        height: 110px;
        float: right;
    }

    #socialNEt h5 {
        float: none;
        margin-top: -10px;
        margin-right: 5px;
    }

    .VrCarousel .owl-controls {
        top: 40%;
    }

    .fRight,
    .fLeft,
    .fBox,
    .flast {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .fLeft {
        margin-bottom: 10px;
    }

    .flast {
        display: none;
    }

    .fBoxTit {
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        padding: 10px 0px;
    }

    .fBoxLst > li > a {
        text-align: center;
        padding: 10px 0px 3px;
    }

    .emailBtn {
        border-radius: 0px 10px 10px 0px;
        height: 30px;
        float: right;
        width: 19%;
        font-size: 14px;
    }

    .emailInp {
        border-radius: 10px 0px 0px 10px;
        text-align: right;
        width: 77%;
    }

    .c-footerContact {
        font-size: 0.8em;
    }

    ul.stat {
        height: auto;
        text-align: center;
        padding: 10px 0px 7px 0px;
    }

        ul.stat li > span.value::after {
            float: none;
            font: normal normal normal 20px/20px FontAwesome;
        }

        ul.stat li {
            display: inline-block;
            width: 30%;
            text-align: center;
            height: auto;
            font-size: 0.8em;
        }

    .pCol1 {
        float: none;
        width: 100%;
        text-align: center;
    }

        .pCol1 > .filterBox:nth-child(1) {
            width: 30%;
            height: auto;
            margin: auto;
        }

    .filterBox > .fbTit,
    .filterBox > .fbTit a {
        font-size: 14px;
        padding: 5px 15px;
        text-align: center
    }

    .MaxHeight {
        max-height: 185px;
        width: 100%;
    }

    .pCategory {
        padding: 0 15px;
        text-align: right;
    }

        .pCategory a {
            margin: 0;
            padding: 7px 0;
            font-size: 12px;
        }

    .cCat-Open {
        font-size: 14px;
    }

    span.cCat-Close {
        font-size: 12px;
    }

    .pCol2 {
        float: none;
        width: 100%;
    }

    .sortPane {
        padding: 7px;
        border-bottom: 1px solid #f2f2f2;
    }

    .sortTit {
        padding-right: 20px;
    }

    .TMSortFilter {
        display: inline-flex;
    }

        .TMSortFilter > li {
            display: flex;
            width: auto;
        }

            .TMSortFilter > li span {
                font-size: 0.85em
            }

    .TMSortFilter {
        float: none;
        text-align: center;
        padding: 0;
        width: 70%;
    }

    .TMSortConditionFilter {
        float: none;
        width: 100%;
        text-align: right;
        padding: 10px 0px 7px 0px;
    }

    .productlist {
        width: 100%;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }

        .productlist > li {
            float: right;
            width: 100%;
            margin: 0;
        }

    .proItem .giftPane {
        border-bottom-right-radius: 85%;
        border-bottom-left-radius: 0%;
        min-height: 20px;
    }

    .breadcrumb {
        padding: 25px 5px 7px 0px;
        border: none;
    }

        .breadcrumb > a,
        .breadcrumb > span {
            font-size: 0.85em;
        }

    .TPArow {
        display: block;
        visibility: visible;
        padding: 0;
        width: 29%;
    }

    .spSell {
        width: 100%;
        height: auto;
    }

    .proCol1 {
        float: left;
        width: 70%;
        height: auto;
        clear: left;
    }

    .proCol2 {
        width: 100%;
        height: auto;
        float: none;
        max-height: 700px;
        text-align: center
    }

        .proCol2 .rateLbl {
            float: left;
            width: 10%;
            padding: 7px;
        }

        .proCol2 .pinfoLst {
            width: 80%;
            float: right;
            padding: 7px;
        }

    .bigFont {
        font-size: 14px;
        margin: 0;
        clear: both
    }



    .pinfoLst > li {
        text-align: center;
        font-size: 0.85em;
    }

    .detList {
        padding: 7px 10px;
        text-align: center
    }

    .okPrice {
        font: 16px/16px BYekan;
    }

    .pr1Price {
        bottom: 30px;
    }

    .discount-oval {
        border-radius: 7px;
        padding: 2px 5px;
    }

    .ulIcon > li {
        float: none;
        margin: 20px 0px 20px 0px;
    }

        .ulIcon > li > a::before {
            font: 20px/1 FontAwesome;
            padding: 5px;
            width: 20px;
            height: 20px;
            text-align: center;
        }

    .prHtit {
        font: 18px/18px BYekan;
    }

    .icAddBasket {
        width: 44%;
        font-size: 18px;
    }

        .icAddBasket::before {
            font-size: 40px;
            right: 15px;
            top: 7px;
        }

    .bookMarkPane {
        padding: 7px;
    }

    #bookMarkLst {
        height: auto;
        display: inline-block;
    }

    .DrCarousel {
        max-height: 160px;
        overflow: hidden
    }

    .wBox {
        width: 100%;
    }

    .DrCarousel .prName {
        position: relative;
        right: 100px;
        width: 200px;
        text-align: right;
        top: -215px;
        padding: 0px;
        font-size: 0.85em;
    }

    #NavFooter > div div.info {
        padding: 10px 7px;
    }

    .blBox {
        display: inline-block;
        width: 100%;
        border: 3px solid #eceff1;
        margin: auto;
        padding: 10px 0px;
        text-align: justify;
        min-height: 275px;
    }

        .blBox > h2::before {
            right: -3%;
        }

    .form_tbl > tbody > tr > td {
        padding: 5px 10px;
    }

    .DrCarousel .proItem {
        margin: 25px 0;
    }
}

@media only screen and (min-width : 1001px) and (max-width : 1199px) {
}

@media only screen and (min-width : 1200px) and (max-width : 1349px) {
}

@media only screen and (min-width : 1350px) and (max-width : 1449px) {
}

@media only screen and (min-width : 1450px) and (max-width : 1949px) {
}

@media only screen and (min-width : 1550px) and (max-width : 1649px) {
}

@media only screen and (min-width : 1650px) and (max-width : 1749px) {
}

@media only screen and (min-width : 1750px) and (max-width : 1849px) {
}

@media only screen and (min-width : 1850px) {
}