/* RESPONSIVE STYLES */

@media only screen and (max-width :1920px) and (min-width: 1601px) {
    
    .container {
        width: 1600px;
        width: 95%;
    }
}

@media only screen and (max-width :1750px) and (min-width: 1601px) {
    
}

@media only screen and (max-width :1600px) and (min-width: 1441px) {
    
    .container {
        width: 1400px;
        width: 95%;
    }
    
}

@media only screen and (max-width :1600px) and (min-width: 1366px) {

    .timeline-sec .timeline-item-01 {
        left: 60%;
    }
    .home-case-studies .hcs-title {
        height: 160px;
    }
    
}

@media only screen and (max-width :1600px) {

    .expanding-flex-cards .expanding-flex-cards-item>.expanding-flex-cards-item-body {
        padding-left: 60px;
    }
    .expanding-card-main .navigation-arrows {
        top: 25px;
    }
}

@media only screen and (max-width :1599px) and (min-width: 1280px) {
    
    .our-location .contact-meta:first-child {
        height: 125px;
    }
    
}

@media only screen and (max-width :1440px) and (min-width: 1401px) {

}

@media only screen and (max-width :1440px) and (min-width: 1367px) {
    
    .container {
        width: 1366px;
    }
    
    .home-case-studies .hcs-wrapper,
    .industries-wrapper {
        max-width: 88%;
    }
    
    
}

@media only screen and (max-width :1400px){

    .industries-menu .mega-menu-parent ul.mega-menu-dropdown-01 ul.mega-menu-child-dropdown > li {
        padding-top: 30px;
    }
    .industries-menu .mega-menu-parent ul.mega-menu-dropdown-01 ul.mega-menu-child-dropdown > li .menu-description {
        margin-top: 10px;
    }
    .industries-menu .mega-menu-parent ul.mega-menu-dropdown-01 ul.mega-menu-child-dropdown .menu-placeholder {
        margin-top: 30px;
    }
    .industries-menu .mega-menu-parent ul.mega-menu-dropdown-01 ul.mega-menu-child-dropdown .menu-placeholder img {
        max-height: 360px;
    }

    .service-main .career-data-sec .service-row,
    .service-main .career-sections .service-row,
    .our-team-section .service-row {
        padding-left: 0;
    }
    .our-team-section .service-row {
        width: 1366px;
        max-width: 96%;
        margin: 0 auto;
    }
    
    .incident-form .contact-form {
        max-width: 60%;
    }
}

@media only screen and (max-width :1400px) and (min-width: 1367px) {

}

@media only screen and (max-width :1366px) and (min-width: 1280px) {
    
}

@media only screen and (max-width :1366px) and (min-width: 1281px) {
   
}

@media only screen and (max-width :1366px){

    .footer-parent {
        grid-template-columns: 1fr 0.5fr 1fr 1fr;
    }

    .blog-dm-wrap .blog-dm-rgt {
        width: 22%;
    }
    .service-main .srv-row-ch {
        padding-left: 20%;
        padding-right: 2%;
    }
    .service-main .serv-ch-grid-lg {
        grid-column-gap: 26px;
    }

    .contact-h-wrap > .contact-h-rgt {
        padding-left: 40px;
        padding-right: 40px;
    }

    .expanding-flex-cards .expanding-flex-cards-item {
        width: 90px;
    }
    .expanding-flex-cards .expanding-flex-card-meta {
        font-size: 17px;
    }
    
}

@media only screen and (max-width :1365px){

    .timeline-sec {
        min-height: auto;
        padding: 140px 0;
        background-position: center;
    }
    .timeline-sec .timeline-flex {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 30px;
    }
    .timeline-sec .timeline-item {
        position: static;
        margin: 0 !important;
    }
    .timeline-sec .timeline-box {
        width: 100% !important;
        height: 100%;
        margin-bottom: 0;
    }
    .timeline-item .location-marker {
        display: none;
    }
    .osm-block-lg {
        max-width: 100%;
    }
}

@media only screen and (max-width :1280px){

    .service-main .service-sidebar {
        display: none;
    }
    .service-main .service-sections {
        margin-left: 0;
    }
    .service-main .service-row {
        margin-bottom: 60px;
        padding: 30px;
    }
    .service-main .career-sections .service-row {
        padding-left: 0;
        padding-right: 0;
    }
    .service-main .srv-row-ch {
        border-radius: 7px;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .service-main #choose {
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        width: 100vw;
        border-radius: 0;
        padding-left: 55px;
        padding-right: 55px;
    }
    .serv-str-wrap .serv-frame img {
        height: 200px;
    }
    .serv-str-wrap .serv-frame .serv-frame-para p {
        font-size: 18px;
        line-height: 24px;
    }

    .blog-listing .blog-list-grid {
        grid-gap: 50px;
    }
    .blog-list-grid .bl-card .bl-thumb {
        height: 220px;
    }
    .contact-h-wrap > .contact-h-lft {
        padding-left: 30px;
        padding-right: 30px;
    }
    .blog-contact .contact-h-rgt {
        padding-left: 40px;
        padding-right: 40px;
    }

    .our-location .location-meta-wrap {
        padding: 20px;
    }
    .our-location .lt-meta p br {
        display: none;
    }

    .our-team-section .team-wrap {
        justify-content: flex-start;
        flex-direction: column;
        align-items: start;
    }
    .our-team-section .team-meta {
        padding-left: 0;
        padding-top: 35px;
        text-align: left;
    }
    .our-team-section .owl-nav {
        justify-content: center;
    }

    .service-main .about-us-grid {
        margin-top: 0px;
    }
    .abt-vision-grid .abt-vs-lft {
        flex: 0 0 42%;
        width: 42%;
    }
    .abt-vision-grid .abt-vs-rgt {
        flex: 0 0 54%;
        width: 54%;
    }
    .our-team-main {
        padding: 50px 0;
        margin: 0 !important;
    }
    .our-team-main .service-row {
        margin-bottom: 0;
    }
    
    .home-case-studies .hcs-wrapper,
    .industries-wrapper {
        max-width: 100%;
    }

    .query-filter-sec .qf-filter {
        max-width: 35%;
        flex: 0 0 35%;
    }
    .query-filter-sec .qf-slider {
        max-width: 60%;
        flex: 0 0 60%;
    }
}

@media only screen and (max-width :1279px) and (min-width: 1024px) {
    
}

@media only screen and (max-width :1100px) and (min-width: 1024px) {
    
    .our-location .contact-meta:first-child {
        height: 75px;
    }
    
}

@media only screen and (max-width :1023px){
    
    .service-main .srv-row-benefits {
        padding-right: 0;
    }
    .srv-row-benefits .owl-stage-outer {
        margin-right: -2%;
    }
    
}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
    
    .top-header {
        display:none;
    }
    .top-header-mob {
        display: block;
    }
    header.site-header {
        display: none;
    }
    .header-holder {
        display: none;
    }
    .navbar {
        display: flex;
        background-color: #fff;
    }
    .menu-btn.open {
        margin: 0;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .menu-btn.open .menu-btn__lines::before,
    .menu-btn.open .menu-btn__lines::after {
        background: #fff;
    }
    header .header-wrapper {
        padding: 18px 0;
    }
    header.site-header nav.header-nav {
        display: none;
    }
    header .top-search-form {
        padding: 30px 0;
        border-top: 1px solid rgb(0 0 0 / 50%);
    }
    header .top-search-form .container {
        border: 0;
    }

    .footer-parent {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 50px;
    }
    .subscribe-form-para {
        max-width: 100%;
        margin-bottom: 12px;
    }
    .footer-parent .footer-section-four {
        grid-column: 1 / 3;
        max-width: 340px;
    }

    .site-banner .sb-data-wrap {
        max-width: 100%;
    }
    .site-banner .sb-wrapper,
    .site-banner .blog-detail-banner {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .site-banner h1.page-title,
    .expanding-flex-cards .expanding-flex-card-data h3 {
        font-size: 36px;
        line-height: 44px;
    }

    .blog-detail-main {
        margin-bottom: 50px;
    }
    .blog-detail-main .blog-dm-wrap {
        flex-direction: column;
    }
    .blog-dm-wrap .blog-dm-lft,
    .blog-dm-wrap .blog-dm-rgt {
        width: 100%;
    }
    .blog-dm-wrap .blog-dm-rgt {
        margin-top: 50px;
    }
    .sidebar-posts .sb-item-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
    .sidebar-posts .sb-item {
        margin-bottom: 0;
    }
    .blog-recent-listing {
        margin-top: 50px;
    }

    .service-main {
        margin: 40px 0 60px;
    }
    .service-main .srv-row-intro {
        margin-bottom: 0;
    }
    .service-main .serv-meta-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .serv-intro-wrap .serv-intro-lft,
    .serv-ch-wrap .serv-ch-lft,
    .serv-ch-wrap .serv-ch-rgt,
    .serv-str-wrap .serv-str-lft .serv-meta-head {
        max-width: 100%;
        width: 100%;
    }
    .service-main #choose {
        padding-left: 45px;
        padding-right: 45px;
    }
    .service-main .serv-ch-grid,
    .service-main .serv-ch-grid-lg {
        grid-template-columns: 1fr 1fr;
    }
    .serv-str-wrap .serv-str-lft,
    .serv-str-wrap .serv-str-rgt {
        flex: 1;
        max-width: 100%;
        width: 100%;
    }
    .serv-str-wrap .serv-frame img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .serv-str-wrap .serv-frame .serv-frame-para {
        text-align: center;
    }
    .srv-info-one .serv-str-rgt {
        max-width: 535px;
        margin: 0 auto;
    }
    .srv-info-two .serv-str-rgt {
        display: none;
        max-width: 54%;
        max-width: 360px;
        margin: 0 auto;
    }
    .service-main .srv-benefits {
        padding-top: 0;
    }
    #intro .serv-intro-wrap .ind-inner-para,
    .services-layout.sl-green .sl-para {
        max-width: 100%;
    }
    .services-layout {
        grid-template-columns: 1fr;
    }
    .services-layout .sl-title br {
        display: none;
    }
    .services-layout .sl-para {
        padding-right: 0;
    }
    .services-layout .sl-col::before {
        display: none !important;
    }
    .srv-bf {
        flex-direction: column;
    }
    .srv-bf .srv-bf-lft,
    .srv-bf .srv-bf-rgt {
        width: 100%;
    }
    .srv-bottom-wrap {
        flex-direction: column;
    }
    .srv-bottom-wrap > .srv-bf-col {
        width: 100%;
    }
    .srv-bf .srv-bf-col,
    .srv-bottom-wrap > .srv-bf-col {
        margin-top: 40px;
    }
    .srv-bf .srv-bf-thumb {
        display: none;
    }
    .services-layout .sl-col:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .services-layout.sl-green {
        padding-bottom: 25px;
    }
    .srv-bf-col .srv-bf-meta span {
        width: 50px;
        height: 50px;
    }
    .srv-bf-col .srv-bf-meta span svg {
        height: 80%;
        width: 80%;
    }

    .blog-hero .blog-hero-wrap {
        padding: 40px;
    }
    .blog-hero .blog-rgt {
        max-width: 550px;
    }
    .blog-hero .hero-latest-blog {
        grid-gap: 30px 50px;
    }
    .blog-listing .blog-list-grid {
        grid-gap: 30px;
    }
    .blog-list-grid .bl-card .bl-thumb {
        height: 160px;
    }

    .our-location {
        padding-top: 300px;
    }
    .our-location .location-wrapper {
        max-width: 85%;
    }
    .our-location .location-box {
        flex-basis: 48%;
        width: 48%;
    }
    
    .service-main .careers-data .serv-meta-head h5 br {
        display: none;
    }

    .service-main .about-us-sections .service-row {
        margin-bottom: 0;
        padding-right: 0;
    }
    .key-srv-grid {
        grid-template-columns: 1fr 1fr;
    }
    .serv-meta-wrap .serv-meta-head h5 br {
        display: none;
    }
    .abt-vision-grid .abt-vs-lft,
    .abt-vision-grid .abt-vs-rgt {
        flex: 0 0 100%;
        width: 100%;
    }
    .abt-vision-grid .abt-vs-dvd {
        height: 50px;
    }

    .timeline-sec .timeline-flex {
        grid-template-columns: 1fr 1fr;
    }

    .expanding-flex-cards .expanding-flex-cards-item {
        height: 70vh;
        width: 70px;
        margin-right: 14px;
    }
    .expanding-flex-cards .expanding-flex-cards-item>.expanding-flex-cards-item-body {
        padding-left: 15px;
    }
    .expanding-card-main .navigation-arrows {
        top: 32px;
    }
    .query-filter-sec .qf-filter {
        max-width: 45%;
        flex: 0 0 45%;
    }
    .query-filter-sec .qf-slider {
        max-width: 50%;
        flex: 0 0 50%;
    }
    
    .incident-form .contact-form {
        max-width: 80%;
    }
}

@media only screen and (max-width :1100px) and (min-width: 1000px) {
    
}

/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){

    .footer-parent {
        grid-template-columns: 1fr 1fr 1.2fr;
        grid-gap: 50px 30px;
    }
    
    .query-filter-sec {
        margin-top: 100px;
    }
    .who-we-are-grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    .who-we-are-heading p {
        text-align: center;
    }

    .site-banner h1.page-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-case-studies .hcs-title {
        height: 90px;
    }
    .home-case-studies .hcs-para {
        max-width: 100%;
    }

    .sidebar-posts .sb-item-wrap {
        grid-template-columns: 1fr;
    }

    .serv-meta-wrap .serv-meta-head h5 {
        font-size: 30px;
        line-height: 40px;
    }
    .service-main .approach-acc {
        flex-direction: column;
    }
    .service-main .srv-row-apc .item {
        flex-basis: 100%;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #838383;
        padding: 15px;
        padding-left: 0;
        padding-right: 0;
        transition: none;
    }
    .service-main .srv-row-apc .item.active,
    .srv-row-apc .item:first-child {
        border-left: 0;
        border-bottom: 1px solid #838383;
    }
    .service-main .ct-icon-box {
        display: none;
    }
    .service-main .approach-acc .apc-sl-title {
        max-width: 100%;
        padding-right: 50px;
    }
    .service-main .apc-sl-title h4 {
        font-size: 18px;
        min-height: auto;
        margin-top: 0;
    }
    .srv-row-apc .item .apc-pm-icon svg {
        width: 26px;
        height: 26px;
    }
    .service-main .srv-row-apc .appc-box .apc-pm-icon {
        display: block;
    }
    .srv-row-apc .item .apc-sl-para {
        height: 0;
        overflow: hidden;
        transition: height .3s ease 0s, visibility 0.1s ease 0s, opacity 0.1s ease 0s;
        transition-property: opacity, visibility;
    }
    .srv-row-apc .item.active .apc-sl-para {
        height: auto;
    }
    .srv-row-apc .item .apc-sl-para p,
    .srv-row-apc .item.active .apc-sl-para p {
        visibility: visible;
        opacity: 1;
        transition: none;
    }

    .blog-listing-main .blog-list-grid {
        grid-template-columns: 1fr 1fr;
    }
    form.blog-filter .blog-filter-wrap {
        justify-content: space-between;
        gap: 35px 0;
    }
    form.blog-filter .bf-col {
        width: 45%;
        padding: 0 2%;
    }
    form.blog-filter .bf-col:first-child {
        padding-left: 2%;
    }
    .contact-h-wrap {
        flex-direction: column;
    }
    .blog-contact {
        margin: 80px 0 60px 0;
        background-color: transparent;
    }
    .blog-contact .blog-cnt-cover-lft,
    .blog-contact .blog-cnt-cover-rgt {
        display: none;
    }
    .contact-h-wrap > .contact-h-lft,
    .contact-h-wrap > .contact-h-rgt {
        margin: 0 !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }
    .contact-h-wrap > .contact-h-lft {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contact-h-wrap > .contact-h-lft,
    .contact-h-wrap > .contact-h-rgt {
        border-radius: 7px !important;
    }
    .contact-h-wrap > .contact-h-rgt {
        margin-top: 50px !important;
    }
    .blog-contact .contact-h-wrap > .contact-h-lft {
        background-color: #F8F8F9;
    }

    .our-location {
        padding: 140px 0;
    }

    .service-main .career-data-sec .service-row {
        margin-bottom: 0;
    }
    .services-layout .sl-title {
        font-size: 22px;
        line-height: 30px;
    }
    .services-layout .sl-icon svg {
        width: 70px;
        height: 70px;
    }

    .connect-sec .connect-container {
        flex-direction: column;
    }
    .connect-sec .connect-lft,
    .connect-sec .connect-rgt {
        width: 100%;
        flex-basis: 100%;
    }
    .connect-sec .connect-meta {
        padding: 100px 30px;
    }
    .connect-meta .meta-item {
        margin-bottom: 0;
    }

    .custom-page-title,
    .section-heading {
        font-size: 34px;
        line-height: 44px;
    }
    .expanding-flex-cards .expanding-flex-cards-item {
        margin-right: 5px;
    }
    .expanding-flex-cards .expanding-flex-cards-item.active .expanding-flex-card-meta {
        top: -5px;
        padding-right: 30px;
        font-size: 14px;
    }
    .expanding-flex-cards .expanding-flex-cards-item {
        width: 56px;
    }
    .expanding-flex-cards .expanding-flex-cards-item.active .expanding-flex-card-meta::before {
        right: 8px;
    }
    .expanding-flex-cards .expanding-flex-card-meta {
        font-size: 14px;
        padding-right: 0;
    }
    .expanding-flex-cards .expanding-flex-card-meta::before {
        right: -25px;
    }
    .expanding-flex-cards .expanding-flex-card-data h3 {
        font-size: 18px;
        line-height: 26px;
    }
    #home-mobile-slider .expanding-flex-cards-item-body h3 {
        margin-bottom: 4px;
    }
    .expanding-flex-cards .expanding-flex-card-meta {
        font-size: 13px;
    }
    .expanding-flex-cards .expanding-flex-card-data p {
        font-size: 16px;
        line-height: 24px;
    }
    .expanding-flex-card-data .view-serv-btn {
        font-size: 14px;
        line-height: 18px;
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }
    .expanding-flex-card-data .view-serv-btn:not(:hover) {
        padding-left: 0;
    }
    .expanding-flex-cards .expanding-flex-cards-item:not(.active)>.expanding-flex-cards-item-footer {
        bottom: 4%;
    }
    .expanding-flex-cards .expanding-flex-cards-item>.expanding-flex-cards-item-footer>.expanding-flex-cards-icon,
    .expanding-card-main .navigation-arrows .arrow svg {
        width: 30px;
        height: 30px;
    }
    .expanding-flex-cards .expanding-flex-cards-item>.expanding-flex-cards-item-footer>.expanding-flex-cards-icon svg {
        height: 100%;
        width: 100%;
    }
    .expanding-card-main .navigation-arrows {
        margin-left: 0;
        margin-right: auto;
        padding-right: 0;
        padding-left: 20px;
    }
    .query-filter-sec .qf-wrapper {
        flex-direction: column;
    }
    .query-filter-sec .qf-filter {
        max-width: 100%;
        flex: 0 0 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .query-filter-sec .qf-slider {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 15px;
    }
    .query-filter-sec .qf-filter-acc.active .qf-choose-wrap {
        min-height: auto;
    }
    
    .contact-h-wrap > .ct-frame-v2 {
        display: none;
    }
    
    .osm-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .osm-g-item:nth-child(2) {
        border-top-right-radius: 8px;
    }
    .osm-g-item:nth-child(3),
    .ot-iot-grid .osm-g-item:nth-child(4) {
        border-radius: 0;
    }
    .ot-iot-grid .osm-g-item:nth-child(5) {
        border-bottom-left-radius: 8px;
    }
    
}

/*----------------------------- Media Tab -------------------------------*/
@media only screen and (max-width:767px){

    header.site-header .site-logo img {
        height: 42px;
    }
    .site-logo img {
        height: 40px;
        width: auto;
    }

    .footer-parent {
        grid-template-columns: 1fr 1fr;
    }
    .footer-parent .footer-section-three,
    .footer-parent .footer-section-four {
        grid-column: 1 / -1;
    }
    .address-section .address {
        max-width: 100%;
    }
    .footer-parent .footer-section-four {
        max-width: 100%;
    }

    .site-content h1,
    .hero-banner .page-title {
        font-size: 34px;
        line-height: 44px;
    }
    .site-content h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .site-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .site-banner .blog-detail-banner h1.page-title {
        font-size: 23px;
        line-height: 32px;
    }
    .conclusion-box .cb-inner {
        padding: 20px;
    }

    .home-case-studies .hcs-title {
        height: auto;
    }
    .home-case-studies .hcs-item {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .service-main .srv-row-intro,
    .service-main .srv-row-apc {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-pagination {
        gap: 12px;
    }
    .blog-pagination .plink {
        width: 40px;
        height: 40px;
    }

    .our-location .location-wrapper {
        max-width: 100%;
        gap: 40px 0;
    }

    .serv-intro-wrap .ind-inner-para {
        max-width: 100%;
    }
    .key-srv-grid {
        grid-template-columns: 1fr;
    }
    .service-main .srv-key-services {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .service-main .srv-benefits {
        padding-top: 0;
    }
    .services-layout .sl-title {
        font-size: 20px;
    }
    .service-main #choose {
        padding-left: 15px;
        padding-right: 15px;
    }
    .timeline-sec {
        padding: 70px 0;
        background-size: contain;
    }

    .expanding-flex-cards .expanding-flex-card-data h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .expanding-flex-cards .expanding-flex-card-data p {
        font-size: 14px;
        line-height: 20px;
    }
    .expanding-card-main {
        display: none;
    }
    .expanding-card-mobile {
        display: block;
    }
    .home-case-studies .hcs-title,
    .home-case-studies .hcs-para {
        max-width: 100%;
    }
    .home-case-studies {
        margin: 60px 0;
    }
    .query-filter-sec {
        margin-top: 60px;
    }
    .industries-sec {
        margin-bottom: 60px;
    }

    .thank-you {
        margin: 50px 0;
    }
    
    .osm-grid {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .osm-grid .osm-g-item {
        border-radius: 8px;
    }
    .osm-th-head h3 {
        font-size: 22px;
        line-height: 30px;
    }

}

@media only screen and (max-width:612px){
    
    .our-location .contact-meta:first-child {
        height: 120px;
    }
    
}

@media only screen and (max-width:576px){
    
    .blog-recent-listing .owl-item {
        padding: 0;
    }

    .serv-meta-wrap .serv-meta-head h5,
    .custom-page-title,
    .section-heading,
    .connect-sec .form-heading {
        font-size: 26px;
        line-height: 36px;
    }
    .service-main .serv-ch-grid,
    .service-main .serv-ch-grid-lg {
        grid-template-columns: 1fr;
        margin-top: 50px;
    }
    .serv-str-wrap .serv-frame .serv-frame-para p {
        font-size: 16px;
        line-height: 22px;
    }

    .blog-hero .blog-hero-wrap {
        padding: 40px 20px;
    }

    .our-location {
        padding: 60px 0;
    }
    .our-location .location-box {
        flex-basis: 100%;
        width: 100%;
    }
    .our-location .contact-meta:first-child {
        height: auto;
    }
    .our-location .globe-vector img {
        height: 100%;
    }

}

@media only screen and (max-width:575px){

    .top-spacer {
        height: 20px;
    }
    .menu-btn {
        margin-right: 14px;
    }
    header .header-actions {
        gap: 14px;
    }
    header .header-cta a {
        font-size: 13px;
        padding: 7px 10px;
    }
    header .header-search-btn button {
        width: 36px;
        height: 36px;
    }

    .srv-bf-col .srv-bf-para p,
    .services-layout .sl-para p,
    .services-layout.sl-green .sl-para p {
        font-size: 18px;
        line-height: 26px;
    }

    form.blog-filter .blog-filter-wrap {
        flex-direction: column;
    }
    form.blog-filter .bf-col {
        width: 100%;
        padding: 0;
    }
    form.blog-filter .bf-col:first-child {
        padding: 0;
    }

    .blog-hero .blog-lft {
        padding: 0;
    }
    .blog-hero .custom-page-title {
        margin-bottom: 0;
    }
    .blog-hero .blog-rgt {
        display: none;
    }
    .blog-listing-main .blog-list-grid {
        grid-template-columns: 1fr;
    }
    .blog-list-grid .bl-card .bl-thumb {
        height: 220px;
    }
    .contact-form .cnt-form-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline-sec {
        background-size: contain;
    }
    .timeline-sec .timeline-flex {
        grid-template-columns: 1fr;
    }
    
    .incident-form .contact-form {
        max-width: 90%;
    }
    
    .osm-th-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width:479px){

    .top-search-form .search-top-form {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }
    .top-search-form input[type="search"] {
        border-bottom-color: #ccc;
    }
    .top-search-form button[type="submit"] {
        width: auto;
        max-width: fit-content;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-banner .blog-detail-banner h1.page-title {
        font-size: 20px;
        line-height: 30px;
    }
    .site-content .sc-inner {
        padding: 20px;
    }

    .blog-dm-wrap .bsm-item {
        font-size: 15px;
    }

    .ct-testi-profile {
        flex-direction: column;
    }
    .ct-testi-profile .ct-testi-meta {
        margin-top: 30px;
        padding-left: 0;
    }
    .blog-contact .contact-h-rgt {
        padding: 40px 20px;
    }

    .site-banner .sb-wrapper {
        padding: 60px 20px;
    }

    .our-team-section .team-wrap {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .connect-sec .connect-meta,
    .connect-v2 .connect-rgt {
        padding-left: 20px;
        padding-right: 20px;
    }
    .connect-form .cnt-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .query-filter-sec .qfilter-meta {
        padding-right: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .services-layout .sl-col {
        padding: 0;
        margin-top: 0;
    }
    .services-layout .sl-icon {
        position: static;
        margin-bottom: 10px;
    }
    .srv-bf .srv-bf-title {
        font-size: 40px;
        line-height: 52px;
    }
    .srv-bf-col .srv-bf-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .srv-bf-col .srv-bf-meta h5 {
        padding-left: 0;
    }
    
}

@media only screen and (max-width:460px){

    .site-logo img {
        height: 34px;
    }
    .service-main .srv-row-str {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}

@media only screen and (max-width:459px){

    .qf-slider .qf-service-blob {
        height: 90px;
    }
    
}

@media only screen and (max-width:420px){
    
    .top-header p {
        font-size: 15px;
        line-height: 18px;
    }

    .blog-dm-wrap .bsm-item {
        font-size: 14px;
    }
    .bl-card .bl-meta {
        padding: 0 10px;
    }

    .footer-parent {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
}

@media only screen and (max-width:360px){
    
}

@media only screen and (max-width:359px){
    
    .top-header p {
        font-size: 14px;
        line-height: 18px;
    }
    .top-header .tp-social a svg {
        width: 18px;
        height: 18px;
    }
    
}

@media only screen and (max-width:320px){
    
}