@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
	
}
@media only screen and (max-width: 1590px){
	
	.servies-section-two .right-column,
	.servies-section-two .left-column {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.servies-section-two .auto-container {
		padding: 0 15px;
	}
	.features-section-two .bottom-content .image {
		margin-left: 0;
	}
	.features-section-two .bottom-content {
		padding: 0 15px;
	}
}
@media only screen and (max-width: 1500px){
	.header-top .right-column {
		display: none;
	}
	.header-top-two .link-btn .theme-btn {
		padding: 5px !important;
	}
	.header-top-two .btn-style-one:after{
		display: none;
	}
	.header-top-two .left-column{
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 1400px){
	.what_we_do-block .lower-content .count {
		display: none;
	}
	.services-section-three .ourfacts {
		padding-left: 0;
	}
	.contactContainer_right,.contactContainer_left{
		width: 100% !important;
		display: block !important;
		margin: 0 auto !important;
	}	
	.header-top-two .link-btn .theme-btn {
		padding: 5px !important;
	}
	.btn-style-one:before, .btn-style-one:after{
		display: none;
	}
}
@media only screen and (max-width: 1299px){
	.main-header.header-style-two .header-upper .link-box {
		display: none;
	}
	.header-style-two .header-top {
		padding-right: 0;
	}
	.banner-section .our-facts {
		display: none;
	}
}
@media only screen and (max-width: 1199px){
	.banner-section .banner-slider-nav {
		display: none;
	}
	.program-block .link-btn {
		position: relative;
		bottom: 0;
		margin-top: 20px;
	}
	
	.program-block .inner-box {
		background: #fff;
		padding-bottom: 45px;
	}
	
	.program-block .shape {
		display: none;
	}
	.news-section .auto-container,
	.main-header .auto-container {
		padding: 0 15px;
	}
	.features-section-two .bottom-content .image {
		margin-top: 30px;
		margin-left: 0;
	}
	.contactContainer_right,.contactContainer_left{
		width: 100% !important;
		display: block !important;
		margin: 0 auto !important;
	}	
	.header-top-two .link-btn .theme-btn {
		padding: 5px !important;
	}
	.btn-style-one:before, .btn-style-one:after{
		display: none;
	}
	.services-section-three .ourfacts {
		position: relative;
		display: flex;
		flex-direction: row;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 0 30px !important;
	}
}
@media only screen and (max-width: 1139px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler{
		display: block;
	}
	.navbar-right{
		display: none !important;
	}
}
@media only screen and (max-width: 991px){
	.services-section-three .content-block {
		padding: 30px;
	}
	.about-section.style-two .image-block {
		margin-left: 0;
	}
	.about-section .image-block {
		padding-left: 0;
		margin-left: 0;
	}
	.mayor-message-section .funfacts {
		margin-top: 60px;
	}
	.highlights-section .highlight-image {
		margin-left: 0;
		margin-right: 0;
	}
	.contact-info-block .inner-box:before {
		display: none;
	}
	.main-footer .footer-top .wrapper-box {
		margin-left: 0;
	}
	.main-footer .footer-top .logo:before {
		display: none;
	}
	.news-section {
		padding-bottom: 0;
	}
	.news-section .owl-dots {
		display: none;
	}
	.news-block .lower-content {
		padding: 45px 20px 30px; 
	}
	.video-section h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.contactContainer_right,.contactContainer_left{
		width: 100% !important;
		display: block !important;
		margin: 0 auto !important;
	}	
	.header-top-two .link-btn .theme-btn {
		padding: 5px !important;
	}
	.btn-style-one:before, .btn-style-one:after{
		display: none;
	}
	.header-top-two .left-column {
		margin-bottom: 15px;
	}
	.share_btn {
		margin: 30px auto;
	}
	.main-footer {
		padding: 20px !important;
	}
	.h1, h1 {
		font-size: 1.5rem;
	}
	ul.breadcrum_wrapper {
		padding: 0 20px;
	}
	.row {
		margin: 0 !important;
	}
	.municpalite_content {
		padding: 20px !important;
		text-align: justify !important;
	}
	.services-section-three .ourfacts {
		flex-direction: column;
	}
	.services-section-three .ourfacts .count-box,
	.services-section-three .ourfacts .text{
		font-size: 12px !important;
	}
    .column.counter-column {
        width: 360px;
        margin: 0 auto;
        max-width: 100%;
    }
}
@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}
@media only screen and (max-width: 767px){	
	br {
		display: none;
	}
	.banner-section .content-box .text{
		margin: 20px auto !important;
	}
	.features-section-two .bottom-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.event-block-two .date {
		font-size: 20px;
		line-height: 30px;
	}	
	.event-block-two .link-btn {
		position: relative;
		right: 0;
		top: 0;
		transform: translateY(0);
		margin-top: 24px;
	}	
	.event-block-two .image {
		padding-bottom: 30px;
	}	
	.event-block-two .image img {
		width: 100%;
	}
	.swiper-slide .content-box h1{
		max-width: 100%;
		font-size: 2rem !important;
		width: 350px !important;  
   		 margin: 10px auto;
	}
	.swiper-container .swiper-wrapper .swiper-slide{
		height: 400px !important;
		max-width: 100% !important;
	}
	.banner-section .content-box {
		min-height: 400px !important;
		max-width: 100% !important;
	}
	
	section.mayor-message-section-two.lemotdumaire img {
		max-height: 300px;
		margin: 0 auto;
		display: block;
		max-width: 100%;
	}
	.pagecustomContainer {
		margin-top: 20px !important;
		box-shadow: none !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}  
	.container.mx-auto.flex.px-5.py-8.sm\:py-16.md\:flex-row.flex-col.items-center,
	.container.mx-auto.flex.px-5.py-10.md\:flex-row.flex-col{
		padding: 20px !important;
		max-width: 100% !important;
	}
	.mayor-message-section-two {
		padding: 0 !important;
	}
	.sec-title {
		position: relative;
		margin-bottom: 20px !important;
	}
	.sec-title h2 {
		
		font-size: 50px !important;
		line-height: 25px !important;
		padding-bottom: 20px !important;
		font-size: 25px !important;
	}
	.feature-block .overlay,
	.page_home .what_we_do-section,
	.page_home .what_we_do-section,
	.event-wrapper{
		padding: 20px !important;
	}
	.link-btn {
		text-align: center;
		margin: 20px auto;
	}
	.services-section-three {
		padding: 20px !important;
	}
	.event-block-two .inner-box {
		padding: 0px !important;
	}
	.events-section-two .all-events {
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.team-section {
		padding: 0px 20px 20px;
	}
	.contactContainerMax, .devenirVolontaireContainerMax {
		margin: 0 !important;
		padding: 20px !important;
	}
	.contactContainer_right, .devenirVolontaireContainer_right,
	.contactContainer_left, .devenirVolontaireContainer_left{
		width: 100% !important;
		margin: 0 auto !important;
	}
	.sec-title .big-title {
		font-size: 30px !important;
	}
	.team-block {
		position: relative;
		margin-bottom: 20px;
	}
	.services_black_img {
		HEIGHT: 250px;
	}
	section.what_we_do-section.secretariat_general {
		padding: 20px;
		text-align: justify;
	}
	section.what_we_do-section.secretariat_general img {
		max-width: 100%;
		height: auto !important;
	}
	.accordion .accordion-item .accordion-header {
		padding: 20px 50px 20px 20px;
	}
	.demarches_content_title, .municpalite_title h4{
		font-size: 1.4rem;
		padding: 20px;
	}
	.page_deliberation .auto-container.pagecustomContainer {
		padding: 20px !important;
	}
	.municpalite_img {
		height: 250px;
	}
	.burok-program .burok-program_title h2,
	.programme_container h1, .postMainTitle,
	.swiper-wrapper h2 {
		font-size: 2rem !important;
	}
	.burok-program .burok-program_sub_title h2 {
		font-size: 1.5rem !important;
		margin-top: 20px;
	}
	.content-img {
		margin-bottom: 20px;
	}
	.grid-item--width2 { width: 40% !important; }
	.grid-item--height2 { height: 200px 40% !important; }
	.page_ess table:nth-child(1) td {
		width: 100%;
		display: block;
	}
	.page_ess table img {
		margin: 20px auto;
		height: auto !important;
	}
	.page_ess h2 {
		font-size: 1.5rem;
		max-width: 100%;
		line-height: 1.8rem;
	}
	.page_ess tr {
		display: block;
	}
	.page_ess table, .page_ess table td {
		border: none !important;
		display: block !important;
		margin: 0 auto;
		width: 100%;
	}
	.page_ess tbody {
		display: block;
	}
	.sec-title {
		margin-bottom: 20px !important;
	}
}
@media screen and (min-width: 575px) and (max-width: 1200px){
	.burok-program .burok-program_title h2, .programme_container h1, .postMainTitle, .swiper-wrapper h2{
		font-size: 2rem !important;
	}
	.banner-section .content-box{
		max-width: 600px !important;
		margin: 0 auto;
		justify-content: center;
	}
	.banner-section .content-box h1{
		font-size: 2rem !important;
		line-height: 2.5rem !important;
	}
}
@media only screen and (max-width: 575px){
	.project-block .content {
		left: 30px;
		bottom: 30px;
	}	
	section.mayor-message-section-two.lemotdumaire p {
		text-align: justify;
		line-height: 30px;
	}
	.sec-title .big-title {
		color: #41924c !important;
		top: -10px !important;
	}
	.project-block h4:before {
		display: none;
	}
	.contact-info-section .wrapper-box {
		padding-left: 20px;
		padding-right: 20px;
	}
	.feature-block .inner-box {
		padding: 50px 15px;
	}
	.sec-title h2 {
		font-size: 40px;
	}
	.banner-section .content-box h1 {
		font-size: 40px;
		line-height: 55px;
	}
	.banner-section .content-box .text,
	.swiper-slide h2 {
		font-size: 18px;
		line-height: 30px;
		width: 350px !important;
   		 margin: 0 auto;
	}
	
	.feature-block .overlay .link-btn {
		right: 30px !important;
		bottom: 20px !important;
	}
	.sec-title, .text{
		padding: 20px;
	}
	.grid-item--width2 { width: 100% !important; }
	.grid-item--height2 { height: 200px 40% !important; }
	div#grid_page {
		padding: 20px;
	}
	ul#isotope_filters {
		margin: 20px auto;
	}
	.share_btn button {
		padding: 10px 25px;
		margin: 20px 0 auto;
	}
	.main-footer .sec-title, .text{
		padding: 0 !important;
	}
	.auto-container.pagecustomContainer img {
		max-width: 100%;
		height: auto !important;
	}
	.sec-title .big-title{
		position: relative;
		margin-top: 20px !important;
	}
	section.mayor-message-section-two.lemotdumaire img{
		max-height: 100%;
	}
	.link-btn{
		margin: 0 !important;
	}
	.services-section-three .ourfacts .icon{
		font-size: 20px;
	}
    .services-section-three .ourfacts .icon {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
    }
	.services-section-three .ourfacts .text{
		margin-bottom: 0 !important;
	}
	.column.counter-column {
		width: 245px;
	}
	.event-block-two .image{
		height: auto !important;
	}
	.event-block-two .content{
		padding-left: 0 !important;
	}
	.services-section-three .content-block{
		padding: 0 !important;
	}
	.contact-widget {
		margin-bottom: 0 !important;
	}
	.footer-bottom .wrapper-box {
		padding: 12px;
	}
	.footer-bottom .wrapper-box {
		padding: 12px;
	}
	.main-footer .widgets-section {
		padding-top: 20px !important;
	}
	.share_btn {
		margin: 0px auto;
	}
	.page_lemaire .municpalite_content img {
		margin-bottom: 20px;
	}
}