@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
.case-study-img {
    max-width: 370px;
}

}

@media (min-width: 1280px) and (max-width: 1540px) {
    
    .navbar-light .navbar-brand {
        max-width: 180px;
    }
    header .navbar-light .navbar-nav .nav-link.nav-btn {
        font-size: 13px;
        padding: 13px 15px;
        margin-left: 10px;
    }
    header .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
        padding: 5px 10px 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .integer-black-bg {
        padding: 40px;
    } 
}

@media (min-width: 1200px) and (max-width: 1340px) {
.navbar-light .navbar-brand {
    max-width: 170px;
}
header .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
    padding: 5px 11px 5px;
}
header .navbar-light .navbar-nav .nav-link.nav-btn {
    font-size: 12px;
    padding: 13px 10px;
    margin-left: 10px;
}
.slider-wrapper {
    margin-top: 110px;
}

}

@media (max-width:1199px) {
    .jcarousel img {
        max-width: 90%;
    }
    
    .navbar-light .navbar-brand {
        max-width: 200px;
    }
    header .navbar {
        padding: 15px 0 15px;
    }
    .align-items-center {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .navbar-nav {
        margin-top: 30px;
    }
    header .navbar-light .navbar-nav .nav-link {
        padding: 10px 0px 10px;
    }
    header .navbar-light .navbar-nav .nav-link.nav-btn {
        margin-left: 0px;
        margin-top: 10px;
    }
    .slider-wrapper {
        margin-top: 93px;
    }
    .case-study-img {
        max-width: 340px;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {

    .slider-wrapper h1 {       
        font-size: 40px;
    }
    .section-title {
        font-size: 34px;
    }
    .jcarousel-wrapper .jcarousel li {
        padding: 10px 20px;
    }
    .case-study-img {
        max-width: 270px;
    }
       
}

@media (max-width:991px) {    
    
    .large-bg-img {
        position: relative;
        min-height: 480px;
    }
    .top-navbar .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    footer .list-unstyled {
        margin-bottom: 30px;
    }
    .jcarousel img {
        max-width: 220px;
    }
}

@media (max-width:767px) {
    .slider-wrapper h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .slider-wrapper img {
        height: 500px;
    }
    .slider-wrapper p {
        font-size: 13px;
        margin-bottom: 0;
    }
    .video-thumbs {
        max-width: 380px;
        margin: 20px auto 0;
    }
    .video-thumbs img {
        height: auto;
    }
    .slider-wrapper .btn-red {      
        font-size: 13px;
        min-width: 155px;
        padding: 8px 10px 8px;
    }
    .slider-wrapper .carousel-caption {
        align-items: start;
    }
    .jcarousel-wrapper {
        padding: 20px 0 20px;
    }
    .jcarousel-wrapper .jcarousel li {
        padding: 10px 15px;
    }
    .section {
        padding: 40px 0;
    }
    .section-title {
        font-size: 24px;
    }
    .about-wrapper .section-title {
        margin-bottom: 0;
    }
    .case-study-img {
        position: relative;
    }
    .integer-black-bg {
        padding: 40px 15px 40px 15px;
    }
    .integer-black-bg p:last-child {
        margin-bottom: 0;
    }
    .large-bg-img {
        min-height: 360px;
    }
    .services-box {
        padding: 30px 18px;
        margin-top: 30px;
    }
    .services-wrapper .section-title {
        margin-bottom: 20px;
    }
    .our-client-box {
        padding: 20px;
    }
    .faqs-wrapper h2 {
        margin-bottom: 30px;
    }
    #accordion-faqs .card-body {
        padding: 20px;
    }
    .book-time-wrapper {
        padding: 40px 0px;
    }
    .book-time-wrapper h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    footer {
        padding-top: 40px;
    }
    footer h5 {
        margin-bottom: 15px;
    }
    footer iframe {
        margin-top: 20px;
    }
    .jcarousel img {
        max-width: 220px;
    }
    .slider-wrapper img {
        height: 270px;
    }
}

@media (max-width:575px) {
    .large-bg-img {
        min-height: 240px;
    }
}