@media only screen and (max-width: 768px) {
    .foo-a-o {
        width: 100% !important;
        padding: 0 7mm 2mm 7mm;
    }

    .foo-mg {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .widget {
        padding: 2em;
    }

    .explanation-sec {
        padding-top: 2em;
    }

    .three {
        display: none;
    }

    .portfolio-layout3 .portfolio-item {
        padding-bottom: 0;
    }

    .cop p {
        font-size: 8px !important;
    }

    .blue a {
        font-size: 8px !important;
    }

    .c-l-2 {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        padding-bottom: 2em;
    }

    .c-s {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .corporate-images {
        padding-bottom: 2em;
    }

    .corporate-text ul li {
        font-size: 12px !important;
    }

    .foo-a-o img {
        width: 209px;
    }

    .ceiling-text h3 {
        font-size: 15px;
    }

    .c-w {
        font-size: 20px;
    }

    .contact__panel-info {
        padding: 2em !important;
    }

    .corporate-text p {
        font-size: 12px;
    }

    .main-carousel .swiper-slide .main-image:last-child {
        background-position-x: -268px !important;
    }

}



@media only screen and (max-width: 991px) {
    .foo-a-o {
        width: 50%;
        padding: 0 7mm 2mm 7mm;
    }

    .co-2 {
        padding-top: 2em;
    }

    .foo-mg {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .three {
        display: none;
    }
}

@media (min-width: 991px) {
    .hidden-lg {
        display: none !important;
    }
}

@media only screen and (max-width: 1294px) {
    .navbar .nav__item {
        margin-right: 9px;
    }
}

@media only screen and (max-width: 1252px) {
    .navbar .nav__item {
        margin-right: 7px;
    }
}

@media only screen and (max-width: 1240px) {
    .navbar .nav__item .nav__item-link {
        font-size: 13px;
    }
}