/* Mobile */
@media  (max-width: 1199px) {
	 #nav-icon1::before{
        content: "MENU";
        color: #318ce7;
        font-weight: 700;
        font-size: 17px;
        text-transform: uppercase;
        position: absolute;
        top: -25px;
        left: -4px;
    }
    #nav-icon1{
        width: 40px;
        height: 30px;
        position: relative;
        margin: 20px auto 0px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #318ce7;
        border-radius: 0;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon1 span:nth-child(2) {
        top: 13px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 25px;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 13px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 13px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    #upline .menu-upline li {
        margin: 0 10px;
    }
    #upline .menu-upline li:last-of-type{
        margin-left: 0;
    }
    #upline .menu-upline {
        justify-content: center;
    }
    #upline .menu-upline li::after {
        right: -10px;
    }
	
	header .navbar-expand-xl .navbar-collapse {
        left: -32px;
        width: calc(100% + 63px);
    }
	
	header .logo img{
        width: 200px;
    }
    header .navbar-expand-xl .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 10;
        background: #d8d8d8;
        width: 100%;
        padding: 1rem 0;
    }
    header .navbar-expand-xl .navbar-nav .nav-item::after,
    header .navbar-expand-xl .navbar-nav .menu-item::after{
        content: none;
    }
    header .navbar-expand-xl .navbar-nav .nav-item a,
    header .navbar-expand-xl .navbar-nav .menu-item a {
        padding-left: 0;
        padding-right: 0;
    }
	
	.idvente .search .secteur{ width: 238px; }
	.idvente .search .secteur2{ max-width: 111px; width: auto; }
	
	.navbarmobil{ display: block !important; }

    .navbar .navbar-expand-xl{
        left: auto;
        width: 100px;
        
		justify-content: none;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        z-index: 9999;
    }
	.navbar-expand-xl{
		justify-content: flex-end;
		left: 0;
		margin: auto;
		top: 55px;
		position: fixed !important;
		right: 0;
		z-index: 3;
		
		-webkit-transition: top ease .5s;
		-moz-transition: top ease .5s;
		-o-transition: top ease .5s;
		transition: top ease .5s;
	}
	.btn-float a .text{ height: 36px; }
	body.affix .navbar-expand-xl{ top: 0; }
	#masthead #header-menu .sub-menu{
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	header .navbar-expand-xl .navbar-nav .menu-item{ margin-left: 15px; margin-right: 15px; }
	header .navbar-expand-xl .navbar-nav .sub-menu .menu-item-has-children{ margin-right: 0; }
	.navbar-expand-xl .navbar-brand{ display: none !important; }
	#calendrier .flatpickr-calendar{ width: 270px; }
	#calendrier .flatpickr-calendar .dayContainer{ max-width: 270px; min-width: 270px; }
	#calendrier .cal-info .flatpickr-calendar .dayContainer,
	#calendrier .cal-info .flatpickr-weekdaycontainer{ max-width: initial; min-width: initial; }
	
	#masthead #header-menu .sub-menu .menu-item-has-children .sub-menu{
		display:block;
		margin-right: 15px;
		opacity: 1!important;
		right: auto;
		top: auto;
		z-index: inherit;
	}
}
@media  (max-width: 1024px) {
    /* Header / Footer */
    #calendrier .area-buttons button,
    #calendrier2 .area-buttons button{
        margin: 0;
    }
    #location-content h1{
        font-size: 35px;
        line-height: 30px;
    }
    #map, .cmap{
        margin-bottom: 2rem;
    }
    #location-content.single-location h1::before, #location-content.single-location h2::before{
        left: -8px;
    }
    .mobile{
        display: block !important;
    }
    .contact-mobile{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 10px 0 !important;
    }
    .contact-mobile li{
        margin: 0 1rem;
    }
    .navbar .logo{
        margin-right: 0;
        z-index: 10000;
    }
    html{
        overflow-x: hidden !important;
        /* padding-bottom: 50px; */
    }
    
    footer .container-fluid {
        padding: 25px 15px;
    }
    footer .logo-footer img{
        width: 250px;
    }
    footer .logo-footer{
        text-align: center;
        margin-bottom: 15px;
    }
    footer p {
        font-size: 15px;
        line-height: 20px;
    }
    footer .tel {
        font-size: 20px;
        line-height: 20px;
        margin-top: 15px;
    }
    footer .menu-footer ul {
        flex-wrap: wrap;
    }
    footer .menu-footer ul li{
        margin: 3px 15px;
    }
    footer .menu-footer{
        padding: 15px 0;
    }
    footer .menu-footer ul li::after{
        content: none;
    }
    footer .menu-footer ul li:nth-last-child(2)::after{
        content: "";
        right: -15px;
    }
	#footer{margin-bottom:50px;}
	
	#vente.single-location .intro, 
	.idvente.single-location .intro{
		padding-left: 30px;
	}
	#vente.single-location .listing-vente, 
	.idvente.single-location .listing-vente{
		margin-top: 10px !important;
	}
	
	h1::before, .titre2::before,
	.single-post h4::before,
	#location-content.single-location h1::before, 
	#location-content.single-location h2::before{
		height: 100% !important;
		top: 2px !important;
	}
	
	body.post-type-archive-product .search-container.position-relative,
	body.page-template-page-vente-location .search-container.position-relative{
		display: flex;
		width: 100%;
	}
	body.post-type-archive-product .idvente .select-styled,
	body.page-template-page-vente-location .idvente .select-styled{
		width: auto;
	}
	body.post-type-archive-product select[name="secteur2"],
	body.page-template-page-vente-location select[name="secteur2"]{
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}
	#calendrier .cal-info .dayContainer:last-child, 
	#calendrier .flatpickr-weekdaycontainer:last-child{
		margin-left: 4%;
	}
	#actus .block-actus p{ width: 100%; }
	
	#pcontent h2, #location-content.single-location .content-single2 h2, #location-content .content-desc h2{ font-size: 2.3rem; line-height: normal; }
	#vente .search .search-container, #vente .search .select-search, 
	.idvente .search .search-container, .idvente .search .select-search, 
	#nbDuree .search .search-container, #nbDuree .search .select-search{
		width: inherit;
	}
	#location-content .filtre-listing #vente .select-search,
	#location-content .filtre-listing .idvente .select-search{ padding-right: 25px; }
	
	#location-content.single-location .caracteristique3::before{bottom: 30px;}
}
@media only screen and (max-width: 991px){
	#to_top_scrollup{ display: none !important; }
	.page-template-page-vente-location .idvente .search button{ position: absolute; right: 0; left: auto; }
	
	#calendrier .mvvwb_date_row.mvvwb_showInline, #calendrier .mvvwb_duration2,
	#calendrier2 .mvvwb_date_row.mvvwb_showInline, #calendrier2 .mvvwb_duration2{ margin-top: 25px; }
	#calendrier .flatpickr-calendar, #calendrier2 .flatpickr-calendar{ margin: 0; width: 220px; }
	#calendrier .flatpickr-weekday, #calendrier2 .flatpickr-weekday{ padding: 8px 0; }
	#calendrier .flatpickr-months, #calendrier2 .flatpickr-months{ padding: 0; }
	#calendrier .flatpickr-next-month, #calendrier .flatpickr-prev-month,
	#calendrier2 .flatpickr-next-month, #calendrier2 .flatpickr-prev-month{ height: 34px; }
	#calendrier .flatpickr-calendar .dayContainer, #calendrier2 .flatpickr-calendar .dayContainer,
	#calendrier .flatpickr-weekdaycontainer, #calendrier2 .flatpickr-weekdaycontainer{
		max-width: 220px; 
		min-width: 220px;
	}
	#calendrier .flatpickr-day::before, #calendrier .flatpickr-day::after,
	#calendrier2 .flatpickr-day::before, #calendrier2 .flatpickr-day::after{ height: 26px; width: 26px; }
	#calendrier .flatpickr-day, #calendrier2 .flatpickr-day{ font-size: 13px; height: 28px; line-height: 28px; }
	#calendrier .flatpickr-day:not(.flatpickr-disabled):not(.flatpickr-booked):hover::after,
	#calendrier2 .flatpickr-day:not(.flatpickr-disabled):not(.flatpickr-booked):hover::after{ bottom: -1px; height: 30px; left: -1px; right: -1px; top: -1px; width: 30px; }
	#calendrier .cal-info .dayContainer:last-child, 
	#calendrier .flatpickr-weekdaycontainer:last-child,
	#calendrier2 .cal-info .dayContainer:last-child, 
	#calendrier2 .flatpickr-weekdaycontainer:last-child{
		margin-left: 2%;
	}
	#calendrier2 .flatpickr-day.selected::after{height:30px;width:30px;}
	.yeucal{top:calc(100% - 45px)!important;}
}
@media (min-width: 768px) and (max-width: 1024px) {
     /* Accueil */
     header .navbar-expand-xl .navbar-collapse {
        left: -24px;
        width: calc(100% + 48px);
    }
     #banniere .col-sm-12{
        padding: 0;
    }
    #banniere .box-banniere {
        height: 50vh;
        margin-bottom: 15px;
    }
    #intro .logo-intro {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    #intro .logo-intro a img{
        width: 200px;
    }
    h1,.titre2 {
        font-size: 40px;
        line-height: 45px;
    }
    h1::before,.titre2::before {
        top: 7px;
    }
    h2 {
        font-size: 35px;
        line-height: 30px;
    }
    #intro .date {
        font-size: 20px;
    }
    #intro .content {
        padding-left: 15px;
        margin-top: 15px;
    }
    #intro .titre {
        font-size: 18px;
        line-height: 20px;
    }
    #intro .tarifs li a {
        font-size: 20px;
        padding: 10px 20px 12px 25px;
    }
    #intro .tarifs li {
        margin: 0 20px;
    }
    #intro .tarifs .img-btn img{
        width: 25px;
    }
    #intro .tarifs .img-btn {
        width: 25px;
        height: 31px;
    }
    #intro {
        margin-bottom: 50px;
    }
    #vente h2, .idvente h2 {
        margin-bottom: 25px;
    }
    h2::before,h3::before {
        height: 40px;
        left: -15px;
        top: -5px;
    }
    #intro .tarifs {
        margin-top: 50px;
    }
    #intro::after {
        top: -195px;
    }
    #vente .search, .idvente .search {
        width: 100%;
        margin-right: 0;
    }
    #vente .search input, .idvente .search input {
        width: 200px;
    }
    #vente .select-styled, .idvente .select-styled {
        font-size: 13px;
        width: 100px;
    }
    .btn-custom2 {
        font-size: 18px;
    }
    .btn-custom2 .img-btn img{
        width: 25px;
    }
    .btn-custom2 .img-btn {
        width: 25px;
        height: 26px;
    }
    #vente .btn-custom2, .idvente .btn-custom2{
        margin-left: 15px;
    }
    #vente .listing-vente, .idvente .listing-vente {
        margin-top: 20px;
        padding: 0 15;
    }
    #vente .listing-vente .box-vente, .idvente .listing-vente .box-vente {
        margin: 20px 0;
    }
    #vente .listing-vente .box-vente .prix, .idvente .listing-vente .box-vente .prix{
        font-size: 25px;
    }
    #vente .listing-vente .box-vente .titre,#vente .listing-vente .box-img .semaine,
    .idvente .listing-vente .box-vente .titre, .idvente .listing-vente .box-img .semaine{
        font-size: 15px;
    }
    #vente.location h3, #vente.location h4,
    .idvente.location h3, .idvente.location h4 {
        margin-bottom: 25px;
    }
    h3,h4 {
        font-size: 35px !important;
        line-height: 30px;
    }
    #vente.location, .idvente.location{
        margin-top: 20px;
        margin-bottom: 50px;
    }
    #vente.location .listing-vente .box-vente .prix, .idvente.location .listing-vente .box-vente .prix {
        margin-bottom: 15px;
    }
    #services {
        padding: 25px 0;
        margin-bottom: 40px;
    }
    #services h3::before,#actus h3::before{
        left: -10px;
        top: 0;
    }
    #services .listing-services {
        margin-top: 20px;
    }
    #services .listing-services .titre {
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
    }
    #actus h3 {
        margin-bottom: 30px;
    }
    #actus .listing-actus .slick-slide {
        height: 300px;
    }
    #actus .block-actus {
        margin-left: 0;
    }
    #actus .block-actus .titre {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    #actus .block-actus .date {
        margin-bottom: 5px;
    }
    #actus .block-actus .titre::before {
        top: 25px;
    }
    #actus .block-actus .btn-custom {
        padding: 10px 30px;
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 15px;
    }
    #actus {
        margin-bottom: 50px;
    }
    #vente .listing-vente .box-img, .idvente .listing-vente .box-img{
        height: 200px;
    }
    #vente .listing-vente .box-img .annee, .idvente .listing-vente .box-img .annee{
        font-size: 15px;
    }
    #actus .listing-actus .slick-dots button {
        width: 40px;
    }
    footer .menu-footer ul li:first-child::after {
        content: "";
        right: -15px;
    }
    #actus .block-actus p{
        font-size: 13px;
    }

    /* Location */
    #banniere.page-banniere .titre2 {
        font-size: 50px;
    }
    #location-content {
        margin-bottom: 30px;
    }
    #location-content .col-sm-8{
        padding-left: 15px !important;
    }
    #location-content .titre-search {
        font-size: 25px;
        line-height: initial;
        margin-bottom: 0;
        margin-top: 25px;
        text-align: center;
    }
    #location-content #vente .filter, #location-content .idvente .filter {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #location-content .filtre-listing {
        justify-content: center;
        min-height: auto;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    #location-content .filtre-listing li {
        margin: 0 1%;
        width: 31.33%;
    }
    #location-content #vente, #location-content .idvente {
        margin-bottom: 0;
    }
    #location-content .filtre-listing #vente .search, #location-content .filtre-listing .idvente .search{
        width: 100%;
    }
    #location-content .filtre-listing #vente .select-styled, #location-content .filtre-listing .idvente .select-styled {
        padding: 0;
        font-size: 12px;
    }
    #location-content .filtre-listing .select-styled::after{
        right: -15px;
    }
    #location-content .listing-vente {
        padding: 0;
    }
    #location-content .listing-vente .box-img{
        /* height: 150px; */
        height: 270px;
    }
    #location-content .listing-vente .box-vente .prix{
        font-size: 20px;
    }
    .pagination {
        margin:15px 0 !important;
    }
    #location-content .sidebar .titre{
        font-size: 25px;
        margin-bottom: 10px;
    }
    #location-content .sidebar {
        padding: 20px 15px;
    }
    #location-content .sidebar p {
        font-size: 15px;
        line-height: 20px;
    }
    #location-content .sidebar .tel {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #location-content .sidebar .news a {
        font-size: 20px;
    }
    #location-content .sidebar .sidebar-actus .slick-slide {
        height: 300px;
    }
    #location-content .row > .col-sm-4,#location-content .row > .col-sm-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #location-content .sidebar{
        width: 50%;
        margin: 0 auto;
    }
    #location-content .listing-vente .col-sm-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #location-content #vente .search input, #location-content .idvente .search input{
        width: 300px;
    }
    #location-content .sidebar .news a::before{
        top: 50%;
        transform: translateY(-50%);
    }

    /* Single location */
    .breadcrumb {
        /* margin: 0 0 5px 15px !important; */
    }
    .breadcrumb li a,.breadcrumb li{
        font-size: 13px;
    }
    #location-content.single-location .content-single {
        margin-top: 15px;
    }
    #location-content.single-location h1 {
        font-size: 25px;
        line-height: 35px;
    }
    #location-content.single-location h2{
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .galerie-listing .slick-slide {
        height: 400px;
    }
    #location-content.single-location .galerie-listing-nav .slick-slide {
        height: 80px;
        text-align: center;
    }
    #location-content.single-location .galerie-listing-nav .slick-slide img {
        margin: 0 auto;
    }
    #location-content.single-location .galerie-listing-nav {
        margin-bottom: 30px;
    }
    #location-content.single-location h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    #location-content.single-location p {
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .table-detail{
        width: 100%;
    }
    #location-content.single-location .table-detail table tr td,#location-content.single-location .table-detail table tr th {
        font-size: 15px;
        padding: 10px 15px;
    }
    #location-content.single-location .caracteristique li .titres{
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .caracteristique2 {
        margin: 30px 0;
    }
    #location-content.single-location .caracteristique{
        flex-wrap: wrap;
    }
    #location-content.single-location .caracteristique3 li .titres{
        margin-bottom: 20px;
    }
	#location-content.single-location .caracteristique3::after{ bottom: 20px; }
    #location-content.single-location #map-canvas,#location-content.single-location #map-canvas2 {
        height: 300px;
        margin-bottom: 3rem;
    }
    #location-content .sidebar.single-location .prix{
        font-size: 30px;
    }
    #location-content .sidebar.single-location .prix span{
        font-size: 25px;
        margin: 5px 0 0 0;
        padding: 5px 0 2px 0;
    }
    #location-content .sidebar.single-location .reservez li .titres{
        font-size: 15px;
    }
    #vente.single-location .intro h3, .idvente.single-location .intro h3{
        font-size: 30px;
        line-height: 30px;
    }
    #vente.single-location .listing-vente, .idvente.single-location .listing-vente {
        margin-top: 0px;
        padding: 0 15px;
    }
    #location-content.single-location .caracteristique{
        justify-content: flex-start;
    }
    #location-content.single-location .caracteristique li{
        width: 33.33%;
    }
}
@media (max-width: 768px){
    #masthead #header-menu .sub-menu .menu-item-has-children:before{ display: block!important; }
    #masthead #header-menu li .sub-menu li a{
        max-width: 250px;
    }
    #masthead #header-menu .sub-menu .sub-menu{
        
	visibility: visible!important;
    }
	.navbar-expand-xl{ top: 35px; }
    .navbar-brand.logo img.img-fluid {
        width: 200px;
    }
    .grecaptcha-badge {
        bottom: 80px !important;
    }
    header .navbar-expand-xl .navbar-collapse {
       
        top: 0%;
        padding-top:60px !important;
        padding: 1rem 0;
    }
    header button.navbar-toggler {
        z-index: 999999;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    footer .menu-footer ul li::after {
        content: "";
        right: -15px;
    }
    header .navbar-expand-xl .navbar-collapse {
        left: -32px;
        width: calc(100% + 63px);
    }
    #actus .block-actus p{
        font-size: 15px;
    }
    #location-content .row > .col-sm-8{
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    #location-content .row > .col-sm-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    #location-content .sidebar {
        width: 100%;
        margin: 0 auto;
    }
    #location-content .row .listing-vente .col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #location-content .sidebar.single-location #vente .search input, 
	#location-content .sidebar.single-location .idvente .search input,
	.idvente .search .secteur:not(.secteur-hp):not(.secteur2){
        width: 111px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
     /* Accueil */
     #banniere .col-sm-12{
        padding: 0;
    }
    #banniere .box-banniere {
        height: 70vh;
        margin-bottom: 15px;
    }
    #intro .logo-intro {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    #intro .logo-intro a img{
        width: 200px;
    }
    h1,.titre2 {
        font-size: 30px;
        line-height: 35px;
    }
    h1::before,.titre2::before {
        top: 7px;
    }
    h2 {
        font-size: 35px;
        line-height: 30px;
    }
    #intro .date {
        font-size: 20px;
    }
    #intro .content {
        padding-left: 15px;
        margin-top: 15px;
    }
    #intro .titre {
        font-size: 18px;
        line-height: 20px;
    }
    #intro .tarifs li a {
        font-size: 20px;
        padding: 10px 20px 12px 25px;
    }
    #intro .tarifs li {
        font-size: 25px;
        margin: 0 15px;
    }
    #intro .tarifs .img-btn img{
        width: 25px;
    }
    #intro .tarifs .img-btn {
        width: 25px;
        height: 31px;
    }
    #intro {
        margin-bottom: 50px;
    }
    #vente h2, .idvente h2 {
        margin-bottom: 25px;
    }
    h2::before,h3::before {
        height: 40px;
        left: -15px;
        top: -5px;
    }
    #intro .tarifs {
        margin-top: 50px;
    }
    #intro::after {
        top: -195px;
    }
    #vente .search, .idvente .search {
        width: 100%;
        margin-right: 0;
    }
    #vente .filter, .idvente .filter {
        flex-direction: column;
    }
    #vente .search input, .idvente .search input {
        width: 150px;
    }
    #vente .select-styled, .idvente .select-styled {
        font-size: 13px;
        width: 100px;
    }
    .btn-custom2 {
        font-size: 18px;
    }
    .btn-custom2 .img-btn img{
        width: 25px;
    }
    .btn-custom2 .img-btn {
        width: 25px;
        height: 26px;
    }
    #vente .btn-custom2, .idvente .btn-custom2{
        margin-top: 15px;
    }
    #vente .listing-vente, .idvente .listing-vente {
        margin-top: 20px;
        padding: 0 15;
    }
    #vente .listing-vente .box-vente, .idvente .listing-vente .box-vente {
        margin: 20px 0;
    }
    #vente .listing-vente .box-vente .prix, .idvente .listing-vente .box-vente .prix{
        font-size: 30px;
    }
    #vente .listing-vente .box-vente .titre,#vente .listing-vente .box-img .semaine,
    .idvente .listing-vente .box-vente .titre, .idvente .listing-vente .box-img .semaine{
        font-size: 15px;
    }
    #vente.location h3, #vente.location h4 ,
    .idvente.location h3, .idvente.location h4 {
        margin-bottom: 25px;
    }
    h3,h4 {
        font-size: 35px !important;
        line-height: 30px;
    }
    #vente.location, .idvente.location {
        margin-top: 20px;
        margin-bottom: 50px;
    }
    #vente.location .listing-vente .box-vente .prix, .idvente.location .listing-vente .box-vente .prix {
        margin-bottom: 15px;
    }
    #services {
        padding: 25px 0;
        margin-bottom: 40px;
    }
    #services h3::before,#actus h3::before{
        left: -10px;
        top: 0;
    }
    #services .listing-services {
        margin-top: 20px;
    }
    #services .listing-services .titre {
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
    }
    #actus h3 {
        margin-bottom: 30px;
    }
    #actus .listing-actus .slick-slide {
        height: 300px;
    }
    #actus .block-actus {
        margin-top: 30px;
        margin-left: 0;
    }
    #actus .block-actus .titre {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    #actus .block-actus .date {
        margin-bottom: 5px;
    }
    #actus .block-actus .titre::before {
        top: 25px;
    }
    #actus .block-actus .btn-custom {
        padding: 10px 30px;
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 15px;
    }
    #actus {
        margin-bottom: 50px;
    }
    #vente .col-sm-4, .idvente .col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #vente .listing-vente .box-img, .idvente .listing-vente .box-img{
        height: 200px;
    }
    #actus .col-sm-5,#actus .col-sm-7{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .conten-footer{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .menu-footer ul li:first-child::after {
        content: "";
        right: -15px;
    }
    #vente .listing-vente .box-img .annee, .idvente .listing-vente .box-img .annee{
        font-size: 15px;
    }

    /* Location */
    #banniere.page-banniere .titre2 {
        font-size: 50px;
    }
    #location-content {
        margin-bottom: 30px;
    }
    #location-content .col-sm-8{
        padding-left: 15px !important;
    }
    #location-content .titre-search {
        font-size: 25px;
        line-height: initial;
        margin-bottom: 0;
        margin-top: 25px;
        text-align: center;
    }
    #location-content #vente .filter, #location-content .idvente .filter {
        margin-top: 10px;
    }
    #location-content .filtre-listing {
        justify-content: center;
        min-height: auto;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    #location-content .filtre-listing li {
        margin: 0 1%;
        width: 48%;
    }
    #location-content #vente, #location-content .idvente{
        margin-bottom: 0;
    }
    #location-content .filtre-listing #vente .search, #location-content .filtre-listing .idvente .search{
        width: 100%;
    }
    #location-content .filtre-listing #vente .select-styled, #location-content .filtre-listing .idvente .select-styled {
        padding: 0;
        font-size: 12px;
    }
    #location-content .filtre-listing .select-styled::after{
        right: -15px;
    }
    #location-content .listing-vente {
        padding: 0;
    }
    #location-content .listing-vente .box-img{
        /* height: 150px; */
        height: 210px;
    }
    #location-content .listing-vente .box-vente .prix{
        font-size: 20px;
    }
    .pagination {
        margin:15px 0 !important;
    }
    #location-content .sidebar .titre{
        font-size: 25px;
        margin-bottom: 10px;
    }
    #location-content .sidebar {
        padding: 20px 15px;
    }
    #location-content .sidebar p {
        font-size: 15px;
        line-height: 20px;
    }
    #location-content .sidebar .tel {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #location-content .sidebar .news a {
        font-size: 20px;
    }
    #location-content .sidebar .sidebar-actus .slick-slide {
        height: 300px;
    }
    #location-content .row > .col-sm-4,#location-content .row > .col-sm-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #location-content .listing-vente .col-sm-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #location-content .sidebar .news a::before{
        top: 50%;
        transform: translateY(-50%);
    }

    /* Single location */
    .breadcrumb {
        /* margin: 0 0 5px 15px !important; */
    }
    .breadcrumb li a,.breadcrumb li{
        font-size: 13px;
    }
    #location-content.single-location .content-single {
        margin-top: 15px;
    }
    #location-content.single-location h1 {
        font-size: 25px;
        line-height: 35px;
    }
    #location-content.single-location h2{
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .galerie-listing .slick-slide {
        height: 250px;
    }
    #location-content.single-location .galerie-listing-nav .slick-slide {
        height: 80px;
        text-align: center;
    }
    #location-content.single-location .galerie-listing-nav .slick-slide img {
        margin: 0 auto;
    }
    #location-content.single-location .galerie-listing-nav {
        margin-bottom: 30px;
    }
    #location-content.single-location h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    #location-content.single-location p {
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .table-detail{
        width: 100%;
    }
    #location-content.single-location .table-detail table tr td,#location-content.single-location .table-detail table tr th {
        font-size: 15px;
        padding: 10px 15px;
    }
    #location-content.single-location .caracteristique li .titres{
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .caracteristique2 {
        margin: 30px 0;
    }
    #location-content.single-location .caracteristique{
        flex-wrap: wrap;
    }
    #location-content.single-location .caracteristique3 li .titres{
        margin-bottom: 20px;
    }
	#location-content.single-location .caracteristique3::after{ bottom: 20px; }
    #location-content.single-location #map-canvas,#location-content.single-location #map-canvas2 {
        height: 300px;
        margin-bottom: 3rem;
    }
    #location-content .sidebar.single-location .prix{
        font-size: 30px;
    }
    #location-content .sidebar.single-location .prix span{
        font-size: 25px;
        margin: 5px 0 0 0;
        padding: 5px 0 2px 0;
    }
    #location-content .sidebar.single-location .reservez li .titres{
        font-size: 15px;
    }
    #vente.single-location .intro h3, .idvente.single-location .intro h3{
        font-size: 30px;
        line-height: 30px;
    }
    #vente.single-location .listing-vente, .idvente.single-location .listing-vente {
        margin-top: 0px;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 575px){
	#calendrier .mvvwb_booking_panel .mvvwb_wrap, #calendrier2 .mvvwb_booking_panel .mvvwb_wrap{ display: block !important; }
	.breadcrumb{ margin-left: 15px !important; }
	#primaryNav.col4 li{ width: 50%; }
	.wpcf7-form-control-wrap.nom, .wpcf7-form-control-wrap.email{
		display: block;
		margin-bottom: 1rem;
	}
}
@media only screen and (max-width: 520px){
	#calendrier2 ul._reservez{flex-direction: column;align-items:center;}
	#calendrier2 ul._reservez li:last-child{margin-top:1rem!important;}
	.yeucal{width:100%;}
}
@media only screen and (max-width: 480px){
	#vente .search .secteur-hpv,
	.idvente .search .secteur-hp/*,
	.page-template-page-vente-location .idvente .search .secteur,
	.post-type-archive-product .idvente .search .secteur*/{
		max-width: 120px;
		width: auto;
	}
	#location-content .listing-vente .box-img{
        height: 250px;
    }
	.page-template-page-vente-location .idvente .search .secteur, 
	.post-type-archive-product .idvente .search .secteur{
		max-width: 150px;
	}
	#calendrier .area-buttons button, #calendrier2 .area-buttons button{ display: block; margin-bottom: 10px; }
	#calendrier .cal-info .flatpickr-weekdaycontainer:first-child,
	#calendrier .cal-info .flatpickr-weekdaycontainer:last-child
	#calendrier .cal-info .dayContainer:first-child, 
	#calendrier .cal-info .dayContainer:last-child,
	#calendrier2 .cal-info .flatpickr-weekdaycontainer:first-child,
	#calendrier2 .cal-info .flatpickr-weekdaycontainer:last-child
	#calendrier2 .cal-info .dayContainer:first-child, 
	#calendrier2 .cal-info .dayContainer:last-child{
		margin-left: auto;
		margin-right: auto;
	}
	#calendrier .cal-info .flatpickr-calendar .dayContainer, 
	#calendrier .cal-info .flatpickr-weekdaycontainer,
	#calendrier2 .cal-info .flatpickr-calendar .dayContainer, 
	#calendrier2 .cal-info .flatpickr-weekdaycontainer{
		max-width: 235px;
		min-width: 235px;
	}
	#location-content.single-location .caracteristique3 li{ margin-bottom:0.5rem!important;width: 100%!important; }
	.clvide{ display: none; }
}
@media only screen and (min-width: 300px) and (max-width: 480px) {
    /* Accueil */
    #banniere .col-sm-12{
        padding: 0;
    }
    #banniere .box-banniere {
        height: 50vh;
        margin-bottom: 15px;
    }
    #intro .logo-intro {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    #intro .logo-intro a img{
        width: 200px;
    }
    h1,.titre2{
        font-size: 40px;
        line-height: 45px;
    }
    h1::before,.titre2::before {
        top: 7px;
    }
    h2 {
        font-size: 35px;
        line-height: 30px;
    }
    #intro .date {
        font-size: 20px;
    }
    #intro .content {
        padding-left: 15px;
        margin-top: 15px;
    }
    #intro .titre {
        font-size: 18px;
        line-height: 20px;
    }
    #intro .tarifs li a {
        font-size: 20px;
        padding: 10px 20px 12px 25px;
    }
    #intro .tarifs li {
        font-size: 25px;
        margin: 0;
        width: 40%;
    }
    #intro .tarifs li:last-of-type{
        width: 50%;
    }
    #intro .tarifs .img-btn img{
        width: 25px;
    }
    #intro .tarifs .img-btn {
        width: 25px;
        height: 31px;
    }
    #intro {
        margin-bottom: 50px;
    }
    #vente h2, .idvente h2 {
        margin-bottom: 25px;
    }
    h2::before,h3::before {
        height: 40px;
        left: -8px;
        top: -5px;
    }
    #intro .tarifs {
        margin-top: 50px;
    }
    #intro::after {
        top: -195px;
    }
    #vente .search, .idvente .search {
        width: 100%;
        margin-right: 0;
    }
    #vente .filter, .idvente .filter {
        flex-direction: column;
    }
    #vente .search input, .idvente .search input {
        width: 150px;
    }
    #vente .select-styled, .idvente .select-styled {
        font-size: 13px;
        width: 100px;
    }
    .btn-custom2 {
        font-size: 18px;
    }
    .btn-custom2 .img-btn img{
        width: 25px;
    }
    .btn-custom2 .img-btn {
        width: 25px;
        height: 26px;
    }
    #vente .btn-custom2, .idvente .btn-custom2{
        margin-top: 15px;
    }
    #vente .listing-vente, .idvente .listing-vente {
        margin-top: 20px;
        padding: 0 15;
    }
    #vente .listing-vente .box-vente, .idvente .listing-vente .box-vente {
        margin: 20px 0;
    }
    #vente .listing-vente .box-vente .prix, .idvente .listing-vente .box-vente .prix{
        font-size: 30px;
    }
    #vente .listing-vente .box-vente .titre,#vente .listing-vente .box-img .semaine,
    .idvente .listing-vente .box-vente .titre, .idvente .listing-vente .box-img .semaine{
        font-size: 15px;
    }
    #vente.location h3, #vente.location h4 ,
    .idvente.location h3, .idvente.location h4 {
        margin-bottom: 25px;
    }
    h3,h4 {
        font-size: 30px !important;
        line-height: 30px;
    }
    #vente.location, .idvente.location {
        margin-top: 20px;
        margin-bottom: 50px;
    }
    #vente.location .listing-vente .box-vente .prix, .idvente.location .listing-vente .box-vente .prix {
        margin-bottom: 15px;
    }
    #services {
        padding: 25px 0;
        margin-bottom: 40px;
    }
    #services h3::before,#actus h3::before{
        left: -10px;
        top: 0;
    }
    #services .listing-services {
        margin-top: 20px;
    }
    #services .listing-services .titre {
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
    }
    #actus h3 {
        margin-bottom: 30px;
    }
    #actus .listing-actus .slick-slide {
        height: 300px;
    }
    #actus .block-actus {
        margin-top: 30px;
        margin-left: 0;
    }
    #actus .block-actus .titre {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    #actus .block-actus .date {
        margin-bottom: 5px;
    }
    #actus .block-actus .titre::before {
        top: 25px;
    }
    #actus .block-actus .btn-custom {
        padding: 10px 30px;
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 15px;
    }
    #actus {
        margin-bottom: 50px;
    }
    #vente .listing-vente .box-img, .idvente .listing-vente .box-img{
        height: 250px;
    }
    #vente .listing-vente .box-img .annee, .idvente .listing-vente .box-img .annee{
        font-size: 15px;
    }
    #actus .listing-actus .slick-dots button{
        width: 40px;
    }
    footer p ,footer .conten-footer{
        text-align: center;
    }
    footer .social{
        justify-content: center;
    }

    /* Location */
    #banniere.page-banniere .titre2 {
        font-size: 50px;
    }
    #location-content {
        margin-bottom: 30px;
    }
    #location-content .col-sm-8{
        padding-left: 15px !important;
    }
    #location-content .titre-search {
        font-size: 25px;
        line-height: initial;
        margin-bottom: 0;
        margin-top: 25px;
        text-align: center;
    }
    #location-content #vente .filter, #location-content .idvente .filter {
        margin-top: 10px;
    }
    #location-content .filtre-listing {
        justify-content: center;
        min-height: auto;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    #location-content .filtre-listing li {
        margin: 0 1%;
        width: 48%;
    }
    #location-content #vente, #location-content .idvente{
        margin-bottom: 0;
    }
    #location-content .filtre-listing #vente .search, #location-content .filtre-listing .idvente .search{
        width: 100%;
    }
    #location-content .filtre-listing #vente .select-styled, #location-content .filtre-listing .idvente .select-styled{
        padding: 0;
        font-size: 12px;
    }
    #location-content .filtre-listing .select-styled::after{
        right: -15px;
    }
    #location-content .listing-vente {
        padding: 0;
    }
    #location-content .listing-vente .box-vente .prix{
        font-size: 20px;
    }
    .pagination {
        margin:15px 0 !important;
    }
    #location-content .sidebar .titre{
        font-size: 25px;
        margin-bottom: 10px;
    }
    #location-content .sidebar {
        padding: 20px 15px;
    }
    #location-content .sidebar p {
        font-size: 15px;
        line-height: 20px;
    }
    #location-content .sidebar .tel {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #location-content .sidebar .news a {
        font-size: 20px;
    }
    #location-content .sidebar .sidebar-actus .slick-slide {
        height: 200px;
    }
    #services .listing-services .slick-next{
        width: 20px;
        height: 50px;
        right: 5px;
        top: 50%;
    }
    #services .listing-services .slick-prev{
        width: 20px;
        height: 50px;
        left: 5px;
        top: 50%;
    }
    #location-content .sidebar .news a::before{
        top: 50%;
        transform: translateY(-50%);
    }

    /* Single location */
    .breadcrumb {
        /* margin: 0 0 5px 15px !important; */
    }
    .breadcrumb li a,.breadcrumb li{
        font-size: 13px;
    }
    #location-content.single-location .content-single {
        margin-top: 15px;
    }
    #location-content.single-location h1 {
        font-size: 25px;
        line-height: 35px;
    }
    #location-content.single-location h2{
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .galerie-listing .slick-slide {
        height: 250px;
    }
    #location-content.single-location .galerie-listing-nav .slick-slide {
        height: 80px;
        text-align: center;
    }
    #location-content.single-location .galerie-listing-nav .slick-slide img {
        margin: 0 auto;
    }
    #location-content.single-location .galerie-listing-nav {
        margin-bottom: 30px;
    }
    #location-content.single-location h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    #location-content.single-location p {
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .table-detail{
        width: 100%;
    }
    #location-content.single-location .table-detail table tr td,#location-content.single-location .table-detail table tr th {
        font-size: 15px;
        padding: 10px 15px;
    }
    #location-content.single-location .caracteristique li .titres{
        font-size: 15px;
        line-height: 20px;
    }
    #location-content.single-location .caracteristique2 {
        margin: 30px 0;
    }
	#location-content.single-location .caracteristique2{margin-top:0;}
	#location-content.single-location .caracteristique li{margin-bottom:1.5rem;padding-right:0;width:100%;}
	#location-content.single-location .caracteristique li .box-icone{height:auto;}
    #location-content.single-location .caracteristique{
		flex-direction: column;
        flex-wrap: wrap;
    }
	#location-content.single-location .caracteristique li .titres,
	#location-content.single-location .caracteristique.caracteristique-trans li .titres{margin-bottom:0;}
	#location-content.single-location .caracteristique::before{display: none;}
    #location-content.single-location .caracteristique3 li .titres{ margin-bottom: 0; }
	#location-content.single-location .caracteristique3::before{ top: 20px; }
    #location-content.single-location #map-canvas,#location-content.single-location #map-canvas2 {
        height: 300px;
        margin-bottom: 3rem;
    }
    #location-content .sidebar.single-location .prix{
        font-size: 30px;
    }
    #location-content .sidebar.single-location .prix span{
        font-size: 25px;
        margin: 5px 0 0 0;
        padding: 5px 0 2px 0;
    }
    #location-content .sidebar.single-location .reservez li .titres{
        font-size: 15px;
    }
    #vente.single-location .intro h3, .idvente.single-location .intro h3{
        font-size: 30px;
        line-height: 30px;
    }
    #vente.single-location .listing-vente, .idvente.single-location .listing-vente {
        margin-top: 0px;
        padding: 0 15px;
    }
    #location-content.single-vente .caracteristique li{
        /* width: 50%; */
    }
    #location-content.single-vente .ges {
        height: 200px;
    }
    #vente.single-location .intro, .idvente.single-location .intro{
        padding-left: 30px;
    }
}
@media only screen and (max-width: 340px){
	.post-type-archive-product .idvente .search button{ position: absolute; right: 0; left: auto; }
	.page-template-page-vente-location .idvente .search .secteur,
	.post-type-archive-product .idvente .search .secteur{
		max-width: 107px;
	}
	#menu-principal-2 a{ font-size: 14px; }
}