/********************* RESPONSIVE *********************/

@media screen and (max-width:1199px){
    /******* ARCHIVE TESTIMONY *******/
    .page .main-content .content .tml .testimony-item .testimony-image,
    .post-type-archive-testimony .testimony-image {
        width: 100%;
    }

    .page-template-template-reservation_wizard #content .left-box ul li .edit {
        height: 100%;
        position: relative;
    }
    .page-template-template-reservation_wizard #content .left-box ul li .edit.delete_link {
        margin-left: 0px !important;
    }
    .page-template-template-reservation_wizard #content .left-box ul li .edit a {
        padding: 13px 6px;
        height: 100%;
    }
}

@media screen and (min-width:992px){
    #header #header-wrap > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #header #header-wrap > .container #primary-menu > ul > li > a {
        line-height: 38px;
    }
    #header.sticky-header #header-wrap > .container #primary-menu > ul > li > a{
        line-height: 15px;
    }
    #header #header-wrap > .container div#logo {
        margin-right: auto;
        -webkit-flex: 0 0 200px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 200px;
        -webkit-box-flex: 0;
        flex: 0 0 200px;
    }
    #header.sticky-header:not(.static-sticky) #header-wrap {
        height: 60px;
    }
}
@media screen and (max-width:1199px) and (min-width:992px){
    header #primary-menu ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 690px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    #header.transparent-header + #slider,
    #header.transparent-header + #page-title.page-title-parallax,
    #header.transparent-header + #google-map,
    #slider + #header.transparent-header,
    .swiper-slide {
        height: 650px !important;
    }
    .one-page-arrow {
        bottom: 13px;
    }
    #header.transparent-header + #slider,
    #header.transparent-header + #page-title.page-title-parallax,
    #header.transparent-header + #google-map,
    #slider + #header.transparent-header {
        margin-bottom: -150px;
    }
}

@media screen and (max-width:991px){
    #primary-menu ul ul:not(.mega-menu-column),
    #primary-menu ul li .mega-menu-content{
        display:none !important;
    }
    #primary-menu ul ul:not(.mega-menu-column).sub-open,
    #primary-menu ul li .mega-menu-content.sub-open{
        display:block !important;
    }

    .primary-menu-open {
        overflow-y: hidden;
    }

    .sticky-header #primary-menu-trigger i {
        color:#5a5d62 !important;
    }
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img,
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo svg {
        width: 200px;
        height: auto;
    }
    #primary-menu{
        max-height: calc(100vh - 100px);
        overflow-y: scroll;
    }

    .show_mobile{
        display:initial;
    }
    .hidden_mobile{
        display:none;
    }
    .page .main-content .content .tml .reservations li a{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .page .main-content .content .tml .reservations li a .infos {
        padding:20px;
    }

    #primary-menu > ul > li.sub-menu.sub_mobile,
    #primary-menu > ul > li.sub-menu.sub_mobile > a,
    #primary-menu > ul > li.sub-menu.sub_mobile > a ~ .sub-menu,
    #primary-menu > ul > li.sub-menu.sub_mobile > a ~ .opensubmenu{
        touch-action: pan-y;
    }

    /******* HEADER *******/
    .top-links li > a {
        padding: 0 30px;
    }

    #header #logo img {
        margin-left: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /******* COMMUN *******/
    body .section > .testimonial {
        padding: 0 !important;
    }

    #page-title.page-title-parallax h1, 
    #page-title.page-title-parallax .title {
        font-size: 42px;
    }
    #page-title.page-title-parallax{
        padding: 160px 0 !important;
    }

    /******* HOME *******/
    .home .section-six .testi-title,
    .home .section-height h2{
        font-size: 45px;
    }
    .home .section-nine .left{
        height: 430px !important;
    }

    /******* RESERVARTIONS *******/
    .reservation_container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .reservation_container .left-box {
        order: 2;
    }
    .reservation_container .right-box {
        margin-bottom: 50px;
    }
    .page-template-template-reservation_wizard #content .passenger_form {
        width: 90%;
    }
    .page-template-template-reservation_wizard #content .left-box ul li .edit.email_mark {
        margin-left:auto;
    }
    .page-template-template-reservation_wizard #content .left-box ul li .edit.delete_link{
        margin-left: 5px !important;
    }

    .mon-compte .reservations .flightsel-item .img_container,
    .woocommerce-page .reservations .flightsel-item .img_container {
        width: 100%;
        height: 300px;
    }
    .mon-compte .reservations .flightsel-item .img_container img,
    .woocommerce-page .reservations .flightsel-item .img_container img {
        left: -5%;
        right: -5%;
    }

    /******* EQUIPE *******/
    .portfolio-filter li {
        margin-bottom: 15px;
    }

    /******* ARCHIVE TESTIMONY *******/
    .post-type-archive-testimony .section-slider-cta h2, 
    .post-type-archive-testimony .section-slider-cta h3 {
        font-size: 40px;
    }

    /******* SINGLE TESTIMONY *******/
    .single-testimony .cta {
        padding: 75px 0;
    }
    .single-testimony .cta .button_container{
        text-align:center;
    }
    .single-testimony .cta a.button {
        line-height: 18px;
        margin: 13px 0 0 0;
    }

    /******* SINGLE EXPERIMENT *******/
    #page-title.page-title-parallax{
        padding: 100px 0px !important;
    }
    .page-template-page-reservation #page-title.page-title-parallax {
        padding: 40px 0 !important;
    }
    #page-title.page-title-parallax h1, 
    #page-title.page-title-parallax .title {
        font-size: 40px;
    }

    /******* WOOCOMMERCE *******/
    .woocommerce-page .main-content .woocommerce {
        width: 100%;
    }

    /******* CONTACT *******/
    .acf-map {
        height: 400px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .primary-menu-open #header.transparent-header #header-wrap {
        background: #026fa3;
    }
    .home #primary-menu ul li > a {
        color: #95cff3;
    }
}

@media screen and (max-width:767px){
    .logout_mobile{
        display:block;
    }

    #page-title.page-title-parallax h1, 
    #page-title.page-title-parallax .title {
        font-size: 36px;
    }

    .sticky-header #top-search a,
    .sticky-header .header_account,
    .sticky-header .languages_container > ul > li:first-child{
        color:#5a5d62 !important;
    }
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img,
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo svg {
        height: 100%;
        width: auto;
        margin: 0 auto;
    }
    #primary-menu ul > li > a,
    #primary-menu.style-2 > div > ul > li > a{
        line-height: 40px !important;
    }

    #header.sticky-header:not(.static-sticky) #top-search,
    #header.sticky-header:not(.static-sticky) #top-cart,
    #header.sticky-header:not(.static-sticky) #side-panel-trigger {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /******* HEADER *******/
    #header{
        background:#000 !important; /*temp*/
    }
    #header div#logo{
        text-align: center;
    }
    #header div#logo a{
        text-align: center;
        height: 100%;
        padding: 10px 0;
    }
    #header div#logo img {
        height: 100%;
        width: auto;
        margin: 0 auto;
    }
    #top-search a {
        left: 72px;
        margin: 0;
        top: 45px;
        font-size: 11px;
    }
    #top-search form {
        left: -139px;
    }

    .languages_container{
        right: 15px;
        margin: 0;
        top: 40px;
        font-size: 13px;
        position: absolute;
        color: #FFF;
        height: 100%;
    }
    .languages_container .lang_menu .menu_lang{
        display: none;
    }

    .languages{
        left:auto;
        right:-999px;
        justify-content: center;
    }
    .languages.open{
        left:auto;
    }

    .header_account {
        right: 72px;
        margin: 0;
        top: 42px;
        font-size: 11px;
        position: absolute;
        color: #FFF;
    }
    .header_account:hover{
        color:#FFF;
    }
    .header_account span{
        display:none;
    }

    #top-search form .search_icon {
        top: 42px;
        color: #FFF;
    }

    /******* HOME HEADER *******/
    .home #header.transparent-header,
    .home #header.semi-transparent{
        background:none;
        border:0;
    }
    #header.transparent-header,
    #header.full-header,
    #header.semi-transparent{
        overflow:hidden;
    }
    .home #header #header-wrap{
        border:0;
    }
    #top-bar{
        display:none;
    }

    .home #top-search a {
        color: #fff;
    }

    /******* MENU *******/
    #header.full-header #primary-menu > ul:before {
        content: "";
        background: #026fa3;
        width: 9999px;
        left: -350px;
        position: absolute;
        height: 8000px;
        z-index: -1;
    }
    #primary-menu > ul > li.sub-menu i {
        position: absolute;
        top: 26px;
        right: 0;
        transition:all 0.2s ease-out;
        cursor:pointer;
    }

    #primary-menu > ul > li.sub-menu i.sub-menu-opened {
        transform:rotate(180deg);
    }
    #primary-menu > ul > li.sub-menu > ul.sub-menu.sub-open,
    #primary-menu ul ul:not(.mega-menu-column).sub-open,
    #primary-menu ul li .mega-menu-content.sub-open{
        display:block !important;
    }

    /******* FOOTER *******/
    #footer .footer-widgets-wrap > div:last-child:before {
        left: -160px;
    }
    #footer .footer-widgets-wrap > div {
        padding: 50px 0;
        margin-bottom: 0 !important;
    }
    .footer-widgets-wrap .col_one_third{
        margin-bottom:0 !important;
    }

    /******* HOME *******/
    .home .section-nine .left {
        height: 300px !important;
    }
    .home .section-two{
        margin-bottom:0 !important;
    }
    .owl-carousel .owl-nav [class*=owl-] {
        left: -40px;
    }
    .owl-carousel .owl-nav .owl-next {
        right: -40px;
        left:auto;
    }
    .owl-carousel:hover .owl-nav [class*=owl-] {
        left: -35px;
    }
    .owl-carousel:hover .owl-nav .owl-next {
        right: -35px;
        left:auto;
    }

    .home .section-ten .owl-carousel .owl-item .layer {
        width: 100%;
        height: 100%;
    }

    /******* COMMUN *******/
    body:not(.home) #top-search a,
    body:not(.home) #primary-menu-trigger i {
        color: #FFF;
    }
    .page .main-content .content {
        font-size: 17px;
    }

    /******* RESERVATION *******/
    .page-template-template-reservation_wizard #content .reservation_container form.front_reservation_person_acf_form .acf-fields > .acf-field {
        width: 100% !important;
    }
    .page-template-template-reservation_wizard #content .back_button a {
        width: 100%;
        text-align: center;
        padding: 15px;
    }
    .page-template-template-reservation_wizard #content .passenger {
        padding: 10px 0;
    }

    .mon-compte .reservations .flightsel-item .img_container,
    .woocommerce-page .reservations .flightsel-item .img_container {
        width: 100%;
        height: auto;
    }
    .mon-compte .reservations .flightsel-item .img_container img,
    .woocommerce-page .reservations .flightsel-item .img_container img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .page .main-content .content .tml form table,
    .page .main-content .content .tml form table tbody,
    .page .main-content .content .tml form table tr:not(.hide-if-js):not(.pw-weak),
    .page .main-content .content .tml form table tr:not(.hide-if-js):not(.pw-weak) td,
    .page .main-content .content .tml form table tr:not(.hide-if-js):not(.pw-weak) th {
        display: block;
        width: 100% !important;
    }
    .page .main-content .content .tml form table input {
        width: 100% !important;
    }
    .page .main-content .content .tml form .acf-radio-list li:last-child input[type="text"] {
        margin-top: 25px;
    }
    .page .main-content .content .tml form .acf-radio-list li {
        width: 100%;
    }

    .page-template-page-reservation .section-resa .flight_container .flightsel-item .flight_img > .flight_link,
    .page-template-page-reservation .section-resa .flight_container .flightsel-item .message_partenaire_decouverte{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-template-page-reservation .section-resa .flight_container .flightsel-item .message.flight_partner,
    .page-template-page-reservation .section-resa .flight_container .flightsel-item .message.flight_full {
        height: auto;
    }

    /******* EQUIPE *******/
    .tax-team .portfolio:not(.portfolio-1) .portfolio-item {
        width: 100%;
    }
    .portfolio-filter li {
        width: 49%;
    }
    .portfolio-filter li:nth-of-type(2n){
        margin-left: 1% !important;
    }
    .portfolio-filter li a {
        font-size:13px;
        padding: 10px !important;
    }

    /******* ARCHIVE TESTIMONY *******/
    .page .main-content .content .tml .testimony-item .testimony-image, 
    .post-type-archive-testimony .testimonies .testimony-image {
        width: 100%;
    }

    .post-type-archive-testimony .slickslider h3{
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens:auto;
    }

    /******* ARCHIVE CLIENT *******/
    .post-type-archive-client_partner .main-content h1 {
        font-size: 30px;
    }
    .post-type-archive-client_partner .main-content .content {
        font-size: 18px;
    }

    /******* SINGLE TESTIMONY *******/
    .single-testimony .social-know-us .social::after {
        right: -199%;
    }
    .single-testimony .social-know-us .social::before {
        position: absolute;
        height: 100%;
        width: 200%;
        left: -199%;
        content: '';
        display: block;
        background: #d85b30;
        top: 0;
    }
    .single-testimony .social-know-us .know-us {
        padding-top: 40px;
        padding-bottom: 25px;
        min-height: 0;
    }
    .single-testimony .social-know-us .social {
        padding-top: 40px;
        padding-bottom: 25px;
        min-height: 0;
    }
    .single-testimony .cta h2 {
        font-size: 24px;
    }
    body[class*="page"] .button, body[class*="post"] .button, body[class*="single"] .button, body[class*="woocommerce"] a.button {
        font-size: 13px;
    }

    /******* SINGLE EXPERIMENT *******/
    .single-post .post-content h2, 
    .single-experiment .post-content h2 {
        padding-top: 30px;
        line-height: 32px;
    }

    /******* CONTACT *******/
    .page-template-page-contact div.wpcf7 form > .row > div {
        float: none;
    }
    .page-template-page-contact input[type=submit]{
        margin-top:15px;
    }
}

@media screen and (min-width:480px) and (max-width:767px){
    .page-template-page-tml .tml.tml-register form > p.tml-registration-confirmation {
        padding-top: 46px;
    }
}

@media screen and (max-width:479px){
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img,
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo svg {
        height: auto;
        width: 100%;
    }

    /******* HEADER *******/
    #page-title.page-title-parallax h1,
    #page-title.page-title-parallax .title {
        font-size: 30px;
    }
    #header div#logo{
        width: 142px;
    }
    #header div#logo a {
        width: 100%;
    }
    #header div#logo a img {
        width: 100%;
    }
    #top-search a {
        left: 55px;
    }
    .logout_mobile{
        right: 55px;
    }
    .header_account {
        right: 46px;
    }

    /******* FOOTER *******/
    #footer .col_one_third .counter_container .counter span {
        font-size: 28px;
    }

    /******* HOME *******/
    .owl-carousel .owl-nav [class*=owl-] {
        left: -30px;
    }
    .owl-carousel .owl-nav .owl-next {
        right: -30px;
        left:auto;
    }
    .owl-carousel:hover .owl-nav [class*=owl-] {
        left: -25px;
    }
    .owl-carousel:hover .owl-nav .owl-next {
        right: -25px;
        left:auto;
    }

    .home .section-two div.dark {
        height:100% !important;
        padding: 50px 0;
        width: 100% !important;
        margin:0 auto;
    }
    .home .section-two div.dark .col_full {
        width: 310px !important;
        margin: 0 auto;
        padding: 0 15px;
        margin-bottom: 0 !important;
    }
    .home .section-two div.dark h2 {
        margin-bottom: 35px;
    }

    .home .section-one .slider-caption h1{
        font-size:32px;
    }

    .home .section-height a.button {
        padding: 0 15px;
        width: 100%;
        text-align: center;
        line-height: 36px;
        background: none;
    }

    /******* COMMUN *******/
    .archive.tax-team .main-content h1 {
        font-size: 30px;
    }
    .page .section-slider-cta h2,
    .page .section-slider-cta h3 {
        font-size: 36px;
    }
    .page .section_visuel_text_full_50 .visuel {
        max-height: 400px;
    }

    .page .section_visuel_text_full_50 .button.button-border {
        max-width: 100%;
        display: inline-block;
        height: auto !important;
        white-space: pre-wrap;
        line-height: 20px;
        padding: 10px 16px;
    }

    .flex-prev,
    .flex-next{
        top: auto;
        bottom: 0;
    }

    .page table,
    .page table thead,
    .page table thead tr,
    .page table thead tr th,
    .page table tbody,
    .page table tbody tr,
    .page table tbody tr th,
    .page table tbody tr td {
        display: block;
        width: 100% !important;
    }
    .page table thead {
        display: none;
    }

    /******* EQUIPE *******/
    .portfolio-filter li {
        width: 100%;
    }
    .portfolio-filter li:nth-of-type(2n){
        margin-left: 0 !important;
    }

    /******* SINGLE TESTIMONY *******/
    .single-testimony #page-title.page-title-parallax h1, 
    .single-testimony #page-title.page-title-parallax .title {
        text-align: center;
    }

    /******* WOOCOMMERCE *******/
    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last, 
    .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last {
        width:100%;
    }

    /******* CONTACT *******/
    .page-template-page-contact input[type=submit]{
        margin-top:15px;
    }

    /******* RESERVATIONS *******/
    .page-template-template-reservation_wizard #content .left-box ul li{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .page-template-template-reservation_wizard #content .left-box ul li .name {
        min-width: 100%;
    }

    .page-template-template-reservation_wizard .infos_participants li mark {
        height: 46px;
    }
    .page-template-page-reservation .section-resa .flightsel-item .infos {
        height: 200px;
    }

    /******* REGISTER *******/
    .page-template-page-tml .tml.tml-register form > p {
        width: 100%;
        float: none;
    }
    .page-template-page-tml .tml.tml-register form p:nth-child(even) {
        margin-left: 0;
    }
    .page-template-page-tml .tml.tml-register form > p.tml-registration-confirmation {
        padding-top: 0;
    }

}