/**
Content to be copied under final css file when all is done
Css rules for mobile devices
remove all  tags before copying
*/

/*touch scrolling smoothness*/
body {
    /*overflow-y: scroll;*/ /* has to be scroll, not auto */
    /*-webkit-overflow-scrolling: touch;*/
}
/*END OF touch scrolling smoothness*/

@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}

/*mobile screens*/
@media (max-width: 991px) {
    #laws span.download i, #laws span.download .icon-Print {
        margin: 0 5px;
        font-size: 1.5rem;
    }

    .MRListing > row {
        margin-top: 0;
    }

    .btn-clear-filters {
        margin-top: 12px;
    }


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

    /*.fileInfoOptimize {
        padding-right: 10px !important;
    }*/

    .MRListing .paddingZeroMobile {
        /*padding-top: 10px;*/
    }

    .popular_post_item .post_link_details {
        margin: 0 !important;
        max-width: none !important;
    }

    .MRListing > .row {
        /*margin: 15px 0 0 0 !important;*/
    }

    /*.aboutFileOptimize {
        padding: 0 !important;
        margin: 0 !important;
    }

        .aboutFileOptimize span, .aboutFileOptimize h5 {
            display: block !important;
        }*/


    body {
        font-size: 12px;
    }

    .languagePicker {
        float: left !important;
    }

        .languagePicker:lang(ar) {
            float: right !important;
        }

    /*date field in responsive, display from to placeholders*/
    input[type="date"]:before {
        color: lightgrey;
        content: attr(placeholder) !important;
        margin-right: 0.5em;
    }

    input[type="date"]:focus:before {
        content: '' !important;
    }

    div.search-form input[type="text"] {
        margin: 0;
    }

    .filterOptimizeMobile {
        width: 220px;
    }

    .filter-responsive-news, .filter-responsive-events {
        padding-top: 5px !important;
        padding-bottom: 0 !important;
    }

    /*.filter-responsive-news-ar, .filter-responsive-events-ar {
        margin-right: -25px;
    }*/

    .listing_filters_clear_bottom {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    #fromDate, #toDate {
        border: 0px;
    }

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

    footer a {
        text-align: center;
    }

    footer ul li {
        text-align: center;
        margin: 0 auto;
    }

    #FooterLinksDiv .footer-logo a {
        display: block;
    }

        #FooterLinksDiv .footer-logo a img {
            margin: 0;
            width: 100%;
            max-width: 250px;
        }

    .sociailLnk ul {
        text-align: center;
    }

    .copyright {
        text-align: center;
    }

    .container {
        max-width: 100%;
        /*overflow: hidden;*/
    }

    .main-content .container,
    footer .container {
        max-width: 100%;
        width: 100vw;
        overflow: hidden;
        margin: 0;
    }

    .pushedLeft {
        margin-right: -100000px !important;
        left: 10000px !important;
    }

    .pushedRight {
        margin-right: -100000px !important;
        right: 10000px !important;
    }

    /*.feeds ul li a {
        font-size: 15px;
        position: relative;
    }*/

    /*div#events_slider .dateCreated {
        max-width: 110px;
    }*/

    .left-xs {
        text-align: left !important;
    }

    h2.left-xs.bordred:after {
        margin: 0;
    }

    div#events_slider h3 {
        margin-top: 0;
        padding: 0;
    }

    .news_slider {
        padding: 0px;
    }

    .full-width-slider-with-image .row .col-md-4 {
        margin: 10px 0;
    }

    .center-xs {
        text-align: center;
    }

    span.icon-star-mobile-menu {
        display: block;
    }

    .mobile-right {
        text-align: right;
    }

    .showMobileMenu {
        display: block !important;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    .leftside-menu-trigger, .rightside-menu-trigger {
        cursor: pointer;
        font-size: 2em;
        color: #a68863;
        display: inline-block;
    }

    ul.header-menu {
        position: absolute;
        background: white;
        margin-left: 20px;
        width: 70px;
        box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.32);
        z-index: 9999;
        display: none;
    }

        ul.header-menu li {
            width: 100%;
        }

    body ul.header-menu li a {
        text-align: center;
        /*padding: 25px 8px;*/
        padding: 20px 8px;
        margin: 0;
    }

    ul.header-menu li:nth-child(odd) i:before {
        color: #a78860;
    }

    ul.header-menu li:nth-child(even) i:before {
        color: #FFFFFF;
    }

    ul.header-menu li:nth-child(even) {
        background: #a78860;
    }

    ul.header-menu li a:hover {
    }

    .menu {
        /*position: fixed;*/
        background: rgb(255, 255, 255);
        z-index: 9999;
        width: 100%;
        display: none;
        margin-top: 20px;
    }

    ul#main-menu li a {
        font-family: lato;
        padding: 0.5rem;
        display: block;
        font-weight: bold;
        font-size: 1.1rem;
        color: #484848;
    }

    div#header-right-side {
        padding: 0 !important;
    }

    nav#nav-menu ul li {
        display: block !important;
    }

        nav#nav-menu ul li a {
            padding: 10px;
        }

        nav#nav-menu ul li ul {
            position: relative;
        }

        nav#nav-menu ul li:hover ul {
            border: none;
        }

        nav#nav-menu ul li ul li a {
            padding: 10px 15px;
        }

    a.advancedSearchLnk {
        padding: 10px 0;
    }

    /*slider*/
    #slider .row {
        display: flex;
        flex-flow: column;
    }

    .sliderWrapper {
        order: 2;
    }

    #slider .container, #slider .row, #slider .sliderAbs {
        padding: 0 0 0 0 !important;
        margin: 0;
        width: 100%;
    }

    .sliderAbs {
        width: 100%;
    }

    .owl-dots {
        /*position: absolute;*/
        bottom: 50px !important;
        left: 0 !important;
        text-align: center;
        display: block;
        right: 0;
    }

    .row.sliderItem {
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .slideTxt.col-md-8 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

    .diapo-sides.leftside {
        /*width: 90%;*/
        text-align: center;
    }

    #slider .diapo-sides.leftside h2 {
        font-size: 31px;
        padding: 10px;
        width: 90%;
        margin: 0 auto;
    }

    #slider .diapo-sides.leftside h3 {
        font-size: 2rem;
        padding: 10px 10px 40px 10px;
        width: 90%;
        margin: 0 auto;
    }

    .diapo-sides.rightside .row {
        width: 33%;
        height: auto;
        float: left;
        text-align: center;
        display: block;
    }

    #slider .diapo-sides span {
        max-width: 60%;
        font-size: 12px;
        display: inline-block;
        padding-left: 0;
        text-align: left;
    }

    #slider .diapo-sides img,
    .slider-page .diapo-sides img {
        width: 30px;
        display: inline;
        max-width: 23%;
        padding: 0;
    }

    .diapo-sides.rightside a:last-child .row {
        height: auto;
        width: 34%;
    }

    .slider-page > .container {
        position: static;
    }

    .slider-page .diapo-sides span {
        display: inline-block;
    }

    .slider-page .diapo-sides.rightside a {
        font-size: 16px;
    }

    .slider-page .diapo-sides.rightside a {
        padding: 30px 15px 30px;
        position: absolute;
        width: 100% !important;
    }

    .slider-page .sliderAbs {
        min-height: 90px;
        height: auto;
        bottom: auto;
    }

    .slider-page .diapo-sides img {
        margin: 0;
    }

    .slider-page .diapo-sides img {
        margin-right: 10px;
    }

    .post-locations {
        margin: 35px 0 50px;
    }

    .subsite {
        margin: 0 0 92px;
    }

        .subsite div#social_feed,
        .subsite .laws-block {
            margin-bottom: 0;
        }

    .diapo-sides.rightside .row .col-md-12 {
        padding: 10px 5px;
        overflow: hidden;
        text-align: center;
        padding-top: 20px;
        min-height: 70px;
    }

    .diapo-sides.rightside a {
        color: inherit;
        width: 33%;
        overflow: hidden;
        display: inline;
        float: left;
    }

        .diapo-sides.rightside a:last-child {
            width: 34%;
        }

    .twiter-feed .tweet-info i {
        vertical-align: sub;
    }

    .twiter-feed .owl-dots {
        bottom: 5px;
    }

    .tweet-item {
        background-size: auto 70%;
        background-position: center 100%;
    }


    .footer-link-groups .footer-links {
        width: 100%;
    }

    .footer-logo-and-hours {
        padding: 0;
    }

    .lastfooter {
        padding-top: 15px;
    }

        .lastfooter img {
            width: 100%;
            margin: 0 auto;
            max-width: 250px;
        }

    .owl-carousel .owl-stage-outer {
    }

    div#search-block .profile_language .user-profile, div#search-block .profile_language div#language_selector {
        padding: 10px 0;
    }

    div#events_calendar_slider {
        margin-top: 0 !important;
    }

    div#quick_access {
        margin-top: 15px;
        min-height: unset;
    }

    ul.share-it li a {
        font-size: 1.2em;
        padding: 20px 2px;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .contact-item {
        font-weight: 300;
    }

    div#contact_map_address .box-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .plTitle {
        width: 50%;
        left: 15px;
    }

    .CurrentItemAction {
        width: 35%;
    }

        .CurrentItemAction span {
            color: #801b10;
            text-align: center;
            width: auto;
            font-size: 1.2em;
        }

    .plNum {
        padding-left: 10px;
    }

    .customPlayer progress {
        width: 60%;
    }

    .player-controls.scrubber {
        text-align: center;
    }

    #npTitle {
        padding: 20px 10px;
    }

    /**********/
    .flex-order {
        margin-bottom: 80px;
    }

        .flex-order #register {
            order: 1;
        }

        .flex-order #track_requests {
            order: 2;
        }

        .flex-order #sidebar_posts {
            order: 3;
        }

        .flex-order #eforms {
            order: 4;
        }

        .flex-order #social_feed {
            order: 5;
        }

        .flex-order #training {
            order: 6;
        }

        .flex-order .feeds {
            padding-top: 0;
            margin-top: 0;
        }

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

        .panel-title > a {
            padding-left: 12px;
        }

    /***table***/
    .table-head-gold {
        font-size: 13.5px;
    }

        .table-head-gold > thead > tr > th, .table-head-gold > tbody > tr > th, .table-head-gold > tfoot > tr > th, .table-head-gold > thead > tr > td, .table-head-gold > tbody > tr > td, .table-head-gold > tfoot > tr > td {
            padding: 18px 19px;
        }

    .table.polls > tbody > tr > td {
        padding: 18px 19px 0;
    }


        .table.polls > tbody > tr > td.last {
            padding: 18px 19px 18px;
        }

    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
        width: 18px;
        height: 18px;
    }

    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
        width: 6px;
        height: 6px;
        top: 12px;
        left: 6px;
    }

    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before,
    .polls [type="radio"]:checked + label:before, .polls [type="radio"]:not(:checked) + label:before {
        top: 6px;
    }

    .polls [type="radio"]:checked + label, .polls [type="radio"]:not(:checked) + label {
        padding-left: 27px;
    }

    .costum_form p {
        font-size: 15px;
    }

    .table-default > thead > tr > th, .table-default > tbody > tr > th, .table-default > tfoot > tr > th {
        padding: 15px 12px;
    }

    .table-default > thead > tr > td, .table-default > tbody > tr > td, .table-default > tfoot > tr > td {
        padding: 20px 13px;
    }

    /*.pagination > li > a, .pagination > li > span {
        font-size: 12px;
        padding: 7px 12px;
    }*/

    .costum_form select, .costum_form input, .costum_form textarea {
        margin-top: 0;
        margin-bottom: 0;
        padding: 11px 9px;
        font-size: 15px;
    }

    .privacy-policy {
        font-size: 15px;
    }

    .setup-box [type="radio"]:checked + label, .setup-box [type="radio"]:not(:checked) + label {
        font-size: 15px;
    }

    .complaint_type:before {
        padding: 0px 13px;
        margin: 6px 12px;
    }

    .legend .input-form.col-md-6 {
        margin: 15px 0;
    }

    .costum_form input[type="submit"], .costum_form input[type="reset"], .costum_form .btn, .setup-box.costum_form .btn,
    .costum_form .form-inline input[type="reset"] {
        width: 186px;
        font-size: 13.5px;
        padding: 11px 8px;
    }

    .costum_form input[type="submit"], .costum_form input[type="reset"], .costum_form .btn {
        margin-top: 30px;
    }


    .btn-reset {
        margin-left: 25px;
    }

    .separator32 {
        height: 27px;
    }

    #laws-list .btn-group.bootstrap-select {
        max-width: 100%;
        width: calc(100% - 60px);
    }

    .post_content, .tab-content {
        font-size: 17px;
        line-height: 27px;
    }

    #laws-list .post_info {
        padding-top: 5px;
        margin-top: 30px;
    }

    /*#laws span.download {
        font-size: 24px;
        right: 22px;
        display: block !important;
    }*/

    .input-form {
        margin-bottom: 20px;
    }

    /*responsive*/
    .eservices .search-page {
        padding-right: 15px;
        padding-left: 15px;
    }

    .eservices .pagination-optimize {
        padding-left: 12px !important;
        padding-right: 26px;
    }

    .eservices .text-right:lang(ar) {
        text-align: right !important;
    }

    .eforms .search-page {
        padding-right: 15px;
        padding-left: 15px;
    }

    .eforms .pagination-optimize {
        padding-left: 12px !important;
        padding-right: 26px;
    }

    .eforms .text-right:lang(ar) {
        text-align: right !important;
    }
    /*Complaints Suggestion WP*/
    .complaint_type button {
        margin-top: 0px !important;
        border-radius: 0px !important;
    }

    .complaint_type .btn-group {
        width: 100% !important;
    }

    /*Trainings*/
    .training-listing {
        margin-left: 15px;
        margin-right: 15px;
    }

    .filter-date-responsive-trainings .date_container_optimize {
        /*margin-left: 15px;
        margin-right: 15px;*/
    }

    .responsive-trainings-trainer {
        margin-bottom: 20px;
    }
    /*Ministry Releases*/
    .date-from-MR {
        margin-top: 15px;
    }

    #attach {
        text-align: center;
    }
    /*home page*/
    #HomeLatestNewsAR, #HomeLatestNews {
        height: auto;
    }

    /*e services home*/
    .text-resp-services-home {
        text-align: left !important;
    }

    .search-icon-services {
        top: 4px;
        right: 17px !important;
        color: #7e6649;
        position: absolute;
        font-size: 15px;
    }

    .search-services-home {
        margin-top: 0px;
    }
    /*end of responsive*/

    .services-tab {
        padding-bottom: 37px;
    }

    div#page-title h1, div#page-title h2 {
        font-size: 34px;
        padding: 71px 0;
        margin: 0;
    }

    .stepwizard-step > a {
        height: 55.5px;
        font-size: 13px;
    }

        .stepwizard-step > a::after {
            width: 40px;
            height: 40px;
            margin-top: -20px;
        }

    /*.services h2, h2.bordred, h1.bordred,
    .social-affaire #register h2.bordred,
    .registration #register h2.bordred,
    .profile #register h2.bordred,
    .requests #register h2.bordred,
    #the_post .bordred, #sidebar_posts .bordred {
        margin: 0 0 35px 0;
    }*/

    .services h2 {
        margin: 0 0 5px 0;
    }

    .social-affaire div#social_feed {
        margin-bottom: 0;
    }


    .post-date {
        top: 39px;
        padding: 13.5px 23px 15.5px;
        font-size: 14px;
        border-right: 3px solid #fff;
    }

        .post-date span {
            font-size: 20px;
        }

    .input-group.input-date {
        padding: 0;
    }
    /**taille original to img 640/445*/
    .photo_gallery_center img {
        width: 100%;
    }

    .photo_gallery .col-md-4.col-sm-6 {
        margin-bottom: 30px;
    }

    /*.event-detail p,
    .contact-info p {
        margin: 0 0 15px;
    }*/

    .download-app i {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 16px;
        margin: 0 4px;
    }

    .download-app span {
        margin-right: 15px;
        font-size: 17px;
    }

    .mawarad-app {
        margin: 0 0 30px;
    }

    .search-training {
        margin: 0 0 44px;
    }

    .subsite .btn-group.bootstrap-select {
        max-width: 100%;
        width: calc(100% - 135px) !important;
        padding: 8px 12px;
    }

    .popup h3 {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .popup {
        padding: 30px;
        width: 86%;
        height: 540px;
        max-height: 540px;
    }

    .feed-item .icon {
        width: 50px;
        padding: 15px 0;
    }

        .feed-item .icon img {
            width: 30px;
            max-width: 23%;
        }

    .feed-item {
        font-size: 12px;
        margin: 0 0 25px;
    }

        .feed-item .tab-cell {
            padding: 25px;
            border-left: none;
        }

    /***Login***/

    .login-dash .main-content {
        margin: 30px 0 60px;
    }

    .bloc-login::after {
        content: "\f0d7";
        right: 0;
        left: 0;
        top: auto;
        bottom: -18px;
    }

    .bloc-login .costum_form {
        margin: 90px 0 0;
    }

    .login-dash .input-form {
        margin-bottom: 0;
    }

    .bloc-login {
        min-height: 430px;
        height: auto;
    }

    .bloc-pwd {
        min-height: 500px;
        height: auto;
    }

        .bloc-pwd h2 {
            font-weight: 600;
            color: #3d3d3d;
            margin-bottom: 40px;
        }

        .bloc-pwd .costum_form input[type="text"] {
            margin-bottom: 15px;
        }

    .log-submit {
        margin: 25px -15px 0;
        text-align: center;
    }

    .log-links a {
        margin-left: 0;
        display: block;
        margin-bottom: 10px;
    }

    .login-dash .sociailLnk {
        margin: 45px 0 0;
    }

    .log-links a:last-child {
        margin-bottom: 25px;
    }

    /*.ion-navicon {
        float: left;
    }*/

    /*#laws.feeds ul {
        margin: 15px 0 0 0 !important;
        padding: 0;
    }

       #laws.feeds ul li {
            font-size: 12px;
            padding: 10px !important;
            min-height: 85px;
        }

            #laws.feeds ul li * {
                margin: 0 !important;
            }

            #laws.feeds ul li img {
                vertical-align: text-bottom;
                margin-left: 5px !important;
            }*/
}


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


    .table-default > thead > tr > td, .table-default > tbody > tr > td, .table-default > tfoot > tr > td,
    .table-default > thead > tr > th, .table-default > tbody > tr > th, .table-default > tfoot > tr > th {
        font-size: 13px;
    }

        .table-default > tbody > tr > td span.icon-delete {
            font-size: 13px;
            margin-top: 3px;
        }

    /*#laws.feeds ul li {
        font-size: 13.75px;
        padding: 15px !important;
        min-height: 85px;
    }

        #laws.feeds ul li * {
            margin-bottom: 0 !important;
        }*/

    .info-new {
        font-size: 10px;
        margin-left: 5px;
    }

    .event-detail {
        margin: 0 0 43px;
    }

    .doc_forms, .laws-block, #register, #cntINf {
        margin: 0 15px 1rem 15px !important;
        width: calc(100% - 30px) !important;
    }

    div#sidebar_posts, div#popular_post, div#social_feed, div#archive_posts {
        margin: 0 15px 1rem 15px;
        width: calc(100% - 30px);
    }

    #the_post .post_content h3 {
        font-size: 19px;
        margin: 15px 0 15px;
        line-height: 24px;
    }


    .media-center {
        margin: 0 0 74px;
    }

    .form-inline,
    .costum_form .form-inline select, .costum_form .form-inline input, .costum_form .form-inline textarea {
        font-size: 18px;
    }

        .form-inline .input-form {
            padding: 14px 13px;
            margin-bottom: 0;
        }

    .profile .setup-box {
        padding: 0px 15px 75px;
    }

    .item-request {
        padding: 20px 20px 15px;
        font-size: 15px;
    }

        .item-request .date {
            font-size: 12.5px;
        }

    .status {
        font-size: 14px;
    }

    div#newsletter .form-wrapper form input[type="email"] {
        width: 50%;
    }

    div#newsletter .form-wrapper form button {
        margin: 0 0 60px;
        display: inline-block;
        max-width: 167px;
        margin-left: 21px;
    }

    #register, #track_requests {
        margin: 0 0 35px;
    }

    #slider h2, .slider-page h2 {
        font-size: 37px;
    }

    #slider h3, .slider-page h3 {
        font-size: 2.5rem;
    }

    .laws-block ul li {
        font-size: 12.5px;
    }
}

/*end 991*/


/*tablet devices*/

@media (max-width: 991px) and (min-width: 500px) {
    /*.news_slider article figure {
        height: 330px;
    }*/

    /*.news_slider article figure a img {
        width: auto !important;
        margin: 0 auto;
    }*/
}

@media (max-width: 1200px) and (min-width: 992px) {
    .diapo-sides.leftside {
        /*padding: 40px 0;*/
        /*height: 450px;*/
    }

    .institution-header img, .institution-header .institution-title {
        max-width: 76%;
    }

    div#events_slider .dateCreated {
        padding: 10px 15px;
    }

    /*.services .service_item .col-md-8.col-xs-8 {*/
    .services .service_item .service_title {
        height: 115px;
        padding: 0px 15px;
        min-height: auto;
    }

    /*.services .service_item .col-md-8.col-xs-8 h3 {*/
    /*.services .service_item .service_title h3 {
            margin-top: 20px;
        }*/

    #slider .diapo-sides span {
        vertical-align: sub;
    }

    .diapo-sides.rightside .row {
        padding: 20.5% 0;
        text-align: center;
    }

    .col-md-4.full-width-slider-item .the_link {
        height: 60%;
    }

        .col-md-4.full-width-slider-item .the_link h3 {
            font-size: 18px;
            min-height: 35px;
        }

    div#quick_access ul li a {
        font-size: 15px;
    }

    .diapo-sides.leftside {
        /*padding: 100px 0;*/
    }

    form.search-form, a.advancedSearchLnk {
        font-size: 13px;
    }

    nav#nav-menu ul li {
        margin-right: 19px;
    }

        nav#nav-menu ul li a {
            /*padding: 30px 10px 30pcx 0;*/
            font-size: 13px;
        }

    form.search-form, a.advancedSearchLnk {
        font-size: 13px;
    }
}


/**Desktop + tablet***/

@media (min-width: 768px) {

    .panel-default > .panel-heading {
        width: 25%;
        position: absolute;
        top: 0;
        left: 0;
    }

    div#accordion {
        padding: 55px 0 0;
        position: relative;
    }

    .archivedPages div#accordion {
        padding: 20px 0 0;
    }

    .panel-default > #headingTwo {
        left: 25%;
    }

    .panel-default > #headingThree {
        left: 50%;
    }

    .panel-default > #headingFour {
        right: 0;
        left: auto;
    }


    .panel-default > .panel-heading {
        color: #474747;
        background-color: #f8f8f8;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        height: 55px;
        line-height: 55px;
        border-radius: 0;
        padding: 0;
    }

    .panel-default {
        border-color: transparent;
        box-shadow: none;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: transparent;
    }


    .panel-title > a[aria-expanded="true"] {
        display: block;
        background: #fff;
        position: absolute;
        top: 0;
        left: -1px;
        right: 0;
        bottom: -1px;
    }

    .panel-title > a {
        height: 55px;
        line-height: 55px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .panel-title > a.disabled, .panel-title > a[disabled] {
            pointer-events: none;
            cursor: not-allowed;
        }

    .collapsing {
        -webkit-transition: none;
        transition: none;
    }

    .panel-group .panel + .panel {
        margin-top: 0;
    }

    .services-tab .post_content {
        font-size: 12px;
        line-height: 18px;
    }
}

/*desktop version */
@media (min-width: 992px) {
    /*Contact Us*/
    .institution-item .institution-details {
        padding-top: 20px;
    }
    /*Contact Us*/

    .nopaddingleftlg {
        padding-left: 0;
    }

    ul.header-menu li:first-child a {
        padding-left: 0;
    }

    div#newsletter p {
        margin-top: 20px;
    }

    .panel-title > a {
        height: 88px;
        line-height: 88px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .panel-default > .panel-heading {
        height: 88px;
        line-height: 88px;
    }

    /*div#accordion {
        padding: 88px 0 0;
    }*/

    .services-tab .post_content {
        font-size: 17px;
        line-height: 27px;
    }
}

/*desktop version */


@media (max-width: 767px) {
    /***Login*******/
    .box-login {
        max-width: 281px;
    }

    .bloc-login {
        padding: 30px 45px !important;
        font-size: 12px;
        min-height: 289px;
    }

        .bloc-login h1 {
            font-size: 16.5px;
        }

    .bloc-pwd h2 {
        margin-bottom: 25px;
        font-size: 12.5px;
    }

    .bloc-pwd {
        min-height: 335px;
        padding: 30px 30px !important;
    }

    .bloc-login .costum_form {
        margin: 30px 0 0;
    }

    .login-dash .bloc-pwd .icon-user, .login-dash .bloc-pwd .icon-pwd {
        top: 12px;
    }




    /******/

    .separator32 {
        height: 16px;
    }

    /*.services h2, h2.bordred, h1.bordred {
        margin: 0 0 27.5px 0;
        font-size: 16.5px;
    }*/

    .siteMap li > a {
        font-size: 12px;
    }

    .siteMap .separator32 {
        display: none;
    }

    a.arrowed:before {
        font-size: 0.8em;
    }

    /*footer {
        padding: 20px 0 0 0px;
    }

    .secondFooter {
        margin-top: 20px;
    }*/

    .sociailLnk ul li a {
        height: 31px;
        width: 31px;
        line-height: 31px;
        font-size: 14px;
    }

    div#page-title h1, div#page-title h2 {
        font-size: 17.5px;
        padding: 27px 0;
    }

    .marg-xs {
        margin: 35px 0 0;
    }

    .post_content {
        font-size: 12px;
        line-height: 19px;
    }

        .post_content ul li:before {
            font-size: 14px;
            margin-right: 5px;
        }

    #the_post .post_content h3 {
        font-size: 12px;
        font-weight: 900;
        margin: 15px 0 9px;
        line-height: 18px;
    }

    /*#the_post .bordred, #sidebar_posts .bordred,
    .company-services #the_post .bordred, .survey-polls #the_post .bordred,
    #register h2.bordred {
        margin-bottom: 26px;
    }*/

    .services h2:after, h2.bordred:after, h1.bordred:after {
        width: 28px;
        height: 2px;
        bottom: -7px;
    }


    /*fixed bar*/
    .fixed-floating-bar .fixed-link {
        display: none;
        margin-bottom: 3px;
    }

    body .fixed-floating-bar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        top: inherit;
        bottom: 10px;
        right: 15px;
    }

    .icon-star-mobile-menu:before {
        content: "\e907";
        color: #872248;
        font-size: 80px;
        cursor: pointer;
        box-shadow: 0px 6px 17px 0px rgba(8, 8, 8, 0.53);
        border-radius: 100%;
    }

    .fixed-floating-bar .fixed-link a img {
        /*margin-top: 15px;*/
    }

    .fixed-floating-bar .fixed-link a {
        padding: 15px 5px;
        font-family: lato;
        font-weight: 400;
        font-size: 10px;
        border-radius: 100%;
        height: 80px;
        width: 80px;
        line-height: 01em;
        margin-bottom: 10px;
        box-shadow: 3px 4px 17px 0px rgba(8, 8, 8, 0.53);
    }

    div#fixed-floating-bar-trigger:before {
        content: "";
        margin-right: 10px;
        margin-left: 10px;
        height: 50px;
        width: 60px;
        background: white;
        position: absolute;
        z-index: -1;
        bottom: 8px;
        left: 10px;
        border: 0;
        border-radius: 100%;
    }

    /*#the_post h3 {
        font-size: 11.5px;
        font-weight: 900;
        margin: 0 0 10px;
    }*/

    .services-details div#accordion h3 {
        font-size: 12px;
    }

    ul.arrow li:before {
        font-size: 15px;
        margin-right: 7px;
    }

    .services-details div#accordion {
        margin-bottom: 25px;
    }

    .btn-meduim {
        width: 102px;
        padding: 7px 20px;
        margin: 5px 0 15px;
    }

    .services-details ul.decimal li::before {
        margin-right: 2px;
        font-size: 14px;
    }

    .post_box {
        padding: 16.5px 15px;
        margin: 10px 0;
    }

    #the_post .post_content h3:first-child {
        margin-top: 0;
    }

    .company-services #the_post {
        margin-bottom: 28px;
    }

    #register, #track_requests {
        margin: 0 0 22px;
        font-size: 12px;
    }

    ul.check .fa-check {
        font-size: 10px;
        margin-right: 7px;
    }

    #sidebar_posts .latest_post_item a,
    .doc_forms .latest_post_item a {
        font-size: 12px;
    }

    #sidebar_posts .fa-caret-right, #quick_access .fa-caret-right, .doc_forms .fa-caret-right {
        font-size: 13px;
        margin-right: 5px;
    }

    /*#sidebar_posts .latest_post_item, .doc_forms .latest_post_item {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }*/

    .doc_forms, .laws-block, #register, #cntINf {
        margin: 0 15px 1rem 15px !important;
        width: calc(100% - 30px) !important;
    }

    div#sidebar_posts, div#popular_post, div#social_feed, div#archive_posts {
        margin: 0 15px 1rem 15px;
        width: calc(100% - 30px);
    }

    div#popular_post {
        margin-bottom: 0;
    }

    #track_requests i, #track_requests span.icon-email {
        margin-right: 8px;
    }

        #track_requests i.fa-phone {
            font-size: 14px;
        }

    a.see-more {
        font-size: 12px;
    }

    /*.company-services.forms .feeds ul li a, .company-services .feeds ul li a {
        font-size: 11.5px;
    }*/

    #eforms span.about_file span.file_info {
        font-size: 10px;
    }

    div#eforms li a img {
        margin-right: 13px;
    }

    /*.feeds.bg-white {
        padding-bottom: 20px;
    }*/

    .tweet-header .col-md-6.account_id a,
    .tweet-header .lasttweets a {
        font-size: 12px;
    }

    .tweet-content {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 20px;
    }

    .tweet-header {
        padding-bottom: 5px;
        margin: 0 0 10px 0;
    }

    .twiter-feed .tweet-info {
        font-size: 10px;
    }

    i.ion-ios-clock-outline {
        margin-right: 6px;
        margin-bottom: 3px;
    }

    .company-services div.video-controls h2 {
        font-size: 10px;
        font-weight: 900;
    }

    .col-md-4 #training div.video-controls h3 {
        font-size: 10px;
    }

    #training button.playpause {
        height: 30px;
        width: 30px;
    }

    #training .training-video .ion-play {
        font-size: 12px;
    }

    #training {
        margin: 15px 0 0;
    }


    /*.company-services span.download {
        font-size: 15px;
    }*/

    /**Accordion**/
    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        color: #872248;
        font-size: 12px;
        position: relative;
        padding-right: 20px;
    }

    .panel-default > .panel-heading {
        background: #f8f8f8;
        border-top: 1px solid #e8e8e8;
        padding: 8.5px 11px 8.5px;
        border-radius: 0;
    }

    .company-services .panel-default > .panel-heading {
        padding: 15px 11px 15px;
    }


    .panel-group .panel {
        border-radius: 0;
    }

        .panel-group .panel + .panel {
            margin-top: 0;
            border: none;
        }

    .panel-default {
        border: none;
    }

    .panel-title > a:after {
        content: "\f054"; /* fa-chevron-right */
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
        top: 10px;
    }

    .company-services .panel-title > a:after {
        top: 0;
    }

    .panel-title > a[aria-expanded="true"]:after {
        content: "\f078"; /* fa-chevron-down */
    }

    .panel-title > a .inline-block {
        max-width: 330px;
    }

    .services-tab .nav-tabs > li {
        width: 100%;
    }
    /*****/

    .flex-order #track_requests {
        order: 3;
    }

    .flex-order #sidebar_posts {
        order: 2;
    }

    .flex-order #social_feed {
        order: 4;
    }

    .social-affaire .flex-order #social_feed {
        order: 5;
        margin-top: 20px;
    }

    .flex-order #eforms {
        order: 5;
    }

    .social-affaire .flex-order #eforms {
        order: 4;
        margin-top: 0;
    }

    .flex-order .feeds {
        margin-top: 20px;
    }

    .services-tab .panel-body {
        padding: 15px 20px;
    }

    .StandComit {
        border-left: none !important;
        display: block;
    }

        .StandComit.bor-bottom-no.col-sm-6:first-child {
            border-bottom: 1px solid #ecebeb;
        }

    .StandComit {
        padding: 11px 12.55px;
    }

        .StandComit .tab-cell {
            font-size: 12px;
            line-height: 18px;
            padding-left: 7px;
        }

    .company-services.forms .services-tab span.icon {
        font-size: 34px;
    }

    div#the_post h1 {
        font-size: 16.5px;
    }

    /***table***/
    .table-head-gold {
        font-size: 12px;
    }

        .table-head-gold > thead > tr > th, .table-head-gold > tbody > tr > th, .table-head-gold > tfoot > tr > th, .table-head-gold > thead > tr > td, .table-head-gold > tbody > tr > td, .table-head-gold > tfoot > tr > td {
            padding: 10px 13px;
        }

    .table.polls > tbody > tr > td {
        padding: 10px 13px 0;
    }

    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before, .polls [type="radio"]:checked + label:before, .polls [type="radio"]:not(:checked) + label:before {
        top: 2px;
    }

    .polls [type="radio"]:checked + label:after, .polls [type="radio"]:not(:checked) + label:after,
    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
        top: 8px;
    }


    /* Force table to not be like tables anymore */

    .no-more-tables {
        border: 1px solid #e1e1e1;
    }

        .no-more-tables table,
        .no-more-tables thead,
        .no-more-tables tbody,
        .no-more-tables th,
        .no-more-tables td,
        .no-more-tables tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            .no-more-tables thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        .no-more-tables tr {
            padding: 15px 0 15px;
            position: relative;
            background: #fcfcfc;
        }

        .no-more-tables td {
            /* Behave  like a "row" */
            border: none;
            position: relative;
            padding: 3px 10px 3px 50% !important;
            white-space: normal;
            text-align: left;
            border: none !important;
        }

            .no-more-tables td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 25px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }

    .mobile-table-head {
        position: absolute;
        left: 17px;
        right: 9px;
        padding-left: 20px;
        font-weight: bold;
    }

        .mobile-table-head::before {
            content: "+";
            left: 0;
            position: absolute;
            font-size: 19px;
            line-height: 19px;
            color: #a68863;
            font-weight: bold;
        }

    .table-default > tbody > tr.active .mobile-table-head::before {
        content: "-";
        font-size: 35px;
    }

    .table-default > tbody > tr.active > td:first-child {
        color: #a68863;
    }

    .table.table-default > tbody > tr.active > td {
        background: transparent;
    }

    .no-more-tables td.mobile-pos {
        position: absolute;
        top: 20px;
        right: 19px;
        padding: 0 !important;
    }

    .table-default > thead > tr > td, .table-default > tbody > tr > td, .table-default > tfoot > tr > td {
        font-size: 12px;
    }

    #complaints-dash tr td,
    .requests tr td {
        display: none;
    }

        #complaints-dash tr td.mobile-head-td,
        .requests tr td.mobile-head-td {
            display: block;
        }

    #complaints-dash tr.active td,
    .requests tr.active td {
        display: block;
    }

    #complaints-dash .table-default > tbody > tr:nth-of-type(even) {
        background-color: #f6f6f6;
    }

    .table-default > tbody > tr > td span.icon-delete {
        font-size: 16px;
    }


    /*
      Label the data
      */
    .no-more-tables td:before {
        content: attr(data-title);
    }

    .table-default > tbody > tr > td:first-child {
        font-size: 13px;
        height: 25px;
        overflow: hidden;
    }

    .flex-order div#sidebar_posts, .flex-order div#popular_post, .flex-order div#social_feed, .flex-order div#archive_posts {
        margin-bottom: 0;
    }

    /*#laws.feeds ul {
        margin: 15px 0 0 0 !important;
        padding: 0;
    }

        #laws.feeds ul li {
            font-size: 12px;
            padding: 10px !important;
            min-height: 85px;
        }*/

    .pad-xs-none {
        padding-left: 0;
        padding-right: 0;
    }

    /*#laws span.download i, #laws span.download .icon-Print {
        margin: 0 3px;
        font-size: 15px;
    }*/

    /*#laws .about_file {
        padding-left: 0;
    }*/

    .info-new {
        padding: 2px 6px;
        font-size: 9px;
        margin-left: 7px;
        margin-top: 4px;
    }

    /*#laws span.download {
        right: 10px;
    }*/

    .services-tab {
        padding-bottom: 0;
    }

        .services-tab span.icon {
            font-size: 35px;
        }

    .post_box form.search-form {
        font-size: 12px;
    }

        .post_box form.search-form input[type="text"] {
            padding: 10px 13.5px;
        }

        .post_box form.search-form button {
            top: 5px;
            right: 13.5px;
            font-size: 18px;
        }

    .fa-calendar {
        margin-bottom: 5px;
    }

    i.ion-ios-clock-outline,
    .fa-calendar {
        vertical-align: middle;
    }

    .stepwizard-step {
        width: 15%;
    }

        .stepwizard-step > a {
            padding: 10px 0 10px 18px;
            font-size: 18px;
        }

            .stepwizard-step > a span {
                display: none;
            }

        .stepwizard-step.active {
            width: 55%;
        }

            .stepwizard-step.active > a span {
                display: inline-block;
                vertical-align: top;
            }

            .stepwizard-step.active > a {
                font-size: 12px;
            }

    small.form-text,
    .costum_form select, .costum_form input, .costum_form textarea {
        font-size: 11.5px;
    }

    .setup-box .complaint_type:before {
        margin: 7px 0;
    }

    .input-form {
        margin-bottom: 11px;
    }

    .setup-box [type="radio"]:checked + label, .setup-box [type="radio"]:not(:checked) + label {
        font-size: 12px;
        margin-top: 15px;
    }

    .setup-box {
        padding: 14px 14px 46.5px;
        margin: 6px 0 0;
    }

        .costum_form input[type="submit"], .costum_form input[type="reset"], .costum_form .btn,
        .setup-box.costum_form .btn, .costum_form .form-inline input[type="reset"] {
            width: 108px;
            font-size: 12px;
            padding: 8px 5px;
        }

        .setup-box.costum_form input[type="submit"], .setup-box.costum_form input[type="reset"], .setup-box.costum_form .btn {
            margin-top: 25px;
        }

    .col-md-5.copyright {
        font-size: 12px;
    }

    .btn-reset {
        margin-left: 15px;
    }

    .event-detail {
        margin: 0 0 29px;
        font-size: 12px;
    }

        .event-detail i, .event-detail span.icon-email {
            margin-right: 7px;
            font-size: 15px;
        }

        .event-detail span.icon-email {
            font-size: 10px;
        }

        .event-detail i.ion-ios-clock-outline,
        .clocksizefix {
            font-size: 15px;
        }

    .latest_post_item a, .video_item_permalink a, a.post_txt_lnk {
        font-size: 12px;
        line-height: 19px;
    }

    div#popular_post_loop {
        margin-top: 0;
    }

    div#archive_posts ul li a {
        font-size: 12px;
        padding: 10px 0;
    }

    #news_details div#social_feed {
        margin-bottom: 30px;
    }

    .latest_post_item .post_date, .post_date.small, .video_item_permalink .post_date {
        font-size: 10.5px;
    }

    .complaint_type:before {
        /*margin: 4px 5px;*/
        right: 12px;
    }

    .legend {
        padding: 14px 14px 49px;
    }

        .legend .input-form.col-md-6:first-child {
            margin: 0 0 15px;
        }

    .pagination {
        margin: 20px 0;
    }

    /*.btn-next, .btn-first {
        padding-bottom: 10px;
    }*/

    /*.btn-next, .btn-last, .btn-first, .btn-prev {
        display: block;
        margin-left: 0;
        top: 0;
    }*/

    .costum_form p {
        font-size: 12px;
    }

    #complaint-suggestion .costum_form {
        margin-bottom: 68px;
    }

    #carousel-flex .flex-active-slide img {
        border-bottom: 3px solid #872248;
    }

    #slider-flex .flex-direction-nav a:before,
    #carousel-flex .flex-direction-nav a:before {
        font-size: 35px;
    }

    #slider-flex .flex-direction-nav a,
    #carousel-flex .flex-direction-nav a {
        height: 35px;
    }

    .media-center {
        margin: 0 0 37px;
    }

    ul.bg-grey li {
        padding: 15px 20px;
        font-size: 11.5px;
        font-weight: 600;
    }


    #eligibility {
        margin: 0 0 30px;
    }

    .form-inline {
        font-size: 12px;
    }

    .costum_form .form-inline input {
        font-size: 12px;
    }

    .form-inline .input-form {
        padding: 12.5px 0;
        margin-bottom: 0;
    }

    .profile .setup-box {
        padding: 0px 15px 39px;
    }

    .privacy-policy {
        font-size: 11.5px;
        margin: 27px 0 0;
        display: block;
        text-align: center;
    }

    .center-sm {
        text-align: center;
    }

    .setup-box [type="radio"]:checked + label:before, .setup-box [type="radio"]:not(:checked) + label:before {
        top: 0;
    }

    .requests .setup-box {
        padding: 15px 11px 50px;
        margin: 15px 0 0;
    }

    .item-request {
        padding: 15px 14px 12.5px;
        font-size: 12px;
    }

        .item-request .date {
            font-size: 10px;
            margin: 3px 0 0;
        }

        .item-request .fa-check, .item-request .fa-times {
            font-size: 12px;
            height: 25px;
            width: 25px;
            line-height: 23px;
        }

        .item-request .clocksizefix {
            font-size: 28px;
        }

    .status {
        font-size: 12px;
    }

    .requests .pagination {
        margin: 22.5px 0 5px;
    }

    div#newsletter .form-wrapper form button {
        width: 146px;
        font-size: 12px;
        display: block;
        margin: 0 auto 25px;
        font-weight: bold;
    }

    div#newsletter .form-wrapper form input {
        font-size: 12px;
        margin-top: 5px;
    }

    div#newsletter .form-wrapper {
        margin-top: 25px;
        font-size: 12px;
    }

    .photo_gallery {
        margin-top: 22.5px;
    }

        .photo_gallery .col-md-4.col-sm-6 {
            margin-bottom: 12.5px;
        }

    .page_description {
        font-size: 12px;
        margin-bottom: 30px;
        line-height: 21px;
    }

    .media-video-item .video_item_permalink h3 {
        margin: 0 0 5px;
    }

    .media-video-item a.video-lnk:after {
        font-size: 11.5px;
        width: 30px;
        height: 30px;
        padding-left: 2px;
        line-height: 30px;
    }

    .media-video-item .col-md-5.col-xs-5 {
        padding-right: 0;
    }

    .search-page form.search-form input[type="text"] {
        font-size: 11.5px;
        padding: 8px 15px;
        width: 200px;
    }

    .search-page form.search-form button {
        top: 5px;
    }

    .search-page {
        padding: 0;
        width: 100%;
    }

        .search-page .search-form {
            /*width: 100%;*/
        }

    div.search-form input[type="text"]:lang(ar) {
        /*width: 100% !important;
	max-width: none !important;*/
    }

    #slider h2, .slider-page h2 {
        font-size: 1.5rem;
    }

    #slider h3, .slider-page h3 {
        font-size: 1rem;
    }

    .slider-page .diapo-sides.rightside a {
        padding: 11px 15px 13px;
    }

    .slider-page .sliderAbs {
        min-height: 50px;
    }

    .diapo-sides.leftside {
        /*padding: 80px 0;*/
    }

    .contact-info {
        font-size: 12px;
    }

        .contact-info i {
            margin-right: 7px;
            font-size: 15px;
        }

        .contact-info span.icon-email {
            margin-right: 7px;
            font-size: 10px;
        }

    .laws-block, .doc_forms, .subsite #sidebar_posts,
    .subsite .laws-block, .post-locations, .contact-info,
    .mawarad-app {
        margin: 0 0 25px;
    }

    .post-serv {
        font-size: 12px;
    }

    .slider-page .diapo-sides.rightside a {
        font-size: 12px;
    }

    .laws-block ul li {
        font-size: 12px;
    }

    .download-app span {
        font-size: 12px;
    }

    .download-app i {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 13px;
        margin: 0 3px;
    }

    /******** Ons's Css ********/
    .searchbox {
        position: static;
        padding-top: 15px;
    }

    .searchLabel {
        display: block;
        padding-top: 5px;
    }
    /*.archivedPages .popular_post_item .post_link_details { max-width: 73%;}*/
    .archivedPages .accordion .popular_post_item .post_link_details {
        max-width: 67%;
    }

    .pastNewsText {
        font-size: 16px;
    }

    div#accordion h3 a.archivedLink {
        font-size: 16px;
    }

    .search-training {
        margin: 0 0 22px;
    }

    .subsite .btn-group.bootstrap-select {
        width: calc(100% - 104px) !important;
    }

    .subsite .col-md-8.text-right span.span_search {
        font-size: 12px;
    }

    .popup.costum_form textarea {
        height: 100px;
    }

    .popup .col-sm-4 {
        padding: 0;
    }

    .feed-item {
        margin: 0 0 10px;
    }

    .popup {
        height: 540px;
        max-height: 80%;
        left: 20px;
        right: 20px;
        width: auto;
        z-index: 99;
    }
}

/*super small mobile screen <375px*/
@media (max-width: 486px) {
    .col-md-4.full-width-slider-item .the_link h3 {
        margin: 0;
    }

    .services h2 {
        margin: 0 0 5px 0;
    }

    /* #complaints-dash .costum_form input[type="submit"], #complaints-dash .costum_form input[type="reset"], #complaints-dash .costum_form .btn {
        width: 130.5px;
    }

   .btn-reset {
        margin-left: 15px;
    }*/

    /*Responsive*/
    .header-menu-optimize-responsive {
        margin-top: 30px !important;
    }

    .diapo-sides.leftside {
        text-align: center;
        /*padding: 40px 0;*/
        /*height: 425px;*/
    }
}

@media (max-width: 375px) {
    .diapo-sides.leftside {
        /*padding: 15px 0;*/
        /*height: 450px;*/
    }

    .col-md-4.full-width-slider-item .the_link h3 {
        font-size: 18px;
    }

    .services h2 {
        margin: 0 0 5px 0;
    }

    #slider .diapo-sides span {
        font-size: 10px;
    }

    /*.btn-reset {
        margin: 0 5px;
    }*/



}

@media (max-width: 320px) {
    .btn-reset {
        margin-left: 10px;
    }
}



/*organization chart*/
@media (min-width: 100px) and (max-width: 358px) {
    .spanBoxChrome {
        zoom: 24%;
    }

    .organizationChartTreeFireFoxListItem {
        transform: scale(0.24);
    }
}

@media (min-width: 359px) and (max-width: 500px) {
    .spanBoxChrome {
        zoom: 31%;
    }

    .organizationChartTreeFireFoxListItem {
        transform: scale(0.31);
    }
}

@media (min-width: 501px) and (max-width: 600px) {
    .spanBoxChrome {
        zoom: 40%;
    }

    .organizationChartTreeFireFoxListItem {
        transform: scale(0.4);
    }
}

@media (min-width: 601px) and (max-width: 760px) {
    .spanBoxChrome {
        zoom: 55%;
    }

    .organizationChartTreeFireFoxListItem {
        transform: scale(0.55);
    }
}

@media (min-width: 761px) and (max-width: 1000px) {
    .spanBoxChrome {
        zoom: 70%;
    }

    .organizationChartTreeFireFoxListItem {
        transform: scale(0.7);
    }
}

@media (min-width: 1001px) and (max-width: 1250px) {
    .spanBoxChrome {
        zoom: 85%;
    }

    .organizationChartTreeFireFoxListItem {
        transform: scale(0.85);
    }
}

/*Floating Panel*/
@media (max-height: 525px) {
    #fixed-floating-bar-trigger {
        width: 70px;
    }

    #floatingPanel {
        /*width: 350px !important;*/
        /*width: 500px !important;*/
        width: 440px !important;
        height: 70px;
    }

    span.icon-mobile-stars-menu {
        /*font-size: 3.4rem !important;*/
        /*font-size: 47px !important;*/
        font-size: 70px !important;
    }

    div#fixed-floating-bar-trigger:before {
        /*height: 33px !important;
        width: 33px !important;*/
        margin-right: 0px !important;
        margin-left: 0px !important;
        left: 35px !important;
        bottom: 7px !important;
    }

    .fixed-floating-bar #floatingPanel .fixed-link {
        /*height: 47px;
        width: 47px;*/
    }

    .fixed-floating-bar .fixed-link {
        /*height: 47px;
        width: 47px;*/
        margin-bottom: 2px;
    }

        .fixed-floating-bar .fixed-link a {
            /*height: 47px !important;
            width: 47px !important;*/
            padding: 4px 0px !important;
            /*font-size: 6px !important;*/
        }

        .fixed-floating-bar .fixed-link img {
            /*width: 20px;*/
            width: 32px;
        }

    .fixed-link, #fixed-floating-bar-trigger {
        display: inline-block;
        vertical-align: top;
    }

    #fixed-floating-bar-trigger {
        float: right;
    }
}


/* Responsive Menu */
/*
@media only screen and (max-width:998px) {
    .responsive.topnav .closerespmenuicon {
        text-align: left;
    }

    .dropdown, .dropup {
        position: relative;
    }

    .dropdown {
        float: left;
    }

    .responsive.topnav .dropdown {
        float: none;
    }

    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

    .dropdown .dropbtn {
        background-color: #333;
        color: white;
    }

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

    .dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }

    .dropdown .dropdown-content .dropbtn {
        background-color: #555;
        padding-right: 1.5em;
    }

    .responsive.topnav .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: right;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    .responsive.topnav .dropdown-content {
        position: relative;
    }

    .responsive.topnav a {
        float: none;
        display: block;
        text-align: right;
        padding-right: 2em;
    }

    .responsive.topnav .dropdown .dropbtn i {
        float: left;
    }

    .responsive.topnav .closerespmenuicon i {
        height: 3em;
        width: 3em;
        color: white;
        text-align: center;
        line-height: 3em;
        font-size: 1em;
    }

    .responsiveoverlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        top: 0px;
        left: 0px;
        z-index: 4999;
    }
}
*/

@media only screen and (max-width:991px) {
    .sociailLnk {
        margin-top: 0;
    }

    .topnav {
        overflow: hidden;
        background-color: #333;
    }

        .topnav a {
            float: none;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 17px;
        }
}

.dropdown {
    float: right;
}

    .dropdown:lang(ar) {
        float: left;
    }

    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.topnav.responsive > .dropdown-content {
    display: block;
    background-color: #555;
}

    .topnav.responsive > .dropdown-content > a {
        color: white;
    }

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
}

    .dropdown-content a:lang(ar) {
        text-align: left;
    }

.dropdown .dropbtn {
    background-color: #333;
    color: white;
}

.dropdown .dropdown-content .dropbtn {
    background-color: #555;
    padding-right: 1.5em;
    padding-left: 1.5em;
}

    .dropdown .dropdown-content .dropbtn:lang(ar) {
        padding-right: 1.5em;
        padding-left: 0;
    }

.topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
}


.responsiveoverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 4999;
}

.topnav.responsive {
    position: fixed;
    top: 0;
    z-index: 5000;
    left: 0;
    height: 100%;
    overflow-y: auto;
    min-width: 300px;
    max-width: 100%;
    text-align: left;
    display: none;
}

    .topnav.responsive:lang(ar) {
        right: 0;
        left: auto;
        text-align: right;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        padding-left: 2em;
    }

        .topnav.responsive a:lang(ar) {
            text-align: right;
            padding-left: 0;
            padding-right: 2em;
        }

    .topnav.responsive .dropdown {
        float: none;
    }

    .topnav.responsive .dropdown-content {
        position: relative;
    }

    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }

        .topnav.responsive .dropdown .dropbtn:lang(ar) {
            text-align: right;
        }

        .topnav.responsive .dropdown .dropbtn i {
            float: right;
        }

            .topnav.responsive .dropdown .dropbtn i:lang(ar) {
                float: left;
            }

    .topnav.responsive .closerespmenuicon {
        text-align: right;
    }

        .topnav.responsive .closerespmenuicon:lang(ar) {
            text-align: left;
        }

        .topnav.responsive .closerespmenuicon i {
            height: 3em;
            width: 3em;
            color: white;
            text-align: center;
            line-height: 3em;
            font-size: 1em;
        }

@media only screen and (min-device-width : 359px) and (max-device-width : 667px) and (orientation : portrait) {
    .topnav.responsive {
        min-width: 85% !important;
    }
}
/* END RESPONSIVE MENU */

.topBarButtonsContainer {
    display: none;
}

@media only screen and (max-width:991px) {
    .font-button.plus:lang(ar) {
        top: 0;
    }

    .font-button.minus:lang(ar) {
        top: 0;
    }

    .div-weatherdate {
        padding-top: 15px;
    }

    header > .container {
        padding: 0;
    }

    header a {
        padding: 0 5px;
    }

    .services,
    #CalendarEventsTitle {
        margin-top: 15px !important;
    }

    .post_excerpt {
        text-align: justify;
    }

    .font-button.minus {
        font-size: 1.25rem;
        top: -0.30rem;
    }

    .languageFloat {
        text-align: center;
    }

    header a {
        color: #484848;
        font-size: 0.9rem;
        padding: 0 10px;
        line-height: 45px;
        display: inline-block;
    }

    #page-title {
        height: 150px;
    }

    .headerLogoAnchor img {
        margin: 0 auto;
        max-width: 250px;
    }

    .div-weather {
        margin-right: 15px;
    }

        .div-weather:lang(ar) {
            margin-right: 0;
            margin-left: 15px;
        }

        .div-weather i {
            font-size: 3rem;
            line-height: 0;
        }

    .servicesLocationMap {
        padding-top: 15px;
        margin-left: 0px;
    }

    .fixed-floating-bar {
        z-index: 14;
    }

    .weatherWP {
        width: 100% !important;
    }

    .div-weatherdate {
        text-align: center;
    }

        .div-weatherdate .div-weather,
        .div-weatherdate .div-date {
            display: inline-block;
        }

    /* Top bar */
    .topBarButtonsContainer {
        display: block;
        position: relative;
    }

        .topBarButtonsContainer a i, .icon-mail:before {
            color: #a68863;
            font-size: 1.5rem;
        }

    .header-bottom-menu {
        text-align: center;
    }

    .rightside-menu-trigger {
        padding: 0 10px;
    }

    #main-menu li, #search-block {
        display: none;
    }
}

.search-popup {
    padding: 0 0 15px 0;
}

    .search-popup div.search-form a i {
        font-size: 1em;
    }

.langPickerRowInsideResp {
    margin: 0 auto !important;
    display: inline-block !important;
}

    .langPickerRowInsideResp:lang(en) {
        padding-top: 7px !important;
    }

.langPickerRowInsideResp .headerQatarPromise2022Logo {
    margin-top: 3em;
}

.importantHide {
    display: none !important;
}

.trainingsListing .date_container_optimize,
.MRListing .date_container_optimize,
.newsListing .date_container_optimize,
.eventsListing .date_container_optimize {
    width: 220px;
}