@media only screen and (max-width: 991px) {

    .contact {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {

    .main-logo {
        width: 300px;
    }

    .footer-container .footer-col:first-child {
        display: none;
    }

    .footer-col img {
        width: 100px;
        margin-left: 20px;
    }

    .footer-col .info {
        margin-left: auto;
    }

    .footer-col .social-media {
        width: auto;
        margin-left: 0;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 580px) {

    .social-media span {
        padding: 5px 5px;
        font-size: 24px;
        transition: all .3s ease-in-out;
    }

    .main-navigation {
        padding-left: 24px;
        padding-right: 14px;
    }

    .menu-navigation ul {
        width: 100%;
    }

    .menu-button {
        margin-right: 0;
    }

    .main-media .social-media {
        justify-content: space-around;
    }

    .main-carousel .carousel-indicators {
        right: 0;
        bottom: 60px;
        left: 0;
        margin-right: 15%;
    }

    .main-carousel .carousel-indicators li:first-child {
        margin-left: 3px;
    }

    .footer-container {
        display: block;
    }

    .footer-col {
        /* flex: 1; */
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    .progress-count span {
        font-size: 34px;
    }

    .progress-count h5 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 380px) {

    .main-logo {
        width: 220px;
    }

    .menu-button {
        margin-right: -11px;
        margin-top: 5px;
    }

    .hamburger {
        padding: 0 15px;
    }

    .hamburger-box {
        position: inherit;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 30px;
    }

    .hamburger-inner::before {
        top: -8px;
    }

    .hamburger-inner::after {
        top: 8px;
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        top: 1px;
    }

    .main-carousel .carousel-indicators {
        margin-left: 5%;
        margin-right: 5%;
    }

    .bg-noimage .banner-title {
        font-size: 50px;
    }

    .progress-count span {
        font-size: 29px;
    }

    .progress-count h5 {
        font-size: 16px;
    }
}