/* Media Query Start */

/* Extra Large Devices (Large Screens) */
@media (min-width: 1201px) {
    
}

/* Large Devices (Desktops) */
@media (max-width: 1200px) {
    .menu-bar li a{
        white-space: nowrap;
    }
    .contact-btn{
        white-space: nowrap;
    }
    .hero-content h1{
        font-size:2.8rem;
    }
   .callback-men:before {
       
        width: 400px;
        height: 400px;
      
    }
    .serve-txt p {
        font-size: 12px;
       
    }
    .about-page-header h2 {
        font-size: 5rem;

    }
    .typography h2 {
        font-family: var(--primary-font);
        font-size: 45px;
        
    }
}

/* Medium Devices (Laptops) */
@media (max-width: 992px) {

    .callback-men:before {
       width: 350px;
        height: 350px;
    }
   
    .about-page-header h2 {
        font-size: 3rem;

    }
    .sec-title{
        font-size: 28px;
    }
    .typography h2 {
       
        font-size: 35px;
        
    }
    .sec-about {
        font-size: 1.5rem;
      
    }
    .contact_banner .about-page-header h2 {
        font-size: 3rem;
    }
    .contact-btn{
        margin-bottom:10px;
    }
    .about_banner{
        height: 900px;
    }
    .service_banner{
        height: 900px;
    }
}

/* Small Devices (Tablets) */
@media (max-width: 768px) {
    .nav-logo{
        margin: 0 !important;
    }
    .callback-men:before {
          width: 300px;
        height: 300px;
    }
    .brand-slider{

        display: none;
       
    }
    .typography h2 {
       
        font-size: 30px;
        
    }
    .contact-info{
        margin: 10px 0;
    }
}

/* Extra Small Devices (Phones) */
@media (max-width: 576px) {
    .callback-men:before {
        width: 250px;
        height: 250px;
        top: -15px;
    }
    .hero-content{
        padding-bottom: 10px;
    }
    .planing-do{
        margin: 10px;
    }
    .typography h2 {
       
        font-size: 24px;
        
    }
}

/* Media Query Finish */