@media (max-width: 767px) {
    .footer-section .footer-top .contact-box .contact-title{
        margin-bottom: 25px;
      }
      .footer-main .footer-img{
        margin-bottom: 25px;
      }
      .footer-menu ul li{
        margin-bottom: 10px;
      }
      .search-wrapper {
        position: relative;
        width: auto;
        margin: auto;
    }
    .search-wrapper>label {
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }
    .banner-section {
        background-size: cover;
        padding: 70px 0!important;
    }
    .banner-section {
        padding: 100px 0;
    }
    .banner-input-sec {
        margin-top: 30px;
    }
    .login-screen .form-section .details {
        padding: 30px;
    }
    .login-screen .social-list span {
        width: 100%;
        display: flex;
        margin-bottom: 15px;
    }
    .login-screen .social-list a {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .login-screen .form-section .checkbox a {
        float: left;
    }
    .login-screen .form-inner{
        padding-bottom: 80px;
    }
    /* .login-screen {
        padding-bottom: 0px;
    } */
    .banner-section .banner-left .banner-content h1 {
        font-size: 34px;
    }
    .footer-section .footer-top {
        padding-bottom: 60px;
        border-top: 1px solid #000;
        padding-top: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search-wrapper {
        width: 600px;
    }
    .header-section .btn-area-top {
        display: flex;
        align-items: center;
        gap: 10px;
        float: right;
        width: 100%;
        text-align: right;
        justify-content: end;
    }
    .navbar-brand.main-logo {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 991px) {
    section {
        padding: 60px 0;
    }
    .banner-section {
        background-size: cover;
    }
    .footer-section .footer-menu ul {
        display: block;
        gap: 40px;
        justify-content: end;
    }
}

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

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: end;
    }

    .navbar-brand.main-logo {
        position: absolute;
        /*left: 50%;*/ 
        padding-left:180px; 
        transform: translate(-50%, 0);
    }
    .btn-area-top{
        display: none!important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1200px) {}