@media (min-width:311px) and (max-width: 575.98px) {
    .hero-bg img {
        height: 100%;
        width: auto;
    }
    .address-menu {
        display: none;
    }
    a.menu-link {
        font-size: 30px;
    }

    .service-item {
        width: 100% !important;
    }
    .detail-project1 {
        position: absolute;
        bottom: -73px;
        left: 20px;
        color: #fddd00;
        top: 68px;
    }
    .about-text-bg {
        display: none;
    }
    .btn-main{
        font-size: 13px;
    }
    .detail-project1 h3{
        font-size: 16px;
    }

    .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: 0 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
    }

    .detail-project1 {
        position: absolute;
        bottom: 20px;
        left: 40px;
        color: #fddd00;
        top: 163px;
    }
    .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: 900px) {
  

    .left-bg {
        display: none
    }
.detail-project1{
    position: absolute;
    bottom: 20px;
    left: 42px;
    color: #fddd00;
    top: 264px;
}
    .number1{
        font-size: 12px;
    }
    .right-bg {
        display: none;
    }
    .detail-project1 h3{
        font-size: 24px;
    }
    
}

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

    .left-bg {
        display: none
    }

    .right-bg {
        display: none;
    }
    .detail-project1{
        position: absolute;
        bottom: 20px;
        left: 30px;
        color: #fddd00;
        top: 154px;    
    }
    .detail-project1 h3{

        font-size: 24px;
    }
    .number1{
        font-size: 12px;
    }

}

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

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


}