
/* medium desktop screen */
@media screen and (min-width: 1600px) and (max-width: 1900px) {
    .menu-principal ul.menu>li>a {  padding: 8px;  font-size: 0.9em;}

}

@media screen and (min-width: 1300px) and (max-width: 1599px) {
    body {font-size: 18px;}
}

@media screen and (min-width: 1024px) and (max-width: 1299px) {
    body {font-size: 16px;}

    .list-chambres-slider-nav .prev {left: -10%!important}
    .list-chambres-slider-nav .next {right: -10%!important}

}	

@media screen and (max-width: 1600px) {
    .menu-principal ul.menu>li>a {  padding: 8px;  font-size: 0.9em;}
    
}

@media screen and (max-width: 1299px) {
    .single-page-header h1 {font-size: 2.5em;}

    .mews-input-date label {font-size: 1.1em;}
    .mews-submit {font-size: 1.1em!important;}
    .footer-mews-logo {max-width: 80px;}

    .list-chambres-slider-wrapper {gap: 25px;}
    .list-chambres-slider-wrapper>* {flex: 0 0 calc(50% - 25px);}
}


/* mobile */
@media screen and (max-width: 1023px) {
	input, select, textarea {font-size: 16px!important;}
    body {font-size: 18px;}
    .container { max-width: 92%; }

    /* header */
    .menu-secondaire, .menu-principal {display: none}
    .menu-mobile {display: flex}

    /* footer */
    .footer-content img {max-width: max(30%, 250px);}

}

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

@media screen and (max-width: 767px) {
	body {font-size: 16px;}

    /* contact */
    .form-row {flex-direction: column;}
    .form-col {width: 100%;}
    .form-col + .form-col {margin-left: 0; margin-top: 12px;}

    /* chambre */
    .chambre-meta {gap: 10px; }
    .chambre-meta-bloc {font-size: 1em; text-align: center;}

    .list-chambres-slider-wrapper {gap: 0;}
    .list-chambres-slider-wrapper>* {flex: 1 0 100%;}

    /* mew widget */
    .footer-mews-widget-wrapper  {display: none;}

    /* footer */
    .footer-content {flex-direction: column; text-align: center;}
    .footer-content>*:not(:last-child) {margin-bottom: 35px;}
    .footer-content img { align-self: center;}

    /* slider */
    .home-list-chambres-slider-wrapper .tns-outer {max-width: calc(100% - 90px); margin: 0 auto;}
    .list-chambres-slider-nav .prev, .list-chambres-slider-nav .next {width: 45px; height: 50%;}
    .list-chambres-slider-nav .prev {left: -5px!important;}
    .list-chambres-slider-nav .next {right: -5px!important;}
    .list-chambre-infos .btn-portage {font-size: 1.5em;}
}

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

}

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

}

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

    h1 {font-size: 2.2em;}
    h2 {font-size: 2.2em;}
    h3 {font-size: 1.8em;}
    h4 {font-size: 1.5em;}

}