@media (min-width: 1500px) {
.container {
    max-width: 1280px;
}
}
@media (min-width: 1800px) {
.container {
    max-width: 1440px;
}
}
@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1600px) {
    h2 {
        font-size: 2.5rem;
    }
    .secTitle h1 {
        font-size: 16rem;
        left: 40%;
    }
    .testimonial .secTitle h1,
    .contact .secTitle h1,
    .job .secTitle h1 {
        font-size: 12rem;
    }
    .testimonial .secTitle h2 {
        font-size: 4rem;
    }
}

@media only screen and (max-width: 1440px) {
    .secTitle h1 {
        font-size: 13rem;
    }
    .testimonial .secTitle h1,
    .contact .secTitle h1,
    .job .secTitle h1,
    .blog .secTitle h1 {
        font-size: 10rem;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
    .secTitle h1 {
        font-size: 11rem;
    }
    .testimonial .secTitle h1,
    .contact .secTitle h1 {
        font-size: 8rem;
    }
    .blogThumb .content h4 {
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 14px;
    }
    .testimonial .secTitle h2 {
        font-size: 3rem;
    }
    .about p {
        width: 90%;
    }
    .client .imgLeft {
        margin-left: -3rem;
    }
    .client .bg:before {
        height: 40%;
    }
    .vacanciesThumb {
        margin: 0 5px;
        max-width: 100%;
    }
    .testimonial .testimonialShape {
        padding: 2rem 0;
        margin-left: -4rem;
        margin-right: 4rem;
    }
}

@media only screen and (max-width: 991px) {
    html {
        font-size: 13px;
    }
    section .bg:before {
        content: '';
        background: rgb(255 255 255 / 70%);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .navbar .navbar-collapse {
        background: rgb(0 0 0 / 80%);
        padding: 10px;
    }
    .home .bg:before {
        background: rgb(0 0 0 / 30%);
    }
    .testimonial .secTitle h1, 
    .contact .secTitle h1, 
    .job .secTitle h1, 
    .blog .secTitle h1,
    .about .secTitle h1,
    .secTitle h1 {
        left: 0;
        transform: translate(0, -40%);
    }
    .client .imgLeft {
        margin: 0 0 4rem;
    }
    .secTitle h1 {
        font-size: 8rem;
    }
    .client .bg:before{
        content: none;
    }
    .testimonial .testimonialShape img {
        margin-right: 0rem;
        width: 100%;
    }
    .testimonial .testimonialShape {
        padding: 1rem;
        margin-left: auto;
        margin-right: 0;
        width: 50%;
    }
    .contactInfo .map {
        height: 200px;
    }
    .client .imgLeft img {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 12px;
    }
    .secTitle h1 {
        font-size: 6rem;
    }
    .testimonial .secTitle h1, .contact .secTitle h1, .job .secTitle h1, .blog .secTitle h1 {
        font-size: 8rem;
    }
    .blogThumb .content {
        position: unset;
        transform: translate(0);
        width: 90%;
        margin-bottom: -5rem;
        opacity: 0.9;
    }
    .blogThumb .img {
        width: 100%;
    }
    .contactInfo .map {
        display: none;
    }
    .contact .contactInfo {
        margin-bottom: 3rem;
    }
    .formStyle textarea.form-control {
        height: 6rem;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0;
    }
    .aboutSlider figure {
        width: 50%;
        padding: 5px;
        margin: 1rem auto 0;
    }
    .vacanciesThumb .img {
        height: 12rem;
    }
    .contact .contactInfo .contInfo {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .contact .contactInfo .contInfo li {
        border-bottom: 0;
    }
    .contactInfo .contInfo a {
        font-size: 0;
    }
    .contactInfo .contInfo a i {
        font-size: 1.5rem;
    }
    .mobileScroll {
        /*height: 40rem;*/
        /*overflow-y: scroll;*/
        /*padding-right: 2rem*/
    }
    .clientLogo {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    html {
        font-size: 11px;
    }
    h2 {
        font-size: 2rem;
    }
    .home p {
        letter-spacing: 0;
    }
    p, span {
        font-size: 12px;
    }
    .secTitle h1 {
        -webkit-text-stroke-color: rgb(9 46 88 / 20%);
        -moz-text-stroke-color: rgb(9 46 88 / 20%);
    }
    .home .bg img {
        width: 15rem;
        margin-bottom: 2rem;
    }
    .testimonial .secTitle h1, .contact .secTitle h1, .job .secTitle h1, .blog .secTitle h1 {
        font-size: 5rem;
    }
    .listStyle li {
        flex: 0 0 calc(50% - 3px);
    }
    .listStyle li span {
        padding-left: 0;
        position: relative;
        font-size: 12px;
    }
    .listStyle li span:before {
        content: none;
    }
    .navbar-brand img {
        width: 140px;
    }
    .about p {
        width: 100%;
    }
    .aboutSlider figure img {
        margin: 0 auto;
        width: 60px;
    }
    .client .imgLeft, .testimonial .testimonialShape {
        display: none;
    }
    .clientLogo li {
        flex: 0 0 48%;
        margin-top: 10px;
    }
    .clientLogo .item .img {
        padding: 10px;
    }
    .clientLogo .item .img img {
        width: 100px;
    }
    .testimonial .testimonialSlider {
        margin-top: 3rem;
    }
    .contact .contactInfo {
        margin-bottom: 2rem;
        padding: 1rem;
    }
    .formStyle .form-control {
        height: 4rem;
        margin-bottom: 0;
    }
    .contact .bg {
        justify-content: flex-end;
        padding-bottom: 3rem;
    }
}