@media (min-width: 760px) and (max-width: 1279px) {


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

    .header-container {
        height: 50px;
        box-shadow: 0px 2px 5px 2px #575757;
    }

    .header-bg {
        background-color: #419E33;
    }

    .main-container-bg {
        background-color: #419E33;
    }

    .header-image {
        max-width: 100%;
        height: auto;
        box-shadow: 0px 5px 10px 0px #575757;
    }
    .cover-image {
        position: relative;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        min-height: 180px;
    }
    .container-content {
        align-content: center;
        width: 30%;
    }

    .content-height {
        min-height: 20px;
        overflow: auto;
    }

    .main-container-white {
        background-color: white;
        min-height: 200px;
        width: 98%;
        border-radius: 10px;
    }

    .main-container-breadcrumbs {
        background-color: white;
        min-height: 45px;
        width: 98.3%;
        border-radius: 10px;
    }

    .main-container-breadcrumbs2 {
        background-color: white;
        min-height: 45px;
        width: 97%;
        float: right;
        border-radius: 10px;
        margin-right: 10px;
    }

    .main-container-left-white {
        background-color: white;
        min-height: 380px;
        width: 30%;
        border-radius: 10px;
        float: left;
        margin-left: 10px;
    }

    .main-container-left-white2 {
        background-color: white;
        min-height: 50px;
        width: 97%;
        border-radius: 10px;
        float: left;
        margin-left: 10px;
    }

    .main-container-right-white {
        background-color: white;
        min-height: 380px;
        width: 67%;
        border-radius: 10px;
        float: right;
        margin-right: 10px;
        margin-top: 10px;
    }
    /* used only for profile content */
    .main-container-right-white2 {
        background-color: white;
        min-height: 380px;
        width: 97%;
        border-radius: 10px;
        float: right;
        margin-right: 10px;
        margin-top: 10px;
    }
    /* used only for shopping basket label */
    .divpadding4 {
        margin-top: -25px;
        margin-left: 10%;
    }

    /* used only for shopping basket icon */
    .divpadding5 {
        margin-top: -25px;
        margin-left: -140px;
    }

    .divpadding7 {
        padding: 5px;
    }

    .divpadding9 {
        margin-top: -15px;
    }

    /* used for the alignment of shopping basket items */
    .divpadding11 {
        width: 85%;
    }

    .divpadding11-admin {
        width: 85%;
    }

    /* used for the alignment of shopping basket items */
    .divpadding12 {
        width: 40px;
    }

    .divpadding12-admin {
        width: 40px;
    }

    /* used for the alignment of shopping basket items */
    .divpadding13 {
        width: 98%;
    }

    /* used for the alignment of shopping basket items */
    .divpadding18 {
        width: 50%;
    }
    .divpadding19 {
        width: 90%;
        text-align: left;
    }
    .divpadding20 {
        width: 20%;
        vertical-align:middle;
    }
    .container-border {
        width: 200px;
        border: 1px;
        border-style: solid;
        height: 310px;
        color: #DDDDDD;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .container-outlet-border{
        width: 200px;
        border: 1px;
        border-style: solid;
        height: 330px;
        color: #DDDDDD;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .container-border-add {
        border: 1px;
        border-style: solid;
        width: 98%;
        height: 30px;
        color: #73B9FF;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .container-border-add2 {
        border: 1px;
        border-style: solid;
        float: left;
        width: 200px;
        height: 260px;
        color: #73B9FF;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .logo-outlet {
        width: 198px;
        height: 115px;
    }

    .basket-items-container {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        background-color: #FF7F00;
        width: 15px;
        height: 15px;
        margin-right: 130px;
        margin-bottom: -15px;
        position: relative;
        font-size: 12px; /* do not remove - changes the position of the font */
    }

    .outlet-item-align {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .basket-Square {
        height: 100%;
        width: 100%;
        margin-left: -90px;
        position: relative; /* To allow children to be absolutely positioned */
    }

    .basket-Circle {
        position: absolute; /* Use absolute positioning */
        height: 15px;
        width: 15px;
        top: 31%;
        left: 50%;
        background-color: #FF7F00;
        border-radius: 50%;
        /*80px;*/
        /*margin-bottom: 50%;*/
        /*30px; */
        float: left;
        /*margin-right: 20px;*/
    }

        .basket-Circle span {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 91%;
            height: 86%;
            margin: auto;
            text-align: center;
            font-size: 10px;
            color: white;
        }

    .basket-header {
        padding-right: 5%;
    }

    .textbox-profile-details-radtextbox {
        width: 50%;
    }

    .textbox-profile-password-radtextbox {
        width: 50%;
    }

    .container-border-kitchen {
        border: 1px;
        border-style: solid;
        width: 180px;
        margin-bottom: 5px;
        display: inline-block;
        border-radius: 5px;
    }

    .font-blue5 {
        color: #0000BF;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
    }

    .font-blue6 {
        color: #0000BF;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
    }

    .font-green3 {
        color: #409E33;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
    }
     .rootLogo {
        max-height: 26px;
        margin-top: 9px !important;
    }
    .order-message {
        width: 60vw;
    }
    .modifier-window {
        width: 65vw;
        border-radius: 8px;
        border: 2px solid green;
    }
    .checkout-child {
        width: 250px;
        margin: auto;
    }
    .spacer1W {
        width: 1px;
        height: 450px;
    } 
}