@media (min-width: 1770px) {
    .margin-top{
        margin-top:0.8vw!important;
    }
    .height23 {
        height: 17vw!important;
    }
    .height25 {
        height: 18vw !important;
    }
    .height20 {
        height: 17vw!important;
    }
    .height21{
        height:21vw;
    }
    .height29 {
        height: 21vw!important;
    }
    .bg-variantImage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 15vh!important;
        width: 100%;
    }

    .bg-variantMainImages {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        width: 100%;
    }
    .bg-productList-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 20vh!important;
        width: 51vw!important;
    }

    .bg-product-liquorshopimage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 20vh;
        width: 100%;
    }
    .bg-product-liquorimage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 25vh!important;
        width: 52vw!important;
    }
    .bg-product-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 25vh;
        width: 74vw;
    }
}

@media only screen and (min-width: 1200px){
    .btn-shopbyCategory {
        padding: 13px 13px;
        color: #ffffff;
        letter-spacing: 0.05em;
        border: 2px solid var(--theme-deafult);
        background-image: linear-gradient(30deg, var(--theme-deafult) 50%, transparent 50%);
        background-size: 850px;
        background-repeat: no-repeat;
        background-position: 0;
        -webkit-transition: background 300ms ease-in-out;
        transition: background 300ms ease-in-out;
    }
        .btn-shopbyCategory:hover{
            color:#fff!important;
        }

        .main-menu .menu-left .navbar i {
            vertical-align: middle!important;
        }

        .navbar{
            padding:0px!important;
        }
        .height23{
            height:24vw;
        }
    .height25{
        height:26vw;
    }
    .m-lr-0{
        margin-left:0px;
        margin-right:0px;
    }
    .height20{
        height:20vw;
    }
    .height21 {
        height: 18vw;
    }
    .height29{
        height:29vw;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .desktopView {
        display: none !important;
    }
    .height20 {
        height: auto!important;
    }
    .height29 {
        height: 80vw!important;
    }
    .height23 {
        height:63vw!important;
    }
    .height25 {
        height: auto!important;
    }
    .height21 {
        height: 67vw;
    }
    .f-right {
        float: unset!important;
    }
    .mobileView {
        display: block !important;
    }

    .background-logo {
        height: 14vh !important;
        width: 32vh !important;
    }

    .sidenav {
        height: 100vh;
        width: 300px !important;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: -300px;
    }
    .main-menu .menu-left .navbar i {
        color: #222222!important;
    }
    .navbar .btn{
        padding:0px!important;
    }
    .product-box .img-wrapper .lable-block .lable3 {
        padding: 6px 12px!important;
    }
    .cart-btn{
        width:100%!important;
        margin-top:5px;
    }

    .pagination-container {
        /*padding-top: 5px !important;*/
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        
    }

    .pagination > li > a,
    .pagination > li > span{
        padding:2vw 2vw!important;
    }

    .section-b-space-1{
        margin-bottom:30px;
    }

    .bg-slider {
        background-position: top center !important;
        background-repeat: no-repeat !important;
        width: 100% !important;
        height: 158px !important;
        background-size: contain !important;
    }
    .bannerText{
        font-size:25px!important;
    }
    .slide-1 .slick-next {
        display:none!important;
        right:0px!important;
    }

    .slide-1 .slick-prev{
        display: none !important;
        left:0px!important;
    }

    .bg-product-image {
        height: 20vh !important;
        width:  90vw!important;
    }
    .mobileSliders > .slick-track {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .bg-variantImage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 14vh;
        width: 100%;
    }
    .bg-variantMainImages {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        width: 100%;
    }
    .filter-height {
        max-height:unset!important;
        overflow-y: unset !important;
        overflow-x: unset !important;
    }

    .bg-productList-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 20vh!important;
        width: 100%;
    }
    .bg-product-liquorshopimage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 34vh!important;
        width: 100%;
    }
    .bg-product-liquorimage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 25vh !important;
        width: 91vw!important;
    }
    .myAccount .pagination-container {
        border-bottom: 1px solid #dddddd !important;
        border-right: 1px solid #dddddd !important;
    }
}


@media only screen and (min-device-width : 411px) and (max-device-width : 480px) {
    .bg-slider {
        background-position: top center !important;
        background-repeat: no-repeat !important;
        width: 100% !important;
        height: 22vh !important;
        background-size: contain !important;
        /*margin-left:-10px;
        margin-right:-10px;*/
    }

   
}