@media (max-width:1024px) {
    .price {
        margin-bottom: 20px;
    }
}
@media (max-width: 991px){
    .hidden-dlssm {
        display: none !important;
    }
    
    .visible-dlssm {
        display: inline-block !important;
    }
    
    .dlssm-mB20{
        margin-bottom: 20px;
    }
    
    .dlssm-mB25{
        margin-bottom: 25px;
    }
    
    .dlssm-center{
        text-align: center;
    }
    
    .dlssm-pT0{
        padding-top: 0;    
    }
    
    .dlssm-flex-col{
        flex-direction: column;
    }
    
    .dlssm-flex-wrap{
        flex-wrap: wrap;
    }
    
    .dls-job-card i{
        flex: 0 0 100%;
    }
    
    .dlssm-flex-jcc{
        justify-content: center;
    }
    
    .dlssm-flex-ac{
        align-items: center;
    }

    .dl-mobile {
        display: block;
    }
    
    .dls-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .dls-desk {
        display: none;
    }
    
    .dls-mobile-cta-btns {
        display: flex;
    }
    .product-imgs {
        margin-bottom: 20px;
    }
    
    .nav-up{
        top: 0;
    }
    
    header .logo {
        width: 190px;
    }
    
    header.scrolled .dls-logo,
    header .dls-logo{
        width: 65px;
        overflow: hidden;
    }
    
    header nav ul li a{
        padding: 15px 20px;
    }
    
    .dls-block{
        padding: 100px 0;
    }
    
    .dlssm-jcc{
        justify-content: center;
    }
    
    .dlssm-mT20{
        margin-top: 20px;
    }
    
    h1, .font-62{
        font-size: 48px;
    }
    
    h2, h3{
        font-size: 30px;
    }
    
    hr{
        margin: 30px 0;
    }
    
    .dls-page-banner{
        padding: 150px 0 80px;
    }
    
    .dlssm-mT0{
        margin-top: 0;
    }
    
    .dlssm-mB30{
        margin-bottom: 30px;
    }
    
    .sticky-sub-nav{
        display: none;
    }
    
    .flex-grid{
        flex: 1 1 50%;
    }
    
    .dls-block-cta svg{
        width: 35px;
        height: 35px;
    }
    
    .dls-block-cta a{
        padding: 50px;
    }
    
    .dlsxs-flex-col{
        flex-direction: column;
    }
    
    .dlssm-p0{
        padding: 0;
    }

    .modal-content .dls-input-group {
        display: block;
    }
    .modal-content .modal-close-only {
        top: 40px;
        right: 20px;
    }
    .dls-page-banner h2 {
        font-size: 30px;
    }
    .price {
        margin-bottom: 20px;
    }
}

@media (min-width: 825px){
    .hamburger{
        display: none;
    }
}

@media (max-width: 825px){
    .dl-mobile-nav{
        position: fixed;
        background-color: var(--brand-color);
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        top: 0;
        left: 0;
        padding: 0 15px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    
    .hidden-mobile{
        display: none;
    }

}

.w800 {
    width: 800px;
    margin: 30px auto;
}

@media (min-width: 768px) {
    .modal-content {
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        padding: 30px;
    }
}

@media (min-width: 768px) and (max-width: 820px) {

    .w800 {
        width: 750px;
        margin: 30px auto;
    }
}

@media (max-width: 767px) {

    .w800 {
        width: 95vw;
    }
}

@media (max-width: 767px){
    .dlsxs-mT20{
        margin-top: 20px;
    }
    
    .dlsxs-mT10{
        margin-top: 10px;
    }
    
    .dlsxs-mT5{
        margin-top: 5px;
    }
    
    .dls-block-cta.dlsxs-p0,
    .dlsxs-p0{
        padding: 0;    
    }
    
    .h1-l {
        font-size: 48px;
    }
    
    .dls-social{
        position: initial;
        margin-top: 20px;
        width: 100%;
        float: left;
    }
    
    .dlsxs-mB20{
        margin-bottom: 20px;
    }
    
    .dlsxs-mB10{
        margin-bottom: 10px;
    }
    
    .dlsxs-mB0{
        margin-bottom: 0;   
    }
    
    .dlsxs-m0{
        margin: 0;
    }
    
    .dlsxs-center{
        text-align: center;
    }
    
    .dls-block-sm{
        padding-top: 40px;
    }

    .dls-block, footer.dls-block{
        padding: 70px 0;
    }
    
    .dls-page-banner {
        padding: 150px 0 80px;
    }
    
    .font-l{
        font-size: 20px;
    }

    .dls-page-banner h1 {
        font-size: 42px;
        line-height: 44px;
    }

    .dls-page-banner h2 {
        font-size: 28px;
    }
    
    h1, .font-62{
        font-size: 42px;
    }
    
    h2{
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }
    
    h4{
        font-size: 24px;
    }
    
    h5 {
        font-size: 24px;
    }

    .heading-Title {
        font-size: 28px;
        font-weight: 700;
    }
    .price {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .mT30 {
        display: none;
    }
    .dls-button{
        padding: 16px 27px;
        font-size: 17px;
    }    
    .dls-card-list .title{
        margin-top: 5px;
    }    
    .dls-card-list ul li{
        margin-bottom: 5px;
    }
    hr{
        margin: 20px 0;
    }    
    .flex-grid{
        flex: 1 1 100%;
    }    
    .flex-grid.dls-icon-card{
        padding: 15px 0px;
    }    
    
    .dls-breadcrumb{
        bottom: 10px;
    }
    
    .dls-breadcrumb .arrow svg{
        transform: rotate(-180deg);
    }
    
    .dls-breadcrumb li+li:before{
        content: "";
    }
    
    .dlsxs-flex-ac{
        align-items: center;
    }

	.dls-product-content .modal {
		top: 10%;
	}
	
	.dls-product-content .close {
		top: 5%;
	}
    
    .dl-mobile {
        display: block;
    }
    
    .dls-price {
        display: flex;
    }
    
    .dls-price .price {
        font-size: 20px;
        font-weight: 600;
    }
    
    .dls-product-content .breadcrumb {
        display: none;
    }
    
    .back-btn {
        display: block;
    }
    .product-imgs .img-display {
        height: auto;
    }
    .modal-content {
        padding: 20px;
    }
    .modal-content .modal-close-only {
        top: 25px;
        right: 0px;
    }
    .button {
        padding: 0 15px;
        line-height: 40px;
        height: 42px;
    }

    .dls-pagination ul {
        display: inline-flex;
    }
    .dls-pagination .button {
        padding: 0 15px;
        line-height: 40px;
        height: 36px;
    }

    .dls-productDetails h1 {
        font-size: 28px;
    }

    .dls-productDetails .price, .dls-productDetails .rupees {
        font-size: 28px;
        padding: 20px 0px;
    }
    .dls-productDetails {
        padding-left: 0;
    }
    .dls-productDetails .price-wrapper{
        gap:10px;
    }

}

@media (max-width:600px) {
    .dlsxss-center{
        text-align: center;
    }
    
    .font-xl{
        font-size: 26px;
    }
    
    .font-l{
        font-size: 20px;
    }
    
    .font-n{
        font-size: 18px;
    }
    
    .dlsxss-mB20{
        margin-bottom: 20px;
    }
    
    .dlsxss-flex-col{
        flex-direction: column;
    }
    
    .dlxss-p0{
        padding: 0;
    }
    
    .dlsxss-m0{
        margin: 0;
    }
    
    .dlsxss-pB20{
        padding-bottom: 20px;
    }
    
    .dlsxss-pB10{
        padding-bottom: 10px;
    }
    
    .dlsxss-pB0{
        padding-bottom: 0;
    }
    
    .dlsxss-mB10{
        margin-bottom: 10px;
    }
    
    .dlsxss-pT0{
        padding-Top: 0;
    }

    .dls-page-banner h1 {
        font-size: 38px;
    }

    .dls-page-banner h2 {
        font-size: 26px;
    }

}

@media (min-width: 600px){
    .visible-dlsxss{
        display: none;
    }
}

@media (max-width: 599px){
    .hidden-dlsxss {
        display: none !important;
    }
    
    .visible-dlsxss {
        display: inline-block!important;
    }
    
    .dls-block-cta a{
        padding: 35px 25px;
    }
    
    .dls-block-cta p{
        font-size: 18px;
        line-height: normal;
    }
    
    .dls-block-cta .dls-h4-title{
        font-size: 24px;
    }
    
    .h1-l, h1, .font-62{
        font-size: 40px;
    }
    
    .dls-page-banner h1 {
        font-size: 38px;
    }

    .dls-page-banner h2 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 33px;
    }
    .dls-privacy-terms-block h3, .dls-privacy-terms-block .dls-content-block ul.dls-list-alpha li::marker{
        font-size: 22px;
        line-height: 28px; 
        margin-bottom: 0;
    }
    .dls-privacy-terms-block ul h4{
        font-size: 20px;
        line-height: 26px;
    }
    .dls-page-banner h1.dls-page-title{
        font-size: 19px;
    }   
    .dls-privacy-terms-block .dls-content-block ul {
        padding-left: 25px;
    }
    .dls-page-banner {
        padding: 150px 0 80px;
    }
    .dls-privacy-terms-block .dls-page-block p, .dls-privacy-terms-block .dls-page-block li, .dls-privacy-terms-block .dls-page-block a {
        font-size: 18px;
        line-height: 24px;
    }
    .dls-page-banner.banner p {
        font-size: 18px;
        line-height: 30px;
    }
    
}

@media (max-width:366px) {
    .dls-price {
        display: block;
    }
    
    .dls-price .cta {
        margin-top: 10px;
    }
    .dls-pagination ul {
        display: block;
    }
}
/* for modal form ================================================================ */

.product-imgs .img-select {
    gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.product-imgs .img-select img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* for brand core design template ================================================= */



/* for brand core design template ================================================= */


@media screen and (min-width: 768px) and (max-width: 991px) {
    .center-flexX-tab {
        display: flex;
        justify-content: center;
    }
}