@media screen and (max-width:991px) {
    #nav-toggle {
        display: inline-block;
        align-items: center;
        padding: 40px;
        display: flex;
      }

    .language-select img{
        display: none;
    }

     .login{
        display: none;
    }

    .main-nav{
        overflow: initial;
    }

    .nav-links{
       position: absolute;
       background-color: red;
       left: -100%;
       top: 100%;
       width: 100%;
       padding-block: 20px;
       transition: 0.2s ease-in-out;
       color: black;
    }

    .nav-links.active{
        left: 10%;
      
    }

    .nav-links ul{
        flex-direction: column;
    }
    
    

    h3{
        font-size: 1.2rem;
    }

    h1{
        font-size: small;
    }

    .highlight{
        font-size: small;
    }

    .main-section{
        max-width: 50%;
        gap: 30px;
    }

    .form{
        width: 50%;
    }
    .form span{
        font-size: x-small;
    }

    .flight-problems-content{
        flex-direction: column;
    }

    .flight-problems-text{
        min-width: 100%;
        padding-left: 15px;
    }

   .label1 {
    display: none;
   }
   

}




@media screen and (min-width:991px) {
    .benefits-text {
        width: 50%;
        /* padding-left: 20px; */
        height: 100%;
        margin-top: 3%;
    }

   
    
}

@media screen and (max-width:768px) {
    .flight-animation{
        display: none;
    }

    .steps-content{
        flex-direction: column;
    }
    .flight-gif{
        display: none;
    }

    .steps-content .step{
        min-width: 100%;
        text-align: center;
    }

    label{
        font-size: 13px !important;
    }

    .all-airlines{
        transform: translateX(-250%) !important;
    }

    .europe{
        transform: translateX(250px) !important;
    }

    .helping-you{
        transform: translateX(-150%) !important;
    }
}

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

    

    .header-section{
        flex-direction: column-reverse;
    }

    .flight-animation {
        /* background-image: url("../static/assets/EUROPE.gif");
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
        background-size: 100px;
        width: 100%;
        height: 200px; */
        /* z-index: 1000; */
        /* justify-content: center;
        align-items: center; */
        /* position: fixed; */
        /* display: flex; */
        /* transform: translateY(-300px) !important; */
        /* transform: translate(-40px, -250px); */
        /* transform: translateX(30px) !important; */
        display: none;
    }

   
   
    .benefits-content{
        flex-direction: column;   
    }

    .benefits-text{
        min-width: 100%;
        min-height: fit-content;
    }

    .benefits-content .benefits-img img{
        justify-content: center;
        align-items: center;
        width: 650px !important;
        height: auto;
        /* display: flex; */
        /* left: 50%; */
    }

    .flight-problems-content{
        flex-direction: column;
    }

    .flight-problems-text{
        min-width: 100%;
        padding-left: 15px;
    }
   

    .flight-problems-cards{
        
        justify-content: center;
        align-items: center;
        
    }

    .steps-content{
        flex-direction: column;
    }
    .flight-gif{
        display: none;
    }

    .steps-content .step{
        min-width: 100%;
        text-align: center;
    }

    .footer-social-media-icons{
        flex-direction: column;
    }

    .footer-logo{
        justify-content: center;
        align-items: center;
    }

    .footer-logo img{
        width: 50%;
    }

    .footer-icons img{
        margin-top: 0 !important;
        /* margin: 0px 0px !important; */
    }
    
 
    .footer-container{
        flex-direction: column;
        gap: 40px;
        align-items: center;
        text-align: center;
    }

    .link-column{
        align-items: stretch;
    }

    .small-footer{
        flex-wrap: wrap;
    }


    .footer-content2{
        display: flex;
        flex-direction: column;
        
    }

    

    
}

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

    #suggestion-box-Connet-2{
        font-size: small;
        width: 260px;
    }
    #suggestion-box-Connet-1{
        font-size: small;
        width: 260px;
    }
    
    .main-section{
        flex-direction: column;
    }

    .main-section .content{
        min-width: 100%;
    }

    .form{
        min-width: 100%;
    }

    .benefits-image-container{
        margin-left: 20px !important;
    }

    .benefits-image-container img{
        transform: translate(20%);
        z-index: -1000;
        position: relative;
    }

    .column-left-hide{
        display: none;
    }

    .helping-you{
        transform: translateX(-200px) !important;
    }

    .all-airlines{
        transform: translateX(-170px) !important;
    }

    .europe{
        transform: translateX(30px) !important;
    }
    
    .help-icon{
        min-width: 18% !important;
    }

    

    .benefits-content{
        flex-direction: column;
        min-width: 100%;
        padding-top: 40px;
    }

    .benefits-section{
        justify-content: center;
    }

    .benefits-text{
        justify-content: center;
        min-width: 100%;
    }

    .flight-problems-content{
        flex-direction: column;
    }

    .flight-problems-text{
        min-width: 100%;
    }

    .steps-content{
        flex-direction: column;
        min-width: 100%;
        justify-content: center;
        
    }

    /* .flight-problems-section{
        padding-left: 40px !important;
    } */

    .step{
        min-width: 100%;
    }

    .flight-problems-cards{
        flex-direction: column;
    }

    

    

    .flight-problems-content{
        justify-content: center;
        display: flex;
        align-items: center;
        min-width: 100%;
    }

    .no-win-no-fee-content{
        flex-direction: column-reverse;
    }

    .no-win-no-fee-content .text-content{
        min-width: 100%;
    }

    .comparison-content{
        flex-direction: column;
        margin-left: 0;
    }

    .comparison-content .column{
        min-width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .know-rights-btn{
        min-width: 90%;
    }

    .get-my-claim-btn{
        min-width: 90%;
    }

    

    .footer-content2{
        min-width: 100%;
        /* gap: 20px; */
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        text-align: start;
        
    }

    .footer-icons {
        display: flex;
        flex-wrap: wrap;
        padding-left: 20px;
    }

    .footer-section{
        padding-left: 17px !important;
        margin-top: 10px;
    }
    .benefits-image img {
        width: 280px !important;
        border-radius: 10px;
    }

    .benefits-section{
        padding-top: 0px !important;
    }

    .footer-logo{
        justify-content: center;
        align-items: center;
    }

    .footer-column{
        display: flex;
        flex-direction: column;
    }

    /* .footer-social-media-icons{
        flex-direction: column;
    } */
    .footer-text p{
        min-width: 100%;
        
    }

    .footerH3Ul{
        display: none ;
    } 
    

  
    h1{
        font-size: 2rem;
    }
    
    h2{
        font-size: 1.5rem;
    }
    
    h3{
        font-size: 1.5rem;
    }

    p{
        font-size: 1rem;
    }

    
}

@media screen and (max-width:320px) {
    .benefits-image-container img{
        transform: translate(0%);
        z-index: -1000;
        position: relative;
    }

   
}

@media screen and (max-width:375px) {
    .help-icon{
        min-width:20% !important;
    }
}



@media screen and (min-width:479px) {
    .hideThisInLaptop{
        display: none;
    }

    
}

@media screen and (max-width:479px) {
    .hideThisInLaptop{
        display: flex;
        
        flex-direction: column;
        /* margin-top: 50px;
        margin-bottom: 50px; */
        /* gap: 30px; */
    }

    .hideThisInLaptop select{
        width: 100%;
        border: none;
        padding: 20px 20px;
        /* border-top: 1px solid red; */
        
    }

    .multi-column-footer{
        padding: 0px !important;
    }

    .footer-content2{
        width: 100%;
    }

    html,body{
        /* overflow-y: hidden; */
        overflow-x: hidden;
    }

    
}

@media screen and (min-width:991px) {
    .benefits-section{
        padding-top: 0 !important;
        transform: translateY(-100px);
    }

    .main-section{
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width:991px ) and (max-width:1440px)  {
    .benefits-text{
        margin-top: 0!;
    }

   .flight-animation{
    opacity: 0.2;
    /* background-position: left; */
    /* background-position-x: right !important; */
    /* background-position-y: bottom !important; */
   }

    

    
}