/* =================================================================
   MEDIA QUERIES — Responsive Styles
   Breakpoints (largest to smallest):
   1400px–1599px | max 1400px | 1200px–1399px | max 1200px
   992px–1199px  | max 1170px | max 992px | 768px–991px
   max 768px | max 767px | max 640px | max 600px
   max 576px | max 575px | max 450px | max 320px
   ================================================================= */

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box {
        margin-right: 30px;
        padding-right: 30px
    }
    .vl-blog-wraper3 .vl-blog-content3 .title {
        font-size: var(--vkl-font-size-font-s22)
    }
    .vl-blog-wraper3 .vl-blog-content3 .vl-blog-dt {
        top: -52px
    }
    .vl-footer-newslater-widget input[type="email"] {
        width: 100%
    }
    .vl-copy-righ1t .vl-footer-copy-right-widget .para {
        line-height: 28px
    }
    .vl-copy-righ1t .vl-copy-right-menu ul li {
        margin-left: 8px;
        padding-left: 8px
    }
    .vl-copy-righ1t .vl-copy-right-menu ul li::after {
        right: -8px
    }
    .vl-choose-box-bg {
        right: 542px
    }
}

@media only screen and (max-width: 1400px) {
    .team-wrap .vl-team-wrap3 .vl-team-con .title {
        height: auto;
        font-size: 15px;
    }
    .team-wrap .vl-team-wrap3 .vl-team-con p {
        height: 75px;
    }
    .team-row-two .vl-team-wrap3 .vl-team-con p {
        height: 50px;
    }

    .vl-ser-icon-8 span, .vl-single-service-box-7 .icon span {
        height: 60px;
        width: 60px;
        line-height: 60px;
    }
    .about-who .content .title {
        font-size: 14px;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px) {
    br {
        display: none
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px) {
    .vl-blog-area-wrap-flex .vl-blog-content {
        margin-left: 0;
        padding: 20px
    }
    .vl-blog-area-wrap-flex .vl-blog-content-5 {
        margin-left: 0;
        padding: 20px 0
    }
    .vl-newslater-box-grid {
        display: block
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .who-we-are-work .vl-work-single-box6-content .title {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .vl-section-title .title,
    .vl-section-title.hero-sec-title-7 .title {
        font-size: var(--vkl-font-size-font-s36);
        line-height: var(--vkl-specing-height50)
    }
    .vl-single-service-box-wrap .vl-service-conten2t {
        right: 89px;
        transform: translateY(178px)
    }
    .vl-single-service-box-wrap .vl-service-conten2t .title {
        font-size: 18px
    }
    .vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box {
        margin-right: 20px;
        padding-right: 20px
    }
    .vl-blog-area-wrap .vl-blog-content .title {
        font-size: 19px
    }
    .vl-blog-area-wrap-flex .vl-blog-thumb {
        height: 100%;
        width: 250px
    }
    .vl-blog-wraper3 .vl-blog-content3 {
        margin-left: 10px;
        margin-right: 10px
    }
    .vl-blog-wraper3 .vl-blog-content3 .title {
        font-size: var(--vkl-font-size-font-s22)
    }
    .vl-blog-wraper3 .vl-blog-content3 .vl-blog-dt {
        top: -52px
    }
    .vl-blgo-are5a .vl-blog-cont-4 .title {
        font-size: 22px
    }
    .vl-footer-newslater-widget input[type="email"] {
        width: 100%;
        margin-right: 20px
    }
    .vl-footer-social-widget {
        text-align: start
    }
    .vl-footer-social-widget.social-ft1 {
        text-align: end
    }
    .vl-footer-social-widget a {
        margin-left: 0;
        margin-right: 8px
    }
    .vl-copy-righ1t .vl-footer-copy-right-widget .para {
        line-height: 28px
    }
    .vl-main-menu ul>li {
        margin-right: 7px
    }
    .vl-main-menu-4 ul>li,
    .vl-main-menu-5 ul>li {
        margin: 0 10px
    }
    .vl-mega-menu {
        left: -288px;
        width: 1110px
    }
    .vl-thumb-btn {
        left: 5%;
        right: 5%
    }
    .vl-header-top-area .vl-header-top-contact a {
        margin-right: 4px
    }
    .vl-banner-content-bloc3k {
        padding: 30px
    }
    .vl-banner-content-bloc3k .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s60);
        line-height: var(--vkl-specing-height70)
    }
    .vl-banr-thumb img {
        height: 733px
    }

    .vl-banner-conten4t .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s55);
        line-height: 65px
    }
    .vl-newstleer-4 .newsl-btn {
        right: 90px
    }
    .vl-process-box-content .title,
    .vl-servic-icon-box .vl-service-content .title {
        line-height: var(--vkl-specing-height28);
        font-size: 18px
    }
    .vl-servic-icon-box-2 {
        padding: 32px 15px
    }
    .vl-choose-box-bg {
        right: 476px;
        width: 1053px
    }
    .vl-choose-box-bg .vl-choose-item-grid .vl-choose-single-item .title {
        font-size: var(--vkl-font-size-font-s20)
    }
    .vl-choose-us-checkmark ul li {
        font-size: 14px
    }
    .vl-gallery-thumb-sm-2 {
        width: 343px;
        left: -82px
    }
    .vl__single__pricing__box__inner {
        padding: 20px
    }
    .vl__single__pricing__box__inner .vl__pricing__item li {
        font-size: 18px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .service-item.style-1 .service-icon {
        font-size: 60px;
        width: 70px;
        height: 70px;
    }

    .service-item.style-1 .service-content {
        padding: 25px 20px;
    }

    .service-item.style-1 .text-btn {
        /* inset-inline-start: 20px; */
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .service-item.style-1 .service-content .title {
        font-size: 19px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .what-we-do-choose p{
        height: 325px;
    }
}

@media (max-width: 1200px) {
    .about-img .first-img,
    .image-box-box:after {
        height: 400px;
        /*width: 400px*/
    }

    .who-we-are-work .row {
        justify-content: center;
    }

    .buyer-seller-wrapper .col-xl-8{
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vl-thumb-btn .btn-primary-8::after {
        left: 90px
    }
    .iconbox-mt {
        height: 100%
    }

    .wup-arow span {
        top: 63%
    }
    .vl-sin-tags.d-flex.justify-content-end.mb-40 {
        justify-content: start !important
    }
    .vl-footer-social-widget-2,
    .vl-footer-social-widget-3 {
        text-align: start
    }
    .vl-footer-social-widget-3 a {
        margin-left: 0;
        margin-right: 16px
    }
    .vl-footer-widget-4 .vl-footer-icon-list a {
        display: block
    }
    .footer-large-title-6 .title {
        font-size: 162px
    }
    .vl-main-menu ul>li {
        margin-right: 20px
    }

    .vl-main-menu-4 ul>li {
        margin-right: 20px
    }

    .vl-main-menu-5 ul>li {
        margin-right: 20px
    }
    .vl-mega-menu {
        left: -162px;
        width: 929px
    }
    .what-we-do-choose p {
        height: 100px;
    }

    .vl-heo-area .vl-man-area {
        left: 50%
    }
    .vl-hero-content-wrap-9 .vl-section-title-9 .title {
        font-size: var(--vkl-font-size-font-s50);
        line-height: var(--vkl-specing-height60)
    }
    .vl-about-check-box-five ul li {
        line-height: var(--vkl-specing-height28)
    }

    .vl-about-wrap-five {
        margin-top: -382px
    }
    .vl-cta-area .vl-cta-thumb {
        right: -300px;
        top: 160px
    }
    .vl-newstleer-4 .newsl-btn {
        right: 240px
    }
    .vl-service-single-iner .vl-content-block-1 .title {
        font-size: var(--vkl-font-size-font-s34)
    }

    .vl-team-box-grid-six {
        grid-template-columns: 1fr 1fr 1fr
    }
    .vl-choose-larg-thumb {
        bottom: -100px;
        position: relative;
        text-align: center
    }

    .vl-wrpoecss-grid {
        gap: 50px
    }
    .vl-prize-box-wrap.mt-65 {
        margin-top: 55px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .vl-thumb-btn .btn-primary-9::after {
        left: 92px
    }
    .vl-hero-area-eight {
        padding-top: 150px
    }

    .text-circle-bg {
        float: right
    }
    .vl-banner-eight-right-content {
        margin-top: 30px
    }
    .vl-about-thumb-area-five .vl-experience-box {
        top: 42%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px) {
    .vl-faq-thumb-wrap2 .vl-faq-thumb-2 {
        right: 0;
        top: 30px;
        bottom: 30px
    }
    .vl-blog-area-wrap-flex .vl-blog-thumb,
    .vl-faq-thumb-wrap2 .vl-faq-thumb-2 img {
        width: 100%
    }
    .vl-faq-thumb-wrap2 {
        height: 100%
    }
    .vl-blog-btn5.text-end {
        text-align: start !important
    }
    .vl-offcanvas-header {
        margin-bottom: 40px
    }
    .vl-single-icon-box .icon span {
        position: relative;
        top: 0
    }
    .vl-counter-box-wrap6 {
        margin-top: 30px
    }
    .vkl-white-menubg {
        padding: 10px
    }
    .vkl-white-menubg-5 {
        padding: 20px
    }
    .margin-left-space-55,
    .ml-100,
    .ml-50,
    .ml-60,
    .ml-70 {
        margin-left: 0
    }
    .mr-20,
    .mr-46,
    .mr-50,
    .mr-55,
    .mr-60 {
        margin-right: 0
    }
    .mb-95 {
        margin-bottom: 60px
    }
    .mb-60,
    .mb-70 {
        margin-bottom: 30px
    }
    .vl-blog-area-wrap-flex {
        display: block
    }
    .vl-blog-area-wrap-flex .vl-blog-content-meta-thumb a {
        margin-right: 4px;
        padding-right: 4px
    }

    .vl-blog-area-wrap-flex.vl-blog-area-5 .vl-blog-thumb,
    .vl-blog-lar-thumb img,
    .vl__team__wrap__box5-thumb {
        height: 100%
    }
    .vl-footer-widget-2.vl-footer-col-2,
    .vl-footer-widget-2.vl-footer-col-3,
    .vl-footer-widget-4.vl-footer-col-4 {
        padding-left: 0
    }
    .vl-mega-menu {
        width: auto;
        opacity: 1;
        visibility: visible;
        transition: none;
        position: static;
        display: none
    }
    .vl-header-top-pading,
    .vl__team__wrap__box6-thumb-content {
        padding: 20px
    }
    .header-sticky .vkl-white-menubg {
        padding-left: 0;
        padding-right: 0
    }
    .contact__iconbox9,
    .top-shape-bg-9,
    .vl-about-check-box-five,
    .vl-contact-maps9,
    .vl-maps9 {
        width: 100%
    }
    .vl-hero-ten {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .vl-about-thumb-eight-two {
        margin-left: 0;
        margin-top: 0
    }
    .vl-ablout-content-2 .vl-counter-wrp-8 {
        margin-top: 0;
        margin-bottom: 15px
    }
    .vl-about-thumb-10 {
        margin-bottom: 30px
    }
    .vl-contact-box-form-warp-area,
    .vl-test-slider-space {
        margin-right: 0
    }
    .vl-contact-from-main-flex {
        display: block
    }
    .vl-cta-btn-10 {
        text-align: start
    }
    .vl-service-single-iner .vl-content-block-2 ul li {
        width: 100%;
        float: none
    }
    .vl-team-slider-arrow-5 .vl-team-button-5 {
        position: relative;
        top: 0;
        transform: translateY(0);
        left: 0
    }
    .vl-team-button-next-5.vl-team-button-5,
    .vl-testimonial-button-next-7.vl-testimonial-button-7,
    .vl-testimonial-button-next-8.vl-testimonial-button-8 {
        left: 0
    }
    .vl-team-slider-arrow-5,
    .vl-testimonial-slider-arrow-7,
    .vl-testimonial-slider-arrow-8 {
        margin-top: 40px;
        text-align: center
    }
    .vl-team-button-5,
    .vl-testimonial-button-7,
    .vl-testimonial-button-8 {
        display: inline-block
    }
    .vl__team__wrap__box6:nth-child(2),
    .vl__team__wrap__box6:nth-child(3),
    .vl__team__wrap__box6:nth-child(4) {
        margin-top: 0
    }
    .vl-case-slider-arrow-8,
    .vl-testimonial-slider-arrow-5 {
        position: relative;
        text-align: center;
        top: 0;
        margin-top: 30px
    }
    .vl-statisfied-box-wrap {
        margin-left: 0
    }
    .vl-case-slider-arrow-6 {
        position: relative;
        top: 30px;
        text-align: center
    }
    .vl-testimonial-slider-arrow-7 .vl-testimonial-button-7,
    .vl-testimonial-slider-arrow-8 .vl-testimonial-button-8 {
        position: relative;
        top: 0;
        transform: translateY(0);
        left: 0;
        margin-right: 10px
    }
    .vl-choose-box-bg {
        width: 100%;
        right: 0;
        padding: 20px
    }
    .vl-choose-thumb-iner img {
        height: 100%;
        margin-bottom: 20px
    }

    .vl-choose-video-thumb-2 {
        margin-right: 0;
        margin-left: 0
    }
    .vl-work-single-box6 {
        display: block;
        text-align: center;
    }
    .vl-work-single-box6-content {
        margin-top: 20px
    }
    .vl-single-work-box:nth-child(odd) {
        margin-top: 0
    }
    .vl-prize-box-wrap .prize-title,
    .vl-prize-box-wrap .sub-heading {
        padding: 0;
        font-size: var(--vkl-font-size-font-s20);
        line-height: var(--vkl-specing-height30)
    }
    .vl-prize-box-wrap .prize-title-2 {
        font-size: var(--vkl-font-size-font-s34);
        line-height: var(--vkl-specing-height44)
    }
    .vl-case-box-wraper-7 .vl-case-content-block .case-meta {
        font-size: 16px
    }
    .vl-case-box-wraper-7 .vl-case-content-block .title {
        font-size: 24px;
        line-height: 24px
    }
    .vl-case-right-image {
        position: relative;
        left: 0;
        top: 0
    }
    .vl-case-right-image img {
        height: 100%
    }
    .vl-project-wrap-btn {
        text-align: start
    }

    .service-item.style-1:hover .service-content {
        padding-bottom: 80px;
    }

    .service-item.style-1:hover .text-btn {
        bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 575px) {
    .vl-faq-inner .vl-tab-item {
        width: 100%
    }
    .vl-hero-area-nine {
        padding-top: 100px;
        padding-bottom: 164px
    }
    .vl-wrk-thumb-bottom {
        position: relative
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .service-section__content {
        margin-left: 20px;
        margin-bottom: 20px
    }
}

@media (max-width: 1170px) {
    .hero-title-section {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (max-width: 992px) {
    .vl-footer .row .col-md-6 {
        width: 100%
    }
    .what-we-do-choose p {
        height: 160px;
    }
    .what-we-do-choose h3 {
        height: 87px;
    }
    .single-csp-property p {
        font-size: 14px;
        height: 165px;
    }
    .half-list li {
        width: 100%;
    }
    .buyers-box {
        margin-top: 30px;
    }
    .single-csp-property p {
        height: auto;
    }

    .nt-contact-grid {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .vl-faq-inner .title {
        font-size: var(--ztc-font-size-font-s34);
        line-height: var(--ztc-specing-height44)
    }
    .vl-faqs10 .vl-accordion-item .vl-accordion-button,
    .vl-faqs4 .vl-accordion-item .vl-accordion-button {
        font-size: var(--vkl-font-size-font-s20);
        line-height: var(--vkl-specing-height28)
    }
    .vl-thumb-btn .btn-primary-8::after {
        left: 90px
    }
    .box {
        height: 383px !important
    }

    .vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box {
        margin-right: 33px;
        padding-right: 33px
    }
    .pb-254 {
        padding-bottom: 160px
    }
    .vl-blog-area-wrap .vl-blog-content {
        padding: 16px
    }
    .blog__area__wrap9-redmore .btn-primary-9::after {
        left: 82px
    }
    .vl-footer-newslater-widget input[type="email"] {
        width: 100%;
        margin-right: 20
    }
    .vl-footer-social-widget {
        text-align: start
    }
    .footer-large-title-6 .title {
        font-size: 120px
    }
    .vl-banner-1 .swiper-slide:after {
        height: 115%
    }
    .vl-swiper-test-button {
        position: relative;
        display: inline-block;
        right: 0;
        transform: translateY(-200%)
    }
    .vl-swiper-test-button-prev {
        margin-right: 15px
    }
    .vl-banne4r-area {
        padding-bottom: 0;
        padding-top: 186px
    }
    .vl-banner-thumb-4 {
        position: relative;
        margin-top: 50px
    }
    .vl-banner-conten4t .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s44);
        line-height: var(--vkl-specing-height50)
    }
    .vl-plant-box-wrap-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .vl-hero-area-nine {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .vl-hero-content-wrap-9 .vl-section-title-9 .title {
        font-size: var(--vkl-font-size-font-s40);
        line-height: var(--vkl-specing-height50)
    }
    .frombtn9 .btn-primary-9::after {
        left: 255px
    }
    .vl-newstleer-4 .newsl-btn {
        right: 117px
    }
    .vl-servic-icon-box .vl-service-content .title {
        line-height: var(--vkl-specing-height28);
        font-size: 18px
    }

    .vl__service__single__box {
        padding: 100px 15px 15px
    }
    .vl-service-box-eight-grid {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
    .vl-team-box-grid-six {
        grid-template-columns: 1fr 1fr
    }
    .vl-testimonial-wrap-5,
    .vl-testimonial-wrap-6,
    .vl-testimonial-wrap-9 {
        padding: 15px
    }
    .vl-testimonial-wrap-5 .vl-testimonial-auth-flex .vl-testimonial-content .title,
    .vl-testimonial-wrap-6 .vl-testimonial-auth-flex .vl-testimonial-content .title {
        font-size: var(--vkl-font-size-font-s22)
    }
    .vl-testimonial-wrap-5 .testimonial-logo-5,
    .vl-testimonial-wrap-9 .testimonial-logo-5 {
        right: 10px;
        bottom: 27px
    }
    .vl-testimonial-wrap-5-7 .vl-testimonial-auth-flex .vl-testimonial-content .title,
    .vl-testimonial-wrap-9 .vl-testimonial-auth-flex .vl-testimonial-content .title {
        font-size: var(--vkl-font-size-font-s20)
    }
    .vl-choose-larg-thumb {
        bottom: -53px;
        position: relative
    }
    .vl-choose-grid-box-wrap {
        width: 100%
    }
    .vl-gallery-thumb-sm-2 {
        left: -55px
    }
    .vl__single__pricing__box__inner {
        padding: 20px
    }

    .vl-wrpoecss-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px) {
    .vl-shoping-us-wrap-btn.text-end {
        text-align: start !important
    }
    .vl-tab-grid {
        display: block
    }
    .vl-thumb-btn .vl-primary-btn-4 {
        padding: 18px 20px
    }
    .iconbox-mt {
        margin-top: 50px;
        height: 100%
    }
    .vl-single-service-box-wrap .vl-service-conten2t {
        right: 83px;
        padding: 7px
    }
    .vl-single-service-box-wrap .vl-service-conten2t .title {
        padding: 30px 0
    }

    .vl-single-service-box-wrap .icon-block span {
        width: 88px
    }
    .vl-counter-box-seven-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .expand-flx {
        display: block
    }
    .pt-100 {
        padding-top: 50px
    }
    .pt-250 {
        padding-top: 100px
    }
    .pb-70 {
        padding-bottom: 70px
    }
    .pb-100 {
        padding-bottom: 50px
    }
    .pl-20 {
        padding-left: 0
    }
    .pr-60 {
        padding-right: 0
    }
    .mr-10,
    .mr-30,
    .mr-70 {
        margin-right: 0
    }
    .mb-48 {
        margin-bottom: 30px
    }
    .ml-10,
    .ml-30,
    .ml-35,
    .ml-60 {
        margin-left: 0
    }
    .vl-blog-area-wrap-flex.vl-blog-area-5 {
        padding: 16px
    }
    .vl-blgo-are5a .vl-blog-cont-4 .vl-blog-meta-5 ul li {
        display: block;
        margin-bottom: 10px
    }
    .vl-blgo-are5a .vl-blog-cont-4 .vl-blog-meta-5 ul li:last-child {
        margin-bottom: 0
    }
    .vl-sin-tags {
        display: block !important
    }
    .vl-sin-tags .title {
        padding-bottom: 20px
    }
    .vl-footer-social-widget a {
        margin-left: 0;
        margin-right: 16px
    }
    .vl-copy-righ1t {
        text-align: center
    }

    .vl-copy-righ1t .vl-copy-right-menu {
        text-align: center
    }
    .vl-cta-from-7,
    .vl-cta-from-7 input[type="email"],
    .vl-cta-from-wrap-8 input[type="email"],
    .vl-footer-widget-1,
    .vl-testimonial-box-wrap {
        width: 100%
    }
    .vl-footer-8 {
        padding: 30px
    }
    .vl-header-area {
        padding-bottom: 14px;
        padding-top: 14px
    }
    .header-sticky .vkl-white-menubg {
        padding: 0
    }
    .header-sticky .vkl-white-menubg-5 {
        padding: 20px
    }
    .team__details__post-thumb img,
    .vl-banr-thumb img,
    .vl-choose-thumb img,
    .vl-choose-thumb3 img,
    .vl-process-thumb-area img,
    .vl-team-wrap3 .vl-team-thumb,
    .vl-team-wrap3 .vl-team-thumb img {
        /* height: 100%; */
    }
    .vl-banner-thumb-six img {
        position: relative;
        height: 100%;
        margin-top: 50px
    }
    .vl-about-us-thumb-area .vl-about-thumb-1 {
        position: relative;
        right: 0
    }
    .vl-about-us-thumb-area .vl-about-thumb-1 img {
        height: 100%;
        width: 100% !important
    }
    .vl-about-us-thumb-area .vl-about-thumb-2 {
        margin-top: 0
    }
    .vl-about-us-thumb-area .vl-about-thumb-2 img {
        height: 100%;
        width: 100%
    }
    .vl-choose-thumb-iner,
    .vl-contact-map {
        margin-bottom: 30px
    }
    .contact__from__wrap9 {
        border-left: #fff0
    }
    .vl-cta-area .vl-cta-thumb {
        position: relative;
        margin-bottom: -72px;
        text-align: center
    }
    .vl-servic-slider-arrow {
        position: relative;
        top: 30px;
        margin: 0 auto 30px;
        text-align: center
    }
    .vl-choose-box-bg .vl-choose-item-grid,
    .vl-single-service-box-7 {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .vl-team-slider-arrow {
        position: relative;
        top: 30px;
        margin: 0 auto;
        text-align: center
    }
    .vl-team3-arrow .vl-team-button3,
    .vl-testimonial3-arrow .vl-testimo-button3 {
        position: relative;
        display: inline-block;
        transform: translateY(0);
        margin: 0 8px;
        top: 30px
    }
    .vl-testimonial-button {
        position: relative;
        display: inline-block;
        transform: translateY(0);
        margin: 0 8px
    }
    .vl-testimonial-slider-arrow {
        display: inline-block;
        margin-top: 30px
    }
    .vl-testimonial-wrap-5-7 .vl-testimonial-post-heading .title {
        font-size: var(--vkl-font-size-font-s20);
        line-height: var(--vkl-specing-height26)
    }
    .vl-testimonial-wrap-5-7 .vl-testimonial-post-heading p {
        font-size: var(--vkl-font-size-font-s16);
        line-height: var(--vkl-specing-height20)
    }
    .vl-choose-thumb2 {
        position: relative;
        top: 0
    }
    .vl-choose-single-item {
        margin-bottom: 20px
    }
    .vl__single__pricing__box__inner .vl__pricing__item li {
        font-size: 18px
    }

    .pricing__item__flex:last-child {
        margin-bottom: 0;
        padding-bottom: 24px;
        border-bottom: 1px solid #e7e7e7
    }
    .vkl__product__details__wrap .nav-link img {
        height: 116px
    }
    .vl-wrk-thumb-bottom {
        position: relative;
        margin-bottom: -40px
    }
    .vl-work-box-grid-7 {
        grid-template-columns: repeat(2, 1fr)
    }
    .vl-prize-box-wrap.mt-65 {
        margin-top: 0
    }
}
@media (max-width: 1200px){
    .image-box {
    width: 100%;
}
.img-front {
    right: 0;
}
.img-back {
    width: 93%;
}
}
@media (max-width: 991px) {
    .impact-box {
    bottom: -9%; }
    
    .image-box {
    width: 100%;
    height: auto;
    }
    .about-who .content .title {
        height: auto;
    }
    .about-who .pb-5 {
        padding-bottom: 0rem !important;
    }
    .about-who .vl-service-box-wrap-grid {
        margin-bottom: 30px;
    }
    .why-join-wrap .col-md-3 {
        width: 100%;
    }
    .why-join-wrap .vl-service-content p {
        height: auto;
    }

    .hero-section {
        height: auto
    }

    .hero-title-section {
        padding: 100px 0 100px 40px
    }

    .hero-title-section .title {
        font-size: 50px
    }

    .single-open-career {
        flex-wrap: wrap;
        gap: 25px;
    }

    .single-open-career .left-side {
        flex-basis: 100%;
    }

    .single-open-career .right-side {
        flex-basis: 100%;
    }

    .attend-item {
        grid-template-columns: 48px 1fr;
    }

    .who-grid {
        grid-template-columns: 1fr 1fr;
    }
    .sumflex-location ul li{
        padding-right:5px;
        font-size: 12px;
    line-height: 20px;
    }
    .sumflex-location img {
    width: 20px;
    height: 20px;
}
.yottie-popup .yottie-popup-wrapper{
    padding:20px !important;
    overflow-x: scroll;
    height: 700px;
}
.form-check-input[type=checkbox] {
   
    margin-top: 7px;
}
}

@media (max-width: 768px) {
    
    .image-box{
        margin-bottom:50px;
    }
    .csp-properties {
        padding: 25px;
    }
    .single-open-career .left-side .title span {
        position: relative;
        right: unset;
        top: unset;
        font-size: 10px;
        display: inline-block;
        margin-top: 5px;
        padding: 9px 15px;
        border-radius: 6px;
    }
    .single-open-career {
        padding: 36px 20px;
    }
    .buyers-box {
        padding: 40px 20px;
    }
    .team-wrap .vl-team-wrap3 .vl-team-con .title {
        height: auto;
    }
    .team-wrap .vl-team-wrap3 .vl-team-con p {
        height: auto;
    }
    .team-row-two .vl-team-wrap3 .vl-team-con p {
        height: auto;
    }
    .what-we-do-choose h3 {
        height: auto;
    }
    /*.what-we-do-choose p {
        height: auto;
    }*/
    .vl-footer .row .col-md-6,
    .vl-footer-widget-4 .vl-footer-icon-list a {
        width: 100%
    }
    .about-img .first-img,
    .image-box-box:after {
        width: 100%;
        object-fit: cover;
        /* height: 300px; */
    }
    .vl-working-area {
        min-height: auto;
        padding: 20px
    }
    .vl-counter-box-seven-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .vl-counter-box-seven-grid .single__iconbox__wrap10:last-child {
        /*grid-column: 1 / -1;
        justify-self: center;*/
        max-width: 280px
    }
    .vl-cta-btn6,
    .vl-cta-form-wrap-5 .vl-cta-btn5,
    .vl-cta-from-7 .vl-primary-btn-7,
    .vl-cta-submit-btn-8 {
        position: initial
    }
    .clients-label {
        font-size: 17px
    }
    .experience-card {
        padding: 10px 50px;
    }
    .vl-cta-content-10 .title {
        font-size: var(--vkl-font-size-font-s18);
        line-height: var(--vkl-specing-height28);
        margin-bottom: 20px;
    }
    .vl-testimonial-wrap3 .vl-testi-con-block {
        padding: 12px 18px
    }
    .clients-section {
        padding-left: 13px;
    }
    .brandactive img {
        height: auto;
    }
    .genie-explore-box .col-2 {
        width: 100%;
    }

    .who-grid {
        grid-template-columns: 1fr;
    }

    .who-item {
        border-right: none;
    }

    .who-item:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--border);
    }

    .who-item:last-child {
        border-bottom: none;
    }
    .clients-section{
            gap: 15px;
    }
    .partners .brandactive1 img{
        padding: 5px;
        height: auto;
    }
    .vl-cta-wrap-10 a{
        float:left;
        padding-top:0px;
    }
    .single__iconbox__wrap10{
        margin-top:20px;
    }
}
@media only screen and (max-width: 767px) {
    .impact-box {
        bottom: -13%;
    }
    .single__iconbox__wrap10{
        margin-top:20px;
    }
    .vl-cta-wrap-10 a{
        float:left;
        padding-top:0px;
    }
    .hero-title-section {
        padding: 136px 20px 50px
    }

    .hero-title-section .title {
        font-size: 22px;
        line-height: 30px
    }
    .single__iconbox__wrap10{
        padding: 0px 10px;
        margin-bottom: 40px;
    }

    .single-open-career .right-side .bottom {
        flex-wrap: wrap;
        gap: 20px;
    }

    .attend-grid {
        grid-template-columns: 1fr;
    }
    .swb-btn{
        padding: 10px 10px;
        text-align: center;
    }
    .swb-icon{
        display: none;
    }
    .vl-service-thumb-7 img{
            height: 300px;
            object-fit: cover;
    }
    .about-who .vl-single-service-box-7 .icon span {
    margin-bottom: 20px;
}
.pq-img-none img{
    width: 100%;
}
.event-heading .divider {
    margin: 0 10px
}
 .event-heading{
        font-size: 1.1rem !important;
        padding: 8px 18px;
        border-left: 4px solid #F39C12;
        border-right: 4px solid #F39C12;
    }

    .event-heading .divider{
        margin: 5px 10px;
    }
.stat-num{
    margin-bottom: 10px;
}
.nt-contact-grid {
        grid-template-columns: 1fr;   /* single column */
        justify-items: center;        /* center items horizontally */
    }

    .nt-info-col {
        width: 100%;
        max-width: 500px;             /* optional for better layout */
        align-items: center;          /* center cards */
    }

    .nt-info-card {
        width: 100%;
        text-align: center;           /* optional: center text */
    }
    .nt-card-label {
        flex-direction: column;   /* stack icon above text */
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .nt-card-label i {
        margin-bottom: 6px;
    }
        .nt-socials {
        justify-content: center;
    }
    .hero-content .vl-primary-btn-3, .hero-content .vl-primary-btn-3:link, .hero-content .vl-primary-btn-3:visited{
        font-size: 12px;
    }
    .hero{
        padding-top: 100px;
    }
    .stat-grid {
    grid-template-columns: 1fr;
  }

  .stat-cell {
    text-align: center;
  }

  .stat-cell > i {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 640px) {
    .value-item .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-right: 0;
    }
    .value-item .icon:after{
        display: none;
    }
    .value-item .icon:before{
        display: none;
    }
    .careers-form-wrap {
        padding: 30px 20px;
    }
    .single-open-career .left-side .bottom {
        gap: 10px;
    }
    .single-open-career .right-side .bottom .single p {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .swb-label .swb-main {
        font-size: 11px;
    }

    .swb-label .swb-sub {
        display: none;
    }

    .swb-icon {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .nt-contact-page {
        padding: 60px 0 80px;
    }

    .nt-form-card {
        padding: 30px 20px;
    }

    .nt-row-2 {
        grid-template-columns: 1fr;
    }
    .hero-scroll-hint{
        display: none;
    }
    .hero-tagline{
        margin: 5px 0 5px;
    }
    .hero-pills{
            margin: 20px 0px 10px;
    }
}

@media (max-width: 576px) {
    .form-work-sec .form-card {
        padding: 1.5rem;
    }

    .form-work-sec .step-line {
        min-width: 24px;
    }

    .form-work-sec .step-name {
        display: none;
    }

    .stat-grid {
        grid-template-columns: 1fr;
    }

    .who-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .vl-faq-inner .title {
        font-size: var(--ztc-font-size-font-s34);
        line-height: var(--ztc-specing-height44)
    }
    .vl-faq-inner .vl-tab-item .nav-item .nav-link {
        margin: 8px
    }
    .vl-faqs10 .vl-accordion-item .vl-accordion-button,
    .vl-faqs4 .vl-accordion-item .vl-accordion-button {
        font-size: var(--vkl-font-size-font-s20);
        line-height: var(--vkl-specing-height28)
    }
    .vl-faqs10 .vl-accordion-item .vl-accordion-button span.vl-faqarrow,
    .vl-faqs10 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow,
    .vl-faqs4 .vl-accordion-item .vl-accordion-button span.vl-faqarrow,
    .vl-faqs4 .vl-accordion-item .vl-accordion-button.collapsed span.vl-faqarrow {
        right: 6px
    }
    .vl-footer-newslaterbtn {
        text-align: center;
        margin-top: 20px
    }
    .vl-bner-btn-flx .vl-primary-btn-3.second-btn,
    .vl-primary-btn-4.secondrybtn {
        margin-top: 15px
    }
    .vl-footer-newslaterbtn .vl-primary-btn-3 {
        width: 100%
    }
    .vl-contact-from-btn5.text-end {
        text-align: start
    }
    .vl-thumb-btn .btn-primary-8::after {
        left: 55px
    }
    .vl-thumb-btn .btn-primary-9::after {
        left: 54px
    }
    .vl-banner-btn-8 .btn-primary-8 {
        margin-bottom: 30px
    }
    .vl-banner-content .vl-section-title .subtitle {
        font-size: 15px;
        line-height: 20px
    }
    .vl-banner-content .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s24);
        line-height: var(--vkl-specing-height32)
    }
    .vl-section-title .subtitle {
        font-size: 15px
    }
    .vl-section-title .title,
    .vl-section-title.hero-sec-title-7 .title {
        font-size: var(--vkl-font-size-font-s30);
        line-height: var(--vkl-specing-height40);
        /* text-align: center; */
    }

    .vl-hero-content-eight .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s35);
        line-height: var(--vkl-specing-height44)
    }
    .vl-tab-heading-content .vl-tab-heading-flx .vl-heading .title {
        font-size: 18px
    }
    .vl-tab-heading-content .vl-heading-desc p {
        padding-top: 14px;
        transform: translateY(30px)
    }
    .vl-tab-box-ac .nav-link,
    .vl-tab-box-ac .nav-link.active {
        padding: 15px
    }
    .pannel-contarea .title,
    .vl-checklist ul li {
        font-size: 16px
    }
    .vl-single-service-box-wrap .vl-service-conten2t .title {
        padding-bottom: 53px;
        padding-top: 35px
    }
    .vl-single-service-box-wrap:hover .vl-service-conten2t .title {
        padding-top: 10px
    }
    .box {
        height: 193px !important
    }
    .vl-blog-meta-list ul li,
    .vl-contact-icon-box-5 .vl-contact-icon-box-flex,
    .vl-footer-newslater-widget,
    .vl-single-coments-box .vl-cmnts-flex .vl-auth-flex {
        display: block
    }
    .vl-contact-icon-box-5 .vl-contact-icon-box-flex .vl-contact-icon-box-icon span {
        margin-bottom: 15px
    }
    .vl-about-icon-box-grid-10 {
        grid-template-columns: 1fr
    }
    .vl-counter-bloc3k,
    .vl-footer-menu-styl2e,
    .vl-footer-styl2e {
        padding: 30px
    }
    .vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box {
        margin-right: 0;
        padding-right: 0;
        display: block;
        text-align: center;
        margin-bottom: 20px
    }
    .video-thmb,
    .vl-blog-meta-list ul li::after,
    .vl-counter-bloc3k .vl-con-item-grid .vl-single-counter-box::after {
        display: none
    }
    .vl-counter-box-wrap6 {
        grid-template-columns: 1fr 1fr;
        padding: 15px;
        gap: 5px
    }
    .pannel-contarea {
        padding: 14px
    }
    .pannel-contarea .subtitle {
        font-size: 14px
    }
    .wup-arow span {
        height: 38px;
        width: 38px;
        line-height: 40px;
        right: 10px
    }
    .vl-breadcrumb-content .vl-breadcrumb-title {
        font-size: var(--vkl-font-size-font-s40);
        line-height: var(--vkl-specing-height40)
    }
    .card-container {
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .pb-254 {
        padding-bottom: 160px
    }
    .mr-24,
    .mr-40 {
        margin-right: 0
    }
    .ml-40 {
        margin-left: 0
    }
    .vl-blog-wraper3 .vl-blog-content3 {
        margin-left: 5px;
        margin-right: 5px
    }
    .vl-blog-wraper3 .vl-blog-content3 .vl-blog-meta a {
        display: block;
        margin-bottom: 20px
    }
    .vl-blog-wraper3 .vl-blog-content3 .title {
        font-size: var(--vkl-font-size-font-s18);
        padding-top: 0
    }
    .vl-blgo-are5a .vl-blog-cont-4 .title {
        font-size: 22px
    }
    .vl-single-coments-box .para {
        margin-top: 30px
    }
    .vl-banner-content-bloc3k,
    .vl-coments-form {
        padding: 20px
    }
    .blog__area__wrap9-redmore .btn-primary-9::after {
        left: 88px
    }
    .vl-footer-newslater-widget input[type="email"] {
        width: 100%;
        margin-right: 0
    }
    .vl-footer-social-widget {
        text-align: start
    }
    .vl-footer-social-widget.social-ft1 {
        text-align: center
    }
    .vl-footer-social-widget a {
        height: 40px;
        width: 40px;
        line-height: 44px;
        font-size: 16px
    }
    .vl-copy-righ1t .vl-footer-copy-right-widget .para {
        line-height: 28px
    }
    .vl-copy-righ1t .vl-copy-right-menu ul li {
        margin-left: 8px;
        padding-left: 8px
    }
    .vl-copy-righ1t .vl-copy-right-menu ul li::after {
        right: -10px
    }
    .footer-large-title-6 .title {
        font-size: 62px;
        padding-bottom: 0
    }
    .vl-thumb-btn {
        left: 5%;
        right: 5%
    }
    .vl-hero-area-eight {
        padding-top: 120px;
        padding-bottom: 50px
    }
    .vl-swiper-test-button {
        position: relative;
        display: inline-block;
        right: 0;
        transform: translateY(-200%)
    }
    .vl-swiper-test-button-prev {
        margin-right: 15px;
        top: 82%
    }
    .vl-banner-content-bloc3k .vl-section-title .subtitle-2 {
        font-size: 13px
    }
    .vl-banner-content-bloc3k .vl-section-title .title {
        font-size: 38px;
        line-height: 48px
    }
    .vl-banne4r-area {
        padding-bottom: 0;
        padding-top: 160px
    }
    .vl-banner-thumb-4 {
        position: relative
    }
    .vl-banner-conten4t .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s30);
        line-height: var(--vkl-specing-height40)
    }
    .vl-hero-content-2 .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s40);
        line-height: var(--vkl-specing-height50)
    }

    .vl-hero-area-five {
        margin-bottom: -479px
    }
    .vl-hero-content-five .title {
        font-size: var(--vkl-font-size-font-s35);
        line-height: 45px
    }
    .vl-image-box-content-wrap {
        padding-bottom: 50px
    }
    .vl-imagebox-social a {
        margin-bottom: 10px;
        display: inline-block
    }
    .text-circle-bg {
        margin-top: 206px;
        float: right
    }
    .vl-hero-area-six {
        padding-top: 120px
    }
    .vl-hero-content-six .vl-section-title .title {
        font-size: var(--vkl-font-size-font-s30);
        line-height: var(--vkl-specing-height40)
    }
    .contact__icon__flex,
    .vl-banner-six-btn-wrap,
    .vl-hero-right-btn-flex {
        display: block
    }
    .vl-banner-phonesix-flex {
        margin-top: 30px
    }
    .vl-plant-box-wrap-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .vl-banner-thumb-six img {
        float: inline-end
    }
    .vl-hero-contect-form-eight {
        margin-bottom: 30px;
        padding: 20px
    }
    .vl-hero-contect-form-eight .title {
        font-size: var(--vkl-font-size-font-s20)
    }
    .vl-hero-social-7 a {
        margin-bottom: 15px;
        display: block
    }
    .vl-hero-content-10 .vl-section-title-10 .title {
        font-size: 44px;
        line-height: 54px
    }
    .vl-about-us-content3,
    .vl-pading {
        padding: 30px
    }
    .vl-about-check-box-five ul li {
        float: none;
        width: 100%
    }
    .vl-about-thumb-area-five .vl-experience-box {
        position: relative;
        top: 0;
        transform: translateY(0);
        margin-bottom: 30px
    }
    .vl-about-wrap-five {
        margin-top: 0;
        padding-top: 200px
    }
    .vl-image-main-wrap {
        height: 100%
    }
    .vl-about-cvheck-box-6 ul li,
    .vl-newstleer-4 input[type="email"] {
        width: 100%
    }
    .contact__icon__flex-icon span {
        margin-bottom: 20px
    }
    .vl-contact-iner-form .title,
    .vl-contact-social .title {
        font-size: var(--vkl-font-size-font-s20);
        line-height: var(--vkl-specing-height20)
    }
    .vl-contact-box-bg-5 {
        padding: 15px 15px 0
    }
    .contact__iconbox9 {
        padding: 44px 50px
    }
    .frombtn9 .btn-primary-9::after {
        left: 80px
    }
    .vl-newstleer-4 .newsl-btn {
        right: 0
    }
    .cta-bg-4.thumb-bg {
        padding: 20px
    }

    .vl-newstleer-4 .newsl-btn .vl-primary-btn-4 {
        margin-top: 15px;
        width: 100%
    }
    .vl-cta-from-7 .vl-primary-btn-7,
    .vl-newstleer-4 .newsl-btn {
        position: relative
    }
    .vl-cta-text-6 .title {
        font-size: var(--vkl-font-size-font-s32);
        line-height: var(--vkl-specing-height42)
    }
    .vl-cta-content-wrap-8 .title {
        font-size: var(--vkl-font-size-font-s30);
        line-height: var(--vkl-specing-height40)
    }
    .vl-cta-submit-btn-8 {
        position: relative;
        text-align: center;
        right: 0;
        width: 100%
    }
    .vl-cta-submit-btn-8 .btn-primary-8 {
        width: 100%
    }
    .vl-choose-area-content3,
    .vl-process-bg,
    .vl-service3,
    .vl-team-fluid-bg,
    .vl-testimoial-fluid-bg {
        padding: 30px
    }
    .vl-process-box .vl-num span {
        right: 88px
    }
    .vl-work-area-bg {
        padding: 20px
    }
    .vl-servic-icon-box .vl-service-content .title {
        line-height: var(--vkl-specing-height28);
        font-size: 18px
    }
    .vl-gallery-box-grid-7,
    .vl-service-box-wrap-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .vl-service-box-eight-grid {
        display: grid;
        grid-template-columns: 1fr
    }
    .vl-sing-serve {
        margin: 0 auto 30px
    }
    .vl-team3-arrow .vl-team-button3,
    .vl-testimonial3-arrow .vl-testimo-button3 {
        margin-bottom: 30px
    }
    .team__details__post-auth {
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px
    }
    .vl-choose-us-checkmark ul,
    .vl-team-box-grid-six {
        grid-template-columns: 1fr
    }
    .vl-testimonial-box-wrap .vl-testimonial-content p {
        font-size: var(--vkl-font-size-font-s20);
        line-height: var(--vkl-specing-height28)
    }
    .vl-testimonial-wrap-6 .vl-testimonial-auth-flex .vl-testimonial-content .title {
        font-size: 19px;
        line-height: 19px
    }
    .vl-choose-nav-text .nav-pills .nav-link,
    .vl-choose-single-item {
        margin-bottom: 20px
    }
    .vl-choose-larg-thumb {
        bottom: -53px;
        position: relative
    }
    .vl-choose-thumb-wrap-7 img {
        height: 100%
    }
    .vl-choose-grid-box-wrap {
        width: 100%;
        grid-template-columns: repeat(1, 1fr)
    }
    .vl-gallery-thumb-sm-2 {
        left: 0;
        width: 100%
    }

    .csp-properties {
        padding: 30px 20px 60px 20px;
    }
    .vkl__product__details-quantity-wrap {
        display: block
    }
    .vkl__product__details-quantity-wrap-box,
    .vkl__product__details-quantity-wrap-btn {
        margin-right: 0;
        margin-bottom: 20px
    }
    .vkl__product__details-quantity-wrap-box input[type="text"] {
        width: 100%
    }
    .vlaward {
        border-bottom: 0
    }
    .vlaward-wrapper .row [class*="col-"]:nth-child(2n) .vlaward {
        padding-left: 0;
        border-left: 0
    }
    .vl-work-box-grid-7 {
        grid-template-columns: repeat(1, 1fr)
    }
    .vl-wrpoecss-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px
    }
    .vl-case-box-wraper-7 .vl-case-thumb img {
        height: 100%
    }
    .project-list .nav-link,
    .vl-case-box-wraper-8 .vl-case-thumb .vl-case-category a {
        margin-bottom: 10px
    }

    .single-open-career .left-side .bottom {
        flex-wrap: wrap;
        gap: 25px;
    }

    .service-item.style-1 .service-content {
        padding: 18px 15px;
    }

    .service-item.style-1 .text-btn {
        /* inset-inline-start: 15px; */
    }
    .arch-card{
        text-align: center;
    }

}

@media only screen and (max-width: 450px) {
    .vl-counter-box-seven-grid .single__iconbox__wrap10:last-child {
        max-width: 100%;
    }
    .vl-testimonial-wrap3 .vl-testi-con-block {
        height:auto;
    }
    .vl-offcanvas {
        width: 100%
    }

    .hero-content{
        /* width: 400px; */
        padding: 0px 15px;
    }
    .about-img .first-img, .image-box-box:after{
        height: auto;
    }
    .about-who .vl-single-service-box-7{
        text-align: center;
    }
    .about-who .title {
    text-align: center;
}
.vl-about-us-thumb-are4a video{
    height: 250px;
}
.hero h1 {
    font-size: 24px;
}
.event-heading{
        padding: 10px 5px;
        font-size: 16px !important;
        line-height: 26px !important;
}
}

@media (max-width: 320px) {
    .hero-content{
        width: 320px;
        margin: 0px 10px;
    }
    .vl-testimonial-wrap3 .vl-testi-con-block {
        height:auto;
    }
}