@media (max-width: 991px) {
    #main_banner {
        background-size: cover;
    }
    .main_banner-content {
        padding: 20px 12px;
        max-width: 450px;
    }
    .main_banner-content .logo-box img {
        max-width: 100px;
    }
    .main_banner-content .profile-details {
        padding: 0 0;
        margin-bottom: 20px;
        column-gap: 28px;
    }
    .main_banner-content .profile-details .profile-details-bx {
        font-size: 22px;
    }
    .main_banner-content p {
        font-size: 18px;
    }
    .main_banner-content .button-box {
        margin: 24px 0;
    }
    .main_banner-content ul li a.btn {
        font-size: 18px;
        padding: 10px 16px;
    } 
    .main_banner-content .footer-navigation ul li a {
        font-size: 18px;
    }
}

@media (max-width: 479px) {

    .main_banner-content .logo-box img {
        max-width: 80px;
    }
    .main_banner-content h1 {
        font-size: 22px;
    }
    .main_banner-content .profile-details .profile-details-bx {
        font-size: 18px;
    }
    .main_banner-content .profile-details .profile-details-bx span {
        font-size: 16px;
    }
    .main_banner-content .profile-box span {
        font-size: 18px;
    }
    .main_banner-content p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .main_banner-content p img {
        max-width: 18px;
    }
    .main_banner-content .button-box {
        margin: 18px 0;
    }
    .main_banner-content ul li a.btn {
        font-size: 16px;
        padding: 8px 16px;
    }
    .main_banner-content ul li a.btn img {
        max-width: 28px;
    }
    .main_banner-content .footer-navigation ul li a {
        font-size: 15px;
    }

}

@media(max-width: 393px) {
    .main_banner-content .profile-details {
        column-gap: 15px;
    }
    .main_banner-content p {
        font-size: 15px;
    }
    .main_banner-content .profile-box span {
        font-size: 17px;
    }

}

@media (max-width: 375px) {

    .main_banner-content .profile-box-main {
        column-gap: 10px;
    }
    .main_banner-content .logo-box img {
        max-width: 70px;
    }
    .main_banner-content h1 {
        font-size: 20px;
    }
    .main_banner-content .profile-box span {
        font-size: 16px;
    }

}

@media (max-width: 320px) {
    .main_banner-content .logo-box img {
        max-width: 60px;
    }
    .main_banner-content {
        padding: 10px 10px;
    }
    .main_banner-content p {
        font-size: 14px;
    }
    .main_banner-content ul li a.btn {
        font-size: 14px;
    }
    .main_banner-content ul li a.btn img {
        max-width: 22px;
    }
    .main_banner-content .footer-navigation ul {
        column-gap: 6;
    }

}