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

:root {
    --font1: 40px;
    --font2: 22px;
    --font3: 18px;
    --font4: 20px;
        --font5: 16px;
}

    .header-bg {
        height: 110px;
        display: flex;
        align-items: center;
        box-sizing: border-box;

    }

    .header-container {
        top: 2px;
        margin: 0 auto;
    }

    
    /*-----------------------------------------------------------------------*/
    section {
        margin: 40px 0px;
    }

    h1 {      
        text-align: center; 
        line-height: 150%;
    }

    .section-title, 
    .dark-section-title {
        line-height: 150%;
        margin-bottom: 43px;

    }

    .explore-section-title:after,
.visiting-section-title:after,
.tickets-section-title:after,
.contacts-section-title:after {
    bottom: -22px;
}



/*-----------------WELCOM-------------------------------*/

.welcome-section-container {
    max-height: 861px;
    height: 122vw;
    padding-top: 0px;
}

.fromTheCastleToTheMuseum {
    /* From the castle to the museum */
    position: relative;
    width: 100%;
    top: -25px;
    margin: 0px 0 20px 0;
    text-align: center;
    
}

.discoverTheLouvre {
    display: none;
}

.carousel {
    position: relative;
    width: 100%;
   max-height: 546px;
   height: 71.5vw;
    /* bottom: 0px; */
    right: 0px;
}

.pagination-arrows-container {
    top:-5px;
}

.welcome-gradient {
    display: none;
}

.welcome-pagination-container {
    position: relative;
    width: 95%;
    max-width: 400px;
    height: 40px;
    margin: 30px auto;
    bottom: inherit;
    right: inherit;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bg-dark);
}
/*--------------------------------------------------------------*/

.visiting-section {
    min-height: inherit;
    /* margin-bottom: 60px; */
}

.visiting-section-container {
    /* Virtyal tour */
    height: auto;

}

.visiting-section-title {
    margin-bottom: 62px;
}

.visiting-card-container {
    position: relative;
    width: 100%;
    max-width: 1440px;
    height: 1004px;
    padding: 0 8%;
     gap: 23px 56px;
}

.visiting-card {
    position: relative;
    width: 100%;
    max-width: 280px;
    height: 98.5%;
    max-height: 301px;
    box-sizing: border-box;
}

.visiting-img {
    height: 60%;
}

.card-title {
    margin-top: 22px;   
}

.card-subtitle {
   margin-top: 23px;
}

.card-subtitle-undertext {
    margin-top: 12px;
}
/*-------------------------------------------------------------------*/



.explore-section-container {
    height: 131vw;
    max-height: 908px;
    margin-bottom: 40px;
    min-height: inherit;
}
.explore-section-title {   
    top: 40px;   
    margin-bottom: 100px;
}

.explore-content {
    display: none;
}

.img-explore {
    position: relative;
    width: 100%;
    height: 92.5vw;
    margin: 15px 0px 31px auto;
}

.img-explore1 {
    height: 100%;
}

.img-explore-before {
    height: 92.5vw;
    max-height: 710px;
}

.explore-slider {
    position: absolute;
    max-width: 39px;
    width: 6%;
    height: 102%;
    left: 58.0%;
    top: -2px;
}

/*-----------------------------------------------*/
.video-section {
    position: relative;
    min-height: 757px;
}

.video-section-container {
    min-height: inherit;
}

.video-section .section-title {
    width: 100%;
    margin-bottom: 20px;
}

.video-frame {
    height: 44vw;
}

.video-controls-container {
    height: 53px;
    padding: 0px 30px;
}

.big-play-btn {
    width: 11%;
    height: 20%;
    top: 42%;
}

.progress {
    position: absolute;
    width: 100%;
    top:-4px;
    left: 0;
}
.progress1 {
    width: 75%;
    left: 2px;
}

.video-section-slider {
    height: 230px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.video-section-slider ul {
    width: 255%;   
    gap: 0px 20px;
}

.video-section-slider li {
    width: 48%;
    height: 86%;
}

.video-slider-pagination {
    position: relative;
    width: 185px;
}

.video-checkmark {    
    width: 10px;
    height: 10px;
}

/*-------------------------------------------------*/

.gallery-section {
    padding: 40px 20px;
}

.picture-container {
    height: 1037px;   
}

.gallery-slider-container {
    height: 2046px;
    gap: 24px 24px;
}

.gallery-slider-container img {
    width: 48%;
    height: fit-content;
}

.gallery-slider-container img:nth-child(10n+1) {
    margin-top: inherit;
}

.gallery-slider-container img:nth-child(1) {
    margin-top: 50px;
}
/*----------------------------------------------------------*/

.tickets-section-container {
    min-height: 552px;

}

.amount-ticket-container {
   top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
    color: var(--bg-dark);
}

.amount-ticket {
    margin-right: 49px;
}

.ticket-left {
    width: 61%;
    height: 44vw;
    overflow: hidden;
}

.amount-ticket p {  
    margin: 0px 0 40px 0;
}

.amount-ticket li {
    margin: 24px 0px 0px 0px;

}

.tickets-total {
    width: 100%;
    margin: 37px 0px 30px 0px;
}

.number1 {
    width: 58px;
}

.ticket-section-paralax {
    height: 300px;
}
/*------------------------------------------------------------*/
.contacts-section {
    min-height: inherit;
}

.contacts-container {
    margin-top: 65px;
    flex-flow: column;
    align-items: flex-start;
    justify-content:space-around;
    
}

.contacts-info {
    font-size: 18px;
line-height: 37px;
}

.contacts-info h4 {
    margin: 0px 0 31px 0;
}

.contacts-right {
    width: 100%;
    height: 62vw;   
}

.contacts-right iframe {
    width: 100%;
    height: 100%;
    max-height: 476px;
}
/*-----------------------------------------------------*/


    .bg-footer {
        height: 411px;
        margin: 0;
        padding: 0px 0px;
    }

    .footer-panel {
        height: 308px;
        padding-top: 38px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        overflow: hidden;
    }

    .social-links {
        width: 340px;
        margin: 0px 90px 40px auto;
    }

    .footer-panel .logo {
        margin-right: 15px;
        /* font-size: 28px; */
    }

    .footer-nav {
        position: relative;
        width: 59%;
        height: 121px; 
        margin-top: 15px;      
    }

    .footer-nav li {
        width: 50%;
        line-height: 33px;
        margin: 0;
        font-size: 18px;
        text-align: left;
    }

    .footer-uderline {
        margin: 0px;
        bottom: 106px;
    }

    .footer-rsusername {
        margin: 44px 0px;
    }




}