@media screen and (max-width: 1560px) { .bannerTxt { top: 30%; } .whiteWrap { margin-top: -250px; } .btn-orange { height: 34px; } } @media screen and (max-width: 1460px) { .bannerTxt { top: 25%; } .whiteWrap { margin-top: -230px; } } @media screen and (max-width: 1400px) { .milestonebox.milestone3 h2 { margin-top: -30px; } } @media screen and (max-width: 1399px) { .testimonialContent h2 { font-size: 36px; } .testimonialContent p { font-size: 20px; } .testimonialContent::before { left: 0; } .testimonialContent p::after { right: 0px; } .testimonialContent { padding: 0 0px 0 40px; } .testimonialAutor label { font-size: 18px; } .testimonialAutor span { font-size: 15px; } } @media screen and (max-width: 1340px) { .whiteWrap { margin-top: -200px; } } @media screen and (max-width: 1240px) { .col-md-6.left-part .content-heroBanner h1 { font-size: 58px; } .col-md-6.left-part .content-heroBanner p { font-size: 46px; } } @media screen and (max-width: 1200px) { .milestonebox { padding: 30px; } .milestonebox.milestone3 h2 { margin-top: 0px; } .seemless-box .container { margin: 0 60px; } .btn-orange { padding: 5px; } .whiteWrap { margin-top: -160px; } .owl-carousel .owl-item img { height: 200px; } } @media screen and (max-width: 1199px) { .testimonialContent h2 { font-size: 32px; } .testimonialContent p { font-size: 18px; } .testimonialContent p::after { right: -20px; } .testimonialContent { padding: 0 0 0 40px; } .testimonialWrap { gap: 45px; } .testimonialArea .carousel-indicators { bottom: -45px; } } @media screen and (max-width: 1180px) { .loginContent { padding: 20px 40px 0 40px; } .content-heroBanner h1 { font-size: 60px; margin-bottom: 10px; } .content-heroBanner p { font-size: 48px; } .bannerTxt { top: 22%; } .testiWrap { padding-top: 120px; } } @media screen and (max-width: 1100px) { .bannerTxt { top: 20%; } .whiteWrap { margin-top: -130px; } .col-md-6.left-part .content-heroBanner h1 { font-size: 52px; } .col-md-6.left-part .content-heroBanner p { font-size: 40px; } } @media screen and (max-width: 1080px) { .testiWrap { padding-top: 90px; padding-bottom: 100px; } .testLeft { padding: 20px 110px 0 60px; } } @media screen and (max-width: 991px) { .becomeClientBtn { max-width: 170px; margin-left: 0; } .content-heroBanner.security { text-align: left; padding-left: 50px; box-sizing: border-box; } .content-heroBanner h2 { width: 100%; } .centerNav { display: none; } .bar-icon { display: block; position: absolute; right: 20px; top: 16px; } .navLinks { display: block; margin: 0; padding: 0; list-style: none; position: absolute; right: 0; top: 63px; background: #fff; width: 190px; padding: 20px; line-height: 33px; box-shadow: #000 0 2px 2px; z-index: 9; } .content-heroBanner h1 { font-size: 56px; } .content-heroBanner p { font-size: 46px; } .topfooter { display: block; } .newsletter { margin-top: 20px; justify-content: center; } ul.socialLinks { justify-content: center; } .footerLinks { display: block; } ul.footer_links { display: none; } .footer-col { width: 100%; } .footer-col h2 { color: #fff; text-transform: uppercase; font-size: 14px; padding: 10px; border-top: #11235a 1px solid; margin: 0; position: relative; } .footer-col h2::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; position: absolute; right: 10px; } .footer-col h2.showItems::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106"; position: absolute; right: 10px; } .footer-logo img { max-width: 230px; margin: 20px 0; } .address { font-size: 10px; margin-bottom: 20px; } .otherInfo { font-size: 10px; } ul.regCust { gap: 0; } ul.regCust li { font-size: 9px; } ul.footer_links { padding: 0 10px; } .footerLinks { padding: 10px 0; } .content-heroBanner { top: 110px; left: 0; text-align: center; width: 100%; padding: 0; } .tabs li a { padding: 20px 0; } .content-heroBanner { top: 180px; } .content-heroBanner h1 { font-size: 52px; } .content-heroBanner p { font-size: 42px; } .container, .container-md, .container-sm { max-width: 800px; } .milestonebox { min-height: 250px; } .milestonebox.milestone1 p { min-height: 70px; } .milestonebox p { font-size: 16px; } .milestonebox h2 { font-size: 34px; } .milestonebox.milestone3 h2 { margin-top: -30px; } .seemless-img img { max-width: 420px; } .seemless-box .container { margin: 0; padding: 0 20px; box-sizing: border-box; width: 100%; max-width: 100%; } .btn-orange { width: 100%; padding: 0 20px; line-height: 32px; } .seemless-lnks .btn-orange { padding: 0; font-size: 10px; } ul.seemless-lnks { gap: 5px; } .bannerTxt { top: 18%; } .whiteWrap { margin-top: -120px; } .statoryDuration { padding-left: 40px; } .teamImg img { max-width: 120px; } .content-heroBanner h2 { margin-top: -70px; font-size: 46px; } .testiWrap { padding-top: 95px; padding-bottom: 90px; } .testiText { font-size: 18px; margin-bottom: 20px; } .testiText::before { left: -45px; top: -28px; width: 40px; height: 40px; } .testiText::after { right: -18px; bottom: -20px; width: 40px; height: 40px; } .testiPerson { font-size: 18px; } .testiImg img { max-width: 250px; border-radius: 50%; } .personName { font-size: 20px; } .personDesignation { font-size: 12px; } .personInfo { padding: 10px 20px 10px 20px; } ul.empowerList li { width: 20%; } .impactBox { gap: 60px; } .col-md-6.left-part .content-heroBanner h1 { font-size: 48px; } .col-md-6.left-part .content-heroBanner p { font-size: 36px; } } @media screen and (max-width: 920px) { .seemless-img img { max-width: 360px; } } @media screen and (max-width: 880px) { .container, .container-md, .container-sm { max-width: 720px; } .milestonebox { min-height: 250px; padding: 20px; } .milestonebox p { font-size: 14px; padding-top: 20px; } .milestonebox h2 { font-size: 28px; } .milestonebox { min-height: 225px; } .milestonebox.milestone3 p { min-height: 70px; } .milestonebox.milestone3 h2 { margin-top: -10px; } .bannerTxt { top: 15%; font-size: 44px; } .whiteWrap { margin-top: -110px; } .teamImg img { max-width: 100px; } .teamContent h2 { font-size: 12px; } .content-heroBanner h2 { font-size: 40px; } .becomeClientBtn .btn { margin-top: 10px; } .carousel-indicators { bottom: 10px; } .testiWrap { padding-top: 80px; padding-bottom: 43px; } .latestUpdateBox { display: grid; gap: 10px; } .login-wrapper .row { display: inline; } .col-md-6.left-part { width: 100%; position: relative; } .col-md-6.right-part { width: 100%; } .col-md-6.left-part .content-heroBanner { left: 0; top: auto; bottom: 40px; float: left; width: 100%; text-align: center; } .col-md-6.left-part .content-heroBanner h1 { font-size: 58px; } .col-md-6.left-part .content-heroBanner p { font-size: 46px; } .col-md-6.left-part img { height: 50vh; } .testimonialImg img { max-width: 360px; } .testimonialContent { padding: 10px 0 0 40px; } .testimonialContent h2 { font-size: 30px; } .testimonialContent p { font-size: 16px; } .testimonialAutor label { font-size: 16px; } .testimonialAutor span { font-size: 13px; } .welcome-txt { font-size: 20px; } } @media screen and (max-width: 820px) { .container, .container-md, .container-sm { max-width: 680px; } .milestonebox { min-height: 210px; } .testLeft { padding: 20px 40px 0 40px; } .testiImg img { max-width: 220px; } } @media screen and (max-width: 800px) { .seemless-img img { max-width: 330px; } } @media screen and (max-width: 767px) { .whiteWrap { padding: 10px; } ul.filterOpt { justify-content: center; } .statoryTxt { font-size: 16px; } .statoryType { font-size: 20px; } .statoryDuration { font-size: 16px; } .content-info p { text-align: center; font-size: 16px; } /* .milestonebox.milestone1 p { min-height: 90px; font-size: 22px; } .milestonebox p { font-size: 22px; } */ .why-choose { padding: 30px 0; } /* .milestonebox h2 { font-size: 46px; } */ .whyChooseTxt p { font-size: 16px; } .seemless-img img { max-width: 250px; position: absolute; top: 20px; right: 20px; } .seemless-box { position: relative; padding-top: 120px; } .newletter-box input { width: 190px; } .footer-bottom { display: block; justify-content: space-between; font-size: 12px; padding: 15px 0; text-align: center; } ul.regCust { justify-content: center; margin-top: 7px; } .reguAuth { margin-top: 5px; margin-bottom: 10px; } ul.regCust li { width: 27%; } ul.regCust li { font-size: 10px; border-right: #363435 2px solid; padding: 8px; margin: 10px 0; } ul.regCust li:last-child { border: none; } .milestoneWrap .row .col-md-4, .infoBox, .insitebox { margin-bottom: 20px; } .milestonebox p { font-size: 18px; padding-top: 30px !important; height: 70px; } .milestonebox.milestone3 h2 { margin-top: 0px; } .milestonebox h2 { font-size: 32px; } .whiteWrap { margin-top: -80px; } .teamImg img { max-width: 140px; } .teamContent h2 { font-size: initial; } .content-heroBanner h2 { font-size: 36px; } .testiImg img { max-width: 210px; margin-top: -40px; } .testiText { font-size: 16px; margin-bottom: 15px; } .testiWrap { padding-bottom: 36px; } .carousel-indicators { bottom: 5px; } .latestUpdateBox { display: flex; gap: 20px; } .marketPanel .col-md-4 { margin-top: 20px; } .wtWrapBox { margin-bottom: 20px; } .contactWrap { flex-direction: column; } .contactAdd { border-radius: 0 0 18px 18px; } .contactForm { width: 100%; } ul.paggingInfo { margin-bottom: 20px; justify-content: center; margin-top: 10px; } } @media screen and (max-width: 760px) { .container, .container-md, .container-sm { max-width: 600px; } .content-heroBanner { top: 110px; } .content-heroBanner h1 { font-size: 44px; } .content-heroBanner p { font-size: 34px; } .bannerTxt { top: 14%; } .statoryDuration { padding-left: 0px; } .content-heroBanner h2 { margin-top: 0px; font-size: 34px; } .galleryTxt { padding: 10px 6px; } ul.empowerList li { width: 22%; } .impactBox { gap: 30px; } .impactGraph img { max-width: 260px; } .testimonialWrap { flex-direction: column-reverse; } .testimonialContent p::after { right: 0px; } } @media screen and (max-width: 700px) { .content-heroBanner h2 { margin-top: -20px; font-size: 32px; } .aboutHeroBanner { background-size: auto; } .testiWrap { flex-direction: column-reverse; margin-top: 82px; padding-bottom: 120px; } } @media screen and (max-width: 680px) { .logo img { max-width: 140px; } .logo { padding-left: 30px; } .bar-icon { display: block; position: absolute; left: 14px; top: 10px; } .content-heroBanner h1 { font-size: 46px; } .content-heroBanner p { font-size: 38px; } .content-heroBanner { top: 25%; } .col-md-6.left-part .content-heroBanner h1 { font-size: 38px; } .col-md-6.left-part .content-heroBanner p { font-size: 30px; } .left-banner-img { display: none; } .loginContent { padding: 20px 30px 0 30px; } .seemless-content { padding: 80px 0; } .tabs li a::after { display: none; } ul.tabs { background: none; box-shadow: none; gap: 10px; } .tabs li { background: white; border-radius: 0; height: auto; box-shadow: none; width: 27%; display: inline-block; margin: 0; } .tab-img img { max-width: 70px; } ul.tabs { display: block; margin-top: 10px; background: #fff; border-radius: 20px; box-shadow: #28007117 0 0 10px; } .seemless-content h2 { font-size: 40px; } .seemless-content p { margin: 20px 0; } .tabs li a { padding: 10px 0; } .infoBoxes { padding: 40px 0; } .infoBox { min-height: auto; } .infoBox p { font-size: 18px; } .bannerTxt { top: 12%; } .whiteWrap { margin-top: -60px; } .carousel-indicators li { width: 6px; height: 6px; margin: 0 3px; } .carousel-indicators { bottom: 20px; } .bannerInner .bannerTxt { font-size: 30px; } .whiteWrap h2 { font-size: 26px; } .whiteWrap .currentOpeningHeader h2 { font-size: 22px; } .whiteWrap .currentOpeningProfile { font-size: 14px; } ul.listingOpening li { font-size: 14px; } button.btn.btnApply { font-size: 12px; margin-top: 20px; } .eventGallery { padding: 0 30px; box-sizing: border-box; } .eventGallery { margin-top: 0; margin-bottom: 0; } .contactHeaderTxt { position: relative; color: #fff; left: 0; top: -150px; margin-bottom: 30px; text-align: center; } .contactHeaderInfo p { font-size: 20px; } .navLinks { right: auto; left: 0; top: 53px; } } @media screen and (max-width: 599px) { .owl-carousel .owl-item img { height: auto; } .galleryTxt { padding: 20%; } } @media screen and (max-width: 580px) { .logo { padding-left: 42px; } .content-heroBanner h1 { font-size: 30px; } .content-heroBanner p { font-size: 20px; margin-top: 0px; } .content-heroBanner h1 { font-size: 36px; margin-bottom: 0; } .content-heroBanner p { font-size: 26px; } .tabs li { width: 30%; } .bannerTxt { top: 10%; font-size: 38px; } .heading-area h2 { font-size: 26px; } .content-heroBanner h2 { margin-top: 0px; font-size: 32px; } .personInfo { padding: 10px 10px 10px 0px; } .personInfo::before { height: 68px; } .personName { font-size: 18px; } .personDesignation { font-size: 11px; } .content-heroBanner.security { top: 70px; } .testimonialContent h2 { font-size: 28px; } .testimonialContent p { font-size: 14px; } .testimonialAutor label { font-size: 14px; } .testimonialAutor span { font-size: 12px; } .testimonialContent { padding: 0 80px; } .testimonialContent::before { left: 30px; } .testimonialContent p::after { right: -40px; } .bannerInner.newJob { width: 100%; float: left; min-height: 440px; background: url(../images/ascent-banner.png); background-size: cover; background-position: center bottom; } .newJob .bannerTxt { font-size: 43px; line-height: 42px; } .bannerInner.newJob .bannerImg { display: none; } .contactWrap { margin-top: -80px; } .contactForm label { font-size: 22px; } .tableInfo { overflow: hidden; } } @media screen and (max-width: 552px) { .tabs li a { padding: 20px 0; } .tab-content { font-size: 12px; } .becomeClientBtn .btn { margin-top: 5px; } } @media screen and (max-width: 535px) { .bannerInner .bannerImg img { height: 200px; } .bannerInner .bannerTxt { top: 180px; } .search-field { position: absolute; right: -80px; top: 53px; } } @media screen and (max-width: 520px) { .seemless-content h2 { font-size: 32px; } ul.whoServeOption li { padding: 30px 0; } ul.whoServeOption { padding: 20px 0; } .bannerTxt { top: 70px; font-size: 38px; } .heading-area h2 { font-size: 24px; } .listingMarketing { display: grid; } .impactGraph img { max-width: 220px; } .empowerFeatureImg img { max-width: 80px; } .empowerFeatureBox h2 { font-size: 14px; } .impactInfo h2 { font-size: 24px; } .impactInfo h3 { font-size: 16px; } .impactInfo p { font-size: 12px; } .resultBox { display: grid; gap: 20px; } .statoryType { width: 100%; } .statoryTxt { width: 100%; font-size: 16px; } .statoryDuration { font-size: 16px; } .downloadOpt { margin-top: -70px; } .filterOpt li { font-size: 20px; } .statoryDuration { width: 100%; } ul.seemless-lnks { gap: 10px; } .seamless-security { height: 250px; } .testiWrap { margin-top: 60px; } .testLeft { padding: 20px; padding-bottom: 0; } .contactWrap { margin-top: -100px; } .contactHeaderTxt h2 { font-size: 42px; margin-top: 15px; } } @media screen and (max-width: 475px) { .contactWrap { margin-top: -150px; } .contactHeaderInfo p { font-size: 18px; } .contactWrap { margin-top: -120px; } .headingMarketPlace { font-size: 36px; } .search-market input { min-width: 300px; } ul.empowerList { display: block; width: 100%; float: left; } ul.empowerList li { width: 49%; display: inline-block; border-right: #e6e6e6 2px solid; border-bottom: #e6e6e6 2px solid; padding-bottom: 20px; } ul.empowerList li:nth-child(2), ul.empowerList li:nth-child(4) { border-right: none; } ul.empowerList li:nth-child(3), ul.empowerList li:nth-child(4) { border-bottom: none; } .empowerFeatureImg img { max-width: inherit; } ul.empowerList li::after { display: none; } .impactBox { display: grid; justify-content: center; text-align: center; } .empowerFeatureBox h2 { font-size: 18px; } .impactInfo p { font-size: inherit; } .testiWrap { margin-top: 50px; padding-bottom: 100px; } .personInfo { padding: 5px; } .seemless-content li a { font-size: 9px; } } @media screen and (max-width: 440px) { ul.options { display: inline; } ul.options li { margin-bottom: 15px; } .login-wrap { margin-top: 30px; } ul.seemless-lnks { gap: 10px; } ul.whoServeOption li { width: 32%; } .tabs li a { padding: 15px 0; } .bannerTxt { font-size: 36px; } /* .whiteWrap { margin-top: -35px; } */ .heading-area h2 { font-size: 22px; } .btn-orange, .btn-orange:hover, .btn-orange:focus { width: auto; padding: 0; height: 32px; font-size: 11px; } .content-heroBanner { top: 80px; } .policyWrap .searchBarBox input { width: 80%; } .policyWrap .searchBtn { right: 50px; } .becomeClientBtn .btn-orange { width: 110px; height: 28px; font-size: 10px; margin-top: 0; line-height: 24px; } .content-heroBanner.security { top: 80px; } .testiWrap { padding-bottom: 80px; margin-top: 40px; } .milestonebox p { font-size: 14px; } .milestonebox h2 { font-size: 26px; } } @media screen and (max-width: 400px) { .content-heroBanner.security { text-align: left; padding-left: 20px; box-sizing: border-box; width: 180px; top: 60px !important; } .logo img { max-width: 130px; } .rightNav { gap: 8px; } .clientLogin .btn-orange { width: 81px; } .logo { padding-left: 36px; } .content-heroBanner h1 { font-size: 30px; } .content-heroBanner p { font-size: 22px; } .bannerTxt { font-size: 32px; } /* .whiteWrap { margin-top: -28px; } */ .resultBox { gap: 15px; } .becomeClientBtn .btn { margin-top: 0; } .corporateInfo .infoBoxes { padding: 10px; } .col-md-6.left-part .content-heroBanner h1 { font-size: 38px; } .col-md-6.left-part .content-heroBanner p { font-size: 28px; } } @media screen and (max-width: 380px) { .headingMarketPlace { font-size: 32px; } .search-market input { min-width: 280px; } .galleryTxt { padding: 14%; } .filterOpt li { font-size: 18px; } .testimonialContent { padding: 0 40px; } .testimonialContent::before { left: 0; } .testLeft { padding: 10px; } } @media screen and (max-width: 360px) { ul.seemless-lnks { flex-wrap: wrap; } ul.whoServeOption li { width: 42%; } .content-heroBanner h1 { font-size: 26px; } .content-heroBanner p { font-size: 18px; } .bannerTxt { top: 7%; } .col-md-6.left-part .content-heroBanner h1 { font-size: 34px; } .col-md-6.left-part .content-heroBanner p { font-size: 24px; } .testiWrap { padding-bottom: 70px; margin-top: 25px; } .testiImg img { max-width: 180px; } } @media screen and (max-width: 340px) { .testiText { font-size: 14px; margin-bottom: 10px; } .testiPerson { font-size: 16px; } } @media screen and (max-width: 320px) { .newletter-box button { padding: 6px 8px 5px; } .bannerTxt { font-size: 28px; } .headingMarketPlace { font-size: 28px; } .search-market input { min-width: 250px; } .content-heroBanner { top: 60px; } .galleryTxt { padding: 12%; } .content-heroBanner.security .becomeClientBtn .btn { padding: 3px; } } /* recognition */ .galleryRecognition .carousel { height: 800px; perspective: 950px; transform: translateY(-100px); } .galleryRecognition .carousel .carousel-item { display: flex; width: initial; align-items: center; justify-content: center; margin-right: 0; } .galleryRecognition img { width: 100%; height: 200px; }