/* ===== RESPONSIVE ===== */

@media(max-width:1100px) {

    .top-header {
        display: none;
    }


    .navbar {
        height: 150px;
        padding: 10px;

    }


    .menu {
        display: none;
    }


    .menu-btn {
        display: flex;
    }


    .logo i {
        font-size: 45px;
    }


    .logo-text h1 {
        font-size: 28px;
    }


    .logo-text span {
        font-size: 18px;
    }

}



@media(max-width:600px) {

    .navbar {
        height: 130px;
        padding: 1px 1px;
   
        }

    /* .navbar{
    height:75px;
}  */


    .logo i {
        font-size: 30px;
    }


    .logo-text h1 {
        font-size: 22px;
    }


    .logo-text span {
        font-size: 15px;
    }


    .menu-btn {
        width: 42px;
        height: 42px;
    }


}

@media (min-width:1200px) {

    .logo11 {
        width: 150px;
    }

}












/* SMALL MOBILE */


@media(max-width:400px) {


    .logo {

        width: 120px;

    }


}

@media(max-width:1100px) {
    .logo {
        width: 140px;
  
    }
}

@media(max-width:1200px) {

    .logo {
        width: 150px;
    }

}

@media(max-width:575px) {
    #protab-heading h2 {
        font-size: 1.5rem;
        color: #a1001e;
        font-weight: 700;
        padding-top: 10px;
    }

    #protab-heading {
        padding: 20px 10px;

    }
}

@media(max-width:575px) {
    .menu-btn {
        width: 42px;
        height: 42px;
        margin-right: 20px;
    }

    #home-category {
        padding: 20px 10px;
    }
}
@media(max-width:575px) {
#gallery-heading .gallery-heading01 h1 {
    color: #a1001e;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3;
    padding-top: 10px;
    margin: auto;
    
}
#gallery-heading .gallery-heading01 h1 span {
    color: var(--light-blue);
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3;
    padding-top: 10px;
    
} .protab-badge  {
    margin-left: auto;
    margin-top: 10px;
}
#gallery-heading .gallery-heading01 p {
    color: #666;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
    margin: auto ; 
    letter-spacing: 0.2px;
}}
@media (max-width: 575px) {
    .pcx12-html-section {
        padding: 24px 0;
    }}
    @media (max-width: 575px) {
    .pcx12-html-heading {
        margin-bottom: auto;
        margin: auto;
    }
}