@media (min-width: 1279px) {

    .mobile_dispaly_hide {
        display: none;
    }

    .zip-custom-width {
        width: 20.9%;
    }
}

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

    .mobile_dispaly_hide {
        display: none;
    }

    .login_sec {
        width: 30px;
        float: right;
        display: block;
/*        margin: 0 auto;*/
        text-align: center;
    }
}

@media screen and ( device-width: 1024px ) {
    .down_arrow_left {
        margin-left: 4.5px !important;
    }
}


@media (max-width: 767px) {
    .repairstatus {
        position: initial;
        top: 0px;
        width:initial;
    }
    .search-icon {
        width: 28%;
        padding: 17px 13px;
    }


    .search-input .form-control {
        width: 70%;
        margin-right: 2%;
    }

    body {
        word-break: break-word
    }

    .show-more {
        text-align: left;
        margin-top: 15px;
    }

    .login_first {
        width: 66% !important;
        float: left;
    }

    .login_sec {
        width: 30px;
        float: right;
    }

    .login_three {
        width: 9% !important;
        float: left;
    }

    .request_nr_content {
        border-radius: 0;
        box-shadow: none;
        padding: 8px;
        margin-bottom: 5px;
        font-family: 'Conv_Roboto-Regular';
        position: relative;
        z-index: 8;
    }

    .missing-file {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .mobile-table-noborder .mob-btn {
        width: 88%;
        text-align: center;
        margin: 0 auto;
    }

    .m-align-left {
        text-align: left;
    }

    .divLang_span {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .login_three_mob, .login_sec_mob {
        margin: 0 3px;
    }

    .mobile_con_info {
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        background: #fff;
        border-radius: 4px;
        margin-bottom: 15px;
    }

    .w-30 {
        width: 40%;
    }

    .w-70 {
        width: 60%;
        word-break: break-word;
    }

    .display-flex {
        display: block;
        margin: 1% 0;
    }

    .display-flex-1 {
        margin: 5% auto 10%;
        width: 100%;
    }

    .add_edit_view {
        border: 2px solid #f15d24;
        border-radius: 8px;
        margin-top: 5px;
    }


    .productoverview-width {
        width: 85%;
        margin-bottom: 5%;
    }

        .productoverview-width .request_nr_content {
            padding: 10px;
        }

        .productoverview-width .m-align-left {
            float: left !important;
            clear: both;
        }

    .login_sec_mob {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .dashboard_menu {
        width: 280px;
        padding: 20px;
    }

    .w-85 {
        width: 87%;
    }

    .panel-title {
        font-size: 17px;
    }

    .down_arrow_left {
        margin-left: 8px;
        position: absolute;
        right: 30px;
        top: 9px;
    }

    .panel-heading h4 a {
        display: block;
        padding-right: 14px;
    }

    #divSelectLocation {
        height: auto !important;
    }

    .register_styles .inside_radio_mrg label {
        margin-bottom: 15px !important;
    }

    .forgotpwd_btn {
        width: 45% !important;
    }

    .header_bg_shipping .addInfo {
        right: 10px;
    }

    .loader-box {
        height: 100%;
        width: 100%;
    }

    .show-more img {
        max-width: 60px
    }

    .mob-table li {
        font-size: 1.5rem;
    }

    /*.table thead tr td, .table thead tr th {
        white-space: nowrap
    }*/

    .radio_margin {
        padding: 10px 0px;
        margin-bottom: 20px;
    }

    .modal .modal-body.body_mrg {
        margin: 0
    }

    .modal-header {
        padding: 0;
        z-index: 999;
        position: relative;
    }

    .hasDatepicker {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .ui-datepicker {
        width: 100% !important;
        /*min-width: 100% !important;*/
        min-width: auto !important;
    }

    .login_btn_2 {
        font-size: 1.4rem;
    }
    .login_btn_search {
        font-size: 1.1rem;
    }

    .problem_header_bg tr th {
        font-size: 1.6rem;
    }

    .chosen-container .chosen-results li {
        line-height: 22px;
    }

    .container_box_top {
        padding-left: 30px;
        padding-right: 30px;
    }

    .container.container_box_top {
        padding-top: 80px;
    }

    home-infoicon {
        right: -30px;
    }

    .shipping_ads_btm {
        border-bottom: 1px solid #c1bebe;
        clear: both;
    }

    .add_edit_view {
        padding: 10px 15px;
    }

    .service_type {
        background: #dfe3e5;
        border-radius: 4px;
        font-size: 15px;
        font-family: 'Conv_Roboto-Medium';
        margin: 0;
    }

    .overview-info-padding {
        padding-left: 30px;
        padding-right: 30px;
    }

    .add_edit_view.overview-info-padding {
        padding-top: 35px;
    }

        .add_edit_view.overview-info-padding .block-space {
            margin-top: 0
        }

    .text_box {
        overflow: hidden
    }

    .login_three_mob, .login_sec_mob {
        float: right;
        z-index: 999;
    }

    .login_first_mob {
        float: right;
        z-index: 999;
    }

    .mobile-width {
        width: 95% !important
    }

    .probleminfo-styles .mobile-width {
        width: 90% !important
    }

    .probleminfo-styles .home-infoicon {
        right: -25px;
    }

    .login_btn_2 {
        float: none !important;
    }

    .login_btn_outer {
        text-align: left;
        margin-bottom: 35px;
    }

    .text_box, .text_box_5_mobile, .select_box {
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
    }

    #accordion .mobile-table-noborder .panel {
        margin-bottom: 35px;
    }

    .m_block-space {
        margin-top: 35px;
    }

    .no-sidespace {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .RCpickup-infoicon {
        bottom: 10px;
        right: 20px;
    }

    .show-addresses .header_bg_shipping {
        padding-right: 15px;
    }

    .chosen-container .chosen-results li.active-result {
        line-height: 24px;
    }

    .modal-body {
        padding-right: 40px;
    }

    #modalIphoneLogin .modal-body {
        padding-right: 15px;
    }

    /*#accordion.panel-group {
        padding: 20px;
    }*/

    /*.request_nr {
        padding: 0 20px;
    }*/
    .request_body {
        padding: 10px;
    }

    .upload-data {
        overflow: hidden;
    }

    .upld_img img, .upld_img .upload_name_css {
        display: block;
        text-align: center;
    }

    .upld_img img {
        margin: 0 auto;
    }

    .upld_img .upload_name_css {
        margin-top: 10px;
    }

    .action-btns {
        margin-top: 10px;
        text-align: center
    }

    .error-msg {
        padding: 10px 0 0 0;
        clear: both;
        text-align: center
    }

    .label-structure .iphone-active {
        margin: 0;
        margin-bottom: 0;
        white-space: nowrap;
    }

    .label-structure.modal-body {
        padding-right: 15px;
    }

    .label-structure .active-inactive {
        margin-bottom: 0px;
    }
    /*body.pre-loading{
        overflow:hidden;
    }*/
    .short-desc {
        height: 60px;
    }

    .select-date {
        position: relative;
        padding: 0;
        margin: 0 0 15px 0px;
    }

        .select-date input {
            margin: 0;
        }

        .select-date.pl-0 .icon-calender {
            right: 15px;
        }

    .current-request_block .panel-default.filters-view {
        background-color: #f5f5f5;
        border: 1px solid #ddd;
        margin-top: 20px;
    }

    .filters-view .panel-heading {
        display: block;
    }

    .filters-view .panel-body {
        padding: 0;
        background: #fff;
    }

    .filters-view .collapse {
        display: none;
    }

        .filters-view .collapse.in {
            display: block;
        }

    .filters-view .panel-heading {
        border-radius: 5px;
        position: relative;
    }

        .filters-view .panel-heading .down_arrow_left {
            margin-left: 8px;
            position: absolute;
            right: 15px;
            top: 6px;
        }

    .filters-view-body .block-space {
        margin-top: 15px;
    }

    .current-request_block .panel-default > .panel-heading {
        background: #f5f5f5;
    }

    .advanced-filters .text_box {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .advanced-filters .ui-datepicker {
        width: auto !important;
        max-width: 283px !important;
    }

    .ui-datepicker th {
        padding: 10px;
    }

    .icon-loader {
        width: 80%;
        height: auto;
    }

    .header_bg_shipping.shipping_ads_btm {
        min-height: 120px;
    }

    #divPickupSelection .counter-check .css-label {
        padding-left: 35px;
    }

    #divSelectLocation .radio_margin .css-label {
        padding-left: 50px;
    }

    #divDateSelection .radio_margin .css-label {
        padding-left: 30px;
    }

        #divPickupSelection .counter-check .css-label .icon-check-svg, #divSelectLocation .radio_margin .css-label .icon-check-svg, #divDateSelection .radio_margin .css-label .icon-check-svg {
            position: absolute;
            left: 12px;
        }

    .smart_selector_styles .dropdown_icon, .register_styles .dropdown_icon, .service-selection-styles .mb-15, .service-selection-styles .nomargin, .service-selection-styles .inside_calender_mrg {
        margin-bottom: 15px !important;
    }

    .text-mb-40 {
        margin-bottom: 0px;
        padding: 0 15px;
    }

    .width-custom {
        width: 80%;
    }

    .chosen-results .login_btn {
        margin-left: 0;
    }

    .error-page-404 {
        font-size: 24vw;
    }

    .maintenance-title {
        font-size: 10vw;
    }

    .i-infoicon-service {
        right: 10px;
        bottom: 13px;
    }

    .login_Cart {
        width: 48px;
        padding-left: 11px;
        TOP: -4px;
    }

    .cart_count {
        right: 14.5px;
        top: 11.5px;
    }
    /* Mobile Dropdown Styles */
    .chosen-container .chosen-drop {
        position: fixed;
        bottom: 0;
        top: auto;
        z-index: 999;
        height: 58vw;
    }

    .dropdown_icon .chosen-drop ul {
        text-align: center;
    }

    .chosen-container-single .chosen-search {
        background: #cecece;
        padding: 4px;
    }

        .chosen-container-single .chosen-search input[type="text"] {
            border: 2px solid #aba5a2;
        }

    .chosen-container .chosen-results li {
        padding: 3px 10px;
    }

        .chosen-container .chosen-results li.active-result.result-selected {
            background-color: transparent;
        }

        .chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.result-selected {
            color: #333;
        }

        .chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.result-selected {
            color: #45b0ff;
            background: transparent;
        }

    .chosen-container .chosen-results li {
        position: relative;
    }

        .chosen-container .chosen-results li.highlighted:after {
            content: "\f00c";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            left: 20%;
            top: 9px;
        }

        .chosen-container .chosen-results li.first-child.highlighted:after {
            content: "";
        }

    .chosen-container {
        display: block !important;
    }

    .brand-logo, .footer-html-editor, .header-html-editor {
        padding: 10px 30px;
    }

    .request_nr_content table, .request_nr_content {
        font-size: 1.5rem;
    }

    .highlighted {
        pointer-events: none
    }

    #divheaderLogoInfo {
        margin-top: -40px;
    }
    .device-icons svg
    {
        max-width:70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search-icon {
        padding: 14px;
        /* font-size: 1.9rem !important; */
        width: 30%;
    }

    .search-input .form-control {
        width: 68%;
        margin-right: 2%;
    }

    .productoverview-width .m-align-left {
        float: left !important;
        margin-top: 4%;
        clear: both;
    }

    .proforma_btn_1, .proforma_btn_2 {
        white-space: normal;
    }

    .productoverview-width {
        width: 75%;
    }

    .w-85 {
        width: 93%;
    }

    .dashboard_menu {
        right: -18px;
    }

    .home-infoicon {
        right: -4.5%;
    }

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

    .loader-box {
        width: 100%;
    }

    .icon-loader {
        width: 60%;
    }

    .col-95 {
        width: 93% !important;
    }

    .custref-icon {
        right: -30px;
    }

    .container_box_top {
        margin-top: 0;
        padding-top: 30px;
    }

    .login_btn_2.login_btn_small {
        padding: 10px 15px
    }

    .calender-view {
        margin-bottom: 0
    }

    .custom-mb-15 {
        margin-bottom: 15px !important;
    }

    .width-custom {
        width: 85%;
    }

    .error-page-404 {
        font-size: 15vw;
    }

    .i-infoicon-service {
        right: 15px;
        bottom: 10px;
    }

    .login_first {
        width: 60%;
    }

    .login_Cart {
        width: 48px;
    }

    .cart_count {
        right: 10.5px;
        top: 10.5px;
    }

    .brand-logo, .footer-html-editor, .header-html-editor {
        padding: 1% 2%;
    }

    .highlighted {
        pointer-events: none
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .container {
        width: 100%;
    }

    .mobile_dispaly_hide {
        display: none;
    }

    .fixed_width {
        width: auto;
        margin: 0px auto;
    }

    .option_box_top .half_box {
        width: 100%;
    }

    .option_box_top .half_box_2 {
        background: #dfe3e5;
        width: 100%;
        border: 2px solid #dfe3e5;
    }

    .pding_tx_right {
        padding-left: 36%;
    }

    .text_postion_right {
        padding-left: 60px;
    }

    .back_btn_right {
        padding-left: 75px;
    }

    .ss_btn_pd_right {
        padding-right: 9%;
    }

    .ui-datepicker td a, .ui-datepicker td span {
        padding: 8% !important;
    }

    .login_sec {
        width: 30px;
        float: right;
/*        margin: 0 3%;*/
    }

    .proforma-table-right-align {
        padding-right: 30px !important;
        text-align: right;
    }

    .login_sec {
        display: block;
/*        margin: 0 auto;*/
        text-align: center;
    }

    .register_styles .inside_radio_mrg label {
        margin-bottom: 15px !important;
    }

    .loader-box {
        width: 100%;
    }

    .icon-loader {
        width: 40%;
    }

    .custom-tabled .cell-1 {
        width: 23%;
    }

    .custom-tabled .cell-2 {
        width: 22%;
    }

    .custom-tabled .cell-3 {
        width: 14%;
    }

    .custom-tabled .cell-4 {
        width: 15%;
    }

    .custom-tabled .cell-5 {
        width: 16%;
    }

    .custom-tabled .cell-6 {
        width: 10%;
    }

    .chosen-container .chosen-results li.active-result {
        line-height: 24px;
    }

    .modal-body.h3_no_mrg {
        margin-top: 30px;
    }

    .modal-body {
        padding-right: 50px;
    }

    .overview_table_bg > tbody > tr > td:first-child {
        white-space: nowrap
    }

    .overview_table_bg thead > tr > th {
        vertical-align: top
    }

    .brand-logo, .footer-html-editor, .header-html-editor {
        padding: 1% 2%;
    }

    .custom-tabled1 .cell-4, .custom-tabled1 .cell-1 {
        width: 22%;
        white-space: normal;
    }
}

@media (max-width: 767px) and (orientation: landscape) {

    .login_three_mob, .login_sec_mob {
        float: right;
        z-index: 9999;
    }

    .login_first_mob {
        float: right;
        z-index: 9999;
    }
}

@media (min-width: 480px) and (max-width: 767px) {

    .fixed_width {
        width: auto;
        margin: 0px auto;
    }

    .username {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 60%;
        text-align: right;
    }

    /*.smart_selector_top {
        margin-top: 50px;
    }*/

    .option_box_top .half_box {
        width: 100%;
    }

    .option_box_top .half_box_2 {
        background: #dfe3e5;
        width: 100%;
        border: 2px solid #dfe3e5;
    }

    .pding_tx_right {
        padding-left: 15px;
    }

    .back_btn_right {
        padding-left: 15px;
    }

    .nxt_btn_right {
        text-align: inherit;
        padding-right: 15px;
    }

    .text_postion_right {
        padding-left: 15px;
    }

    .flag_position {
        position: absolute;
        top: 30px;
        right: 0px;
    }

    .btn_right_service {
        text-align: inherit;
    }


    /* -- shipping address ------- */
    .desk_dispaly_hide {
        display: none;
    }

    .header_bg_shipping {
        padding: 12px 15px 12px 15px;
        background: #dfe3e5;
        border-radius: 4px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        font-size: 16px;
    }

    .search_full_with_shipping {
        width: 100%;
        padding: 12px 50px 12px 15px;
        display: block;
        height: 100%;
        background: url(../img/search_icon..png) no-repeat scroll right #fff;
        background-position-x: 95%;
        margin-bottom: 0px;
    }

    .location_font_size {
        font-size: 16px;
    }

    .radio_right label {
        float: right;
    }

    .header_bg_shipping p {
        font-family: 'Conv_Roboto-Regular';
        color: #252525;
    }

    .no_border_radius {
        border-radius: 0px !important;
    }

    .shipping_ads_btm {
        border-bottom: 1px solid #787272;
    }

    .header_bg_shipping.active {
        background: #f15c22;
        color: #FFF;
    }

        .header_bg_shipping.active p {
            color: #FFF;
        }

    .btn_mrg {
        margin-top: 90px;
    }

    .header_bg_shipping span {
        float: right;
    }

    .add_edit_view {
        padding: 50px 30px;
        border: 2px solid #f15d24;
        border-radius: 8px;
    }

    .header_bg_shipping_details {
        /*padding: 12px 15px 12px 15px;*/
        background: #FFF;
        border-radius: 4px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        font-size: 16px;
    }

        .header_bg_shipping_details span {
            float: right;
        }

    .details_edit_left {
        width: 80%;
        float: left;
        padding: 12px 15px 12px 15px;
        border-right: 1px solid #787272;
    }

    .details_edit_right {
        width: 20%;
        float: left;
        padding: 22px 15px 12px 15px;
    }


    /*--------------       home mobile design overview start here ------------   */
    .full_width_mob {
        width: 100%;
        float: left;
        padding: 12px 15px 12px 15px;
        background: #dfe3e5;
        border-radius: 4px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
    }

    .over_left_col {
        width: 50%;
        float: left;
    }

    .over_right_col {
        width: 50%;
        float: left;
    }

        .over_right_col span {
            float: right;
        }

            .over_right_col span img {
                height: 10px;
            }

    .text_box_5_mobile {
        color: #252525;
        font-family: 'Conv_Roboto-Medium';
        font-size: 18px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        background: #fff;
        cursor: pointer;
    }

    .over_left_col_2 {
        width: 50%;
        float: left;
        padding: 25px 15px 25px 15px;
        border-right: 1px solid #787272;
    }

    .over_right_col_2 {
        width: 50%;
        float: left;
        padding: 25px 15px 25px 15px;
    }

    .service_type {
        width: 100%;
        float: left;
        padding: 9px 15px 9px 15px;
        background: #dfe3e5;
        border-radius: 4px;
        font-size: 15px;
        font-family: 'Conv_Roboto-Medium';
    }

    .fs_location {
        font-size: 16px;
        padding-top: 16px;
    }

    .fs_addrs {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
    }

    .fs_date {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
        width: 100%;
        float: left;
        padding-top: 16px;
    }

    .white_bg {
        background: #fff;
        width: 100%;
        float: left;
        margin-bottom: 70px;
    }

    .serial_num {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
        width: 100%;
        float: left;
        padding: 31px 0px 21px 0px;
    }

    .view {
        width: 100%;
        float: left;
        padding: 19px 15px 19px 15px;
        background: #fff;
        font-size: 15px;
        font-family: 'Conv_Roboto-Medium';
        border-top: 1px solid #787272;
    }

    .add_repair_mrg {
        margin-bottom: 65px;
    }

    .repair_left {
        position: initial;
    }

    .repair {
        margin-bottom: 15px;
    }
    /* ----------   Mobile Header start here   ------------ */
    .login_first_mob {
        text-align: right;
    }

    .login_sec_mob {
        width: 30px;
        float: right;
        margin-right: 2%;
        margin-left: 2%;
    }

        .login_sec_mob .dropdown {
            float: right;
        }

    .login_three_mob {
        width: 7%;
        float: right;
    }

    .dash_header_bg {
        padding: 14px;
    }

    .dash_col_5 {
        width: 60%;
        float: left;
    }

    .dash_col_4 {
        width: 40%;
        float: left;
    }

    .act_pad {
        padding-left: 40px;
    }

    .offer_span {
        padding-left: 0px;
        display: block;
        font-family: 'Conv_Roboto-Regular';
    }

    .row_1 {
        padding: 14px !important;
    }

    .row_2 {
        padding: 14px !important;
        font-family: 'Conv_Roboto-Regular';
        vertical-align: middle !important;
    }

    .dash_col_5 {
        width: 60%;
        float: left;
    }

    .dash_col_4 {
        width: 40%;
        float: left;
    }

    .act_pad {
        padding-left: 18px;
    }

    .offer_span {
        padding-left: 0px;
        display: block;
        font-family: 'Conv_Roboto-Regular';
    }

    .row_1 {
        padding: 14px !important;
        width: 60%;
    }

    .row_2 {
        padding: 14px !important;
        font-family: 'Conv_Roboto-Regular';
        vertical-align: middle !important;
        width: 40%;
    }


    /*----------------    Contract_info start here      ---------------*/

    .mobile_con_info {
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        background: #fff;
        border-radius: 4px;
        margin-bottom: 15px;
    }

    .checkbox_row {
        width: 40%;
        float: left;
        padding: 12px;
        border-radius: 4px;
    }

    .checkbox_row_sec {
        width: 60%;
        float: left;
    }

    .contracts_left {
        position: relative;
    }

    .contract_inside {
        position: absolute;
        left: 0;
        top: 0;
        background: #dfe3e5;
    }

    .check_box_clr {
        background: #dfe3e5;
    }

    .contract_title {
        list-style-type: none;
        font-size: 16px;
    }

    .contract_title_2 {
        list-style-type: none;
        font-size: 16px;
        padding-top: 35px;
    }

    .contract_title li {
        padding: 12px 0px 12px 0px;
    }

    .contract_title_2 li {
        border-bottom: 1px solid #787272;
        padding: 12px 12px 12px 12px;
        line-height: 21px;
    }

    .loc_fix_height {
        min-height: 65px;
    }

    .contract_title_2 li:nth-child(8) {
        border-bottom: 0px solid #787272;
        padding: 12px 12px 12px 12px;
    }

    .check_box_padding {
        padding: 16px 16px 0px 12px;
    }



    .info_ser_padd {
        padding: 14px 85px 15px 15px;
    }

    /*----------------    Contract_info end here   ---------------*/
    .dropdown_icon {
        background-position-x: 95%;
    }

    .ss_btn_pd_right {
        padding-right: 15px;
    }

    .w-30 {
        width: 35%;
    }

    .w-70 {
        width: 65%;
        word-break: break-word;
    }

    .forgotpwd_btn {
        width: 55% !important;
    }

    .login_Cart {
        width: 48px;
        padding-left: 0px;
        TOP: -4px;
    }

    .cart_count {
        right: 25.5px;
        top: 11.5px;
    }
}

@media (min-width: 480px) and (max-width: 767px)and (orientation: landscape) {
    .home-infoicon {
        right: -11%;
    }
}


@media (min-width: 320px) and (max-width: 479px) {
    .mobile-table-noborder .mob-btn {
        width: 100%;
        font-size: 17px;
    }

    .fixed_width {
        width: auto;
        margin: 0px auto;
    }


    .option_box_top .half_box {
        width: 100%;
    }

    .option_box_top .half_box_2 {
        background: #dfe3e5;
        width: 100%;
        border: 2px solid #dfe3e5;
    }

    .pding_tx_right {
        padding-left: 15px;
    }

    .back_btn_right {
        padding-left: 15px;
    }

    .nxt_btn_right {
        text-align: left;
        padding-right: 15px;
    }

    .text_postion_right {
        padding-left: 15px;
    }

    .flag_position {
        position: absolute;
        top: 30px;
        right: 0px;
    }

    .btn_right_service {
        text-align: inherit;
    }

    input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
        font-size: 16px;
    }

    /*.inside_radio_mrg {
        margin: 30px 0px 30px 10px;
    }*/

    .inside_calender_mrg {
        padding: 30px 15px !important;
    }

    .radio_box_height {
        max-height: 70px;
    }

    /* -- shipping address ------- */
    .desk_dispaly_hide {
        display: none;
    }

    .header_bg_shipping {
        padding: 12px 40px 12px 15px;
        background: #dfe3e5;
        border-radius: 4px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        font-size: 16px;
    }

    .search_full_with_shipping {
        width: 100%;
        padding: 12px 50px 12px 15px;
        display: block;
        height: 100%;
        background: url(../img/search_icon..png) no-repeat scroll right #fff;
        background-position-x: 95%;
        margin-bottom: 0px;
    }

    .location_font_size {
        font-size: 16px;
    }

    .radio_right label {
        float: right;
    }

    .header_bg_shipping p {
        font-family: 'Conv_Roboto-Regular';
        color: #252525;
    }

    .no_border_radius {
        border-radius: 0px !important;
    }

    .header_bg_shipping.active {
        background: #f15c22;
        color: #FFF;
    }

        .header_bg_shipping.active p {
            color: #FFF;
        }

    .btn_mrg {
        margin-top: 90px;
    }

    .header_bg_shipping span {
        float: right;
    }

    .add_edit_view {
        border: 2px solid #f15d24;
        border-radius: 8px;
        margin-top: 5px;
    }

    .header_bg_shipping_details {
        /*padding: 12px 15px 12px 15px;*/
        background: #FFF;
        border-radius: 4px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        font-size: 16px;
    }

        .header_bg_shipping_details span {
            float: right;
        }

    .details_edit_left {
        width: 80%;
        float: left;
        padding: 12px 15px 12px 15px;
        border-right: 1px solid #787272;
    }

    .details_edit_right {
        width: 20%;
        float: left;
        padding: 22px 15px 12px 15px;
    }
    /*--------------       home mobile design ------------   */
    .register_title {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
        line-height: 24px;
    }


    /*.mobile_body_mrg {
        margin-top: 40px;
    }*/

    .login_btn {
        width: 100%;
    }

    .aleary_text {
        text-align: left;
        margin-top: 35px;
    }

    .forgot {
        text-align: left;
    }


    /*--------------       home mobile design overview start here ------------   */
    .full_width_mob {
        width: 100%;
        float: left;
        padding: 12px 15px 12px 15px;
        background: #dfe3e5;
        border-radius: 4px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
    }

    .over_left_col {
        width: 50%;
        float: left;
    }

    .over_right_col {
        width: 50%;
        float: left;
    }

        .over_right_col span {
            float: right;
        }

            .over_right_col span img {
                height: 10px;
            }

    .text_box_5_mobile {
        color: #252525;
        font-family: 'Conv_Roboto-Medium';
        font-size: 18px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        background: #fff;
        cursor: pointer;
    }

    .over_left_col_2 {
        width: 50%;
        float: left;
        padding: 25px 15px 25px 15px;
        border-right: 1px solid #787272;
    }

    .over_right_col_2 {
        width: 50%;
        float: left;
        padding: 25px 15px 25px 15px;
    }

    .service_type {
        padding: 9px 15px 9px 15px;
        background: #dfe3e5;
        border-radius: 4px;
        font-size: 15px;
        font-family: 'Conv_Roboto-Medium';
    }

    .fs_location {
        font-size: 16px;
        padding-top: 16px;
    }

    .fs_addrs {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
    }

    .fs_date {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
        width: 100%;
        float: left;
        padding-top: 16px;
    }

    .white_bg {
        background: #fff;
        width: 100%;
        float: left;
        margin-bottom: 70px;
    }

    .serial_num {
        font-size: 16px;
        font-family: 'Conv_Roboto-Regular';
        width: 100%;
        float: left;
        padding: 31px 0px 21px 0px;
    }

    .view {
        width: 100%;
        float: left;
        padding: 19px 15px 19px 15px;
        background: #fff;
        font-size: 15px;
        font-family: 'Conv_Roboto-Medium';
        border-top: 1px solid #787272;
    }

    .add_repair_mrg {
        margin-bottom: 65px;
    }

    .dropdown_icon {
        background-position-x: 95%;
    }

    /* ----------   Mobile Header start here   ------------ */
    .login_first_mob {
        width: 60%;
        float: right;
    }

    .login_sec_mob {
        width: 30px;
        float: right;
        margin: 0 2%;
    }

    .username {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 60%;
        text-align: right;
    }

    .login_sec_mob .dropdown {
        float: right;
    }

    .login_three_mob {
        width: 9%;
        float: right;
    }

    .ss_right {
        text-align: left;
    }

    .repair_left {
        position: initial;
    }

    .repair {
        margin-bottom: 15px;
    }

    .dash_header_bg {
        padding: 14px;
    }

    .dash_col_5 {
        width: 60%;
        float: left;
    }

    .dash_col_4 {
        width: 40%;
        float: left;
    }

    .act_pad {
        padding-left: 18px;
    }

    .offer_span {
        padding-left: 0px;
        display: block;
        font-family: 'Conv_Roboto-Regular';
    }

    .row_1 {
        padding: 14px !important;
        width: 60%;
    }

    .row_2 {
        padding: 14px !important;
        font-family: 'Conv_Roboto-Regular';
        vertical-align: middle !important;
        width: 40%;
    }

    /*----------------    Contract_info start here      ---------------*/

    .mobile_con_info {
        -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
        background: #fff;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .checkbox_row {
        width: 40%;
        float: left;
        padding: 12px;
        border-radius: 4px;
    }

    .checkbox_row_sec {
        width: 60%;
        float: left;
    }

    .contracts_left {
        position: relative;
    }

    .contract_inside {
        position: absolute;
        left: 0;
        top: 0;
        background: #dfe3e5;
    }

    .check_box_clr {
        background: #dfe3e5;
    }

    .contract_title {
        list-style-type: none;
        font-size: 16px;
    }

    .contract_title_2 {
        list-style-type: none;
        font-size: 16px;
        padding-top: 35px;
    }

    .contract_title li {
        padding: 12px 0px 12px 0px;
    }

    .contract_title_2 li {
        border-bottom: 1px solid #787272;
        padding: 12px 12px 12px 12px;
        line-height: 21px;
    }

    .loc_fix_height {
        min-height: 65px;
    }

    .contract_title_2 li:nth-child(8) {
        border-bottom: 0px solid #787272;
        padding: 12px 12px 12px 12px;
    }

    .check_box_padding {
        padding: 16px 16px 0px 12px;
    }

    .info_ser_padd {
        padding: 14px 85px 15px 15px;
    }

    .mobile_date-center {
        text-align: left;
    }
    /*----------------    Contract_info start here      ---------------*/

    .problem_body_bg tr td span {
        font-size: 14px;
    }

    .ss_btn_width {
        width: auto !important;
    }

    .ss_btn_pd_right {
        padding-right: 0px;
    }

    .forgotpwd_btn {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .smart_selector_styles .login_btn {
        width: 100%;
        margin-top: 15px;
    }

    .chosen-container .chosen-results {
        padding: 12px 15px;
        min-height: 130px;
    }

    .btn_mrg_service, .newbrand.login_btn {
        margin-top: 30px;
    }

    .ui-datepicker {
        width: auto !important;
    }
}

@media (min-width: 375px) and (max-width: 413px) {
    .home-infoicon {
        right: -8.5%;
    }
}

@media (min-width: 414px) and (max-width: 414px) {
    .home-infoicon {
        right: -9%;
    }
}

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

    .forgotpwd_btn {
        width: 40% !important;
    }

    .home-infoicon {
        right: -3%;
    }

    .container_box_top {
        padding: 30px 30px 60px 30px;
    }

    .icon-loader {
        width: 40%;
    }

    .cart_count {
        font-size: 9px;
        position: absolute;
        right: 9.5px;
        top: 10.5px;
    }

    .login_Cart {
        width: 48px;
    }

    .brand-logo, .footer-html-editor, .header-html-editor {
        padding: 1% 2%;
    }
}

@media (min-width:1280px) and (max-width:1365px) {
    .login_sec {
        width: 30px;
        float: right;
        display: block;
/*        margin: 0 auto;*/
        text-align: center;
    }

    .icon-loader {
        width: 40%;
    }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .loader-box {
        width: 100%;
    }

    .icon-loader {
        width: 30%;
    }

    #tablescrollarea_request .request_scroll {
        max-height: 300px;
        overflow: auto;
    }
}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi),\0screen\,screen\9 {
    .current-request .show-item a img {
        height: 100%;
    }

    .select-date.pl-0 .icon-calender, .select-date.pr-0 .icon-calender {
        top: -50px;
    }

    button.close {
        height: 50px;
    }

    .icon-svg {
        height: 25px;
    }

    .loader-outer {
        width: 160px;
        height: 26px;
        padding: 0;
        border-radius: 50px;
        border: 3px solid transparent;
        position: relative;
        overflow: hidden;
        background: var(--icon-color);
        margin: 0 auto;
    }

        .loader-outer .loader-inner {
            width: 160px;
            height: 18px;
            margin: 0;
            border-radius: 50px;
            background: url(../img/shape-bg.png) repeat center center transparent;
            position: absolute;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            -webkit-animation-name: preloader;
            -webkit-animation-duration: 1.5s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: preloader;
            -moz-animation-duration: 1.5s;
            -moz-animation-iteration-count: infinite;
            -ms-animation-name: preloader;
            -ms-animation-duration: 1.5s;
            -ms-animation-iteration-count: infinite;
            -o-animation-name: preloader;
            -o-animation-duration: 1.5s;
            -o-animation-iteration-count: infinite;
            animation-name: preloader;
            animation-duration: 1.5s;
            animation-iteration-count: infinite;
        }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes preloader {
        0% {
            left: -50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        100% {
            left: 50%;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%);
        }
    }
    /* Standard syntax */
    @keyframes preloader {
        0% {
            left: -50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        100% {
            left: 50%;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%);
        }
    }
}

@supports (-ms-ime-align:auto) {
    .loader-outer {
        width: 160px;
        height: 26px;
        padding: 0;
        border-radius: 50px;
        border: 3px solid transparent;
        position: relative;
        overflow: hidden;
        background: var(--icon-color);
        margin: 0 auto;
    }

        .loader-outer .loader-inner {
            width: 160px;
            height: 18px;
            margin: 0;
            border-radius: 50px;
            background: url(../img/shape-bg.png) repeat center center transparent;
            position: absolute;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            -webkit-animation-name: preloader;
            -webkit-animation-duration: 1.5s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: preloader;
            -moz-animation-duration: 1.5s;
            -moz-animation-iteration-count: infinite;
            -ms-animation-name: preloader;
            -ms-animation-duration: 1.5s;
            -ms-animation-iteration-count: infinite;
            -o-animation-name: preloader;
            -o-animation-duration: 1.5s;
            -o-animation-iteration-count: infinite;
            animation-name: preloader;
            animation-duration: 1.5s;
            animation-iteration-count: infinite;
        }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes preloader {
        0% {
            left: -50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        100% {
            left: 50%;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%);
        }
    }
    /* Standard syntax */
    @keyframes preloader {
        0% {
            left: -50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        100% {
            left: 50%;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%);
        }
    }
}

@media print {
    .container {
        width: auto;
    }
}
@media (min-width: 1920px) {
   /* .first_time_title, .login, .dashboard_menu ul li, .dashboard_menu ul li a, .over_view_title, .contract_col_1, .contract_col_2, .contract_col_3, .contract_col_4, .contract_col_5, .contract_col_6, .contract_col_7, .contract_col_8, .checkbox-font, input[type=checkbox].css_checkbox_3 + label.css_label_3:before, input[type=checkbox].css_checkbox_3 + label.css_label_3.clr:before, .text_box_text_area, .block_title {
        font-size: 22px;
    }

    body, button, input, select, textarea, .login_btn, .login_btn_2, .text_box, .select_box, .current-request .table, .request_nr_content table, .contracts-title, .popup_clr, input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr, .text_box_2, .i_place_italic, .text_box_3, .text_box_4, input[type=radio].css_checkbox_2 + label.css_label_2, input[type=radio].css_checkbox_2 + label.css_label_2.clr, .graph_box, .proforma .table, .request_scroll_new .table, .proforma_btn_1, .proforma_btn_2, .panel-title, {
        font-size: 24px;
    }
*/
    .fixed_width {
        max-width: 1740px;
        margin: 0px auto;
    }

    .container {
        width: 1670px;
    }
    .cart_count {
       
        right: 35.5px;
      
    }
    .new-custom-width .cart_count {
        right: 12.5px;
    }
    .new-custom-width .fixed_width {
        max-width: 1240px;
    }
    .new-custom-width .container {
        width: 1170px;
    }

    /* .progressbar li, .cnfm-adrs_btn, .text-change .title {
        font-size: 20px;
    }

    .highlight, .missing-file {
        font-size: 26px;
    }

    .i_place, .loader-box p, .scrollup, .i_icon {
        font-size: 30px;
    }

    .font-18 {
        font-size: 24px !important;
    }

    .error-page-404 {
        font-size: 11vw;
    }

    .maintenance-title {
        font-size: 7vw;
    }

    .cart_count {
        font-size: 14px;
    }

    .dashboard_menu {
        width: 400px;
    }*/
    .advanced-filters .col-md-4, .zip-custom-width, .advanced-filters .zip-custom-width {
        width: 15.333333%;
    }
    .advanced-filters .calender-view {
        width: 22.333333%;
    }
    .divOpenRequests .col-lg-6 {
        width: 33%;
    }
    #divOpenRequests .col-lg-6 {
        width: 33%;
    }
}