@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) { .impact-box {  } .service-item.style-1 .service-icon { font-size: 60px; width: 70px; height: 70px; } .service-item.style-1 .service-content { padding: 25px 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) { .form-check-input[type="checkbox"] { margin-top: 7px; } .what-we-do-choose p { height: 325px; } } @media (max-width: 1200px) { .about-img .first-img, .image-box-box:after { height: 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; } .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) { .vl-banner-content .vl-section-title .title { font-size: 30px; line-height: 40px; } .impact-box { bottom: -38px; } .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; } .single-open-career .right-side .bottom { display: block; } } @media (max-width: 768px) { .sumflex-client .clients-label{ white-space: break-spaces; } .single-open-career .right-side .bottom { display: block; } .wishlist-btn{ gap:10px; } .wishlist-btn .btn-outline-custom{ padding: 10px 10px; font-weight: 500; font-size: 14px; display: flex; transition: all .2s; justify-content: center; align-content: center; align-items: center; } .wishlist-btn .btn-primary-custom{ padding: 10px 10px; font-weight: 500; font-size: 14px; display: flex; transition: all .2s; justify-content: center; align-content: center; align-items: center; } .form-work-sec .page-header .badge-tag{ margin-top: 50px; } .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; } .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; } .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 { 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: 0; } .single__iconbox__wrap10 { margin-top: 20px; } } @media only screen and (max-width: 767px) {#downloads .owl-nav{display:none;} .genie-logo .brandactive img { width: 150px; } .impact-box { bottom: -38px; } .single__iconbox__wrap10 { margin-top: 20px; } .vl-cta-wrap-10 a { float: left; padding-top: 0; } .hero-title-section { padding: 136px 20px 50px; } .hero-title-section .title { font-size: 22px; line-height: 30px; } .single__iconbox__wrap10 { padding: 0 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; justify-items: center; } .nt-info-col { width: 100%; max-width: 500px; align-items: center; } .nt-info-card { width: 100%; text-align: center; } .nt-card-label { flex-direction: column; 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 0 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); } .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; } .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 { padding: 0 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: 0 10px; } .vl-testimonial-wrap3 .vl-testi-con-block { height: auto; } }