body {
    font-family: 'Segoe UI Regular';
    font-size: 16px;
    color: #707070;
    background: #F5F8FA;
}

@font-face {
    font-family: 'nunitobold';
    src: url('../fonts/nunito_bold-webfont.woff2') format('woff2'),
    url('../fonts/nunito_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nunitoregular';
    src: url('../fonts/nunito_regular-webfont.woff2') format('woff2'),
    url('../fonts/nunito_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nunitolight';
    src: url('../fonts/nunito_light-webfont.woff2') format('woff2'),
    url('../fonts/nunito_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nunitosemibold';
    src: url('../fonts/nunito-semibold-webfont.woff2') format('woff2'),
    url('../fonts/nunito-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nunitoextrabold';
    src: url('../fonts/nunito-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/nunito-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}

@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('../fonts/Segoe UI Italic.woff') format('woff');
}

@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('../fonts/Segoe UI Bold.woff') format('woff');
}

@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('../fonts/Segoe UI Bold Italic.woff') format('woff');
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
    url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
    url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
    url('../fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneueregular';
    src: url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('../fonts/helveticaneue_light-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.woff2') format('woff2'),
    url('../fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticabold';
    src: url('../fonts/helvetica-bold-webfont.woff2') format('woff2'),
    url('../fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.btn_green {
    background: #2cb254;
    border-radius: 4px;
    width: 100%;
}

.sidebar .btn_green a.nav-link {
    color: #fff;
}

.btn_green a:before {
    background: #2cb254 url("../img/double_left_angel_img.png") 0 0 no-repeat;
    width: 12px;
    height: 11px;
    content: "";
    display: inline-block;
}

.bg_orange {
    background: #ff9c1e;
    color: #fff;
    padding: 13px 10px;
    width: 100%;
}

.social-menubar li {
    font-size: 20px;
    float: left;
    list-style: none;
    font-family: 'Segoe UI Bold';
    position: relative;
    padding: 15px 6px 13px 6px;
}

.social-menubar ul {
    padding: 0;
    margin: 0;
}

.social-menubar li a {
    color: #ABB5BE;
    text-decoration: none;
    display: inline-block;
    width: auto;
}

.social-menubar {
    -webkit-box-shadow: 0 10px 10px -10px #999;
    -moz-box-shadow: 0 10px 10px -10px #999;
    box-shadow: 0 10px 10px -10px #999;
    background: #fff;
    border: 1px solid #B8C3CD;
    border-radius: 4px;
    padding: 0 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
}

.social-menubar li.active a:after {
    color: #FF9C1E;
    height: 4px;
    background: #FF9C1E;
    border-radius: 4px;
    content: "";
    display: block;
    width: 55%;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.social-menubar li.first.active a:after {
    width: 30%;
}

.social-menubar li.sixth.active a:after {
    width: 100%;
}

.social-menubar li.first {
    width: 19%;
}

.social-menubar li.second, .social-menubar li.third {
    width: 21%;
}

.social-menubar li.fourth {
    width: 16%;
}

.social-menubar li.fifth {
    width: 14%;
}

.social-menubar li.sixth {
    width: 9%;
}

.when-party select {
    text-transform: capitalize;
    width: 100%;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}

/* custom select */
select {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;*/
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #4b93d2;
    background-image: none;
}

/* Remove IE arrow */
select::-ms-expand {
    display: none;
}

/* Custom Select */
.select {
    position: relative;
    display: flex;
    width: 100%;
    height: 2.5em;
    line-height: 2.5;
    background: #fff;
    overflow: hidden;
    outline: none;
    border-radius: 3px;
}

.select-bg {
    background: #4B93D2;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 5px;
}

.select-bg span {
    width: 100%;
    text-align: center;
    text-transform: capitalize;
}

select {
    flex: 1;
    padding: 0 .5em;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}

/* Arrow */
.select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #fff;
}

/* Transition */
.select:hover::after {
    color: #fff;
}

.hide {
    display: none;
}

a.btn-grey {
    background: #8B9BA8;
    font-size: 14px;
    font-family: 'nunitobold';
    padding: 6px 0;
    color: #fff;
    border-radius: 20px;
    float: right;
    text-decoration: none;
    width: 110px;
    text-align: center;
}

.mr-20 {
    margin-right: 20px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.w-265 {
    width: 265px;
}

.main-content {
    background: #fff;
}

.main-content-info {
    width: 19.2%;
    float: left;
    margin-right: 1%;
    border: 1px solid #ABB5BE;
    border-radius: 4px;
    padding: 0;
    margin-top: 10px;
}

.main-content-info.first {
}

.main-content-info.last {
    margin-right: 0;
}

.info-box-header {
    font-family: 'Segoe UI Bold';
    font-size: 15px;
    background: #FF9C1E;
    text-align: center;
    padding: 6px;
    color: #fff;
}

.info-box-content {
    padding: 10px 5px;
    float: left;
    width: 100%;
}

.info-box-content .form-control {
    background: 40px;
    background: #EFF4F8;
    border: none;
    border-radius: 0;
}

.main-content-top .info-box-content .form-control {
    height: 50px;
    text-align: center;
}

.main-content-info1 {
    width: 31.3%;
    margin-right: 3%;
    min-height: 258px;
}

.info-box-content label {
    float: left;
    width: 8%;
    margin: 3px 0 0 0;
    font-size: 14px;
}

.main-content-middle .info-box-content .form-control {
    float: left;
    width: 92%;
}

.label-input {
    margin-bottom: 5px;

}

.info-box-content .label-input1 label {
    width: 29%;
}

.main-content-middle .info-box-content .form-control:focus {
    box-shadow: none;
}

.main-content-middle .info-box-content .label-input1 .form-control {
    width: 71%;
}

.info-box-content .label-input2 label {
    width: 45%;
}

.main-content-middle .info-box-content .label-input2 .form-control {
    width: 55%;
}

.info-box-content .label-input3 label {
    width: 67%;
}

.main-content-middle .info-box-content .label-input3 .form-control {
    width: 33%;
}

.main-content-middle {
    float: left;
    width: 100%;
}

.main-content-bottom p {
    font-family: 'Segoe UI Italic';
    float: left;
    margin: 5px 0 0 0;
}

a.btn-blue {
    background: #4B93D2;
    border-radius: 20px;
    font-family: 'robotomedium';
    font-size: 16px;
    width: 250px;
    position: relative;
}

a.btn-blue:after {
    background: url(../img/download_icon.png) 0 0 no-repeat;
    width: 14px;
    height: 17px;
    content: "";
    display: inline-block;
    margin: 3px 15px 0 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.nav-link {
    padding: .4rem 1rem;
}

.navbar {
    /*display: none;*/
}

.select-bg::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

.select-bg:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.select-bg::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.main-content-box-inner .info-box-content .label-input2 label {
    width: 55%;
}

.main-content-box-inner .info-box-content .label-input2 .form-control {
    width: 45%;
    height: 30px;
    margin-bottom: 5px;
}

.main-content-box-inner .info-box-content .label-input3 label {
    width: 69%;
}

.main-content-box-inner .info-box-content .label-input3 .form-control {
    width: 31%;
    height: 30px;
    margin-bottom: 5px;
}

.main-content-box-inner {
    min-height: 190px;
}

.bottom_p {
    font-family: 'Segoe UI Italic';
    font-size: 16px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
}

.main-content-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

.left_panel {
    width: 20%;
    position: fixed;
}

.right_panel {
    width: 80%;
    padding: 0px 0 0 0;
}

.bg-yellow {
    background: var(--primaryColor);
}

.w-20 {
    width: 20%;
}

.nav-page .nav li {
    border-bottom: 2px solid #fff;
    font-family: 'helveticaneuebold';
    font-size: 18px;
    text-align: center;
}

.nav-page .nav li:first-child {
    border-top: 2px solid #fff;
}

.nav-page .nav li a {
    color: #fff;
}

.left_panel {
    padding: 130px 0 0 0;
    top: 0;
}

.sidebar.nav-page .active .nav-link {
    border: none;
}

.search_block {
    padding: 5px;
    font-family: 'helveticaneuemedium';
    margin: 0;
}

.left-header {
    width: 100%;
    float: left;
}

.right-header {
    width: 100%;
    float: left;
}

.search_img {
    width: 17px;
    height: auto;
    outline: none;
    float: left;
}

.search_block input.form-control {
    width: 90%;
    float: right;
    height: 20px;
    border-radius: 5px;
    font-size: 12px;
    padding: 3px 12px;
    margin: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.left_panel_block_b ul li {
    float: left;
    font-family: 'helveticaneuebold';
    font-size: 10px;
    color: #fff;
    margin: 5px 2px;
}

.left_panel_block_b ul li a {
    color: #fff;
}

.left_panel_block_b ul {
    width: 240px;
    margin: 0 auto;
}

.longEnough {
    max-height: 100%;
    width: 100%;
    overflow: auto;
    float: left;
    overflow: hidden;
}

.longEnough.Indexscroll {
    max-height: 100%;
    width: 20%;
}

.title-sign {
    background: var(--primaryColor);
    color: #fff;
    text-transform: uppercase;
    font-family: 'helveticaneuebold';
}

.title-sign-inner {
    padding: 7px 6px;
    float: left;
    width: 100%;
}

.title-sign h2 {
    font-size: 20px;
    margin: 0;
}

.signinup ul li {
    float: left;
    font-size: 12px;
    margin: 3px 0 0 0;
}

.signinup ul li:after {
    background: url("../img/separator.png") top right no-repeat;
    content: "";
    display: inline-block;
    width: 5px;
    height: 12px;
}

.signinup ul li:last-child:after {
    background: none;
    width: 0;
}

.signinup ul li a {
    color: #fff;
    margin: 0 5px;
}

header .signinup ul li a {
    color: #fff;
    font-family: 'helveticaneuebold';
}

header .signinup_m ul li {
    margin-top: 13px;
}

header .signinup ul li:after {
    background: url(../img/separator.png) top right no-repeat;
}

header .signinup_m ul li:after {
    background: url(../img/separator_grey.png) top right no-repeat;
}

.address-div, .delivery-hours-inner {
    font-family: 'helveticaneuebold';
    font-size: 11px;
    color: #333;
}

.address-div, .delivery-hours {
    padding: 0 10px;
}

.zindex {
    z-index: 1100;
}

.mobile-logo-lang {
    background: #f0f3f4;
    padding: 7px;
    text-align: center;
    position: relative;
    display: none;
}

.mobile-logo-lang .custom-select {
    position: absolute;
    right: 0px;
    top: 0;
    background: none;
    font-size: 12px;
}

/*.delivery-hours-inner {
    margin: 6px 7px 0;
    border-bottom: 2px solid #EDEDED;
    float: left;
    width: 99%;
    padding-bottom: 6px;
}*/
.address-left, .address-right, .delivery-hours-right, .delivery-hours-left {
    padding: 6px;
    border-bottom: 2px solid #EDEDED;
}

.address-right p {
    float: right;
}

.mr-2px {
    margin-right: 2px;
}

.btn-red {
    background: #ea0707;
    padding: 0 2px;
    border-radius: 3px;
    float: left;
    color: #fff;
    font-size: 10px;
}

.btn-red.btn-green {
    background: #01C117;
}

.delivery-hours ul li {
    margin-right: 12px;
    float: left;
}

.delivery-hours ul li img {
    height: 14px;
}

select.custom-select {
    color: #333;
    background: #fff;
    padding: 0;
    font-family: 'helveticaneuebold';
}

select.custom-select::after {

}

.delivery-hours ul li:last-child {
    margin-right: 0;
}

html, body {
    height: 100%;
}

/*.icon {
    font-size: 10px;
    padding-right: 5px;
}*/
.collapsible {
    background: #F0F3F4;
    font-family: 'helveticaneuebold';
    font-size: 18px;
    color: #333;
    display: inline-block;
    width: 100%;
    padding: 7px 15px;
    -webkit-box-shadow: 0 5px 6px -6px rgb(132, 125, 98);
    -moz-box-shadow: 0 5px 6px -6px rgb(132, 125, 98);
    box-shadow: 0 5px 6px -6px rgb(132, 125, 98);
    border-radius: 2px;
    outline: 0;
    border: 0;
    margin-bottom: 5px;
    text-align: left;
}

.ProductsMain {
    padding: 6px 10px 35px 10px;
}

.ProductsMain .active, .ProductsMain .collapsible:hover, .ProductsMain .collapsible:focus {
    background-color: #F0F3F4;
    outline: 0;
    border: 0;
}

.ProductsMain .active {
    margin-bottom: 10px;
}

.ProductsMain .content_box {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.collapsible:after {
    background: url("../img/down-icon.png") top right no-repeat;
    float: right;
    content: "";
    height: 11px;
    width: 18px;
    margin: 10px 0 0 0;
}

.collapsible.active:after {
    background: url("../img/open-icon.png") center right no-repeat;
}

.btn-yellow, .btn-yellow:hover {
    font-family: 'helveticaneuemedium';
    font-size: 14px;
    background: var(--primaryColor);
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px;
    border: 0;
}

.btn-yellow:hover {
    opacity: 0.9;
}

.productsBlock {
    float: left;
    position: relative;
    -webkit-box-shadow: 0 0 5px 2px rgb(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 2px rgb(0, 0, 0, .1);
    box-shadow: 0 0 5px 2px rgb(0, 0, 0, .1);
    border: 1px solid #eee;
    margin-bottom: 12px;
    background: #fff;
    width: 98.7%;
}

.productsBlock.last {
    margin-bottom: 0;
}

.border-box {

}

.productsBlock h3 {
    font-size: 20px;
    font-family: 'helveticaneuebold';
    color: #333333;
    margin-bottom: .6rem;
}

.productsBlock p {
    font-family: 'helveticaneuemedium';
    font-size: 12px;
    line-height: 1.2;
    color: #333;
}

.productsBlockLeft {
    width: 70%;
    float: left;
    padding: 15px 15px 5px 15px;
}

.productsBlockRight {
    float: right;
    width: 30%;
}

.ProductLeftBottom {
    float: left;
    position: absolute;
    bottom: 10px;

    right: 33%;
    width: 64%;

    left: auto;
}

.ProductLeftBottom p, p.p_red {
    color: #EA0707;
    font-family: 'helveticaneuemedium';
    font-size: 15px;
    margin-top: 2px;
}

.pr-0 {
    padding-right: 0;
}

.fixed-bottom-div {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 3px 8px;
    background: #333333;
    color: #fff;
    width: 100%;
    z-index: 1100;
}

.fixed-bottom-div p {
    font-size: 13px;
    font-family: 'helveticaneuebold';
    margin-top: 4px;
}

.w-45 {
    width: 48%;
}

.w-55 {
    width: 52%;
}

.w-65 {
    width: 65%;
}

.w-35 {
    width: 35%;
}

.nav-search {
    height: 50px;
    float: left;
}

.nav-search-button {
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
}

.nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #343a40;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    transform: rotate(-45deg);
}

.nav-search > form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
}

.nav-search-close-button {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 20px;
    top: 5px;
    line-height: normal;
    color: #343a40;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}

.nav-search-inner {
    width: 70%;
    height: 45px;
    margin: auto;
    display: table;
}

.nav-search-inner input[type="text"], .nav-search-inner input[type="search"] {
    height: 45px;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    font-size: 20px;
    text-align: center;
    color: #343a40;
    outline: none;
    line-height: 70px;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
}

.roboto-regular {
    font-family: 'helveticaneueregular';
}

.fixed-bottom-div-desktop {
    display: block;
}

.fixed-bottom-div-mobile {
    display: none;
}

.delivery-hours-right ul {
    float: right;
}

.fixed-bottom-div-mobile, .fixed-bottom-div-desktop {
    padding-top: 5px;
    padding-bottom: 5px;
}

.fixed-bottom-div-mobile {
    padding: 7px 60px;
}

.nav-desktop {
    display: block;
    padding-bottom: 35px;
    width: 100%;
    float: left;
}

.nav-mobile {
    display: none;
}

/* Model Css */
.p-10 {
    padding: 10px;
}

#my-modal-addcard {
    color: #333;
}

#my-modal-addcard h3, #my-modal-signIn h3 {
    font-size: 20px;
    font-family: 'helveticaneuebold';
    color: #333;
    margin-bottom: 0.6rem;
}

#my-modal-addcard p, .form-group label.custom-control-label, #my-modal-addcard .custom-select, .DateBox .custom-select {
    font-size: 12px;
    font-family: 'helveticaneuemedium';
}

.form-group label {
    font-family: 'helveticaneuebold';
    font-size: 16px;
}

#my-modal-addcard .custom-select, .DateBox .custom-select, select.custom-select {
    border: 1px solid #EFEFEF !important;
    border-radius: 5px;
    width: 235px;
    padding: 5px;
}

#my-modal-signIn .wg-modal-close, #my-modal-checkout1 .wg-modal-close {
    display: none;
}

/* Age Dialog Box */
#my-modal-checkout1 .wg-modal-close.wg-modal-close1 {
    display: block;
    width: 100px;
    font-size: 18px;
    margin: 0 auto;
    color: #333;
}

#my-modal-checkout1 .wg-modal-close.wg-modal-close1:hover, #my-modal-checkout1 .wg-modal-close.wg-modal-close1:focus {
    color: #fff;
}

.p-15 {
    padding: 15px;
}

.uploadImage {
    width: 46%;
    font-family: 'helveticaneuemedium';
}

.uploadImage .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.uploadImage .btn {
    color: #fff;
    /*padding: 8px 28px;*/
    background: var(--primaryColor);
    border-radius: 5px;
    font-size: 13px;
}

.uploadImage .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#my-modal-signIn {
    border-radius: 5px;
}

.form-control, .select.custom-select {
    border: 1px solid #EDEDED;
    font-size: 14px;
    font-family: 'helveticaneuemedium';
}

.form-control {
    padding: .375rem .35rem;
}

textarea.form-control {
    resize: none;
}

/*Custom Checkbox */
.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.3rem;
    padding-left: 1.3rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

input, select {
    vertical-align: middle;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primaryColor);
    background-color: var(--primaryColor);
}

.custom-checkbox .custom-control-label::before {
    border: 2px solid var(--primaryColor);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primaryColor);
    background-color: var(--primaryColor);
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

/* Input Number + - */
.input-group button.btn-number, .input-group button.btn-number:focus {
    background-color: var(--primaryColor);
    height: 20px;
    padding: 0;
    width: 20px;
    border: none;
    transition: all 300ms ease;
    border-radius: 50% !important;
    font-family: 'helveticaneuemedium';
    outline: none;
    color: #fff;
    line-height: 0;
    font-size: 19px;
    margin: 0 !important;
}

.input-group .input-number, .input-group .input-number:focus {
    position: relative;
    height: 24px;
    text-align: center;
    width: 30px;
    display: inline-block;
    font-size: 12px;
    margin: 0 !important;
    resize: vertical;
    border: none;
    font-family: 'helveticaneuemedium';
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
}

.input-group .button-plus {
    left: -13px;
}

.input-group input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}

/* Model Css End */
.header-div {
    font-family: 'helveticaneuebold';
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    line-height: 1.2;
    z-index: 1;
}

.header-div {
    padding: 5px;
}

.header-div h2 {
    font-size: 22px;
}

.header-div a {
    color: #333;
    width: 25px;
    height: 25px;
    text-align: center;
}

.header-div a:hover {
    color: #333;
    background: #f0f3f4;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    text-align: center;
}

.bg-f0f3f4 {
    background: #f0f3f4;
}

.productsViewOrder {
    width: 80%;
    margin: 20px auto;
    background: #fff;
    overflow: hidden;
}

.productsViewOrder h3 {
    float: left;
}

.productsViewOrder p.p_red {
    font-size: 22px;
    float: right;
    margin: 0;
    line-height: 1;
}

.productsViewOrder .input-group input[type='button'] {
    color: #333;
}

.productsViewOrderDetail {
    padding: 18px 10px;
}

.couponcode-block {
    font-family: 'helveticaneuebold';
    font-size: 17px;
    color: #333;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.couponBlock {
    font-family: 'helveticaneuemedium';
    font-size: 12px;
    margin-top: 2px;
}

.couponBlock .form-control, .couponBlock .form-control:focus {
    width: 200px;
    padding: 1px 5px;
}

.couponBlock .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.couponBlock .form-control:focus {
    box-shadow: none;
    border: 1px solid #EDEDED;
}

.couponBlock .btn-yellow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 12px;
}

.discount_offer {
    float: left;
}

.discount_offer li {
    float: left;
    margin: 0 5px 0 0;
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    border-radius: 6px;
    font-family: 'helveticaneuemedium';
    font-size: 12px;
}

.discount_offer li a {
    padding: 5px 15px;
    color: var(--primaryColor);
}

.discount_offer li.active {
    background: var(--primaryColor);
}

.discount_offer li.active a {
    color: #fff;
}

.TipBlock {
    padding: 8px 0 10px 0;
    border-bottom: 1px solid #EDEDED;
    float: left;
    width: 100%;
}

.TipBlock h3, .ViewOrderBlock ul li {
    font-family: 'helveticaneuebold';
    font-size: 17px;
    color: #333;
    margin-bottom: 5px;
}

.ViewOrderBlock.grand_total ul li {
    font-size: 19px;
}

.ViewOrderBlock {
    padding: 8px 0 0 0;
    border-bottom: 1px solid #EDEDED;
}

.ViewOrderBlock ul li {
    margin-bottom: 10px;
}

.productsViewOrderDetail button.btn-yellow {
    font-size: 18px;
    text-transform: uppercase;
    padding: 2px 20px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 0;
}

.mCSB_scrollTools {
    left: 0;
    right: auto;
}

.mCSB_draggerRail {
    display: none;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    top: 0px;
}

.p_content {
    min-height: 75px;
}

.productsBlock .btn-vieworder button.btn-yellow {
    width: 100px;
    margin-left: 4px;
    text-transform: uppercase;
}

.btn-vieworder {
    float: right;
}

.productsBlock p.p_price_mobile {
    display: none;
}

.DesktopViewOrder {
    display: block;
}

.MobileViewOrder {
    display: none;
}

h4, .tab-mnu li, .tabViewOrderBlock h3 {
    font-size: 17px;
    font-family: 'helveticaneuebold';
    color: #333;
}

#my-modal-checkout.wg-modal .wg-modal-close {
    background: #333;
    text-align: center;
    color: #d8d8d8;
    font-size: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding-top: 0px;
    position: absolute;
    top: -5px;
    right: -5px;
}

.tab-mnu {
    border: 1px solid #707070;
    float: left;
    width: 100%;
}

.tab-mnu li {
    background: #fff;
    width: 50%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    cursor: pointer;
}

.tab-mnu li.active {
    background: var(--primaryColor);
    color: #fff;
}

.tabViewOrderBlock p {
    font-size: 12px;
    font-family: 'helveticaneuemedium';
    font-style: italic;
    color: #333;
    line-height: 1;
}

.radius-0 {
    border-radius: 0;
}

/* Nav Mobile Style */
.nav-mobile {
    /*position: fixed;
    top:-45px;
    z-index: 1100;*/
}

.btn-nav-closed-div {
    float: right;
    width: 25%;
}

.btn-nav-closed {
    margin: 10px 11px 0 0;
    background: rgb(51, 51, 51, 0.33);
    color: #fff;
    padding: 0 6px;
    border-radius: 50%;
    float: right;
    line-height: 22px;
}

.nav-mobile-inner {
    padding: 15px;
    width: 100%;
    float: left;
    overflow-y: scroll;
    padding-bottom: 30px;
}

.nav-mobile .nav-top-btn a {
    width: 100%;
    margin-bottom: 8px;
    padding: 5px 10px;
}

.nav-mobile-links {
    margin-top: 15px;
}

.nav-mobile-links ul li {
    font-family: 'helveticaneuemedium';
    font-size: 18px;
    border-bottom: 1px solid #F0F3F4;
}

.nav-mobile-links ul li a {
    color: #333;
    margin: 3px 0;
    display: block;
}

.nav-mobile-links ul li:last-child {
    border: 0;
}

.line_div {
    width: 80px;
    background: var(--primaryColor);
    height: 4px;
}

.nav-mobile-bottom-links {
    bottom: 10px;
    left: 15px;
    top: auto;
}

.nav-mobile-bottom-links ul li {
    font-family: 'helveticaneuemedium';
    font-size: 13px;
    margin: 5px 0;
}

.nav-mobile-bottom-links ul li a {
    color: #333;
}

.nav-search, .signinup_m {
    display: none;
}

.navbar-toggler-icon {
    background: url("../img/Mobile Nav.png") right center no-repeat;
    width: 17px;
    height: 35px;
}

.navbar .navbar-toggler {
    right: 0.5rem !important;
}

/* Reset Select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 1px solid #E2EDFD;
    background: #fff;
    background-image: none;
    color: #333;
}

/* Remove IE arrow */
select.custom-select::-ms-expand {
    display: none;
}

/* Custom Select */
.select.custom-select {
    position: relative;
    display: flex;
    width: 100%;
    background: transparent;
    overflow: hidden;

    border-radius: 5px;
}

.w-100px {
    width: 70px !important;
}

.loginSelect {
    position: absolute;
    right: 0;
    top: 45px;
}

.loginSelect select {
    font-size: 11px;
}

select.custom-select {
    flex: 1;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    color: #333;
    cursor: pointer;
}

/* Arrow */
.select.custom-select::after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.5em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #333;
    font-size: 18px;
    line-height: 1.9;
}

/* Transition */
.select.custom-select:hover::after {
    color: #333;
}

/* Login Css */
.Logo {
    margin: 15px 0;
}

.LoginRegisterBlock {
    width: 100%;
    float: left;
    padding: 0 80px;
}

.LoginRegisterBlock.OrderConfirmedBlock {
    padding: 0 90px;
}

.page-title h2 {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid var(--primaryColor);
    line-height: 0.1em;
    text-transform: uppercase;
    font-family: 'helveticaneuebold';
    font-size: 21px;
    color: var(--primaryColor);
}

.page-title h2 span {
    background: #fff;
    padding: 0 10px;
}

.fontHelveticaNuueBold {
    font-family: 'helveticaneuebold' !important;
}

.LoginRegisterForm .custom-control-label::before, .LoginRegisterForm .custom-control-label::after {
    width: 1.3rem;
    height: 1.3rem;
}

.pt-6px {
    padding-top: 4px;
}

.LoginRegisterForm a {
    color: var(--primaryColor);
    font-size: 13px;
    font-family: 'helveticaneuebold';
}

.LoginRegisterForm label a {
    font-size: 14px;
}

.btn-lg, .btn-lg:hover {
    padding: .5rem 1rem;
    font-size: 1.15rem;
}

.LoginRegisterForm {
    font-family: 'helveticaneuemedium';
    font-size: 13px;
    color: #333;
}

.btn-blue, .btn-blue:focus, .btn-blue:hover {
    background: #003F96;
}

.pt-40 {
    padding-top: 35px;
}

.LoginRegisterForm .form-group label {
    font-size: 14px;
    font-family: 'helveticaneuemedium';
    color: #333;
}

.col-div-3 {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.col-div-3.last {
    margin-right: 0;
}

.fontHelveticaNuueMedium {
    font-family: 'helveticaneuemedium' !important;
}

.w-96 {
    width: 96% !important;
}

.hr {
    border-bottom: 3px solid var(--primaryColor);
}

.lang-select .select {
    height: 1.2em;
    line-height: 1.2em;
    width: 55px;
}

.lang-select .select.custom-select::after {
    padding: 0;
    line-height: 1;
}

.productsBlock h3 a {
    color: #333;
}

.LoginRegisterForm h3, .LoginRegisterForm h2 {
    font-size: 20px;
    color: var(--primaryColor);
    font-family: 'helveticaneuebold';
    margin: 20px 0 13px 0;
    text-align: center;
}

.LoginRegisterForm h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 22px 0 10px;
}

.color333 {
    color: #333 !important;
}

.w-88 {
    width: 88%;
}

.LoginRegisterForm a.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

#my-modal-signIn .btn-yellow, #my-modal-signIn .btn-yellow:hover {
    font-size: 15px;
    padding: 7px 10px;
}

#my-modal-signIn .custom-control {
    padding-left: 1.6rem;
}

#my-modal-signIn .LoginRegisterForm .form-group label {
    font-size: 12px;
}

.p-1012 {
    padding: 10px 12px;
}

.mr-1 {
    margin-right: 1px;
}

.font-12 {
    font-size: 12px;
}

.w-30 {
    width: 33%;
}

.hr_grey {
    border-top: 2px solid #F0F3F4;
    padding: 0 0 10px 0;
    margin-top: 10px;
}

.ViewOrderBlock.Checkout_info ul li {
    margin-bottom: 5px;
}

.ViewOrderBlock.Checkout_info {
    border: 0;
}

.user_info p {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.order-history p {
    text-align: left;
    font-size: 14px;
    font-family: 'helveticaneuebold';
    margin-bottom: 5px;
}

.order-history p span {
    color: var(--primaryColor);
}

.colorC1C1C1 {
    color: #C1C1C1 !important;
}

.w-37 {
    width: 37%;
}

.text-right {
    text-align: right;
}

.Item-Main {
    display: table;
    height: 100%;
    width: 100%;
}

.Item-block {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.order-detail .hr_grey {
    margin-bottom: 0;
}

.user_info p a {
    font-size: 20px;
}

.w-175 {
    width: 175px;
}

/* Rewards */
.points_box {
    border: 2px solid #555555;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    margin-bottom: 0px;
}

.title_points {
    position: absolute;
    top: -10px;
    background: #fff;
    width: 125px;
    left: 50%;
    margin-left: -62px;
}

p.h4-hr {
    overflow: hidden;
    position: relative;
    margin: 10px 0;
}

p.h4-hr::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #333;
    position: absolute;
    top: 50%;
    margin-left: 5px;
}

.text-left {
    text-align: left !important;
}

.w-120px {
    width: 120px;
}

.RewardsBlock .productsBlockLeft {
    width: 65%;
    float: left;
}

.RewardsBlock .productsBlockRight {
    width: 30%;
}

.btn_locked, .btn_locked:hover, .btn_locked:focus {
    background: #EFEFEF;
}

.productsBlock .overlay-img {
    background: rgba(0, 0, 0, 0.5) url(../img/locked-icon.png) center no-repeat;
    height: 100%;
    width: 100%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.LoginRegisterForm .order_confirmed p {
    font-size: 15px;
}

.OrderConfirmedCreateAccountBlock {
    background: #F0F3F4;
    border-radius: 25px;
    padding: 10px;
}

.order_confirmed ul li {
    font-size: 15px;
    font-family: 'helveticaneuebold';
}

.OrderConfirmedCreateAccountBlock-w-70 {
    width: 87%;
    margin: 0 auto;
}

.productsViewOrder .productsBlockLR {
    float: left;
    width: 100%;
}

.productsViewOrder .productsBlockLR p.p_red {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.font-13 {
    font-size: 13px !important;
}

.w-80px {
    width: 80px;
}

.font-16 {
    font-size: 16px;
}

#my-modal-checkout2 {
    display: none;
}

.h-100px {
    height: 119px;
}

.capture-img {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -23px;
}

.btn.btn-capture {
    font-size: 20px;
    border: 1px solid #333333;
    background: #fff;
    color: #333;
    width: 100%;
}

 .btn.btn-capture.btn-grey {
    background: #D1D1D1;
    border: 1px solid #D1D1D1;
    color: #fff;
}

#show-hours-menu {
    cursor: pointer;
}

.hidden-hours-menu {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    z-index: 1100;
    padding: 10px;
    border-radius: 5px;
    width: 165px;
}

.hidden-hours-menu ul li {
    font-family: 'helveticaneuemedium';
    margin: 0 0 7px 0;
}

.hidden-hours-menu ul li span.w-40px {
    width: 37px;
    float: left;
}

.hidden-hours-menu ul li:last-child {
    margin: 0;
}

.mr-2 {
    margin-right: 10px;
}

.mt-1px {
    margin-top: 1px;
}

@media only screen and (max-width: 1023px) {
    .main-content-bottom {
        position: static;
    }

    .main-content-info {
        width: 32%;
    }

    .main-content-info1 {
        width: 46%;
    }

    .social-menubar li {
        font-size: 14px;
    }

    /* View order Start */
    .m-bg-white {
        background: #fff;
    }

    .productsViewOrder .productsBlockRight img {
        display: none;
    }

    .productsBlock .p_price_mobile {
        background: #F0F3F4;
        padding: 5px;
        font-family: 'helveticaneuebold';
        font-size: 13px;
        color: #333;
        float: right;
    }

    .productsBlock {
        border-radius: 5px;
    }

    .productsViewOrder .ProductLeftBottom {
        position: absolute;
        right: 0;
        width: 100%;
        border-top: 2px solid #F0F3F4;
    }

    .productsViewOrder .productsBlock button.btn-yellow {
        width: 80px;
    }

    .productsViewOrder .input-group.float-left {
        float: right;
        padding: 10px 10px 10px 0;
    }

    .btn-vieworder {
        float: left;
        padding: 10px 0 0 6px;
    }

    .productsViewOrder p.p_red {
        display: none;
    }

    .productsBlock p {
        overflow: inherit;
    }

    .p_content {
        min-height: 100px;
    }

    .main-content-mp0 {
        padding: 0;
    }

    .couponBlock .form-control, .couponBlock .form-control:focus {
        width: 150px;
    }

    .TipBlock h3, .ViewOrderBlock ul li, .couponcode-block {
        font-size: 14px;
    }

    .productsViewOrderDetail button.btn-yellow {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .ViewOrderBlock.grand_total ul li {
        font-size: 15px;
    }

    .productsViewOrder {
        width: 91%;
    }

    .productsBlock p.p_price_mobile {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);

    }

    .productsBlockLR {
        float: left;
        width: 100%;
    }

    /*End */
    .productsBlock .overlay-img {
        background: rgba(0, 0, 0, 0.5) url(../img/locked-icon-small.png) center no-repeat;
    }
}

@media only screen and (min-width: 890px) and (max-width: 1296px) {
    .productsBlock.ProductHome .ProductLeftBottom {
        position: static;
        width: 100%;
    }

    .RewardsBlock.productsBlock h3 {
        margin-top: 5px;
    }

    .w-m-42 {
        width: 42%;
    }
}

@media only screen and (max-width: 890px) {
    .LoginRegisterBlock {
        padding: 0 15px;
    }

    .w-m-60 {
        width: 60%;
    }

    .OrderConfirmedCreateAccountBlock-w-70 {
        width: 100%;
    }

    .LoginRegisterBlock.OrderConfirmedBlock, .RewardsBlockMain {
        padding: 0 30px;
    }

    .w-120px {
        width: 80px;
    }

    .d-md-none {
        display: block !important;
    }

    .navbar {
        display: block;
    }

    .social-menubar li {
        width: auto !important;
    }

    .social-menubar li.active a:after {
        width: 100% !important;
    }

    .navbar-light {
        height: 45px;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }

    .when-party {
        margin-bottom: 10px;
    }

    .main-content-bottom {
        position: static;
    }

    a.btn-blue {
        float: left;
        margin: 0 auto;
        display: block;
    }

    .right_panel, .left_panel {
        width: 100%;
    }

    .ProductLeftBottom {
    }

    .address-left p, .address-right p {
        font-size: 10px;
    }

    .delivery-hours-left.w-65, .delivery-hours-right.w-35, .delivery-hours-left.w-45, .delivery-hours-right.w-55 {
        width: 100%;
        float: left;
    }

    .lang-select {
        display: none;
    }

    .delivery-hours ul li.review-div {
        float: right;
        margin-right: 0;
    }

    .delivery-hours-right.w-35 {
        border: 0;
    }

    .ProductsMain {
        padding: 0px 0px 60px 0px
    }

    .collapsible {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        margin: 5px ​0 0 0;
    }

    .productsBlock h3 {
        font-size: 14px;
        font-family: 'helveticabold';
        margin-bottom: 0.3rem;
    }

    .productsBlock p {
        font-family: 'helveticaregular';
        font-size: 13px;
        margin-bottom: 4px;
        line-height: 15px;
        max-height: 28px;
        overflow: hidden;
    }

    .productsBlock p {
        font-family: 'helveticaneuemedium';
    }

    .koh-tab-content {
        padding: 0 16px;
        width: 98%;
    }

    .btn-yellow, .btn-yellow:hover {
        font-size: 14px;
        padding: 0 10px;
    }

    .ProductLeftBottom p {
        margin-top: 6px;
    }

    .navbar-light .navbar-toggler {
        border: 0;
    }

    .title-sign, .address-div {
        display: none;
    }

    .mobile-logo-lang {
        display: block;
    }

    .fixed-bottom-div-desktop, .DesktopViewOrder {
        display: none;
    }

    .fixed-bottom-div-mobile, .MobileViewOrder {
        display: block;
    }

    .fixed-bottom-div-mobile a.close_btn {
        position: absolute;
        top: 0;
        right: 5px;
        padding: 0 5px;
    }

    .delivery-hours-right ul {
        float: left;
        width: 100%;
    }

    .nav-desktop {
        display: none;
    }

    .nav-mobile {
        display: block;
    }

    .main-content {

    }

    .p_content {
        min-height: 85px;
    }

    .bg-wg-modal .wg-modal {
        width: 65% !important;
    }

    .bg-wg-modal .wg-modal#my-modal-checkout {
        width: 30% !important;
    }

    .bg-wg-modal .wg-modal#my-modal-checkout1 {
        width: 45% !important;
    }

    .right_panel {
        padding: 45px 0 0 0;
    }

    .left-header ul.nav, .signinup_d {
        display: none;
    }

    .nav-search, .signinup_m {
        display: block;
    }

    .right-header, .left-header {
        width: 100%;
    }

    header .signinup_m ul li a {
        color: #333;
    }

    #sidebarMenu {
        padding: 0;
        width: 100%;
    }

    #nav-mobile {
        height: 100% !important;
        z-index: 2000;
        width: 100%;
    }

    #navbar-toggler {
        z-index: 20000;
        right: 0;
    }

    .w-20 {
        width: 100%;
    }

    .productsBlockLeft {
        width: 70%;
    }

    .productsBlockRight {
        width: 30%;
    }

    .ProductLeftBottom {
        right: 32%;
        width: 66%;
    }

    .ProductLeftBottom p {
        margin-top: 2px;
    }

    .collapsible:after {
        margin-top: 5px;
    }

    .productsBlock.ProductHome p {
        max-height: 30px;
        overflow: hidden;
    }

    .btn-lg, .btn-lg:hover {
        padding: .5rem 1rem;
    }

    .RewardsBlock.productsBlock h3 {
        margin-top: 10px;
    }

    .LoginRegisterForm .points_box h3 {
        font-size: 13px;
    }

    .LoginRegisterForm .points_box h2 {
        font-size: 16px;
        margin: 10px 0 5px;
    }

    .points_box {
        border-radius: 50px;
    }

    .title_points {
        width: 100px;
        margin-left: -50px;
    }
}

@media only screen and (max-width: 767px) {
    .bg-wg-modal .wg-modal#my-modal-checkout {
        width: 65% !important;
    }

    .LoginRegisterBlock, .LoginRegisterBlock.OrderConfirmedBlock, .w-175 {
        width: 100%;
        padding: 0;
    }

    .w-m-100 {
        width: 100% !important;
    }

    .w-m-90 {
        width: 90% !important;
    }

    .w-m-42 {
        width: 42%;
    }

    .w-m-60 {
        width: 60%;
    }

    .LoginRegisterBlock .btn-yellow {
        padding: .5rem 1rem;
    }

    .LoginRegisterBlock .w-120px.btn-yellow {
        padding: .2rem 1rem;
    }

    .LoginRegisterForm .form-group label {
        font-size: 13px;
    }

    .m-w-55 {
        width: 55%;
    }

    .bg-wg-modal .wg-modal, .bg-wg-modal .wg-modal#my-modal-checkout1 {
        width: 90% !important;
    }
}

@media only screen and (max-width: 480px) {
    .main-content-info, .main-content-info1 {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 420px) {
    .productsBlock.ProductHome p {
        max-height: 30px;
        overflow: hidden;
    }

    .productsBlock h3 {
        margin-bottom: 0.2rem;
    }
}