@media screen and (-webkit-min-device-pixel-ratio: 0) {
    html {
        margin-left: -1px;
    }
}

@media (min-width:1200px) and (max-width:1377px){
    .home .responsive-video {
        padding-bottom: 65.25%;
    }
}

@media (max-width:1200px){
    .decouvrez .container,
    .vacance .container,
    .magazine .container,
    .location .container{
        width: auto;
    }
    .home .slides{
        height: auto;
    }

    .home .filter-slider-parent {
        bottom: 0;
    }

    .home .responsive-video iframe {
        transform: scale(1.3);
    }

    .home .filter-slider-child {
        width: 100%;
    }

}

@media (min-width: 992px) and (max-width: 1270px) {
    .header #logo{
        max-width: 80px;
        max-height: 80px;
        position: absolute;
        left: 20px;
        top: 0;
        margin: 0;
    }
    .header #header .main-menu-container{
        display: flex;
        justify-content: flex-start;
        padding-left: 90px;
        align-items: center;
    }
    .header #header .main-menu{
        width: auto;
        padding-top: 22px;
        padding-bottom: 8px;
    }

}

@media (max-width: 991.98px) {
    .header .header-container {
        background-size: contain;
        height: 290px;
        background-position: center bottom;
        background-color: #000;
    }
    .header #header .main-menu-container {
        width: 100%;
    }
    .header #logo {
        max-width: 70px;
        margin: 0;
    }
    .header #top {
        padding: 5px 10px;
    }
    .header #top ul {
        padding-left: 0;
        float: none;
    }
    .header #top .top-text {
        display: none !important;
    }
    .header #top .row > div {
        text-align: right;
    }
    .header #top .row > div:first-child {
        display: none !important;
    }

    .header #header {
        padding: 15px 25px;
    }
    .home-explore #half-map {
        display: none;
    }
    .header #header .main-menu {
        margin-bottom: 30px;
        display: none;
    }
    .header #top-bar{
        display: none;
    }
    .header .mobile-menu{
        display: block;
    }
    .header .mobile-menu-button {
        float: right;
        font-size: 2.5rem;
        color: #666;
    }
    .header .mobile-menu-button:hover {
        color: #999;
    }
    .header .mobile-menu {
        text-align: right;
        background: #fff;
    }
    .header .mobile-menu .mobile-main-menu {
        padding-top: 20px;
        padding-left: 0;
        text-align: left;
    }
    .header .mobile-menu .mobile-main-menu li {
        list-style-type: none;
        padding-bottom: 15px;
    }
    .header .mobile-main-menu .dropdown-menu {
        position: relative;
        width: 100%;
        background: rgba(0, 0, 0, 0.1) !important;
    }
    .header .mobile-menu .mobile-main-menu li a {
        display: block;
        padding-left: 10px;
        color: #151515;
        text-transform: uppercase;
        font-size: 1rem;
    }
    .header .mobile-menu .mobile-main-menu li a i {
        opacity: 0.8;
        padding-right: 5px;
        width: 20px;
    }
    .header #header .container {
        width: 90%;
        float: left;
    }
    .header #top .container {
        width: 100%;
        float: right;
    }
    .header .header-container::after {
        display: none;
    }
    .header #header.fixed-header {
        z-index: 9999 !important;
    }
    .hidden-md-up {
        display: block !important;
    }

    /** home **/

    .home .filter-btn{
        width: 50%;
    }
    .home .input-icon {
        left: 4px;
    }

    .home .box-input input[type='text'], .home .box-input select {
        font-size: 11px;
        padding-left: 25px;
    }

    .box-input-btn{
        margin-top: 5px;
    }


    /*** section reserver  ***/

    .home .reserver .reserver-title{
        width: auto;
    }

    /** section location **/

    .location .bloc-location{
        height: 44.44vh;
    }

    .home .location .long-btn a {
        font-size: 25px;
    }
    
    .home .faq-title h2 {
        font-size: 29px;
    }

    /** footer **/

    .footer .menu-footer ul{
        gap: 1em;
    }

    .footer .menu-footer ul li {
        padding-right: 14px;
    }

    .footer .footer-row h3 {
        font-size: 20px;
    }

    .footer .footer-row p {
        font-size: 12px;
        padding-right: 1.5em;
    }

    .footer .contact-menu a{
        font-size: 11px !important;
    }
    
}

@media (max-width: 767px) {
    .header .hidden-xs {
        display: none !important;
    }

    .home .box-input {
        width: 100%;
    }

    .home .filter-btn {
        width: 100%;
    }

    .home .filter-slider-parent{
        background-color: #000;
        position: unset;
        padding: 1em 0;
    }

    .box-input-btn{
        margin-top: 0;
    }

    .home .filter-slider-child{
        width: 100%;
        padding: 0;
    }

    .footer {
        padding: 1.5em 0 1.5em 0;
    }
    .footer .logo-footer img {
        width: 100px;
    }
    .footer .menu-footer ul {
        display: inline;
    }

    .footer .menu-footer ul li {
        padding-right: 0;
        padding-bottom: 10px;
        border: 0;
    }

    .footer .menu-footer {
        padding: 0;
        margin-top: 1.5em !important;
    }

    .footer .footer-row h3 {
        text-align: center;
    }

    .footer .footer-row .colonne {
        padding: 10px;
    }

    .footer .powered-by,
    .footer .copyright{
        text-align: center !important;
    }

}

@media (max-width: 500px) {
   
    .header #header .main-menu-container{
        display: flex !important;
        align-items: center;
    }

    .decouvrez .btn-decouvrer-villa,
    .reserver .btn-decouvrer-villa,
    .vacance .decouvrer-activites a{
        display: block;
        width: 100%;
        font-size: 13px;
    }

    .decouvrez .decouvrez-title .decouvrez-title-child h1,
    .vacance-title .decouvrer-activites h2,
    .vacance .vacance-title .vacance-title-child h2,
    .home .magazine-info-child h2 {
        font-size: 27px;
        line-height: 35px;
    }

    .home .reserver .partent-btn-decouvrer-villa{
        margin-top: 1em;
    }

    .home .reserver .reserver-title h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .home .reserver {
        height: 300px;
    }

    .vacance .decouvrer-activites{
        text-align: center !important;
        margin-bottom: 2em;
    }

    .home .magazine-info-child p {
        font-size: 13px;
    }

    .home .location-text h2{
        font-size: 26px;
    }
    .home .location-text p {
        font-size: 15px;
    }

    .home .location .location-text h2 {
        font-size: 25px;
        text-align: center;
    }

    .home .location .location-text p {
        font-size: 15px;
    }

    .home .location .long-btn a {
        font-size: 14px;
    }

    .home .long-btn a > img{
        width: 25px;
    }

    .home .faq-title h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .home .question h3 {
        font-size: 14px;
    }

    .home .answer p {
        font-size: 14px;
        line-height: 25px;
    }
}