.aspect-square{
    aspect-ratio: 1/1;
}

.nav-fixed {
    position: fixed !important;
}
.imgcov{
    margin-top: 10rem;
}
@media screen and (max-width: 768px) {
   
    .imgcov {
        margin-top: 7rem;
    }
}

    .product-core-desc {
        font-size: 1.4rem;
    }

    @media screen and (max-width: 976px) {
        .product-core-name {
            font-size: 36px;
        }
    }

    @media screen and (max-width: 920px) {
        .product-core-name {
            font-size: 36px;
        }
    }

    @media screen and (max-width: 902px) {
        .product-core-name {
            font-size: 32px;
        }
    }

    @media screen and (max-width: 827px) {
        .product-core-name {
            font-size: 28px;
        }

        .product-core-desc {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 793px) {
        .product-core-name {
            font-size: 28px;
        }
    }

    @media screen and (max-width: 767px) {
        .product-core-name {
            font-size: 38px;
        }
    }

    @media screen and (max-width: 345px) {
        .product-core-name {
            font-size: 35px !important;
        }
    }
    /* Product Core Description  */
    @media screen and (max-width: 2120px) {
        .product-core-desc {
            font-size: 1.2rem;
        }
    }

    @media screen and (max-width: 1838px) {
        .product-core-desc {
            font-size: 1.1rem;
        }
    }

    @media screen and (max-width: 1700px) {
        .product-core-desc {
            font-size: 1.25rem;
        }
    }

    @media screen and (max-width: 1090px) {
        .product-core-desc {
            font-size: 1rem;
        }
    }

    @media screen and (max-width: 945px) {
        .product-core-desc {
            font-size: 0.9rem;
        }
    }

    @media screen and (max-width: 874px) {
        .product-core-desc {
            font-size: 0.8rem;
        }
    }

    @media screen and (max-width: 803px) {
        .product-core-desc {
            font-size: 0.7rem;
        }
    }

    @media screen and (max-width: 768px) {
        .product-core-desc {
            font-size: 1.4rem;
        }

        .bg-cover {
            background-position: top;
            margin-top: -2rem;
            margin-bottom: 2rem;
        }
    }
    /* Overlay  */
    @media screen and (max-width: 960px) {
        .black-overlay-left {
            margin-left: 0rem;
        }

        .black-overlay-right {
            margin-right: 0rem;
        }
    }
    /* Cover Image  */
    @media screen and (max-width: 900px) {
        .cov-img-right {
            background-position: right;
        }
    }

    /*.cov-img-right {
    background-image: url('../image/ED-1224-EOI-LE-desk-1280x370.png');
}*/

    @media screen and (max-width: 767px) {
        .edition-bottom {
            display: none;
        }

        .cover-overlay {
            grid-column: 1/-1;
            margin-top: 40rem;
            height: 24.6rem;
        }

        .cov-img-right {
            background-position: top;
            height: 1030px;
        }
    }
@media screen and (max-width: 500px) {
    .cover-overlay {
        margin-top: 30rem;
        height: 29.6rem;
    }
}

    @media screen and (max-width: 368px) {
        .product-core-namee {
            font-size: 32px !important;
        }
    }
    /* Beach Bournfire Responsive */
.beach1, .cov-img-right, .cover-overlay, .img-cov-left, .black-overlay-right {
    height: 50rem;
}

@media screen and (min-width: 2000px) {
    .beach1, .cov-img-right, .cover-overlay, .img-cov-left, .black-overlay-right {
        height: 55rem;
    }
}

    @media screen and (max-width: 1450px) {
        .beach1, .cov-img-right, .cover-overlay, .img-cov-left, .black-overlay-right {
            height: 35rem;
        }
    }

    @media screen and (max-width: 1000px) {
        .beach1, .cov-img-right, .cover-overlay, .img-cov-left, .black-overlay-right {
            height: 30rem;
        }

        .exp {
            margin-top: 1rem !important;
        }
    }

    @media screen and (max-width: 900px) {
        .cov-img-right {
            background-position: right;
        }
    }

   

    @media screen and (max-width: 767px) {
        .edition-bottom {
            display: none !important;
        }

        .cover-overlay {
            grid-column: 1/-1 !important;
            margin-top: 33rem !important;
            height: 26.6rem !important;
        }

        .cov-img-right {
            background-position: top !important;
            height: 950px !important;
        }

        .beach1 {
            height: 59rem !important;
        }

        .ltdedt {
            margin-top: 1.5rem !important;
        }
    }
/*Footer Responsive*/
.range_fb{
    margin-top: 0 !important;
}

.email-textbox::placeholder {
    font-family: Pathway Gothic One !important;
    color: white;
    letter-spacing: 0.15rem;
}

@media screen and (max-width: 510px) {
    .emailsub {
        flex-direction: column;
    }

    .emailborder {
        width: 100% !important;
    }

    .emailbox {
        margin-right: auto;
        margin-left: auto;
        width: 18rem !important;
    }

    .email_form {
        margin-left: 0 !important;
    }

    .more {
        max-width: 18rem !important;
        width: 18rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (max-width: 510px) {
    .emailborder {
        width: 100% !important;
    }

    .emailbox {
        width: 14rem !important;
    }

    .more {
        max-width: 14rem !important;
        width: 14rem !important;
    }

    .b1 {
        margin-top: -1rem !important;
    }

    .email_mob {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .sub_mob {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .email_mob_in {
        margin-left: 0 !important;
        text-align: center;
    }
}

    /*Hamberg Menu Responsive*/
    @media screen and (max-width: 768px) {
        .responsive_nav_list {
            position: absolute;
            top: 4.3rem;
            /*left: -15rem;*/
            background-color: black !important;
            width: 100% !important;
            height: 100vh;
        }

        .list-reset {
            flex-direction: column;
            /* align-items: center !important;
        justify-content: flex-start !important;
        margin-left: 4.5rem !important;*/
            margin-top: -45rem;
        }

        .range {
           
            margin-bottom: 0.5rem;
        }

        .rangelinee {
            width: 100%;
            margin-left: auto;
        }

        .rangeline {
            display: block !important;
        }

        .serves {
            margin-left: -30px !important;
            margin-top: 2rem;
        }

        .shopic {
            display: none;
        }
    }

    @media screen and (max-width: 375px) {
        .list-reset {
            margin-top: -30rem !important;
        }
    }