/* #Media Queries
================================================== */
/* END__ */



@media (min-width:1200px) and (max-width:1499px) {
body,.menu-row .sub-menu ul li{ font-size: calc(0.9rem + 0.2vw);}
.btn{padding-top:1rem; padding-bottom:1rem; font-size: calc(0.9rem + 0.2vw);}
.btn-sm{ padding:6px 18px; font-size:14px;}

h1, .h1 { font-size: calc(2rem + 0.9vw);}
.banner h1, .w1 h2, .banner .content [class*=col-] .circle-content span.count, .partner h2 {font-size: calc(2rem + 0.9vw);}
h2, .h2, .home .section-retraite h2, .home .section-block h2, .home .partner h2 {font-size: calc(1.4rem + 0.9vw);}
h3, .h3, .w4 .content .content-padding .latest h3, .w2 .title h3, .title-block h3, .single-row-content [class*=col-] h3 {font-size: calc(1.3rem + 0.3vw);}
h4, .h4, .banner .content [class*=col-] .circle-content h4, .menu-row .sub-menu > li {font-size: calc(1rem + 0.3vw);}

.container{ max-width:90%;}		
.footer-logo{ width:40%;}
.footer-logo img{ border-radius:10px;}
.member-wrapper .member-item .member-img{ width:250px;}
/*.member-wrapper .member-item .media-body h3{ margin-bottom:24px;}*/
.member-wrapper .member-item .media-body a{ font-size:15px;}
.slider-2 .slide-item .overlay-content{ padding:24px;}
}
@media (max-width:1200px){
.banner-al .container{padding-bottom:0px;}
}

@media (min-width:992px) and (max-width:1199px) {
.content-line-height p{ line-height:1.6;}
.container{ max-width:95%;}	
.btn{ padding:16px 26px; font-size:16px;}
.btn-sm, .btn-group-sm > .btn {padding:0.6rem 1.25rem; font-size:0.875rem;}

.header{ padding:30px 0;}
.banner .col-lg-5:after, .banner .container:after, .header .search-btn{ display:none;}
.modal-dialog.full_screen .modal-header .modal-search-form{ order:3; max-width:100%; flex:1 100%; margin-top:25px;}
.modal-dialog.full_screen .modal-header button.close{ order:2; margin-left:auto;}
.modal-dialog.full_screen .modal-header .d-flex{ display:flex; flex-wrap:wrap;}
.modal-dialog.full_screen .modal-header{ padding:30px 0;}
.menu-row .menu-col{ margin-top:20px;}

.banner .container{ padding-top:100px;}
.banner .content [class*="col-"] .circle-content{ padding:0;}
.banner .content [class*="col-"] .circle-content h4{ font-size:16px;}
.banner .content .row{ margin-left:8px; margin-right:8px;}
.banner .content .row [class*="col-"]{ padding-left:8px; padding-right:8px;}
.banner .content [class*="col-"] .circle-content span.count{ font-size:36px;}
.banner h1{ font-size:50px;}
.banner .banner-img{ margin:30px 0 0}
.section, .w5 .section{ padding:110px 0;}
.w1 h2{ font-size:45px; margin-bottom:30px;}
.w1 .right-content .content h3, .w1 h3{ font-size:24px;}
.w1 .row .col-md-6{ margin-top:30px;}
.w1 .right-content .content .image{ margin-bottom:30px;}
.w1 .right-content .row + .row{ margin:0;}
.slider-1 .item, .slider-2 .slide-item{ margin:0 10px;}
.w2 .title h3, .title-block h3{ font-size:30px;}

.section .section-block + .section-block{ margin-top:100px;}
.footer{ font-size:16px;}
.footer-top{ padding:60px 0;}
.footer-bottom{ line-height:1.5;}
.footer-bottom h6{ color:#fff; font-size:18px; opacity:1; margin-bottom:24px;}
.footer-bottom .col-md-6{ margin-top:24px;}
.w4 .content .content-padding, .w4 .content .list .media{ padding:24px}
.w4 [class*="col-"] + [class*="col-"]{ border-left:none; border-top:1px solid #f2f2f2;}
.partner h2{ font-size:45px;}
.p-logo .full-img{ margin:0 5px;}
.footer-logo{ width:150px;}
.footer-bottom .menu li + li{ margin-top:5px;}
.copyright{ padding:0 40px;}
.w3 [class*="col-"]{ padding-bottom:30px;}

.contact-wrapper .main-info{ margin-top:40px;}
.contact-wrapper .mb-5{ margin-bottom:24px !important;}
.other-info .item + .item{ margin-top:24px; padding-top:24px;}
.other-info .item [class*=col-]{ max-width:100%; flex:1 100%;}
.other-info .item [class*=col-] + [class*=col-]{ margin-top:10px;}
.other-info{ padding:24px;}
.footer-logo img{ border-radius:10px;}
.footer-menu{ padding-left:0;}

.member-wrapper .member-item .media{ display:block !important;}
.member-wrapper .member-item .member-img{ width:100%;}
/*.member-wrapper .member-item .media-body h3{ margin-bottom:30px;}*/
.member-wrapper .member-item .media-body{ padding:24px;}
.member-wrapper .member-item .media-body a{ position:relative; bottom:auto; left:auto; right:0; margin-top:24px; font-size:15px;}
.member-wrapper [class*="col-"]{ margin-bottom:40px;}
.page-full-img img{ border-radius:10px;}

.banner-al .container{ height:auto; padding-top:100px;}
.banner-al .container h1, .banner-al .buttons{ position:relative; left:auto; right:auto; top:auto; bottom:auto;}
.banner-al .container h1{margin-bottom:45px;}
.banner-al .buttons a.d-block{ padding:15px 40px 15px 15px;}
/*.banner-al .buttons a.d-block:after{ display:none;}*/
.banner-al .buttons a.d-block .media{ align-items:center; margin-bottom:10px;}
.banner-al .buttons a.d-block .media h4{ font-size:22px;}
.banner-al .container .image{ position:relative; width:auto; bottom:auto; right:auto; margin-top:30px; text-align:center;}

.suggestion-wrapper .box{ padding:24px;}
.suggestion-wrapper .box .d-flex .user{ margin-left:16px;}
.suggestion-wrapper .box .d-flex .v-count{ margin-right:16px;}

.w3 [class*="col-"] .content .full-img img, .w3 .item .content .full-img img{ max-height:120px;}
.section-al-3 .section-block + .section-block{ margin-top:100px;}
} 
/* END__ */

@media (max-width:992px) {
.section-retraite .col-lg-7{padding-right:0px;}
.breadcrum-items{margin-bottom:40px !important;}
.title-block{margin-bottom:30px !important;}
.single-mesures_obtenues .title-block .col-xl-6.col-lg-7.mb-4{padding-left:0px;padding-right:0px;}
.related-news .title-block{padding-bottom:40px;}
.single-prestations_sociales .title-block .full-img{margin-top:30px;}
.single-prestations_sociales .title-block .col-xl-6.col-lg-7.mb-4{padding-left:0px;padding-right:0px;}
.single-offres .title-block .full-img, .single-post .title-block .full-img{margin-bottom:20px;}
.single-offres .single-post-content, .single-post .single-post-content{padding-top:40px;}
.single-offres .title-block .col-xl-6.col-lg-7.mb-4, .single-post .title-block .col-xl-6.col-lg-7{padding-left:0px;padding-right:0px;}
.page-template-status .title-block h3, .single-prestations_sociales .title-block h3, .single-offres .title-block h3, .single-post .title-block h3, .page-template-default .title-block h3{font-size:1.3rem;}
.home h2{padding-bottom:30px;}
.home .w3 h2{padding-bottom:0px;}
.tab-section-sm a.d-block{padding:20px 20px 5px 20px;}
.section-vote-form .container {padding-left:0px !important;padding-right:0px !important;}
.tax-mesures_obtenues_categories .page-banner{padding-bottom:30px !important;}
.single-prestations_sociales .page-banner, .tax-offres_category .page-banner, .category-avantages-commerciaux .page-banner, .category-events .page-banner{padding-bottom:20px !important;}
}

@media (min-width:768px) and (max-width:991px) {
body{ line-height:1.875;}
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header, .w4 .content .list .media{ font-size:1.125rem;}
.container{ padding-left:40px; padding-right:40px;}
h1, .h1 {font-size:1.875rem;}
h2, .h2, .footer-top h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}

.btn, .form-control{ padding:12px 26px; font-size:18px;}
.btn-sm, .btn-group-sm > .btn {padding:0.6rem 1.25rem; font-size:0.875rem;}

.header{ padding:30px 0;}
.header .logo, .modal-dialog.full_screen .modal-header .logo{ font-size:24px; line-height:25px;}
.header .menu-btn{ margin-left:auto; height:19px; width:37px; background-size:100%;}
body.logged-in .header .menu-btn{ margin-left:15px; }
.header .btns, .banner .col-lg-5:after, .banner .container:after, .header .search-btn{ display:none;}
.modal-dialog.full_screen .modal-header .modal-search-form{ order:3; max-width:100%; flex:1 100%; margin-top:25px;}
.modal-dialog.full_screen .modal-header button.close{ order:2; margin-left:auto; height:25px; width:25px; background-size:100%;}
.modal-dialog.full_screen .modal-header .d-flex{ display:flex; flex-wrap:wrap;}
.modal-dialog.full_screen .modal-header{ padding:30px 0;}
.menu-row .menu-col{ margin-top:20px;}

.banner .content [class*="col-"] .circle-content{ top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:200px;}
.banner .container{ padding-top:100px;}
.banner h1{ font-size:40px;}
.banner .content [class*="col-"] .embed-responsive{ width:220px; margin:0 auto;}
.banner .content [class*=col-], .banner .content [class*=col-]:nth-child(odd){ margin-top:20px;}
.banner .banner-img{ margin:30px 0 0}
.section, .w5 .section{ padding:110px 0;}
.w1 .left-content .d-flex{ display:block !important;}
.w1 .left-content .d-flex .btn{ width:100%;}
.w1 .left-content .d-flex .btn + .btn{ margin-top:16px; margin-left:0;}
.w1 h2{ font-size:45px; margin-bottom:30px;}
.w1 .row .col-md-6{ margin-top:30px;}
.w1 .right-content .content .image{ margin-bottom:30px;}
.w1 .right-content .row + .row{ margin:0;}
.slider-1 .item, .slider-2 .slide-item{ margin-right:24px;}
.w2 .title h3, .title-block h3{ font-size:30px;}
.w2 .title, .w4 .title, .w5 .title{ display:block !important;}
.w2 .title .btn, .title-block .btn{ margin-top:24px;}
.section .section-block + .section-block{ margin-top:100px;}
.w3 [class*="col-"]{ padding-bottom:26px;}
.p-logo{ margin-top:30px;}
.w4 .content .content-padding, .w4 .content .list .media{ padding:24px}
.w4 [class*="col-"] + [class*="col-"]{ border-left:none; border-top:1px solid #f2f2f2;}
.partner h2{ font-size:45px;}
.p-logo .full-img{ margin:0 5px;}
.footer{ font-size:16px; padding-bottom:0;}
.footer-top{ padding:60px 0;}
.footer-top .media{ display:block !important; text-align:center;}
.footer-top .btn{ margin:16px 0 0 0;}
.footer-bottom{ line-height:1.5;}
.footer-bottom h6{ color:#fff; font-size:18px; opacity:1; margin-bottom:24px;}
.footer-bottom .col-md-6{ margin-top:24px;}
.footer-logo{ margin:0 0 16px}
.footer-logo img{ width:235px;}
.footer-bottom .menu li + li{ margin-top:5px;}
.copyright{ padding:0 30px 30px; position:relative; bottom:auto; left:auto; right:auto; display:block !important;}


.page-banner{ padding-top:100px}
.page-banner .container .title { top:auto; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(-); position:relative; margin-bottom:30px; left:auto; right:auto;}
.page-banner .container{ height:auto;}
.page-banner .banner-img{ position:relative; right:auto; max-width:inherit;}
.page-banner .banner-img img{ width:100%; height:auto;}
.page-banner .d-flex{ display:block !important;}
.page-banner .container .title h1{ font-size:48px;}

.banner .content [class*="col-"] .circle-content span.count{ font-size:60px;}

.contact-wrapper .main-info{ margin-top:40px;}
.contact-wrapper .mb-5{ margin-bottom:24px !important;}
.other-info .item + .item{ margin-top:24px; padding-top:24px;}
.other-info .item [class*=col-]{ max-width:100%; flex:1 100%;}
.other-info .item [class*=col-] + [class*=col-]{ margin-top:10px;}
.other-info{ padding:24px;}
.footer-logo img{ border-radius:10px;}

.member-wrapper .member-item .media{ display:block !important;}
.member-wrapper .member-item .member-img{ width:100%;}
/*.member-wrapper .member-item .media-body h3{ margin-bottom:30px;}*/
.member-wrapper .member-item .media-body{ padding:24px;}
.member-wrapper .member-item .media-body a{ position:relative; bottom:auto; left:auto; right:0; margin-top:24px; font-size:15px;}
.member-wrapper [class*="col-"]{ margin-bottom:40px;}
.page-full-img img{ border-radius:10px;}

.footer-menu{ padding-left:0;}
.single-post-content [class*="col-"] + [class*="col-"]{ margin-top:40px;}

.single-row-content{ margin-top:50px;}
.single-row-content [class*=col-]{ margin-top:30px;}
.associations-items .row .col-lg-8{ text-align:center;}

.other-measurements, .related-news{ margin-top:60px;}
.other-measurements .title-block{ margin-bottom:50px;}
.other-measurements [class*="col-"] + [class*="col-"], .related-news [class*="col-"] + [class*="col-"]{ margin-top:40px;}
.intro-content{ margin:0 0 50px 0;}

.header.header-al .menu-btn{ margin-left:0;}
/*.header .dropdown-toggle span.label{ display:none;}*/
/*.header .dropdown-toggle span.icon{ margin:0;}*/
.header .dropdown{ margin-right:0; margin-left:auto;}
.banner-al .container{ height:auto; padding-top:100px;}
.banner-al .container h1, .banner-al .buttons{ position:relative; left:auto; right:auto; top:auto; bottom:auto;}
.banner-al .container h1{ font-size:50px; margin-bottom:45px;}
.banner-al .buttons a.d-block{ padding:15px 40px 15px 15px;}
/*.banner-al .buttons a.d-block:after{ display:none;}*/
.banner-al .buttons a.d-block .media{ align-items:center; margin-bottom:10px;}
.banner-al .buttons a.d-block .media .icon{ height:47px; line-height:47px; width:47px;}
.banner-al .buttons a.d-block .media .icon img{ width:27px;}
.banner-al .buttons a.d-block .media h4{ font-size:18px;}
.banner-al .container .image{ position:relative; width:auto; bottom:auto; right:auto; margin-top:30px;}

.al-w1 .title-block{ margin-bottom:38px;}
.btn-margin{ margin-top:38px;}
.section.section-al .section-block + .section-block{ margin-top:100px;}
.w4 .content .content-padding .latest h3{ font-size:22px;}
.w3 [class*="col-"] .content .full-img img, .w3 .item .content .full-img img{ height:150px; width:auto;}
/*.w3 .item{ padding-left:24px;}*/
.vote-right-box{ margin-top:40px;}


.login-logo{ color:var(--secondary); position:relative; top:auto; left:auto; right:auto; font-size:24px;}
.login-logo:before{ background:var(--primary); height:15px; width:15px;}
.login-logo span{ color:var(--primary);}
.login-logo:hover{ text-decoration:none; color:var(--white);}
.form-container{ padding-top:34px;}
.form-wrapper{ padding:40px 0}
.login-img{ margin:0 auto 52px; width:250px;}
.form-wrapper .title-block h3{ margin-bottom:52px; font-size:25px;}
.section-al-3 .section-block + .section-block{ margin-top:100px;}
		.anchor:before{content:""; display:block; height:65px; margin-top:-65px}
} 
/* END__ */

@media only screen and (max-width:767px) {
body{ line-height:1.875;}
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header, .w4 .content .list .media{ font-size:1rem;}
.container{ padding-left:30px; padding-right:30px;}
h1, .h1 {font-size:1.875rem;}
h2, .h2, .footer-top h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}

.btn, .form-control{ padding:12px 26px; font-size:18px;}
.btn-sm, .btn-group-sm > .btn {padding:0.6rem 1.25rem; font-size:0.875rem;}

.header{ padding:30px 0;}
.header .logo, .modal-dialog.full_screen .modal-header .logo{ font-size:20px; line-height:25px;}
.header .menu-btn{ margin-left:10px; height:19px; width:37px; background-size:100%;}
body.logged-in .header .menu-btn{ margin-left:15px; }
.header .btns, .banner .col-lg-5:after, .banner .container:after, .header .search-btn{ display:none;}
.modal-dialog.full_screen .modal-header .modal-search-form{ order:3; max-width:100%; flex:1 100%; margin-top:25px;}
.modal-dialog.full_screen .modal-header button.close{ order:2; margin-left:auto; height:25px; width:25px; background-size:100%;}
.modal-dialog.full_screen .modal-header .d-flex{ display:flex; flex-wrap:wrap;}
.modal-dialog.full_screen .modal-header{ padding:30px 0;}
.menu-row .menu-col{ margin-top:20px;}
.floating-button{ left:-80px;}

.banner .content [class*="col-"] .circle-content{ top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:200px;}
.banner .container{ padding-top:100px;}
.banner h1{ font-size:40px;}
.banner .content [class*="col-"] .embed-responsive{ width:220px; margin:0 auto;}
.banner .content [class*=col-], .banner .content [class*=col-]:nth-child(odd){ margin-top:20px;}
.banner .banner-img{ margin:30px 0 0}
.section, .w5 .section{ padding:70px 0;}
.w1 .right-content{ padding:0;}
.w1 .left-content .d-flex{ display:block !important;}
.w1 .left-content .d-flex .btn{ width:100%;}
.w1 .left-content .d-flex .btn + .btn{ margin-top:16px; margin-left:0;}
.w1 h2{ font-size:35px; margin-bottom:30px;}
.w1 .row .col-md-6{ margin-top:50px;}
.w1 .right-content .content .image{ margin-bottom:30px;}
.w1 .right-content .row + .row{ margin:0;}
.slider-1 .item, .slider-2 .slide-item{ margin:0;}
.w2 .title h3, .title-block h3{ font-size:30px;}
.w2 .title, .w4 .title, .w5 .title{ display:block !important;}
.w2 .title .btn, .title-block .btn{ margin-top:24px;}
.section .section-block + .section-block{ margin-top:100px;}
.w3 [class*="col-"]{ padding-bottom:26px;}
.p-logo{ margin-top:30px;}
.w4 .content .content-padding, .w4 .content .list .media{ padding:24px}
.w4 [class*="col-"] + [class*="col-"]{ border-left:none; border-top:1px solid #f2f2f2;}
.partner h2{ font-size:1.6875rem;}
.p-logo .full-img{ margin:0 5px;}
.footer{ font-size:16px; padding-bottom:0;}
.footer-top{ padding:60px 0;}
.footer-top .media{ display:block !important; text-align:center;}
.footer-top .btn{ margin:16px 0 0 0;}
.footer-bottom{ line-height:1.5;}
.footer-bottom h6{ color:#fff; font-size:18px; opacity:1; margin-bottom:24px;}
.footer-bottom .col-md-6{ margin-top:24px;}
.footer-logo{ margin:0 0 16px}
.footer-logo img{ width:200px;}
.footer-bottom .menu li + li{ margin-top:15px;}
.copyright{ padding:0 30px 30px; position:relative; bottom:auto; left:auto; right:auto; display:block !important;}
.footer-bottom h6{ pointer-events:auto;}

.page-banner{ padding-top:100px}
.page-banner .container .title { top:auto; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(-); position:relative; margin-bottom:30px; left:auto; right:auto;}
.page-banner .container{ height:auto;}
.page-banner .banner-img{ position:relative; right:auto; max-width:inherit;}
.page-banner .banner-img img{ width:100%; height:auto;}
.page-banner .d-flex{ display:block !important;}
.page-banner .container .title h1{ font-size:42px;}


.other-info .item [class*=col-]{ max-width:100%; flex:1 100%;}
.other-info .item [class*=col-] + [class*=col-]{ margin-top:10px;}
.other-info{ padding:24px;}
.banner .content [class*="col-"] .circle-content span.count{ font-size:40px;}

.contact-wrapper .main-info{ margin-top:40px;}
.contact-wrapper .mb-5{ margin-bottom:24px !important;}
.other-info .item + .item{ margin-top:24px; padding-top:24px;}

.footer-bottom .collapse:not(.show), .footer-bottom .collapse{ display:none;}
.footer-bottom h6{ margin-bottom:0; position:relative;}
.footer-bottom .collapse.show{ display:block;}
.footer-bottom .card-body{ padding:24px 0 0 0;}
.footer-bottom h6[aria-expanded="false"]:after { font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:0; content:'\f107'; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.footer-bottom h6[aria-expanded="true"]:after { font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:0; content:'\f106'; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.member-wrapper .member-item .media{ display:block !important;}
.member-wrapper .member-item .member-img{ width:100%;}
/*.member-wrapper .member-item .media-body h3{ margin-bottom:30px;}*/
.member-wrapper .member-item .media-body{ padding:24px;}
.member-wrapper .member-item .media-body a{ position:relative; bottom:auto; left:auto; right:0; margin-top:24px; font-size:15px;}
.member-wrapper [class*="col-"]{ margin-bottom:40px;}
.page-full-img img{ border-radius:10px;}

.footer-menu{ padding-left:0;}

.breadcrumb{ padding-bottom:40px ;}
.breadcrum-items{ margin-bottom:20px !important;margin-top:-40px;}
.single-post-content [class*="col-"] + [class*="col-"]{ margin-top:30px;}

.single-row-content{ margin-top:50px;}
.single-row-content [class*=col-]{ margin-top:30px;}
.associations-items .row .col-lg-8{ text-align:center;}

.other-measurements, .related-news{ margin-top:60px;}
.other-measurements .title-block{ margin-bottom:50px;}
.other-measurements [class*="col-"] + [class*="col-"], .related-news [class*="col-"] + [class*="col-"]{ margin-top:40px;}
.intro-content{ margin:0 0 50px 0;}
.comit-cpval .table > thead > tr > th{ font-size:18px;}
.comit-cpval .table > tbody > tr > td{ font-size:15px;}

.header.header-al .menu-btn{ margin-left:0;}
.header .dropdown-toggle span.label{ display:none;}
.header .dropdown-toggle span.icon{ margin:0;}
.header .dropdown{ margin-right:0; margin-left:0px;}
.banner-al .container{ height:auto; padding-top:100px;}
.banner-al .container h1, .banner-al .buttons{ position:relative; left:auto; right:auto; top:auto; bottom:auto;}
.banner-al .container h1{ font-size:40px; margin-bottom:45px;}
.banner-al .buttons a.d-block{ padding:25px;}
.banner-al .buttons [class*="col-"] + [class*="col-"]{ margin-top:20px;}
.banner-al .buttons a.d-block:after{ display:none;}
.banner-al .buttons a.d-block .media{ align-items:center; margin-bottom:10px;}
.banner-al .buttons a.d-block .media .icon{ height:47px; line-height:47px; width:47px;}
.banner-al .buttons a.d-block .media .icon img{ width:27px;}
.banner-al .buttons a.d-block .media h4{ font-size:18px;}
.banner-al .container .image{ position:relative; width:auto; bottom:auto; right:auto; margin-top:30px;}

.al-w1 .title-block{ margin-bottom:38px;}
.btn-margin{ margin-top:38px;}
.section.section-al .section-block + .section-block{ margin-top:100px;}
.w4 .content .content-padding .latest h3{ font-size:22px;}
.w3 [class*="col-"] .content .full-img img, .w3 .item .content .full-img img{ height:150px; width:auto;}


.suggestion-wrapper .box{ padding:24px;}
.suggestion-wrapper .box .d-flex .user{ margin-left:16px;}
.suggestion-wrapper .box .d-flex .v-count{ margin-right:16px;}
.suggestion-wrapper .box, .suggestion-wrapper .nav-arrow{ margin-top:45px;}

.vote-right-box{ margin-top:40px;}

.login-logo{ color:var(--secondary); position:relative; top:auto; left:auto; right:auto; font-size:24px;}
.login-logo:before{ background:var(--primary); height:15px; width:15px;}
.login-logo span{ color:var(--primary);}
.login-logo:hover{ text-decoration:none; color:var(--white);}
.form-container{ padding-top:34px;}
.form-wrapper{ padding:40px 0}
.login-img{ margin:0 auto 52px; width:162px;}
.form-wrapper .title-block h3{ margin-bottom:52px; font-size:25px;}

.help-icon{ bottom:20px; right:20px;}
.help-popup{ left:20px; right:20px; bottom:20px;}
.help-popup .card-body{ width:auto;}
.help-popup .card-body{ padding:40px 24px 24px;}
.help-popup .card-body .bottom-links .icon, .help-popup .card-body .search-box .icon{ height:56px; width:56px; background-size:24px; margin-right:16px;}
.help-popup .card-body .content h3{ font-size:24px;}
.help-popup .card-body .search-box{ padding:20px;}
.help-popup .card-body .search-box h4, .help-popup .card-body .bottom-links h4{ font-size:18px;}
.help-popup .card-body .bottom-links{ padding:24px 40px 24px 24px;}
.help-popup .card-body .close-icon{ top:24px; right:24px;}
.help-popup .card-body .search-box .links{ padding-left:0; margin-left:0;}
.help-popup .card-body .search-box .links ul li a{ font-size:14px;}
.help-popup .card-body .bottom-links{ line-height:1.5;}
.help-popup .card-body .bottom-links:after { right:15px;}
.help-popup .card-body .bottom-links .align-items-center{-ms-flex-align:start !important; align-items:start !important;}

.ft-cont-sm{ display:none;}
.footer-title-1, .footer-title-2, .footer-title-3{ display:block; position:relative;}
.footer-title-1:after , .footer-title-2:after , .footer-title-3:after { font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:0; content:'\f107'; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.footer-title-1.active:after , .footer-title-2.active:after , .footer-title-3.active:after { font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:0; content:'\f106'; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} 
.help-popup .card-body:before{ display:none;}
.section-al-3 .section-block + .section-block{ margin-top:50px;}
.anchor:before{content:""; display:block; height:65px; margin-top:-65px}
.member-wrapper .member-item .media-body ol{position:initial;}
.header .logo:before{height:10px;width:10px;}
.member-row{padding-top:50px;}
.member-wrapper .member-row + .member-row{margin-top:40px;}
.footer-top .newsletter .ft-cont-sm{display:block !important;}
.footer-top h2{padding-left:0px;}
.w4 .content .list .media .icon{width:60px;height:60px;}
.section.w1{padding-top:30px;padding-bottom:0px;}
.title-block{margin-bottom:0px !important;}
.member-row .title-block{padding-bottom:30px;}
.single-mesures_obtenues .title-block .full-img{margin-top:30px;}
.related-news .title-block{padding-bottom:70px;}
.acc_content li a {line-height:1.7rem;}
.acc_content li {padding-top:10px;}
.acc_content{padding-bottom:10px;}
.section-block.w4.section-news-home{padding-bottom:70px;padding-top:70px;}
.section-block.w3{margin-top:70px !important;}
} 
/* END__ */
@media only screen and (max-width:500px) {
.header .dropdown-toggle .icon img{min-width:20px;}
.header .logo{padding-right:12px;}
}

@media only screen and (max-width:342px) {
.header .logo{font-size:15px;}
}
@media only screen and (max-width:335px) {
.banner h1 { font-size:30px;}
.banner .content [class*="col-"] .circle-content span.count { font-size: 45px;}
.banner .content [class*="col-"] .embed-responsive { width: 180px;}
h4, .h4 { font-size: 1.05rem;}
.w1 h2 { font-size:35px;}
.section, .w5 .section { padding:60px 0;}
.mobile-menu .acc_section .acc_head a { font-size:16px; line-height:23px; margin-bottom:15px;}
.mobile-menu .acc_content { font-size:14px; padding-bottom:13px;}
.btn, .form-control { font-size:14px; padding:9px 20px;}
} 
/* END__ */