﻿@media (max-width: 767px) {
    #nav > ul > li.open > a.mobileNav_arrow_link:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #000 transparent transparent transparent;
    }

    #nav ul a.mobileNav_arrow {
        position: absolute;
        right: -16px;
        top: -1px;
        padding: 16px 20px;
        text-align: center;
        z-index: 2;
    }

        #nav ul a.mobileNav_arrow:before {
            content: "\e904";
            /*
        position: absolute;
        top: 50%;
        right: 10px;
        */
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #fff;
            font-size: 11px;
            font-family: "icomoon" !important;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            text-transform: none;
        }
}

@media (max-width: 767px) {

    .container .mnu-wrap {
        background: none;
        box-shadow: none;
    }

    .bg_container {
        display: none;
    }

    #header {
        margin-top: 0;
    }

    #wrapper {
        -webkit-transition: margin .3s linear;
        transition: margin .3s linear;
    }

    .nav-active #wrapper {
        margin: 0 0 0 -230px;
    }

    .navbar-mobile-menu.show {
        width: 230px;
        display: block !important; /* !important to override bootstrap */
    }

    .tabset-block .tab-section .table-holder table thead {
        display: none;
    }

    .tabset-block .tab-section .table-holder table tbody {
        border-left: 110px solid #cedef7;
        border-bottom: 2px solid #cedef7;
        box-sizing: border-box;
        display: block;
        float: left;
        border-right: 2px solid #cedef7;
        border-top: 2px solid #cedef7;
        width: 100%;
    }

    .tabset-block .tab-section .table-holder table tr {
        float: left;
        width: 100%;
        clear: both;
        background: none;
    }

    .tabset-block .tab-section .table-holder table td {
        border-top: 0 none;
        clear: both;
        float: left;
        margin: 0 0 0 -110px;
        padding: 10px 10px 10px 120px;
        width: calc(100% + 110px);
        position: relative;
    }

        .tabset-block .tab-section .table-holder table td:before {
            color: #2c2c2c !important;
            content: attr(data-label);
            display: inline-block;
            font-weight: bold;
            margin: 0 0 0 -115px;
            padding: 10px 10px;
            position: absolute;
            vertical-align: top;
            white-space: normal;
            width: 110px;
            top: 0;
        }

    .enroll-form .jcf-select {
        height: 36px;
    }

        .enroll-form .jcf-select .jcf-select-text {
            font-size: 13px;
            margin: 0 32px 0 13px;
        }

        .enroll-form .jcf-select .jcf-select-opener {
            width: 31px;
        }

            .enroll-form .jcf-select .jcf-select-opener:before {
                width: 31px;
            }

    .enroll-form .radio-list label {
        margin: 0;
    }

    .carousel .caption em {
        margin: 0 0 3px;
    }

    .content-text .steps {
        float: none;
        display: table-footer-group;
        width: 100%;
    }

    .content-text .wrap {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .banner-block .decide-form .jcf-select {
        height: 36px;
    }

        .banner-block .decide-form .jcf-select .jcf-select-text {
            font-size: 13px;
        }

    .content-section .block2 .hide-mobile {
        display: none;
    }

    .follow-block.alt {
        margin: 0 -7px;
    }

    .forum-section .jcf-scrollbar {
        display: none;
    }

    .forum-section .forum-list li {
        height: auto !important;
    }

    .response-form .text-wrap.hidden,
    .comment-form .text-wrap.hidden {
        display: none;
    }

    .quit-block.reasons-block .column1 h2 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px;
    }

    .reason-form .input-row.file-hold,
    .add-support .input-row.file-hold {
        font-size: 11px;
        line-height: 13px;
        margin: -8px 0 22px;
        padding: 0 20px 0 0;
    }

        .reason-form .input-row.file-hold .title,
        .add-support .input-row.file-hold .title {
            font-size: 11px;
            line-height: 13px;
            margin: 0;
        }

        .reason-form .input-row.file-hold p,
        .add-support .input-row.file-hold p {
            margin: 0 0 7px;
        }

    .mobile-hidden {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .jcf-checkbox {
        height: 18px;
        width: 18px;
    }

    .language-list {
        position: absolute;
        top: 79px;
        right: 21px;
        z-index: 9;
    }

    .header-section .order-box {
        border-top: 2px solid #dadada;
        padding-top: 8px;
    }

    .mnu-wrap ul#top-navigation-mobile
    li + li:before {
        display: none;
    }

    .mobileMenuOpen ul#top-navigation-mobile {
        padding: 13px 15px 0;
    }

    .mobileMenuOpen ul#top-navigation-mobile a,
    #nav ul a {
        color: #fff;
        text-decoration: none;
        /*display: block;*/
        display: inline-block;
        padding: 8px 20px 10px 0;
        -webkit-transition: background .3s linear, color .3s linear;
        transition: background .3s linear, color .3s linear;
        position: relative;
    }

     
        .mobileMenuOpen ul#top-navigation-mobile a + a.nav-link.dropbtn {
            display: none;
        }

        ul#top-navigation-mobile .mnu-wrap li + li::before {
            display: none;
        }


}

