@media only screen and (max-width: 1366px){
    #services.full-img-section .offset-lg-2 {
        margin-left: 10%;
    }
    .nav-pills .nav-link{
        font-size: 20px;
        line-height: 28px;
        padding: 20px;
    }
    #services h3{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px;
    }
    body,a.dropdown-item, span.count{
        font-size: 14px;
    }
    span.count {
        padding: 0px 8px;
        border-radius: 6px;
    }
    .mega-menu a.dropdown-item {
        padding: 4px 24px;
    }
    #banner .banner-content {
        left: 40%;
        -webkit-transform: translate(-35%, -50%);
        -o-transform: translate(-35%, -50%);
        transform: translate(-35%, -50%);
        max-width: 100%;
    }
    /* .box-group, #choose .box-group{
        gap: 20px;
    } */
    #choose .box {
        padding: 20px;
    }
    .box-group .box img,
    .item-row-group img{
        width: 74px;
    }
    #smsit-partner .heading {
        max-width: 40%;
    }
    .lg-box-group .lg-box{
        padding:0 40px;
    }
    h1{
        font-size: 40px;
    }
    .green-pill{
        font-size: 12px;
        padding: 0px 8px;
        letter-spacing: 1px;
    }
    .bottom-footer .left-right-group .left{
        gap:12px;
    }
    .bottom-footer .left-right-group .right svg{
        width: 20px;
    }
    .bottom-footer .left-right-group .right a,
    footer .logo .anchor, a.call span {
        width: 32px;
        height: 32px;
    }
    footer .material-symbols-rounded{
        font-size: 16px;
    }
    .navbar-brand img{
        height: 40px;
    }
    .btn-padding-m {
        padding: 8px 20px;
    }
    #solutions{
        padding: 20px;
    }
    #choose .box h4{
        font-size: 20px;
    }
    #choose .box p {
        font-size: 14px;
        line-height: 22px;
    }
    #offerings-banner .heading{
        padding: 0 20px;
    }
    .btn-lg {
        padding: 12px 20px;
        font-size: 16px;
    }
    .white-box .feature-img {
        border-radius: 12px;
        width: 40%;
    }
    #offerings-banner .heading{
        max-width: 50%;
    }
    #choose h1{
        font-size: 32px;
    }
    .white-box .feature-img {
        border-radius: 12px;
        width: 45%;
    }
}

@media only screen and (max-width: 1150px){
    #post-grid .box .box-group {
        padding:20px;
        width: calc(33.33% - 20px);
    }
    #services{
        padding:40px 0;
    }
    .heading{
        padding-bottom: 20px;
    }
    .breadcrum {
        padding-top: 80px;
    }
    #banner .banner-content {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-35%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        width: 75%;
    }
    #smsit-partner .heading {
        max-width: 45%;
        padding: 40px;
    }
    .box-group .box {
        padding: 32px 8px;
    }
    .box-group .box img, .item-row-group img,
    #approach .lg-box img {
        width: 64px;
    }
    #sms .box-group .box h4{
        font-size: 40px;
    }

    #services.full-img-section,
    #services.full-img-section .carousel,
    #services.full-img-section .carousel-inner,
    #services.full-img-section .carousel-item{
        height: 700px;
    }
    #services.full-img-section .carousel-item img{
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 990px){
    #blog-grid .bglog-card {
        border-radius: 12px;
        width: calc(50% - 20px);
    }
    #blog-grid .row {
        gap: 20px;
    }
    #blog-grid .bglog-card img {
        border-radius:8px;
    }
    #offerings-banner.bg-center.carrier .img-group img,
    #offerings-banner.bg-center.carrier .img-group{
        height: 350px;
    }
    #post-grid .box .box-group {
        padding: 20px;
        width: calc(50% - 20px);
    }
    #services .heading {
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        text-align: left;
    }
    .services-img {
        height: 400px;
        object-fit: cover;
        border-radius: 8px;
    }
    .heading{
        align-items: center;
    }
    #services .box h3{
        text-decoration: underline;
    }
    .img-group::before{
        background-color: var(--black-60);
    }
    #services .box{
        padding: 12px 0;
    }
    .full-img-section .container{
        position: static;
    }
    #services.full-img-section .container{
        overflow: hidden;
        transform: inherit;
    }
    #services.full-img-section{
        background:var(--light-black);
        padding:40px 0!important;
    }
    #services.full-img-section .box-content{
        background-color: var(--black);
        padding:32px;
    }
    #services.full-img-section .box-content h3,
    #services.full-img-section .box-content p{
        color: var(--off-white-90);
    }
    #services.full-img-section, #services.full-img-section .carousel, #services.full-img-section .carousel-inner, #services.full-img-section .carousel-item{
        height: auto;
    }
    #services.full-img-section .container .d-flex {
        gap: 40px;
    }
    #services.full-img-section .carousel,
    .full-img-section::before{
        display: none;
    }
    #services.full-img-section .carousel-item img{
        height: 100%;
        object-fit: cover;
    }
    #services.full-img-section .offset-lg-2{
        margin: 0;
    }
    #services.full-img-section .container .d-flex{
        flex-direction: column;
    }
    .nav-pills .nav-link{
        font-size:18px;
        line-height:26px;
        padding:12px 20px;
    }
    .accordion-button {
        padding: 20px 0;
    }
    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 24px;
    }
    #home-offerings .img-mobile img,
    #home-offerings .img-mobile video{
        display: block;
    }
    #home-offerings {
        padding:40px 0;
    }
    #home-offerings .col-lg-6{
        display: none;
    }
    #home-offerings .container{
        gap:80px
    }
    .white-box{
        flex-wrap: wrap;
    }
    #form-section iframe{
        border-radius: 12px;
        margin-top: 20px;
    }
    #form-section form{
        padding: 0;
    }
    #form-section .row{
        gap:48px;
        flex-direction: column-reverse;
    }
    #form-section button{
        width: 100%;
    }
    .info p br{
        display: none;
    }
    .navbar-nav.mx-auto {
        gap: 0;
    }
    #header .dropdown-menu {
        box-shadow:inherit;
        border-radius: 8px;
        /* border:var(--border-gray); */
        transform: inherit;
    }
    .mega-menu {
        display: flex;
        flex-direction: column;
    }
    .btn-padding-m {
        text-align: center;
        justify-content: center;
    }
    .mega-menu .main:first-child{
        border-right: 0;
        border-bottom:var(--border-white-10);
    }
    #banner .banner-content,
    #banner .banner-content p {
        width: 100%;
        max-width: 100%;
    }
    footer .item-group .item:first-child{
        flex: 1 100%;
    }
    footer .middle .item-group{
        flex-wrap: wrap;
        gap: 40px;
    }
    footer .middle .item-group br{
        display: none;
    }
    a.call{
        margin-top: 12px;
    }
    footer .middle .item-group .item{
        flex: initial;
    }
    #aboutus {
        padding: 120px 0 40px 0;
    }
    #approach {
        padding: 80px 0;
    }
    footer {
        margin-top: 40px;
    }
    #aboutus .row{
        gap:40px;
    }
    h1 {
        font-size: 32px;
    }
    h2{
        font-size: 28px;
    }
    .link-btn-group{
        padding: 0;
        text-align: left;
    }
}

@media only screen and (max-width: 900px){
    #blog-reading .body .block img {
        border-radius:8px;
    }
    #services{
        margin: 0!important;
    }
    .breadcrum {
        align-items: flex-start;
        gap: 4px;
        flex-wrap: wrap;
    }
    #offerings-banner.bg-right .img-group::before{
        background-color: var(--black-80);
        background: var(--black-80);
    }
    h1{
        font-size: 28px;
    }
    h2{
        font-size: 24px;
    }
    #offerings-banner .heading p {
        line-height: 24px;
        font-size: 14px;
    }
    #offerings-banner.bg-right .heading {
        right: inherit;
        left: 0;
        top: 150px;
    }
    #smsit-partner .heading {
        max-width: 75%;
        padding: 40px;
        align-items: flex-start;
    }
    .box-group .box {
        flex: calc(50% - 20px);
    }
    #offerings-banner .heading {
        max-width: 75%;
    }
    .white-box .feature-img{
        display: none;
    }
    .white-box .left, .white-box .right {
        width: calc(50% - 32px);
        gap: 0;
    }
}

@media only screen and (max-width: 736px){
    #job-description .block-group{
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        padding: 0;
    }
    #job-description .item .block, #job-description .item{
        padding: 20px;
    }
    #post-grid .box .box-group {
        padding: 20px;
        width: 100%;
    }
    #blog-grid .bglog-card {
        border-radius: 0;
        width: 100%;
    }
    .services-img {
        height: 250px;
        object-fit: cover;
    }
    .heading{
        align-items: flex-start;
    }
    #choose .box {
        padding: 20px 0;
    }
    #sms .heading {
        text-align: center;
    }
    #form-section form .box{
        flex-direction: column;
        gap:0;
    }
    .white-box .left, .white-box .right {
        width:100%;
    }
    .heading h2{
        width: 100%;
        text-align: left;
    }
    footer .middle .item-group .item {
        flex: 1 100%;
    }
    .logo img {
        height: 60px;
    }
    footer .middle {
        padding: 12px 0 40px 0;
    }
    footer .item-group .item .box ul {
        width: 50%;
    }
    .bottom-footer .left-right-group{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .bottom-footer .left-right-group .left{
        flex-direction: column-reverse;
        gap: 8px;
    }
    .bottom-footer .left-right-group .left span{
        display: none;
    }
    .heading {
        max-width: 100%;
    }
    .img-group{
        border-radius: 12px;
    }
    .img-group img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }
    .box-group .box {
        flex: 100%;
    }
    .box-group .box:not(:last-child) {
        border-right:0;
        border-bottom: var(--border-white-20);
    }
    #smsit-partner .heading {
        max-width: 100%;
    }
    #smsit-partner .img-group img{
        height: 500px;
    }
    #smsit-partner .img-group::after{
        content: '';
        width: 100%;
        height: 100%;
        background-color: var(--black);
        position: absolute;
        top:0;
        left: 0;
        opacity: 0.4;
    }
    #approach .heading {
        flex-direction: column;
        align-items: flex-start;
    }
    .lg-box-group {
        flex-wrap: wrap;
        gap: 40px;
    }
    .lg-box-group .lg-box{
        padding: 0;
    }
    .lg-box-group .lg-box:nth-of-type(2) {
        padding:40px 0;
        border-left:0;
        border-right:0;
        border-bottom: var(--border-light-gray);
        border-top: var(--border-light-gray);
    }
    #solutions .heading {
        flex-direction: column;
        align-items: flex-start;
    }
    #solutions .heading .left {
        max-width: 100%;
    }
    #solutions .heading .right {
        text-align: center;
    }
    .bg-green {
        padding: 32px;
    }
    #offerings-banner .heading {
        max-width:100%;
    }
}

@media only screen and (max-width: 430px){
    body,a.dropdown-item, span.count{
        font-size: 16px;
    }
    #banner .banner-content{
        padding: 0 20px;
    }
    #banner .banner-content, #banner .banner-content p{
        text-align: left;
    }
    .navbar-brand img {
        height: 50px;
    }
    #banner .btn-group {
        flex-direction: column-reverse;
        text-align: center;
        gap: 12px;
    }
}

@media only screen and (max-width: 375px){
    footer .middle .item-group .item .box{
        flex-direction: column;
    }
    footer .item-group .item .box ul {
        width: 100%;
    }
    #offerings-banner .heading{
        top: 130px;
    }
    #offerings-banner .heading p {
        line-height: 22px;
        font-size: 14px;
    }
    .btn-lg {
        padding: 8px 20px;
        font-size: 14px;
    }	#home-offerings.offerings-landing .col-lg-6 {        display: block!important    }
}