/* Desktop large screen resolution*/
@media only screen and (min-width: 1199px) { 
    body .container {
        max-width:1240px;
    }
}

@media only screen and (max-width:767px) {
    .global-header {
        display: block;
    }
    .button-container.schedule-call a {
        margin: 20px auto 10px;
    }
    .single-service-areas h2 {
        font-size:30px !important;
        line-height:42px !important;
    }
    .page-template-service-areas .service-thumb img {
        height:220px !important;
        max-height:220px !important;
    }
}

@media only screen and (max-width:991px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
      max-width: 100%;
      flex: 100%;
    }
    .container h1 {
      font-size:45px;
      line-height:60px;
    }
    .container h2 {
      font-size: 40px;
      line-height:55px;
    }
    .container h3 {
      font-size:30px;
      line-height: 45px;
    }
    .container h4 {
      font-size: 25px;
      line-height: 40px;
    }
    .sticky-header .mobile-toggle {
        top:35px;
    }
    header.site-header {
        position: static !important;
    }
    .logo img {
        width: 210px;
        object-fit: contain;
    }
    .mobile-toggle {
        display: block !important;
        position: absolute;
        right: 20px;
        top: 80px;
        background: transparent;
        border: none;
        z-index: 999;
    }
    .main-menu ul {
        flex-direction: column;
        justify-content: center;
        position: fixed;
        z-index: 99;
        transform: translateX(100%) !important;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        height: 100%;
        inset: 0 0 0 15%;
        background: #124b63;
        align-items: baseline;
        margin: 0px;
        transition: 0.5s ease-in;
        padding: 0px 40px;
    }
    .main-menu ul li a {
        color:#fff !important;
    }
    .sticky-header .main-menu ul li a {
        color:#fff !important;
    }
    .mobile-toggle[aria-expended="true"] .bar.first {
        transform: rotate(45deg);
        top: 8px;
        position: relative;
    }
    .mobile-toggle[aria-expended="true"] .bar.second {
        display: none;
    }
    .mobile-toggle[aria-expended="true"] .bar.third {
        transform: rotate(-45deg);
    }
    .menu[data-visible="true"] {
        transform: translateX(0) !important;
    }
    .main-menu ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }
    /* banner mobile css */
    .video-container .video-caption {
        top:30% !important;
    }
    .about-block-content {
        padding-right: 0;
    }
    .about-image-block {
        margin-top: 50px;
    }
    .about-image-block img {
        height: auto;
        width: 100%;
    }
    .hire-us-image img {
        height: auto;
        width: 100%;
    }
    .service-block-image img {
        height: auto;
        width: 100%;
    }
    .service-listing-block .col-sm-4:nth-child(4) .service-area-block {
        margin-bottom: 80px !important;
    }
    .service-listing-block .col-sm-4:nth-child(5) .service-area-block {
        margin-bottom: 80px !important;
    }
    .hire-us-coontent-block {
        padding-top: 50px;
    }
    .case-study-content img {
        height: auto;
    }
    .case-study-image {
        margin-top: 50px;
    }
    .footer-column-2 {
        padding-top: 30px;
    }
    .social-icons {
        justify-content: center;
    }
    .hire-us-coontent-block h4 {
        font-size: 20px;
        margin-top: 10px;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .brand-block-container .col-sm-3:last-child {
        margin-bottom: 0px;
    }
    .brand-block-container .col-sm-3 {
        margin-bottom: 50px;
    }
    #nexgen-website img, #nexgen-hosting img {
        margin-top: 50px;
    }
    section#corporate img, section#nexgen-website img {
        margin-bottom: 50px;
    }
    .card-box {
        margin-bottom: 50px;
    }
    .contact-info-block {
        padding-left: 0px;
    }
    .office-image {
        padding-right: 0;
        padding-bottom: 50px;
    }
    .map-block iframe {
        margin-bottom: 50px;
        height: 350px;
    }
    .contact-form-block {
        padding: 10px 20px;
    }
    .mobile-toggle {
        display: block;
        width: 50%;
        float: left;
    }
    .single iframe {
        height: 300px;
    }
    .page-template-service-areas .service-thumb img {
        height:350px;
        max-height:350px;
    }
}
@media (min-width:992px) and (max-width:1080px) {
    .sticky-header .main-menu ul li a {
        color:#fff !important;
    }
    .sticky-header .mobile-toggle {
        top:35px;
    }
    header.site-header {
        position: static !important;
    }
    .logo img {
        width: 210px;
        object-fit: contain;
    }
    .mobile-toggle {
        display: block !important;
        position: absolute;
        right: 20px;
        top: 35px;
        background: transparent;
        border: none;
        z-index: 999;
    }
    .main-menu ul {
        flex-direction: column;
        justify-content: center;
        position: fixed;
        z-index: 99;
        transform: translateX(100%) !important;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        height: 100%;
        inset: 0 0 0 15%;
        background: #124b63;
        align-items: baseline;
        margin: 0px;
        transition: 0.5s ease-in;
        padding: 0px 40px;
    }
    .mobile-toggle[aria-expended="true"] .bar.first {
        transform: rotate(45deg);
        top: 8px;
        position: relative;
    }
    .mobile-toggle[aria-expended="true"] .bar.second {
        display: none;
    }
    .mobile-toggle[aria-expended="true"] .bar.third {
        transform: rotate(-45deg);
    }
    .menu[data-visible="true"] {
        transform: translateX(0) !important;
    }
    .main-menu ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .contact-info-block {
        padding-left: 0px;
    }
    .office-image {
        padding-right: 0;
    }
}
@media (min-width:1081px) and (max-width:1199px) {
    .main-menu ul li a {
        font-size: 14px;
        line-height: 30px;
    }
    .main-menu ul li {
        margin-right: 25px;
    }
    .about-block-content {
        padding-right: 20px;
    }
}