@media only screen and (max-width: 1500px) {
    .navbar-brand span {
        font-size: 32px;
        padding-left: 30px;
        line-height: 32px;
    }
    .right-header-img img{width: 300px;}
}

@media only screen and (max-width: 1367px) {
    .navbar-brand span {
        font-size: 32px;
        padding-left: 30px;
        line-height: 32px;
    }
    .right-header-img img{width: 300px;}
}
        

@media only screen and (max-width: 1171px) {
    .navbar-brand span {
        font-size: 24px;
        padding-left: 15px;
        line-height: 24px;
    }
    .right-header-img img{width: 200px;}
}

@media only screen and (max-width: 992px) {
    .navbar-brand{width: 100%;text-align: center;}
    .right-header {
        align-items: center;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-brand span{font-size: 24px;
        padding-left: 20px;
        line-height: 24px;}
        .right-header {
            flex-direction: column-reverse;
        }
    
}
@media only screen and (max-width: 576px) {

    .reg-btn a {
        margin-left: 0;
    }
    .reg-btn{margin: 20px 0;text-align: center;}
    .reg-btn .main-btn{margin-top: 10px;    display: inline-table;}
    .desktop-banner{display: none;}
    .mobile-banner{display: block;}
    .gallery-bx{height: 150px;}
    .heading h3{font-size: 24px;}
    .navbar-brand span {
        font-size: 20px;
        padding-left: 15px;
        line-height: 20px;
    }
    .gallery-rt{margin-right: 15px;}
    .navbar-brand img{width: 40px;}
        }
@media only screen and (max-width: 460px) {
   
}

@media only screen and (max-width: 360px) {
    
   
}

@media only screen and (max-width: 321px) {
    
    
}