@media only screen and (min-width: 0px) and (max-width: 500px) {
    .topRow1 .sTxt.expanded {
        position: absolute !important;
        top: 35px !important;
        right: -163px !important;
        display: block !important;
        color: #fff !important;
        font-weight: bold !important;
    }
   
    .MidhTitPane {
        height: 65vh !important;
        width: 95% !important;
        margin: 7px 7px !important;
    }
    #ThumbPic .item > a {
        display: block !important;
        padding: 0;
        line-height: 0;
        cursor: pointer;
        text-decoration: none;
    }
    .breadcrumb {
        padding: 23px 25px 7px 0px !important;
        border: none !important;
    }

    .proCol2 .pinfoLst {
width: 100% !important;
    float: left;
    padding: 10px !important;
    margin-right: -35px;
    }

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

    #Favorites {
        position: relative;
        top: -27px;
        right: -91px;
    }

    #addShare {
        position: relative;
        top: -70px;
        right: -16px;
    }

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

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

    .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;
    }

    .SideCarousel.VrCarousel .owl-item {
        margin: -30px !important;
    }

    .VrCarousel .owl-controls {
        padding: 10px 0;
        transform: rotate(90deg);
        right: 57%;
        z-index: 110;
        text-align: right;
        width: 20%;
    }

    .owl-buttons {
        margin-left: -290px !important;
    }

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

    .owl-carousel {
        display: grid !important;
    }

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

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

    .TPArow {
        padding: 0 35px;
        float: right;
        overflow: unset;
        z-index: 100;
    }

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

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

    .pinfoLst > li {
        text-align: right !important;
        font-size: 11px !important;
        margin-right: -197px !important;
        height: 40px !important;
        width: 346px;
    }

    #ThumbPic .item > a > img {
        width: 48px !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: -65px !important;
        margin-top: 79% !important;
        position: relative;
        right: 84px;
    }
    /*   .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        width: 537px !important;
        overflow: hidden;
    }*/
    /*.owl-carousel .owl-item {
        float: left !important;
        width: 81px !important;
    }*/
    .VrCarousel .owl-wrapper-outer {
        min-width: 696px;
        overflow: visible;
    }

    .basketBtnPane {
        position: relative !important;
        width: 100% !important;
        right: -4px !important;
    }

    .breadcrumb {
        padding: 20px 5px 0px 0px !important;
    }

    .imgcmspage {
        width: 195px !important;
    }

    .pcmspage {
        font-size: 0.9em !important;
        width: 95%;
        height: 880px;
    }

    .okPrice {
        font: 15px/16px BYekan !important;
        font-variant-emoji: ;
        font-variant-emoji: ;
        margin-top: 4px !important;
        display: initial !important;
               margin-right: -150px !important;
        position: relative;
        top: -42px;
    }.okPrice {
    font: 18px / 15px BYekan;
    color: #777;
    margin-left: 0px;
    margin-top: 0px;
}

    #bookMarkLst > li a:after {
        content: none !important;
    }

    #ProPic {
        padding: 14px 54px;
        font-size: 7px !important;
    }
    .owl-item{
        width:100px;
    }
    .proCol2 .rateLbl {
        float: left;
        width: 9%;
        padding: 7px;
        margin-left: -23px;
        height: 17px;
    }
    .rating {
        margin-top: -77px !important;
        float: left !important;
        margin-left: 220px !important;
    }

    .RadRating, .RadRating * {
        margin-right: 0px !important;
    }

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

    .btn {
        border-radius: 5px !important;
        padding: 7px 25px !important;
        font-size: 15px !important;
        cursor: pointer !important;
        color: #fff !important;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35) !important;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35) !important;
        background: #ed1c24 !important;
        min-width: 100px !important;
        text-align: center !important;
        height: 38px !important;
        margin-left: 266px !important;
    }

    .pDdl {
        display: inline-block;
        margin-right: -13px !important;
        font-size: 15px;
    }

    .trs {
        display: grid !important;
    }

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

    .TMSortFilter > li span {
        font-size: 0.8em !important;
    }

    .txtarea {
        height: 150px !important;
        background: #fff !important;
        border-radius: 5px !important;
        color: #888888 !important;
        padding-right: 10px !important;
        border: 1px solid #c8c8d6 !important;
        width: 63% !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;
    }

    .menuBtn {
        display: block !important;
        position: fixed !important;
    }
   /* .VrCarousel .owl-item {
        height: 0px !important;
    }
    .prName {
        padding: 15px 45px !important;
        font-size: 9px !important;
    }*/
    .itemPane {
        position: relative;
        right: -3px !important;
    }
    #ThumbPic .item > a > img {
        width: 130px;
        height: auto;
        border: 2px solid #ddd;
        border-radius: 20px;
        transform: rotate(90deg);
    }
    .VrCarousel {
        transform: rotate(0deg);
        width: 400px;
        display: grid !important;
        height: 87px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 250px) {
    .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;
    }
    .TPArow {
        display: block;
        visibility: initial;
        opacity: 0 !important;
    }
    .proCol0 {
        width: 3% !important;
        height: 398px !important;
        margin-right: -98px !important;
        margin-top: 91% !important;
        position: relative;
        right: -74px;
    }

    #Logo img {
        width: 186px !important;
        margin-right: 16px !important;
    }

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

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

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

    .pinfoLst > li {
        text-align: right !important;
        font-size: 11px !important;
        margin-right: -183px !important;
        height: 40px !important;
        width: 248px;
    }

    .basketBtnPane {
        position: relative !important;
        width: 85% !important;
        right: -23px !important;
    }

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

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

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

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

    .VrCarousel .owl-item {
        height: 85px !important;
        width: 47px !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 200px) {
    .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;
    }

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

    #header > .action-buttons {
        margin: -14px 0px 7px 0px !important;
    }

    .rating {
        margin-top: -97px !important;
        float: left !important;
        margin-left: 106px !important;
    }

    .VrCarousel {
        transform: rotate(0deg);
        width: 400px;
        display: grid !important;
        height: 32px;
    }

    #Logo img {
        width: 143px !important;
        margin-right: -9px !important;
        margin-top: 78px;
    }

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

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

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

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

    .pinfoLst > li {
        text-align: right !important;
        font-size: 8px !important;
        margin-right: -183px !important;
        height: 40px !important;
        width: 248px;
    }

    #bookMarkLst > li.active > a {
        background: #ed1c24;
        color: #fff;
        animation: clickEffect 0.5s ease-out;
        width: 39px;
    }
    .icAddBasket {
        background: #777;
        border-radius: 8px;
        padding: 16px 98px 16px 18px;
        border: 1px solid #777;
        cursor: pointer;
        color: #fff;
        position: relative;
        width: 44%;
        max-width: 300px;
        font-size: 13px;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        margin-right: 16px;
    }

    .basketBtnPane {
        position: relative !important;
        width: 70% !important;
        right: -35px !important;
        top: -52px;
    }

    .bigFont .sellLabel > span {
        border: 0;
        text-align: left;
        padding-left: 3%;
        font-size: 8px;
    }

    .okPrice {
        font: 13px/16px BYekan !important;
        font-variant-emoji:;
        font-variant-emoji:;
        font-variant-emoji:;
        font-variant-emoji:;
        margin-top: 4px !important;
        display: initial !important;
        margin-right: 6px !important;
        position: relative;
        top: -26px;
    }

    .rating {
        margin-top: -89px !important;
        float: left !important;
        margin-left: 107px !important;
    }

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

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

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

    .VrCarousel .owl-item {
        height: 85px !important;
        width: 47px !important;
    }
}
    @media only screen and (min-width: 200px) and (max-width: 250px) {
        .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;
        }

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -98px !important;
            margin-top: 91% !important;
            position: relative;
            right: -74px;
        }
        #header > .action-buttons {
            margin: -14px 0px 7px 0px !important;
        }
        .rating {
            margin-top: -97px !important;
            float: left !important;
            margin-left: 106px !important;
        }
        .VrCarousel {
            transform: rotate(0deg);
            width: 400px;
            display: grid !important;
            height: 32px;
        }
        #Logo img {
            width: 184px !important;
            margin-right: -21px !important;
            margin-top: 62px;
        }

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

        .proCol1, .proCol2 {
            float: left;
            width: 81% !important;
            padding: 10px 0 0px 8px;
            height: auto;
        }
        #actions > li {
            text-align: center;
            vertical-align: middle;
            min-width: 16.5% !important;
            max-width: 13.5% !important;
            opacity: 0 !important;
        }

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

        .pinfoLst > li {
            text-align: right !important;
            font-size: 8px !important;
            margin-right: -183px !important;
            height: 40px !important;
            width: 248px;
        }
        #bookMarkLst > li.active > a {
            background: #ed1c24;
            color: #fff;
            animation: clickEffect 0.5s ease-out;
            width: 85px;
        }

        .basketBtnPane {
            position: relative !important;
            width: 70% !important;
            right: -35px !important;
            top: -52px;
        }
        .bigFont .sellLabel > span {
            border: 0;
            text-align: left;
            padding-left: 3%;
            font-size: 8px;
        }

        .okPrice {
            font: 13px/16px BYekan !important;
            font-variant-emoji:;
            font-variant-emoji:;
            font-variant-emoji:;
            font-variant-emoji:;
            margin-top: 4px !important;
            display: initial !important;
            margin-right: 6px !important;
            position: relative;
            top: -26px;
        }
        .rating {
            margin-top: -89px !important;
            float: left !important;
            margin-left: 107px !important;
        }

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

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

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

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

    @media only screen and (min-width: 250px) and (max-width: 270px) {
        .proCol1, .proCol2 {
            float: left !important;
            width: 67% !important;
            padding: 14px 0 45px 8px !important;
            height: auto !important;
            margin-top: -2px !important;
            margin-bottom: 53px !important;
            text-align: center;
            margin-left: 39px;
        }

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

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -101px !important;
            margin-top: 81% !important;
            position: relative;
            right: 8px;
        }

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

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

    @media only screen and (min-width: 300px) and (max-width: 330px) {
        .proCol1, .proCol2 {
            float: left !important;
            width: 67% !important;
            padding: 14px 0 45px 8px !important;
            height: auto !important;
            margin-top: 0px !important;
            margin-bottom: 53px !important;
            text-align: center;
            margin-left: 39px;
        }

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -104px !important;
            margin-top: 85% !important;
            position: relative;
            right: 8px;
        }

        .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;
        }

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

    @media only screen and (min-width: 250px) and (max-width: 420px) {
        #bookMarkLst > li.active > a {
            background: #ed1c24;
            color: #fff;
            animation: clickEffect 0.5s ease-out;
            width: 150px;
        }

        .TMSortFilter > li span {
            font-size: 0.6em !important;
        }
    }

    @media only screen and (min-width: 250px) and (max-width: 270px) {
        .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;
        }

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

        #Logo img {
            width: 186px !important;
            margin-right: 16px !important;
        }

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

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

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

        .pinfoLst > li {
            text-align: right !important;
            font-size: 11px !important;
            margin-right: -183px !important;
            height: 40px !important;
            width: 248px;
        }

        .basketBtnPane {
            position: relative !important;
            width: 85% !important;
            right: -23px !important;
        }

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

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

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

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

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

    @media only screen and (min-width: 300px) and (max-width: 330px) {
        .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;
        }

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

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

        #Logo img {
            width: 195px;
            margin-right: 18px;
        }

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

    @media only screen and (min-width: 300px) and (max-width: 330px) {
        .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;
        }

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

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -159px !important;
            margin-top: 86% !important;
            position: relative;
            right: 18px;
        }

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

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

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

        .pinfoLst > li {
            text-align: right !important;
            font-size: 11px !important;
            margin-right: -185px !important;
            height: 40px !important;
            width: 280px;
        }

        #Logo img {
            width: 217px !important;
            margin-right: 18px !important;
        }
    }

    @media only screen and (min-width: 330px) and (max-width: 350px) {
        .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;
        }

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

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -159px !important;
            margin-top: 86% !important;
            position: relative;
            right: 40px;
        }

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

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

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

        .pinfoLst > li {
            text-align: right !important;
            font-size: 11px !important;
            margin-right: -185px !important;
            height: 40px !important;
            width: 280px;
        }

        #Logo img {
            width: 252px !important;
            margin-right: 6px !important;
        }
    }

    @media only screen and (min-width: 0px) and (max-width: 500px) {
        .owl-buttons {
            margin-left: -512px !important;
        }
    }

    @media only screen and (min-width: 350px) and (max-width: 380px) {
        .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 {
            display: block !important;
            padding: 0;
            line-height: 0;
            cursor: pointer;
            text-decoration: none;
        }

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

        #ThumbPic .item {
            padding: 0;
            margin: 0;
        }

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

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -159px !important;
            margin-top: 86% !important;
            position: relative;
            right: 45px;
        }

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

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

        .pinfoLst > li {
            text-align: right !important;
            font-size: 11px !important;
            margin-right: -185px !important;
            height: 40px !important;
            width: 280px;
        }

        #Logo img {
            width: 263px !important;
            margin-right: 6px !important;
        }
    }

    @media only screen and (min-width: 380px) and (max-width: 400px) {
        .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;
        }

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

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -159px !important;
            margin-top: 86% !important;
            position: relative;
            right: 64px;
        }

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

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

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

        .pinfoLst > li {
            text-align: right !important;
            font-size: 11px !important;
            margin-right: -185px !important;
            height: 40px !important;
            width: 280px;
        }

        #Logo img {
            width: 296px !important;
            margin-right: 0px !important;
        }
    }

    @media only screen and (min-width: 400px) and (max-width: 420px) {
        .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;
        }

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -29px !important;
            margin-top: 88% !important;
            position: relative;
            right: 33px;
        }

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

        .proCol0 {
            width: 0% !important;
            height: 398px !important;
            margin-right: -93px !important;
            margin-top: 80% !important;
            position: relative;
            right: 19px;
        }

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


    @media only screen and (min-width: 420px) and (max-width: 450px) {
        .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;
        }

        .proCol0 {
            width: 0% !important;
            height: 398px !important;
            margin-right: -77px !important;
            margin-top: 81% !important;
            position: relative;
            right: 33px;
        }

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

        .proCol0 {
            width: 0% !important;
            height: 398px !important;
            margin-right: -93px !important;
            margin-top: 81% !important;
            position: relative;
            right: 19px;
        }

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

    @media only screen and (min-width: 450px) and (max-width: 480px) {
        .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;
        }

        .proCol0 {
            width: 0% !important;
            height: 398px !important;
            margin-right: -77px !important;
            margin-top: 81% !important;
            position: relative;
            right: 33px;
        }

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

        .proCol0 {
            width: 0% !important;
            height: 398px !important;
            margin-right: -93px !important;
            margin-top: 77% !important;
            position: relative;
            right: 65px;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 500px) {
        .proCol1, .proCol2 {
            float: left !important;
            width: 80% !important;
            padding: 14px 0 45px 8px !important;
            height: auto !important;
            margin-top: -3px !important;
            margin-bottom: 64px !important;
            text-align: center;
            margin-left: 39px;
        }

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

        .proCol2 .pinfoLst {
            width: 70% !important;
            float: left;
            padding: 10px !important;
            margin-right: 146px;
        }

        .basketBtnPane {
            position: relative !important;
            width: 171% !important;
            right: -4px !important;
        }

        .pinfoLst > li {
            text-align: right !important;
            font-size: 11px !important;
            margin-right: -213px !important;
            height: 40px !important;
            width: 406px;
        }

        .VrCarousel {
            transform: rotate(0deg);
            width: 449px;
            display: grid !important;
            height: 87px;
            overflow: hidden;
            margin-right: 19px;
        }

        .proCol0 {
            width: 3% !important;
            height: 398px !important;
            margin-right: -29px !important;
            margin-top: 88% !important;
            position: relative;
            right: 33px;
        }

        #Favorites {
            position: relative;
            top: -52px;
            right: -91px;
        }

        #addShare {
            position: relative;
            top: -102px;
            right: -16px;
        }

        .rating {
            margin-top: -125px !important;
            float: left !important;
            margin-left: 20px !important;
        }

        .VrCarousel .owl-controls {
            padding: 10px 0 !important;
            transform: rotate(90deg) !important;
            bottom: 247px !important;
            right: 5% !important;
            z-index: 110 !important;
            text-align: right !important;
            width: 20% !important;
            top: 219px !important;
        }
    }