/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1201px) {
    .res-wid {
        width: 200px !important;
    }
    .max-width {
        max-width: 1000px !important
    }
}


/*
  ##Device = Laptops, Desktops
  ##Screen = 1025px to 1280px
*/

@media (min-width: 990px) and (max-width: 1200px) {
    .res-wid {
        width: 200px !important;
    }
    .max-width {
        max-width: 1000px !important
    }
}


/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 989px) {
    .res-wid {
        width: 100px !important;
    }
    .swiper-slide img {
        height: 40vh;
    }
    .h-img {
        height: 60vh;
        object-fit: cover;
    }
    .max-width {
        max-width: 768px !important
    }
    .h {
        height: 45vh !important;
    }
}


/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = 481px to 767px
*/

@media (min-width: 571px) and (max-width: 767px) {
    .res-wid {
        width: 50px !important;
    }
    .logo {
        width: 100px
    }
    footer .col-md-2 {
        padding-top: 10px;
    }
    .img {
        height: 50px;
        width: 50px;
        margin: 5px;
    }
    .country>div {
        width: 100%;
    }
    .abs {
        padding-top: 30%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .container1 {
        width: 80%;
    }
    .img {
        height: 50px;
        width: 50px;
        margin: 5px;
    }
    .center {
        text-align: center!important;
        margin: auto!important;
    }
    .left {
        text-align: left!important;
    }
    .max-width {
        max-width: 768px !important
    }
}


/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = 320px to 479px
*/

@media (min-width: 0px) and (max-width: 320px) {
    .res-silder {
        height: 35vh !important;
    }
    .new1 {
    /* display: none; */
    margin-bottom: -119px;
    margin-top: -5px;        
        
    }
}
    @media (min-width: 321px) and (max-width: 570px) {
        .res-silder {
            height: 44vh !important;
        }
          .new1 {
                margin-bottom: -145px;
                margin-top: 55px;   
                }
    }
    @media (min-width: 0px) and (max-width: 570px) {
        h6.font-small {
            font-size: 12px !important;
        }
        .h6-small {
            font-size: 12px !important;
        }
        .res-wid {
            width: 50px !important;
        }
        .col-6 {
            padding-left: 5px!important;
            padding-right: 5px!important;
        }
        .col-6 img {
            object-fit: cover;
            height: 200px;
        }
        .MyServices img {
            /* height: 200px; */
            height: 200px;
        }
        .container1 .pad-0 img {
            height: 50vh;
        }
        .h-img {
            height: 55vh;
            object-fit: cover;
        }
        .logo {
            width: 100px
        }
        #accordion .btn-dark {
            width: 100px;
        }
        footer .col-md-2 {
            padding-top: 10px;
        }
        .img {
            height: 40px;
            width: 40px;
            margin: 5px;
        }
        .h-80 {
            height: 50vh;
        }
        nav li {
            padding: .1rem .1rem;
        }
        .country>div {
            width: 100%;
        }
        .left {
            text-align: left!important;
        }
        .abs {
            padding-top: 30%;
            padding-left: 10px;
            padding-right: 10px;
        }
        .container1 {
            width: 90%;
            margin: auto;
        }
        .img {
            height: 50px;
            width: 50px;
            margin: 5px;
        }
        .center {
            text-align: center!important;
            margin: auto!important;
        }
        .max-width {
            max-width: 380px !important
        }
        .footer-head {
            margin: auto;
            width: 80%;
            margin-bottom: 10px !important;
        }
        .carousel {
            margin-top: 40px;
        }
    }
    @media (min-width: 0px) and (max-width: 1024px) {
        /* a#add_cart {
            width: 57% !important;
        } */
    }
    @media (min-width: 0px) and (max-width: 768px) {
        .container-fluid.pad-0.bg-white.head-flex {
            display: none;
        }
        .abs {
            padding-top: 3%;
        }
       
        .new1 {
            background-size: contain;
        }
    }
    /*@media (min-width: 0px) and (max-width: 425px) {*/
    /*    .h {*/
    /*height: 45vh !important;*/
    /*object-fit: fill;*/
    /*margin-top: 19px;*/
    /*        }*/
    /*        .carousel-inner {*/
    /*        height: 50%;*/
    /*    }*/
    /*}*/
     @media (min-width: 0px) and (max-width: 425px) {
        .h {
            height: auto !important;
            object-fit: contain;
            margin-top: 0;
            }
            .carousel-inner {
            /* height: 35%; */
        }
        .carousel {
            margin-top: 52px;
        }
        .new1 {
            margin-bottom: -75px;
            /* margin-top: 3px; */
        }
    }
    @media (min-width: 425px) and (max-width: 600px) {
        .h {
            height: 50vh !important;
            object-fit: contain;
            margin-top: 0 !important;
            }
             .carousel-inner {
            height: 50%;
        }
        .carousel {
                margin-top: -20px;
            }
    }
    @media (min-width: 425px) and (max-width: 571px) {
        .h {
            height: auto!important;
            object-fit: contain;
            margin-top: 80px  !important;
            }
             .carousel-inner {
            height: auto;
        }
        .carousel {
                margin-top: -20px;
            }
    }
    @media (min-width: 601px) and (max-width: 820px) {
        .h {
            height: 45vh !important;
            object-fit: contain;
        }
        .carousel-indicators {
            bottom: -17px !important;
        }
        .new1 {
            padding-top: 6vh;
        }
         .carousel-inner {
            height:45%;
        }
    }
    @media (min-width: 0px) and (max-width: 425px) {
        .col-lg-4.col-md-6.mb-6.col-sm-6.mb-lg-0 {
            width: 50%;
        }
        .row-dir {
            display: flex;
            flex-direction: row;
            margin-bottom: 25px;
        }
        .col-dir {
            flex-direction: column;
            /* margin-bottom: 10px; */
        }
        .col-xs-12.col-sm-12 {
            padding: 0;
        }
        .site-block-cover-content.text-center h1 {
            font-size: 20px;
        }
        .site-block-cover-content.text-center {
            margin-bottom: 15px;
        }
        a.btn.bg-main.mt-5 {
            margin-top: 10px!important;
        }
        .row.res-mobile {
            text-align: center !important;
        }
        .product.relative h5 {
            font-size: 14px;
        }
        .vitem {
            font-size: 10px;
        }
        .product.relative p {
            font-size: 12px;
        }
        .product.relative h6 {
            font-size: 13px;
        }
       
        
        .col-md-6.product.pad-0 {
            height: fit-content;
        }
        .list-inline {
            display: flex;
            justify-content: center;
            font-size: 0.7rem;
        }
        img.mb-3 {
            width: 100%;
        }
    }
    @media (min-width: 768px) and (max-width: 1024) {}
    @media (min-width: 321px) and (max-width: 320px) {
        /* a#add_cart {
            width: 57%;
        } */
    }
    @media (min-width: 0px) and (max-width: 767px) {
        .fashion {
            margin-bottom: 30px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }
        h1, .h1 {
            font-size: 1.25rem !important;
        }
        .owl-theme .owl-nav{
            display: none !important;
        }
        h2, .h2 {
            font-size: 1.5rem !important;
        }
        .abs.w-100{
            display: none;
        }
    }
    @media (min-width: 768px) {
        .c1 {
            width: 20%;
        }
    }