﻿/*PREVIOUS ORDERS CUSTOM RESPONSIVENESS PROPERTIES*/
@media screen and (max-width: 450px) {
    .order-start-wrapper .container .row {
        justify-content: center;
    }

    .order-again-btn {
        margin-top: 0.5rem !important;
    }

    .previous-order-item .order-item-description h4 {
        margin-top: 1rem;
    }
}

/*Landsacpe Mobiles Responsiveness*/

@media screen and (max-height: 400px) and (orientation:landscape) {
    .splash-screen .custom-select-date, .splash-screen .custom-select-time, .splash-screen .custom-select-store {
        width: 25% !important;
        padding-top: 0 !important;
    }

    .splash-screen .dropdown-row {
        flex-direction: row !important;
    }

    
}

@media screen and (min-height: 200px) and (max-height: 284px) and (orientation:landscape) {
    .splash-screen {
        align-items: flex-start;
    }

        .splash-screen .col-md-12 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .splash-screen .col-md-12 h1{
            margin-bottom: 0 !important;
        }

        .splash-screen .title-with-image {
            margin-bottom: 0 !important;
        }

        .splash-screen .custom-image-settings {
            height: 85px;
        }

        .splash-screen .dropdown-row {
            margin: 0 40px 10px !important;
        }

        .splash-screen .control-btns-ss .container-continue-btn button {
            padding: 0.5rem 1.7rem !important;
        }
}

@media screen and (min-height: 285px) and (max-height: 376px) and (orientation:landscape) {
    .splash-screen {
        align-items: flex-start;
    }

        .splash-screen .col-md-12 {
            padding-top: 0 !important;
        }
}

@media screen and (min-height: 377px) and (max-height: 400px) and (orientation:landscape) {
    .splash-screen {
        align-items: center;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) and (orientation:landscape) {
    header nav .container {
        margin: 0;
    }

    .custom-header .navbar-toggler {
        position: fixed;
        right: 8%;
        bottom: 84%;
    }

    .navbar-options {
        right: 8%;
        margin-top: -50px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) and (orientation:landscape) {
    .navbar-options {
        right: 11% !important;
    }

    .custom-header .navbar-toggler {
        position: fixed;
        right: 8%;
        top: 2.5%;
    }
}
/* end region */

/*SIZE XS*/
@media screen and (max-width: 575px) {
    /*#region TOP HEADER */

    .order-start-wrapper-main-layout .container .dropdown-row {
        margin: 0px 40px 20px;
    }

    .custom-header .nav-link::after {
        content: '';
        background-image: url(https://i.imgur.com/OaBRJQZ.png);
        width: 20px;
        height: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        float: right;
    }

    .custom-header .nav-link {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .custom-header .navbar-toggler {
        margin-right: -1rem;
    }
    /*#endregion */
    /*#region PostHeaderOption_001 */
    .tnk_category {
        margin-bottom: 1rem;
    }

        .tnk_category .image-wrapper {
            height: 102px;
        }

        .tnk_category .text-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .tnk_category .text-wrapper .name {
                color: white;
            }

            .tnk_category .text-wrapper .description {
                display: none;
            }

            .tnk_category .text-wrapper .count {
                display: block;
                color: white;
            }

        .tnk_category .image-wrapper .overlay {
            display: block;
        }
    /*#endregion */
    /*#region OrderCountBar*/
    #order-count-settings {
        visibility: visible !important;
    }

    .navbar-options {
        margin-top: -50px !important;
        right: 10%;
    }

    .search-container .search-input-close {
        margin-left: -8px;
    }

    .search-container .search-inner input {
        margin-left: -30px;
    }

    .search-container .search-inner img {
        margin-left: -30px;
    }

    .TopDivLogin {
        margin-bottom: 30px;
    }

    #LoggedInUserDiv {
        display: grid;
        margin-right: 5px;
    }

    #GreetingLoggedInUser {
        margin-top: 0px !important;
        width: 100%;
    }

    .navbar-brand .navbar-logout {
        margin-top: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        text-align: center !important;
    }

    .cart-item-qty .product-quantity-div {
        width: 100% !important;
        justify-content: space-between;
    }

    .bottom .product-quantity-div {
        justify-content: space-between;
    }

    .title-with-image, .dropdown-row > * {
        width: auto !important;
    }

    .custom-select-date {
        padding-top: 10px;
    }

    .custom-select-time {
        padding-top: 10px;
    }

    .order-again-btn {
        margin-top: 1.5rem;
    }

    .order-location {
        padding-bottom: 0.5rem !important;
    }

    .previous-order-items-button, .order-location {
        margin-top: 0.5rem !important;
    }

    .order-start-wrapper .container .order-div .image-properties img {
        width: 180px;
        height: 74px;
    }

    #gmap_canvas {
        width: 300px !important;
    }

    .splash-screen {
        left: 0 !important;
        right: 0 !important;
        margin: 0 20px;
    }

    .build-your-own-container {
        padding: 50px 20px !important;
    }

    .build-your-own-wrapper .line .name {
        margin-left: 15px;
    }

    .product-information img {
        width: 200px !important;
    }

    .wwa-title {
        margin-top: 30px;
    }

    .build-your-own-wrapper .product-quantity-div {
        width: 32%;
    }

    .cart-item-img {
        width: 30% !important;
    }

    .order-cart-wrapper .container {
        flex-direction: column !important;
    }

    .coperto .control-btns {
        text-align: center;
    }

    .coperto .container-continue-btn,
    .coperto .container-cancel-btn {
        text-align: unset !important;
    }

    .coperto .container-cancel-btn {
        margin-bottom: 10px;
    }

    .coperto .product-quantity-div {
        width: 50% !important;
    }

    .container-cancel-btn-delivery,
    .container-continue-btn-delivery {
        text-align: center !important;
        margin-bottom: 15px;
    }

    .spaceDiv {
        display: none !important;
    }

    .whole-language-dropdown-div {
        margin-bottom: 30px;
    }
}

/*SIZE SM*/
@media screen and (min-width: 576px) and (max-width: 767px) and (orientation:portrait) {
    .navbar-options {
        margin-top: -50px !important;
        right: 17%;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .order-start-wrapper-main-layout .container .dropdown-row {
        margin: 0px 40px 20px;
    }

    .search-container .search-input-close {
        margin-left: -60px;
    }

    .search-container .search-inner input {
        margin-left: 15px;
    }

    .TopDivLogin {
        margin-bottom: 30px;
    }

    .cart-item-qty .product-quantity-div {
        width: 65% !important;
    }

    .order-cart-wrapper .cart-item-qty input {
        margin-left: 2px;
    }

    .order-cart-wrapper .cart-item-qty input {
        margin-left: 2px;
    }

    .title-with-image, .dropdown-row > * {
        width: auto !important;
    }

    .custom-select-date {
        padding-top: 10px;
    }

    .custom-select-time {
        padding-top: 10px;
    }

    .order-again-btn {
        margin-top: 1.5rem !important;
    }

    .order-location {
        padding-bottom: 0.5rem !important;
    }

    .previous-order-items-button, .order-location {
        margin-top: 0.5rem !important;
    }

    .custom-header .navbar-toggler {
        margin-right: -3rem;
    }

    #gmap_canvas {
        width: 500px !important;
    }

    .splash-screen {
        left: 0 !important;
        right: 0 !important;
        margin: 0 40px;
    }

    .build-your-own-container {
        padding: 50px 100px !important;
    }

    .wwa-title {
        margin-top: 30px;
    }

    .build-your-own-wrapper .product-quantity-div {
        width: 29%;
    }

    .order-cart-wrapper .container {
        flex-direction: column !important;
    }

    .spaceDiv {
        display: none !important;
    }

    .whole-language-dropdown-div {
        margin-bottom: 30px;
    }

    .cart-item .cart-item-details .product-quantity-div {
        justify-content: space-between;
    }
}

/*SIZE MD*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-options {
        margin-top: -50px !important;
        right: 17%;
    }

    .cart-item-qty .product-quantity-div {
        width: 110% !important;
        justify-content: space-between;
    }

    .search-container .search-input-close {
        margin-left: 0px;
    }

    .search-container .search-inner input {
        margin-left: 10px;
    }

    .single-product .bottom {
        padding: 0 !important;
        height: 40px;
    }

    .product-quantity-div {
        justify-content: space-between;
    }

    .product-quantity-div .btn-decrement {
        margin-left: 3px !important;
    }

    /*.single-product .bottom button.inc {
        right: 7.4rem !important;
    }*/

    .single-product .bottom .form-control {
        /*padding-left: 46px !important;*/
        padding-right: 0 !important;
    }

    .single-product .bottom .price {
        /*position: relative;
        bottom: 30px;
        left: 220px;*/
    }

    .bottom .product-quantity-div {
        margin-left: 12px;
    }

    .single-product .bottom .btn-add, 
    .checkmark {
        margin: 0 10px 0 0;
    }

    .title-with-image, .dropdown-row > *, .control-btns > * {
        width: auto !important;
    }

    .control-btns {
        margin-right: 207px !important;
    }

    .order-again-btn, .previous-order-items-button {
        margin-top: 0.5rem!important;
    }

    .splash-screen {
        left: 25px !important;
        right: 25px !important;
    }

    .build-your-own-container {
        padding: 50px 150px !important;
    }

    #gmap_canvas {
        width: 725px !important;
    }

    .wwa-title {
        margin-top: 30px;
    }

    .build-your-own-wrapper .product-quantity-div {
        width: 27%;
    }

    .order-cart-wrapper .container {
        flex-direction: column !important;
    }
}

/*SIZE LG*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .search-container .search-input-close {
        margin-left: 50px;
    }
    .search-container .search-inner input {
        margin-left: 10px;
    }

    .product-quantity-div {
        width: 48%;
        justify-content: space-between;
    }

    .cart-item-qty .product-quantity-div {
        width: 35% !important;
    }

    .single-product .bottom .price {
        /*margin-right: 7px !important;*/
    }

    .bottom .product-quantity-div .btn-decrement {
        margin-left: 0;
    }

    .title-with-image, .dropdown-row > *, .control-btns > * {
        width: auto !important;
    }

    .control-btns {
        margin-right: 207px !important;
    }

    .splash-screen {
        left: 100px !important;
        right: 100px !important;
    }

    .build-your-own-container {
        padding: 50px 250px !important;
    }

    .wwa-title {
        margin-top: 30px;
    }

    .build-your-own-wrapper .product-quantity-div {
        width: 24%;
    }
}

/*SIZE XL*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .search-container .search-input-close {
        margin-left: 40px;
    }

    .bottom .product-quantity-div .btn-decrement {
        margin-left: 2px !important;
    }

    .cart-item-qty .product-quantity-div {
        width: 30% !important;
        justify-content: space-between;
    }

    .title-with-image, .dropdown-row > *, .control-btns > * {
        width: auto !important;
    }

    .control-btns {
        margin-right: 122px !important;
    }

    .cart-item-price {
        padding-left: 0 !important;
    }

    .splash-screen {
        left: 150px !important;
        right: 150px !important;
    }

    .wwa-title {
        margin-top: 30px;
    }
}

/*SIZE XXL*/
@media screen and (min-width: 1400px) {
    .search-container .search-input-close {
        margin-left: 80px;
    }

    .title-with-image, .dropdown-row > *, .control-btns>* {
        width: auto !important;
    }

    .control-btns {
        margin-right: 88px !important;
    }

    .product-quantity-div .input-quantity {
        margin-left: 6px !important;
    }

    .product-quantity-div .btn-increment {
        margin-left: 5px !important;
    }
}

/*CUSTOM RESPONSIVE SETTINGS*/
@media (min-width: 992px) {
    .col-md-offset-9 {
        margin-left: 71.5%;
    }
}
