/********************************* MAX 1200 */

@media screen and (max-width: 1200px) {
    #topbar .searchaddress span {

    }

    #topbar .searchaddress a.ico-search {

    }

    #topbar .searchaddress input#autocomplete {
        margin-top: 1px;
    }

    #topbar li:first-child a {
        height: 15px;
    }

    #topbar .searchaddress span.ico-search {
        background: transparent url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/icons/ico-trouver-adresse-44-55.png) left no-repeat;
        padding-left: 34px;
        padding-bottom: 6px;
        padding-top: 7px;
        background-size: 30px;
    }

    #topbar a.btn-statistique {
        margin-top: -2px;
    }
}

/********************************* MAX 1024 */

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

    #topbar .advancedsearch {
        padding-top: 7px;
        margin-right: 4px;
    }

    #topbar .searchaddress input#autocomplete {
        padding: 1px 7px;
        width: 155px;
    }

    #topbar .searchaddress {
        padding-top: 7px;
        margin-right: 4px;
    }

}

/********************************* MAX 860 */

@media screen and (max-width: 860px) {
    #header h2.h2_short_header a {
        left: 220px;
    }
    .sociallinks  .linkedin-share-button{
        display:none;
    }
}

/********************************* MAX 768 */

@media screen and (max-width: 768px) {
    .add_text_image {
        font-size: 8px;
    }

    div.hide_gplus_mobile {
        display: none !important;
    }

    .call-popup-header-small {
        min-width: 85px !important;
    }

    #topbar li {
        padding: 9px 4px 8px;
    }
}

/********************************* MIN 768 */

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

    .mobile_tablet #sidebar {
        left: 0 !important;
    }

}

/********************************* MAX 767 */

@media screen and (max-width: 767px) {

    .add_text_l_image, .add_text_image {
        font-size: 8px;
        top: 40%;
    }

    #header {
        height: 83px;
    }

    #phases_header_tab ul {
        padding-left: 0;
    }

    #phases_header_tab ul li a {
        font-size: 10px;
    }

    /* .mobile_tablet .find_adress_txt { */
    .mobile_tablet .do-advsearch {
        display: none;
    }

    /*body.short_header #phases_header_tab {
      top: 92px !important;
    }*/
    .mobile_tablet #popin-edit-suggestion .popin-cont form, .mobile_tablet #popin-add-suggestion .popin-cont form,
    .mobile_tablet #popin-edit-suggestion .popin-cont form fieldset, .mobile_tablet #popin-add-suggestion .popin-cont form fieldset {
        height: 100%;
    }

    .mobile_tablet ul.photos a.lnk-Commerter {
        position: relative;
    }

    .mobile_tablet ul.photos a.lnk-Commenter:before {
        /*content: "Pour ajouter une image: commenter ou éditer";*/
        position: absolute;
        font-weight: 700;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        width: 85%;
        background-color: #fff;
        text-align: center;
        padding: 6px 3px;
        color: #000;
        font-size: 14px;
    }

    .mobile_tablet #popin-add-suggestion .popin-cont {
        overflow: auto;
    }

    .mobile_tablet #popin-add-suggestion form p.btnsubmit {
        width: 100%;
    }

    .mobile_tablet .popin-cont .listcomment li:first-child {
        padding-top: 12px;
    }

    .mobile_tablet #popin-flag-image-zoom .popin-flag-image-zoom-title {
        padding-left: 10px !important;
    }

    body.short_header.mobile_tablet #main {
        top: 88px;
    }

    .mobile_tablet #topbar .searchaddress {
        padding-top: 9px;
    }

    .mobile_tablet .popin .listtype {
        position: fixed;
        width: 100%;
        bottom: 0;
    }

    .mobile_tablet .popin {
        bottom: 0px;
    }

    .mobile_tablet .popin .conent-scroll {
        height: 100%;
        overflow: auto;
        /*max-height: 120px;*/
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .conent-scroll {
        max-height: 120px;
        padding: 5px 4px 0 0;
    }

    .mobile_tablet #popin-flag-menu-large .popinssm .conent-scroll {
        height: auto;
    }

    .mobile_tablet .popin .conent-scroll .cont-inner {
        overflow: auto;
    }

    .mobile_tablet #sidebar .themes {
        padding: 10px 0 10px 15px;
    }

    #popin-edit-theme h1, .mobile_tablet #popin-credit > h1, .mobile_tablet #popin-mentions-legales > h1, .mobile_tablet #login_again h1 {
        padding-left: 10px;
    }

    .mobile_tablet #popin-credit .btn-close, .mobile_tablet #popin-mentions-legales .btn-close {
        right: 8px;
    }

    .mobile_tablet #popin-derniers-ajouts h1 {
        padding-left: 10px;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .nav-button .nav-popup h4 {
        text-shadow: none;
    }

    #popin-credit, #popin-mentions-legales {
        z-index: 201 !important;
    }

    .mobile_tablet .new_flag_notification {
        position: absolute;
        width: 90%;
        right: 1px;
        padding: 5px 1%;
       /* max-width: 285px;*/
        bottom: 0;
    }

    .mobile_tablet .new_flag_notification .title {
        padding-bottom: 5px;
    }

    .mobile_tablet .new_flag_notification .content {
        padding: 0;
    }

    /*	.conent-scroll .content-scroll-inner, .conent-scroll .cont-inner {
		height: 100%;
	}*/
    .mobile_tablet .popinssm .cont-inner, .mobile_tablet .cont-inner {
        margin-right: 0 !important;
    }

    .mobile_tablet .listcomment li span.btn-comment-fu {
        left: 85%;
    }

    .mobile_tablet #popin-statistiques .popin-cont {
        padding-left: 5px;
        padding-right: 0;
    }

    .mobile_tablet #cont-ajax-loader .inner {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .mobile_tablet #sidebarin {
        padding: 90px 0 0;
    }

    .mobile_tablet .visible-xs {
        display: inline-block !important;
    }

    .mobile_tablet #header #secondpart p, .hidden-xs {
        display: none;
    }

    .mobile_tablet #secondpart li {
        background: none;
    }

    .mobile_tablet #secondpart .loged-icon li a {
        background: url('https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/user-sprites.jpg') no-repeat 0 0;
        text-indent: -999px;
        width: 32px;
        height: 32px;
        overflow: hidden;
        padding: 0;
        margin: 0 2px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .mobile_tablet #secondpart li:last-child a {
        background-position: -33px 0;
        width: 30px;
    }

    .mobile_tablet #sidebar {
        left: -217px;
        z-index: 5;
    }

    .mobile_tablet #main, #topbar ul {
        padding-left: 0 !important;
    }

    .mobile_tablet .linklogo, #firstpart h1, .linklogo img {
        height: 97%;
        text-align: left;
        padding: 0;
        width: 100%;
    }

    .mobile_tablet .ajouter .btnsubmit {
        margin: 0 -6px;
        padding: 14px 2% !important
    }

    .mobile_tablet #firstpart {
        height: 43px;
        max-width: 121px;
    }

    .mobile_tablet .call-popup-header {
        min-width: 127px;
    }

    .mobile_tablet #topbar .search-dropdown {
        border-right: none;
    }

    .mobile_tablet #topbar .searchaddress {
        padding-bottom: 5px;
    }

    .nav-button .nav-popup footer {
        padding: 17px 15px;
    }

    .mobile_tablet #secondpart ul.login-icon li.login-facebook a {
        margin: 0 4px !important;
    }

    body.short_header.mobile_tablet #header h2 {
        padding-top: 5px;
        font-size: 18px;
        text-align: center !important;
        left: 115px !important;
        width: 50%;
        line-height: 1.8;
        color: #FE0303;
    }

    .mobile_tablet #secondpart {
        background-position: 10% 100%;
        width: 26%;
        display: table;
    }

    body.short_header.mobile_tablet #secondpart {
        padding: 0 !important;
        background-position: -12px 0;
        height: 43px !important;
    }

    .mobile_tablet #secondpart > a {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 6px;
        line-height: 1;
    }

    .mobile_tablet #secondpart .loged-icon {
        display: table-cell;
        vertical-align: middle;
    }

    .mobile_tablet div#secondpart strong {
        font-size: 13px;
    }

    .mobile_tablet #secondpart li {
        line-height: 1.5;
    }

    /*navicon-help-icon*/
    .mobile_tablet .nav-button {
        position: absolute;
        top: 100px;
        right: -48px;
        display: block;
    }

    .mobile_tablet .nav-button .navi-btn {
        display: block;
        margin-bottom: 10px;
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-nav.png");
        background-size: 100% 100%;
        border: none;
        background-position: left top;
        background-repeat: no-repeat;
        width: 41px;
        height: 40px;
        border: 1px solid #77787A;
        border-radius: 4px;
    }

    .mobile_tablet .nav-button .help-btn {
        display: block;
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-help.png");
        background-size: 100% 100%;
        border: none;
        background-position: left top;
        background-repeat: no-repeat;
        width: 41px;
        height: 40px;
        border: 1px solid #77787A;
        border-radius: 4px;
    }

    .mobile_tablet .nav-button .nav-popup {
        position: absolute;
        top: 0;
        left: 55px;
        width: 217px;
        display: none;
    }

    .mobile_tablet .popin-xl {
        width: 100%;
    }

    .mobile_tablet .popin .horlistlinks {
        width: 100%;
    }

    .mobile_tablet .horlistlinks li {
        width: 24.33%;
        padding: 3px 0;
    }

    /*statis icon*/
    /*#popin-statistiques table thead th:nth-child(2),#popin-statistiques table thead th:nth-child(3),#popin-statistiques table thead th:nth-child(4),#popin-statistiques table thead th:nth-child(5),#popin-statistiques table thead th:nth-child(6){
		background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/glyphicons-halflings.png");
		text-indent:-999px;
		width:14px;
		height: 14px;
		overflow: hidden;

	}
	#popin-statistiques table thead th:nth-child(2){
		background-position: -240px -120px;
	}
*/
    .mobile_tablet #popin-statistiques {
        width: 100%;
    }

    .mobile_tablet #popin-advsearch {
        width: 100%;
    }

    .mobile_tablet #popin-statistiques h1 {
        /*background: #333 url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-statis.jpg") 10px 9px no-repeat;*/
        background-size: 28px;
        text-indent: 10px;
    }

    .mobile_tablet .popin .btn-close {
        top: 9px;
        right: 12px;
    }

    .mobile_tablet .popin h1 {
        background-color: #3C3C3C;
        line-height: 32px;
        height: 31px;
        padding: 0 0 0 10px;
        font-size: 15px;
    }

    .mobile_tablet #popin-statistiques h1, #popin-how-to h1 {
        padding-left: 0;
    }

    .mobile_tablet .popin h1 {
        font-size: 1.5em;
        padding: 5px 0;
    }

    .mobile_tablet #popin-how-to h1 span {
        border: 2px solid;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        line-height: 22px;
        text-align: center;
        margin: 0 6px 0 12px;
    }

    .mobile_tablet #popin-statistiques .icon {
        background: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-user.gif") 0 0 no-repeat;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        padding-top: 3px;
    }

    .mobile_tablet #popin-statistiques .statistic_theme a.btntile {
        display: inline-block;
        float: none;
    }

    .mobile_tablet #popin-statistiques .icon-idea {
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-idea.gif");
    }

    .mobile_tablet #popin-statistiques .icon-comment {
        background-size: 19px;
    }

    .mobile_tablet #popin-statistiques .icon-comment, .mobile_tablet #popin-statistiques table thead th:nth-child(3) span {
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-comment.gif");
    }

    .mobile_tablet #popin-statistiques .icon-vote {
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-hand-up.gif");
    }

    .mobile_tablet #popin-statistiques table thead th span {
        text-indent: -9999px;
        background: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-idea.gif") 0 0 no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(4) span {
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-cal.gif");
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(5) span {
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-hand-up.gif");
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(6) span {
        background-image: url("https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-hand-down.gif");
    }

    .mobile_tablet #popin-se-connecter h1, .mobile_tablet #popin-leave-comment h1, .mobile_tablet #popin_introduction h1 {
        padding-left: 10px;
    }

    .mobile_tablet #topbar li:first-child, .mobile_tablet #topbar li.statistiques {
        text-indent: -9999px;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-1 #frmsignin, .mobile_tablet #popin-report-abuse #frmSignaler fieldset, .mobile_tablet #popin-leave-comment .popin-cont fieldset {
        height: 100%;
    }

    .mobile_tablet #popin-edit-theme .popin-cont, .mobile_tablet #popin-se-connecter .mobile-column-1, .mobile_tablet #popin-report-abuse .popin-cont {
        overflow-y: scroll;
        /*overflow-x: hidden;*/
    }

    .mobile_tablet #popin-leave-comment .popin-cont {
        overflow: auto;
    }

    /* popup login */
    .mobile_tablet .popin-cont fieldset {
        width: 100% !important;
        float: none !important;
        clear: both;
    }

    .mobile_tablet .popin-cont .inputtype {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .mobile_tablet .popin-cont input.inputtype {
        height: 30px;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-1::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-1::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-1::-webkit-scrollbar-thumb {
        background: #EE1100;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-1 #frmsignin fieldset {
        padding-top: 10px;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-1 #frmsignin fieldset:nth-child(2) {
        padding-left: 0;
        border: none;
    }

    .mobile_tablet .popin-cont.column .col1:first-child {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #b2b0b0;
        padding-right: 0;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile {
        width: 100%;
        height: 32px;
        line-height: 22px;
        display: inline-block;
        box-sizing: border-box;
        border-top: 1px solid #000;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile-top {
        position: absolute;
        top: 40px;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-up,
    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-down,
    .mobile_tablet #popin-se-connecter .se-connecter-mobile span.creer-mobile-down {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 15px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-up {
        border-bottom: 15px solid #FFFFFF;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-down,
    .mobile_tablet #popin-se-connecter .se-connecter-mobile span.creer-mobile-down {
        border-top: 15px solid #FFFFFF;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 {
        padding-top: 50px;
        padding-right: 0;
        overflow: auto;
        display: none;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2::-webkit-scrollbar-thumb {
        background: #EE1100;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup {
        position: static;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup {
        height: 100%;
        padding-right: 5px;
        overflow: auto;
        /*overflow-x: hidden;*/
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-signup p label {
        top: 5px;
        bottom: 5px;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-signup p.prap-btn {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #adabab;
        margin: 0 -12px;
        padding: 5px 0px 5px 0px;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-signup p.prap-txt {
        font-size: 12px !important;
        color: #000;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #adadad;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-signup p.prap-btn input[type="submit"] {
        float: right;
        padding: 0;
        margin-right: 15px;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-captcha {
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-captcha .result-image {
        min-height: 0 !important;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-captcha .lb-confirm-captcha {
        height: auto !important;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-captcha p:nth-child(1) {
        margin-bottom: 0 !important;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-captcha p.result-image {
        min-height: 0 !important;
    }

    .mobile_tablet #popin-se-connecter .mobile-column-2 #frmsignup fieldset.info-captcha p.signup-noti {
        position: relative !important;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p,
    .mobile_tablet #popin-se-connecter #frmsignup p {
        position: static;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p input[type="text"],
    .mobile_tablet #popin-se-connecter #frmsignin p input[type="password"],
    .mobile_tablet #popin-se-connecter #frmsignup p input[type="text"],
    .mobile_tablet #popin-se-connecter #frmsignup p input[type="password"],
    .mobile_tablet #login_again #form_login_again p input[type="text"],
    .mobile_tablet #login_again #form_login_again p input[type="password"] {
        border: 1px solid #000;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p .lbltext {
        top: 5px;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p.login-remember {
        padding-left: 1px;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p input[type="checkbox"] {
        position: relative;
        width: 22px;
        height: 22px;
        display: block;
        float: left;
        margin-right: 5px;
        -webkit-appearance: none;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p input[type="checkbox"]:after {
        position: absolute;
        top: -1px;
        left: -1px;
        content: '';
        width: 15px;
        height: 20px;
        padding-left: 5px;
        margin-left: 0;
        display: block;
        float: left;
        z-index: 1;
        border: 1px solid #000;
        background-color: #fff;
        -webkit-appearance: none;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p input[type="checkbox"]:checked:after {
        content: "\2714";
    }

    .mobile_tablet #popin-se-connecter #frmsignin p.login-remember label, .mobile_tablet #popin-se-connecter #frmsignin .social-text {
        font-size: 1.2em;
        color: #000;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p.forgot-password a {
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/arrow.gif) no-repeat;
        background-size: 7px;
        font-size: 1.2em;
        color: #000;
        padding-left: 27px;
    }

    .mobile_tablet #popin-se-connecter #frmsignin p input[type="submit"] {
        border-radius: 0;
        -webkit-appearance: none;
    }

    /*-- form login again --*/
    .mobile_tablet #login_again #form_login_again fieldset.col1 p {
        font-size: 95%;
    }

    /*=========profile======*/
    .mobile_tablet #popin-my-profile h1 {
        padding-left: 10px;
    }

    .mobile_tablet #popin-my-profile .popin-cont {
        padding-right: 0;
    }

    .mobile_tablet #frm-my-profile {
        height: 100%;
        overflow: auto;
    }

    /* Let's get this party started */
    .mobile_tablet #frm-my-profile::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    /* Track */
    .mobile_tablet #frm-my-profile::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    /* Handle */
    .mobile_tablet #frm-my-profile::-webkit-scrollbar-thumb {
        background: #EE1100;
    }

    .mobile_tablet #frm-my-profile label {
        width: 100%;
        text-align: left;
    }

    .mobile_tablet #frm-my-profile input[type="text"] {
        width: 100%;
        height: 25px;
        margin-top: 3px;
        margin-left: 0;
        box-sizing: border-box;
        box-shadow: 0px -1px 0px 0px #bcbcbc;
        -webkit-appearance: none;
    }

    .mobile_tablet #frm-my-profile p {
        width: 100%;
        margin-left: 0;
        position: static;
    }

    .mobile_tablet #frm-my-profile em, .mobile_tablet #frm-my-profile input[type="text"] {
        margin-left: 0;
        color: #000;
    }

    .mobile_tablet #popin-my-profile span.my-profile-icon {
        display: inline-block !important;
        position: relative;
        top: 4px;
        left: 0;
        margin-right: 5px;
    }

    .mobile_tablet #popin-my-profile span.my-profile-icon svg {
        width: 24px;
        height: 24px;
        fill: #EE1100;
    }

    .mobile_tablet #popin-my-profile .btn-close {
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-x.gif) no-repeat;
        width: 26px;
        height: 26px;
    }

    .mobile_tablet #popin-my-profile fieldset p label, .mobile_tablet #popin-my-profile fieldset p.receive span {
        color: #000000;
    }

    .mobile_tablet #popin-my-profile fieldset p:nth-child(1) label {
        color: #676767;
    }

    .mobile_tablet #popin-my-profile fieldset p.age {
        clear: both;
    }

    .mobile_tablet #popin-my-profile fieldset p.age label,
    .mobile_tablet #popin-my-profile fieldset p.age input {
        width: 35px;
        display: inline-block;
    }

    .mobile_tablet #popin-my-profile fieldset p.receive {
        padding-left: 1px;
    }

    .mobile_tablet #popin-my-profile fieldset p.receive input[type="checkbox"] {
        position: relative;
        width: 22px;
        height: 22px;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: 5px;
        -webkit-appearance: none;
    }

    .mobile_tablet #popin-my-profile fieldset p.receive input[type="checkbox"]:after {
        position: absolute;
        top: -1px;
        left: -1px;
        content: '';
        width: 15px;
        height: 20px;
        padding-left: 5px;
        margin-left: 0;
        display: block;
        float: left;
        z-index: 1;
        border: 1px solid #000;
        background-color: #fff;
        -webkit-appearance: none;
    }

    .mobile_tablet #popin-my-profile fieldset p.receive input[type="checkbox"]:checked:after {
        content: "\2714";
    }

    .mobile_tablet #popin-my-profile fieldset p.btnsubmit,
    .mobile_tablet #popin-add-suggestion form p.btnsubmit {
        /*border-top: 1px solid #b2b0b0;
    	margin: 0 -12px;
    	padding: 5px 12px 10px;*/
        border-top: 1px solid #b2b0b0;
        margin: 0 -12px;
        padding: 5px 0px 10px 0px;
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    /*.mobile_tablet #popin-add-suggestion form p.btnsubmit {
		position: relative;
		width:auto;
	}*/
    .mobile_tablet #popin-my-profile fieldset p.btnsubmit input[type="submit"],
    .mobile_tablet #popin-add-suggestion form p.btnsubmit input[type=submit] {
        margin-right: 12px;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .mobile_tablet #login_again #form_login_again input[type="submit"] {
        border-radius: 0;
    }

    .mobile_tablet a.btn-close, .btn-delete {
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-x.png) no-repeat;
        width: 20px;
        height: 20px;
        top: 8px;
    }

    .mobile_tablet #popin-edit-my-profile-alert h1 {
        padding-left: 10px;
    }

    /* popup logout */
    .mobile_tablet #model-logout .visible-xss {
        display: block !important;
    }

    .mobile_tablet #model-logout .close-search {
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-x.gif) center no-repeat;
        float: right;
        width: 26px;
        height: 26px;
    }

    .mobile_tablet .leftbottom {
        display: none;
    }

    /*	.mobile_tablet #header{
		min-height: 80px;
	}*/
    body.short_header.mobile_tablet #topbar {
        top: 52px !important;
    }

    /*help popup*/
    .mobile_tablet #popin-how-to .horlistlinks li a,
    .mobile_tablet #popin-how-to .content-wrap .cont-inner p {
        font-size: 1.2em;
        color: #000;
    }

    /*	.mobile_tablet #popin-how-to{
		height: 100%;
		position: fixed!important;
	}*/
    .mobile_tablet #popin-how-to .horlistlinks li.current a {
        color: #F01100;
    }

    .mobile_tablet #popin-how-to .content-wrap .conent-scroll .content-scroll-inner .cont-inner {
        padding-bottom: 0;
    }

    /* Let's get this party started */
    .mobile_tablet #popin-how-to .content-wrap .tab-content .popin-cont {
        padding-right: 7px;
        /*overflow-x: hidden;
		overflow-y: scroll;
*/
    }

    .mobile_tablet #popin-how-to .content-wrap .tab-content .popin-cont .conent-scroll::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .mobile_tablet #popin-how-to .content-wrap .tab-content .popin-cont .conent-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .mobile_tablet #popin-how-to .content-wrap .tab-content .popin-cont .conent-scroll::-webkit-scrollbar-thumb {
        background: #EE1100;
    }

    .mobile_tablet #popin-how-to footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
        padding: 0 8px;
        box-sizing: border-box;
        background-color: #eeeeee;
        border-top: 1px solid #999999;
    }

    .mobile_tablet #popin-how-to footer li {
        float: left;
        width: 50.5%;
        text-align: right;
        position: relative;
    }

    .mobile_tablet #popin-how-to footer li:first-child {
        margin-left: 0;
    }

    .mobile_tablet #popin-how-to footer .logo-middle .text {
        padding-top: 15px;
    }

    .mobile_tablet #popin-how-to footer .logo-middle .text span {
        font-size: 1em;
    }

    .mobile_tablet #popin-how-to footer li:first-child {
        width: 30%;
        text-align: left;
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        float: right;
        width: 17%;
    }

    /*.mobile_tablet #popin-how-to footer li:last-child:before {
		content: "-";
		position: absolute;
		margin-left: -12.5%;
		font-size: 25px;
		top: 50%;
		left: 8%;
		font-size: 12px;
	}*/
    /*.mobile_tablet .popin-cont,.mobile_tablet .conent-scroll { overflow: auto; }*/
    /*.mobile_tablet #popin-statistiques .popinssm .cont-inner,*/
    /*.mobile_tablet #popin-statistiques .content-scroll-inner .cont-inner { overflow: auto; }*/
    .mobile_tablet #popin-statistiques .popin-cont .conent-scroll {
        width: 99%;
        padding-right: 3px;
        overflow: auto;
    }

    .mobile_tablet #popin-statistiques .popin-cont .conent-scroll::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    /* Track */
    .mobile_tablet #popin-statistiques .popin-cont .conent-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    /* Handle */
    .mobile_tablet #popin-statistiques .popin-cont .conent-scroll::-webkit-scrollbar-thumb {
        background: #EE1100;
    }

    .mobile_tablet .popin {
        width: 100%;
        top: 87px !important;
        box-sizing: border-box;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner p {
        font-size: 1em;
        color: #000;
        padding-left: 5px;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table thead tr {
        background-color: #ccc;
        border-bottom: 1px solid #999 !important;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table thead tr th {
        padding: 12px 8px;
        color: #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr {
        border-bottom: 1px solid #999;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr {
        color: #000;
        font-size: 1.3em;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr td {
        padding: 12px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobile_tablet .close-search {
        float: right;
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-x.gif) center no-repeat;
        width: 29px;
        height: 29px;
        background-size: 16px;
        cursor: pointer;
        margin-right: 15px;
        margin-top: -5px;
    }

    .mobile_tablet .zjs-vscroller {
        display: none;
    }

    /*popup-menu*/
    .mobile_tablet .padr {
        padding-right: 0;
    }

    /*change flagmenu*/
    .mobile_tablet #popin-flag-image-zoom {
        width: 100% !important;
        left: 50% !important;
        max-width: 490px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .mobile_tablet #popin-flag-image-zoom .meta {
        margin-right: -17px;
    }

    .mobile_tablet #popin-flag-image-zoom .btnsubmit {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 5px;
    }

    .is_mobile #popin-flag-image-zoom-mobile .content_img_zoom img {
        height: auto !important;
        width: 100% !important
    }

    .mobile_tablet .listcomment {
        padding: 0 5px 0 10px;
    }

    .mobile_tablet .listcomment p.comment-content {
        margin-left: 0 !important
    }

    .mobile_tablet #popin-flag-menu-large .tab-content {
        overflow: auto;
        /*  background: red;*/
    }

    .mobile_tablet #popin-flag-menu-large .photos a.supprimer_image {
        width: 20px;
        height: 19px;
        color: #efefef;
        padding: 0 !important;
    }

    .mobile_tablet .popin-s.ajouter .popin-cont {
        padding: 7px 6px 5px;
    }

    .mobile_tablet #popin-flag-menu-large .horlistlinks li {
        width: 50%;
        float: left;
        margin: 0 -1px;
    }

    .mobile_tablet #popin-flag-menu-large .horlistlinks li:last-child {
        float: right;
    }

    .mobile_tablet #popin-flag-menu-large .horlistlinks {
        border: none;
    }

    .mobile_tablet #popin-flag-menu-large {
        /*max-width: 494px;*/
        left: 50% !important;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        position: fixed !important;
        bottom: 0;
    }

    .mobile_tablet #popin-flag-menu-large .byline {
        position: absolute;
        bottom: 43px;
        background-color: #f7f7f7;
        width: 96%;
        padding: 3px 0 5px;
    }

    .mobile_tablet #popin-flag-menu-large .listcommentwith .meta {
        bottom: 0;
        margin-right: -23px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .listcommentwith {
        background: none;
        margin-bottom: 20px;
    }

    .mobile_tablet #popin-flag-menu-large .listcommentwith .btn-comment-fu .img-btn-comment {
        width: 18px;
        margin-right: 10px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-ss {
        float: none;
        width: 100%;
        padding: 0 6px 10px;
        box-sizing: border-box;
    }

    .mobile_tablet #popin-flag-menu-large ul.lesvotelist {
        position: absolute;
        left: 0;
        width: 83%;
        bottom: -7px;
    }

    /*.mobile_tablet #popin-flag-menu-large .popin-ss .conent-scroll{
		height: 95px;
	}*/
    .mobile_tablet #popin-flag-menu-large .popin-cont2 .lesvotelist {
        margin: 0 0 8px 0;
        background-color: #eee;
        height: 40px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .lesvotelist li a {
        margin-left: 3px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .lesvotelist li strong {
        font-size: 16px;
    }

    .mobile_tablet #popin-flag-menu-large .lesvotelist li a, .lesvotelist li span {
        margin-top: 3px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .lesvotelist li:nth-child(2) {
        margin-top: -2px;
        padding-left: 5px;
    }

    .mobile_tablet .lesvotelist .lieu_minusplus_list {
        font-size: 12px;
        padding-top: 13px !important;
        display: inline-block;
    }

    .mobile_tablet .lesvotelist .idea-detail-notes .idea-detail-smileys span {
        float: left;
        margin: 0;
        margin-top: 5px;
        /*  background: red;*/
    }

    .mobile_tablet .lesvotelist .idea-detail-notes .idea-detail-smileys span span.number {
        clear: none;
        /*  background: yellow;*/
        float: left;
        width: 14px;
        padding: 0 2px;
        font-size: 12px;
        padding-top: 3px;
        display: inline-block;
    }

    .mobile_tablet .lesvotelist .idea-detail-notes {
        padding: 0 !important;
    }

    .mobile_tablet .lesvotelist .idea-detail-notes .idea-detail-smileys {
        padding-left: 4px;
    }

    .mobile_tablet .lesvotelist .btn-like span {
        background-size: 100% auto;
        width: 21px;
        height: 21px;
        /* background: red;*/
    }

    .mobile_tablet .idea-detail-smileys {
        width: 100%;
        display: block;
        padding-left: 0 !important;
    }

    .mobile_tablet .bylinelistpanel {
        margin-left: 0!important;
    }


    .mobile_tablet .mobile_list_breakzone {
        clear: both;
        display: block;
        float: none !important;
    }

    .mobile_tablet .lesvotelist .btn-like {
        margin-left: 8px !important;
        width: 21px;
        height: 21px;
    }

    .mobile_tablet .lesvotelist .btn-dislike span {
        background-size: 100% auto;
        width: 21px;
        height: 21px;
        /* background: red;*/
    }

    .mobile_tablet .lesvotelist .btn-dislike {
        margin-left: 8px !important;
        width: 21px;
        height: 21px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .listcommentwith > li {
        margin-bottom: 0;
    }

    .mobile_tablet #popin-flag-menu-large ul.lesvotelist:before {
        position: absolute;
        content: "";
        height: 1px;
        border-top: 2px solid #ddd;
        left: 0;
        width: 100%;
        /*max-width: 496px;*/
        z-index: 5;
    }

    .mobile_tablet #popin-flag-menu-large .content-wrap {
        overflow: auto;

    }

    .mobile_tablet #popin-flag-menu-large ul.lesvotelist:after {
        position: absolute;
        content: "";
        height: 34px;
        width: 2px;
        margin-bottom: -45px;
        border-right: 2px solid #ddd;
        right: -2px;
        top: 0;
        z-index: 10;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .lesvotelist li:first-child {
        padding-left: 7px;
        display: none;
    }

    .mobile_tablet #popin-flag-menu-large .lesvotelist li {
        float: left;
        padding: 8px 0 0;
        line-height: 1.3;
        border-bottom: none;
    }

    .mobile_tablet #popin-flag-menu-large .lesvotelist .lieu_minusplus_list {
        padding-left: 15px;
    }

    .mobile_tablet .lesvotelist .lieu_minusplus_list {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /*width: 85px;*/
    }

    .mobile_tablet #popin-flag-menu-large ul.listlinks {
        position: absolute;
        bottom: 70px;
        display: none;
        width: 154px;
    }

    .mobile_tablet #popin-flag-menu-large .meta-del ul.list-sug-links {
        bottom: 235px;
    }

    .mobile_tablet #popin-flag-menu-large .meta-del ul.list-del-links {
        bottom: 202px;
    }

    .mobile_tablet #popin-flag-menu-large ul.listlinksfirst {
        bottom: 201px;
    }

    .mobile_tablet #popin-flag-menu-large .lesvotelist + .listlinksfirst {
        bottom: 235px;
    }

    .mobile_tablet #popin-flag-menu-large .popinssm .in-tab-comment-v3 {
        display: block;
        /*position: fixed;*/
        bottom: 0;
        z-index: 99999
    }

    .mobile_tablet #popin-flag-menu-large .popinssm .zone2-d .byline {
        position: static;
    }

    .mobile_tablet #popin-flag-menu-large ul.rrssb-buttons {
        position: absolute;
        bottom: 22px;
        width: 156px;
        background-color: #EFEFEF;
        border: 1px solid #ddd;
        border-top-color: #fff;
        display: none;
        width: 156px;
    }

    .mobile_tablet #popin-flag-menu-large ul.rrssb-buttons li {
        padding: 0 10.5px !important;
    }

    .mobile_tablet #popin-flag-menu-large p.btnsubmit {
        position: absolute;
        bottom: 22px;
        width: 156px;
        background-color: #EFEFEF;
        border: 1px solid #ddd;
        border-top-color: #fff;
        display: none;
        padding: 5px 0 0 5px;
        margin: 12px auto;
    }

    .mobile_tablet #popin-flag-menu-large p.btnsubmit a {
        margin-left: 5px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont {
        padding: 5px 0px 0px 0px;
        overflow: auto;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont h2 {
        margin-bottom: 5px;
    }

    .mobile_tablet #popin-flag-menu-large .listcommentwith .listcomment p {
        margin: 7px 0;
    }

    .mobile_tablet #popin-flag-menu-large .mobile-btn-action {
        position: absolute;
        right: 0;
        bottom: 0;
        border: none;
        height: 40px;
        width: 16%;
        border-top: 2px solid #ddd;
        background: #eee url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/mobile-icon-action-cut.jpg) no-repeat 8% 50%;
        /* text-indent: -999px;*/
        text-transform: uppercase;
        font-size: 9px;
        text-align: right;
        padding: 0 3px;
    }

    .mobile_tablet .popin h1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 30px !important;
    }

    .mobile_tablet .popin-s.ajouter h1, .mobile_tablet #popin-flag-menu-large h1, .mobile_tablet #popin-report-abuse h1 {
        padding-left: 10px;
    }

    .mobile_tablet #popin-flag-menu-large .listcommentwith .btn-comment-fu {
        left: 0;
        top: 0;
        float: right;
    }

    .mobile_tablet #popin-flag-menu-large h1 {
        height: auto;
        overflow: auto;
        white-space: normal;
        /* word-break: break-word;*/
        text-overflow: inherit;
        line-height: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    /* list flag => left menu */
    /*	.mobile_tablet #popin-derniers-ajouts .popin-cont .conent-scroll {
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
	}*/
    /* Let's get this party started */
    .mobile_tablet #popin-derniers-ajouts .popin-cont {
        padding-right: 0px;
    }

    .mobile_tablet .popin-cont textarea.inputtype {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .mobile_tablet #popin-leave-comment #frmcomment fieldset {
        width: 100%;
        clear: both;
    }

    .mobile_tablet .popsuggest .msg-type-1 {
        padding: 0 8px 10px;
    }

    .mobile_tablet #popin-report-abuse input.inputtype {
        height: 30px;
        width: 100%;
    }

    .mobile_tablet #popin-add-suggestion, .mobile_tablet #popin-edit-suggestion {
        width: 100%;
    }

    .mobile_tablet #popin-edit-suggestion .popin-cont {
        overflow: auto;
        background-color: #fff;
    }

    .mobile_tablet #popin-edit-suggestion .popin-cont .btnsubmit .btn_changetheme {
        width: 152px !important;
    }

    .mobile_tablet #popin-edit-suggestion #frm-edit-suggestion .inputtype, .mobile_tablet #popin-edit-suggestion #frm-edit-suggestion .inputtype2, .mobile_tablet #popin-add-suggestion #frmsuggestion .inputtype2, .mobile_tablet #popin-report-abuse #frmSignaler .inputtype {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .mobile_tablet #popin-edit-suggestion #frm-edit-suggestion input#address_number, .mobile_tablet #popin-add-suggestion #frmsuggestion input#address_number {
        width: 25% !important;
    }

    .mobile_tablet #popin-edit-suggestion #frm-edit-suggestion input#street, .mobile_tablet #popin-add-suggestion #frmsuggestion input#street {
        width: 73% !important;
        margin-left: 2%;
    }

    .mobile_tablet #popin-edit-suggestion #frm-edit-suggestion input#city, .mobile_tablet #popin-add-suggestion #frmsuggestion input#city {
        width: 49% !important;
        margin-left: 2%;
    }

    .mobile_tablet #popin-edit-suggestion #frm-edit-suggestion input#district, .mobile_tablet #popin-add-suggestion #frmsuggestion input#district {
        width: 49% !important;
    }

    .mobile_tablet #popin-editve-comment #frmcomment textarea, .mobile_tablet #popin-add-suggestion #frmsuggestion #message, .mobile_tablet #popin-leave-comment #frmcomment textarea, .mobile_tablet #popin-add-suggestion #frmsuggestion #message {
        height: 85px;
        width: 100% !important;
    }

    .mobile_tablet #popin-flag-menu-large .listcommentwith .btn-comment-fu .img-btn-comment {
        width: 16px;
        margin-right: 6px;
    }

    .mobile_tablet #dragAndDropFiles {
        display: none;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile-top {
        top: 37px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div {
        /* width: 78% !important;*/

        width: 95% !important;
        margin-left: 0 !important;
    }

    #popin-derniers-ajouts .popin-cont p,
    .mobile_tablet .conent-scroll {
        position: static !important;
    }
}

/********************************* MAX 667 */

@media screen and (max-width: 667px) {
    .mobile_tablet #popin-how-to footer li {
        width: 48.5%;
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        width: 19%;
    }

    .mobile_tablet .popin {
        top: 83px !important;
    }
}

/********************************* MAX 568 */

@media screen and (max-width: 568px) {
    .mobile_tablet #popin-how-to footer li {
        width: 44.5%;
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        width: 22%;
    }
}

/********************************* MAX 544 */

@media screen and (max-width: 544px) {
    .mobile_tablet #topbar .searchaddress {
        width: 36%;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        width: 75%;
    }

}

/********************************* MAX 481 */

@media screen and (min-width: 481px) {
    .mobile_tablet #topbar .searchaddress {
        display: block !important;
    }
}

/********************************* MIN 481 MAX 532 */

@media screen and (min-width: 481px) and (max-width: 532px) {
    .mobile_tablet #topbar .searchaddress {
        width: 28%;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        width: 65%;
    }
}

/********************************* MAX 480 WIDTH*/

@media screen and (max-width: 480px) {
    .cont-inner p label {
        width: 100%;
    }

    .cont-inner p select.inputtype2 {
        width: 100%;
    }
}

/********************************* MAX 480 HEIGHT*/

@media screen and (max-height: 480px) {
    .mobile_tablet #sidebar .themes {
        padding: 6px 0 6px 15px;
    }

    .mobile_tablet #sidebar .lst-themes > li {
        padding: 5px 0 5px 48px;
    }

    .mobile_tablet #sidebar .themes li .btntheme {
        top: 5px;
    }
}

/********************************* MAX 479 */

@media screen and (max-width: 479px) {
    .mobile_tablet .call-popup-header {
        min-width: inherit;
    }

    .mobile_tablet .call-popup-header div {
        padding: 0 3% !important;
    }
}

/********************************* MAX 414 */

@media screen and (max-width: 414px) {

    /* .do-advsearch {
         background-size: 45px;
         background-position: 0px 1px !important;
         padding-left: 39px !important;
         padding-top: 0px !important;
         padding-bottom: 20px !important;
         height: 22px !important;
         margin-top: -6px;
     }*/
    .mobile_tablet #topbar li {
        padding: 9px 6px 8px !important;
        width: auto;
        height: auto !important;
    }

    .mobile_tablet #topbar li.advancedsearch {
        padding: 10px 2px !important;
        width: auto;
        height: auto !important;
        margin-right: 0;
    }

    .mobile_tablet #topbar li.search-dropdown {
        padding: 10px 3px !important;
        height: auto !important;
    }

    .mobile_tablet .popin h1 {
        font-size: 1.2em;
    }

    .mobile_tablet ul.photos a.lnk-Commenter:before {
        font-size: 11px;
    }

    .mobile_tablet #popin-edit-suggestion .popin-cont .btnsubmit .button {
        font-size: 11px;
        width: auto !important;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner p {
        padding-bottom: 2px;
    }

    .mobile_tablet #popin-statistiques .icon {
        background-size: 13.5px 13.5px;
        padding-top: 0;
    }

    .mobile_tablet #sidebar .themes .lst-themes-groups {
        width: 100% !important;
    }

    .mobile_tablet #sidebar .themes .lst-themes {
        width: 96% !important;
    }

    .mobile_tablet #sidebar .themes {
        padding: 5px 0 10px 20px;
    }

    .mobile_tablet #sidebar .themes h3 {
        padding-bottom: 0;
        font-size: 12px;
    }

    .mobile_tablet #sidebar .themes ul > li {
        padding-top: 9px;
        padding-bottom: 5px;
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        width: 27%;
    }

    .mobile_tablet #popin-how-to footer li {
        width: 38.5%;
    }

    .mobile_tablet #popin-how-to h1 span {
        height: 15px;
        width: 15px;
        line-height: 17px;
    }

    .mobile_tablet #topbar .searchaddress span.ico-search {
        margin-right: 10px;
        margin-left: 6px;
    }

    .mobile_tablet .nav-button .nav-popup p {
        font-size: 12px;
        padding: 10px 15px;
    }

    .nav-button .nav-popup h4 span.close-nav {
        width: 17px;
        height: 15px;
        background-size: 19px;
    }

    .mobile_tablet .nav-popup footer input {
        width: 17px;
        height: 17px;
        margin: 0px 0 0px 10px;
        padding: 0;
        float: right;
    }

    .mobile_tablet #topbar .searchaddress span.ico-search {
        width: 36px;
        height: 34px;
        padding: 0;
        background-size: 100%;
        display: block;
        float: left;
        margin-right: 6px;
    }

    body.short_header.mobile_tablet #main {
        top: 102px;
    }

    .mobile_tablet div#secondpart strong {
        font-size: 12px;
    }

    .mobile_tablet .nav-button {
        top: 115px;
    }

    .mobile_tablet #sidebarin {
        padding-top: 105px;
    }

    .mobile_tablet #topbar a {
        height: 33px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .mobile_tablet .btn-retour {
        padding-left: 43px;
        background-size: 37px 33px;
        line-height: 30px;
    }

    body.short_header.mobile_tablet #topbar {
        top: 53px !important;
    }

    .mobile_tablet #topbar .statistiques {
        padding: 10px 1px !important;
        width: auto;
        height: auto !important;
    }

    .mobile_tablet #topbar .statistiques a {
        margin-top: 0px;
        padding: 0;
        height: 27px !important;
        background-size: 36px;
        padding-left: 38px;
        margin-left: 3px;
        margin-top: -1px;
    }

    .mobile_tablet #topbar .sociallinks.short_social {
        border-right: 0;
    }

    .mobile_tablet #topbar .search-dropdown {
        border: 0;
    }

    .mobile_tablet .call-popup-header div a {
        padding: 0 !important;
        width: 37px;
        height: 33px;
    }

    .mobile_tablet .call-popup-header div a .icon svg {
        width: 25px;
        height: 25px;
    }

    .mobile_tablet .btn-geolocal {
        padding-left: 23px;
    }

    .mobile_tablet .call-popup-header {
        min-width: 180px;
    }

    .mobile_tablet .call-popup-header div {
        padding: 0 8px !important;
    }

    .mobile_tablet .btn-statistique {
        padding-left: 26px;
    }

    .mobile_tablet .do-advsearch {
        padding-left: 26px;
    }

    .mobile_tablet #topbar .search-dropdown a {
        width: 39px;
        height: 29px;
        background-size: 38px;
        background-position: 0px 2px;
        margin-top: -2px;
        padding-top: 0px;
        cursor: pointer;
    }

    .mobile_tablet .btn-geolocal {
        /*  background-image: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/icons/ico-se-geolocalise-m.png); */
        width: 37px;
        height: 33px !important;
        padding: 0;
    }

    .mobile_tablet #topbar .searchaddress {
        float: left;
        width: 100%;
        padding: 8px 6px;
        display: none;
        border-top: 1px solid #a5a5a5;
        position: relative;
    }

    .mobile_tablet #topbar .searchaddress span.close-search {
        position: absolute;
        top: 34%;
        right: 5px;
        height: 23px;
        width: 23px;
        background-size: 100%;
    }

    .mobile_tablet .visible-xss {
        display: block !important;
    }

    body.short_header.mobile_tablet #header h2 {
        font-size: 14px;
        line-height: 1.3;
        width: 50%;
        margin-top: 6px;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        width: 57%;
        height: 32px;
    }

    .mobile_tablet .popin-cont.column .col1:first-child {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #b2b0b0;;
        padding-right: 0;
    }

    .mobile_tablet .popin-cont.column .col1 {
        width: 100%;
        border-left: none;
        padding-left: 0;
    }

    .mobile_tablet .popin-cont.column .col1 .social-text {
        width: 42%;
        float: left;
    }

    .mobile_tablet .popin-cont .inputtype {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .mobile_tablet .popin-cont input.inputtype {
        height: 30px;
    }

    /*.popinssm .cont-inner{
		margin-right: 0;
		overflow-x: scroll;
	}
	.popinssm .cont-inner table{
		min-width: 440px;
	}*/
    .mobile_tablet .popin-cont fieldset {
        width: 100% !important;
        float: none !important;
        clear: both;
    }

    .mobile_tablet .prap-txt {
        border-bottom: 1px solid #ddd;
        padding-bottom: 35px !important;
    }

    .mobile_tablet .prap-btn {
        float: right;
        margin-top: 10px;
    }

    /*.mobile_tablet .button.disabled{
		background: #EE1100 !important;
	}*/
    .mobile_tablet #uploadArea {
        margin: 10px 0 0 -3px;
    }

    .mobile_tablet #popin-statistiques .popinssm .cont-inner {
        margin-right: 0;
    }

    /*.mobile_tablet .popin-xl .popinssm .conent-scroll{
    	height: 100%;
    	margin-bottom: 0;
    }*/
    .mobile_tablet #popin-statistiques table {
        /*min-width: inherit;*/
        width: 100%;
        display: block;
        /*overflow: scroll;
    	-webkit-overflow-scrolling: touch;
*/
    }

    .mobile_tablet .cont-inner {
        padding-bottom: 15px;
    }

    /*.mobile_tablet .popinslm .conent-scroll {
    	overflow-x: scroll !important;
    }*/
    .mobile_tablet .popin {
        top: 102px !important;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div {
        /*width: 315px !important;*/

        width: 95% !important;
        margin-left: 0 !important;
    }

}

/********************************* MAX 413 */

@media screen and (max-width: 413px) {
    #header {
        height: 97px;
    }

    #topbar a.do-advsearch {
        background-size: 38px;
        background-position: 0px 1px;
        padding-right: 5px;
    }

    .mobile_tablet #popin-edit-suggestion .popin-cont .btnsubmit .button {
        padding: 0 3px;
    }

    .mobile_tablet #secondpart {
        width: 26%;
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        width: 26%;
    }

    .mobile_tablet #topbar li {
        padding: 9px 3% 8px;
    }

    .mobile_tablet .call-popup-header div {
        padding: 0 6px !important;
    }

    .mobile_tablet .call-popup-header div:last-child {
        padding-right: 0 !important;
    }

    .mobile_tablet .btn-retour {
        padding-left: 40px;
        background-size: 33px 30px;
    }

    .mobile_tablet .btn-geolocal {
        width: 33px;
        height: 33px !important;
        background-size: 100%;
    }

    .mobile_tablet .searchaddress {
        display: none;
    }

    body.short_header.mobile_tablet #header h2 {
        left: 140px !important;
    }

    body.short_header.mobile_tablet #header h2 {
        font-size: 12px;
        width: 30%;
        margin-top: 0;
    }

    .mobile_tablet #popin-how-to footer .logo-middle .text {
        padding-top: 15px;
        font-size: 80%;
    }

    .mobile_tablet .div_upload .dfiles {
        width: auto;
        float: none;
    }

    .div_upload .dfiles h5 img {
        float: left;
    }

    .div_upload .dfiles h5 span {
        display: block;
        float: left;
        line-height: 25px;
    }

    .div_upload .btn_delete_file {
        position: static;
        margin: 7px 10px;
        float: left;
    }

    .div_upload .progress {
        float: right;
        margin: 7px;
        margin-top: 22px;
    }

    /*sidebar-popup*/
    .mobile_tablet #popin-derniers-ajouts .listcomment li {
        font-size: 11px;
    }

    .mobile_tablet #popin-derniers-ajouts .listcomment li > a img {
        margin: 0 14px 14px 0;
        max-width: 100px;
        max-height: 60px;
    }

    .mobile_tablet #popin-derniers-ajouts .listcomment li > div {
        margin-left: 90px !important;
    }

    .mobile_tablet #popin-derniers-ajouts .voter_comments span {
        margin: 0 4px 0 0;
    }

    .mobile_tablet #popin-derniers-ajouts .listcomment li .btns {
        margin: 0 2px;
        display: inline-block;
        position: static;
    }

    .mobile_tablet #popin-how-to .horlistlinks li a {
        font-size: 90%;
    }

    .mobile_tablet #popin-how-to .content-wrap .cont-inner p {
        font-size: 12px;
    }

    .mobile_tablet .popin h1 {
        font-size: 1.1em
    }

    /*custom flag*/
    .mobile_tablet #popin-flag-menu-large .popin-cont.popinssm {
        height: auto !important;
    }

    .mobile_tablet #popin-flag-menu-large .meta a, .mobile_tablet #popin-flag-menu-large .in-tab-comment-v3 a {
        font-size: 12px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div {
        /*width: 290px !important;*/
        width: 95% !important;
        margin-left: 0 !important;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .conent-scroll {
        max-height: 375px;
    }

    .mobile_tablet .nav-button {
        top: 101px;
    }

    .mobile_tablet #topbar .searchaddress span.ico-search {
        width: 24px;
        height: 25px;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        height: 23px;
    }

    .mobile_tablet #topbar .searchaddress span.close-search {
        top: 34%;
    }

    .mobile_tablet .call-popup-header div a {
        width: 27px;
    }

    body.short_header.mobile_tablet #main {
        top: 92px;
    }

    .mobile_tablet .call-popup-header div a .icon svg {
        width: 18px;
        height: 20px;
    }

    .mobile_tablet #topbar a {
        height: 27px;
    }

    .mobile_tablet #topbar .search-dropdown a {
        /*  width: 24px;
        //  height: 23px;*/
    }

    .mobile_tablet .btn-retour {
        padding-left: 30px;
        background-size: 25px 25px;
        font-size: 10px;
        line-height: 23px;
    }

    .mobile_tablet .btn-geolocal {
        width: 28px;
        height: 28px !important;
        margin-top: -1px;
    }

    .mobile_tablet #sidebarin {
        padding-top: 92px;
    }

}

/********************************* MAX 374 */

@media screen and (max-width: 374px) {
    #header {
        height: 87px;
    }

    .mobile_tablet #popin-statistiques table thead th span {
        background-size: 98% auto;
        max-width: 18px;
    }

    #popin-statistiques table td span {
        padding-left: 25px;
    }

    .mobile_tablet #popin-statistiques table td img {
        width: 18px;
        height: auto;
    }

    .mobile_tablet i.btntheme-2, .mobile_tablet i.btntheme-1 {
        background-size: 18px;
    }

    .mobile_tablet #popin-statistiques table thead th {
        width: 10%;
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(1) {
        width: 35%;
    }

    .mobile_tablet #popin-statistiques table thead th:last-child {
        width: 17%;
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(2) span {
        width: 13px;
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(6) span,
    .mobile_tablet #popin-statistiques table thead th:nth-child(5) span {
        width: 14px;
    }

    .mobile_tablet .call-popup-header {
        min-width: 115px;
    }

    .mobile_tablet .popin h1 {
        padding: 3px 0;
        line-height: 31px;
    }

    .mobile_tablet .horlistlinks li {
        padding: 0;
        height: 28px;
        line-height: 28px;
    }

    .mobile_tablet .popin .btn-close {
        top: 8px;
    }

    .mobile_tablet #popin-statistiques h1 {
        background-size: 20px;
        text-indent: 10px;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table thead tr th {
        font-size: 11px;
        padding: 12px 7px;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr {
        font-size: 12px;
    }

    .mobile_tablet #topbar li {
        padding: 9px 2% 8px;
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        width: 27.5%;
    }

    .mobile_tablet .popin-cont.column .col1 .social-text {
        width: 50%;
    }

    .mobile_tablet .popin {
        top: 92px !important;
    }

    .mobile_tablet #secondpart {
        width: 24%;
    }

    .mobile_tablet #secondpart > a {
        padding: 0 5px;
    }

    .mobile_tablet div#secondpart strong {
        font-size: 11px;
    }

    /*.mobile_tablet #popin-statistiques h1,.mobile_tablet #popin-how-to h1 {
		font-size: 12px;
	}*/
    .mobile_tablet .call-popup-header div a {
        width: 31px;
        height: 25px;
    }

    .mobile_tablet #topbar .statistiques a {
        width: 31px;
    }

    .mobile_tablet .call-popup-header div a .icon svg {
        width: 18px;
        height: 18px;
    }

    .mobile_tablet #topbar li {
        padding: 10px 9px 10px !important;
    }

    .mobile_tablet .call-popup-header div:first-child {
        padding-left: 0 !important;
    }

    .mobile_tablet .call-popup-header div:last-child {
        padding-right: 0 !important;
    }

    .mobile_tablet .call-popup-header div {
        padding: 0 6px !important;
    }

    .mobile_tablet .btn-retour {
        background-size: 28px 23px;
        padding-left: 33px;
    }

    .mobile_tablet #topbar .search-dropdown {
        padding: 9px 0 8px 4px !important;
    }

    .mobile_tablet #topbar .search-dropdown a {
        width: 28px;
        height: 27px;
    }

    .mobile_tablet .nav-button .nav-popup {
        left: 58px;
        width: 234px;
        top: 2px;
    }

    .nav-button .nav-popup p {
        padding: 14px 15px
    }

    .mobile_tablet .nav-button .navi-btn {
        margin-bottom: 6px;
    }

    .mobile_tablet #popin-how-to footer {
        height: 40px;
    }

    .mobile_tablet #popin-how-to footer .logo-middle img {
        width: 78%;
        margin-top: 4px;
    }

    /*.mobile_tablet #popin-how-to footer li {
		line-height: 40px;
	}*/
    .mobile_tablet #popin-how-to footer .logo-middle .text {
        padding: 0;
    }

    /*.mobile_tablet #popin-how-to footer li:last-child:before {
		top: 0;
	}*/
    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div {
        /*width: 250px !important;*/

        width: 95% !important;
        margin-left: 0 !important;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .conent-scroll {
        max-height: 300px;
    }
}

/********************************* MAX 360 */

@media screen and (max-width: 360px) {
    .mobile_tablet #secondpart {
        width: 30%;
    }

    body.short_header.mobile_tablet #main {
        /*top: 90px;*/
        top: 92px;
    }

    .mobile_tablet #secondpart .loged-icon li a {
        width: 30px;
        height: 30px;
    }

    .mobile_tablet #secondpart li:last-child a {
        background-position: -31px 0;
    }

    .mobile_tablet .popin {
        top: 91px !important;
    }

    .mobile_tablet .btn-retour {
        font-size: 11px;
    }

    .mobile_tablet #topbar li {
        padding: 5px 5px 2px !important;
    }

    .mobile_tablet #topbar li.advancedsearch {
        padding: 5px 2px !important;
    }

    .mobile_tablet #topbar .searchaddress span.ico-search {
        width: 28px;
        height: 27px;
        margin: 0 6px 0 3px;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        width: 59%;
    }

    /*.mobile_tablet #popin-statistiques h1,.mobile_tablet #popin-how-to h1 {
		font-size: 12px;
	}*/
    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table thead tr th {
        padding: 8px 0;
        font-size: 0.8em;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr {
        font-size: 90%;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr td {
        padding: 8px 0;
        font-size: 1em;
    }

    .mobile_tablet #popin-my-profile .popin-cont {
        padding-top: 7px;
    }

    .mobile_tablet #popin-my-profile span.my-profile-icon svg {
        width: 20px;
        height: 20px;
    }

    .mobile_tablet #popin-my-profile fieldset p.btnsubmit {
        padding-bottom: 15px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div .voter_comments {
        font-size: 8px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div .voter_comments .btns {
        background-size: 80%;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div .voter_comments .btn-dislike {
        background-position: 0 -158px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div {
        /* width: 230px !important;*/

        width: 100% !important;
        margin-left: 0 !important;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile-top {
        top: 37px;
        line-height: 26px;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile {
        line-height: 26px;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-up,
    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-down,
    .mobile_tablet #popin-se-connecter .se-connecter-mobile span.creer-mobile-down {
        margin-right: 14px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-up {
        border-bottom: 14px solid #FFFFFF;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-down,
    .mobile_tablet #popin-se-connecter .se-connecter-mobile span.creer-mobile-down {
        border-top: 14px solid #FFFFFF;
    }

    .mobile_tablet #popin-leave-comment #frmcomment p.btnsubmit {
        position: absolute;
        bottom: 0;
        right: 12px;
    }

    .mobile_tablet #topbar .statistiques {
        padding: 6px 0px 3px 1px !important;
    }

    .mobile_tablet #secondpart {
        width: 24%;
        background-position: -10px 0;
    }

    .mobile_tablet #secondpart > a {
        padding: 0 5px;
    }

    .mobile_tablet div#secondpart strong {
        font-size: 11px;
    }

    .mobile_tablet .popin h1 {
        font-size: 1em;
    }

    .mobile_tablet .call-popup-header div a, .mobile_tablet #topbar .statistiques a {
        width: 29px;
        height: 23px;
        padding-left: 10px;
        background-size: 32px;
    }

    .mobile_tablet #topbar .statistiques a {
        margin-top: -2px;
    }

    #topbar a.do-advsearch {
        background-size: 32px;
        background-position: 2px 1px;
        padding-right: 5px;
    }

    .mobile_tablet .call-popup-header div a .icon svg {
        width: 18px;
        height: 18px;
    }

    .mobile_tablet .call-popup-header div:first-child {
        padding-left: 0 !important;
    }

    .mobile_tablet .call-popup-header div:last-child {
        padding-right: 0 !important;
    }

    .mobile_tablet .call-popup-header div {
        padding: 0 3px !important;
    }

    .call-popup-header-small {
        min-width: 70px !important;
    }

    .mobile_tablet .btn-retour {
        background-size: 28px 23px;
        padding-left: 33px;
    }

    .mobile_tablet #topbar li.search-dropdown {
        padding: 5px 0 5px 6px !important;
    }

    .mobile_tablet #topbar .search-dropdown a {
        width: 32px;
        height: 27px;
        background-size: 32px;
    }

    .mobile_tablet .btn-geolocal {
        width: 23px;
        height: 23px !important;
        margin-top: -1px;
    }

    .mobile_tablet .nav-button .nav-popup {
        left: 58px;
        width: 234px;
        top: 2px;
    }

    .nav-button .nav-popup p {
        padding: 14px 15px
    }

    .mobile_tablet .nav-button .navi-btn {
        margin-bottom: 6px;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .conent-scroll {
        max-height: 300px;
    }
}

@media screen and (height: 320px) {
    .mobile_tablet #sidebarin {
        height: 93px;
        overflow-y: auto;
    }

    .themes .cont-vscroll {
        height: 95px !important;
    }
}

/********************************* MAX 320 */

@media screen and (max-width: 320px) {
    #header {
        height: 75px;
    }

    .mobile_tablet ul.photos a.lnk-Commenter:before {
        font-size: 9px;
    }

    .mobile_tablet ul.photos a.lnk-Commenter:before {
        width: 92px;
    }

    .mobile.android #popin-flag-menu-large ul.rrssb-buttons {
        border-top: none;
    }

    .mobile.android #selected_files {
        margin-left: 2px;
    }

    .is_android_browser #popin-derniers-ajouts .listtype {
        max-height: 25px;
    }

    .is_android_browser #popin-flag-menu-large .lesvotelist + .listlinksfirst {
        bottom: 198px;
    }

    .is_android_browser #popin-flag-menu-large ul.listlinksfirst {
        bottom: 166px;
    }

    .is_android_browser #frmcomment .div_upload #selected_files {
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }

    .nav-button .nav-popup h4 {
        font-size: 10.5px;
        padding: 9px 7px;
        font-weight: bold;
    }

    .mobile_tablet #popin-statistiques table thead th:nth-child(1) {
        width: 32%;
    }

    .mobile_tablet #popin-statistiques table thead th:last-child {
        width: 18%;
    }

    .mobile_tablet .popin a.btn-close {
        right: 10px;
        top: 6px;
        width: 18px;
        height: 18px;
        background-size: 100%;
    }

    .mobile_tablet .popin h1 {
        padding: 3px 0;
        font-size: 90%;
        padding: 0;
    }

    .mobile_tablet #popin-statistiques h1 {
        background-position: 6px 6px;
    }

    .mobile_tablet #popin-statistiques h1 {
        text-indent: 10px;
    }

    .mobile_tablet #topbar .searchaddress {
        padding: 6px 6px;
    }

    .mobile_tablet #topbar .searchaddress span.ico-search {
        width: 26px;
        height: 26px;
        margin: 0 6px 0 0;
    }

    .mobile_tablet #topbar .searchaddress span.close-search {
        right: 2px;
    }

    .linklogo img {
        width: 97%;
    }

    .nav-button .nav-popup h4 span.help-icon {
        font-weight: bold;
        width: 13px;
        height: 13px;
        display: block;
        float: left;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        padding: 0;
    }

    .mobile_tablet .nav-button .nav-popup p {
        font-size: 11px;
        padding: 14px 15px 8px;
        line-height: 1.1;
    }

    .android .mobile_tablet #secondpart > a {
        padding: 0 5px;
    }

    .android body.short_header.mobile_tablet #secondpart {
        width: 24%;
        background-position: -12px 0;
    }

    body.mobile_tablet.short_header #main {
        top: 80px;
    }

    body.short_header.mobile_tablet #secondpart {
        width: 23.6%;
    }

    .mobile_tablet #secondpart li:last-child a {
        background-position: -27px 0;
    }

    .mobile_tablet #secondpart .loged-icon li a {
        width: 26px;
        height: 26px;
        margin: 0 2px;
    }

    .mobile_tablet #secondpart li:last-child a {
        width: 26px;
    }

    .mobile_tablet #secondpart .loged-icon li:first-child a {
        margin: 0 0 0 3px;
    }

    .mobile_tablet .nav-button .navi-btn {
        margin-bottom: 5px;
    }

    .mobile_tablet .nav-popup footer label {
        font-size: 11px;
    }

    .mobile_tablet .nav-button .navi-btn, .mobile_tablet .nav-button .help-btn {
        width: 37px;
        height: 37px;
    }

    .mobile_tablet .nav-button .nav-popup {
        width: 205px;
        left: 52px;
    }

    .mobile_tablet #firstpart, body.short_header.mobile_tablet #secondpart {
        height: 37px !important;
    }

    body.short_header.mobile_tablet #topbar {
        top: 40px !important;
    }

    .mobile_tablet div#secondpart strong {
        font-size: 10px;
        line-height: 1;
    }

    .mobile_tablet #sidebarin {
        padding-top: 81px;
    }

    .mobile_tablet #topbar li {
        padding: 7px 4px 6px !important;
    }

    .mobile_tablet #topbar .statistiques {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 1px !important;
        padding-top: 9px !important;
    }

    .mobile_tablet #topbar li.search-dropdown {
        padding: 7px 0px 0px 2px !important;
        height: auto !important;
    }

    .call-popup-header-small {
        min-width: 73px !important;
    }

    .mobile_tablet #topbar li.advancedsearch {
        padding: 6px 0px !important;
        height: auto;
        margin-right: 1px;
    }

    #topbar a.do-advsearch {
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/icons/ico-recherch-avancee-44-55.png) no-repeat;
        background-size: 31px;
        background-size: 31px;
        width: 1px;
        padding-right: 0px;
        height: 25px;
        background-position: 1px 2px;
    }

    .mobile_tablet #topbar .search-dropdown {
        padding: 7px 0 7px 6px !important;
    }

    .mobile_tablet #topbar .statistiques a {
        background: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/icons/ico-statistique_new.png) left no-repeat;
        background-size: 31px;
        width: 0px;
        height: 25px;
        margin-top: -2px;
        padding-left: 35px;
        background-position: 1px 0px;
    }

    .mobile_tablet #topbar .search-dropdown a {
        background: url('https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/icons/ico-trouver-adresse-44-55.png') left no-repeat;
        background-size: 31px;
        width: 32px;
        height: 25px;
        background-position: 1px 2px;
    }

    .mobile_tablet .nav-button {
        top: 90px;
        right: -44px;
    }

    .mobile_tablet #topbar a {
        height: 23px;
    }

    .mobile_tablet .call-popup-header div a .icon svg {
        height: 15px;
        width: 15px;
    }

    .mobile_tablet .call-popup-header div a {
        width: 25px;
    }

    .mobile_tablet #topbar li:first-child a {
        padding: 0;
        width: 24px;
        height: 24px !important;
        background-size: cover;
        margin-top: 0px;
    }

    .mobile_tablet #topbar li:first-child {
        padding-right: 7px;
    }

    .mobile_tablet #topbar .btn-retour {
        background-size: 26px;
        font-size: 9px;
        padding-left: 30px;
        margin-left: 2px;
        margin-top: 2px;
        line-height: 19px;
    }

    .mobile_tablet #topbar .searchaddress input#autocomplete {
        width: 183px;
    }

    .mobile_tablet .call-popup-header div {
        padding: 0 5px !important;
    }

    .mobile_tablet .call-popup-header {
        min-width: 111px;
    }

    body.short_header.mobile_tablet #header h2 {
        left: 120px !important;
    }

    body.short_header.mobile_tablet #header h2 {
        font-size: 10px;
        width: 30%;
    }

    .mobile_tablet .listtype li {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 8px;
    }

    .mobile_tablet .themes {
        padding-top: 0;
    }

    .mobile_tablet .listtype li a {
        font-size: 12px;
    }

    .mobile_tablet .lst-themes-groups h3 {
        font-size: 12px;
    }

    .mobile_tablet .lst-themes {
        font-size: 11px;
    }

    .mobile_tablet #sidebar .themes {
        padding-top: 2px;
        padding-bottom: 0;
        padding-left: 13px;
    }

    /*	.mobile_tablet #sidebar .themes .cont-vscroll {
		height: auto !important
	}*/
    .mobile_tablet #sidebar .themes h3 {
        padding-bottom: 3px;
    }

    .mobile_tablet #sidebar .themes .lst-themes > li {
        padding: 2px 0 0px 42px;
        background-position: 0 4px;

    }

    .mobile_tablet #sidebar ul.description {
        padding-top: 3px !important;
    }

    .mobile_tablet #sidebar .themes li .btntheme {
        top: 0;
        background-size: 17px;
    }

    .mobile_tablet #sidebar {
        width: 198px;
        left: -199px;
    }

    .mobile_tablet #popin-how-to .horlistlinks li {
        height: 24px;
        line-height: 24px;
    }

    .mobile_tablet #popin-how-to .horlistlinks li a {
        font-size: 0.85em;
    }

    .mobile_tablet #popin-how-to footer .logo-middle .text {
        font-size: 12px;
        padding-top: 0;
    }

    .mobile_tablet #popin-how-to footer .logo-middle .text span {
        font-size: 75%;
    }

    .mobile_tablet #popin-how-to footer .logo-middle .img img {
        max-width: 60px;
        margin-top: 4px;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner p {
        font-size: 1em;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table thead tr th {
        padding: 5px 0 4px;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr {
        font-size: 90%;
    }

    .mobile_tablet #popin-statistiques .content-wrap .cont-inner table tbody tr td {
        padding: 6px 0;
    }

    .mobile_tablet #popin-how-to h1 span {
        height: 13px;
        width: 13px;
        line-height: 14px;
        padding: 0;
        font-size: 12px;
        border-width: 1px;
        margin: 0 5px 0 7px;
    }

    .mobile_tablet #popin-statistiques, .mobile_tablet .popin-l, .mobile_tablet #popin-how-to {
        top: 81px !important;
    }

    .mobile_tablet #popin-how-to footer {
        height: 35px;
    }

    .mobile_tablet .popin {
        top: 80px !important;
    }

    .mobile_tablet #popin-how-to footer li {
        width: 39%;
        /*line-height: 35px;*/
    }

    .mobile_tablet #popin-how-to footer li:last-child {
        width: 27%;
    }

    /*.mobile_tablet #popin-how-to footer li:last-child:before {
		left: 10%;
		top: 5px;
	}*/
    .mobile_tablet #popin-my-profile fieldset p.btnsubmit {
        padding-bottom: 10px;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile-top {
        top: 30px;
        line-height: 31px;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile {
        line-height: 32px;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-up,
    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-down,
    .mobile_tablet #popin-se-connecter .se-connecter-mobile span.creer-mobile-down {
        margin-right: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-up {
        border-bottom: 12px solid #FFFFFF;
    }

    .mobile_tablet #popin-se-connecter .creer-mobile span.creer-mobile-down,
    .mobile_tablet #popin-se-connecter .se-connecter-mobile span.creer-mobile-down {
        border-top: 12px solid #FFFFFF;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div .voter_comments .btns {
        width: 10px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div .voter_comments .btn-like {
        background-position: 0 3px;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div .voter_comments .btn-dislike {
        background-position: 0 -96px;
    }

    .mobile_tablet #popin-derniers-ajouts .voter_comments span {
        margin: 0 2px 0 0;
    }

    .mobile_tablet #popin-derniers-ajouts .popin-cont .cont-inner .listcomment li div {
        /*width: 190px !important;*/

        width: 95% !important;
        margin-left: 0 !important;
    }

    .mobile_tablet .listtype li .icon_eye {
        font-size: 95%;
    }

    .mobile_tablet #popin-flag-menu-large .popin-cont2 .conent-scroll {
        max-height: 150px;
    }
}

/***********************************OTHER CALCULATIOn BASE  */

@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .mobile_tablet .call-popup-header div {
        padding: 0 4px !important;
    }

    .mobile_tablet .btn-retour {
        padding-left: 43px;
        background-size: 33px 33px;
    }

    .do-advsearch {
        background-size: 35px !important;
        background-position: 0px 5px !important;
        padding-left: 35px !important;
        padding-top: 0px !important;
        padding-bottom: 20px !important;
        height: 21px !important;
        margin-top: 3px !important;
    }

    .mobile_tablet #topbar .statistiques a {
        background-size: 35px;
        width: 37px !important;
        margin-top: 1px !important;
        padding: 0 0px !important;
        height: 30px !important;
        background-image: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/ico-statistique-m.jpg);
    }

    .mobile_tablet #topbar .search-dropdown a {
        width: 39px;
        height: 29px;
        background-size: 35px;
        background-position: 0px 2px;
        margin-top: 0px;
        padding-top: 0px;
        cursor: pointer;
        margin-left: 3px;
    }

    .mobile_tablet .btn-geolocal {
        background-image: url(https://debatomap2020.com/wp-content/plugins/blue-origami/laravel/public/fo/images/icons/ico-se-geolocalise-m.png);
        width: 37px;
        height: 33px !important;
        padding: 0;
        background-size: 33px;
    }

    .mobile_tablet #topbar li.advancedsearch {
        padding: 4px 3px !important;
        width: auto;
        height: auto !important;
    }

    body.short_header.mobile_tablet #topbar {
        top: 48px !important;
    }

    body.short_header.mobile_tablet #main {
        top: 102px !important;
    }
}