@media (max-width: 575.98px) 
{
   
    
   /* .square {
    background: url('../img/baitbird-bg-mobile.jpg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}*/
  
    .logo-div 
     {
        position: fixed;
        top: 0;
        background-color: #fff;
       
     }
     .about-overlay 
    {
    opacity: 0;
    }
    
    .toggle-btn
    {
         margin-top: 60px;
    }
    .logo
    {
        margin-top: 24px;
      
    }
    .square
    
    {
        top:63%;
        width: 87%;
        height:45%;
    }
     .hero-bg
     {
         top:17%;
         right: 5%;
     }
    .about-text
    {
        padding-top:130px;
    }
    
    .hero-bg img {
        height: 30%;
        width: auto;
        bottom: 22%;
    
    }
    .address-menu {
        display: none;
    }
    a.menu-link {
        font-size: 30px;
    }

    .service-item {
        width: 100% !important;
    }

    .about-text-bg {
        display: none;
    }

    .left-bg {
        display: none
    }

    .right-bg {
        display: none;
    }

    .toggle-btn::before {
        display: none;
    }
    .hero-title h1 {
        font-size: 40px;
    }
    .links::before {
        display: none;
    }
    .news-text p {
        display: none;
    }
    .hero-title {
        padding-top: 0px !important;
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) and (max-width: 767.98px) {
    .address-menu {
        display: none;
    }
    .links::before {
        display: none;
    }
    .left-bg {
        display: none
    }

    .right-bg {
        display: none;
    }
    .toggle-btn::before {
        display: none;
    }
    .hero-title h1 {
        font-size: 40px;
    }
    .news-text p {
        display: none;
    }
}

/* // Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) and (max-width: 991.98px) {
  

    .left-bg {
        display: none
    }

    .right-bg {
        display: none;
    }
}

/* // Medium devices (tablets, less than 992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .left-bg {
        display: none
    }

    .right-bg {
        display: none;
    }

}

/* // Large devices (desktops, less than 1200px) RETINA */
@media (min-width: 1200px) and (max-width: 4000px) {
    .work-item {
        height: 350px;
    }

    .mt-60-lg {
        margin-top: 60px !important;
    }


}