/* ---------------------------- */
/*		    Responsive  		*/
/* ---------------------------- */

@media screen and (max-width: 1480px) {
    /*MAP*/
    .bloc-slider .item h2 {font-size:30px;}
    .bloc-slider .item .description {font-size:18px;}
    
    /*Histoire*/
    .sticky-resp .widget-icontext .txt {display:none;}
    .sticky-resp .widget-icontext .rr-icon.mr-2 {margin-right: 0!important;}
}

@media screen and (max-width: 1260px) {
    /*HEADER*/
    #masthead > .container {padding:0 15px;}
    .menu_top .ct {padding:0 15px;}
    .menu_top .t24 {font-size:18px;}
    .menu_top .t20 {font-size:16px;}
    #site-navigation {max-width: 600px;}
    .main-navigation li a {font-size:20px;}
    .main-navigation ul:first-child > li > a {margin:5px 0;}
    
    /*FOOTER*/
    .menu-foot {max-width:400px; margin:0 auto;}
    .menu-foot a {font-size:18px;}
    .bloc-nl {padding-left: 0;}
    .bloc-nl-foot {max-width:400px; margin:0 auto;}
    
    /*HOME*/
    
    /*MAP*/
    .map {min-height: 1px;}
    .map .item {font-size:20px; padding-left: 25px;}
    .map .item:before {width:18px; height:18px;}
    
    /*SLDR*/
    .bloc-slider-xp .compteur {display:none!important;}
    #slider_xp .item .img {width:50%;}
    #slider_xp .item .txt {width:50%; position: relative; right:auto; top:0; transform:none; padding:20px;}
    #slider_xp .slick-next {right:calc(50% + 15px);}
    .bloc-slider-xp .ct-slider {width:100%;}
    
    /*Sejour*/
    #bloc_xp.pa-8 {padding-left:0; padding-right:0;} 


}

@media screen and (max-width: 1200px) {
    /*HEADER*/

    
    /*HOME*/
    #slider_home .item .ct {max-width: 480px; padding:0 10px;}
    .mydots .titre {display:none;}
    #slider_tf .item-img {display:none!important;}
    
    
    /*MAP*/
    .bloc-slider {/*overflow-y: auto;*/}

}

@media screen and (max-width: 1024px) {
    .pa-8 {padding-left: 15px; padding-right: 15px;}
    .container > .pa-8:not(.entry-description) {padding-left: 0; padding-right: 0;}
    .pt180 {padding-top:140px;}
    .tpl-1 > .bloc-txt > .ct {padding-left:0;}
    .tpl-1 > .bloc-txt.order-1 > .ct {padding-right:0;}
    h1, .page-title {font-size:34px;}
    .t24, .tpl-1 {font-size: 18px;}
    .tpl-1 h2, .titre_flamme {font-size:24px;}
    :root {
        --main-text-size: 18px;
        --main-h1-size: 34px;
        --main-h2-size: 20px;
    }
    .py-90 { padding-top: 45px; padding-bottom: 45px; }
    
    /*home*/
    .vid {height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */}

    /*Hebergements*/
    .map-desc {left:15px;}
    
    /*actu*/
    .bloc-news h2, .bloc-one h2 {font-size:24px;}
    .entry-date {font-size:14px;}
    
    /*XP*/
    .slider-full .item {font-size:14px;}
}

@media screen and (max-width: 992px) {
    .tpl-1 {margin-bottom:50px;}
    
    /*HEADER*/
    
    /*FOOTER*/
    
    /*HOME*/
    #slider_tf .item-ct {padding:0 20px;}
    #slider_tf .item-ct-txt {width: 100%;}
    
    /*SLDR*/
    #slider_xp .t24 {font-size:20px;}
    #slider_xp .item .img {height:300px; width:100%;}
    #slider_xp .item .txt {width:100%; padding:20px 0;}
    #slider_xp .slick-next, #slider_xp .slick-prev {top:150px;}
    #slider_xp .slick-next {right:15px;}
    
    /*CT*/
    .cadre .bloc-adresse-hotel, .cadre .form-ct, .cadre .item-horaire {padding:15px;}
    .cadre .item-horaire .ct-txt {display:block;}
    .cadre .item-horaire .item-h-desc, .cadre .item-horaire .item-h-heures {width:100%;}
    .cadre .item-horaire .item-h-heures {margin-top:20px;}
    
    /*Sejour*/
    .item-bt-xp .bt-circle {margin-right:10px; }

    
}

@media screen and (max-width: 768px) { 
	.nomobile {display:none;}
    /*HOME*/
    .group-dots {display: none;}
    #slider_tf .item-bg {height:350px;}
    #slider_tf .item-ct {margin-top:15px;}
    #slider_tf .item-ct-txt {margin-top:0; height:auto; padding:0 0 20px;}
    #slider_tf .item-txt {padding-left:80px; padding-top:20px;}
    #slider_tf .item-txt .item-icon img {width:80px; height:80px;}
    .group-dots_tf {left:20px;}
    #slider_tf .item-titre h2, #slider_tf .item-titre {font-size:var(--main-h2-size);}
    .group-dots_tf {top:500px;}
    
    /*Widget*/
    .widget-icontext .txt {display:none;}
}

@media screen and (max-width: 767px) { 
    .tpl-1 h2, .titre_flamme, .elementor-heading-title h2 {font-size:24px!important;}
    .pt180 {padding-top:90px;}
    
    /*HEADER*/
    #masthead > .container {padding:0 10px;}
    #masthead .clos-infos .info-tel {display:none;}
    .bloc-menu-infos .infos-foot {display:none;}
    .bloc-menu-foot {display:none!important;}
    .nl-ml {font-size:12px;}
    
    /*HOME*/
    
    /*MAP*/
    .map-desc {display:none;}
    .map-he {overflow: visible; padding-top:94px;}
    .entry-description .bloc-bts-room {display:block;}
    .title_vol {position: relative; padding-top:90px; top:0; left:0; text-align: center; margin-bottom: 20px;}
    .map-wrapper {overflow:hidden; width:100%; padding:20px 0; border-top: 1px solid var(--main-third-color); position: sticky; bottom:0; z-index: 2; background: #fff;}
    .map {height:auto; display:inline-flex; width:auto!important; }
    .map > img {display:none;}
    .map > .item {position:relative; top:0!important; left:0!important; width:150px; -webkit-user-select: none; user-select: none; padding:20px 0 0;text-align: center;}
    .map .item:before {top: 0; transform: none; left: calc(50% - 9px);}
    .bloc-slider {position: relative; left:0!important; width:100%; z-index:1;}
    .bloc-slider .btn-close {display:none;}
    #slider_map-he .item img {width:100%; height:auto;}

    .map-wrapper {display:none;}
    .post-type-archive-hebergements .bloc-map-he {display:none;}
    .bloc-link-he {padding-top:60px;}
    .post-type-archive-bar_restauration #slider_map-he .item:not(.open) {display:none;}
    
    /*CT*/
    .cadre .item-h-h {width:25%;}
    
    /*Sejour*/
    .item-bt-xp .bt-circle {margin-right:0; width: 45px; height: 45px; font-size: 14px; padding-top: 13px;}
    .item-bt-xp .txt {display:none;}
    .item-bt-xp .bt-icon {width: 45px; height: 45px; font-size: 35px;}
    
}

@media screen and (max-width: 576px) {
    /*HEADER*/
    .bloc-menu-lang {margin:0 5px;}
    a.btn-book {width:100px; padding-left:2px; padding-right:2px;}
    .menu_top {overflow:auto;}
    .menu_top > div {height:auto!important;}

    
    /*CT*/
    .cadre .item-h-h {width:25%; font-size: 13px;}
    .item-h-t {margin-bottom: 15px;}
    
    /*Sejour*/
    .bloc-xp-sticky.pa-8 {padding:0;}
    .item-bt-xp:first-child {margin-left:0;}
    .item-bt-xp:last-child {margin-right:0;}
    .item-bt-xp {margin:5px;}
    
    /*XP*/
    #horaire .item-horaire h2 {margin-bottom:10px; font-size:24px;}
    .item-horaire {font-size: 16px;}
    #horaire .item-h-h {margin-bottom:5px;}

    /*Histoire*/
    .widget-icontext .rr-icon {width: 45px; height: 45px;}

}

@media screen and (max-width: 480px) {
    /*HEADER*/
    .main-navigation ul:first-child li {width:100%;}
    
    /*FOOTER*/
    .foot-1, .foot-2 {/*padding:0 15px;*/}
    
}

@media screen and (max-width: 393px) {
    /*XP*/
    .slider-full .item {padding:0;}
    .slider-full .item img {width:100%; height:auto;}
    #horaire .item-h-t {margin:10px 0;}
    
    /*HOME*/
    #slider_tf .item-titre h2, #slider_tf .item-titre {font-size:14px;}
    #slider_tf .item-txt {padding-left: 60px;}
    .group-dots_tf {left:10px;}
    #slider_tf .item-ct {padding:0 10px;}
    
}

@media screen and (max-width: 320px) {
    /*HEADER*/
    .main-navigation li a {font-size:16px;}
    #masthead .nl-stay {font-size:12px;}
    #masthead .bloc-nl h3 {font-size:16px;}
    #masthead .bloc-nl .btn-secondary {padding:.688rem .5rem;}
    #masthead .bl-dashed {padding:10px;}
    #masthead .bloc-nl .nl-ml {margin:0;}
    #masthead .bloc-nl .form-control-lg {height:40px;}
    #bt_menu {width:40px; height:40px; padding:5px;}
    #bt_menu::before {width:40px; height:40px;}
    a.btn-book {width:80px; height:40px; font-size:12px; padding-top:12px;}
    #masthead .bloc-reseau img {width:18px; height:auto;}
    #masthead .form-group {margin-bottom:5px;}
    .headtop #logo-top {height:40px;}
}

/*laptop*/
@media screen and (max-height: 870px) and (min-width: 1365px){
    /*map*/
    .bloc-slider .item h2 {font-size:30px;}
    .bloc-slider .item .description {font-size:18px;}
    #horaire {overflow-y: auto; overflow-x: hidden;}
    .item-horaire {font-size: 16px;}
    .item-horaire h2 {font-size: 20px;}
}