@media screen and (min-width: 0px) and (max-width: 979px) {
    body {
        -webkit-text-size-adjust: none;
    }

    .main .main_cont .main_inner .navigation {
        display: none;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    header {
        width: 100%;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8000;
    }

    .login_wrapper .login_block input[type="submit"] {
        -webkit-appearance: none;
    }

    span.notif {
        display: inline-block;
        width: 21px;
        height: 21px;
        text-align: center;
        line-height: 21px;
        font-size: 12px;
        background: #ffffff !important;
        color: #ed7c15 !important;
        border-radius: 50%;
        position: relative;
        top: -5px;
        transition: all 0.2s ease;
    }

    .clearall {
        float: left;
        text-align: right;
        width: 100%;
        font-size: 12px;
        color: #fff !important;
        margin-bottom: 5px;
    }

        .clearall:hover {
            color: #00457C !important;
        }

    .independance, .chinesedeco {
        display: none;
    }

    .independancedeco2019 {
        width: 180px;
        height: 35px;
        top: 4px;
        left: 110px;
        z-index: 1;
        background-size: cover;
    }

    .logojioifix {
        display: none;
    }
}

@media screen and (min-width: 980px) {
    .main .main_cont .main_inner .navigation {
        display: block !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 981px) {
    .deco-ugadi, .txtcenterjioi {
        display: none;
    }

    #login-nav-lunch {
        display: block;
    }

    #login-nav-lunch {
        color: #FFF;
        width: 66px;
        height: 60px;
        position: absolute;
        top: 0px;
        right: 134px;
        background: url(../images/lunch/lunch_mobile-icon.png) center center no-repeat #1b75bc;
        padding: 0;
        cursor: pointer;
        display: block;
    }

        #login-nav-lunch a {
            position: relative;
            float: left;
            width: 100%;
            height: 100%;
            display: block;
        }
}

@media screen and (max-width: 320px) {
    .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_header h2 {
        font-size: 13px;
        margin: 4px 0 0 3px;
    }

    .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_header .date_feed {
        font-size: 12px;
        top: 1px;
        right: 0;
        width: 100px;
        text-align: right;
    }

    .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_header h2 {
        font-size: 13px;
        margin: 4px 0 0 3px;
    }

    .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_header .date_feed {
        font-size: 12px;
        top: 1px;
        right: 0;
        width: 100px;
        text-align: right;
    }

    .directory_wrapper .docs_cont .profile_wrapper .profile_details .employee_name h3 {
        font-size: 20px
    }

    .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_header h2 {
        font-size: 13px;
        margin: 4px 0 0 3px;
    }

    .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_header .date_feed {
        font-size: 12px;
        top: 1px;
        right: 0;
        width: 100px;
        text-align: right;
    }

    .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_header h2 {
        font-size: 13px;
        margin: 4px 0 0 3px;
    }

    .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_header .date_feed {
        font-size: 12px;
        top: 1px;
        right: 0;
        width: 100px;
        text-align: right;
    }

    .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_header .date_feed {
        font-size: 12px;
        top: 1px;
        right: 0;
        width: 100px;
        text-align: right;
    }

    .latesttopicheading {
        width: 96%;
        float: left;
        margin-left: 4%;
    }

        .latesttopicheading h3 {
            font-size: 15px;
        }

        .latesttopicheading h2 {
            font-size: 20px;
            margin: 0;
        }

    .forum {
        margin-top: 60px;
        width: 98%;
    }

    #createpostbutton {
        -webkit-appearance: none;
        width: 100px !important
    }

    .categorytopics p {
        float: left;
    }

    .maincontent .topicrow .topicrowdetails {
        width: 100%;
        float: left;
    }

    .maincontent .topicrow .topicrecent {
        width: 100%;
        float: left;
        max-width: inherit;
    }

    .latesttext {
        width: 100%;
        text-align: left
    }

    .latestcommenter {
        width: 70%;
        text-align: left
    }

    .topicrecentavatar {
        width: 25%;
        float: right !important
    }

        .topicrecentavatar a {
            width: 60px;
            height: 60px;
        }

    .buttons_forum {
        float: left;
        margin-top: 10px
    }

    .topicposts textarea {
        width: 100%;
        height: 200px
    }

    .pinicon {
        top: -11px
    }

    .submit-holder input {
        -webkit-appearance: none;
    }

    .createtopicholder textarea {
        width: 100%;
        height: 200px
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    .gallery_wrapper .gallery_cont ul li a.photo_h {
        height: auto;
    }
}

/* Mobile Portrait - Iphone etc */
@media screen and (min-width: 0px) and (max-width: 479px) {
    /*Login Nav */
    #login-nav {
        display: block
    }

    .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_header h2 {
        font-size: 13px;
        margin: 4px 0 0 3px;
    }

    .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_header h2 {
        margin: 5px 0 0 0px;
        font-size: 14px;
    }
    /* News/BonsPlan Readmore */
    .news_wrapper .news_cont .news_comments .enls ul li .enls_img .img_cont {
        width: 60px;
        height: 60px;
    }

    .news_wrapper .news_cont .news_top .news_tit h3 {
        font-size: 20px;
        line-height: inherit;
    }

    .news_wrapper .news_cont .join_conversation .button_comment {
        margin: 5px 0 15px 0
    }

        .news_wrapper .news_cont .join_conversation .button_comment input {
            -webkit-appearance: none;
        }

    .news_wrapper .news_cont .news_details {
        padding: 8%;
    }

    .news-feed-activities {
        left: 12px;
    }

    .news_wrapper .news_cont .bonsplan_top .news_image {
        width: 100%
    }

    .news_wrapper .news_cont .bonsplan_top .news_tit {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        margin-left: 0;
        margin-top: 10px;
    }

        .news_wrapper .news_cont .bonsplan_top .news_tit h3 {
            font-size: 23px;
            line-height: 26px
        }

    .bonsplan-feed-activities {
        position: relative;
        bottom: 0;
        right: 0
    }


    /* PhotosVideos */
    .gallery_wrapper .buttons_gallery a {
        min-width: 160px
    }

    .gallery_wrapper h3 {
        width: 100%
    }

    .gallery_wrapper .enls ul li .enls_img {
        width: 60px;
    }

        .gallery_wrapper .enls ul li .enls_img .img_cont {
            width: 60px;
            height: 60px;
        }

    .gallery_wrapper .enls ul li .enls_details {
        width: 70%;
    }

        .gallery_wrapper .enls ul li .enls_details .name .date {
            color: #666;
            font-size: 12px;
            font-weight: 400
        }

    .gallery_wrapper .join_conversation h2 {
        font-size: 20px;
        margin: 4% 0 -5px 2%;
    }

    .gallery_wrapper .join_conversation .button_comment {
        margin: 5px 0 15px 0
    }

        .gallery_wrapper .join_conversation .button_comment input {
            -webkit-appearance: none;
        }

    .gallery_wrapper .join_conversation input {
        -webkit-appearance: none;
    }
    /* PetiteAnnonces */
    .annonces_list ul li .image_news .image_container .zoom_img {
        display: none
    }

    .annonces_list ul li .news_wrap {
        padding: 4%;
    }

    .annonces_wrapper .annonces_cont .block_les_annonces form .button_comment input {
        -webkit-appearance: none;
    }
    /* Vacancies */
    .logo_vacancy {
        display: none
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies-head .vacancies-title {
        font-weight: 400;
        font-size: 20px;
        line-height: inherit;
        margin: 1px 0 0 0;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box {
        padding: 6%;
    }

        .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date .date {
            font-size: 12px;
        }
    /* Directory */
    .directory_wrapper .docs_cont .profile_wrapper {
        margin: 20px 0 0 0
    }

    .directory_wrapper .docs_cont .buttons {
        width: 100%;
    }

        .directory_wrapper .docs_cont .buttons .btn_contact {
            float: right;
            width: 100%;
            text-align: center;
        }

            .directory_wrapper .docs_cont .buttons .btn_contact a {
                float: none;
                display: inline-block;
                margin: 0 auto;
            }

        .directory_wrapper .docs_cont .buttons .btn_back {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 15px
        }

            .directory_wrapper .docs_cont .buttons .btn_back a {
                margin-left: 0
            }

    .directory_wrapper .docs_cont .profile_wrapper .employee_likes h5 {
        font-size: 18px;
    }
    /* Know More */
    .know_more_wrap .know_contacts .logo_know {
        width: 100%;
    }

    .know_more_wrap .know_contacts .contact_enl {
        width: 100%;
        margin-left: 0;
    }

    .know_more_wrap .know_contacts {
        padding: 0 10px 20px 6px;
    }

        .know_more_wrap .know_contacts .logo_know {
            margin-left: 20%;
        }
    /* Profile */
    .directory_wrapper .docs_cont .profile_wrapper .profile_details {
        margin: 0 0 100px 2%;
    }
    /* Birthday */
    .birthday_wrapper .birthday_cont .todays_birthday .date {
        font-size: 16px;
        width: 100%;
        float: left;
        position: relative;
        padding: 0 0 0 10px;
        top: 0;
    }

    .birthday_wrapper .birthday_cont .other_birthdays ul li {
        width: 80%;
        margin: 35px 0 0 10%;
    }
    /* Footer */
    footer .footer_inner {
        padding: 10px
    }
    /* Edit Profile */
    .submit_profile input[type="submit"] {
        -webkit-appearance: none;
    }
    /* Documents */
    .documents_wrapper .docs_cont .block_docsearch {
        width: 100%;
        padding: 2% 1% 8% 8%;
    }

        .documents_wrapper .docs_cont .block_docsearch .company_docs {
            margin: 15px 0 0 0;
        }
    /* Login PAge */
    .login_wrapper .login_block {
        width: 86%;
        padding: 1px 0 67px 0;
        margin: 35% auto 0;
    }

        .login_wrapper .login_block .editor-label label {
            font-size: 15px;
        }

        .login_wrapper .login_block .editor-label {
            margin: 15px auto 0;
        }

    .login_wrapper {
        height: 480px;
    }

    .album-feed-activities {
        margin: 10px 0 10px 0;
    }

    .latesttopicheading .forum-banner {
        display: none;
    }

    .latesttopicheading h3 {
        width: 100%;
    }

    .latesttopicheading {
        width: 100%;
    }

    .post .postinfo .postmemberavatar img {
        top: 39px;
        right: 8px;
        width: 50px;
    }

    .post .postcontent {
        padding: 10px 0;
        width: 80%;
    }

    .postcontent {
        font-size: 13px
    }

    .forum {
        margin-top: 60px;
        width: 98%;
    }

    #createpostbutton {
        -webkit-appearance: none;
        width: 100px !important
    }

    .categorytopics p {
        float: left;
    }

    .maincontent .topicrow .topicrowdetails {
        width: 100%;
        float: left;
    }

    .maincontent .topicrow .topicrecent {
        width: 100%;
        float: left;
        max-width: inherit;
    }

    .latesttext {
        width: 100%;
    }

    .latestcommenter {
        width: 100%;
    }

    .topicrecentavatar {
        width: 100%;
        float: right !important
    }

        .topicrecentavatar a {
            width: 60px;
            height: 60px;
        }

        .topicrecentavatar img {
            width: 60px;
            height: 60px;
        }

    .buttons_forum {
        float: left;
        margin-top: 10px
    }

    .topicposts textarea {
        width: 100%;
        height: 200px
    }

    .submit-holder input {
        -webkit-appearance: none;
    }

    .createtopicholder textarea {
        width: 100%;
        height: 200px
    }

    .blockpass {
        width: 90%;
        margin-left: 5%;
        float: left
    }

    .independancemob {
        display: block;
        margin-left: 37%;
    }

    .jioi-header-deco {
        display: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    /* Directory */
    .directory_wrapper .docs_cont .profile_wrapper {
        margin: 20px 0 0 0
    }

    .directory_wrapper .docs_cont .buttons .btn_contact {
        float: right;
        width: 100%;
        text-align: center;
    }

        .directory_wrapper .docs_cont .buttons .btn_contact a {
            float: none;
            display: inline-block;
            margin: 0 auto;
        }

    .directory_wrapper .docs_cont .buttons .btn_back {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 15px
    }

        .directory_wrapper .docs_cont .buttons .btn_back a {
            margin-left: 0
        }

    .directory_wrapper .docs_cont .buttons {
        width: 100%;
    }
    /* ENL PRiviledge */
    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_image {
        width: 100% !important;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details {
        width: 100%;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company {
        width: 100%;
        border: none;
        margin: 0;
    }

        .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company .logo_adv {
            margin: 0;
        }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage {
        display: none;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage {
        display: none;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails {
        display: none;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails {
        display: none;
    }

    /* Login PAge */
    .login_wrapper .login_block {
        width: 86%;
        padding: 1px 0 67px 0;
        margin: 23% auto 0;
    }

        .login_wrapper .login_block .editor-label label {
            font-size: 15px;
        }

        .login_wrapper .login_block .editor-label {
            margin: 15px auto 0;
        }

    .login_wrapper {
        height: 480px;
    }

    .latesttopicheading .forum-banner {
        display: none;
    }

    .latesttopicheading h3 {
        width: 100%;
    }

    .latesttopicheading {
        width: 100%;
    }

    .post .postinfo .postmemberavatar img {
        top: 39px;
        right: 8px;
        width: 50px;
    }

    .post .postcontent {
        padding: 10px 0;
        width: 80%;
    }

    .postcontent {
        font-size: 13px
    }

    .forum {
        margin-top: 60px;
        width: 98%;
    }

    #createpostbutton {
        -webkit-appearance: none;
    }

    .categorytopics p {
        float: left;
    }

    .topicposts textarea {
        width: 100%;
        height: 200px
    }

    .submit-holder input {
        -webkit-appearance: none;
    }

    .createtopicholder textarea {
        width: 100%;
        height: 200px
    }

    .independancemob {
        display: block;
        margin-left: 38%;
    }
}

@media screen and (min-width: 630px) and (max-width: 719px) {
    .independancemob {
        display: block;
        margin-left: 28%;
    }
}

@media screen and (max-width: 667px) {
    .gallery_wrapper .gallery_cont ul li a.photo_h {
        height: 155px;
    }
}
/* Mobile Landscape - Iphone etc */
@media screen and (min-width: 480px) and (max-width: 719px) {
    #login-nav {
        display: block
    }

    header .header_inner .header_cont .header_right .login {
        display: none;
    }
    /* News/BonsPlan Readmore */
    .news_wrapper .news_cont .news_comments .enls ul li .enls_img .img_cont {
        width: 60px;
        height: 60px;
    }

    .news_wrapper .news_cont .news_top .news_tit h3 {
        font-size: 20px;
        line-height: inherit;
    }

    .news_wrapper .news_cont .join_conversation .button_comment input {
        -webkit-appearance: none;
    }

    .news-feed-activities {
        left: 12px;
    }

    .news_wrapper .news_cont .bonsplan_top .news_image {
        width: 100%
    }

    .news_wrapper .news_cont .bonsplan_top .news_tit {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        margin-left: 0;
        margin-top: 10px;
    }

        .news_wrapper .news_cont .bonsplan_top .news_tit h3 {
            font-size: 23px;
            line-height: 26px
        }

    .bonsplan-feed-activities {
        position: relative;
        bottom: 0;
        right: 0
    }

    /* PhotosVideos */
    .gallery_wrapper h3 {
        width: 100%
    }

    .gallery_wrapper .join_conversation .button_comment {
        margin: 5px 0 15px 0
    }

        .gallery_wrapper .join_conversation .button_comment input {
            -webkit-appearance: none;
        }

    .gallery_wrapper .join_conversation input {
        -webkit-appearance: none;
    }

    /* PetiteAnnonces */
    .annonces_list ul li .image_news .image_container .zoom_img {
        display: none
    }

    .annonces_list ul li .news_wrap {
        padding: 4%;
    }

    .annonces_wrapper .annonces_cont .block_les_annonces form .button_comment input {
        -webkit-appearance: none;
    }
    /* Vacancies */
    .logo_vacancy {
        display: none
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies-head .vacancies-title {
        font-weight: 400;
        font-size: 20px;
        line-height: inherit;
        margin: 1px 0 0 0;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box {
        padding: 6%;
    }

        .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date .date {
            font-size: 12px;
        }
    /* Profile */
    .directory_wrapper .docs_cont .profile_wrapper .profile_details {
        margin: 0 0 20px 0;
    }
    /* Footer */
    footer .footer_inner {
        padding: 10px
    }
    /* Edit Profile */
    .submit_profile input[type="submit"] {
        -webkit-appearance: none;
    }
    /* ENL Priviledge */
    .avantages_cont .avantages .filter_results ul li .adv_image {
        width: 30% !important;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company {
        width: 18%;
        border: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails {
        display: none
    }

    .login_wrapper {
        height: 480px;
    }

    /* PhotosVideos */
    .gallery_wrapper .gallery_cont ul li {
        width: 32.333%;
    }
    /* Forum */
    .latesttopicheading .forum-banner {
        display: none;
    }

    .latesttopicheading h3 {
        width: 100%;
    }

    .latesttopicheading {
        width: 100%;
    }

    .post .postinfo .postmemberavatar img {
        top: 39px;
        right: 8px;
        width: 50px;
    }

    .post .postcontent {
        padding: 10px 0;
        width: 80%;
    }

    .postcontent {
        font-size: 13px
    }

    .forum {
        margin-top: 60px;
        width: 98%;
    }

    #createpostbutton {
        -webkit-appearance: none;
        width: 100px !important
    }

    .categorytopics p {
        float: left;
    }

    .maincontent .topicrow .topicrowdetails {
        width: 80%;
        float: left;
    }

    .maincontent .topicrow .topicrecent {
        width: 16%;
        float: left;
        max-width: inherit;
    }

    .latesttext {
        width: 100%;
    }

    .latestcommenter {
        width: 100%;
    }

    .topicrecentavatar {
        width: 100%;
        float: right !important
    }

        .topicrecentavatar a {
            width: 60px;
            height: 60px;
        }

        .topicrecentavatar img {
            width: 60px;
            height: 60px;
        }

    .buttons_forum {
        float: left;
        margin-top: 10px
    }

    .submit-holder input {
        -webkit-appearance: none;
    }

    .blockpass {
        width: 90%;
        margin-left: 11%;
        /* float: left; */
        max-width: 500px;
        margin: 0 auto;
        float: none;
    }
}
/* Ipad Landscape etc */
@media screen and (min-width: 720px) and (max-width: 979px) {
    .independancemob {
        display: block;
        margin-left: 25%;
    }
    /* News/BonsPlan Readmore */
    .news_wrapper .news_cont .news_comments .enls ul li .enls_img .img_cont {
        width: 70px;
        height: 70px;
    }

    .news_wrapper .news_cont .bonsplan_top .news_image {
        width: 46%
    }

    .news_wrapper .news_cont .bonsplan_top .news_tit {
        width: 50%;
    }

        .news_wrapper .news_cont .bonsplan_top .news_tit h3 {
            font-size: 23px;
            line-height: 26px
        }

    .bonsplan-feed-activities {
        bottom: 0
    }

    /* News/BonsPlan lsiting */
    .news_list ul li {
        padding: 15px 0 15px 0;
    }

    .news_wrapper .news_cont .join_conversation .button_comment input {
        -webkit-appearance: none;
    }
    /* PhotosVideos */
    .gallery_wrapper h3 {
        width: 100%
    }

    .gallery_wrapper .gallery_cont ul li {
        width: 31.3333%;
    }

    .gallery_wrapper .gallery_cont ul li {
        margin: 1% 1% 0 1%;
    }

    .gallery_wrapper .join_conversation .button_comment input {
        -webkit-appearance: none;
    }

    .gallery_wrapper .join_conversation input {
        -webkit-appearance: none;
    }
    /* Directory */
    .directory_wrapper .docs_cont .profile_wrapper {
        margin: 20px 0 0 0
    }
    /* Footer */
    footer .footer_inner {
        padding: 10px
    }
    /* Edit Profile */
    .submit_profile input[type="submit"] {
        -webkit-appearance: none;
    }
    /* Vacancies */
    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies-head .vacancies-title {
        margin: 1px 0 40px 0;
    }
    /* Documents */
    .documents_wrapper .docs_cont .block_docsearch a {
        padding: 15px 0 0 0;
    }

    .documents_wrapper .docs_cont .block_docsearch .btn_ok {
        width: 100%;
        margin: 20px 0 0 0;
    }
    /* Directory */
    .directory_wrapper .docs_cont .block_docsearch .btn_ok input {
        -webkit-appearance: none;
    }

    .directory_wrapper .docs_cont .block_docsearch .group_docs input {
        padding: 10px 10px;
    }
    /* ENL Priviledge */
    .avantages_cont .avantages .filter_results ul li .adv_image {
        width: 30% !important;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company {
        width: 18%;
        border: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails {
        display: none
    }
    /* Forum */
    .latesttopicheading .forum-banner {
        display: none;
    }

    .latesttopicheading h3 {
        width: 100%;
        font-size: 18px;
    }

    .latesttopicheading {
        width: 100%;
    }

    #createpostbutton {
        -webkit-appearance: none;
    }

    .forum {
        width: 98%;
    }

    .post .postcontent {
        padding: 10px 0;
        width: 87%;
        font-size: 14px
    }

    .submit-holder input {
        -webkit-appearance: none;
    }
}

@media screen and (min-width: 720px) and (max-width: 768px) {
    .blockpass {
        width: 90%;
        margin-left: 11%;
        /* float: left; */
        max-width: 500px;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .blockpass {
        width: 51%;
        margin-left: 2%;
        float: left;
        max-width: 500px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    /* ENL Priviledge */
    .avantages_cont .avantages .filter_results ul li .adv_image {
        width: 30% !important;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company {
        width: 18%;
        border: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails {
        display: none
    }

    .independance {
        margin-left: 19%;
    }
}

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

    .gallery_wrapper .gallery_cont ul li a.photo_h {
        height: 160px;
    }
}




@media screen and (max-width: 1400px) {
    .main .main_cont .main_inner .navigation nav .nav_secondary ul li .text_cont {
        width: 78%;
    }

    .main .main_cont .main_inner .navigation.fixed nav {
        position: fixed;
        top: 90px;
        left: 1%;
        z-index: 2;
        width: 18%
    }

    .main .main_cont .main_inner .navigation nav .nav_top ul li a {
        padding: 7px 0;
        font-size: 18px;
    }

    .main .main_cont .main_inner .navigation nav .nav_secondary ul li {
        padding: 7px 0;
    }
    /*.main .main_cont:before { display: none; }*/

}

@media only screen and (max-width : 1280px) {
    .main .main_cont .main_inner .navigation.fixed nav {
        position: fixed;
        top: 90px;
        left: 1%;
        z-index: 2;
        width: 20%
    }

    .directory_wrapper .docs_cont .block_docsearch .company_docs {
        width: 33%;
    }

    .directory_wrapper .docs_cont .block_docsearch .group_docs {
        width: 33%;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .name {
        font-size: 15px;
        line-height: 20px;
    }

    .gallery_wrapper h3 {
        font-size: 24px;
    }

    .gallery_wrapper .buttons_gallery a {
        font-size: 22px;
        padding: 10px 10px;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image {
        margin: 0 1% 0 6%;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details {
        width: 52%;
    }

        .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .company {
            font-size: 13px;
        }

        .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a {
            font-size: 11px;
        }
}

@media only screen and (max-width : 1200px) {
    .main .main_cont .main_inner .navigation nav .nav_secondary ul li .text_cont {
        width: 78%;
    }

    .main .main_cont .main_inner .feed h3 {
        font-size: 20px !important;
    }

    .gallery_wrapper .gallery_cont ul li span {
        font-size: 13px;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image {
        width: 100px;
        margin: 0 2%;
        float: left;
    }

        .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont {
            width: 100px;
            height: 100px;
            float: left;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
        }

            .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont img {
                width: 100px;
                height: auto;
            }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details {
        width: 55%;
        float: left;
    }

    .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details .name a {
        font-size: 14px;
    }

    .news_wrapper .news_cont .news_top .news_tit h3 {
        font-size: 21px;
        line-height: 24px;
    }
}

@media only screen and (max-width : 1024px) {
    .news_wrapper .news_cont .news_top .news_image {
        width: 45%;
    }

    .news_wrapper .news_cont .news_top .news_tit {
        width: 53%
    }

    .birthday_wrapper .birthday_cont .todays_birthday ul li {
        width: 32%;
    }

    .avantages_wrapper .avantages_cont .block_avantages_enl {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width : 980px) and (max-width : 1024px) {

    /* News/BonsPlan Readmore */
    .news_wrapper .news_cont .news_comments .enls ul li .enls_img .img_cont {
        width: 70px;
        height: 70px;
    }

    .news_wrapper .news_cont .join_conversation .button_comment input {
        -webkit-appearance: none;
    }
    /* PhotosVideos */
    .gallery_wrapper .join_conversation .button_comment input {
        -webkit-appearance: none;
    }

    .gallery_wrapper .join_conversation input {
        -webkit-appearance: none;
    }

    .gallery_wrapper .gallery_cont ul li a.photo_h {
        height: 160px;
    }

    .gallery_wrapper .gallery_cont ul li span {
        font-size: 11px;
        line-height: inherit
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul li {
        width: 32%;
    }

    .main .main_cont .main_inner .navigation nav .nav_secondary ul li .text_cont {
        width: 70%;
    }

    .showresults {
        top: 255px;
    }

    .login_wrapper .login_block input[type="submit"] {
        -webkit-appearance: none;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdays_today {
        font-size: 20px;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .b_sep {
        font-size: 17px;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdate {
        font-size: 18px;
    }

    .bx-wrapper .bx-prev {
        left: -22px;
    }

    .bx-wrapper .bx-next {
        right: -22px;
    }

    .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_img {
        width: 67%;
    }
    /* Edit Profile */
    .submit_profile input[type="submit"] {
        -webkit-appearance: none;
    }

    .documents_wrapper .docs_cont .block_docsearch .group_docs select {
        -webkit-appearance: none;
    }
    /* Directory */
    .directory_wrapper .docs_cont .block_docsearch .company_docs select {
        -webkit-appearance: none;
    }

    .directory_wrapper .docs_cont .block_docsearch .btn_ok input {
        -webkit-appearance: none;
    }

    .directory_wrapper .docs_cont .block_docsearch .group_docs input {
        padding: 10px 10px;
    }

    /* ENL Priviledge */
    .avantages_cont .avantages .filter_results ul li .adv_image {
        width: 30% !important;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company {
        width: 18%;
        border: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails {
        display: none
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails {
        display: none
    }
    /* Forum */
    .latesttopicheading h3 {
        font-size: 15px;
    }

    #createpostbutton {
        -webkit-appearance: none;
    }

    .post .postcontent {
        padding: 10px 0;
        width: 87%;
        font-size: 14px
    }

    .submit-holder input {
        -webkit-appearance: none;
    }

    .independance {
        margin-left: 25%;
    }

    .logojioifix {
        display: none;
    }

    .lunchbox .title {
        font-size: 20px;
    }

    .lunchbox .menuname {
        width: 65%;
    }
}

@media only screen and (min-width : 768px) and (max-width : 979px) {
}


@media only screen and (max-width : 980px) {
    header .header_inner .header_cont { /*	background:url("/images/paquesmobile.png") 60px  bottom no-repeat!important;*/
    }

    .main .main_cont .main_inner .navigation {
        display: none;
    }

    .main .main_cont .main_inner .feed {
        width: 51%;
        margin: 0 0 0 1%;
    }

    .main .main_cont .main_inner .events {
        width: 43%;
    }

    #mobile-nav {
        display: block;
    }

    header .header_inner .header_cont .header_right {
        margin-right: 60px;
    }

    header .header_inner .header_cont {
        height: 60px;
        background: #fff !important;
    }

    .news_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
    }

    .documents_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .directory_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .birthday_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .gallery_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .vacancies_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .avantages_wrapper {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .know_more_wrap {
        width: 98%;
        margin: 0 0 0 2%;
        float: left;
    }

    .news_wrapper .news_cont .news_details p {
        font-size: 16px;
        line-height: 24px;
    }

    .annonces_wrapper .annonces_cont .block_les_annonces p {
        font-size: 16px;
        line-height: 22px;
    }

    .birthday_wrapper .birthday_cont .todays_birthday h3, .birthday_wrapper .birthday_cont .other_birthdays h3 {
        font-size: 26px
    }

    .birthday_wrapper .birthday_cont .todays_birthday .date {
        font-size: 16px;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image {
        width: 95px;
    }

        .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont {
            width: 90px;
            height: 90px;
        }

            .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont img {
                width: 90px;
            }

    .news_list ul li .text_news .continue_read {
        position: static;
        float: right;
    }

        .news_list ul li .text_news .continue_read .date {
            padding-left: 0;
        }

    .news_list ul li .text_news h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        margin: 2px 0 7px 0;
    }

    .news_list ul li .text_news p {
        font-size: 15px;
        line-height: 18px;
    }

    .news_wrapper .news_cont .news_top .news_tit h3 {
        font-weight: 500;
        font-size: 22px;
        line-height: 25px;
    }

    .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes {
        padding-right: 10px;
    }

    .news_wrapper .news_cont .news_top .news_tit .date {
        font-size: 12px;
        line-height: 14px;
    }

    .gallery_wrapper .buttons_gallery a {
        font-size: 18px;
        line-height: 22px;
        padding: 5px 8px;
        margin: 10px 15px 10px 0;
        float: left;
    }

    .gallery_wrapper h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul li {
        width: 32%;
    }

    .vacancies_wrapper .vacancies_cont h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_link {
        width: 100%;
        float: left;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date {
        width: 100%;
        margin-bottom: 15px;
    }

    .latesttopicheading {
        width: 80%;
        float: left;
        margin-left: 4%;
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_details .name {
        font-size: 14px;
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_details .post {
        font-size: 13px;
    }

    .know_more_wrap .right_tab .tab_top ul li span {
        font-size: 28px;
        line-height: 30px;
    }

    .know_more_wrap .right_tab .tab_top ul {
        margin-top: 10px;
    }

    .showresults {
        left: 3%;
        top: 260px;
    }

    .edit_profile .block_form_details .form_wrap .editor-field input[type="text"] {
        font-size: 14px;
    }

    .documents_wrapper .docs_cont .latest_docs h3 {
        font-size: 25px;
    }

    .gallery_wrapper .banner_photos {
        display: none;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdays_today {
        font-size: 20px;
    }

    header .header_inner .header_cont .header_right .login {
        margin-right: 15px;
    }
}

@media only screen and (max-width : 768px) {
    header .header_inner .header_cont .header_right .search_container {
        display: none;
    }

    header .header_inner .header_cont .header_right {
        width: auto;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdays_today {
        font-size: 20px;
    }

    .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdate {
        font-size: 16px;
    }

    .birthday_wrapper .birthday_cont .todays_birthday ul li {
        width: 32%;
    }

    .birthday_wrapper .birthday_cont .other_birthdays ul li {
        width: 32%;
    }

    .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details {
        width: 58%;
    }

    .documents_wrapper .docs_cont .block_docsearch .company_docs label {
        font-size: 20px;
    }

    .documents_wrapper .docs_cont .block_docsearch .group_docs label {
        font-size: 20px;
    }

    .categories-box ul li a {
        font-size: 14px;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details p {
        font-size: 14px;
        line-height: 17px;
    }

    .main .main_cont .main_inner .events {
        display: block;
        width: 90% !important;
        max-width: 500px;
        margin: 0 auto;
        float: none;
    }

        .main .main_cont .main_inner .events .events_wrap {
            display: none;
        }

    .main .main_cont .main_inner .feed {
        width: 90%;
        float: none;
        margin: 0 auto;
        max-width: 500px;
    }

    .directory_wrapper .docs_cont .services_results .block_results ul li {
        width: 48%;
        margin: 15px 1% 10px 1%;
    }

    .showresults {
        left: 7%;
        top: 290px;
    }

    .vacancies_wrapper .vacancies_cont h3 {
        font-size: 16px;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date .company {
        font-size: 13px;
        line-height: 17px;
    }

    .documents_wrapper .docs_cont .block_docsearch .company_docs {
        width: 40%;
    }

    .documents_wrapper .docs_cont .block_docsearch .group_docs {
        width: 40%;
    }

    .documents_wrapper .docs_cont .block_docsearch .btn_ok {
        width: 98%;
        margin: 20px 0 0 0;
    }

    .documents_wrapper .docs_cont .block_docsearch a {
        padding: 15px 0 0 0;
    }

    .directory_wrapper .docs_cont .block_docsearch .company_docs {
        width: 45%;
    }

    .directory_wrapper .docs_cont .block_docsearch .group_docs {
        width: 45%;
    }

    .directory_wrapper .docs_cont .block_docsearch .btn_ok {
        width: 98%;
        margin: 20px 0 0 0;
    }

    .annonces_wrapper .annonces_cont .block_les_annonces p {
        width: 100%;
        float: left;
    }

        .annonces_wrapper .annonces_cont .block_les_annonces p a {
            float: right;
            margin: 50px 0 0 2%;
        }
}

@media only screen and (max-width : 640px) {
    .main .main_cont .main_inner .feed {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .birthday_wrapper .birthday_cont .todays_birthday ul li {
        width: 48%;
    }

    .birthday_wrapper .birthday_cont .other_birthdays ul li {
        width: 48%;
    }

    .news_list ul li .text_news h3 {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin: 2px 0 5px 0;
    }

    .news_list ul li .text_news p {
        font-size: 14px;
        line-height: 18px;
    }

    .news_wrapper .news_cont .news_top .news_image {
        width: 98%;
        float: left;
        margin: 2px 0 15px 0;
        margin-left: 2%;
    }

    .news_wrapper .news_cont .news_top .news_tit {
        position: static;
        width: 96%;
        float: left;
        padding-bottom: 60px;
    }

    .gallery_wrapper h2 {
        font-size: 27px;
        line-height: 35px;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_link a {
        font-size: 13px;
    }

    .maincontent .col-sm-4 {
        width: 98%;
        float: left;
        margin-top: 25px;
    }

    .maincontent .col-sm-8 {
        width: 98%;
        float: left;
        border: none;
        padding: 0;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details p {
        font-size: 13px;
        line-height: 16px;
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul li {
        width: 48%;
    }

    .directory_wrapper .docs_cont .block_docsearch .company_docs {
        width: 96%;
        float: left;
        max-width: 325px;
        margin: 15px 0 0 5px;
    }

    .directory_wrapper .docs_cont .block_docsearch .group_docs {
        width: 96%;
        float: left;
        max-width: 325px;
        margin: 15px 0 0 5px;
    }

    .directory_wrapper .docs_cont .block_docsearch .btn_ok {
        width: 96%;
        float: left;
        margin: 15px 0 0 5px;
    }

        .directory_wrapper .docs_cont .block_docsearch .btn_ok input {
            padding: 3px 20px;
            -webkit-appearance: none;
        }

    .gallery_wrapper .gallery_cont ul li {
        width: 48%;
    }

    .directory_wrapper .docs_cont .block_docsearch a {
        margin: 3px 0 0 10px;
    }

    .know_more_wrap .left_cont {
        width: 96%;
        margin: 0 0 0 2%;
    }

    .know_more_wrap .right_tab {
        width: 96%;
        margin: 30px 0 0 2%;
    }

    .showresults {
        top: 381px;
    }

    .avantages_wrapper .avantages_cont .block_avantages_enl .card_advantage {
        position: static;
        width: 98%;
        float: left;
    }

    .avantages_wrapper .avantages_cont .block_avantages_enl .desc_advantage {
        width: 98%;
        margin: 15px 0 0 0;
    }

    .avantages_wrapper .avantages_cont .block_avantages_enl .card_advantage img {
        max-width: 400px;
    }

    .documents_wrapper .docs_cont .block_docsearch .company_docs {
        width: 90%;
    }

    .documents_wrapper .docs_cont .block_docsearch .group_docs {
        width: 90%;
    }

    .documents_wrapper .docs_cont .block_docsearch .btn_ok {
        margin: 7px 0 0 2%;
        width: 90%;
    }

    .docs_or {
        margin: 15px 0 0 0;
        width: 90%;
        text-align: left;
    }

    .directory_wrapper .docs_cont .profile_wrapper .profile_details {
        width: 98%;
        margin: 0 0 20px 2%;
        min-height: inherit;
    }

    .directory_wrapper .docs_cont .profile_wrapper .profile_image {
        width: 98%;
    }

    .mnav li a {
        padding: 6px 0;
    }

    .documents_wrapper .docs_cont .block_docsearch a {
        padding: 15px 0 0 0;
    }

    .bon_plans_banner .banner_image {
        display: none;
    }

    .bon_plans_banner .titre {
        width: 100%;
        margin-bottom: 40px;
    }

    .news_list ul li {
        padding: 15px 0;
    }

    .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .like_link button {
        margin: 5px 11px 0 14px;
    }

    .documents_wrapper .docs_cont .latest_docs h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width : 480px) {
    .birthday_wrapper .birthday_cont .todays_birthday ul li {
        width: 80%;
        margin: 35px 0 0 15%;
    }

    .birthday_wrapper .birthday_cont .other_birthdays ul li {
        width: 80%;
        margin: 35px 0 0 15%;
    }

    .news_list ul li .image_news {
        width: 96%;
        float: left;
        margin: 2px 0 15px 0;
        margin-left: 2%;
    }

    .news_list ul li .text_news {
        width: 96%;
    }

        .news_list ul li .text_news .continue_read {
            width: 96%;
            float: left;
        }

    .gallery_wrapper .gallery_cont ul li {
        width: 48%;
    }

    .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date .company {
        font-size: 13px;
    }

    header .header_inner .header_cont .header_right .login {
        display: none;
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_img {
        width: 120px;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_image {
        width: 98%;
        max-width: 450px;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details {
        width: 98%;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company {
        width: 98%;
        border: none;
        margin: 0;
    }

        .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company .logo_adv {
            margin: 0;
        }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage {
        display: none;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage {
        display: none;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails {
        display: none;
    }

    .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails {
        display: none;
    }

    .directory_wrapper .docs_cont .services_results .block_results ul li {
        width: 96%;
    }

        .directory_wrapper .docs_cont .services_results .block_results ul li .services_details {
            min-height: inherit;
            padding-bottom: 40px;
        }

    .edit_profile .block_form_details {
        width: 98%;
        margin-left: 2%;
    }

    .edit_profile .block_image {
        width: 98%;
    }

    .directory_wrapper .docs_cont .directory_results .block_results ul {
        padding-left: 0
    }

        .directory_wrapper .docs_cont .directory_results .block_results ul li {
            width: 90%;
            margin-left: 5%
        }

    .annonces_list ul li .image_news {
        width: 98%;
        margin: 15px 0 0 2%;
        max-width: 250px;
    }

    .annonces_list ul li .text_news {
        width: 98%;
    }

    .published_by {
        position: static;
        width: 100%;
        float: left;
        margin: 15px 0 15px 2%;
    }

    .showresults {
        top: 365px;
    }

    .annonces_wrapper .annonces_cont .block_les_annonces p a {
        float: left;
    }
}

@media only screen and (max-width : 320px) {
    .birthday_wrapper .birthday_cont .todays_birthday ul li {
        width: 98%;
        margin: 35px 0 0 2%;
    }

    .birthday_wrapper .birthday_cont .other_birthdays ul li {
        width: 98%;
        margin: 35px 0 0 2%;
    }

    .gallery_wrapper .gallery_cont ul li {
        width: 48%;
    }

    .gallery_wrapper .banner_photos {
        display: none;
    }

    .showresults {
        top: 355px;
    }
}
/* DEFAULT LOGO*/
@media screen and (min-width: 0px) and (max-width: 719px) {
    .flag2017 {
        left: inherit;
        right: 144px
    }

    .logo {
        left: 17px
    }
}

@media screen and (min-width: 0px) and (max-width: 979px) {
    .kung-hei {
        width: 148px;
        height: 52px;
        background: url('../images/deco/mobile/kung-hei-mobile.png') no-repeat;
        left: inherit;
        right: 26%
    }
}

@media screen and (min-width:980px) and (max-width:1280px) {
    .kung-hei {
        width: 40%;
    }
}

/* UGADI 2016 
@media screen and (min-width: 0px) and (max-width: 980px) {
	.logo { width:144px; height:57px; background: url('../images/deco/mobile/ugadi-2016-mobile.png') no-repeat; display:block; top:0; left:18px}
}
*/

/* DIVALI 2016 */
@media screen and (min-width: 0px) and (max-width: 981px) {
    /*header::after { display:none;}
	header { background:#fff}
	header .header_inner .header_cont{ background:none; background-image: url(../images/deco/chinese-pattern-2019.gif);
    background-color: #AF002D;}
	.logo { width:140px; height:16px; width:250px; height:50px; background: url('../images/pak/easter2018-header-mobile.png') no-repeat;
	display:block; top:10px; left:18px; background-size:cover}
	
	.logo {      background: url(../images/mobile/logo_enlconnect.png) no-repeat!important;    left: 11px !important;    top: 20px!important; }
	.logo::after {  content:none;}
	.jioi-header-deco {
    top: 10px!important;
		left: 162px!important;}*/
    .txtcenterjioi {
        display: none;
    }

    .quiz ul li label {
        padding: 2px 3% 2% 14% !important;
    }

    .quiz .question span.num {
        float: left;
        width: 5%;
    }

    .quiz .question span.ques {
        float: left;
        width: 94%;
    }
}

@media screen and (min-width: 0px) and (max-width: 719px) {

    .logo {
        width: 154px;
        height: 18px;
        background: url(../images/logo-enl-connect-2018.png) no-repeat !important;
        position: absolute;
        top: 24px;
        left: 12px;
        background-size: cover;
    }

    header .covidimg2 {
        display: none
    }

    header .covidimg1 {
        left: 34%;
        width: 175px;
        height: 48px;
    }
}

@media screen and (min-width: 0px) and (max-width: 980px) {
    .xmas-mobile {
        display: block !important
    }
}

@media screen and (min-width: 0px) and (max-width: 980px) {
    .deco-eid {
        width: 40px;
        height: 41px;
        ;
        background: url('../images/EID-mobile.png') no-repeat;
        display: block;
        margin-left: 0;
        left: 51px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
}