/* large desktop :1400px. */
@media (min-width: 1600px) and (max-width: 3000px) {
.hero-left {
    position: absolute;
    transform: translate(-71%, -50%);
    top: 50%;
    left: -38%;
    width: 75%;
}
.cat-card img {
    /* width: 493px;
    height: 342px; */
}
.category-right {

    justify-content: center;
}
}

@media (min-width: 1700px) and (max-width: 3000px) {
        
}
/* desktop 1200px to 1600px */
@media (min-width: 1226px) and (max-width: 1360px) {
.cat-card img {
    /* width: 355px;
    height: 213px; */
}
.hero-left {
    left: -13%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-left {
        left: -13%;
    }
    .stellarnav > ul > li > a {
        padding: 10px 6px;
        font-size: 14px;
    }
    .cat-card img {
        /* width: 276px;
        height: 163px; */
    }
    .best-cltn-content {
        width: 461px;
    }
    .best-cltn-content h5 {
        font: normal normal normal 47px/50px DM Serif Display;
    }
    .quality-right {
        width: 80%;
    }
    .quality-left img {
        width: 68px;
    }
    .footer-logo a {
        font: normal normal normal 23px/24px DM Serif Display;

    }
    .quick-link ul li a, .quick-return ul li a {
        font: normal normal normal 14px/36px Outfit;
    }
    .quick-link ul li::after, .quick-return ul li::after {
  
        top: 9px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    div#main-nav {
        text-align: right;
    }
    .stellarnav li a {
        text-align: left;
        color: #000 !important;
    }
    .stellarnav .menu-toggle span.bars span {
        background: #000;
    }
    .hero-left h1 {
        width: 53%;
        font: normal normal normal 42px/47px DM Serif Display;
    }
    .cat-card img {
        /* width: 178px;
        height: 176px; */
    }
    .category-right {
        gap: 18px;
    }
    .best-cltn-content {
        left: 69%;
        width: 467px;
        max-width: 100%;
    }
    .best-cltn-content h5 {
        font: normal normal normal 43px/48px DM Serif Display;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-shadow: 0px 7px 10px #00000066;
        /* width: 90%; */
        padding-bottom: 21px;
    }
    .quality-card {
        margin-bottom: 31px;
    }
    .safe-quality {
        padding: 52px 0 0 0;
    }
    .quick-link {
        padding-left: 0;
        border-left: 0;
    }
    .social-all {
        margin-bottom: 53px;
    }
    .quick-link ul li, .quick-return ul li {
        padding-left: 25px;
    }
    .quick-link ul {
        column-count: 2;
        column-gap: 24px;
    }
    .header-right {
        gap: 19px;
    }
    footer {
        padding: 40px 0 0 0;
    }
    .footer-bottom {
        margin-top: 37px;
    }
 }


 @media(min-width: 320px) and (max-width: 767px) {
    .header-search-wrapper .search-form-main {
        right: -77px;
        top: 36px;
        width: 288px;
    }
    .hero-right img {
        height: 263px;
    }
    .category-left {
        margin-bottom: 20px; 
        text-align: center;
    }
    .best-collection  img {
        width: 100%;
        height: 207px;
    }
    .common-heading h3 {
        font: normal normal normal 21px/55px DM Serif Display;

    }
    .hero-left h1 {
        width: 100%;
        font: normal normal normal 24px/39px DM Serif Display;
        width: 68%;
    }
    .hero-banner p{display: none;}
    .google-map iframe{ width:100%;} 
    .werehere-sec h2{ font-size: 36px;}
    .hero-left a {
        padding: 5px 12px;
        margin-top: 5px;
        font: normal normal 300 8px/19px Outfit;
    }
    .best-cltn-content {
        left: 14px;
        transform: unset;
        top: 25px;
        width: fit-content;
    }
    .quick-return {
        margin: 30px 0;
    }
    .cat-card img {
        width: auto;
        height: auto;
    }
    .hero-left {
        position: absolute;
        transform: translate(-71%, -50%);
        top: 50%;
        left: -22%;
        width: 100%;
    }
    .best-cltn-content h5 {
        font: normal normal normal 31px/37px DM Serif Display;
        padding-bottom: 33px;
        width: 90%;
    }
    .quality-left img {
        width: 50px;
    }
    footer {
        padding: 26px 0 0 0;
    }
    .footer-bottom {
        margin-top: 26px;
    }
    .newslatter form {
        width: 293px;
    }
    .quick-link ul {
        column-count: 2;
        column-gap: 24px;
    }
    .quick-link ul li, .quick-return ul li {
        padding-left: 25px;
    }
    .social-all {
        margin-bottom: 53px;
    }
    .quick-link {
        padding-left: 0;
        border-left: 0;
    }
    .safe-quality {
        padding: 52px 0 0 0;
    }
    .stellarnav .menu-toggle span.bars span {
        background: #000;
    }
    .quality-card {
        margin-bottom: 31px;
    }
    .stellarnav li a {
        text-align: left;
        color: #000 !important;
    }
    .stellarnav li.active a::before, .stellarnav li:hover a::before {
        position: unset;
    }
    .custom-container {
        padding: 0px 17px;
    }
    .logo a img {
        width: 62px;
    }
    .stellarnav {
        width: fit-content;
    }
    .header-right {
        gap: 18px;
        justify-content: space-between;
        position: absolute;
        top: 5px; 
        right: 24px;
    }
    .header-social-icons img {
        width: 18px;
    }
    header {
        padding: 13px 0;
        position: relative;
    }
    .ft-cntnt p {
        font: normal normal normal 12px/20px Outfit;
        word-break: break-all;
    }
    .category-right {
        display: flex;
        flex-wrap: wrap;
        gap: 27px;
        justify-content: center;
        align-items: center;
    }
 }


 @media(max-width: 576px) {
 
}