@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
    .eight-grid .com {
        height: 140px;
    }
    .ul1>li .big-ul .row.align-items-center h6 {
        font-size: 16px !important;
    }
    .ul1>li .big-ul .row.align-items-center p {
        font-size: 17px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .sa-margin-left {
        margin-left: 185px;
    }
    .sr-icon-search {
        left: 60px;
        top: 9px;
    }
    .pos-rel {
        display: flex;
        justify-content: center;
    }
    body,
    .btn {
        font-size: 16px;
    }
    .ul1>li {
        margin: 0 20px;
    }
    .ul2 li {
        margin-left: 20px;
    }
    .dm-box .imgg img {
        height: 160px;
    }
    .sec-title {
        font-size: 26px;
    }
    .du-title h4 {
        font-size: 16px;
    }
    .brand img {
        height: 38px;
    }
    .ibox img {
        height: 285px;
    }
    footer,
    .newsletter .form-control,
    .newsletter .btn,
    .voy-owl p,
    .pm-fc,
    .form-check-label,
    .form-control,
    .select2,
    .select2-container,
    .outline-orange {
        font-size: 13px;
    }
    .social img {
        height: 40px;
        width: 40px;
    }
    .pm-fc {
        height: 44px;
    }
    .gf-btn img {
        height: 24px;
    }
    .pass-field .show-password {
        top: 11px;
    }
    .gf-btn span {
        font-size: 14px;
    }
    .pc-logo .ll {
        max-width: 400px;
    }
    .fs-15 {
        font-size: 14px !important;
    }
    .fs-16 {
        font-size: 15px !important;
    }
    .fs-17 {
        font-size: 16px !important;
    }
    .m-blue {
        font-size: 22px;
    }
    .usetps .fs-14,
    label {
        font-size: 12px !important;
    }
    .mesdevis-ul li a {
        font-size: 12px;
        height: 50px;
    }
    .user-img h5 {
        font-size: 13px;
    }
    .ublu {
        font-size: 10px;
    }
    .ublu li a {
        min-height: 50px;
    }
    .jacv2,
    .jacv {
        font-size: 8px;
        height: 34px;
        line-height: 34px;
    }
    .jacv img {
        height: 32px;
    }
    .jacv {
        min-width: 170px;
    }
    .paco .col2 {
        margin-top: -50px;
    }
    .dm-box.small .imgg img {
        height: 110px;
    }
    .dm-box.small .h62 small {
        display: block;
        font-size: 8px;
    }
    .dm-box.small .h62 span {
        font-size: 8px;
    }
    .dm-box.small {
        height: 340px;
    }
    .card-a {
        height: 340px;
    }
    .card-a img {
        width: 100%;
        object-fit: cover;
        height: 310px;
    }
    .sb-item .sb-img,
    .sb-item img {
        height: 260px;
    }
    .owl-carousel .owl-dots .owl-dot {
        height: 7px;
        width: 7px;
        margin: 0 5px;
    }
    .nd-ul {
        font-size: 8px;
    }
    .nd-ul li {
        line-height: 15px;
        width: 18%;
        margin-right: 2%;
    }
    .nd-ul .ttl a {
        font-size: 14px;
    }
    .nd-ul {
        height: 378px;
    }
    .big-ul .inn .col2 {
        flex: 0 0 23%;
    }
    .big-ul .inn .col1 {
        flex: 0 0 77%;
    }
    .calendar_weekdays div,
    .calendar_content div {
        line-height: 28px;
    }
    .bplus {
        line-height: 30px;
    }
    .es-row .col2 p,
    .oq-title span {
        font-size: 10px;
    }
    .es-row .col1 {
        flex: 0 0 190px;
        max-width: 190px;
        width: 190px;
    }
    .es-row.row2 .col2 p {
        font-size: 13px;
    }
    .es-row.row2 .col2 h6 {
        font-size: 15px;
    }
    .es-row .col3 p {
        font-size: 12px;
    }
    .es-row .col3 {
        flex: 0 0 90px;
        max-width: 90px;
        width: 90px;
    }
    .oq-title {
        font-size: 34px;
    }
    .module-gallery .content h6,
    .content-center h6 {
        font-size: 18px;
    }
    .module-gallery .content h5,
    .content-center h5 {
        font-size: 24px;
    }
    .module-gallery .content h2,
    .content-center h2 {
        font-size: 56px;
    }
    .dm-box.dm-list .imgg img {
        height: 174px;
    }
    .paysmenu {
        width: 900px;
    }
    .sdt .inner .row2 .r-box p {
        line-height: 1;
    }
    .dm-box.dm-list .imgg {
        flex: 0 0 240px;
        width: 240px;
        max-width: 240px;
    }
    .dm-box.dm-list {
        height: 200px;
    }
    .nos-box ul {
        height: 76px;
    }
    .nos-box ul.four {
        height: 100px;
    }
    .nos-box ul.five {
        height: 125px;
    }
    .nos-box ul.six {
        height: 150px;
    }
    .nos-box ul.seven {
        height: 175px;
    }
    .nos-box .imgg {
        flex: 0 0 26%;
        max-width: 26%;
        width: 26%;
    }
    .partir-de-four {
        padding-left: 15px;
    }
    .dm-box h6,
    .ts-box h6 {
        font-size: 8px;
    }
    .dm-box h4,
    .ts-box h4,
    .dm-box h5,
    .ts-box h5 {
        font-size: 12px;
    }
    .iconn a img {
        height: 22px;
        width: 22px !important;
    }
    .dd-lbl {
        font-size: 10px;
        padding: 5px 0;
    }
    .ul2 .btn {
        padding: 5px 8px;
        min-width: 125px;
    }
    .btn-search,
    .courantde-sec h4 {
        font-size: 14px;
    }
    .btn-search {
        height: 30px;
        width: 30px;
    }
    .efsearch {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .efsearch i {
        top: 12px;
        font-size: 14px;
    }
    .cbtn input {
        height: 38px;
        font-size: 14px;
        padding-left: 70px;
    }
    .cbtn {
        height: 40px;
    }
    .cbtn img {
        left: 25px;
        top: 6px;
        height: 25px;
    }
    .eight-grid .com {
        height: 76px;
    }
    .date-picker-wrapper .month-wrapper table .day {
        line-height: 30px;
        min-width: 30px;
        min-height: 30px;
    }
    .date-picker-wrapper .month-wrapper table th {
        min-width: 30px;
    }
    .fs-14 {
        font-size: 12px !important;
    }
    .close-red {
        margin-top: 29px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sa-margin-left {
        margin-left: 185px;
    }
    .sr-icon-search {
        left: 60px;
        top: 9px;
    }
    .pos-rel {
        display: flex;
        justify-content: center;
    }
    body,
    .btn {
        font-size: 16px;
    }
    .ul1>li {
        margin: 0 20px;
    }
    .ul2 li {
        margin-left: 20px;
    }
    .dm-box .imgg img {
        height: 160px;
    }
    .sec-title {
        font-size: 26px;
    }
    .du-title h4 {
        font-size: 16px;
    }
    .brand img {
        height: 38px;
    }
    .ibox img {
        height: 285px;
    }
    footer,
    .newsletter .form-control,
    .newsletter .btn,
    .voy-owl p,
    .pm-fc,
    .form-check-label,
    .form-control,
    .select2,
    .select2-container,
    .outline-orange {
        font-size: 13px;
    }
    .social img {
        height: 40px;
        width: 40px;
    }
    .pm-fc {
        height: 44px;
    }
    .gf-btn img {
        height: 24px;
    }
    .pass-field .show-password {
        top: 11px;
    }
    .gf-btn span {
        font-size: 14px;
    }
    .pc-logo .ll {
        max-width: 400px;
    }
    .fs-15 {
        font-size: 14px !important;
    }
    .fs-16 {
        font-size: 15px !important;
    }
    .fs-17 {
        font-size: 16px !important;
    }
    .m-blue {
        font-size: 22px;
    }
    .usetps .fs-14,
    label {
        font-size: 12px !important;
    }
    .mesdevis-ul li a {
        font-size: 12px;
        height: 50px;
    }
    .user-img h5 {
        font-size: 13px;
    }
    .ublu {
        font-size: 10px;
    }
    .ublu li a {
        min-height: 50px;
    }
    .jacv2,
    .jacv {
        font-size: 8px;
        height: 34px;
        line-height: 34px;
    }
    .jacv img {
        height: 32px;
    }
    .jacv {
        min-width: 170px;
    }
    .paco .col2 {
        margin-top: -50px;
    }
    .dm-box.small .imgg img {
        height: 110px;
    }
    .dm-box.small .h62 small {
        display: block;
        font-size: 8px;
    }
    .dm-box.small .h62 span {
        font-size: 8px;
    }
    .dm-box.small {
        height: 340px;
    }
    .card-a {
        height: 340px;
    }
    .card-a img {
        width: 100%;
        object-fit: cover;
        height: 310px;
    }
    .sb-item .sb-img,
    .sb-item img {
        height: 260px;
    }
    .owl-carousel .owl-dots .owl-dot {
        height: 7px;
        width: 7px;
        margin: 0 5px;
    }
    .nd-ul {
        font-size: 8px;
    }
    .nd-ul li {
        line-height: 15px;
        width: 18%;
        margin-right: 2%;
    }
    .nd-ul .ttl a {
        font-size: 14px;
    }
    .nd-ul {
        height: 378px;
    }
    .big-ul .inn .col2 {
        flex: 0 0 23%;
    }
    .big-ul .inn .col1 {
        flex: 0 0 77%;
    }
    .calendar_weekdays div,
    .calendar_content div {
        line-height: 28px;
    }
    .bplus {
        line-height: 30px;
    }
    .es-row .col2 p,
    .oq-title span {
        font-size: 10px;
    }
    .es-row .col1 {
        flex: 0 0 190px;
        max-width: 190px;
        width: 190px;
    }
    .es-row.row2 .col2 p {
        font-size: 13px;
    }
    .es-row.row2 .col2 h6 {
        font-size: 15px;
    }
    .es-row .col3 p {
        font-size: 12px;
    }
    .es-row .col3 {
        flex: 0 0 90px;
        max-width: 90px;
        width: 90px;
    }
    .oq-title {
        font-size: 34px;
    }
    .module-gallery .content h6,
    .content-center h6 {
        font-size: 18px;
    }
    .module-gallery .content h5,
    .content-center h5 {
        font-size: 24px;
    }
    .module-gallery .content h2,
    .content-center h2 {
        font-size: 56px;
    }
    .dm-box.dm-list .imgg img {
        height: 174px;
    }
    .paysmenu {
        width: 900px;
    }
    .sdt .inner .row2 .r-box p {
        line-height: 1;
    }
    .dm-box.dm-list .imgg {
        flex: 0 0 240px;
        width: 240px;
        max-width: 240px;
    }
    .dm-box.dm-list {
        height: 200px;
    }
    .nos-box ul {
        height: 76px;
    }
    .nos-box ul.four {
        height: 100px;
    }
    .nos-box ul.five {
        height: 125px;
    }
    .nos-box ul.six {
        height: 150px;
    }
    .nos-box ul.seven {
        height: 175px;
    }
    .nos-box .imgg {
        flex: 0 0 26%;
        max-width: 26%;
        width: 26%;
    }
    .partir-de-four {
        padding-left: 15px;
    }
    .dm-box h6,
    .ts-box h6 {
        font-size: 8px;
    }
    .dm-box h4,
    .ts-box h4,
    .dm-box h5,
    .ts-box h5 {
        font-size: 12px;
    }
    .iconn a img {
        height: 22px;
        width: 22px !important;
    }
    .dd-lbl {
        font-size: 10px;
        padding: 5px 0;
    }
    .ul2 .btn {
        padding: 5px 8px;
        min-width: 125px;
    }
    .btn-search,
    .courantde-sec h4 {
        font-size: 14px;
    }
    .btn-search {
        height: 30px;
        width: 30px;
    }
    .efsearch {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .efsearch i {
        top: 12px;
        font-size: 14px;
    }
    .cbtn input {
        height: 38px;
        font-size: 14px;
        padding-left: 70px;
    }
    .cbtn {
        height: 40px;
    }
    .cbtn img {
        left: 25px;
        top: 6px;
        height: 25px;
    }
    .eight-grid .com {
        height: 76px;
    }
    .date-picker-wrapper .month-wrapper table .day {
        line-height: 30px;
        min-width: 30px;
        min-height: 30px;
    }
    .date-picker-wrapper .month-wrapper table th {
        min-width: 30px;
    }
    .fs-14 {
        font-size: 12px !important;
    }
    .close-red {
        margin-top: 29px;
    }
}
@media screen and (min-width: 992px) {
    .dm2 {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}
/*
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sa-merci2 {
        text-align: justify;
        margin-left: 49px;
        padding-right: 3%;
    }
    .fs-14 {
        font-size: 11px !important;
    }
    .sa-close-red {
        margin-top: 26px;
    }
    .jeux-box .sr-circuit {
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 25px 20px 0 285px;
        z-index: 1;
        font-size: 60px;
        width: 31%;
        font-family: 'BebasNeueBold';
        letter-spacing: 18px;
    }
    .hero-nd .ch-bottom p {
        font-size: 13px;
    }
    .ch-bottom {
        box-shadow: 0 2px 20px #15182429;
        margin-bottom: 15px;
        padding: 24px 0;
        text-align: center;
        z-index: 2;
        top: -99px;
        position: relative;
        background: #fff;
    }
    .sa-margin-left {
        margin-left: 183px;
    }
    .sa-content,
    .sa-content1 {
        font-size: 9px;
        height: 46px;
    }
    .sa-imgsection .sa-imgcol img,
    .sa-imgsection2 .sa-imgcol img {
        height: 120px;
    }
    .brand img {
        height: 26px;
    }
    .ul1>li>a {
        font-size: 11px;
    }
    .ul1>li {
        margin: 0 6px;
    }
    body,
    .btn {
        font-size: 11px;
    }
    .res-mar {
        margin-left: 25px;
        font-size: 13px!important;
    }
    .sm-dm h4 i {
        font-size: 20px;
    }
}
*/
@media screen and (max-width: 991px) {
    .filter-sd-btn .calendar-img {
        position: absolute;
        margin-left: 7px;
        height: 17px;
        margin-top: -3px;
    }
    .filter-sd-btn .calendar-img1 {
        position: absolute;
        margin-left: 7px;
        height: 17px;
        margin-top: -3px;
        display: none;
    }
    header .roww {
        display: none;
    }
    .xs-menu-ul {
        padding: 12px 0;
        margin: 0;
        display: flex;
        align-items: center;
    }
    .xs-menu-ul button {
        background: transparent;
        border: 0;
        padding: 0;
        color: #003A70;
    }
    .xs-menu-ul>li {
        display: block;
        margin-left: 6px;
    }
    .xs-menu-ul>li:first-child {
        margin-left: 0px;
    }
    .xs-menu-ul .xs-round {
        height: 26px;
        width: 26px;
        border: 1px solid #003A70;
        border-radius: 50%;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xs-menu-ul .menubtn {
        font-size: 22px;
        height: 33px;
        width: 24px;
    }
    .xs-menu-ul .menubtn.open .ti-menu:before {
        content: "\e646";
    }
    .xs-menu-ul .brand img {
        height: 26px;
        margin-left: 15px;
    }
    .xs-menu-ul .demade {
        display: none;
    }
    .fixed .xs-menu-ul .brand {
        display: none;
    }
    .fixed .xs-menu-ul .demade {
        display: inline-block;
    }
    header,
    header.fixed,
    .default-fixed {
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }
    .fixed:after,
    .ul1active:after,
    .ul2active:after {
        box-shadow: none;
        bottom: -1px;
        border-bottom: 1px solid #ddd;
    }
    .xs-menu-ul li>ul {
        display: none;
    }
    .xs-menu-ul li.active>ul,
    .xs-call-div,
    .xs-srch-div {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 53px;
        padding: 0;
        margin: 0;
    }
    .usr-ul {
        background: #fff;
    }
    .usr-ul li {
        display: block;
    }
    .usr-ul li a {
        display: block;
        font-family: 'Poppins-Regular';
        color: #454F63;
        padding: 8px 15px;
        border-top: 1px solid #F4F4F6FD;
    }
    .xs-menu-ul>li .xs-call-div {
        display: none;
    }
    .xs-menu-ul>li.active .xs-call-div {
        display: flex;
    }
    .xs-call-div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px;
    }
    .xs-call-div,
    .xs-srch-div {
        background: #fff;
        height: calc(100vh - 58px);
    }
    .xs-call-div img {
        height: 90px;
        width: 90px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 20px;
    }
    .xs-call-div a {
        color: #4D4D4D;
        font-size: 30px;
        margin-bottom: 15px;
    }
    .end-call {
        background: #D93024 !important;
        color: #fff !important;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        font-size: 30px;
    }
    .end-call i {
        transform: rotate(135deg);
    }
    .xs-menu-ul>li.active .xs-round {
        background: #003A70;
        color: #fff;
    }
    .xs-srch-div {
        display: none;
        padding: 50px 30px;
    }
    .xs-menu-ul>li.active .xs-srch-div {
        display: block;
    }
    .fser {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fser input {
        background: #F4F4F4;
        flex: 1;
        border: 0;
        outline: none;
        padding: 13px 20px;
        border-radius: 30px;
        font-size: 11px;
    }
    .fser button {
        background: #003A70;
        color: #fff;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 50%;
        font-size: 24px;
        margin-left: 10px;
    }
    .thr-menu li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
        padding: 13px 15px;
        font-size: 12px;
    }
    .usr-ul li.active>a>i {
        transform: rotate(180deg);
    }
    .usr-ul li i {
        transition: all 0.2s;
    }
    .usr-ul li a img {
        margin-left: 15px;
        height: 24px;
        width: 24px;
    }
    .usr-ul.thr-menu {
        overflow: auto;
        max-height: calc(100vh - 58px);
    }
    .afri-main {
        display: none;
    }
    .thr-menu li.active .afri-main {
        display: block;
    }
    .fix-owl h4,
    .fix-owl h5,
    .fix-owl .owl-nav {
        display: none;
    }
    .fix-owl .item {
        height: 50vh;
        background-position: center;
    }
    .fix-owl-bottom {
        margin-top: calc(42vh - 40px);
    }
    .vthem {
        padding: 30px;
    }
    .row>* {
        padding-right: 5px;
        padding-left: 5px;
    }
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .thr-menu .vthem {
        display: none;
    }
    .thr-menu li.active .vthem {
        display: block;
    }
    .vth {
        margin-bottom: 10px;
        border-radius: 10px;
        background-size: cover;
        height: 150px;
        display: flex !important;
        padding: 0px!important;
    }
    .vth div {
        display: flex;
        height: 100%;
        width: 100%;
        padding: 6px 10px!important;
        border-radius: 10px;
        background: transparent linear-gradient(180deg, #00000000 0%, #0B111F1A 50%, #141E37CC 100%) 0% 0% no-repeat padding-box;
    }
    .vth div span {
        font-family: 'BebasNeueBold';
        font-size: 18px;
        color: #fff;
        letter-spacing: 5px;
        line-height: 1.2;
    }
    .vth div span.m-auto.text-center {
        font-size: 26px;
    }
    .btn1 {
        font-family: 'Poppins-Medium';
        color: #fff !important;
        font-size: 12px;
        line-height: 0.9;
        padding: 14px 12px;
    }
    .btn1,
    .btn2 {
        text-transform: none;
    }
    .ca-row .dlogo img.forxs {
        display: none;
    }
    .pm-calemain {
        border: 0;
        box-shadow: 0 3px 6px #0000004d;
        border-radius: 0 0 15px 15px;
        overflow: hidden;
    }
    .mon-text {
        font-size: 90px;
    }
    .mon-text.mt2 span {
        font-size: 70px;
        margin-bottom: 20px;
    }
    .sa-oq-title {
        text-align: center;
    }
    .calen-ul {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        display: flex;
        flex: 1;
    }
    .sa-calen-title {
        display: flex;
        flex: 0 0 50%;
        flex-wrap: wrap;
        margin: 0px;
    }
    .calen-ul li {
        margin: auto;
        margin-bottom: 10px;
        font-size: 10px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .pm-calemain {
        border: 0;
        box-shadow: none;
        border-radius: 0px;
        overflow: hidden;
    }
    .pm-calendar.fc .fc-h-event .fc-event-title.fc-sticky {
        font-size: 10px;
    }
    .sa-calen-ul li:nth-child(1) {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .sdt-rows .col1,
    .sdt-rows .col2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    button.menubtn.open .menu-btn {
        display: none;
    }
    button.menubtn.open .sr-close {
        display: block;
    }
    button.menubtn .sr-close {
        display: none;
    }
    li.ml-auto.active .sa-sr-blue {
        display: none;
    }
    li.active .xs-round .sa-sr-blue {
        display: none;
    }
    .gl-btn .blue {
        height: 15px;
        margin-top: 11px;
    }
    .gl-btn .white {
        height: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .sa-merci2 {
        text-align: justify;
        margin-left: 49px;
        padding-right: 3%;
    }
    .fs-14 {
        font-size: 10px !important;
    }
    .sr-mobile-hide {
        display: none !important;
    }
    .sr-mobile-show {
        display: block !important;
    }
    .outline-orange,
    .outline-pink {
        padding: 5px 8px;
        font-size: 10px;
    }
    .inst-post .couh1 {
        margin-right: 0;
    }
    .paysmenu {
        width: 750px;
        position: absolute;
        right: -177px;
        background: #fff;
        box-shadow: 0 3px 3px #00000029;
        border-radius: 10px;
        padding: 40px 40px;
        font-size: 12px;
    }
    .sa-close-red {
        margin-top: 26px;
    }
    .sa-margin-left {
        margin-left: 173px;
    }
    .sa-content {
        font-size: 9px;
        height: 37px;
    }
    .sa-content1 {
        font-size: 8px;
        height: 37px;
    }
    .sa-imgsection .sa-imgcol img,
    .sa-imgsection2 .sa-imgcol img {
        height: 118px;
    }
    .sr-jumbotron {
        padding: 51px 16px!important;
    }
    .ps-img {
        width: 200px;
    }
    .res-fs-10 {
        font-size: 10px!important;
    }
    .ca-row .col2 {
        display: none;
    }
    .ca-row .col1 h1 {
        font-size: 70px;
    }
    .pm-calendar.fc {
        height: 450px;
    }
    .couh1 {
        line-height: 48px;
        font-size: 60px;
    }
    .du-title h1 {
        font-size: 60px;
    }
    .du-title h4 {
        font-size: 10px;
    }
    .ibox {
        padding: 0;
    }
    .courantde-sec .col2 {
        margin-top: 80px;
    }
    .sec-title {
        font-size: 22px;
    }
    .voy-owl img {
        height: 180px;
    }
    .nos-conse .inner {
        height: 35vh;
    }
    .nos-conse .inner .btn {
        font-size: 24px;
    }
	.nos-conse2 .inner {
        height: 35vh;
    }
    .nos-conse2 .inner .btn {
        font-size: 24px;
    }
	.nos-conse3 .inner {
        height: 35vh;
    }
    .nos-conse3 .inner .btn {
        font-size: 24px;
    }
    .testi-owl .box p {
        line-height: 20px;
    }
    .voy-owl .owl-nav {
        top: 24%;
    }
    .header-height {
        height: 57px;
    }
    .module-gallery .slider-wrapper,
    .module-gallery .slidetwo,
    .module-gallery .slidetwo .slick-slide,
    .sa-cruises-hero,
    .cruises-hero,
    .oqrp-hero,
    .oqrp-hero .dec-center,
    .oqrp-hero .gra-bg {
        height: 400px;
    }
    .module-gallery .slider-thumb {
        height: 320px;
        padding: 15px;
        margin-top: 40px;
        max-width: 20.2%;
    }
    .module-gallery .slidetwo {
        max-width: 79.8%;
    }
    .sa-map {
        height: 400px;
    }
    .slideone img {
        height: 50px;
    }
    .parti {
        margin-right: 0;
        font-size: 22px;
    }
    .module-gallery .content {
        padding: 40px 36px;
    }
    .module-gallery .content h2,
    .content-center h2 {
        font-size: 36px;
    }
    .module-gallery .content h5,
    .content-center h5 {
        font-size: 20px;
    }
    .module-gallery .content h6,
    .content-center h6 {
        font-size: 18px;
    }
    .orange-ul {
        margin-right: 0;
    }
    .orange-ul li a {
        padding: 5px;
        font-size: 10px;
    }
    .partir-de-four .calendar_weekdays div,
    .partir-de-four .calendar_content div {
        line-height: 16px;
    }
    .sa-cruises-hero .content h5 {
        font-size: 22px;
    }
    .sa-cruises-hero .content h2 {
        font-size: 48px;
    }
    .cruises-hero .content h1 {
        font-size: 60px;
        letter-spacing: 10px;
        margin-right: -10px;
    }
    .hero-nd .ch-bottom p {
        font-size: 11px;
    }
    .txtcenter {
        font-size: 60px;
    }
    .txt2 {
        font-size: 44px;
        margin-top: -34px;
    }
    .img2,
    .img1 {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .oq-title {
        font-size: 30px;
    }
    .es-row .col1 {
        flex: 0 0 120px;
        max-width: 120px;
        width: 120px;
    }
    .calendar_weekdays div,
    .calendar_content div {
        line-height: 20px;
    }
    .hero-nd h3 {
        font-size: 50px;
    }
    .seven-ul li img {
        height: 65px;
    }
    .sa-img2 {
        margin-top: 20px;
        height: 300px;
    }
    .sr-wdth {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .pc-logo {
        height: 300px;
        padding-top: 0;
    }
    .pc-logo .ll {
        max-width: 300px;
    }
    .img-section li,
    .imgsec-section li {
        padding-right: 15px;
    }
    .img-section li img,
    .bg-shadow .imgsec-section li img {
        height: 120px;
    }
    .bottomleft h2 {
        font-size: 50px;
    }
    .bottomleft p {
        font-size: 18px;
    }
    .bg-image {
        height: 670px;
    }
    .map-num p {
        font-size: 10px;
    }
    .bgshadow-text h2 {
        font-size: 60px;
    }
    .cours-row .c1,
    .cours-row .c2,
    .cours-row .c3 {
        flex: 0 0 50%;
        width: 50%;
        margin-bottom: 40px;
    }
    .mesdevis-ul {
        padding-left: 0;
    }
    .mesdevis-ul li a {
        font-size: 11px;
        padding: 0 10px;
    }
    .jacv2main {
        margin-left: 0;
    }
    .mep {
        height: 400px;
    }
    .mep h1 {
        font-size: 34px;
        margin-bottom: 70px;
    }
    .events-hero,
    .events-hero .four-img,
    .events-hero .four-img img,
    .events-hero .conten {
        height: 400px;
    }
    .events-hero .content h1 {
        font-size: 50px;
    }
    .text-compass {
        font-size: 14px;
        letter-spacing: 8px;
        right: 7px;
    }
    .cdown {
        font-size: 12px;
    }
    .cdown i {
        line-height: 6px;
    }
    .gl-btn {
        height: 40px;
        width: 40px;
        font-size: 14px;
    }
    .trier-btn {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-size: 12px;
    }
    .filter-ul .btn-outline-blue,
    .filter-ul .btn {
        font-size: 10px;
        padding: 8px 6px;
    }
    .filter-ul .btn {
        margin: 0 5px;
    }
    .filter-sd-btn input {
        padding: 0 8px 0 28px;
    }
    .filter-ul .btn-outline-blue {
        margin-left: 5px;
    }
    .filter-sd-btn i {
        margin-left: 10px;
    }
    .serchd {
        margin-bottom: 20px;
    }
    .sdt .inner {
        display: flex;
    }
    .sdt .inner .row1 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 20px;
        margin: 0;
    }
    .sdt .inner .row2 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sdt-main {
        margin-bottom: 30px;
    }
    .dm-box.dm-list .imgg {
        flex: 0 0 190px;
        width: 190px;
        max-width: 190px;
    }
    .dm-box h6,
    .ts-box h6 {
        font-size: 8px;
    }
    .dm-box h4,
    .ts-box h4,
    .dm-box h5,
    .ts-box h5 {
        font-size: 12px;
    }
    .dm-box p {
        font-size: 10px;
    }
    .noulabel,
    .prolabel {
        padding: 3px 10px 1px;
        font-size: 8px;
    }
    .iconn a img {
        height: 20px;
        width: 20px !important;
    }
    .h62 span,
    .h62 small {
        font-size: 8px;
    }
    .dm-box.dm-list .end {
        flex: 0 0 190px;
        width: 190px;
        max-width: 190px;
    }
    .dm-box.dm-list {
        height: 180px;
    }
    .dm-box .imgg img {
        height: 154px;
    }
    .dm-grid.dm-box {
        height: 430px;
    }
    .dd-lbl {
        font-size: 10px;
    }
    .jeux-box .sr-txt1,
    .jeux-box .txt h3,
    .pona-box h4 {
        font-size: 20px;
        letter-spacing: 6px;
    }
    .sa-font-size {
        font-size: 41px!important;
        letter-spacing: 9px;
    }
    .jeux-box .sr-txt1 {
        top: 0;
        width: 100%;
        margin: 0;
        padding: 15px;
        bottom: 0;
        display: flex;
        align-items: center;
    }
    .txt.sr-sports.sa-tours h3 {
        margin-top: 0;
    }
    .jeux-box .txt.sr-sports.sa-tours h3 {
        margin-top: 0;
    }
    .txt.sr-sports.sa-sport h3 {
        margin-top: 0;
    }
    .camel400 {
        height: 220px !important;
    }
    .txt.sr-circuit {
        width: 100%;
        margin: 0;
        padding: 10px;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .txt.sr-circuit h3.sr-circuit2 {
        margin: 0;
        width: 100%;
        letter-spacing: 8px;
    }
    .sr-hgt {
        height: 210px;
    }
    .sr-hgt2 {
        height: 438px;
    }
    .sr-hgt3 {
        height: 300px;
    }
    .sr-pona-box2 {
        height: 210px;
    }
    .sr-pona-box3 {
        height: 120px;
    }
    .sr-height {
        height: 364px;
    }
    .pona-box.sr-pona-box3 h4 {
        font-size: 10px;
        letter-spacing: 3px;
    }
    .sr-pona-box3 .arrow i,
    .sr-pona-box3 .alone-arrow i {
        height: 20px;
        width: 20px;
    }
    .bl-mnu a {
        font-size: 8px;
    }
    .bl-mnu {
        width: 85px;
    }
    .sa-bg-color,
    .sa-bg-color2,
    .sa-bg-color3 {
        margin-bottom: 10px;
    }
    .sa-bg-color,
    .sa-bg-color2,
    .sa-bg-color3,
    .sa-bg-color4,
    .sa-bg-color5,
    .sa-bg-color6,
    .sa-bg-color7,
    .sa-bg-color8 {
        font-size: 7px;
    }
    .svg-hotel-ul {
        display: none;
    }
    .h62 b {
        font-size: 16px;
    }
    .starli-ul li {
        margin: 0 15px;
    }
    .starli-ul li:nth-child(2) {
        margin-left: auto;
    }
    .sa-img-bg img {
        width: 100%;
    }
    .hero-nav .nav img {
        height: 90px;
        width: 150px;
    }
    .hero-nd {
        height: 390px;
    }
    .hero-nav .nav {
        top: 215px;
        width: calc(100% - 20%) !important;
        left: 10%;
    }
    a.ui-state-default {
        height: 26px;
        line-height: 28px;
    }
    a.ui-state-default.ui-state-active {
        background: #003a70!important;
        color: #fff!important;
        width: 100%!important;
        padding: 0!important;
    }
}

@media screen and (max-width: 767px) {
    .sa-shadow {
        box-shadow: 0px 4px 5px #00000029!important;
    }
    .tour-d-opinion-div {
        margin-left: 0 !important;
    }
    .sa-max {
        max-width: 119px!important;
    }
    .sr-jumbotron {
        padding: 2rem 1rem;
    }
    .sr-mes {
        display: block;
    }
    .txt-ellipse {
        width: 199px!important;
    }
    .sa-eye {
        position: absolute;
        top: 9px;
        left: 89%;
        font-size: 20px;
        color: #C6C6C6;
    }
    .content-center.pmce h5 {
        text-align: right;
    }
    .content-center.pmce h2 {
        text-align: right;
    }
    .sa-margin-left {
        margin-left: 0px;
    }
    i.fa.fa-angle-left.sr-icon,
    i.fa.fa-angle-right.sr-icon {
        font-size: 52px;
        height: 0;
    }
    .bgsecond-section .carousel-control-prev {
        left: 0;
    }
    .bgsecond-section .carousel-control-next {
        right: 0;
    }
    .sa-content {
        font-size: 11px;
        left: 6px;
        right: 6px;
    }
    .sa-content1 {
        font-size: 11px;
        left: 6px;
        right: 6px;
    }
    .sa-img-mobile {
        display: block!important;
    }
    .sa-img-desktop {
        display: none!important;
    }
    .sa-merci-text {
        margin-left: 0px;
    }
    .sa-merci2 {
        text-align: justify;
        margin-left: 0px;
        padding-right: 0%;
    }
    .sa-forms-width {
        width: 100%;
    }
    .ca-row .dlogo {
        margin-bottom: 20px;
    }
    .gf-btn span {
        font-size: 13px;
    }
    .pass-field .show-password {
        top: 9px;
    }
    .pm-calendar.fc .fc-col-header-cell-cushion {
        text-transform: none;
        color: #B2B2B2;
        font-size: 10px;
    }
    .pm-calendar.fc {
        height: 393px;
    }
    .fc-theme-standard td,
    .fc-theme-standard th,
    .fc-theme-standard .fc-scrollgrid {
        border: 1px solid transparent;
    }
    .pm-calendar .fc-toolbar-title {
        border: 1px solid transparent;
        text-transform: none;
    }
    h4.sr-t1 {
        display: block;
    }
    .mobile-hide {
        display: none !important;
    }
    .mobile-show {
        display: block !important;
    }
    footer .col1,
    footer .col2,
    footer .col3 {
        text-align: center;
        padding-right: 8px;
        padding-left: 8px;
    }
    footer .col1 {
        order: 2;
        border-bottom: 1px solid #70707045;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    footer .col2 {
        order: 1;
        border-bottom: 1px solid #70707045;
        padding-bottom: 50px;
    }
    footer .col3 {
        order: 3;
        padding-top: 30px;
    }
    footer .col1 .afl {
        padding: 0;
        margin: 0;
    }
    footer .col1 .ps-img,
    .bottom ul {
        display: none;
    }
    .bottom {
        margin-top: 0;
    }
    footer p {
        text-align: center;
        font-size: 12px;
    }
    .ft {
        font-size: 16px;
    }
    .bottm-xs-ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 30px 0 10px;
        align-items: center;
        justify-content: center;
    }
    .bottm-xs-ul li {
        display: block;
        /*border-left: 1px solid #00374E;*/
        border-left: 1px solid #b3b1b1;
        line-height: 1;
        padding: 0 8px;
        margin-bottom: 5px;
    }
    .bottm-xs-ul li a {
        color: #00374E;
        font-size: 11px;
    }
    .bottm-xs-ul li:first-child {
        border-left: 0;
        padding-left: 0;
    }
    .bottm-xs-ul li:last-child {
        border-left: 0;
    }
    .social {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .ca-row .col1,
    .ca-row .col2 {
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .ca-row .dlogo img {
        display: none;
    }
    .ca-row .dlogo img.forxs {
        display: block;
        margin: auto;
    }
    .ca-row .col2 {
        display: none;
    }
    .ca-row .col1 h1.sr-none {
        display: none;
    }
    .ca-row .col1 img.sr-none {
        display: none;
    }
    .ca-row {
        flex-direction: column-reverse;
    }
    .ca-row .col1 h3.sr-margin {
        margin-top: 10%;
    }
    .ca-row .col1 h3.sr-margin {
        margin-top: 10%;
    }
    .ca-row .col1 a.accrder {
        margin-top: -33px;
        margin-bottom: 10%;
    }
    .fix-call i {
        display: none;
    }
    .oq-div {
        padding: 15px 0;
    }
    .oq-div h4.sr-t {
        font-size: 25px;
    }
    .oq-title br {
        display: none;
    }
    .dec-center img.ll {
        display: none;
    }
    h4.sr-t1 {
        font-size: 25px;
    }
    label.sr-none {
        display: none;
    }
    label.sr-dis {
        display: flex;
        justify-content: center;
        padding-left: 0!important;
    }
    .title-2020 h4.sr-none,
    h5.sr-none,
    h6.sr-none {
        display: none;
    }
    div #calendar_first {
        display: none;
    }
    .bb-1px {
        display: none;
    }
    .sr-center {
        text-align: center;
        margin: 20px;
    }
    .sr-w-dis {
        width: 200px;
        display: flex;
        padding-top: 10px;
        flex: 0 0 50%;
        text-align: center;
        margin: auto;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both;
    }
    .calendar_weekdays div,
    .calendar_content div {
        line-height: 32px;
    }
    .ca-row .col1,
    .ca-row .col2 {
        height: auto;
    }
    .calen-ul {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        display: flex;
        flex: 1;
    }
    .sa-calen-title {
        display: flex;
        flex: 0 0 50%;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .calen-ul li {
        margin: auto;
        margin-bottom: 10px;
    }
    .calen-ul li {
        margin: auto;
        margin-bottom: 10px;
        font-size: 12px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .calen-ul {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        display: flex;
        flex: 1;
    }
    .sa-calen-title {
        display: flex;
        flex: 0 0 50%;
        flex-wrap: wrap;
        margin: 0px;
    }
    .calen-ul li {
        margin: auto;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .sa-cal-div {
        box-shadow: 0 3px 6px #0000004d;
        margin-top: -60px;
        background: #fff;
        border-radius: 15px 15px 15px 15px;
        padding-bottom: 10px;
    }
    .sa-logo .sa-btn-logo {
        background-color: white;
        display: flex;
        justify-content: flex-end;
    }
    .sa-logo {
        font-size: 18px;
        color: #fff;
        position: fixed;
        top: 65px;
        right: 0;
        transition: all 0.3s;
        display: block;
        z-index: 9;
    }
    .mon-text.mt2 span {
        font-size: 50px;
        margin-bottom: 40px;
    }
    .sa-oq-title {
        font-size: 22px;
        margin-top: 10px;
    }
    .pm-calemain {
        border: 0;
        box-shadow: none;
        border-radius: 0px;
        overflow: hidden;
    }
    .pm-calendar.fc .fc-h-event .fc-event-title.fc-sticky {
        display: none;
    }
    .sa-calen-ul li:nth-child(1) {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .sa-obligatorie {
        padding-right: 70px;
    }
    .sa-dis {
        display: flex;
        justify-content: center!important;
        list-style-type: none;
        width: 100%;
    }
    .sa-logo .sa-btn-logo {
        background-color: white;
        display: flex;
        outline: none;
        justify-content: flex-end;
        border-radius: 5px 0px 0px 5px;
        border: none;
        padding: 8px;
        box-shadow: 0 3px 6px #00000029 !important;
    }
    .sa-logo .sa-btn-logo img {
        width: 30px;
    }
    .pm-calendar.fc .fc-daygrid-day-top {
        justify-content: center;
        align-items: center;
        height: 51px;
    }
    .votyge {
        padding: 35px 35px 30px;
        position: fixed;
        top: 80px;
        z-index: 9;
        background: #fff;
        left: 100%;
        width: calc(100% - 30px);
        transition: all 0.5s;
    }
    .votyge.open {
        left: 15px;
    }
    .votyge h4 {
        position: relative;
    }
    .votyge h4:before {
        font-family: 'themify';
        content: "\e649";
        position: absolute;
        right: 0;
    }
    .bok-pai {
        display: none;
    }
    .calen-ul li span {
        width: 20px;
        border-radius: 50%;
    }
    .mon-text {
        font-size: 50px;
    }
    .mobile-mb-15 {
        margin-bottom: 15px !important;
    }
    .sr-dis.mandis {
        flex-direction: column;
        margin: auto;
        max-width: 220px;
    }
    .sr-lab {
        flex-direction: column;
    }
    .sr-lab span:last-child {
        margin-left: auto;
        font-size: 20px;
    }
    .sr-dis {
        justify-content: center;
        padding: 0;
    }
    .gf-btn img {
        height: 25px;
        margin-right: 10px;
    }
    .h62 b {
        font-size: 12px!important;
    }
    .pm-fc {
        height: 40px;
    }
     ::placeholder {
        color: #DFE2E6!important
    }
    .fix-owl .item {
        height: 300px;
    }
    .fix-owl-bottom {
        margin-top: calc(226px);
    }
    .fix-owl .com {
        display: flex;
    }
    .sec-title {
        font-size: 17px;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    section {
        padding: 30px 0;
    }
    .quoide-sec .col-lg-3 {
        width: 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .quoide-sec .row,
    .mobile-scroll-row {
        overflow: auto !important;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
    }
    .art-que h6,
    .art-que p,
    .art-que a {
        display: none;
    }
    .art-que h5 {
        height: 30px;
        color: #003A70;
        font-size: 13px;
        text-align: center;
        font-family: 'HelveticaNeueMedium';
        max-width: 80%;
        margin: 6px auto 0;
    }
    .art-que img {
        height: 230px;
    }
    .art-que .p2 {
        display: block;
        text-align: center;
        height: auto;
        font-family: 'HelveticaNeueMedium';
        text-transform: uppercase;
        font-size: 9px;
        margin-top: 10px;
    }
    .courantde-sec,
    .inst-post {
        display: none;
    }
    .dm-box {
        flex-direction: row;
        height: 117px;
        padding: 7px;
        margin-bottom: 8px;
        width: 340px;
    }
    .dm-box .dm2 {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .dm-box .imgg {
        flex: 0 0 120px;
        margin-right: 10px;
        width: 120px;
        max-width: 120px;
        margin-bottom: 0;
    }
    .dm-box p,
    .dm-box .iconn,
    .h62 small {
        display: none;
    }
    .h62 b {
        font-size: 16px;
    }
    .dm-box .imgg img,
    .dm-box.small .imgg img {
        height: 103px;
    }
    .h62 {
        height: 22px;
        margin-top: auto;
    }
    .dm-box h4,
    .ts-box h4,
    .dm-box h5,
    .ts-box h5 {
        font-size: 10px;
    }
    .h62 span {
        font-size: 8px;
        color: #003A70;
    }
    .noulabel,
    .prolabel {
        padding: 2px 6px 1px;
        left: 4px;
        font-size: 6px;
    }
    .prolabel {
        top: auto;
        bottom: -4px;
        color: #CB0015;
        background: #fff;
    }
    .noulabel {
        top: auto;
        bottom: 11px;
    }
    .voyages-sec .sec-title,
    .avioyageurs-sec .sec-title {
        padding-left: 0;
        text-align: center;
        color: #707070;
    }
    .voyages-sec .for-xs {
        display: block;
    }
    .for-lg.voyages-sec,
    .voy-owl .owl-nav,
    .avioyageurs-sec .du-title h1,
    .du-title h4,
    .nos-conse .inner h5,
    .nos-conse p {
        display: none;
    }
	.nos-conse2 .inner h5,
    .nos-conse2 p {
        display: none;
    }
	.nos-conse3 .inner h5,
    .nos-conse3 p {
        display: none;
    }
    .for-xs.voyages-sec {
        display: block;
    }
    .voy-owl img {
        height: 160px;
    }
    .voy-owl p {
        font-size: 10px;
    }
    .voy-owl.owl-carousel {
        padding: 0;
    }
    .voy-owl.owl-carousel .owl-dots {
        margin-top: 10px;
    }
    .testi-owl .box {
        padding: 10px;
        width: 100%;
    }
    .testi-owl .box p {
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 16px;
    }
    .testi-owl .box .img img {
        height: 48px;
        width: 48px;
    }
    .nos-conse .inner {
        height: 210px;
        /*margin: 15px;*/
        padding: 15px;
        margin: -3px 15px;
        border-radius: 15px;
        background-size: cover;
        background-position: center;
        background-image: url(../images/Catalogue_2026_a_deecouvrir_maintenant_f.webp) !important;
    }
    .nos-conse .inner .btn {
        font-size: 18px;
    }
    .nos-conse {
        padding-top: 0;
    }
	
	.nos-conse2 .inner {
        height: 210px;
        /*margin: 15px;*/
        padding: 15px;
        margin: -3px 15px;
        border-radius: 15px;
        background-size: cover;
        background-position: center;
       /* background-image: url(../images/bandeau-airvoyages-miss-reunion2.webp) !important;
		background-image: url(../images/bandeau-miss-reunion-AFS.webp) !important;*/
		background-image: url(../images/Slider-Catalogue-Dubai.webp) !important;
    }
	
	.nos-conse3 .inner {
        height: 210px;
        /*margin: 15px;*/
        padding: 15px;
        margin: -3px 15px;
        border-radius: 15px;
        background-size: cover;
        background-position: center;
       /* background-image: url(../images/bandeau-airvoyages-miss-reunion2.webp) !important;
		background-image: url(../images/bandeau-miss-reunion-AFS.webp) !important;
		background-image: url(../images/catalogue-octobre-2025-mini.webp) !important;*/
		background-image: url(../images/2BANDEAU_SITE_ALLONS_RACING_f.webp) !important;
    }
	
	
    .nos-conse2 .inner .btn {
        font-size: 18px;
    }
    .nos-conse2 {
        padding-top: 0;
    }
	 .nos-conse3 .inner .btn {
        font-size: 18px;
    }
    .nos-conse3 {
        padding-top: 0;
    }
    .testi-owl .owl-dots {
        display: none;
    }
    .pc-title {
        font-size: 17px;
        padding: 0 25px;
    }
    .ustep1 label,
    .ustep2 label,
    .fix-number-ul,
    .pclogo,
    .usetps .cdown {
        display: none;
    }
    .retourangle-left,
    .suiv-btn {
        border: 0;
        background: transparent;
        color: #003A70;
        font-size: 12px;
        font-family: 'HelveticaNeueMedium';
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 50px;
    }
    .retourangle-left i {
        box-shadow: 0 3px 6px #00000029;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        font-size: 20px;
        align-items: center;
        justify-content: center;
        display: flex;
        margin-right: 10px;
    }
    .suiv-btn {
        font-size: 14px;
        margin-bottom: 0;
    }
    .suiv-btn i {
        width: 24px;
        height: 24px;
        border: 2px solid #003A70;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        padding-right: 1px;
        margin-left: 10px;
    }
    .usetps {
        padding: 60px 0;
    }
    .round-file-sec {
        display: flex;
        align-items: center;
        max-width: 258px;
        margin: auto;
        position: relative;
    }
    .round-file-sec p {
        display: none;
    }
    .round-file-sec h6 {
        text-align: left;
        margin-left: 15px;
    }
    .round-file-sec:after {
        content: "";
        height: 17px;
        width: 17px;
        display: block;
        background: #70D000;
        border-radius: 50%;
        position: absolute;
        left: 14px;
        bottom: 17px;
    }
    .obli {
        float: right;
        padding-top: 11px;
    }
    .mobile-text-center {
        text-align: center;
    }
    .cartes-div {
        max-height: 130px;
    }
    .ustep3 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .module-gallery .slider-thumb .slick-list.draggable,
    .module-gallery .cdown {
        display: none;
    }
    .module-gallery .slidetwo {
        margin-bottom: 0;
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .header-height {
        height: 58px;
    }
    .module-gallery .slider-thumb {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 30px;
        right: 30px;
        height: 50px;
        padding: 0;
    }
    .module-gallery .slider-wrapper {
        flex-direction: column-reverse;
        height: 490px;
    }
    .module-gallery .slider-thumb {
        max-width: calc(100% - 60px);
        width: calc(100% - 60px);
        flex: 0 0 calc(100% - 60px);
    }
    .module-gallery .slider-thumb .slick-prev {
        left: 10px !important;
        top: -20px !important;
    }
    .module-gallery .slider-thumb .slick-prev .fa:before {
        content: "\e662";
        font-family: 'themify';
    }
    .module-gallery .slider-thumb .slick-next {
        top: -20px;
        left: auto !important;
        right: 10px !important;
    }
    .module-gallery .slider-thumb .slick-next .fa:before {
        content: "\e661";
        font-family: 'themify';
    }
    .module-gallery .content h5,
    .content-center h5 {
        font-size: 10px;
        letter-spacing: normal;
    }
    .module-gallery .content {
        padding: 15px;
    }
    .module-gallery .slider-thumb .slick-prev,
    .module-gallery .slider-thumb .slick-next {
        background-color: transparent;
        color: #fff;
        box-shadow: none;
        font-size: 44px;
        box-shadow: none !important;
    }
    .module-gallery .content h2,
    .content-center h2 {
        font-size: 20px;
        letter-spacing: normal;
        right: 0px;
        margin-left: 16px;
        font-family: 'HelveticaNeuBold';
    }
    .module-gallery .content h6 {
        display: none;
    }
    .module-gallery .content p {
        font-size: 15px;
        color: #fff;
        margin: 0;
    }
    .partir-de-four {
        display: none;
    }
    .gpv {
        margin: 0;
    }
    .gpv li {
        margin-top: 20px;
    }
    .gpv li>span {
        font-size: 8px;
        height: 24px;
        display: flex;
        align-items: center;
        margin-top: 0;
    }
    .gpv li.last {
        margin-left: auto;
        flex: 0 0 169px;
        margin-top: 0;
        padding-right: 0;
    }
    .parti {
        padding: 20px;
        font-size: 28px;
        width: 100%;
        margin: 0;
    }
    .parti .s2 {
        font-size: 18px;
        margin: 3px 0;
    }
    .map2 {
        margin-top: 20px;
    }
    .parti span {
        margin-bottom: 0;
    }
    .orxs {
        margin-bottom: 30px;
        margin-top: 30px;
        margin-left: -15px;
        background: #ECA93D;
        color: #fff;
        border-radius: 0 70px 70px 0;
        width: 180px;
        padding: 10px 30px;
        font-family: 'HelveticaNeuBold';
        text-transform: uppercase;
    }
    .orange-ul {
        display: none;
    }
    .module-gallery .content h5,
    .content-center h5,
    .module-gallery .content h2,
    .content-center h2,
    .module-gallery .content p {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 540px;
    }
    .ld1,
    .ld2,
    .ld3,
    .ld4,
    .ld5 {
        display: block !important;
    }
    .sa-img2 {
        margin-top: 10px;
        height: 300px;
    }
    .sa-img1,
    .sa-img-fluid {
        margin-top: 0;
        height: 300px;
        object-fit: cover;
        margin-bottom: 15px;
    }
    .sa-owl-wrap {
        margin-bottom: 30px;
    }
    .blue-nav.owl-carousel .owl-nav button {
        width: 30px;
        height: 30px;
        font-size: 30px;
    }
    .blue-nav.owl-carousel .owl-nav {
        top: -30px;
    }
    .payet-box {
        margin-left: 0;
        padding: 50px 30px 15px;
        margin-bottom: 30px;
        text-align: center;
        margin-top: 50px;
    }
    .payet-box .char {
        left: calc(50% - 30px);
    }
    .payet-box h6 {
        margin-bottom: 15px;
    }
    .title-2020 {
        margin: 20px auto;
    }
    .sa-ul-num {
        padding: 0;
    }
    .sa-span-text {
        font-size: 10px;
    }
    .sa-ul-num li .sa-li-num span {
        height: 36px;
        width: 36px;
        flex: 0 0 36px;
        font-size: 20px;
    }
    .sa-ul-num li .sa-li-num {
        border: 2px solid #8A3B13;
        height: 50px;
        width: 50px;
        flex: 0 0 50px;
    }
    .sa-fix-number {
        margin-bottom: 0;
    }
    .sa-cruises-hero,
    .cruises-hero,
    .oqrp-hero,
    .oqrp-hero .dec-center,
    .oqrp-hero .gra-bg,
    .oqrp-hero .content-center {
        height: 300px;
    }
    .sa-cruises-hero .content h5 {
        font-size: 18px;
    }
    .sa-cruises-hero .content h2 {
        font-size: 36px;
    }
    .cruises-hero .content h1 {
        font-size: 36px;
        letter-spacing: 10px;
        margin-right: -10px;
    }
    .cdown {
        font-size: 18px;
    }
    .cdown i {
        line-height: 10px;
    }
    .cdown,
    .cdown:hover {
        margin-bottom: 20px;
    }
    .cruises-hero .content h6,
    .compass,
    .hero-nd h6 {
        font-size: 12px;
        bottom: 5px;
        opacity: 0;
    }
    .cruises-hero .content h6 img,
    .compass img,
    .hero-nd img {
        height: 16px;
        margin-right: 6px;
    }
    .cruises-hero .content .cdown {
        left: calc(50% - 5px);
    }
    .pona-box,
    .pona-box.westin-box {
        height: 300px;
    }
    .ch-bottom p,
    .hero-nd .ch-bottom p {
        font-size: 12px;
    }
    .crois-sec {
        padding: 50px 0;
    }
    .voir-bottom {
        margin-top: 50px;
    }
    .txtcenter {
        font-size: 30px;
        margin-top: 25px !important;
    }
    .txt2 {
        font-size: 30px;
        margin-top: -15px;
        margin-bottom: 30px;
    }
    .ttl1,
    .sa-second-form h5 {
        font-size: 36px;
    }
    .img2,
    .img1 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .sa-bg-section {
        height: auto;
        position: relative;
    }
    .sa-bg-section:after {
        display: none;
    }
    .sa-bg-color,
    .sa-bg-color2,
    .sa-bg-color3 {
        margin-bottom: 13px;
    }
    .sc-title {
        font-size: 36px;
    }
    .space1 {
        height: 30px;
    }
    .mon-text.mt2 {
        padding-top: 20px;
        padding-left: 15px;
    }
    .mon-text.mt2 b {
        font-size: 10px;
    }
    .oq-title {
        font-size: 30px;
    }
    .content-center.pmce {
        justify-content: flex-end;
        padding-bottom: 20px;
    }
    .custom-control .es-row .col1 {
        display: none;
    }
    .hero-nd .seven-ul {
        display: none;
    }
    .hero-nd h3 {
        font-size: 30px;
        margin-top: 30px;
    }
    .hero-nd .ch-bottom {
        padding: 15px;
    }
    .nos-box {
        flex-direction: column;
    }
    .fix-like,
    .fix-share {
        right: 15px;
    }
    .quoide-sec .art-que a {
        display: block;
    }
    .nos-box .imgg {
        margin-right: 0px;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 150px;
    }
    .nos-box ul li,
    .nos-box ul li a {
        font-size: 10px;
    }
    .nos-box ul li {
        width: calc(100% / 3);
    }
    .nos-box ul.four {
        height: 175px;
    }
    .nos-box ul.seven {
        height: 320px;
    }
    .dm-box.ps-box {
        height: 117px;
    }
    .prod-simi-row {
        flex-wrap: nowrap;
        overflow: auto;
    }
    .sr-backimg2 {
        min-height: 400px;
    }
    .sr-wdth {
        padding: 0 20px !important;
    }
    .pc-logo .ll {
        max-width: 250px;
    }
    .pc-logo {
        height: 250px;
        padding-top: 0;
    }
    .pc-form {
        padding: 50px 0;
    }
    .m-blue {
        margin-bottom: 30px;
    }
    .map-num {
        display: none;
    }
    .bg-image {
        height: 400px;
    }
    .bottomleft h2 {
        font-size: 40px;
    }
    .bottomleft p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .map-im {
        padding: 30px 0;
    }
    .our-agg img {
        height: 300px;
        object-fit: cover;
    }
    .bgsecond-section .carousel-control-next-icon,
    .bgsecond-section .carousel-control-prev-icon {
        width: 18px;
        height: 18px;
    }
    .btn-light1 {
        font-size: 12px;
        bottom: 18px;
        position: absolute;
        top: auto;
    }
    .bgshadow-text h2 {
        font-size: 40px;
    }
    .bg-shadow .img-section,
    .bg-shadow .imgsec-section {
        display: flex;
        flex-wrap: wrap;
    }
    .img-section li img,
    .bg-shadow .imgsec-section li img {
        border-radius: 15px;
    }
    .img-section li,
    .bg-shadow .imgsec-section li {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        padding: 0;
    }
    .img-section li:nth-child(odd),
    .bg-shadow .imgsec-section li:nth-child(odd) {
        padding-right: 7.5px;
    }
    .img-section li:nth-child(even),
    .bg-shadow .imgsec-section li:nth-child(even) {
        padding-left: 7.5px;
    }
    .pona-box .arrow span,
    .alone-arrow span {
        font-size: 16px;
    }
    .pona-box h3 {
        font-size: 24px;
    }
    .pona-box p {
        font-size: 10px;
    }
    .trier-btn {
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        border-radius: 50px;
    }
    .starli-ul .trier-ul {
        position: relative;
    }
    .starli-ul li img {
        display: none;
    }
    .starli-ul li {
        margin: 0;
        flex: 0 050%;
        width: 50%;
        max-width: 50%;
        padding: 8px;
    }
    .dm-box.dm-list {
        flex-wrap: wrap;
        height: auto;
    }
    .dm-box.dm-list .imgg {
        margin-right: 0;
        margin-bottom: 0px;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .dm-box.dm-list .imgg img {
        height: 103px;
    }
    .dm-box.dm-list .mid {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding-left: 8px;
        padding-right: 0;
    }
    .dm-box.dm-list .end {
        flex: 0 0 60%;
        max-width: 60%;
        width: 60%;
        position: absolute;
        bottom: 8px;
        right: 8px;
    }
    .dm-box.dm-list .all-label {
        top: 46px;
        right: auto;
        left: 0px;
    }
    .dm-box.dm-list .all-label label {
        position: absolute;
    }
    .svg-hotel-ul li img {
        height: 15px;
        width: 15px;
    }
    .svg-hotel-ul li {
        display: block;
        margin-right: 4px;
    }
    .svg-hotel-ul {
        margin-bottom: 4px !important;
        padding-top: 0 !important;
        display: none;
    }
    .heart-coup-de {
        font-size: 12px;
        width: 340px;
    }
    .heart-coup-de img {
        height: 19px;
        margin-top: -2px;
    }
    .pagination-ul li a {
        font-size: 12px;
        padding: 0 6px;
    }
    .pagination-ul .btn {
        font-size: 12px;
    }
    .pagination-ul .first {
        margin-right: 10px;
    }
    .pagination-ul .last {
        margin-left: 10px;
    }
    .pagination-ul {
        margin-top: 50px;
    }
    .pagination-ul .btn i {
        margin: 0;
    }
    .pagination-ul .first .btn,
    .pagination-ul .last .btn {
        width: 18px;
        position: relative;
        overflow: hidden;
        color: #fff !important;
    }
    .pagination-ul .first .btn i,
    .pagination-ul .last .btn i {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        right: 0;
        bottom: 0;
        color: #0B4A82 !important
    }
    .cale-lbl {
        display: none;
    }
    .dd-lbl {
        font-size: 6px;
        padding: 2px 0;
    }
    .mep {
        height: 300px;
    }
    .user-img {
        margin-top: 90px;
    }
    .mep h1 {
        font-size: 30px;
        margin-bottom: 10px;
        letter-spacing: 10px;
        line-height: 1.2;
        margin-right: -10px;
    }
    .count {
        right: calc(50% - 36px);
    }
    .en-sp {
        display: none;
    }
    .paco .col2 {
        margin-top: 0;
    }
    .jacv,
    .jacv2 {
        font-size: 8px;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
        min-width: 140px;
    }
    .jacv img {
        display: none;
    }
    .mesdevis-ul {
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px;
        justify-content: center;
    }
    .mesdevis-ul li a {
        font-size: 10px;
        padding: 0 5px;
        height: 36px;
    }
    .mesdevis-ul li a i {
        margin-right: 6px;
        font-size: 12px;
    }
    .jacv2main {
        margin-left: 0;
    }
    .cours-row .c1,
    .cours-row .c2,
    .cours-row .c3 {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 30px;
    }
    .sb-item .sb-img,
    .sb-item img {
        height: 340px;
    }
    .dm-box.small {
        padding: 7px;
        height: 117px;
        margin-bottom: 30px;
    }
    .dm-box.small .prolabel {
        top: auto;
    }
    .dm-box.small .noulabel {
        bottom: 15px;
    }
    .filter-ul,
    .starli-ul,
    .serchd {
        display: none;
    }
    .grid-view {
        display: none;
    }
    .list-view {
        display: block !important;
    }
    .dm-box h6,
    .ts-box h6 {
        height: auto;
    }
    .events-hero,
    .events-hero .four-img,
    .events-hero .four-img img,
    .events-hero .conten {
        height: 300px;
    }
    .events-hero .four-img img.four,
    .events-hero .four-img .six,
    .events-hero .four-img img {
        border-left: 2px solid white;
    }
    .events-hero .content h1 {
        font-size: 36px;
        letter-spacing: 10px;
        margin-right: -10px;
        margin-bottom: 10px;
        width: 100%;
    }
    .events-hero .content .cdown {
        display: none;
    }
    .events-hero .content h2 {
        font-size: 30px;
        letter-spacing: 10px;
        margin-right: -10px;
        margin-bottom: 30px;
    }
    .events-hero .content h2 span {
        font-size: 16px;
    }
    .cruises-hero .content .cdown {
        display: none;
    }
    .cruises-hero .content {
        padding-bottom: 5px;
    }
    .sdt-main {
        position: fixed;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 9;
        top: 58px;
        display: none;
    }
    .sdt-main .p1 {
        text-transform: uppercase;
        text-align: center;
        color: #003A70;
        font-family: 'Poppins-Medium';
        padding: 10px 0;
    }
    .sdt-main .retour {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 40px auto 20px;
        background: transparent;
        border: 0;
        font-size: 17px;
        color: #003A70;
        font-family: 'Poppins-Regular';
    }
    .sdt-main .retour i {
        display: flex;
        border: 2px solid;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 60%;
        margin-right: 8px;
    }
    .dm-grid.dm-box {
        height: 117px;
    }
    .dd-lbl {
        display: none;
    }
    .jeux-box img,
    .jeux-box .gra-bg {
        height: 154px;
        /*height: 300px;*/
        object-fit: cover;
    }
    .jeux-box .txt h3 {
        font-size: 28px;
        margin-top: 70px;
    }
    .jeux-box .txt h4 {
        font-size: 21px;
    }
    .jeux-box .txt {
        margin: 10px;
    }
    .five-cul {
        left: 18px;
    }
    .five-cul li {
        width: 11px;
        height: 75px;
        margin-right: 7px;
    }
    .vth2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
        border-radius: 10px;
        font-size: 10px;
        background-size: cover;
        height: 175px;
    }
    .vth2 div {
        display: flex;
        height: 100%;
        width: 100%;
        padding: 6px 10px!important;
        border-radius: 10px;
        background: transparent linear-gradient(180deg, #00000000 0%, #0B111F1A 50%, #141E37CC 100%) 0% 0% no-repeat padding-box;
    }
    .vth2 div span {
        font-family: 'Poppins-Bold';
        font-size: 19px;
        color: #fff;
        letter-spacing: 5px;
        line-height: 29px;
    }
    .pona-box .arrow i,
    .alone-arrow i {
        height: 26px;
        width: 26px;
    }
    .pona-box .arrow span,
    .alone-arrow span {
        letter-spacing: 2px;
    }
    .gray-sport-ul li {
        margin: 15px;
    }
    .gray-sport-ul li img {
        max-width: 79px;
        max-height: 64px;
    }
    .ch-bottom {
        z-index: 1;
    }
    .pona-box h4 {
        font-size: 20px;
        letter-spacing: 6px;
    }
    .jeux-box .sr-txt1,
    .jeux-box .txt h3 {
        font-size: 20px;
    }
    .jeux-box .sr-txt1 {
        top: 0px;
        width: 100%;
        margin: 0;
        padding: 15px;
        bottom: 0;
        display: flex;
        align-items: center;
    }
    .txt.sr-sports.sa-tours h3 {
        margin-top: 0;
    }
    .jeux-box .txt.sr-sports.sa-tours h3 {
        margin-top: 0;
    }
    .txt.sr-sports.sa-sport h3 {
        margin-top: 0;
    }
    .camel400 {
        height: 300px !important;
    }
    .txt.sr-circuit {
        width: 100%;
        margin: 0;
        padding: 10px;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .txt.sr-circuit h3.sr-circuit2 {
        margin: 0;
        width: 100%;
        letter-spacing: 8px;
    }
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .mh-15px {
        height: 15px;
    }
    .ul-fix-share {
        right: 50px;
        top: 192px;
    }
    .ul-fix-share li img {
        height: 30px;
        width: 30px;
    }
    .sa-bg-color,
    .sa-bg-color2,
    .sa-bg-color3,
    .sa-bg-color5,
    .sa-bg-color6,
    .sa-bg-color7,
    .sa-bg-color8 {
        margin-right: 0;
    }
    .favlist {
        width: max-content;
    }
    .dm-box.dm-list,
    .favlist,
    .heart-coup-de {
        margin-left: auto;
        margin-right: auto;
    }
    .sa-img-bg img {
        width: 100%;
    }
    .events-hero .content .text-compass {
        display: none;
    }
    .oqrp-hero.quote-hero,
    .oqrp-hero.quote-hero .dec-center,
    .oqrp-hero.quote-hero .gra-bg {
        height: calc(100vh - 57px);
    }
    .dec-center .mon-text.mt2 {
        font-size: 131px;
    }
    .oqrp-hero.quote-hero .dec-center .mon-text.mt2 {
        font-size: 131px;
    }
    .oqrp-hero.quote-hero .mon-text.mt2 span {
        font-size: 107px;
        margin-bottom: 10px;
    }
    .oqrp-hero.quote-hero .mon-text.mt2 b {
        font-size: 18px;
    }
    .oqrp-hero.quote-hero .close-anim {
        display: none;
    }
    .hero-nav .nav img {
        height: 60px;
        border-radius: 4px;
        width: 120px;
        margin-bottom: 0px;
    }
    .nos-box .imgg .gra-bg{
        height: 150px;
    }
    .hero-nav .nav {
        top: 177px;
        left: 20px;
        right: 0;
        width: calc(100% - 40px) !important;
    }
    .sr-scroll::-webkit-scrollbar {
        height: 2px;
    }
    .headermenu-li li {
        display: block;
    }
    .hero-nav .hero-nd h3 {
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hero-nd {
        height: 300px;
    }
    .oq-div .close-red,
    .usetps .close-red {
        margin-left: calc(100% - 30px);
    }
    .close-red {
        margin-top: 0;
    }
    .date-picker-wrapper.no-shortcuts {
        max-width: 250px;
    }
    .ml-20px {
        margin-left: 20px;
    }
    .ml-40px {
        margin-left: 40px;
    }
    .sr-ul1 {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .sr-ul1 li {
        margin-bottom: 10px;
    }
    .blog-owl .item {
        height: 500px;
        text-align: center;
        padding: 0 15px;
    }
    .blog-owl h3 {
        font-size: 30px;
        letter-spacing: 10px;
    }
    .blog-owl h6 {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .blog-owl .owl-nav {
        display: none;
    }
    .articles-detail {
        padding-left: 0;
    }
    .dubai-lis {
        padding-left: 0;
    }
    .blogs-mart {
        padding-left: 0;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .ca-row .dlogo img {
        display: none;
    }
    .ca-row .col2 {
        display: none;
    }
    .ca-row .col1 h1.sr-none {
        display: none;
    }
    .ca-row .col1 img.sr-none {
        display: none;
    }
    .ca-row {
        flex-direction: column-reverse;
    }
    .ca-row {
        flex-direction: column-reverse;
    }
    .ca-row .col1 a.accrder {
        margin-top: -33px;
        margin-bottom: 10%;
    }
    .sa-logo {
        top: 110px;
    }
    .sa-map {
        margin-top: 0;
        height: 300px;
    }
    .txt.sr-txt1.sa-text1 h3 {
        height: 138px;
        margin-top: 0;
        display: flex;
        align-items: flex-end;
    }
    .sr-img-height1 {
        height: auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .xs-menu-ul .brand img {
        height: 22px;
    }
    .txt.sr-txt1.sa-text1 h3 {
        height: 138px;
        margin-top: 0;
        display: flex;
        align-items: flex-end;
    }
    .sa-labels {
        font-size: 9px!important;
        margin-left: 2px;
        line-height: 2.7!important;
    }
    .motdepasse {
        font-size: 10px !important;
    }
}

.top-banner {
    background-color: #F99300;
    padding: 10px 0;
    width: 100%;
}

.banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    font-family: Arial, sans-serif;
}

.item {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: white;
    font-weight: 500;
    transition: color 0.3s ease;
}

.item:hover {
    color: #000000;
}

.separator {
    color: white;
}

.separatorby {
    color: black;
    font-weight: 600;
}	

.icon {
    width: 26px;
    height: 26px;
    transition: all 0.3s ease;
}

/* changement picto au hover */
.item:hover .icon {
    content: url('/uploads/footer/am-picto-dark.png');
}
/* hover picto Air Voyages */
.item.airvoyages:hover .icon {
    content: url('/uploads/footer/av-picto-dark.png');
}