@media (min-width:2100px) {
    .slide1-border {
        height: 600px; 
    }
}
@media (max-width:1444px) {
    .promo-text-left {
        padding-bottom: 50px;
    }
    
}

@media (max-width:1388px) {
    .promo-lens-specs {
        font-size: 29px;
    }
}
@media screen and (max-width:992px) {
    .sect-1-desc {
        font-size: 44px;
        line-height: 44px;
    }
    .sect-2-title {
        font-size: 40px;
    }
    .gmaster-text {
        text-align: center;
    }
}
@media screen and (max-width:768px) {
    .toggle-collapse {
        display: inline-block;

    }
    .navbar-nav {
        color: white;
        padding: 0%;
        margin-left: 20px;
    }
    .navbar1 .navbar-nav .nav-item {
        display: block;
        list-style: none;
    }
    .navbar1-collapse {
        width: 100%;
        overflow: hidden;
        height: 0vh;
        transition: all 499ms ease;
    }
    .collapse1 {
        height: auto;
    }
    .slide1-border {
        height: 500px; 
    }
    .dropdown-content {
        display: none;
        position: fixed;
        background-color: #2f353d;
        min-width: 100%;
        z-index: 1;
        margin-left: 0;
        box-shadow: none;
    }
    .wtb-mobile {
        display: block;
        list-style: none;
        margin-right: 10px;
        float: right;
    }
    .wtb-desk {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .promo {
        text-align: center;
    }
    .introd{
        margin-left: 0;
    }
    .sect-3-title {
        margin-bottom: -6px;
    }
    .sect-2 {
        padding-top: 150px;
    }
    .lens {
        padding-top: 150px;
    }
    .sect-5 {
        padding-top: 100px;
    }
    .sect-1-desc {
        font-size: 38px;
        line-height: 48px;
    }
    .sect-1-text {
        line-height: 20px;
    }
    .sect-1-left {
        justify-self: center;
        text-align: center;
    }
    .sect-1-title {
        margin-bottom: -6px;
    }
    .sect-4-title {
        font-size: 35px;
        line-height: 35px;
    }
    .sect-3-desc {
        font-size: 40px;
        line-height: 40px;
    }
    .splide__arrow--prev {
        left: -2.5em !important;
    }
    .splide__arrow--next {
        right: -2.5em !important;
    }
    .splide__arrow {
        height: 2em !important;
        width: 2em !important
        ;
    }
    .promo {
        padding-top: 20px;
    }
    .free-gift {
        bottom: auto;
    }
    .promo-lens {
        padding-top: 1em;
    }
    .promo-text-left {
        padding-top: 1em;
        margin-bottom: 2em;
    }
    .wtb-show {
        display: block;
    }
    .wtb-hide {
        display: none;
    }
    .sect-3 {
        background-position: left 0px top 10px;
    }
    .sect-1-right {
        display: none;
    }
    .img-mob {
        display: block;
        padding-top: 20px;
    }
    .promo-lens-specs {
        font-size: 28px;
        line-height: 30px;
    }
    .promo-lens-name {
        font-size: 25px;
    }
    .promo-lens-price {
        font-size: 60px; 
        line-height: 50px;
    }
    .dollar-sign {
        font-size: 40px; position: relative; bottom:12px ;
    }
}
@media screen and (max-width:646px) {
    .sect-1 {
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width:576px) {
    
    .sect-2-title {
        font-size: 40px;
    }
    .sect-1-left {
        padding-top: 10px;
    }
    .sect-1-desc {
        font-size: 40px;
        line-height: 48px;
    }
    .sect-1-title {
        font-size: 35px;
    }
    .sect-1-text {
        margin-right: -60px;
    }
}
@media screen and (max-width:550px) {
    
    .promo-lens-price {
        font-size: 35px; 
        line-height: 30px;
    }
}
@media screen and (max-width:425px) {

    .promo-text-left {
        margin-bottom: auto;
    }
    .sect-3-desc {
        font-size: 40px;
        line-height: 48px;
    }
    .sect-2-title {
        font-size: 40px;
    }
    .sect-4-title {
        font-size: 40px;
        line-height: 48px;
    }
    .sect-5-text-title {
        font-size: 40px;
    }
    .sect-6-text-title {
        font-size: 40px;
    }
    .sect-7-title {
        font-size: 40px;
    }
}



