@media screen and (max-width: 1700px) {
    .sing_box_pos {
        top: 59%;
    }
    .login_page_video {
        top: -15%;
        left: -15%;
    }
    tr[class^="advisor-rule"] .btn {
        margin: 0 0 6px 6px;
    }
}

.sing_box .logo {
    top: -86px;
}

@media screen and (max-width: 1330px) {
    .coachsCorner, .whistler {
        display: none;
    }
}

@media screen and (max-width: 1365px) {
    .coachsCorner, .whistler {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .content_container {
        width: auto;
        padding: 16px 10px 116px 10px;
    }
    .radio_table > .form-group .control-label {
        width: 70%;
    }
    .radio_table > .form-group .radio2 {
        width: 30%;
    }
    .sing_box {
        padding: 0;
    }

    .signature_box > div {
        height: auto;
        line-height: inherit;
    }
    .signature_box > div:after {
        display: none;
    }
    /*.bg_box div:first-child .input_group {*/
    /*    min-height: 0;*/
    /*}*/
    .reset_sign {
        /*width: 156px;*/
        display: inline-block;
        padding: 0 6px;
        text-align: center;
        height: 26px;
        line-height: 26px;
        background-color: orange;
        border-radius: 4px;
        margin: 12px auto;
    }

    .r2_with_input_box .form-group {
        float: none;
        clear: both;
        padding-top: 8px;
    }
    .r2_with_input_box .input_group {
        width: 100%;
    }

    .wizard_progress {
        margin: 0 auto 14px;
        width: 100%;
    }

    .last_btn_box {
        padding-top: 16px;
    }
}

@media screen and (max-width: 1084px) {
    .login_page_video {
        top: -26%;
        left: -40%;
    }
    .footer_list .footer_logo img {
        max-height: 40px;
        padding-left: 5px;
    }
    .footer_list .footer_logo {
        height: 40px;
    }
    .sing_box .logo {
        top: -85px;
        left: 94px;
    }
    .file-btn--hidden-md .btn span.hidden-xs {
        display: none!important;
    }
}

@media screen and (max-width: 1000px) {
    .hp_list_unit {
        width: 49.5%;
    }
    #calendar{
        height: 600px;
    }
    .login_page_video {
        left: -85%;
        top: -5%;
    }
    .sing_box_pos {
        top: 50%;
    }
    .dropdown-all-directors {
        margin-bottom: 5px;
    }

    .file-input .btn {
        margin-bottom: 0;
    }

    .ex_table_box .pagination {
        position: relative;
        width: 100%;
        padding: 0 100px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .ex_table_box .pagination > li.first,
    .ex_table_box .pagination > li.prev,
    .ex_table_box .pagination > li.next,
    .ex_table_box .pagination > li.last {
        position: absolute;
        top: 0;
    }

    .ex_table_box .pagination > li.first {

        left: 40px;
    }

    .ex_table_box .pagination > li.prev {
        left: 0;
    }

    .ex_table_box .pagination > li.last {
        right: 40px;
    }

    .ex_table_box .pagination > li.next {
        right: 0;
    }

    .ex_table_box .pagination > li {
        padding: 2px;
    }
}

@media screen and (max-width: 880px) {
    .sing_box_half.single-box__half--md {
        float: none;
        width: auto;
        padding-right: 0;
    }
}

@media screen and (max-width: 800px) {
    .video_container {
        width: auto;
    }
    .web_date {
        width: 70%;
    }
    .web_duration {
        width: 30%;
    }

    .sing_box h1.tabs_form_header {
       height: auto;
    }
    .tabs_form_box {
        float: none;
        text-align: center;
    }
    .tabs_form_box .btn {
        float: none;
        margin: 12px 10px 0 10px;
    }

    .steps_progress {
        display: none;
    }
    .wizard_steps {
        display: block;
        font-size: 0;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        width: 100%;
    }
    .wizard_steps li {
        min-width: 0;
        max-width: none;
        margin-left: 0;
        position: relative;
        width: 100%;
    }

    .wizard_steps li:after {
        background: #cccccc;
        right: 0;
        height: 4px;
    }

    .wizard_steps li.wizard-step--last:after {
        width: 0;
    }

    .wizard_steps li:before, .wizard_steps li:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 50%;
    }
    .wizard_steps li a {
        position: relative;
        z-index: 2;
    }
    .wizard_steps li.completed {
        margin-left: -100%;
    }
    .wizard_steps li.active {
        margin-left: 0;
    }
    .wizard_steps li:before, .wizard_steps li:after {
        height: 4px;
    }
    .wizard_steps li:before {
        background: #cccccc;
        left: 0;
    }
    .wizard_steps li:first-child:before {
        display: none;
    }
    .sing_box .logo {
        top: -85px;
        left: 74px;
    }

    .stb_title div.pull-right {
        float: none!important;
        margin-top: 10px;
    }
}

@media screen and (max-width: 770px) {
    .hospital_box {
        float: none;
        width: auto;
        padding-right: 0;
        text-align: center;
        padding-bottom: 26px;
    }
    #calendar{
        height: 400px;
    }
    .sing_box h1 {
        height: auto;
    }
    .hp_video_box {
        float: none;
        width: auto;
        padding-left: 0;
    }
    .hp_news_box {
        float: none;
        width: auto;
        padding-left: 0;
        padding-top: 30px;
    }
    .sing_box_half {
        float: none;
        width: auto;
        padding-right: 0;
    }
    .sing_box .sing_box_half + .sing_box_half {
        padding-left: 0;
    }

    .agreement_list ol {
        padding-left: 20px;
    }

    .hp_list_unit {
        width: auto;
        margin-bottom: 26px;
    }
    .hp_list .hp_list_unit:last-child {
        margin-bottom: 0;
    }
    .hp_list_unit_box {
        margin-left: 0;
    }

    .hp_title_box {
        padding: 0 0 10px 0;
    }
    .simple_txt_box h1 {
        font-size: 24px;
    }
    .simple_txt_box h2 {
        font-size: 20px;
    }
    a, .pdf_td_desc {
        word-wrap: break-word;
    }

    /* -- USER TABLE --  */
    .ex_table_box table, .ex_table_box thead, .ex_table_box tbody,
    .ex_table_box tfoot, .ex_table_box th, .ex_table_box td, .ex_table_box tr {
        display: block;
    }

    .ex_table_box thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .ex_table_box tr {
        border: none!important;
    }

    .ex_table_box td {
        border: none!important;
        border-bottom: 1px solid #eee!important;
        position: relative;
        padding-left: 40%!important;
        min-height: 33px;
    }

    .ex_table_box.role td {
        padding-left: 55%!important;
    }

    .ex_table_box.segregated-list td {
        padding-left: 50%!important;
    }

    .ex_table_box td:not([before-label]) {
        padding-left: 5px!important;
    }

    .ex_table_box td:before {
        position: absolute;
        top: 8px;
        left: 6px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        color: #727272;
        text-align: left;
    }

    .ex_table_box td.money-column:before {
        text-align: left;
        font-family: 'ralewaysemibold';
    }

    .ex_table_box td.money-column, .ex_table_box td.pay-count-column {
        text-align: left;
    }

    .ex_table_box td[before-label]:before {
        content: attr(before-label);
        font-weight: bold;
    }

    .ex_table_box .filters {
        display: none;
    }
    /*  USER TABLE */

    .half_two_input .radio2 div label {
        display: block;
        padding-left: 0;
        padding-bottom: 8px;
    }

    .radio2_block .radio2 div label {
        display: block;
        padding-left: 0;
        padding-bottom: 8px;
    }

    .ex_half_table_unit {
        float: none;
        width: auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }

    .ex_half_table_box .ex_half_table_unit:first-child {
        padding: 0 0 20px 0;
    }

    .sing_box_pos {
        top: 55%;
    }

    .login_page_video {
        top: -11%;
        left: -69%;
    }

    .reports-status-field-filter, .reports-status-field, .reports-user-status-field-filter, .reports-user-status-field, .reports-user-name {
        max-width: none;
        overflow: auto;
    }

    .log-modal .modal-dialog, .modal--maxw .modal-dialog {
        width: auto;
    }

    .lead-agent-title > .text {
        font-size: 15px;
    }

    .lead-agent-title > .text span {
        font-size: 18px!important;
    }

    .table-action__buttons button,
    .table-action__buttons a {
        padding: 3px 10px;
        line-height: 1.5;
        font-size: 14px;
    }

    .language_switcher {
        text-align: center;
        left: 0;
    }

    .grid-filter__controls {
        display: none;
    }
    body.modal-open {
        overflow-y: auto;
    }
    body.modal-open .popover {
        min-width: 200px;
        max-width: 65vw;
        z-index: 1060 !important;
        filter: drop-shadow(2px 4px 6px gray);
    }
}

@media screen and (max-width: 600px) {
    .sing_box_pos {
        width: auto;
        margin: 0;
        left: 10px;
        right: 10px;
        bottom: 9%;
        top: auto;
    }

    .pdf_table_box {
        display: block;
    }
    .pdf_tb_title {
        display: block;
        padding-bottom: 0;
    }
    .pdf_td_desc {
        padding-top: 0;
        display: block;
        text-align: left;
    }
    .sing_box .logo {
        top: -56px;
        left: 60px;
        width: 210px;
    }

    .panel-heading {
        display: flex;
        flex-direction: column;
    }

    .panel-heading .pull-right {
        text-align: right;
        order: 2;
        margin: 10px 0 0;
    }

    .panel-heading .pull-right .summary {
        padding-bottom: 0;
    }

    .btn-container .btn {
        font-size: 9px;
    }

    .form-options-item-product {
        width: 100%;
        padding-right: 0;
    }

    .form-options-item-product:nth-child(even) {
        float: none;
    }

    .cont_img_box, .cont_descr_box {
        width: 100%;
        text-align: center;
    }

    .popover-lg.popover-x {
        min-width: 320px;
    }

    .container-message {
        max-width: 275px!important;
    }
}

@media screen and (max-width: 500px) {
    .half_two_input > .form-group {
        float: none;
        width: auto;
        padding: 0;
    }
    .half_two_input.half_two_input-right > .form-group {
        margin: 0;
        padding: 0;
    }
    #calendar{
        height: 350px;
    }
    .radio_table > .form-group .control-label {
        width: 63%;
    }
    .radio_table > .form-group .radio2 {
        width: 34%;
    }
    .radio_table .form-group {
        padding-bottom: 16px;
    }

    .bg_box {
        padding: 20px;
    }
    .sing_box .hp_title {
        font-size: 27px;
    }
    .web_img, .web_txt_box {
        float: none;
        width: auto;
        padding-left: 0;
    }
    .web_txt_box {
        padding-top: 12px;
    }
    .web_date_box {
        padding-bottom: 6px;
        font-size: 12px;
    }

    .or_box:after {
        position: static;
        margin-bottom: -12px;
    }

    .gte_ff_mob {
        padding-top: 26px;
    }

    .data_ff_mob {
        width: 85px;
    }

    .ex_table_box td {
        padding-left: 8px!important;
        font-size: 13px;
        text-align: center;
    }

    .ex_table_box.segregated-list td {
        padding-left: 8px!important;
    }

    .ex_table_box td:before {
        position: static;
        width: auto;
        white-space: normal;
        overflow: auto;
        text-overflow: initial;
        display: block;
        margin-bottom: 1px;
        padding-right: 0;
        text-align: center;
    }

    .ex_table_box td.money-column:before {
        text-align: center;
    }

    .ex_table_box td.money-column, .ex_table_box td.pay-count-column {
        text-align: center;
    }

    .ex_table_box .money-column-total td:first-child {
        text-align: center;
    }

    .ex_table_box .pagination {
        padding: 40px 0 0;
    }

    .txt_right_nomob {
        text-align: left;
    }
    .txt_right_nomob[type="text"] {
        padding-right: 10px;
        text-align: left;
    }
    .half_two_input .radio2 {
        min-height: 0;
        padding: 0px 0 0px 0;
    }

    .hti_border > .form-group:first-child {
        border-right: none;
        padding-right: 0;
    }
    .hti_border > .form-group + .form-group {
        padding-left: 0;
    }
    .hti_border .half_two_input:before,
    .hti_border .r2_with_input_box:before {
        display: none;
    }

    .or_box .input_group input {
        padding: 10px 36px 10px 10px;
        text-align: left;
    }
    .or_box_container .or_box {
        float: none;
        width: auto;
    }
    .or_box_container > .form-group + .form-group .form-group {
        width: auto;
    }

    .sing_box label {
        display: inline-block;
        min-height: 0;
        margin: 0;
    }

    .footer_list .switch_platform span {
        display: none;
    }
    .footer_list .switch_platform img {
        max-height: 30px;
    }
    .footer_list .switch_platform a {
        width: 55px;
        padding: 20px 0;
    }
    /* iphone 6 */
    .login_page_video {
        left: -182%;
        top: -26%;
    }
    .footer_list .footer_logo img {
        max-height: 30px;
    }

    #scoreboard-menu {
        padding-right: 0!important;
        margin-bottom: 80px;
    }

    #scoreboard-menu .li_menu:after {
        padding: 0 6px;
    }

    .checkbox__hidden-input {
        margin-top: 5px;
    }
}

@media screen and (max-width: 480px) {
    .ex_table_box tbody:first-of-type tr > td:first-child {
        font-size: 1.1em;
    }

    .app-nav-pills.nav > li, .app-subnav-pills.nav > li {
       display: block;
        float: none;
    }

    .app-subnav-pills.nav {
        margin-top: 15px;
    }
}

@media screen and (max-width: 390px) {
    .select2--small {
        width: 142px;
    }
}