﻿/*Navigation Sticky*/
.nav-fixed {
    position: sticky !important;
    background-color: black !important;
}


.image {
   
    background-image: url('../image/contact.png');
    background-position: center;
    background-size: cover;
    height: 670px;
}

.cover-overlay {
    width: 40%;
    height: 670px;
}

.contentii {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 800px) {
    .image {
        background-image: url('./images/contact_tab.png');
        background-position: center;
        height: auto;
    }

    .cover-overlay {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        height: auto !important;
        margin-top: 50rem;
    }

    .product-core-name {
        margin-top: 0;
    }

    .contentii {
        flex-direction: row;
    }
}

@media screen and (min-width: 2000px) {
    .image{
        height: 880px !important;
    }
}

    @media screen and (max-width: 450px) {
        .image {
            background-image: url('./images/contact_mob.png');
            background-position: center;
        }

        .contentii {
            flex-direction: column;
        }
    }
    /*Hamberg Menu Responsive*/
    @media screen and (max-width: 767px) {
        .responsive_nav_list {
            position: absolute;
            top: 4.3rem;
            /*left: -15rem;*/
            background-color: black !important;
            width: 100% !important;
            height: 100vh;
        }

        .list-reset {
            flex-direction: column;
            margin-top: 2rem;
        }

        .range {
            margin-top: 2rem;
            margin-bottom: 1rem;
        }

        .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: 900px) {
}
    @media screen and (max-width: 450px) {
        .sm_logo {
            width: 210px !important;
        }
    }

    @media screen and (max-width: 375px) {
        .list-reset {
            margin-top: -30rem !important;
        }
    }