/*----------------------------------------MEDIA----------------------------*/
@media only screen and (max-width: 1024px) {

    :root {
        --font1: 50px;
        --font2: 28px;
        --font3: 20px;

        --font5: 16px;
    }

    h1,
    .dark-section-title {
        font-size: var(--font1);
        line-height: 175%;
    }

    .logo {
        font-size: 28px;
    }

    .header-bg {
        width: 100%;
        height: 130px;
        padding: 0 20px;
        display: flex;
        align-items: center;
    }

    .header-container {        
        top: 0px;
    }

    .header-nav ul {
        position: absolute;
        width: 122px;
        height: 263px;
        top: 83px;
        left: -420px;
        flex-flow: column;
        align-items: flex-end;
        justify-content: space-between;
        z-index: 2;
        /* display: none; */
        transition: all 1s;
        transition-duration: 2s;
        animation-timing-function: ease-in-out;
    }

    .header-nav li a {
        width: 122px;
    }

    .header-nav ul img {
        display: block;
    }

    #nav-menu-input:checked~#menu {
        left:-144px;
        display: flex;
    }

    #menu {
        animation-timing-function: ease-in-out;
        transition: display 3s;
    }

    .menu-span,
    #nav-menu-input {
        display: block;
    }



    /*------------------------------------------------------------------------*/
    section,
    .welcome-section {
        width: 100%;
        padding: 0 20px;
    }

    section {
        margin: 60px 0px;
    }

    .section-title {
        line-height: 150%;
        margin-bottom: 82px;
      
    }    

    .visiting-section-title:after {
        bottom: -24px;
    }

    .form-title:after,

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

    /*--------------------WELCOM--------------------------*/
    .welcome-section-container {
        height: 585px;
        padding-top: 54px;
    }

    .carousel {
        position: absolute;
        width: 71.5%;
        height: 100%;
        /* bottom: 0px; */
        right: 0px;
    }

    .discoverTheLouvre {
        position: relative;
        width: 300px;
        height: 60px;
        left: 0px;
        bottom: 0px;

    }

    .fromTheCastleToTheMuseum {

        letter-spacing: 2px;
    }

    .welcome-pagination-container {
        position: absolute;
        width: 700px;
        height: 120px;
        bottom: 0px;
        right: 0px;
        padding: 0px 75px 0px 224px;
        align-items: center;
        z-index: 2;
    }

    .welcome-slide-num {
        width: 70px;
    }

    .pagination-buttons-container {
        width: 160px;
    }

    /*----------------------visiting---------------------------------*/

    .visiting-section {
        min-height: 1313px;
        margin-bottom: 60px;
    }

    .visiting-card-container {
        height: 1160px;
        padding: 0 11%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 55px 108px;

    }

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

    .visiting-card {
        position: relative;
        width: 102.5%;
        max-width: 330px;
        height: 100.7%;
        max-height: 345px;
        box-sizing: border-box;
    }

    .visiting-img {
        height: 64%;
    }

    .card-title {
        letter-spacing: 3px;
    }


    

    /*-----------------------------explore-------------------*/

    .explore-section-container {
        height: 1149px;
        display: block;
        flex-flow: column;
    }

    .explore-section-title {
        position: relative;
        top: 55px;
        width: 100%;
    }

    .explore-content {
        position: relative;
        width: 100%;

        margin-top: 133px;
        padding: 0px;
        display: block;
        justify-content: center;
        align-items: center;
        color: var(--font-light);
    }

    .explore-content p {
        margin: 1px;
    }

    .explore3p {
        display: none;
    }

    .img-explore {
        position: relative;
        width: 73.17%;
        height: 68vw;
        margin: 63px auto;
    }
    .img-explore-before {
        height: 68vw;
    }

    /*---------------------------------------VIDEO----------------------------*/
    .video-section {
        min-height: 881px;
    }

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

    .video-section-title-text {
        display: none;
    }

    .video-container {
        height: 52.22%;
    }

    .video-frame {
        height: 28em;
    }

    .video-controls-container {
        height: 60px;
        padding: 0px 40px;
    }

    .play-btn {
        width: 23px;
    }

    .volume-btn {
        width: 26px;
        height: 20px;
    }

    .progress {
        height: 5px;
        width: 62%;
    }

    .progress1 {
        height: 5px;
        width: 15%;
    }

    .progress::-webkit-slider-thumb,
    .progress1::-webkit-slider-thumb {
        width: 13px;
        height: 13px;
    }

    .fullscreen-btn {
        width: 26px;
        height: 26px;
    }

    .video-section-slider {
        height: 200px;
        margin-top: 22px;
        margin-bottom: 25px;
    }

    /*--------------------------------galery---------------------*/
    
    .gallery-section {
        padding: 54px 20px;
    }

    .gallery-section-title {
        margin-bottom: 55px;
    }

    .picture-container {
        height: 1210px;
        margin-top: 0;
    }

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

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

    .gallery-gradient {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 25%;
        
    }   

    /*--------------------------------TICKETS--------------------*/
    .tickets-section-container {        
        min-height: inherit;
        
    }    
    
    .amount-ticket-container .ticket-type {
       /* opacity:0; */
       display: none;
    }

    .amount-ticket-container {         
        top: 0px;
        justify-content: space-between;
    }

    .ticket-left {
        width: 71%;
        height: 440px;
        overflow: hidden;
    }

    .ticket-section-bg {        
        width: 100%;
        height: 460px;
    }

    .amount-ticket {
        margin-right: 30px;        
        width: 175px;
        height: 100%;
    }

    .amount-ticket p {
        position: relative;
        right: 0px;
        width: 100%;
        margin: 0px 0 30px 0;
        text-align: left;
        
    }

    .amount-ticket li {
        text-align: left;
        padding-left: 0px;
        margin-bottom: 0px;
         font-size:22px;
        line-height: 110%;
        margin: 28px 0px 0px 0px;

    }

    .ticket-section-btn {
        position: relative;
        width: 175px;  
        margin: 12px 0 0 0;      
    }

    .ticket-section-paralax {
        max-width: 1024px;
    }

    .tickets-total {
        margin: 25px 0 60px 0;
        font-family: Roboto;
        font-style: normal;
        font-weight: 900;
        font-size: 28px;        
        line-height: 33px;
        /* identical to box height */
        letter-spacing: 1.65px;
        display: flex;
        justify-content: space-between;
    }

    /*------------------------------contacts---------------------*/
.contacts-section-container {
    width: 100%;   
    height: auto;    
}

.contacts-container {
   
    /* height: calc(100vw*0.5625); */
    margin-top: 0px;
}   
    

    .contacts-info {
        position: relative;
        width: 282px;
        height: 221px;
        margin-top: 0px;
        font-family: Roboto;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 38px;
    }

    .contacts-info h4 {
        margin: 0px 0 27px 0;
        line-height: 115%;
        text-transform: inherit;
        letter-spacing: 0px;
    }

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

    .contacts-right iframe {
        width: 100%;
        height: calc(45vw);
        max-height: 454px;
    }

    /*----------------------------------footer-----------------*/

    .bg-footer {        
        padding: 47px 0 0 0px;
    }

    .footer-panel {
        
        height: 150px;
        margin: 0px 20px;
    }

    .footer-panel .logo {
        top: 5px;
        margin-right: 45px;
        font-size: 28px;
    }

    .footer-nav ul {
        width: 118%;
        align-items: flex-start;
        justify-content: space-between;
    }

    .footer-nav li {
        width: 50%;
        margin: 0;
    }

    .social-links {
        position: relative;
        height: 48px;
        width: 34.5%;
        align-self: flex-end;
        margin: 0px 0px 5px auto;
        box-sizing: border-box;
    }

    .footer-rsusername {
        margin: 54px 0px;
        padding: 0 20px;
        letter-spacing: 2px;
    }

    


    



   
}