/* **************************************************************************************************** */
/* ****************************** ORIGINAL MEDIA QUERIES FROM ITINERIS********************************* */
/* **************************************************************************************************** */
/* ************************************** !!! DO NOT MODIFY !!! *************************************** */
/* **************************************************************************************************** */

@media only screen and (max-width: 1239px) {
    /* header */
    .breadcrumbs {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #header .top-links {
        padding-right: 10px;
    }

        #header .top-links > li + li,
        .search-opened #header .top-links > li + li {
            padding-left: 5px;
        }

    #header .btn-sm {
        padding-left: 10px;
        padding-right: 10px;
    }

    .search-box {
        min-width: 30px;
    }

        .search-box .search-form {
            position: absolute;
            top: 0;
            right: 0;
        }

    #main-nav > ul > li {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }

        #main-nav > ul > li > a {
            padding: 6px 15px 8px;
        }

    #main-nav .mega-dropdown .nav-block {
        max-width: 240px;
    }

    #main-nav .mega-dropdown .nav-holder {
        padding: 25px 0;
        min-height: 630px;
    }

    #main-nav .mega-dropdown .nav-block h2 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    #main-nav .mega-dropdown .nav-list > li {
        font-size: 16px;
        line-height: 20px;
    }

        #main-nav .mega-dropdown .nav-list > li > a {
            padding-top: 12px;
            padding-bottom: 12px;
        }

            #main-nav .mega-dropdown .nav-list > li > a:hover,
            #main-nav .mega-dropdown .nav-list > li.active > a {
                padding-left: 10px;
            }

    #main-nav .mega-dropdown .nav-list a:not(.btn) .arrow-right {
        margin: 1px 0 -4px 7px;
    }

    #main-nav .mega-dropdown .dropdown-area {
        padding: 25px 0 20px 20px;
        width: 700px;
        height: 630px;
    }

        #main-nav .mega-dropdown .dropdown-area > h3 {
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 15px;
        }

    #main-nav .mega-dropdown .dropdown-links li {
        font-size: 14px;
        line-height: 18px;
        padding: 0;
    }

    #main-nav .mega-dropdown .dropdown-links a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

        #main-nav .mega-dropdown .dropdown-links a:not(.btn) .arrow-right {
            margin: -10px 30px 0 0;
        }

        #main-nav .mega-dropdown .dropdown-links a:hover .arrow-right,
        #main-nav .mega-dropdown .dropdown-links .active > a .arrow-right {
            margin-right: 9px;
        }

    .info-widget .widget-body {
        padding: 25px 15px;
    }

    .info-widget .img {
        margin-bottom: 20px;
    }
    /* end header */
    .side-nav ul a {
        font-size: 16px;
        padding: 10px 15px;
    }

    .table-block table th {
        font-size: 20px;
        line-height: 24px;
    }

    .info-block .holder {
        padding-left: 20px;
        padding-right: 20px;
    }

        .info-block .holder .box {
            margin-right: -20px;
            padding-right: 20px;
        }
    /* footer */
    #footer .social {
        padding-right: 0;
    }
    /* end footer */
    /* about */
    .aside .btn {
        font-size: 16px;
    }
    /* end about */
    /* dashboard */
    .widgets-list > li,
    .content .widgets-list > li {
        width: 50%;
    }

        .widgets-list > li.wide-col,
        .content .widgets-list > li.wide-col {
            width: 50%;
        }

    .widgets-list.type2 > li,
    .content .widgets-list.type2 > li {
        vertical-align: top;
    }

    .widgets-list .row > div[class^="col-"] {
        vertical-align: top;
    }

    .widgets-list > li > .row > div[class^="col-"] + div[class^="col-"] {
        padding-top: 20px;
    }
    /* end dashboard */
    /* my-employment-positions */
    .table-block.type2 table th {
        font-size: 18px;
        line-height: 22px;
    }

    .table-block.type2 table td {
        font-size: 16px;
        line-height: 20px;
    }
    /* end my-employment-positions */
    .side-nav ul [data-toggle="collapse"] {
        padding-right: 40px;
        font-size: 14px;
    }

    .side-nav ul a .arrow-right {
        right: 10px;
    }

    .info-section {
        padding: 30px 25px;
    }

    .podcast-box {
        font-size: 14px;
        line-height: 20px;
    }

    .recently-modules,
    .modules-block.type2 {
        font-size: 16px;
    }

    .podcast-box figure .img {
        width: 50px;
    }

    .podcast-box h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .podcast-box .view-all {
        margin-right: 0;
        font-size: 14px;
        margin-top: 2px;
    }

    .podcast-box .list figure .img {
        margin-right: 26px;
    }

    .podcast-box .list h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .modules-block.type2 figcaption h3 {
        font-size: 26px;
        line-height: 30px;
    }
    /* free-module */
    .info-list > li,
    .content .info-list > li {
        font-size: 16px;
        line-height: 21px;
    }
    /* end free-module */
    .image-widget .image.type2 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991px) {
    body {
        font-size: 16px;
        line-height: 21px;
    }
    /* buttons */
    .btn {
        padding: 12px 25px;
        font-size: 16px;
        line-height: 20px;
    }

    .btn-md {
        font-size: 16px;
        line-height: 21px;
        padding: 10px 15px;
    }

    .btn-md-large {
        font-size: 14px;
        line-height: 18px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .btn-sm {
        font-size: 10px;
        line-height: 15px;
        font-weight: 400;
        letter-spacing: 0.5px;
        padding: 17px 20px;
    }

    .btn .arrow-right {
        margin: 0 5px 0 7px;
    }

    .btn-play-md {
        width: 48px;
        height: 48px;
        border-width: 5px;
        margin: -24px 0 0 -24px;
    }

        .btn-play-md:before {
            border-width: 9px 0 9px 16px;
            margin: -9px 0 0 -6px;
        }
    /* end buttons */
    /* header */
    #header > .container {
        min-height: 139px;
    }

    #header .logo {
        width: 85px;
        height: 100px;
        background-size: 85px 100px;
        margin: 19px 0 0 17px;
    }

    #header .top .block:before {
        content: '';
        position: absolute;
        z-index: 20;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e0e0e0;
        height: 1px;
    }

    #header .top {
        padding: 0 0 39px 100px;
    }

        #header .top .btn {
            min-width: 87px;
        }

    #header .top-links > li {
        font-size: 10px;
        line-height: 14px;
    }

    #header .top-links {
        padding-top: 13px;
        padding-right: 20px;
        padding-bottom: 13px;
    }

        #header .top-links > li + li {
            padding-left: 36px;
        }

    .search-box {
        min-width: 1px;
    }

        .search-box .search-opener {
            display: none;
        }

    .search-form {
        padding: 5px 24px 5px 0;
    }

    .search-box .search-form {
        position: relative;
        top: auto;
        right: auto;
        width: 114px;
        opacity: 1;
    }

    .search-form .sfTxt {
        padding: 0 5px 0 19px;
    }

    .search-form .sfFormSubmit {
        margin: 12px 0 0;
    }

    #header .navbar {
        padding: 0 0 10px 100px;
    }

        #header .navbar #main-nav {
            display: none;
        }

    .btn-menu {
        display: inline-block;
        vertical-align: top;
        color: #666;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-decoration: none;
        padding: 10px 35px 10px 10px;
        position: relative;
    }

        .btn-menu:hover {
            text-decoration: none;
            color: #004c88;
        }

        .btn-menu .ico-menu {
            position: absolute;
            z-index: 20;
            top: 0;
            right: 0;
            width: 25px;
            margin: 10px 0 0;
        }

            .btn-menu .ico-menu span {
                display: block;
                overflow: hidden;
                text-indent: -9999px;
                height: 2px;
                background: #666;
                transition: all .3s;
            }

                .btn-menu .ico-menu span + span {
                    margin-top: 7px;
                }

        .btn-menu:hover .ico-menu span {
            background: #004c88;
        }

    .mm-wrapper_opening #wrapper > .info-bar {
        display: none;
    }

    .mm-menu_offcanvas {
        z-index: 100;
        display: block;
        max-width: none;
    }

    .mm-menu {
        top: 145px;
        width: 100%;
        background: #004c88;
        padding: 0;
        border: 0;
        z-index: 120;
        transition: all .3s;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .mm-wrapper_opening .mm-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .mm-menu:before {
        content: '';
        position: absolute;
        z-index: 5;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.5;
        background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
        background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    }

    .mm-menu.mm-front {
        z-index: 1000;
    }

    .mm-panels {
        z-index: 20;
        background: none;
    }

    .mm-menu .mm-panel {
        transition: all .3s;
        opacity: 0;
        pointer-events: none;
    }

        .mm-menu .mm-panel,
        .mm-menu .mm-panel.mm-hasnavbar {
            padding: 76px 0 0;
        }

            .mm-menu .mm-panel.mm-panel_columns-0,
            .mm-menu .mm-panel.mm-panel_columns-0.mm-hasnavbar {
                padding-top: 81px;
            }

            .mm-menu .mm-panel.mm-current {
                opacity: 1;
            }

            .mm-menu .mm-panel:before {
                display: none;
            }

    .mm-menu .mm-panel_columns-0,
    .mm-menu .mm-panel_columns-1,
    .mm-menu .mm-panel_columns-2,
    .mm-menu .mm-panel_columns-3 {
        opacity: 1;
        pointer-events: all;
    }

    .mm-panel_columns-0 {
        max-width: 314px;
        min-width: 314px;
        background: rgba(255, 255, 255, .1);
    }

    .mm-menu_columns-1 {
        min-width: 314px;
        width: 100%;
        max-width: none;
    }

    [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-1 {
        -webkit-transform: translate3d(77.5%, 0, 0);
        transform: translate3d(77.5%, 0, 0);
        width: 54%;
    }

    [class*="mm-panel_columns-"] {
        border: 0;
    }

    .mm-menu .mm-navbar {
        height: auto;
        position: relative;
        border: 0;
        padding: 0;
        margin: 0;
        top: auto;
        left: auto;
        text-align: left;
    }

    .mm-menu .mm-panel:nth-child(1) .mm-navbar {
        display: none !important;
    }

    .mm-navbar__title {
        display: none;
    }

    .mm-menu .mm-navbar .mm-btn_prev {
        transition: all .3s;
        position: absolute;
        z-index: 20;
        top: 0;
        left: 0;
        margin: -43px 0 0 37px;
        padding: 5px 5px 5px 28px;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        width: auto;
        height: auto;
        text-decoration: none;
        text-align: left;
        opacity: 0;
        pointer-events: none;
    }

    .mm-menu .mm-panel_columns-0 .mm-navbar .mm-btn_prev {
        opacity: 1;
        pointer-events: all;
    }

    .mm-menu .mm-navbar .mm-btn_prev:hover {
        text-decoration: none;
        color: #fff;
    }

    .mm-menu .mm-navbar .mm-btn_prev:before,
    .mm-menu .mm-navbar .mm-btn_prev:after {
        display: none;
    }

    .mm-menu .mm-navbar .mm-btn_prev .arrow-left {
        position: absolute;
        z-index: 20;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        border: solid 2px #fff;
        border-radius: 100%;
        margin: 3px 0 0;
        transition: all .3s;
        opacity: 0.2;
    }

    .mm-menu .mm-navbar .mm-btn_prev:hover .arrow-left {
        opacity: 1;
    }

    .mm-menu .mm-navbar .mm-btn_prev .arrow-left:before {
        content: '\f104';
        font: 16px/18px 'FontAwesome';
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -4px;
        color: #fff;
    }

    .mm-listview {
        list-style: none;
        padding: 0 0 0 33px;
        float: none;
        display: block;
        position: relative;
        top: auto;
        left: auto;
        border: 0;
        background: none;
        border-radius: 0;
        box-shadow: none;
        min-width: 1px;
        margin: 0;
    }

    .mm-menu .mm-listview {
        border: 0;
    }

    .mm-menu #mm-0.mm-panel .mm-listview {
        padding: 0 0 0 33px;
        margin: 0;
    }

        .mm-menu #mm-0.mm-panel .mm-listview:before {
            display: none;
        }

    .mm-menu > .mm-panel > .mm-listview,
    .mm-menu > .mm-panel > .mm-listview.mm-first {
        margin: 0;
    }

        .mm-menu > .mm-panel > .mm-listview.mm-last {
            padding: 0;
        }

    .mm-panels > .mm-panel > .mm-listview:first-child,
    .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
        margin: 0;
    }

    .mm-listview > li {
        position: relative;
        padding: 0 0 2px;
    }

        .mm-listview > li:first-child {
            padding-top: 2px;
        }

        .mm-listview > li:not(.mm-divider):after {
            display: none;
        }

        .mm-listview > li:before {
            content: '';
            position: absolute;
            z-index: 20;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: rgba(255, 255, 255, .1);
        }

        .mm-listview > li:first-child:after {
            display: block;
            border: 0;
            content: '';
            position: absolute;
            z-index: 20;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: rgba(255, 255, 255, .1);
        }

    .mm-panel_columns-0 .mm-listview > li:first-child:after {
        display: none;
    }

    .mm-menu .mm-listview > li > a:not(.mm-btn_next) {
        display: block;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        color: #fff;
        padding: 19px 45px 19px 0;
        position: relative;
        text-decoration: none;
        z-index: 20;
        white-space: normal;
        overflow: visible;
    }

    .mm-menu .mm-panel_columns-0 .mm-listview > li > a:not(.mm-btn_next) {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0.7px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .mm-listview > li:hover > a:not(.mm-btn_next),
    .mm-menu .mm-listitem_selected > a:not(.mm-btn_next),
    .mm-menu .mm-listitem_selected > span,
    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-btn_next) {
        text-decoration: none;
        color: #fff;
        background: rgba(255, 255, 255, .1);
        padding-left: 20px;
    }

    .mm-panel_columns-0 .mm-listview > li:hover > a:not(.mm-btn_next),
    .mm-menu .mm-panel_columns-0 .mm-listitem_selected > a:not(.mm-btn_next),
    .mm-menu .mm-panel_columns-0 .mm-listitem_selected > span,
    .mm-menu .mm-panel_columns-0 .mm-listview > li.mm-selected > a:not(.mm-btn_next) {
        background: #004378;
    }

    .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + a,
    .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + span {
        margin: 0;
    }

    .mm-menu > .mm-panel:before,
    .mm-menu > .mm-panel:after {
        height: auto;
    }

    .mm-listview .mm-btn_next {
        top: 0;
        bottom: 0;
        width: 55px;
        background: none;
        z-index: 25;
        padding: 0;
    }

    .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {
        width: 55px;
    }

    .mm-listview .mm-btn_next:before {
        display: none;
    }

    .mm-listview .mm-btn_next:after {
        display: none;
    }

    .mm-listview .mm-btn_next span {
        position: absolute;
        z-index: 20;
        top: 50%;
        right: 0;
        width: 20px;
        height: 20px;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        border: solid 2px #fff;
        border-radius: 100%;
        margin: -10px 22px 0 0;
        transition: all .3s;
        opacity: 0.3;
    }

    .mm-listview > li:hover .mm-btn_next span,
    .mm-listview > li.active .mm-btn_next span {
        color: #fff;
        opacity: 1;
    }

    .mm-listview .mm-btn_next span:before {
        content: '\f105';
        font: 16px/18px 'FontAwesome';
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        margin: -9px 0 0 -2px;
        color: #fff;
    }

    .mm-menu .top-links {
        list-style: none;
        margin: 0;
        padding: 22px 34px 10px;
    }

        .mm-menu .top-links > li {
            text-transform: uppercase;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.7px;
            padding: 0 0 26px;
        }

        .mm-menu .top-links a {
            color: #fff;
            text-decoration: none;
        }

            .mm-menu .top-links a:hover {
                color: #f5a623;
                text-decoration: none;
            }
    /* end header */
    .sidebar {
        margin-left: -33.33333333%;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 0;
        visibility: hidden;
        height: 0;
    }

    .contact-form.type2 {
        padding-bottom: 40px;
    }

    .two-columns {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .open-sidenav .sidebar {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .open-sidenav .two-columns {
        -webkit-transform: translate(33.33333333%, 0);
        transform: translate(33.33333333%, 0);
    }

    .content {
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .open-sidenav .content {
        opacity: 0.3;
    }

    .headline h2,
    .headline h1 {
        display: inline-block;
        vertical-align: top;
        padding-left: 37px;
    }

    .headline {
        position: relative;
    }

        .headline [class^="col-"] {
            position: static;
        }

        .headline .btn-menu {
            min-height: 37px;
            padding-left: 0;
            padding-right: 25px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            top: 0;
        }

            .headline .btn-menu .ico-menu {
                margin-top: 8px;
            }

                .headline .btn-menu .ico-menu span {
                    background: #004c88;
                }
    /* footer */
    #footer .bottom {
        font-size: 14px;
        line-height: 25px;
    }

        #footer .bottom .container {
            padding-top: 32px;
            padding-bottom: 31px;
            padding-left: 102px;
        }

            #footer .bottom .container .row {
                margin-left: -5px;
                margin-right: -5px;
            }

                #footer .bottom .container .row > div[class^="col-"] {
                    padding-left: 5px;
                    padding-right: 5px;
                }

            #footer .bottom .container > .row > div[class^="col-"]:nth-child(1) {
                width: 64%;
            }

            #footer .bottom .container > .row > div[class^="col-"]:nth-child(2) {
                width: 36%;
            }

    #footer .logo-footer {
        margin: 25px 0 0 18px;
    }

    #footer .bottom p {
        letter-spacing: 0.1px;
    }

    #footer .bottom-links {
        padding: 4px 0 0;
    }

        #footer .bottom-links > li {
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.2px;
        }

            #footer .bottom-links > li + li {
                padding-left: 18px;
            }

                #footer .bottom-links > li + li:before {
                    height: 13px;
                    margin: 4px 0 0 9px;
                }

    #footer .social {
        padding: 10px 0 0;
    }

    .social > li + li {
        padding-left: 22px;
    }

    .social a {
        width: 37px;
        height: 37px;
    }

        .social a:before {
            font-size: 20px;
            line-height: 22px;
        }

    .social .facebook:before {
        margin: -11px 0 0 -8px;
    }

    .social .twitter:before {
        margin: -11px 0 0 -8px;
    }

    .social .youtube:before {
        margin: -11px 0 0 -10px;
    }

    .social .linkedin:before {
        margin: -13px 0 0 -8px;
    }
    /* end footer */
    .breadcrumbs ul {
        font-size: 12px;
        line-height: 14px;
    }

        .breadcrumbs ul li {
            padding-left: 18px;
            margin: 0 18px 0 -18px;
        }

            .breadcrumbs ul li:before {
                top: 5px;
                left: 7px;
            }
    /* dashboard */
    .details-info {
        font-size: 16px;
        line-height: 21px;
        padding: 30px 20px;
    }

        .details-info > .row > div[class^="col-"] + div[class^="col-"] {
            padding-top: 20px;
        }

        .details-info h2 {
            font-size: 16px;
            line-height: 20px;
        }

    .details-box {
        font-size: 16px;
        line-height: 21px;
    }

    .widgets-list,
    .content .widgets-list {
        padding-bottom: 40px;
    }

        .widgets-list > li,
        .content .widgets-list > li {
            padding-top: 0;
            padding-bottom: 30px;
        }

    .note-section {
        margin: 0 0 50px;
        padding: 40px 0 45px;
    }

    .details-block .details-heading {
        position: relative;
        padding-left: 60px;
    }

        .details-block .details-heading .btn-menu {
            min-height: 37px;
            padding-left: 0;
            padding-right: 25px;
            margin-right: 10px;
            position: absolute;
            left: 20px;
            top: 16px;
        }

            .details-block .details-heading .btn-menu .ico-menu {
                margin-top: 8px;
            }

                .details-block .details-heading .btn-menu .ico-menu span {
                    background: #fff;
                }
    /* end dashboard */
    /* about */
    #header .cpdo-logo {
        position: absolute;
        left: 136px;
        top: 83px;
        margin: 0;
        width: 142px;
        height: 38px;
        background-size: 100% auto;
    }

    .aside .btn {
        font-size: 18px;
    }

    .action .btn {
        margin: -5px 0;
    }

    .action .dropdown-menu {
        left: auto;
        right: 0;
        padding: 0;
        margin: 10px 0 0;
        border-radius: 0;
        min-width: 230px;
    }

    .action ul li {
        padding: 10px 15px;
    }
    /* end about */
    .info-section {
        padding: 30px;
    }

    .modules-block.type2 {
        max-width: none;
    }

    .modules-block:first-child {
        margin-top: 0;
    }

    .recently-modules {
        margin-bottom: 21px;
    }

    .podcast-box h2 {
        font-size: 22px;
    }

    .podcast-box {
        padding-bottom: 20px;
    }

        .podcast-box figure .img {
            width: 64px;
        }

        .podcast-box .list figure .img {
            margin-right: 41px;
        }

    .modules-block .title-panel.has-btn {
        padding-left: 60px;
    }

    .modules-block .title-panel [class^="col-"] {
        position: static;
    }

    .modules-block .title-panel .btn-menu {
        min-height: 37px;
        padding-left: 0;
        padding-right: 25px;
        margin-right: 10px;
        position: absolute;
        left: 20px;
        top: 17px;
    }

        .modules-block .title-panel .btn-menu .ico-menu {
            margin-top: 8px;
        }

            .modules-block .title-panel .btn-menu .ico-menu span {
                background: #fff;
            }
    /* quickbites */
    .links-widget {
        margin: 0;
        padding: 25px 15px 15px;
    }

    .links-list > li,
    .content .links-list > li {
        font-size: 16px;
        line-height: 21px;
        padding-bottom: 20px;
    }
    /* end quickbites */
    /* how-to-approach */
    .contact-box {
        margin-bottom: 30px;
    }
    /* end how-to-approach */
}

@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px) {
    body {
        -webkit-text-size-adjust: none;
        font-size: 14px;
        line-height: 22px;
    }
    /* container */
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    /* end container */
    /* buttons */
    .btn {
        padding: 12px 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .btn-md {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 15px;
    }

    .btn-md-large {
        font-size: 14px;
        line-height: 18px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .btn-sm {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 0.5px;
        padding: 16px;
    }

    .btn .arrow-right {
        margin: -2px 1px -10px 18px;
    }

    .btn-md .arrow-right {
        margin: -2px 1px -10px 18px;
    }

    .btn-play-md {
        width: 37px;
        height: 37px;
        border-width: 3px;
        margin: -19px 0 0 -19px;
    }

        .btn-play-md:before {
            border-width: 7px 0 7px 12px;
            margin: -7px 0 0 -5px;
        }
    /* end buttons */
    /* header */
    #header > .container {
        min-height: 139px;
    }

    #header .logo {
        width: 65px;
        height: 80px;
        background-size: 65px auto;
        margin: 22px 0 0 25px;
    }

    #header .top {
        padding: 0 0 28px 100px;
    }

        #header .top .block {
            padding: 0;
        }

            #header .top .block:before {
                display: none;
            }

    .search-box {
        margin: 20px 0 0;
        min-width: 1px;
        height: 24px;
    }

    .search-form {
        padding: 0 24px 0 0;
    }

    .search-box .search-form {
        width: 85px;
    }

    .search-opened .search-box .search-form {
        width: 85px;
    }

    .search-form .sfTxt {
        height: 24px;
        font-size: 12px;
        letter-spacing: 0.5px;
        padding: 0 5px 0 8px;
    }

    .search-form .sfFormSubmit {
        margin: 0;
    }

    #header .navbar {
        padding: 0 0 13px 100px;
    }

    .btn-menu {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.5px;
        padding-right: 34px;
    }

        .btn-menu .ico-menu {
            margin: 7px 0 0;
        }

    .mm-menu {
        top: 127px;
    }

        .mm-menu .mm-panel {
            opacity: 1;
            pointer-events: all;
        }

            .mm-menu .mm-panel,
            .mm-menu .mm-panel.mm-hasnavbar {
                padding: 40px 0 0;
            }

        .mm-menu #mm-0.mm-panel,
        .mm-menu #mm-0.mm-panel.mm-hasnavbar {
            padding-top: 40px;
        }

    .mm-panel_columns-0 {
        max-width: none;
        min-width: 1px;
        background: none;
    }

    .mm-menu_columns-1 {
        min-width: 1px;
    }

    .mm-menu .mm-navbar {
        padding: 0 88px 19px;
        margin: 0;
        text-align: center;
    }

        .mm-menu .mm-navbar:before {
            content: '';
            position: absolute;
            z-index: 20;
            bottom: 0;
            left: 30px;
            right: 30px;
            height: 2px;
            background: rgba(255, 255, 255, .1);
        }

        .mm-menu .mm-navbar .mm-navbar__title {
            display: inline-block;
            vertical-align: top;
            padding: 0;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 1px;
            color: #fff;
            text-decoration: underline;
        }

            .mm-menu .mm-navbar .mm-navbar__title:hover {
                text-decoration: none;
                color: #fff;
            }

        .mm-menu .mm-navbar .mm-btn_prev {
            margin: 1px 0 0 30px;
            padding: 5px 5px 5px 26px;
            font-size: 10px;
            line-height: 14px;
            opacity: 1;
            pointer-events: all;
        }

            .mm-menu .mm-navbar .mm-btn_prev .arrow-left {
                margin: 2px 0 0;
            }

    .mm-listview {
        padding: 0;
    }

    .mm-menu #mm-0.mm-panel .mm-listview {
        padding: 0;
    }

    .mm-listview > li:first-child {
        padding-top: 0;
    }

    .mm-listview > li:not(.mm-divider):after {
        display: none;
    }

    .mm-listview > li:before {
        left: 30px;
        right: 30px;
    }

    .mm-listview > li:first-child:after {
        display: none;
    }

    .mm-listview > li:last-child:before {
        display: none;
    }

    .mm-menu #mm-0.mm-panel .mm-listview > li:last-child:before {
        display: block;
    }

    .mm-menu .mm-listview > li > a:not(.mm-btn_next) {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
        padding: 13px 35px 13px 29px;
    }

    .mm-menu #mm-0.mm-panel .mm-listview > li > a:not(.mm-btn_next) {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.7px;
        padding-top: 17px;
        padding-bottom: 17px;
        padding-left: 32px;
    }

    .mm-listview > li:hover > a:not(.mm-btn_next),
    .mm-menu .mm-listitem_selected > a:not(.mm-btn_next),
    .mm-menu .mm-listitem_selected > span,
    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-btn_next) {
        padding-left: 45px;
    }

    .mm-listview .mm-btn_next span {
        margin: -10px 30px 0 0;
    }

    .mm-menu .top-links {
        padding: 10px 24px;
        font-size: 0;
        line-height: 0;
    }

        .mm-menu .top-links > li {
            display: inline-block;
            vertical-align: top;
            width: 62.5%;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.7px;
            padding: 12px 5px 13px;
        }

            .mm-menu .top-links > li:nth-child(even) {
                width: 37.5%;
            }

    .mm-menu .menu-donate-box {
        padding: 7px 30px 17px;
    }

        .mm-menu .menu-donate-box .btn {
            display: block;
            min-width: 1px;
        }

        .mm-menu .menu-donate-box .btn-sm {
            font-size: 16px;
            line-height: 20px;
            font-weight: 700;
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .mm-menu .menu-donate-box .btn .arrow-right {
            margin: 0 0 -2px 7px;
        }
    /* end header */
    h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .headline .btn-menu .ico-menu {
        margin-top: 4px;
    }

    .sidebar {
        margin-left: -75%;
    }

    .open-sidenav .two-columns {
        -webkit-transform: translate(75%, 0);
        transform: translate(75%, 0);
    }

    .login-form {
        padding-bottom: 15px;
    }

    .side-nav ul a {
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }

    .text-box {
        margin-bottom: 30px;
    }

    .content ol {
        padding-bottom: 15px;
    }

    .content ul {
        margin-bottom: 15px;
    }

        .content ul li:before {
            top: 6px;
        }

    .sfFormRadiolist .sfTxtLbl,
    .sfFormCheckboxlist .sfTxtLbl {
        font-size: 14px;
    }

    .row-btn {
        padding-bottom: 30px;
    }

    .table-block {
        margin-bottom: 30px;
        margin-right: -30px;
        margin-left: -30px;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .table-block .scroll-table {
            min-width: 660px;
            padding-right: 30px;
            padding-left: 30px;
        }

        .table-block table th {
            font-size: 16px;
            line-height: 20px;
        }

        .table-block table td {
            font-size: 14px;
            padding: 10px 15px;
        }

    .contact-form .holder {
        max-width: none;
        padding: 0;
    }

    .sfFormCheckboxlist.type2 .sfTxtLbl {
        font-size: 14px;
    }

    .contact-form {
        padding-bottom: 40px;
    }

    .modules-block .title-panel {
        padding-left: 20px;
        padding-right: 20px;
    }

    .news-block figure .img,
    .modules-block figure .img {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

    .news-block figcaption h2,
    .modules-block figcaption h3 {
        font-size: 26px;
    }

    .modules-block figcaption dl dd {
        margin-bottom: 20px;
    }

    .info-block,
    .filter-block,
    .news-block,
    .modules-block {
        margin-bottom: 40px;
    }

        .news-block figure {
            padding: 20px;
        }

        .filter-block .flex-row {
            display: block;
        }

        .filter-block .col-2,
        .filter-block .col-1 {
            width: auto !important;
            float: none;
        }

        .filter-block label {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        .filter-block .sfDropdownList {
            margin-bottom: 20px;
            display: block;
        }

        .filter-block .sfFormSubmit {
            padding-top: 10px;
        }

        .info-block .holder .col-2,
        .info-block .holder .col-1 {
            width: auto;
        }

    .content p {
        margin-bottom: 20px;
    }

    .text-box p {
        margin: 0;
    }

        .text-box p + p {
            margin-top: 20px;
        }

    .info-block .holder .box {
        margin-left: -20px;
        padding-left: 20px;
    }

        .info-block .holder .box dl dd {
            margin-bottom: 20px;
        }

    .details-news {
        padding-bottom: 10px;
    }

    .write-box {
        padding: 25px 20px;
        margin-bottom: 20px;
    }
    /* footer */
    #footer .bottom {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
    }

    #footer .bottom .container {
        padding-top: 35px;
        padding-bottom: 39px;
        padding-left: 30px;
    }

    #footer .bottom .container > .row > div[class^="col-"]:nth-child(1),
    #footer .bottom .container > .row > div[class^="col-"]:nth-child(2) {
        width: auto;
    }

    #footer .logo-footer {
        display: none;
    }

    #footer .bottom p {
        letter-spacing: 0.1px;
    }

    #footer .bottom-links {
        padding: 0;
    }

        #footer .bottom-links > li {
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.2px;
        }

            #footer .bottom-links > li + li {
                padding-left: 18px;
            }

                #footer .bottom-links > li + li.first-in-row {
                    padding-left: 0;
                }

                #footer .bottom-links > li + li:before {
                    height: 13px;
                    margin: 6px 0 0 9px;
                }

                #footer .bottom-links > li + li.first-in-row:before {
                    display: none;
                }

    #footer .social {
        padding: 0;
    }

    .social > li + li {
        padding-left: 26px;
    }

    .social a {
        width: 44px;
        height: 44px;
    }

        .social a:before {
            font-size: 24px;
            line-height: 26px;
        }

    .social .facebook:before {
        margin: -13px 0 0 -10px;
    }

    .social .twitter:before {
        margin: -13px 0 0 -10px;
    }

    .social .youtube:before {
        margin: -13px 0 0 -12px;
    }

    .social .linkedin:before {
        margin: -14px 0 0 -9px;
    }
    /* end footer */
    .breadcrumbs {
        display: none;
    }
    /* dashboard */
    .details-block {
        margin: 0 0 30px;
    }

    .details-info {
        font-size: 14px;
        line-height: 22px;
        padding: 25px 15px;
    }

    .details-block .details-heading {
        padding: 12px 20px 12px 60px;
    }

        .details-block .details-heading .btn-menu {
            top: 9px;
        }

        .details-block .details-heading h1 {
            font-size: 26px;
            line-height: 30px;
        }

    .details-info h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .heading-box {
        padding: 0 0 20px;
    }

        .heading-box h2 {
            font-size: 24px;
            line-height: 28px;
        }

    .details-boxes {
        padding-bottom: 30px;
    }

        .details-boxes > .row > div[class^="col-"] + div[class^="col-"] {
            padding-top: 15px;
        }

    .details-box {
        font-size: 14px;
        line-height: 22px;
        max-width: none;
    }

        .details-box h3 {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 10px;
        }

        .details-box .block {
            padding-bottom: 15px;
        }

        .details-box .btn {
            line-height: 20px;
            padding-left: 15px;
            padding-right: 15px;
        }

            .details-box .btn .arrow-right {
                margin-top: 0;
                margin-bottom: 0;
            }

    .details-boxes > .row > div[class^="col-"]:last-child .details-box {
        margin-left: 0;
    }

    .widgets-list,
    .content .widgets-list {
        margin: 0 -5px;
        padding-bottom: 20px;
    }

        .widgets-list > li,
        .content .widgets-list > li {
            padding: 0 5px 20px;
        }

    .info-box h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .image-widget figcaption {
        padding: 10px;
        min-height: 1px;
    }

    .arrow-link,
    .content .arrow-link:not(.btn) {
        font-size: 14px;
        line-height: 20px;
    }

        .arrow-link .arrow-right {
            width: 15px;
            height: 15px;
            margin: 4px -10px -4px 4px;
        }

            .arrow-link .arrow-right::before {
                font-size: 14px;
                line-height: 18px;
            }

    .image-widget .image.type2 {
        padding-top: 78.8%;
    }

    .note-section h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .note-section {
        margin-bottom: 35px;
        padding: 30px 0;
    }

    .text-widget {
        font-size: 14px;
        line-height: 22px;
        padding: 10px;
    }

        .text-widget h3 {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 2px;
        }

        .text-widget p {
            margin-bottom: 5px;
        }

    .widgets-list > li > .row > div[class^="col-"] + div[class^="col-"] {
        padding-top: 10px;
    }
    /* end dashboard */
    /* my-employment-positions */
    .table-block .scroll-table {
        min-width: 800px;
    }
    /* end my-employment-positions */
    /* about */
    #header .cpdo-logo {
        left: 102px;
        top: 71px;
        width: 110px;
        height: 30px;
    }

    .action {
        margin: -5px 0 20px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

        .action .btn {
            margin: 0;
        }

        .action .dropdown-menu {
            margin: 5px 0 0;
            right: auto;
            left: 0;
        }
    /* end about */
    .info-section h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .info-section {
        padding: 25px 20px;
    }

        .info-section ol {
            padding-bottom: 0;
        }

    .modules-block .title-panel .btn-menu {
        top: 15px;
    }

    .recently-modules > ul {
        margin: 0 -10px;
    }

        .recently-modules > ul > li {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 0 10px 30px;
        }

    .recently-modules,
    .modules-block.type2 {
        font-size: 14px;
    }
    /* free-module */
    .info-list,
    .content .info-list {
        padding: 0 0 15px;
    }

        .info-list > li,
        .content .info-list > li {
            font-size: 14px;
            line-height: 22px;
            padding-left: 90px;
            margin-bottom: 15px;
        }

        .info-list .img {
            width: 90px;
            height: 68px;
        }

        .info-list .block {
            height: 80px;
            padding: 5px 0 5px 15px;
        }
    /* end free-module */
    /* quickbites */
    .links-widget {
        padding: 20px 15px 10px;
    }

        .links-widget h3 {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 10px;
        }

    .links-list > li,
    .content .links-list > li {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 15px;
    }
    /* end quickbites */
    /* how-to-approach */
    .content .heading-box {
        padding: 15px 0;
    }

    .content .section-holder {
        padding-top: 15px;
    }

    .highlight-section {
        padding: 15px 0;
        margin: 0 0 25px;
    }

    .contact-box {
        margin-bottom: 15px;
        padding: 20px;
    }
    /* end how-to-approach */
}

@media only screen and (max-width: 374px) {
    /* container */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* end container */
    /* header */
    #header .logo {
        margin-left: 15px;
    }

    .mm-menu .mm-navbar .mm-navbar__title {
        font-size: 16px;
        line-height: 20px;
    }

    .mm-listview > li:before {
        left: 15px;
        right: 15px;
    }

    .mm-menu .mm-navbar {
        padding-left: 75px;
        padding-right: 75px;
    }

        .mm-menu .mm-navbar:before {
            left: 15px;
            right: 15px;
        }

        .mm-menu .mm-navbar .mm-btn_prev {
            margin-left: 15px;
        }

    .mm-menu .mm-listview > li > a:not(.mm-btn_next) {
        padding-left: 15px;
    }

    .mm-menu #mm-0.mm-panel .mm-listview > li > a:not(.mm-btn_next) {
        padding-left: 15px;
    }

    .mm-listview .mm-btn_next span {
        margin-right: 15px;
    }

    .mm-menu .top-links {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mm-menu .menu-donate-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn {
        font-size: 14px;
    }
    /* end header */
    /* footer */
    #footer .bottom .container {
        padding-left: 15px;
    }
    /* end footer */
}

@media only screen and (min-width: 768px) {
    /* dashboard */
    .info-box h3 {
        height: auto !important;
    }
    /* end dashboard */
}

@media only screen and (min-width: 992px) {
    /* mm-menu */
    .mm-menu,
    #mm-blocker {
        display: none !important;
    }

    html.mm-blocking,
    html.mm-blocking body {
        overflow: visible !important;
    }
    /* end mm-menu */
    .action .dropdown-menu {
        display: block !important;
        position: static;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 1px;
        border-radius: 0;
    }
}