/** responsible */
@media (min-width: 1120px ) and (max-width: 1199px){    
    .site-logo img {
        height: 85px;
    }
    .site-logo h1 {
        font-size: 2.25em;
    }
    .carousel .carousel-item img {
        height: 470px;
    }  
}
@media (min-width: 1095px ) and (max-width: 1119px){
    .site-logo img {
        height: 80px;
    }
    .site-logo h1 {
        font-size: 2.25em;
    }
    .carousel .carousel-item img {
        height: 440px;
    } 
}
@media (min-width: 1010px ) and (max-width: 1094px){
    .site-logo img {
        height: 75px;
    }
    .site-logo h1 {
        font-size: 2em;
    }
    .carousel .carousel-item img {
        height: 410px;
    } 
}
@media (min-width: 880px ) and (max-width: 1009px){
    .site-logo img {
        height: 70px;
    }
    .site-logo h1 {
        font-size: 1.75em;
    }
    .carousel .carousel-item img {
        height: 380px;
    } 
}
@media (max-width: 879px) {
    .site-logo, .main-menu {
        min-width: 100%;
    }
    .site-logo img {
        height: 70px;
    }
    .site-logo h1 {
        font-size: 1.75em;
    }
    .carousel .carousel-item img {
        height: 350px;
    } 
}
@media (max-width: 768px) {
    .site-logo, .main-menu {
        min-width: 100%;
    }

    .carousel .carousel-item img {
        height: 300px;
    }
    .product-area .bg-services { display: none; }

    .about-area .info-content,
    .product-area .info-content { min-width :100%; }

    .contact-area .col-4,
    .contact-area .col-8 {
        min-width: 100%;
    }
    .row-fluid { padding-left: 0.5em !important; padding-right: 0.5em !important;}
}
@media (max-width: 576px) {
    .site-logo, .main-menu {
        min-width: 100%;
    }

    .carousel .carousel-item img {
        height: 250px;
    }

    .about-area, .product-area, .corp-area, .contact-area {
        padding: 3rem 1rem;
    }

    .product-area .bg-services { display: none; }

    .about-area .info-content,
    .product-area .info-content { min-width :100%; }

    .contact-area .col-4,
    .contact-area .col-8 {
        min-width: 100%;
    }
    
    .join-us {
        padding: 12rem 1rem 3rem !important;
    }
    .join-us .col-3 { display: none; }
    .join-us .col-9 {
        min-width: 100%;
    }
    .row-fluid { padding-left: 0.5em !important; padding-right: 0.5em !important;}
}