/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media(max-width: 1199px) {
    .second-top{
    height: auto;
    }
    .top-sec {
        height: auto;
    }
    .mid-sec {
        height: auto;
    }
    .button-sec {
        height: auto;
    }
    .bottom-sec{
        height: auto;
    }
    header {
        height: auto;
    }
    .hero-section .container-fluid.no-gutters.h-100 {
        height: auto !important;
    }
    .hero-section .row.h-100 {
        height: auto !important;
    }
    .hero-section .col-lg-6.col-md-6.col-12.h-100 {
        height: auto;
    }
}
@media(max-width: 1024px) {
  
}

 @media(max-width: 991px) {
  
 }


 @media(max-width: 767px) {
    .enter-btn {
        padding: 5px 0;
    }
    footer {
        height: auto;
    }
 
    .hero-left {
        padding: 15px;
    }
   
    .button-sec {
        height: auto;
        display: flex;
    }
    .enter-btn a {
        height: 24px;
        width: 51%;
        font: normal normal bold 12px/1px Poppins;
        letter-spacing: 0px;
    }
    .logo a img {
        width: 500px;
        margin-top: 0;
    }
    header {
        padding: 20px;
        height: auto;
    }
    .car2 {
        margin-top: 0;
        text-align: end;
    }
    footer p {
        text-align: left;
        font: normal normal normal 14px/30px Poppins;
    }
    footer {
        padding: 5px 0;
    }
    .enter-btn{
        display: none;
    }
    .hero-left .enter-btn.ingrid {
        display: block;
        border-radius: 7px;
    }
    .enter-btn a {
        height: 36px;
        width: 80%;
        font: normal normal bold 19px/1px Poppins;
        margin: 0 auto;
    }
    .footer-right p {
        text-align: left;
    }
 }
 @media(max-width: 576px) {
    .flag {
        position: absolute;
        top: -19px;
        right: -25px;
    }
    .flag img {
        width: 34px;
    }

}