.header .header-group .logo-home img {
    padding: 5px !important;
}
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .login_form.custom_login_form .input-box input {
            border: solid 1px #ececec;
        }
    }
}

@media only screen and (max-width: 1300px) {
    .page-wrapper {
        overflow: hidden;
    }
}

@media only screen and (min-width: 1200px) {
    .five-column {
        max-width: 20%;
    }
}

@media only screen and (max-width: 1199px) {
    .page-wrapper {
        margin-bottom: 0px !important;
    }
    .container {
        max-width: 100%;
    }
    .header-top .phone-info {
        display: none;
    }
    .main-header .menu-right-content .link-btn {
        display: none;
    }
    .main-header .menu-right-content {
        display: none;
    }
    /*ul.menu li a img {
        margin-right: 0px;
    }*/
    ul.menu li a {
        padding: 7px 4px;
    }
}

@media only screen and (min-width: 992px) {
    .row.row-revers-lg {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
}

@media only screen and (max-width: 1366px) {
    .cart {
        margin: 0 10px 0px 30px;
    }
    #menuzord > ul > li > a {
        padding: 27px 18px;
    }
    .header.stickytop #menuzord > ul > li > a {
        padding: 27px 18px;
    }
    .header .header-group .login {
        margin-top: 28px;
    }
    .header.stickytop .header-group .login {
        margin-top: 24px;
    }
    .banner_box {
        padding: 40px 70px 50px 70px;
        margin-top: -462px;
    }
    .banner_box .text {
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 27px;
    }
    .banner_section.slider_img {
        width: 100%;
        position: relative;
    }
}

@media only screen and (max-width: 1199px) {
    .header {
        padding: 0px 15px;
    }
    .nav-group {
        padding-left: 25px;
    }
    #menuzord > ul > li > a {
        padding: 27px 12px 26px 12px;
    }
    .header.stickytop #menuzord > ul > li > a {
        padding: 20px 12px 20px 12px;
    }
    .banner_section.slider_img {
        width: 100%;
        position: relative;
    }
    .social-links a {
        padding: 9px 16px 0 0;
    }
    .banner_box {
        margin-top: -487px;
    }
}

@media only screen and (max-width: 991px) {
    .countdown_mobile {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .countdown_mobile ul.countdown {
        margin-top: 30px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .countdown_mobile ul.countdown {
        text-align: center;
    }
    .countdown_mobile ul.countdown li {
        display: inline-block;
        float: none;
        width: 22%;
        text-align: center;
    }
    .countdown_mobile ul.countdown li .colne {
        top: -36px;
        right: 0px;
    }
    .time_section {
        width: auto;
    }
    /*a.mobile_view_card_header {
        text-align: center;
        color: #fff !IMPORTANT;
        padding: 32px 36px 4px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 12px !IMPORTANT;
        text-transform: uppercase;
        letter-spacing: 0.8px !IMPORTANT;
        font-family: "proxima-nova";
        font-weight: 500;
        background: #3b2180;
        margin: 0 auto;
        display: block;
        position: absolute;
        left: 30px;
        right: 0;
        width: 216px;
    }*/
    .btn-menu {
        display: block;
    }
    .header .logo {
        margin-top: 6px;
    }
    .header .header-group .login {
        margin-top: 12px;
    }
    .header .group-icon-nav {
        float: left;
        padding-left: 20px;
    }
    .header .header-group .login a {
        padding: 5px 10px;
    }
    .header.stickybottom ~ #menuzord-mobi {
        /*position: fixed;
    	    top: 74px;*/
    }
    .header.stickytop {
        position: relative !important;
    }
    .mobile_search {
        display: none;
    }
    .retailers_details .breadcrumb {
        display: none;
    }
    .retailers_details .left_section .logo_left {
        float: none;
        width: auto;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .retailers_details .left_section .right_content .left .title_name {
        font-weight: 400;
    }
    .desktop_hidden_ul {
        display: none;
    }
    .mobile_active_ul {
        margin: 0px;
        padding: 0px;
        padding-bottom: 50px;
    }
    .mobile_active_ul li {
        list-style: none;
        float: left;
        font-family: "proxima-nova";
        font-weight: 400;
        padding: 0px 7px;
        display: block;
        background: #f1eaf5;
        text-align: center;
        font-size: 13px;
        margin-right: 10px;
        float: left;
        color: #3b2180;
        border-radius: 5px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .retailers_details .right_section {
        display: none;
    }
    .retailers_details .left_section .right_content .left .text5 {
        font-size: 14px;
        color: #000000;
        line-height: 25px;
        width: 250px;
        font-family: "proxima-nova";
        font-weight: 300;
        padding: 10px 0 0 0;
    }
    .retailers_details .left_section .right_content .left .map_section .purple_text {
        font-size: 15px;
        color: #3b2180;
        font-family: "proxima-nova";
        font-weight: 500;
        width: 190px;
    }
    .retailers_details .left_section .right_content .left .map_section p {
        padding: 0px;
        margin: 0px;
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 13px;
        float: left;
        width: 250px;
    }
    .retailers_details .left_section .right_content .shop_btn {
        color: #d80031;
        text-align: center;
        display: block;
        border-radius: 20px;
        letter-spacing: 2PX;
        border: solid #d80031 2px;
        font-size: 11px;
        font-family: "proxima-nova";
        font-weight: 700;
        text-transform: uppercase;
        margin-top: -22px !IMPORTANT;
        width: 106px;
        float: right;
    }
    .grid_700 .datatable td {
        padding: 6px 6px;
        font-size: 14px;
        font-family: "proxima-nova";
        font-weight: 400;
        width: 50%;
    }
    .retailers_details .left_section .right_content {
        float: none;
        width: auto;
    }
    .nav-group {
        float: right;
        padding-left: 0;
    }
    .mobile_menu .menu_container .nav_menu {
        line-height: 28px;
    }
    .page-wrapper div {
        height: auto !important;
    }
    .textcontent {
        height: auto;
    }
    .select-style {
        width: auto;
        float: none;
    }
    .login_img img {
        display: none;
    }
    .inner_page_form {
        background: #fff;
        padding: 28px 16px;
        margin: 0px;
        position: static;
    }
    .map-mobile {
        display: block;
        position: absolute;
        z-index: 99;
        top: 232px;
        width: 100%;
        left: 0;
        right: 0;
    }
    .map-mobile div {
        height: 330px !important;
        width: auto;
    }
    .gm-style {
        height: 26px !important;
    }
    .gmnoprint {
        display: none !important;
    }
    .retailers_mid {
        padding-bottom: 0px;
    }
    .retailers_box {
        padding-top: 225px !important;
    }
    .footer_area .learn_more {
        display: none;
    }
    .retailers_mid .text_content {
        width: 290PX;
        font-size: 11px;
        line-height: 28px;
        font-family: "proxima-nova";
        font-weight: 400;
        line-height: 16px;
        max-width: 100%;
        margin-top: 10px;
        float: none;
    }
    .retailers_mid .heading_top a {
        color: #d80031;
        font-weight: 600;
        font-size: 16px;
    }
    .retailers_right {
        display: none;
    }
    .search_section .sec-title {
        display: none;
    }
    .search_section .input-group {
        width: 326px;
        position: relative;
        z-index: 99999;
        margin: 0 auto;
        padding: 0px;
        margin: 0 auto;
        top: -35px;
    }
    .retailers_mid img {
        float: left;
    }
    .retailers_mid .heading_top .img_logo {
        display: none;
    }
    .retailers_mid .blue_text {
        color: #4e3398;
        font-weight: 400;
        position: relative;
        top: -42px;
    }
    .search_section .btn_blue {
        position: relative;
        Z-INDEX: 1111;
        text-indent: -999px;
    }
    .search_section .input-group .fa-search {
        position: absolute;
        top: 14px;
        z-index: 9;
        padding: 15px 18px;
        color: #f2f7ff;
        right: -45px;
        z-index: 98989898;
        display: none;
    }
    .search_section .input-group .fa-search:before {
        content: "\f002";
    }
    .search_section .form-control {
        text-indent: 0px;
    }
    .search_button_section {
        width: 100%;
        position: absolute;
        z-index: 99999;
        top: -81px;
        left: 0;
    }
    .search_button_section .btn_blue_search input {
        background: url(../images/search_mobile.png) right no-repeat;
        height: 20px;
        width: 20px;
    }
    .search_section .btn_blue_search {
        color: #fff;
        font-size: 14px;
        float: left;
        margin-right: 30px;
        background: url(../images/search_mobile.png) right no-repeat;
        font-family: "proxima-nova";
        font-weight: 400;
        WIDTH: AUTO;
        TEXT-INDENT: -99;
        position: absolute;
        right: 125px;
    }
    .search_section .btn_blue_search_nearest_store {
        color: #fff;
        font-size: 14px;
        float: left;
        margin-right: 24px;
        background: url(../images/map_icon.png) right no-repeat;
        font-family: "proxima-nova";
        font-weight: 400;
        WIDTH: AUTO;
        TEXT-INDENT: -99;
        position: absolute;
        right: 45px;
    }
    .button_container {
        right: 105px;
    }
    .search_button_section.shop_online .button_container {
        right: 20px !important;
    }
    .search_section .search_button_section.shop_online .btn_blue_search {
        right: 50px !important;
    }
    .search_section .btn_blue_filter {
        text-align: center;
        color: #fff;
        font-size: 14px;
        float: left;
        margin-right: 10px;
        background: url(../images/filter_icon_mobile.jpg) right no-repeat;
        border-radius: 5px;
        font-family: "proxima-nova";
        font-weight: 400;
        TEXT-INDENT: -99999;
        padding: 5px 0px 10px 9px;
        margin-right: 16px;
        display: none;
    }
    .mobile_filters {
        width: auto;
        float: right;
    }
    .checkbox_search {
        margin-top: 0px;
        width: auto;
        padding: 0px 0 0 0;
    }
    .checkbox_search h3 {
        float: left;
        width: 100%;
        display: block;
        margin-bottom: 0px;
    }
    .menu_filter {
        padding: 150px 0 0 0;
    }
    .catetab {
        color: #050000;
        font-size: 9px !IMPORTANT;
        background-color: #f1eaf5 !IMPORTANT;
        background-repeat: no-repeat;
        background-position: 2px;
        padding: 10px;
        border-radius: 5px 5px 5px;
        border: 1px solid #f5f4f4;
        padding-left: 25px;
        position: relative;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0px 13px !IMPORTANT;
        line-height: 26px;
    }
    .nav-group {
        margin-top: 22px !important;
    }
    .banner_section.slider_img {
        height: auto !important;
    }
    nav.overlay-menu > label {
        padding: 0 29px;
    }
    .chklist.table input[type="checkbox"] {
        visibility: hidden;
    }
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
    .banner_box {
        margin: initial;
        margin-top: -190px;
    }
    .header .header-group .login {
        margin-top: 35px;
    }
    .header.stickytop .header-group .login {
        margin-top: 35px;
    }
    .drop_down {
        margin-left: 161px;
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .banner_box {
        margin: initial;
        margin-top: -190px;
    }
    .header .header-group .login {
        padding: 0px 6px;
        font-size: 11px;
    }
    .drop_down {
        width: 570px;
        margin-left: 234px;
    }
    .drop_down_menu {
        font-size: 11px !important;
    }
    ul.menu li a {
        padding: 7px 8px;
        font-size: 12px;
    }
    .header .header-group .login {
        margin-top: 36px;
    }
    .header.stickytop .header-group .login {
        margin-top: 36px;
    }
}

@media only screen and (max-width:768px) {
    .btn_blue_full_reatiler_list:before {
        content: "\f15c";
        font-size: 26px;
        color: #d80031 !important;
        font-family: FontAwesome;
        visibility: visible;
        position: absolute;
        right: -30px;
        top: 0px;
    }
    .btn_blue_full_reatiler_list {
        color: #fff;
        font-size: 0 !important;
        margin-right: 0;
        font-family: "proxima-nova";
        font-weight: 400;
        width: 30px;
        height: 30px;
        TEXT-INDENT: -99;
        position: absolute;
        right: 15px;
        top: 9px;
        background: transparent;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .inner_page_form .form_right.cust_form_right .billing_info .cart-item {
        padding-top: 0px !important;
        padding-bottom: 6px !important;
    }
    .inner_page_form .form_right.cust_form_right .mobile-padding {
        padding-bottom: 15px;
    }
    .inner_page_form .form_right.cust_form_right .mobile-padding label {
        margin-bottom: 10px;
        display: block;
    }
    .inner_page_form .form_right.cust_form_right .mobile-padding.last {
        padding-bottom: 0px;
    }
    .inner_page_form .form_right.cust_form_right .billing_info .address.captcha input.form-control {
        width: auto !important;
        display: inline-block;
        float: left;
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .inner_page_form .col-md-6.col-sm-6.form_left {
        width: 100%;
    }
    .countdown_logo_section p.text-center img {
        margin-bottom: 15px;
    }
    .countdown_mobile ul.countdown {
        text-align: center;
    }
    .countdown_mobile ul.countdown li {
        display: inline-block;
        float: none;
    }
    .countdown_mobile {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .time_section p.head {
        width: 100%;
    }
    .inner_page_form .form_right.cust_form_right .billing_info .cart-item {
        padding-top: 0px !important;
        padding-bottom: 6px !important;
    }
    .inner_page_form .form_right.cust_form_right .mobile-padding {
        padding-bottom: 15px;
    }
    .inner_page_form .form_right.cust_form_right .mobile-padding label {
        margin-bottom: 10px;
        display: block;
    }
    .inner_page_form .form_right.cust_form_right .mobile-padding.last {
        padding-bottom: 0px;
    }
    .inner_page_form .form_right.cust_form_right .billing_info .address.captcha input.form-control {
        width: auto !important;
        display: inline-block;
        float: left;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .banner_box .footer {
        clear: both;
    }
    .submit_btn_myaccount {
        padding: 5px 0px;
        text-transform: uppercase;
        float: right;
        width: 53%;
    }
    .select-pcmyaccount {
        width: 53%;
        float: right;
    }
    .error_text_login {
        margin-left: 116px;
        display: table;
        position: absolute;
        top: 40px;
    }
    .login_form .input-box {
        position: relative;
        MARGIN-BOTTOM: 0PX;
        height: 80px !IMPORTANT;
    }
    .error_text_popup {
        width: 0px;
        text-align: center;
        float: right;
        margin-top: 36px;
    }
    .error_text_popup5 {
        width: 53%;
        float: right;
    }
    .grid_700 h1 {
        font-size: 25px !IMPORTANT;
    }
    .grid_700 .gdv2 .table td th {
        width: auto !important;
        float: left;
    }
    .submit_btn5 {
        width: 100%;
        font-size: 11px;
    }
    .check_box_inside .chklist label {
        padding: 6px 15px;
        margin-bottom: 19px;
        display: block;
        float: left;
        width: 100%;
        text-align: left;
    }
    .check_box_inside .chklist input[type="checkbox"]:checked + label::after {
        opacity: 5;
    }
    .check_box_inside .chklist {
        margin-left: 0px !important;
    }
    .checkbox-ml .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        width: auto;
    }
    .left_panel {
        display: none;
    }
    .grid_700 p {
        font-size: 14px;
        color: #555;
        font-family: "proxima-nova";
        font-weight: 400;
        line-height: 23px;
    }
    #menuzord-mobi {
        position: relative !important;
    }
    .border_text:before {
        content: "";
        position: absolute;
        background: #fff;
        width: 161px;
        height: 2px;
        left: 15px;
        bottom: 0px;
        right: 0px;
        top: 33px;
    }
    .border_text {
        line-height: 26px;
        float: left;
    }
    .text3 {
        color: #cb7cae;
        text-align: center;
    }
    .title_form {
        color: #3b2180;
        max-width: 100%;
        margin: 0 0 10px;
        border-bottom: none;
        font-size: 24px;
    }
    .mobile_display_none {
        display: none !important;
    }
    .inner_page_form .form_right .payment_info {
        max-width: 100%;
        width: 100%;
    }
    .inner_page_form .billing_info .panel-group .panel {
        max-width: 100%;
        width: 100%;
        padding: 16px 10px;
    }
    .inner_page_form .billing_info .form-control {
        width: 100% !important;
    }
    .inner_page_form .form_left .form_text {
        font-size: 20px;
        color: #000000;
        padding-bottom: 10px;
        line-height: 24px;
        font-family: "proxima-nova";
        font-weight: 400;
        width: 92%;
        text-align: center;
        font-size: 18px;
        margin: 0 auto;
    }
}

@media only screen and (min-width:360px) and (max-width:360px) {
    .view_btn {
        padding: 8px 30px;
        text-align: center;
        border-radius: 10px;
        font-size: 12px;
        letter-spacing: 1px;
        text-align: center;
        float: left;
        margin-right: 5px;
        width: 46% !important;
        display: block;
        font-weight: 700;
        margin-left: 5px;
    }
    .radio_bar input[type="radio"]:not(:checked) + label, .radio_bar input[type="radio"]:checked + label {
        position: relative;
        padding-left: 25px;
        padding-right: 5px !important;
    }
}

@media only screen and (max-width:760px) {
    .inner_page_form .form_right .radio_bar {
        position: absolute !important;
        top: 0 !important;
        margin-top: -5.5em !important;
    }
    .buymore_content_mobile {
        margin-top: 5em;
        clear: both;
    }
}

@media only screen and (min-width:481px) and (max-width:600px) {
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .login_form .input-box {
        MARGIN-BOTTOM: 15PX;
        height: auto !IMPORTANT;
    }
    .buymore_content_mobile .form_text {
        font-family: "proxima-nova" !important;
        font-size: 16px;
        color: #000;
        font-weight: 400 !important;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
        line-height: 20px;
        margin-bottom: 24px;
        padding: 0;
        width: 100%;
    }
    .inner_page_form .form_right .radio_bar {
        width: 100%;
        margin: 0 auto;
        position: initial;
        left: 0px;
        right: 0px;
        margin-top: 0;
    }
    .radio_bar input[type="radio"]:not(:checked) + label:after, .radio_bar input[type="radio"]:checked + label:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        font-size: 18px;
        line-height: 0.8;
        color: #000000;
        transition: all .2s;
        font-weight: bold;
        background: #3b2180;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }
    .radio_bar input[type="radio"]:not(:checked) + label, .radio_bar input[type="radio"]:checked + label {
        font-size: 13px !IMPORTANT;
        font-family: "proxima-nova" !IMPORTANT;
        font-weight: 700;
        color: #d80031;
        line-height: 16px;
        width: 100%;
        padding: 2px 29px;
        margin-bottom: 15px;
        border-bottom: none;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    .time_p_0 {
        padding: 0px !important;
    }
    ul.countdown {
        margin: 0px;
        padding: 0px;
        MARGIN-TOP: 30PX;
        background: #2a185d;
        overflow: hidden;
        position: relative;
        top: 0px;
        margin: 0 auto;
        padding: 0 22px;
    }
    ul.countdown li {
        float: left;
        font-size: 7px;
        color: #fff;
        text-align: center;
        TEXT-TRANSFORM: uppercase;
        font-family: "Conv_ProximaNova-Regular";
        WIDTH: 50px;
        letter-spacing: 1px;
        TEXT-ALIGN: LEFT;
        font-family: "proxima-nova";
        font-weight: 600;
        padding: 10px 0;
        line-height: 20px;
        text-align: center;
    }
    ul.countdown li span {
        width: 100%;
        font-size: 17PX;
        font-family: "proxima-nova";
        font-weight: 400;
        PADDING: 0 0px;
        display: inline-block;
        text-align: center;
    }
    ul.countdown li .colne {
        position: relative;
        top: -16px;
        right: 0px;
        float: right;
        font-size: 17px;
        font-family: "proxima-nova";
        font-weight: 300;
    }
    .time_section .head {
        font-size: 12px;
        color: #fff;
        letter-spacing: 2px;
        font-family: "proxima-nova";
        font-weight: 600;
        position: relative;
        top: 20px;
        z-index: 9;
        width: 100%;
        text-align: center;
    }
    .countdown_mobile {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .countdown_mobile ul.countdown {
        margin-bottom: 10px;
        background: none;
        margin-top: 50px;
    }
    .countdown_mobile ul.countdown li {
        width: 15%;
    }
    .countdown_mobile ul.countdown li .colne {
        top: -23px;
        right: 0px;
    }
    .time_section .head span {
        display: none;
    }
    .countdown_logo_section {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 0px;
        width: 251px;
        padding: 20px 0 0;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .full_width .my_card_box {
        padding: 20px 31px 10px;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 302px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 280px;
        margin: 0 auto;
    }
    .full_width .my_card_box .heading {
        font-size: 16px;
        color: #421792;
        width: 100%;
        font-family: 'Conv_Proxima Nova Alt Bold';
        LETTER-SPACING: 1PX;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-family: "proxima-nova";
        font-weight: 700;
    }
    .full_width .my_card_box .card-content {
        width: 100%;
        margin-top: 30px;
    }
    .full_width .my_card_box .card-content p {
        float: left;
        font-size: 8px !IMPORTANT;
        margin-top: 29px !IMPORTANT;
    }
    .full_width .my_card_box .card-content .card_logo {
        float: right;
        width: 130px;
    }
    .full_width .my_card_box .card-content .round_btn {
        float: left;
        padding: 0px 21px;
        color: #d80031;
        text-align: center;
        display: block;
        border-radius: 20px;
        letter-spacing: 2PX;
        border: solid #d80031 2px;
        font-size: 11px;
        font-family: "proxima-nova";
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        top: -25px;
        line-height: 30px;
    }
    .desktop_countdown_footer {
        display: none;
    }
    .mobile_countdown_footer {
        text-align: left;
        width: 291px;
        margin: 0 auto;
        margin-bottom: 10px
    }
    .mobile_countdown_footer img {
        float: left;
        height: 45px;
    }    .mobile_countdown_footer p {
        font-size: 9px !IMPORTANT;
        float: left;
        margin-left: 11px;
        line-height: 15px;
        width: 204px;
    }
    .countdown_box {
        background: #f6f6f6;
        overflow: hidden;
        border-radius: 10px;
        padding: 20px;
        margin-top: 10px;
        width: 302px;
        margin: 0 auto;
        max-width: 100%;
    }
    .countdown_box .head2 {
        font-size: 19px;
        color: #f50f5d;
        letter-spacing: 0.6;
        border-bottom: none;
        margin-top: 0px;
        float: left;
        width: 100%;
        padding-bottom: 15px;
        font-family: "proxima-nova";
        font-weight: 500;
        text-align: center;
    }
    .countdown_box ul.countdown_list {
        margin-left: 30px;
        margin-top: 0px;
        float: left;
    }
    .countdown_box ul.countdown_list li {
        list-style: none;
        width: 100%;
        font-size: 13px;
        line-height: 19px;
        color: #000;
        padding: 7px 0;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .countdown_box ul.countdown_list li::before {
        content: "\2022";
        color: #ff0606;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .mobile_filters2 {
        display: none;
    }
    .nav-group {
        float: right;
        padding-left: 0px !IMPORTANT;
        margin-top: -4px !important;
    }
    .retailers_details .left_section .logo_left {
        float: left;
        width: 220px;
        max-width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .shop_btn {
        float: left;
    }
    .retailers_mid .footer_area {
        width: 100%;
        margin: 20px 0 0;
        position: absolute;
        top: 20px;
        right: 0px;
    }
    .submit_btn_myaccount {
        float: left;
        margin-left: 310px;
    }
    .select-pcmyaccount {
        width: 53%;
        float: right;
    }
    .perks_img {
        height: 250px !IMPORTANT;
        width: 100%;
    }
    .error_text_login {
        margin-left: 78px;
        font-size: 13px;
        color: red;
        font-family: "proxima-nova";
        font-weight: 500;
        width: 224px;
        float: right;
    }
    .login_form .input-box {
        position: relative;
        MARGIN-BOTTOM: 0PX;
        height: 70px !IMPORTANT;
    }
    .discount_filter_mobile {
        padding: 190px 0 0 !important;
    }
    .display_none {
        display: none;
    }
    .discount_code_mobile {
        width: 100%;
        padding: 46px 0 0 !important;
    }
    .right_section_card {
        float: none !important;
        margin: 0 auto;
    }
    .error_text_popup {
        width: 95%;
        text-align: center;
        float: right;
    }
    .error_text_popup5 {
        width: 53%;
        float: right;
    }
    .perks_img {
        height: auto;
    }
    .addmore2 {
        margin-top: 0px;
    }
    .card_not_activated_text {
        position: relative;
        right: 0;
        margin-top: -22px;
        font-size: 11px;
        color: #e1112a;
        float: right;
        text-align: right;
    }
    .card_accept {
        font-size: 10px;
        font-weight: 700;
        font-family: "proxima-nova" !important;
        float: left;
        text-decoration: none;
        color: green;
        border-right: solid #421792 1px;
        line-height: 12px;
        padding-right: 0px;
        letter-spacing: 0.6px;
        margin-top: 22px;
        border: solid #008017 1px;
        padding: 5px;
    }
    .card_decline {
        font-size: 10px;
        font-weight: 700;
        font-family: "proxima-nova" !important;
        float: left;
        text-decoration: none;
        color: red;
        line-height: 13px;
        letter-spacing: 0.6px;
        margin-top: 22px;
        padding: 5px;
        border: solid #e1112a 1px;
        margin-left: 5px;
    }
    .left_panel {
        display: none;
    }
    .overlay .drop_down_search {
        width: 94%;
    }
    .mobile_filters2 {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9898989;
        width: 100%;
        top: -93px;
    }
    .overlay .apply_filter_btn {
        width: 94% !important;
    }
    .overlay input {
        opacity: 5;
    }
    .chklist input {
        opacity: 0;
    }
    .retailers_box {
        padding-top: 80px !important;
    }
    .overlay .cat {
        font-size: 14px;
        width: 94% !IMPORTANT;
    }
    .search_section {
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
    }
    .map-mobile {
        position: absolute;
        top: 16px;
        width: 100%;
    }
    .mobile_filters {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9898989;
        width: 100%;
        top: -91px;
    }
    .chklist label::before {
        background: #f5f5f5;
        width: 100%;
        position: absolute;
        z-index: -99;
        margin: 0px;
        height: 80px;
        line-height: 34px;
        padding: 18px 0;
        display: block;
    }
    .chklist label {
        position: relative;
        cursor: pointer;
        font-size: 15px !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 12px;
        font-family: "proxima-nova";
        font-weight: 400;
        float: left;
        color: #1b1a1a;
        padding: 10px 10px;
        border-radius: 5px;
        text-align: center;
        position: relative;
        z-index: 99;
        height: 80px;
        vertical-align: -webkit-baseline-middle;
        display: inline-grid;
        margin-bottom: 0px;
        letter-spacing: 0.5px;
        line-height: 24px;
    }
    .overlay-menu .chklist {
        margin: 0px !important;
    }
    .overlay-menu .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        float: left;
        border: none !important;
        width: 240px;
        padding: 0px 0px;
        margin-bottom: 10px;
    }
    .chklist {
        margin-left: 23px;
        margin-top: 20px;
        padding: 0 7px 0 20px;
        display: block;
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .chklist input[type="checkbox"]:checked + label::before {
        border-color: #b6a4e8;
        background: #3F51B5;
    }
    .chklist input[type="checkbox"]:checked + label::before::before:hover {
        background: #000;
        height: 40px;
    }
    .chklist input[type="checkbox"]:checked + label::after {
        color: #f9f7ff;
        opacity: 0;
    }
    .chklist input[type="checkbox"]:checked + label::before:hover {
        color: #fff !important;
        background: #000;
    }
    label.radio-inline.checked, label.checkbox-inline.checked, label.radio.checked, label.checkbox.checked {
        background-color: #266c8e;
        color: #fff !important;
        text-shadow: #000 1px 1px 2px !important;
    }
    .search_section .input-group {
        width: 100%;
        position: relative;
        z-index: 99999;
        margin: 0 auto;
        padding: 0px;
        margin: 0 auto;
        top: -35px;
    }
    .button_container span {
        top: 40px;
    }
    .button_container span:nth-of-type(2) {
        top: 40px;
    }
    .button_container span:nth-of-type(3) {
        top: 40px;
    }
    .banner_section.slider_img {
        width: 810px;
        position: relative;
        top: 0;
        z-index: auto !important;
        height: 412px;
    }
    .mid_footer {
        padding: 80px 70px 40px !IMPORTANT;
        background: #f1eaf5;
        margin-top: -179px;
    }
    .retailers_box {
        padding-top: 200px !important;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    .page-wrapper {
        position: initial;
    }
    .select-style {
        width: 100% !important;
        float: right;
    }
    .search_section .input-group {
        width: 100%;
    }
    .login_form .input-box input {
        width: 228px !IMPORTANT;
        float: right;
    }
    .login_form .checkbox {
        padding-left: 45px;
        margin-top: 30px;
    }
    .retailers_details .left_section .logo_left img {
        width: 100%;
    }
    .retailers_details .left_section .right_content .left .map_section .purple_text {
        width: 100%;
    }
    .retailers_details .left_section .right_content .left .map_section p {
        width: 100%;
    }
    .buymore_content_mobile {
        display: none;
    }
    .buymore_content_desktop {
        display: block !important;
    }
    .time_p_0 {
        padding: 0px !important;
    }
    ul.countdown {
        margin: 0px;
        padding: 0px;
        MARGIN-TOP: 30PX;
        background: #2a185d;
        overflow: hidden;
        position: relative;
        top: 0px;
        margin: 0 auto;
        padding: 0 22px;
    }
    ul.countdown li {
        float: left;
        font-size: 7px;
        color: #fff;
        text-align: center;
        TEXT-TRANSFORM: uppercase;
        font-family: "Conv_ProximaNova-Regular";
        WIDTH: 50px;
        letter-spacing: 1px;
        TEXT-ALIGN: LEFT;
        font-family: "proxima-nova";
        font-weight: 600;
        padding: 10px 0;
        line-height: 20px;
        text-align: center;
    }
    ul.countdown li span {
        width: 100%;
        font-size: 17PX;
        font-family: "proxima-nova";
        font-weight: 400;
        PADDING: 0 0px;
        display: inline-block;
        text-align: center;
    }
    ul.countdown li .colne {
        position: relative;
        top: -22px;
        right: 0px;
        float: right;
        font-size: 17px;
        font-family: "proxima-nova";
        font-weight: 300;
    }
    .time_section .head {
        font-size: 12px;
        color: #fff;
        letter-spacing: 2px;
        font-family: "proxima-nova";
        font-weight: 600;
        position: relative;
        top: 0px;
        z-index: 9;
        width: 100%;
        text-align: center;
    }
    .countdown_mobile ul.countdown {
        background: none;
        margin-bottom: 0;
    }
    .countdown_mobile ul.countdown li {
        width: 15%;
    }
    .countdown_mobile ul.countdown li .colne {
        top: -22px;
        right: 0px;
    }
    .countdown_logo_section {
        margin: 0 auto 20px auto;
    }
    .countdown_mobile {
        margin-top: 25px;
        margin-bottom: 0;
    }
    .plus {
        width: 39px;
        height: 39px;
        position: absolute;
        right: 212px;
        bottom: -14px;
    }
    .time_section .head span {
        display: none;
    }
    .countdown_logo_section {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 0px;
        width: 251px;
        padding: 20px 0 0;
        margin-bottom: 20px;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .full_width .my_card_box {
        padding: 20px 31px 10px;
        background: #fff url(../images/cardbg.png) center top;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 302px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 202px !IMPORTANT;
        margin: 0 auto;
    }
    .mobile_view_card_header {
        width: 216px;
        text-align: center;
        color: #fff !IMPORTANT;
        padding: 32px 36px 4px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 12px !IMPORTANT;
        text-transform: uppercase;
        letter-spacing: 0.8px !IMPORTANT;
        font-family: "proxima-nova";
        font-weight: 500;
        background: #3b2180;
        margin: 0 auto;
        display: block;
        position: absolute;
        left: 30px;
        right: 0;
        font-weight: 700;
    }
    .full_width .my_card_box .heading {
        font-size: 16px;
        color: #421792;
        width: 100%;
        font-family: 'Conv_Proxima Nova Alt Bold';
        LETTER-SPACING: 1PX;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-family: "proxima-nova";
        font-weight: 700;
    }
    .full_width .my_card_box .card-content {
        width: 100%;
        margin-top: 30px;
    }
    .full_width .my_card_box .card-content p {
        float: left;
        font-size: 8px !IMPORTANT;
        margin-top: 29px !IMPORTANT;
    }
    .full_width .my_card_box .card-content .card_logo {
        float: right;
        width: 130px;
    }
    .full_width .my_card_box .card-content .round_btn {
        float: left;
        padding: 0px 21px;
        color: #d80031;
        text-align: center;
        display: block;
        border-radius: 20px;
        letter-spacing: 2PX;
        border: solid #d80031 2px;
        font-size: 11px;
        font-family: "proxima-nova";
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        top: -25px;
        line-height: 30px;
    }
    .desktop_countdown_footer {
        display: none;
    }
    .mobile_countdown_footer {
        text-align: left;
        width: 291px;
        margin: 0 auto;
        margin-bottom: 10px
    }
    .mobile_countdown_footer img {
        float: left;
        height: 45px;
    }
    .mobile_countdown_footer p {
        font-size: 9px !IMPORTANT;
        float: left;
        margin-left: 11px;
        line-height: 15px;
        width: 204px;
    }
    .countdown_box {
        background: #f6f6f6;
        overflow: hidden;
        border-radius: 10px;
        padding: 20px;
        margin-top: 10px;
        width: 302px;
        margin: 0 auto;
        max-width: 100%;
    }
    .countdown_box .head2 {
        font-size: 19px;
        color: #f50f5d;
        letter-spacing: 0.6;
        border-bottom: none;
        margin-top: 0px;
        float: left;
        width: 100%;
        padding-bottom: 15px;
        font-family: "proxima-nova";
        font-weight: 500;
        text-align: center;
    }
    .countdown_box ul.countdown_list {
        margin-left: 30px;
        margin-top: 0px;
        float: left;
    }
    .countdown_box ul.countdown_list li {
        list-style: none;
        width: 100%;
        font-size: 13px;
        line-height: 19px;
        color: #000;
        padding: 7px 0;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .countdown_box ul.countdown_list li::before {
        content: "\2022";
        color: #ff0606;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
    .mobile_footer_section ul.mobile_nav_footer li a {
        padding: 0 9px !important;
    }
    .mobile_footer_section::after {
        content: "";
        position: absolute;
        left: 19px;
        right: 0;
        margin: 0 auto;
        width: 65px;
        height: 66px;
        border-radius: 50%;
        background: #3b2180;
        z-index: -999999;
        margin-top: -53px;
    }
}

@media only screen and (min-width:481px) and (max-width:736px) {
    .search_section .input-group {
        width: 100%;
    }
    .button_container {
        top: -36px;
    }
    .retailers_box {
        padding-top: 140px !important;
    }
    .chklist label {
        position: relative;
        cursor: pointer;
        font-size: 10px !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 12px;
        font-family: "proxima-nova";
        font-weight: 400;
        float: left;
        color: #1b1a1a;
        padding: 20px 9px;
        border-radius: 5px;
        text-align: center;
        position: relative;
        z-index: 99;
        vertical-align: middle;
        display: grid;
        margin-bottom: 44px;
        letter-spacing: 0.5px;
    }
    .overlay-menu .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        float: left;
        border: none !important;
        width: 33%;
        padding: 0px 0px;
    }
    .overlay input {
        opacity: 5;
    }
}

@media only screen and (min-width:601px) and (max-width:767px) {
    .time_section {
        width: 500px;
        float: none;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    ul.countdown_list {
        margin-left: 0px;
    }
    .time_section .mobile_countdown_footer p.font-16.mt-30.text-white, .desktop_countdown_footer p.font-16.mt-30.text-white {
        width: 100%;
    }
    .full_width .my_card_box {
        margin-left: auto;
        margin-right: auto;
    }
    #divCountdown_mobile.time_section {
        width: 390px;
        float: none;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .login_box3 .form_left {
        margin-bottom: 30px;
    }
    .buymore_content_mobile {
        display: none;
    }
    .buymore_content_desktop {
        display: block !IMPORTANT;
    }
    .inner_page_form .form_left .form_text {
        margin: 0;
        text-align: left;
    }
    .buymore_content_mobile .form_text {
        font-family: "proxima-nova" !important;
        font-size: 16px;
        color: #000;
        font-weight: 400 !important;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
        line-height: 20px;
        margin-bottom: 24px;
        padding: 0;
        width: 100%;
    }
    .inner_page_form .form_right .radio_bar {
        width: 100%;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        margin-top: 0;
    }
    .radio_bar input[type="radio"]:not(:checked) + label:after, .radio_bar input[type="radio"]:checked + label:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        font-size: 18px;
        line-height: 0.8;
        color: #000000;
        transition: all .2s;
        font-weight: bold;
        background: #3b2180;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }
    .radio_bar input[type="radio"]:not(:checked) + label, .radio_bar input[type="radio"]:checked + label {
        font-size: 13px !IMPORTANT;
        font-family: "proxima-nova" !IMPORTANT;
        font-weight: 700;
        color: #d80031;
        line-height: 16px;
        width: 100%;
        padding: 2px 29px;
        margin-bottom: 15px;
        border-bottom: none;
    }
    .buymore_content_desktop {
        display: none !IMPORTANT;
    }
    .buymore_content_mobile {
        display: block;
    }
}

@media only screen and (min-width:414px) and (max-width:414px) {
    .error_text_login {
        margin-left: 90px !important;
        display: table;
        position: absolute;
        top: 40px;
    }
}

@media only screen and (min-width:375px) and (max-width:375px) {
    .error_text_login {
        margin-left: 107px !important;
        display: table;
        position: absolute;
        top: 40px;
    }
}

@media only screen and (min-width:360px) and (max-width:360px) {
    .error_text_login {
        margin-left: 102px !important;
        display: table;
        position: absolute;
        top: 40px;
    }
}

@media only screen and (min-width:414px) and (max-width:414px) {
    .error_text_login {
        margin-left: 120px !important;
        display: table;
        position: absolute;
        top: 40px;
    }
    .plus {
        width: 39px;
        height: 39px;
        position: absolute;
        bottom: -14px;
    }
}

@media only screen and (min-width:376px) and (max-width:480px) {
    .plus {
        width: 39px;
        height: 39px;
        position: absolute;
        right: 0px;
        bottom: -14px;
    }
    .buymore_content_mobile .form_text {
        font-family: "proxima-nova" !important;
        font-size: 16px;
        color: #000;
        font-weight: 400 !important;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        line-height: 20px;
        margin-bottom: 24px;
        padding: 0;
    }
    .inner_page_form .form_right .radio_bar {
        width: 100%;
        margin: 0 auto;
        position: initial;
        left: 0px;
        right: 0px;
        margin-top: 0;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    .time_p_0 {
        padding: 0px !important;
    }
    ul.countdown li {
        float: left;
        font-size: 7px;
        color: #fff;
        text-align: center;
        TEXT-TRANSFORM: uppercase;
        font-family: "Conv_ProximaNova-Regular";
        WIDTH: 50px;
        letter-spacing: 1px;
        TEXT-ALIGN: LEFT;
        font-family: "proxima-nova";
        font-weight: 600;
        padding: 10px 0;
        line-height: 20px;
        text-align: center;
    }
    ul.countdown li span {
        width: 100%;
        font-size: 17PX;
        font-family: "proxima-nova";
        font-weight: 400;
        PADDING: 0 0px;
        display: inline-block;
        text-align: center;
    }
    ul.countdown li .colne {
        position: relative;
        top: -23px;
        right: 0px;
        float: right;
        font-size: 17px;
        font-family: "proxima-nova";
        font-weight: 300;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    ul.countdown {
        margin: 0px;
        padding: 0px;
        MARGIN-TOP: 81PX;
        background: #2a185d;
        overflow: hidden;
        position: relative;
        top: -83px;
        width: 100%;
        margin: 0 auto;
        padding: 0 22px;
    }
    .time_section .head {
        font-size: 12px;
        color: #fff;
        letter-spacing: 2px;
        font-family: "proxima-nova";
        font-weight: 600;
        position: absolute;
        top: -76px;
        z-index: 9;
        width: 125px;
        margin-right: 10px;
        text-align: left;
        right: 0;
    }
    .countdown_logo_section {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-top: -84px;
        width: 251px;
        padding: 20px 0 12px;
    }
    .time_section .head span {
        display: none;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .full_width .my_card_box {
        padding: 20px 31px 10px;
        background: #fff url(../images/cardbg.png) center top;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 345px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 200px !IMPORTANT;
        margin: 0 auto;
    }
    .full_width .my_card_box .heading {
        font-size: 16px;
        color: #421792;
        width: 100%;
        font-family: 'Conv_Proxima Nova Alt Bold';
        LETTER-SPACING: 1PX;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-family: "proxima-nova";
        font-weight: 700;
    }
    .full_width .my_card_box .card-content {
        width: 100%;
        margin-top: 30px;
    }
    .full_width .my_card_box .card-content p {
        float: left;
        font-size: 8px !IMPORTANT;
        margin-top: 29px !IMPORTANT;
    }
    .full_width .my_card_box .card-content .card_logo {
        float: right;
        width: 130px;
    }
    .full_width .my_card_box .card-content .round_btn {
        float: left;
        padding: 0px 21px;
        color: #d80031;
        text-align: center;
        display: block;
        border-radius: 20px;
        letter-spacing: 2PX;
        border: solid #d80031 2px;
        font-size: 11px;
        font-family: "proxima-nova";
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        top: -10px;
        line-height: 30px;
    }
    .desktop_countdown_footer {
        display: none;
    }
    .mobile_countdown_footer {
        text-align: left;
        width: 291px;
        margin: 0 auto;
        margin-bottom: 10px
    }
    .mobile_countdown_footer img {
        float: left;
        height: 45px;
    }
    .mobile_countdown_footer p {
        font-size: 9px !IMPORTANT;
        float: left;
        margin-left: 11px;
        line-height: 15px;
        width: 204px;
    }
    .countdown_box {
        background: #f6f6f6;
        overflow: hidden;
        border-radius: 10px;
        padding: 20px;
        margin-top: 10px;
        width: 302px;
        margin: 0 auto;
        max-width: 100%;
    }
    .countdown_box .head2 {
        font-size: 19px;
        color: #f50f5d;
        letter-spacing: 0.6;
        border-bottom: none;
        margin-top: 0px;
        float: left;
        width: 100%;
        padding-bottom: 15px;
        font-family: "proxima-nova";
        font-weight: 500;
        text-align: center;
    }
    .countdown_box ul.countdown_list {
        margin-left: 30px;
        margin-top: 0px;
        float: left;
    }
    .countdown_box ul.countdown_list li {
        list-style: none;
        width: 100%;
        font-size: 13px;
        line-height: 19px;
        color: #000;
        padding: 7px 0;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .countdown_box ul.countdown_list li::before {
        content: "\2022";
        color: #ff0606;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
}

@media only screen and (min-width:321px) and (max-width:375px) {
    .radio_bar input[type="radio"]:not(:checked) + label, .radio_bar input[type="radio"]:checked + label {
        position: relative;
        padding-left: 25px;
        padding-right: 11px;
        cursor: pointer;
        font-size: 14px !IMPORTANT;
        letter-spacing: 0.9px;
        color: #391c86;
        font-family: "proxima-nova" !IMPORTANT;
        font-weight: 500;
    }
    .card_accept {
        margin-top: 20px !important;
    }
    .card_decline {
        margin-top: 20px !important;
    }
    .full_width .my_card_box {
        padding: 20px 31px 10px;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 320px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 200px !IMPORTANT;
        margin: 0 auto;
    }
    .buymore_content_mobile .form_text {
        font-family: "proxima-nova" !important;
        font-size: 16px;
        color: #000;
        font-weight: 400 !important;
        width: 100%;
        margin: 0 auto;
        line-height: 20px;
        margin-bottom: 24px;
        padding: 0px 0 0;
    }
    .login_box3 .form_left {
        width: 100%;
        margin-bottom: 30px;
    }
    .inner_page_form .form_right .radio_bar {
        width: 100%;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        margin-top: 0;
    }
    .time_p_0 {
        padding: 0px !important;
    }
    ul.countdown li {
        float: left;
        font-size: 7px;
        color: #fff;
        text-align: center;
        TEXT-TRANSFORM: uppercase;
        font-family: "Conv_ProximaNova-Regular";
        WIDTH: 50px;
        letter-spacing: 1px;
        TEXT-ALIGN: LEFT;
        font-family: "proxima-nova";
        font-weight: 600;
        padding: 10px 0;
        line-height: 20px;
        text-align: center;
    }
    ul.countdown li span {
        width: 100%;
        font-size: 17PX;
        font-family: "proxima-nova";
        font-weight: 400;
        PADDING: 0 0px;
        display: inline-block;
        text-align: center;
    }
    ul.countdown li .colne {
        position: relative;
        top: -23px;
        right: 0px;
        float: right;
        font-size: 17px;
        font-family: "proxima-nova";
        font-weight: 300;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    ul.countdown {
        margin: 0px;
        padding: 0px;
        MARGIN-TOP: 81PX;
        background: #2a185d;
        overflow: hidden;
        position: relative;
        top: -83px;
        width: 100%;
        margin: 0 auto;
        padding: 0 22px;
    }
    .time_section .head {
        font-size: 12px;
        color: #fff;
        letter-spacing: 2px;
        font-family: "proxima-nova";
        font-weight: 600;
        position: absolute;
        top: -76px;
        z-index: 9;
        width: 125px;
        margin-right: 10px;
        text-align: left;
        right: 0;
    }
    .countdown_logo_section {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-top: -84px;
        width: 251px;
        padding: 20px 0 12px;
    }
    .time_section .head span {
        display: none;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .full_width .my_card_box {
        padding: 20px 31px 10px;
        background: #fff url(../images/cardbg.png) center top;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 302px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 202px !IMPORTANT;
        margin: 0 auto;
    }
    .full_width .my_card_box .heading {
        font-size: 16px;
        color: #421792;
        width: 100%;
        font-family: 'Conv_Proxima Nova Alt Bold';
        LETTER-SPACING: 1PX;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-family: "proxima-nova";
        font-weight: 700;
    }
    .full_width .my_card_box .card-content {
        width: 100%;
        margin-top: 30px;
    }
    .full_width .my_card_box .card-content p {
        float: left;
        font-size: 8px !IMPORTANT;
        margin-top: 29px !IMPORTANT;
    }
    .full_width .my_card_box .card-content .card_logo {
        float: right;
        width: 130px;
    }
    .full_width .my_card_box .card-content .round_btn {
        float: left;
        padding: 0px 21px;
        color: #d80031;
        text-align: center;
        display: block;
        border-radius: 20px;
        letter-spacing: 2PX;
        border: solid #d80031 2px;
        font-size: 11px;
        font-family: "proxima-nova";
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        top: -10px;
        line-height: 30px;
    }
    .desktop_countdown_footer {
        display: none;
    }
    .mobile_countdown_footer {
        text-align: left;
        width: 291px;
        margin: 0 auto;
        margin-bottom: 10px
    }
    .mobile_countdown_footer img {
        float: left;
        height: 45px;
    }
    .mobile_countdown_footer p {
        font-size: 9px !IMPORTANT;
        float: left;
        margin-left: 11px;
        line-height: 15px;
        width: 204px;
    }
    .countdown_box {
        background: #f6f6f6;
        overflow: hidden;
        border-radius: 10px;
        padding: 20px;
        margin-top: 10px;
        width: 302px;
        margin: 0 auto;
        max-width: 100%;
    }
    .countdown_box .head2 {
        font-size: 19px;
        color: #f50f5d;
        letter-spacing: 0.6;
        border-bottom: none;
        margin-top: 0px;
        float: left;
        width: 100%;
        padding-bottom: 15px;
        font-family: "proxima-nova";
        font-weight: 500;
        text-align: center;
    }
    .countdown_box ul.countdown_list {
        margin-left: 30px;
        margin-top: 0px;
        float: left;
    }
    .countdown_box ul.countdown_list li {
        list-style: none;
        width: 100%;
        font-size: 13px;
        line-height: 19px;
        color: #000;
        padding: 7px 0;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .countdown_box ul.countdown_list li::before {
        content: "\2022";
        color: #ff0606;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
}

@media only screen and (min-width:240px) and (max-width:320px) {
    .inner_page_form .form_right.cust_form_right .billing_info .address.captcha input.form-control {
        width: 50% !important;
    }
    nav.overlay-menu > label {
        padding: 0 20px;
    }
    .button_container.active .bottom {
        top: -26px;
    }
    .chklist label {
        line-height: 13px;
    }
    .error_text_login {
        margin-left: 90px !important;
        display: table;
        position: absolute;
        top: 40px;
    }
    .discount_filter_mobile {
        padding: 280px 0 0 !important;
    }
    .form-radio input:checked::before {
        content: '';
        position: absolute;
        top: 2px;
        left: 3px;
    }
    .radio_bar input[type="radio"]:not(:checked) + label, .radio_bar input[type="radio"]:checked + label {
        position: relative;
        padding-left: 25px;
        padding-right: 5px;
        cursor: pointer;
        font-size: 11px !IMPORTANT;
        letter-spacing: 0.9px;
        color: #391c86;
        font-family: "proxima-nova" !IMPORTANT;
        font-weight: 500;
        line-height: 20px;
    }
    .card_accept {
        margin-top: 10px !important;
    }
    .card_decline {
        margin-top: 10px !important;
    }
    .mobile_view_card_header {
        width: 185px !IMPORTANT;
        text-align: center;
        color: #fff !IMPORTANT;
        padding: 22px 36px 4px !important;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 12px !IMPORTANT;
        text-transform: uppercase;
        letter-spacing: 0.8px !IMPORTANT;
        font-family: "proxima-nova";
        font-weight: 500;
        background: #3b2180;
        margin: 0 auto;
        display: block;
        position: absolute;
        left: 13px !IMPORTANT;
        right: 0;
        font-weight: 700;
    }
    .sec-title2 {
        font-size: 22px !important;
    }
    .discount_code_mobile {
        width: 100%;
        padding: 130px 0 0 !important;
    }
    .overlay-menu .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        float: left;
        border: none !important;
        width: 27%;
        padding: 0px 0px;
    }
    .overlay .cat {
        font-size: 10px;
        width: 284px;
    }
    .mobile_menu .menu_container {
        width: 310px;
    }
    .mobile_menu .menu_container .nav_menu {
        width: 42%;
    }
    .mobile_logo {
        display: block;
        float: left;
        padding: 24px 0 !IMPORTANT;
        width: 32px;
    }
    .retailers_mid .heading_top a {
        font-size: 13px !important;
    }
    .search_section .input-group {
        width: 266px;
    }
    .search_section .input-group .fa-search:after {
        left: 218px;
    }
    .login_box3 .form_left {
        width: 100%;
        margin-bottom: 30px;
    }
    .buymore_content_mobile .form_text {
        font-family: "proxima-nova" !important;
        font-size: 16px;
        color: #000;
        font-weight: 400 !important;
        width: 100%;
        margin: 0 auto;
        line-height: 20px;
        margin-bottom: 24px;
        text-align: left;
        padding: 0;
    }
    .inner_page_form .form_right .radio_bar {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0px;
        right: 0px;
        margin-top: -200px;
    }
    .form-radio input {
        top: 2px;
        height: 12px;
        width: 12px;
        margin-right: 4px;
    }
    .mobile_footer_section ul.mobile_nav_footer li a {
        padding: 6px 8px;
    }
    .mobile_menu .menu_container .card_box_icon {
        width: 141px;
    }
    .header.stickybottom.header .logo-home {
        padding: 30px 0 0;
        float: left;
    }
    .social-links {
        right: 23px !important;
    }
    .footer_logo {
        width: 140px !important;
    }
    .footer_menu {
        font-size: 11px !important;
    }
    .banner_box {
        margin: 0px;
        top: 0px;
        padding: 40px 30px 80px 30px;
    }
    ul.menu li a img {
        display: none;
    }
    .social-links {
        display: inline-block;
        position: absolute;
        right: 23px;
        top: 146px;
    }
    .mid_footer.inside_page_footer {
        top: 0px !important;
        height: auto !important;
        padding: 50px 0 !IMPORTANT;
        margin: -20px 0;
    }
    .footer_1 {
        position: relative;
        float: right;
    }
    .social-links {
        display: inline-block;
        position: absolute;
        right: 44px;
        top: 146px;
        z-index: 999;
    }
    .social-links a {
        padding: 9px 15px 0 0 !important;
    }
    .banner_box .savebox {
        width: 80%;
        font-size: 33px !important;
        line-height: 35px;
        margin-top: -85px;
    }
    .banner_box .savebox strong {
        font-size: 35px !IMPORTANT;
    }
    .banner_box .text p {
        font-size: 14px !important;
    }
    .banner_box .text {
        margin: 0 auto;
        margin-top: 35px;
    }
    .card_icon {
        background: #fff;
        padding: 2px 0;
        border-radius: 10px;
        width: 45%;
        margin: 18px 5px 0px;
        float: left;
    }
    .card_icon img {
        margin: 0 auto;
        padding-bottom: 0px;
        display: block;
        width: 46px;
        padding-top: 5px;
    }
    .banner_box .footer .text-right {
        font-size: 11px !important;
        line-height: 15px !important;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    .time_p_0 {
        padding: 0px !important;
    }
    ul.countdown li {
        float: left;
        font-size: 7px;
        color: #fff;
        text-align: center;
        TEXT-TRANSFORM: uppercase;
        font-family: "Conv_ProximaNova-Regular";
        WIDTH: 42px;
        letter-spacing: 1px;
        TEXT-ALIGN: LEFT;
        font-family: "proxima-nova";
        font-weight: 600;
        padding: 10px 0;
        line-height: 20px;
        text-align: center;
    }
    ul.countdown li span {
        width: 100%;
        font-size: 17PX;
        font-family: "proxima-nova";
        font-weight: 400;
        PADDING: 0 0px;
        display: inline-block;
        text-align: center;
    }
    ul.countdown li .colne {
        position: relative;
        top: -24px;
        right: 0px;
        float: right;
        font-size: 17px;
        font-family: "proxima-nova";
        font-weight: 300;
    }
    .time_section {
        width: auto;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }
    ul.countdown {
        margin: 0px;
        padding: 0px;
        MARGIN-TOP: 81PX;
        background: #2a185d;
        overflow: hidden;
        position: relative;
        top: -83px;
        width: 100%;
        margin: 0 auto;
        padding: 0 22px;
    }
    .time_section .head {
        font-size: 11px;
        color: #fff;
        letter-spacing: 2px;
        font-family: "proxima-nova";
        font-weight: 600;
        position: absolute;
        top: -76px;
        z-index: 9;
        width: 124px;
        margin-right: 0px;
        text-align: left;
        right: 0;
    }
    .countdown_logo_section {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-top: -84px;
        width: 251px;
        padding: 20px 0 12px;
    }
    .time_section .head span {
        display: none;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    .full_width .my_card_box {
        padding: 20px 31px 10px;
        padding: 20px 31px 10px;
        background: #fff url(../images/cardbg.png) center top;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 302px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 172px !important;
        margin: 0 auto;
        border-radius: 10px;
        margin-bottom: 10px;
        width: 260px;
        margin-bottom: 16px;
        max-width: 100%;
        height: 280px;
        margin: 0 auto;
    }
    .full_width .my_card_box .heading {
        font-size: 13px;
        color: #421792;
        width: 100%;
        font-family: 'Conv_Proxima Nova Alt Bold';
        LETTER-SPACING: 1PX;
        line-height: 16px;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-family: "proxima-nova";
        font-weight: 700;
    }
    .full_width .my_card_box .card-content {
        width: 100%;
        margin-top: 30px;
    }
    .full_width .my_card_box .card-content p {
        float: left;
        font-size: 8px !IMPORTANT;
        margin-top: 29px !IMPORTANT;
    }
    .full_width .my_card_box .card-content .card_logo {
        float: right;
        width: 90px;
    }
    .full_width .my_card_box .card-content .round_btn {
        float: left;
        padding: 0px 21px;
        color: #d80031;
        text-align: center;
        display: block;
        border-radius: 20px;
        letter-spacing: 2PX;
        border: solid #d80031 2px;
        font-size: 11px;
        font-family: "proxima-nova";
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        top: -25px;
        line-height: 30px;
    }
    .desktop_countdown_footer {
        display: none;
    }
    .mobile_countdown_footer {
        text-align: left;
        width: 291px;
        margin: 0 auto;
        margin-bottom: 10px;
        margin-top: -8px;
    }
    .mobile_countdown_footer img {
        float: left;
        height: 53px;
        padding: 5px 0 0 0;
    }
    .mobile_countdown_footer p {
        font-size: 9px !IMPORTANT;
        float: left;
        margin-left: 11px;
        line-height: 15px;
        width: 204px;
    }
    .countdown_box {
        background: #f6f6f6;
        overflow: hidden;
        border-radius: 10px;
        padding: 20px;
        margin-top: 10px;
        width: 302px;
        margin: 0 auto;
        max-width: 100%;
    }
    .countdown_box .head2 {
        font-size: 19px;
        color: #f50f5d;
        letter-spacing: 0.6;
        border-bottom: none;
        margin-top: 0px;
        float: left;
        width: 100%;
        padding-bottom: 15px;
        font-family: "proxima-nova";
        font-weight: 500;
        text-align: center;
    }
    .countdown_box ul.countdown_list {
        margin-left: 30px;
        margin-top: 0px;
        float: left;
    }
    .countdown_box ul.countdown_list li {
        list-style: none;
        width: 100%;
        font-size: 13px;
        line-height: 19px;
        color: #000;
        padding: 7px 0;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .countdown_box ul.countdown_list li::before {
        content: "\2022";
        color: #ff0606;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
}

@media (max-width: 480px) {
    .inner_page-wrapper {
        padding-bottom: 220px;
    }
    .radio_bar .radio {
        margin-top: 0;
    }
    .countdown_logo_section {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin-top: 0px;
        width: 251px;
        padding: 20px 0 12px;
    }
    .countdown_logo_section {
        top: 0px;
    }
    .countdown_mobile ul.countdown {
        background: none;
        top: 0;
        position: static;
    }
    .mobile-title_form.title_form {
        width: 100%;
    }
    .countdown_mobile {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .time_section .head {
        text-align: center;
    }
    .countdown_mobile ul.countdown li .colne {
        top: -20px;
    }
    .countdown_mobile ul.countdown {
        margin-top: 0px;
        overflow: hidden;
        margin-bottom: 0px;
    }
    .time_section .head {
        top: -46px;
    }
    .radio_bar.cust_radio_bar table.radio {
        float: none !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .title_form {
        text-align: center;
    }
    .banner_box .footer {
        clear: both;
    }
    .csreg_left {
        width: 35% !important;
    }

    .csreg_right {
        width: 65% !important;
    }
    .retailers_mid .footer_area {
        width: 100%;
        margin: 20px 0 0;
        position: absolute;
        top: 46px;
        right: 0px;
    }
    .img_logo {
        width: 200px;
        text-align: center;
        height: 200px;
        margin: 0 auto;
    }
    .img_logo img {
        float: none !important;
    }
    .retailers_mid .heading_top {
        padding: 20px 0 0 0;
        width: 100%;
    }
    .error_text_login {
        margin-left: 137px;
        display: table;
        position: absolute;
        top: 40px;
    }
    .gm-style .gm-style-iw {
        height: 125px !IMPORTANT;
    }
    .store_area {
        font-size: 18px;
        font-weight: 400;
        width: 100%;
        float: left;
    }
    .map-mobile div a {
        position: static !important;
    }
    .perks_img {
        height: auto !important;
    }
    a.tab:link, a.tab:active, a.tab:visited, a.tab:hover {
        padding: 2px 3px;
        font-size: 10px;
        line-height: 24px;
    }
    .web_orders p {
        float: left;
        font-size: 13px !IMPORTANT;
        line-height: 40px !IMPORTANT;
    }
    .addmore2 {
        margin-top: 0px;
    }
    .web_orders {
        float: left;
        width: 100%;
        max-width: 100%;
    }
    .button2 {
        font-size: 12px;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        display: block;
        font-family: "proxima-nova";
        font-weight: 500;
        letter-spacing: 0.5px;
        background: #e1112a;
        border-radius: 7px;
        padding: 8px 4px;
        margin: 4px;
        float: right;
    }
    .itemtdhead {
        border-bottom: 3px double #ccc !important;
        border-top: 1px dashed #ccc !important;
        font-family: "proxima-nova" !important;
        font-size: 12px !important;
        background-color: #ffffff !important;
        height: 50px !important;
        font-weight: 700 !important;
        float: left !IMPORTANT;
        width: 54px !IMPORTANT;
    }
    .smalltext {
        text-align: left;
    }
    .form-control2 {
        width: 100% !important;
    }
    .float_none {
        float: none !important;
    }
    .archive_right {
        float: left;
        width: auto;
    }
    .width_160 {
        width: 102px;
        display: block;
        font-size: 12px !IMPORTANT;
    }
    .photo {
        padding: 5px;
        border: 1px solid #ddd;
        width: 100% !IMPORTANT;
        margin: 0 auto;
        margin-right: 0px !IMPORTANT;
        height: auto !IMPORTANT;
        display: block;
    }
    .web_link {
        font-size: 13px !important;
    }
    .web_link a {
        font-size: 12px !important;
        display: block;
        word-break: break-all;
    }
    a.taboff:link, a.taboff:active, a.taboff:visited, a.taboff:hover {
        padding: 2px 2px;
        font-size: 10px;
        line-height: 24px;
    }
    .card_not_activated_text {
        position: relative;
        right: 0;
        margin-top: -22px;
        font-size: 11px;
        color: #e1112a;
        float: right;
        text-align: right;
    }
    .card_accept {
        font-size: 10px;
        font-weight: 700;
        font-family: "proxima-nova" !important;
        float: left;
        text-decoration: none;
        color: green;
        border-right: solid #421792 1px;
        line-height: 12px;
        padding-right: 0px;
        letter-spacing: 0.6px;
        margin-top: 28px;
        border: solid #008017 1px;
        padding: 5px;
    }
    .card_decline {
        font-size: 10px;
        font-weight: 700;
        font-family: "proxima-nova" !important;
        float: left;
        text-decoration: none;
        color: red;
        line-height: 13px;
        letter-spacing: 0.6px;
        margin-top: 28px;
        padding: 5px;
        border: solid #e1112a 1px;
        margin-left: 5px;
    }
    .event_table .table td {
        width: auto;
    }
    .mobile_view_card_header {
        width: 216px;
        text-align: center;
        color: #fff !IMPORTANT;
        padding: 32px 36px 4px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 12px !IMPORTANT;
        text-transform: uppercase;
        letter-spacing: 0.8px !IMPORTANT;
        font-family: "proxima-nova";
        font-weight: 500;
        background: #3b2180;
        margin: 0 auto;
        display: block;
        position: absolute;
        left: 30px;
        right: 0;
        font-weight: 700;
    }
    .mobile_imgicon_display {
        width: auto;
        display: block;
        margin: 0 auto;
    }
    .view_btn {
        padding: 8px 30px;
        text-align: center;
        border-radius: 10px;
        font-size: 12px;
        letter-spacing: 1px;
        text-align: center;
        float: left;
        margin-right: 5px;
        width: 47%;
        display: block;
        font-weight: 700;
        margin-left: 5px;
    }
    .modal-content2 {
        padding: 20px 10px;
    }
    .bs-example {
        padding: 0px !important;
    }
    .bs-example {
        margin: 0px !important;
    }
    .grid_700 {
        width: 100%;
    }
    .display_none {
        display: none;
    }
    .overlay .drop_down_search {
        width: 90%;
    }
    .right_section_card {
        float: none;
        margin: 0 auto;
    }
    .mobile_filters2 {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9898989;
        width: 100%;
        top: -93px;
    }
    .retailers_box {
        padding-top: 200px !important;
        padding-bottom: 50px !important;
    }
    .inner_page_form .form_right .billing_info .select-style {
        width: 100%;
    }
    .inner_page_form .form_right .billing_info .table tbody td {
        border: none;
        line-height: inherit;
        width: 60%;
        margin-top: 20px;
        margin-bottom: 6px;
        padding: 0px !IMPORTANT;
    }
    .inner_page_form .form_right .billing_info .cart-item {
        font-size: 12px !IMPORTANT;
        text-align: left;
        color: #dd234d;
        letter-spacing: 0.7px;
        line-height: inherit;
        text-transform: uppercase;
        padding: 30px 0 0 0 !IMPORTANT;
        font-family: "proxima-nova";
        font-weight: 600;
    }
    .chklist input {
        opacity: 0;
        height: 5px;
    }
    .search_section {
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
    }
    .map-mobile {
        display: block;
        position: absolute;
        z-index: 99;
        top: 17px;
        width: 92%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .mobile_filters {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9898989;
        width: 100%;
        top: -91px;
    }
    .chklist label::before {
        background: #f5f5f5;
        width: 100%;
        position: absolute;
        z-index: -99;
        margin: 0px;
        height: 80px;
        display: block;
        margin-bottom: 20px;
    }
    .chklist label {
        position: relative;
        cursor: pointer;
        font-size: 10px !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 12px;
        font-family: "proxima-nova";
        font-weight: 400;
        float: left;
        color: #1b1a1a;
        padding: 20px 9px;
        border-radius: 5px;
        text-align: center;
        position: relative;
        z-index: 99;
        vertical-align: middle;
        display: grid;
        margin-bottom: 44px;
        letter-spacing: 0.5px;
    }
    .overlay-menu .chklist {
        margin: 0px !important;
    }
    .overlay-menu .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        float: left;
        border: none !important;
        width: 33%;
        padding: 0px 0px;
    }
    .chklist {
        margin-left: 23px;
        margin-top: 20px;
        padding: 0 15px 0 28px;
        display: block;
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .chklist input[type="checkbox"]:checked + label::before {
        border-color: #b6a4e8;
        background: #3F51B5;
    }
    .chklist input[type="checkbox"]:checked + label::before::before:hover {
        background: #000;
        height: 40px;
    }
    .chklist input[type="checkbox"]:checked + label::after {
        color: #f9f7ff;
        opacity: 0;
    }
    .chklist input[type="checkbox"]:checked + label::before:hover {
        color: #fff !important;
        background: #000;
    }
    label.radio-inline.checked, label.checkbox-inline.checked, label.radio.checked, label.checkbox.checked {
        background-color: #266c8e;
        color: #fff !important;
        text-shadow: #000 1px 1px 2px !important;
    }
    .search_section .input-group {
        width: 100%;
        position: relative;
        z-index: 99999;
        margin: 0 auto;
        padding: 0px;
        margin: 0 auto;
        top: -35px;
    }
    .four_box {
        border-radius: 10px;
        margin: 120px 5px 0px !important;
        float: left;
    }
    ul.menu li a img {
        display: none;
    }
    ul.menu-tab li {
        width: 85px;
        padding: 0px 10px 0px;
    }
    .login_form .forgot {
        color: #e1112a;
        float: right;
        font-size: 14px;
        text-align: right;
        margin-top: -42px;
        text-decoration: underline;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .banner_box {
        margin: 0px;
        border-radius: 50px;
        margin-top: -120px;
        width: 100%;
        padding: 20px;
    }
    .mid_footer {
        padding: 50px 0px 0 !important;
        background: #f1eaf5;
        margin-top: -20px;
    }
    .banner_box .footer .text-right {
        font-size: 12px;
        line-height: 17px;
    }
    .header .logo-home {
        padding: 0px 0 0;
        float: left;
        position: relative;
        z-index: 999;
    }
    .inner_page_form .form_left .form_text {
        font-size: 16px;
        width: 100%;
        text-align: center;
    }
    .login_form .input-box label {
        font-size: 10px !important;
    }
    .login_form .input-box input {
        width: 70%;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .login_box3 .form_left {
        padding: 0 10px;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .login_form .input-box .bar {
        display: none;
    }
    .header .header-group .login {
        display: none;
    }
    .banner_section.slider_img {
        width: 100%;
        top: -60px;
        z-index: -9;
        height: 311px;
    }
    .page-wrapper {
        background: #fff !important;
    }
    .header {
        background: none !important;
    }
    .header.stickybottom {
        background: #fff !IMPORTANT;
    }
    .header-group {
        width: 100% !important;
    }
    .header .header-group .logo-home img {
        margin-left: 10px;
        padding: 10px 0;        
    }
    .mobile_btn_header {
        margin-top: 165px;
    }
    ul.menu li a img {
        display: none;
    }
    .btn-menu {
        margin: 0px 0;
        height: 30px !IMPORTANT;
        display: block;
        padding: 10px 0;
    }
    .banner_box .savebox {
        width: 252px;
        font-size: 36px;
        line-height: 43px;
        margin-top: -52px;
        padding: 0px;
    }
    .banner_box .savebox strong {
        font-size: 38px;
    }
    .banner_box .text p {
        font-size: 15px;
    }
    .banner_box .text {
        margin: 0px !important;
        position: relative;
        top: 41px;
    }
    .banner_box .sf_cols {
        margin: 0px;
    }
    .card_icon {
        background: #fff;
        padding: 2px 0;
        border-radius: 10px;
        width: 45%;
        margin: 18px 5px 0px;
        float: left;
    }
    .card_icon img {
        background: #fff;
        padding: 0px 0;
        border-radius: 10px;
        width: 44px;
        margin: 15px 5px 0px;
        text-align: center;
        margin: 0 auto;
    }
    .card_icon .link {
        font-size: 13px;
        color: #d80031;
    }
    .banner_box .footer {
        width: 100%;
        padding: 25px 0 0 0;
    }
    .banner_box .footer img {
        float: left;
        width: 76px;
        padding-right: 10px;
    }
    .footer_logo {
        position: relative;
        top: 130px;
        width: 150px;
    }
    .mid_footer .contact {
        float: left;
    }
    .mid_footer .contact {
        float: left;
        width: 100%;
        position: relative;
        margin-top: -70px;
    }
    .mid_footer .contact p {
        font-size: 13px;
        font-size: 11px;
    }
    .mid_footer .contact p a {
        font-size: 11px;
    }
    .footer_2 {
        display: none;
    }
    .footer_1 {
        position: relative;
        top: -79px;
        float: right;
    }
    .footer_menu {
        font-size: 13px;
        line-height: 2.3;
    }
    .social-links a {
        font-size: 19px;
        padding: 9px 14px 0 0;
    }
    .social-links {
        display: inline-block;
        position: absolute;
        right: 44px;
        top: 146px;
        z-index: 999;
    }
    .login_form.custom_login_form .input-box label {
        position: static;
        display: block;
        line-height: normal;
        padding: 0 0 5px 0;
    }
    .login_form.custom_login_form .input-box input {
        width: 100%;
        margin-bottom: 0;
    }
    .login_form.custom_login_form .input-box {
        margin-bottom: 20px;
        height: auto !important;
        text-align: left;
    }
    .login_form.custom_login_form {
        margin-top: 30px;
    }
    .login_form.custom_login_form .input-box .error_text_login {
        position: static;
        margin-left: 0 !important;
        float: left;
    }
    .login_form.custom_login_form .checkbox {
        padding-left: 38px
    }
    .login_form.custom_login_form .forgot {
        margin-top: -5px;
        font-size: 12px;
    }

    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) {
            .login_form.custom_login_form .input-box input {
                border: solid 1px #ececec;
            }
            .inner_page_form {
                width: 100%;
                padding: 28px 0px;
                box-sizing: border-box;
            }
            .inner_page_form .form_right {
                padding: 0px 15px;
            }
            .header {
                padding: 0px 0px;
            }
        }
    }

    .title_form {
        width: 100%;
    }
    .inner_page_form .col-md-6.col-sm-6.form_left {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 20px;
    }
    .inner_page_form .form_right .payment_info {
        padding: 20px 10px;
    }
    .inner_page_form .form_right .payment_info .your-order-info table.table {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width:393px) and (max-width:480px) {
    .banner_section.slider_img {
            top: 0 !important;
        
    }
    .banner_box{
        margin-top: -85px !important;
    }

}

@media only screen and (min-width:481px) and (max-width:600px) {
    .four_box {
        border-radius: 10px;
        margin: 196px 5px 0px !important;
        float: left;
    }
    .login_form .input-box label {
        position: relative;
        padding: 0px 0px;
    }
    .login_form .input-box input {
        width: 100%;
    }
    .login_form .forgot {
        color: #e1112a;
        float: right;
        font-size: 14px;
        text-align: right;
        margin-top: -42px;
        text-decoration: underline;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    .login_box3 .form_left {
        padding: 0 10px;
        width: 100%;
    }
    ul.menu li a img {
        display: none;
    }
    ul.menu-tab li {
        width: 85px;
        padding: 0px 10px 0px;
    }
    .banner_box {
        margin: 0px;
        padding: 40px 35px 30px 35px;
        margin-top: -132px;
    }
    .mid_footer {
        padding: 80px 0 60px;
        background: #f1eaf5;
    }
    .banner_box .footer .text-right {
        font-size: 16px;
        line-height: 23px;
    }
    .header .logo-home {
        padding: 0px 0 0;
        float: left;
        position: relative;
        z-index: 999;
    }
    .header .header-group .login {
        display: none;
    }
    .banner_section.slider_img {
        width: 100%;
        position: relative;
        top: -47px;
        z-index: -9;
        height: 436px;
    }
    .page-wrapper {
        background: #fff !important;
    }
    .header {
        background: none !important;
    }
    .header.stickybottom {
        background: #fff !IMPORTANT;
    }
    .header .header-group .logo-home img {
        width: 43px;
        margin-left: 0px;
        padding: 10px 0;
    }
    .btn-menu {
        margin: 0px 0;
        height: 30px !IMPORTANT;
        display: block;
        padding: 10px 0;
    }
    ul.menu li a img {
        display: none;
    }
    .banner_box .savebox {
        margin-top: -106px;
    }
    .banner_box .text p {
        font-size: 20px;
    }
    .banner_box .text {
        margin: 0 auto;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
        position: relative;
        top: 37px;
    }
    .card_icon {
        background: #fff;
        padding: 13px 0;
        border-radius: 10px;
        width: 47%;
        margin: 18px 5px 0px;
        float: left;
    }
    .card_icon img {
        margin: 0 auto;
        padding-bottom: 0px;
        display: block;
        width: 46px;
        padding-top: 5px;
    }
    .card_icon .link {
        font-size: 13px;
        color: #d80031;
    }
    .banner_box .footer {
        width: 100%;
    }
    .banner_box .footer img {
        float: left;
        width: auto;
        padding-right: 10px;
    }
    .footer_logo {
        position: relative;
        top: 130px;
        width: 50%;
        z-index: 999;
    }
    .mid_footer .contact {
        float: left;
    }
    .mid_footer .contact {
        float: left;
        width: 100%;
        position: relative;
        margin-top: -70px;
    }
    .mid_footer .contact p {
        font-size: 13px;
        font-size: 11px;
    }
    .mid_footer .contact p a {
        font-size: 11px;
    }
    .footer_2 {
        display: none;
    }
    .footer_1 {
        position: relative;
        top: -103px;
        float: right;
    }
    .footer_menu {
        font-size: 13px;
    }
    .social-links a {
        font-size: 19px;
    }
    .social-links {
        display: inline-block;
        position: absolute;
        right: 41px;
        top: 146px;
        z-index: 999;
    }
    .mid_footer.inside_page_footer {
        top: 0px !important;
        height: auto !important;
        padding: 50px 42px;
    }
}

@media only screen and (min-width:601px) and (max-width:768px) {
    .login_form .input-box input {
        width: 67%;
    }
    .login_form .forgot {
        color: #e1112a;
        font-family: "proxima-nova-condensed";
        float: right;
        font-size: 14px;
        text-align: right;
        margin-top: -43px;
        text-decoration: underline;
        font-family: "proxima-nova";
        font-weight: 400;
    }
    ul.menu li a img {
        display: none;
    }
    ul.menu-tab li {
        width: 85px;
        padding: 0px 10px 0px;
    }
    .banner_box {
        margin: 0px;
        top: -120px !IMPORTANT;
        padding: 40px 35px 30px 35px;
    }
    .mid_footer {
        padding: 80px 70px 80px !IMPORTANT;
        background: #f1eaf5;
        margin-top: -179px;
    }
    .banner_box .footer .text-right {
        font-size: 16px;
        line-height: 23px;
    }
    .header .logo-home {
        padding: 10px 0 0;
        float: left;
        position: relative;
        z-index: 999;
    }
    .header .header-group .login {
        display: none;
    }
    .banner_section.slider_img {
        width: 100%;
        position: relative;
        top: 0;
        z-index: -9;
        height: 412px;
    }
    .page-wrapper {
        background: #fff !important;
    }
    .header {
        background: none !important;
    }
    .header.stickybottom {
        background: #fff !IMPORTANT;
    }
    .header .header-group .logo-home img {
        width: 43px;
        margin-left: 0px;
        padding: 6px 0;
    }
    ul.menu li a img {
        display: none;
    }
    .btn-menu {
        margin: 5px 0;
    }
    .banner_box .savebox {
        margin-top: -133px;
    }
    .banner_box .text p {
        font-size: 20px;
        position: relative;
        top: 17px;
    }
    .banner_box .text {
        margin: 0 auto;
        margin-top: 35px;
    }
    .card_icon {
        background: #fff;
        border-radius: 10px;
        width: 47%;
        margin: 10px 5px 0px;
        float: left;
    }
    .four_box {
        border-radius: 10px;
        margin: 190px 5px 0px !important;
        float: left;
    }
    .card_icon img {
        margin: 0 auto;
        padding-bottom: 0px;
        display: block;
        padding-top: 5px;
    }
    .card_icon .link {
        color: #d80031;
    }
    .banner_box .footer {
        width: 100%;
        clear: both;
    }
    .banner_box .footer img {
        float: left;
        width: auto;
        padding-right: 10px;
    }
    .mid_footer .contact {
        float: left;
        width: 100%;
        position: relative;
        margin-top: -101px;
    }
    .footer_logo {
        position: relative;
        top: 172px;
        float: left;
        width: 200px;
        position: relative;
    }
    .mid_footer .contact {
        float: left;
    }
    .mid_footer .contact {
        float: left;
        width: 100%;
        position: relative;
        margin-top: -70px;
    }
    .mid_footer .contact p {
        font-size: 13px;
        font-size: 11px;
    }
    .mid_footer .contact p a {
        font-size: 11px;
    }
    .footer_2 {
        display: none;
    }
    .footer_1 {
        position: relative;
        top: -79px;
        float: right;
    }
    .footer_menu {
        font-size: 13px;
        line-height: 2.3;
    }
    .social-links a {
        font-size: 19px;
    }
    .social-links {
        display: inline-block;
        position: absolute;
        right: 38px;
        top: 146px;
        z-index: 9999;
    }
}
@media (min-width: 481px) and (max-width:768px) {
    ._m_four_box {
        width: 100% !important;
        justify-content: center;
        display: flex;
        margin: 0px 0px 0px 0px !important;
        align-items: center;
    }
}
@media only screen and (min-width:769px) and (max-width:991px) {
    .mid_footer.inside_page_footer {
        clear: both;
    }
    .countdown_logo_section p {
        width: auto !important;
        color: #fff;
        font-size: 12px;
    }
    #divCountdown_mobile.time_section {
        margin-bottom: 30px;
    }
    .full_width .my_card_box {
        margin-left: auto;
        margin-right: auto;
    }
    .time_section {
        float: none;
        max-width: 100%;
        text-align: center;
        margin: auto;
    }
        .time_section p {
            width: 100%;
        }
    ul.countdown_list {
        margin-left: 0px;
    }
    .login_box3 .form_left {
        padding: 0 15px;
    }
    .mobile_filters .button_container {
        top: -35px;
    }
    ul.menu li a img {
        display: none;
    }
    ul.menu-tab li {
        width: 85px;
        padding: 0px 10px 0px;
    }
    .banner_box {
        margin: 0px;
        width: auto;
        top: 0px !IMPORTANT;
        margin-top: -146px;
    }
    .mid_footer {
        padding: 51px 0 0px !IMPORTANT;
        background: #f1eaf5;
        /*margin-top: -153px;*/
        margin-top: -20px;
    }
    .buymore_content_mobile {
        display: none;
    }
    .buymore_content_desktop {
        display: block !important;
    }
    .banner_box .sf_cols {
        margin: 0px;
    }
    .inner_page_form {
        padding: 28px 0px;
    }
    .login_form .input-box input {
        width: 65%;
    }
    .banner_box .footer .text-right {
        font-size: 16px;
        line-height: 23px;
    }
    .header .logo-home {
        padding: 10px 0 0;
        float: left;
        position: relative;
        z-index: 999;
    }
    .header .header-group .login {
        display: none;
    }
    .banner_section.slider_img {
        width: auto;
        position: relative;
        z-index: -9;
        height: 522px;
        max-width: none;
    }
    .page-wrapper {
        background: #fff !important;
    }
    .header {
        background: none !important;
    }
    .header.stickybottom {
        background: #fff !IMPORTANT;
    }
    .header .header-group .logo-home img {
        margin-left: 0px;
        padding: 10px 0;
    }
    .mobile_btn_header {
        display:none;
    }
    .btn-menu {
        margin: 0px 0;
        height: 30px !IMPORTANT;
        display: block;
        padding: 10px 0;
    }
    ul.menu li a img {
        display: none;
    }
    .banner_box .savebox {
        margin-top: -144px;
    }
    .banner_box .text p {
        font-size: 20px;
    }
    .banner_box .text {
        margin: 0 auto;
        margin-top: 35px;
    }
    .card_icon {
        background: #fff;
        border-radius: 10px;
        width: 23%;
        margin: 190px 5px 0px;
        float: left;
    }
    .card_icon img {
        margin: 0 auto;
        padding-bottom: 0px;
        display: block;
        width: 46px;
        padding-top: 5px;
    }
    .card_icon .link {
        font-size: 13px;
        color: #d80031;
    }
    .banner_box .footer {
        width: 100%;
    }
    .banner_box .footer img {
        float: left;
        width: auto;
        padding-right: 10px;
    }
    .footer_logo {
        position: relative;
        top: 130px;
    }
    .mid_footer .contact {
        float: left;
    }
    .mid_footer .contact {
        float: left;
        width: 100%;
        position: relative;
        margin-top: -101px;
    }
    .mid_footer .contact p {
        font-size: 13px;
        font-size: 11px;
    }
    .mid_footer .contact p a {
        font-size: 11px;
    }
    .footer_2 {
        display: none;
    }
    .footer_1 {
        position: relative;
        top: -110px;
        float: right;
    }
    .footer_menu {
        font-size: 13px;
    }
    .social-links a {
        font-size: 19px;
    }
    .social-links {
        display: inline-block;
        position: absolute;
        right: 37px;
        top: 146px;
        z-index: 999;
    }
}

@media only screen and (min-width:0px) and (max-width:3000px) {
    .mobile_logo {
        display: none;
    }
}

@media only screen and (min-width:1025px) and (max-width:3000px) {
    .mobile_filters2 {
        display: none;
    }
}

@media screen and (max-width: 590px) {
    .grid_700 img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width:991px) and (max-width:3000px) {
    .mid_footer.inside_page_footer .contact p a {
        word-break: break-all;
    }
    .retailers_mid {
        margin-top: 15px;
    }
    .cat_mobile_display {
        display: none;
    }
    .mobile_view_card_header {
        display: none;
    }
    .discount-text-mobile {
        display: none;
    }
    .mobile_imgicon_display {
        display: none;
    }
    .map-mobile {
        display: none;
    }
    /*#menuzord ul{display:none;}*/
    .mobile_menu {
        display: none;
    }
    .mobile_footer_section {
        display: none;
    }
    .mobile_btn_header {
        display: none;
    }
    .buymore_content_mobile {
        display: none;
    }
    .divCartList_Mobile {
        display: none;
    }
    .countdown_logo_section {
        display: none;
    }
    .mobile_countdown_footer {
        display: none;
    }
    .mobile_active_ul {
        display: none;
    }
    .mobile_filters {
        display: none;
    }
}
/*Home Page*/
@media only screen and (min-width:320px) and (max-width:991px) {
    .mobile_footer_section {
        z-inex: 1000000000;
    }

    .discount_filter_mobile {
        padding: 250px 0 0;
    }
    .discount_code_mobile {
        width: 100%;
        padding: 100px 0 0;
    }
    .sec-title2 {
        font-size: 24px;
    }
    .discount-text-mobile {
        width: 100%;
        margin-bottom: 60px;
    }
        .discount-text-mobile p {
            font-weight: 400;
            line-height: 30px;
        }
    .header .logo {
        display: none;
    }
    ul.menu li a {
        line-height: inherit;
    }
    .inner_page-wrapper {
        padding-bottom: 220px;
    }
    .mobile_logo {
        display: block;
        float: left;
        padding: 10px 0;
    }
    .nav-group {
        margin-top: -10px;
        padding: 10px 0;
    }
    .mobile_filters {
        display: block;
    }
    .buymore_content_desktop {
        display: none;
    }
    .DefaultCardShow {
        display: none;
    }
    .modal-content {
        padding: 35px 20px;
    }
    .modal-open .modal {
        padding: 0px !important;
    }
    .col-form-label {
        float: left;
    }
    .full_width .form-control {
        width: 53%;
        float: right;
    }
    .full_width .form-group p {
        float: left;
        width: auto;
        font-size: 14px;
        line-height: initial;
        padding-bottom: 20px;
    }
    .modal-content p {
        font-size: 13px;
    }
    textarea.form-control {
        height: auto;
        margin-bottom: 5px;
    }
    #menuzord-mobi ul > li > a {
        text-decoration: none;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        color: #fff;
        display: none;
    }
    #menuzord-mobi ul {
        display: block !IMPORTANT;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .btn-dropdown_menu {
        display: none;
    }
    .drop_down {
        display: none;
    }
    #menuzord-mobi ul li {
        border-top: none
    }
    .mobile_menu .logo {
        display: block;
        width: 266px !IMPORTANT;
        display: block;
        width: 266px !IMPORTANT;
        margin: 0 auto;
    }
    .menu_container p {
        margin-bottom: 0px !important;
        padding: 20px 0;
    }
    /*.mid_footer{display:none;}*/
    .inner_page_banner {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .inner_page_form .form_right .payment_info {
        background: #f1eaf5;
        border-radius: 10px;
        padding: 20px 20px;
        width: 100% !important;
    }
}