.initial-hide {
    display: none;
}

@media (min-width: 768px) {
.modal-sm {
    width: 50% !important;
}

    .headline {
        height: 200px;
    }

    .dropdown_menu a {
        display: none;
        color: #fff;
        padding: 10px 20px;
        font-size: 16px;
        opacity: 0;
    }
}

@media only screen and (max-width: 768px) {
    .headline {
        height: 130px;
    }

    .dropdown_menu a {
        display: none;
        color: #fff;
        padding: 10px 10px;
        font-size: 20px;
        opacity: 0;
        border-top: solid 1px rgba(255,255,255,0.25);
    }
}

.menu-container {
    margin-top: 20px;
}

    .menu-container h3 {
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
    }

    .menu-container:nth-child(3) {
        margin-top: 200px;
    }

.menu {
    display: flex;
}

/*Small Header Cart*/
.no-bg {
    background-color: white;
}

.cart .arrowdown {
    float: right;
    margin: 15px 10px 0 0;
}

.cart .cartitems {
    display: none;
    position: absolute;
    background: #fff;
    line-height: initial;
}

.cart .cartitem {
    border-bottom: 1px solid #385474;
    padding: 15px 10px;
    height: 75px;
}

.cart .cartitem_img {
    float: left;
    width: 45px;
    margin-right: 10px;
    cursor: pointer;
}

    .cart .cartitem_img img {
        max-width: 100%;
        max-height: 100%;
    }

.cart .cartitem_title {
    float: left;
    color: #385474;
    width: 170px;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.cart .cartitem_title span {
    font-size: 10px;
    color: #385474;
}

@media (max-width: 1200px) {
    .cart .cartitem_title {
        width: 120px;
    }
}

@media (max-width: 992px) {
    .cart .cartitem_title {
        width: 88px;
    }
}

@media only screen and (max-width: 768px) {
    .cart .cartitem_title {
        width: 25%;
    }
}

@media only screen and (max-width: 450px) {
    .cart .cartitem_img {
        /*display:none;*/
    }
}

@media only screen and (max-width: 432px) {
    .plus-xs, .minus-xs {
        height: 20px !important;
        padding: 0px !important;
        font-size: unset !important;
    }
    .x-xs {
        float: left !important;
    }
}


    .cart .cartitem_price {
        float: left;
        font-size: 14px;
        color: #385474;
        font-weight: bold;
        text-align: right;
        margin: 14px 15px 0 0;
        width: 60px;
    }

    .cart input[type=number] {
        margin-top: 9px;
        width: 49px;
        height: 29px;
        float: left;
        margin-right: 15px;
        text-align: center;
        color: black;
    }

    .cart .cartitem_remove {
        display: block;
        float: left;
        margin-top: 14px;
        width: 14px;
        height: 14px;
        cursor: pointer;
    }

    .menu-container li {
        cursor: pointer;
    }

    .dropdown {
        padding: 12px 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: #385474;
        position: relative;
        font-size: 18px;
        /*perspective: 1000px;*/
        z-index: 100;
    }

        .dropdown:hover {
            background: #2980b9;
        }

            .dropdown:hover .dropdown_menu li {
                display: block;
            }

            .dropdown:hover .dropdown_menu a {
                display: block;
            }

    .dropdown_menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        /*perspective: 1000px;*/
        z-index: -1;
        display: none;
    }

        .dropdown_menu li {
            display: none;
            color: #fff;
            background-color: #385474;
            padding: 12px 26px;
            font-size: 16px;
            opacity: 0;
        }

        .dropdown_menu a:hover {
            color: #fff;
            background-color: #42648A;
        }

        .dropdown_menu li:hover {
            color: #fff;
            background-color: #42648A;
        }

    .dropdown:hover .dropdown_menu--animated {
        display: block;
    }

    .dropdown_menu--animated {
        display: none;
    }

        .dropdown_menu--animated li {
            display: block;
            opacity: 1;
        }

        .dropdown_menu--animated a {
            display: block;
            opacity: 1;
        }

    .dropdown_menu-7 {
        animation: rotateMenu 400ms ease-in-out forwards;
        transform-origin: top center;
    }

    .dropdown_item {
        padding: 12px 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: #385474;
        position: relative;
        font-size: 18px;
        /*perspective: 1000px;*/
        z-index: 100;
    }

        .dropdown_item:hover {
            background: #2980b9;
        }

            .dropdown_item:hover .dropdown_item_menu li {
                display: block;
            }

            .dropdown_item:hover .dropdown_item_menu a {
                display: block;
            }

    .dropdown_item_menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        /*perspective: 1000px;*/
        z-index: -1;
        display: none;
        padding-inline-start: 0px;
    }

        .dropdown_item_menu li {
            display: none;
            color: #fff;
            background-color: #385474;
            padding: 12px 26px;
            font-size: 16px;
            opacity: 0;
        }

        .dropdown_item_menu a:hover {
            color: #fff;
            background-color: #42648A;
        }

        .dropdown_item_menu li:hover {
            color: #fff;
            background-color: #42648A;
        }

    .dropdown_item:hover .dropdown_item_menu--animated {
        display: block;
    }

    .dropdown_item_menu--animated {
        display: none;
    }

        .dropdown_item_menu--animated li {
            display: block;
            opacity: 1;
        }

        .dropdown_item_menu--animated a {
            display: block;
            opacity: 1;
        }

    .dropdown_item_menu-7 {
        animation: rotateMenu 400ms ease-in-out forwards;
        transform-origin: top center;
    }


    @-moz-keyframes rotateMenu {
        0% {
            transform: rotateX(-90deg);
        }

        70% {
            transform: rotateX(20deg);
        }

        100% {
            transform: rotateX(0deg);
        }
    }

    @-webkit-keyframes rotateMenu {
        0% {
            transform: rotateX(-90deg);
        }

        70% {
            transform: rotateX(20deg);
        }

        100% {
            transform: rotateX(0deg);
        }
    }

    @-o-keyframes rotateMenu {
        0% {
            transform: rotateX(-90deg);
        }

        70% {
            transform: rotateX(20deg);
        }

        100% {
            transform: rotateX(0deg);
        }
    }

    @keyframes rotateMenu {
        0% {
            transform: rotateX(-90deg);
        }

        70% {
            transform: rotateX(20deg);
        }

        100% {
            transform: rotateX(0deg);
        }
    }

    .dropdown_title {
        color: white;
        font-size: 20px;
    }