@media (min-height: 1150px) {
.processLine:after{height: 60vh;}
}

@media (max-height: 920px) {
.header_client{padding-top: 40px;}
}

@media (max-height: 820px) {
.heroForm{padding: 40px 0;}
.header_client{padding-top: 24px;}
.header_client h2{margin-bottom: 24px;}
.processLine:after{height: 500px;}
}

/* Large Desktop*/
@media (min-width : 1920px) {
.service-bg{width: 80%;}
}

@media all and (min-width: 951px) {
.menu .dropdown-menu{ display: none; }
.menu .nav-item:hover .dropdown-menu{ display: block; }
}

@media (max-width : 1920px) {
.service-bg{width: 80%;}
}

@media (max-width : 1800px) {
.service-bg{width: 82%;}
}

@media (max-width : 1680px) {
.service-bg{width: 85%;}
.heroForm .font-100{font-size: 92px;}
}

@media (max-width : 1600px) {
.service-bg{width: 87%;}
.processLine{width: 55vw;}
.heroForm .font-100{font-size: 86px;}
}

@media (max-width : 1560px) {
.heroForm .font-100{font-size: 80px;}
.menu li.header-phone{padding-left: 2vw;}
}

@media (max-width : 1440px) {
.service-bg{width: 90%;}
.heroFormText{width: calc(100% - 500px);}
.processLine{width: 59vw;}
.contactFormMap{padding-right: 48px;}
.menu li.header-phone{padding-left: 16px;}
}

@media (max-width : 1400px) {
.service-bg{width: auto; left: 134px;}
.service-row:nth-child(even) .service-bg, .service-row.service_right .service-bg{right: 134px;}
.menu li.header-phone{padding-left: 0;}
.logo img{max-width: 150px}
.process-box-top h1{font-size: 60px; line-height: 60px;}
}

@media (max-width : 1360px) {
.contactForm{max-width: 500px;}
.processLine{width: auto; margin-right: 100px;}
.contact-form-box h2{font-size: 32px; line-height: 133%;}
.header-wrap{padding: 0 24px}
.process-box-top h1{font-size: 50px;}
}

@media (max-width : 1280px) {
.service-row{overflow-x: hidden;}
.service-bg{left: 48px;}
.service-row:nth-child(even) .service-bg, .service-row.service_right .service-bg{right: 48px;}
.service-img{margin-left: -269px;}
.service-row:nth-child(even) .service-img, .service-row.service_right .service-img{margin-right: -269px;}
.service-text{width: calc(100% - 220px);}
.service-top h1{margin-bottom: 45px;}
.contactForm{max-width: 400px;}
.heroFormText{width: calc(100% - 400px);}
.processLine{margin-right: 80px; width: 64vw;}
.header-bg .header-wrap{padding: 0 16px;}
.menu li.lets-btn{margin-left: 0}
.menu li{margin-left: 7px; margin-right: 7px;}
}

@media (max-width : 1200px) {
.contact-bg-1{left: -225px; top: 20px;}
.contact-bg-2{right: -135px;}
.service-top ul{margin: 0 auto 20px; width: 675px; flex-wrap: wrap;}
.service-top ul li{padding-top: 24px; width: 195px;}
.about-service{margin-left: -12px; margin-right: -12px; width: calc(100% + 24px);}
.about-service li{padding-left: 12px; padding-right: 12px;}
.about-service-1{padding: 22px 16px 22px 22px;}
.menu li{margin-left: 4px; margin-right: 4px;}
}

@media (max-width : 1152px) {
}

@media (max-width : 1151px) {
.header-wrap{padding: 0 24px;}
.header-bg .header-wrap{padding: 0 12px;}
.heroForm .font-100{font-size: 60px;}
.processLine{display: none;}
.contact_process .our-process .font-100{padding-top: 0;}
.process-box-top h1{font-size: 66px; line-height: 66px;}
.our-client, .home-what, .home-project, .about-box .our-client{margin-bottom: 80px;}
.contactFormBox{padding-top: 80px;}
.about-team{margin-top: 80px;}
.service-row .service-text p{padding-bottom: 24px;}
.menu li.lets-btn{display: none;}

}

@media (max-width : 1024px) {
body.fixed{position: fixed;}
.logo-desktop{display: none;}
.logo-mobile{display: block;}
.header-bg{border: 0;}
.header .d-flex{display: block !important;}
.header-bg .header, .header{padding: 16px 0;}
.header {position: relative;}
.header-wrap, .header-bg .wrap{padding: 0 16px;}

.menu{position: absolute; top: 60px; left: -16px; right: -16px; height: calc(100vh - 60px); background: linear-gradient(90deg, #1273D0 0%, #4554E7 100%); display: none; z-index: 9999; padding-bottom: 80px; overflow: hidden; overflow-y: auto;}
.menu li, .menu li.lets-btn, .menu li.dropdown{float: none; display: block; text-align: center; width: auto; margin: 0;}
.menu li a, .menu li.lets-btn a{color: #fff; display: inline-block;}
.menu li.lets-btn a, .header-white .menu li.lets-btn a, .menu li.lets-btn a:hover, .header-white .menu li.lets-btn a:hover{color: #fff; border: 0; padding: 0;}
.menu li.active a, .header-white .menu li.active a, .menu li a:hover, .menu li a{background: none !important;}
.menu li.lets-btn a:hover, .menu li.lets-btn a{border: 0 !important; margin: 0 !important; padding: 14px 10px !important;}
.menu li.lets-btn, .menu li{ padding: 0; border-top: 1px solid #fff !important;}
.menu li.lets-btn a, .menu li a{padding: 14px 10px;}
.menu li:last-child{border-bottom: 1px solid #fff;}
.menu li.lets-btn{display: block;}
/*.menu li.active a{border-bottom: 1px solid #F2BD42;}*/
.smolNav, .showmenu{display: block;}
.header-white .smolNav span{background: #fff;}
.header-white .menu{background: linear-gradient(107.51deg, #0B2150 34.31%, #102D6B 92.32%);}
.menu li.dropdown a{padding-right: 0;}
.menu .dropdown-menu{position: relative !important; width: calc(100% + 32px); left: -16px !important; top: 0 !important; right: -16px; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important;}
.menu .menu-arrow{position: relative; background-image: url(../images/icon/down-arrow-white.svg); background-position: center center; top: 0; right: -2px; height: 40px; width: 36px; background-size: 16px;}
.menu li.dropdown a{padding-right: 0; margin-left: 24px;}
.menu .dropdown-menu ul{padding-bottom: 0; margin: 0;}
.menu .dropdown-menu ul:before{display: none;}
.menu .dropdown-menu li{padding: 12px; border-color: #ccc !important;}
.menu .dropdown-menu li:first-child{padding-top: 12px; border-color: transparent !important;}

.menu .dropdown-menu ul li a{display: block; text-align: center;}
.menu .dropdown-menu ul li span{display: none;}    
.menu li.header-phone a span svg path{ stroke: #fff !important}

.home-header-bg{min-height: 780px}
.home-hero .btn{margin-top: 24px;}
.home-project-main{margin: 0 -12px 8px; width: calc(100% + 24px);}
.home-project-right, .home-project-left{padding: 0 12px;}
.home-project-main h3{font-size: 24px; line-height: 31px; font-weight: 500; letter-spacing: 0; margin-bottom: 16px;}
.home-project-main .column-2{margin: 0 0 24px;}
.home-project-main p{padding-bottom: 16px;}
.home-project-main p:after{margin-top: 16px}
.testimonial .owl-carousel{margin: 0 -12px; width: calc(100% + 24px);}
.testimonial .item{padding: 0 12px;}
.testimonial .owl-theme .owl-nav{margin-right: 7px;}
.testimonial .owl-theme .owl-dots{left: 7px;}
.project-hero{padding: 60px 0;}
.project-overview-left{width: 380px; padding-right: 40px;}
.project-overview-right{width: calc(100% - 380px);}
.hero-pr{height: 40vw;}
.project-bg{ background-size: cover;}
.broadbeam-bg-1{left: -100px; top: -80px; width: 475px; height: 400px;}
.ppl-bg-1{height: 288px; width: 288px; top: -61px; right: -55px;}
.alex-bg-1{width: 413px; height: 413px; left: -93px; top: -40px;}
.hippo-bg-1{width: 402px; height: 389px; top: -59px; right: -45px;}
.sponsability-bg-1{ height: 325px; width: 230px; top: 0; left: -70px;}
.grace-bg-1{width: 400px; height: 468px;}
.cscca-bg-1{height: 430px; width: 430px; right: -40px;}

.testimonial.slider_new{padding: 100px 0 56px;}
.contactFormBox{padding-bottom: 0;}
.contactFormBox .font-100{font-size: 45px; line-height: 1.35; margin-bottom: 24px;}
.contactFormBox .d-flex{flex-wrap: wrap;}
.contactFormBox .contactForm{order: 1; max-width: 100%;}
.contactFormMap{order: 2; width: calc(100% + 96px); margin: 0 -48px; padding: 24px 0 0;}
.contact-border-box .contactFormMap{order: 0; padding: 0 16px; width: 50%; margin: 0;}
.about-title-top{padding: 80px 0; text-align: center; font-size: 60px; max-width: 768px; margin: 0 auto;}
.about-title-top br{display: none;}
.contact-form-bg{padding: 80px 0 0; margin-top: 80px;}
.contact-page{margin: 80px auto 0;}
.contact-form .d-flex{flex-wrap: wrap;}
.contact-form .contactFormMap, .contact-form-box{max-width: inherit; padding-right: 0;}
.contact-form-box {text-align: center;}
.contact-form-box .btn{width: 100%;}
.contact-form-phone{justify-content: center;}
.contact-form-box .mb-24, .contact-form-box .form-control{margin-bottom: 16px;}
.thank-icon{margin: 0 auto 16px; height: 32px; width: 32px; background-size: cover;}
}

@media (max-width : 991px) {
.our-process-box{padding-top: 60px;}
.process-box-top{display: block; text-align: center;}
.process-box-top h1{max-width: 600px; width: 100%; margin: 0 auto;}
.process-box-top-right{max-width: 650px; width: 100%; margin: 24px auto 0; padding: 0;}
.about-story ul{display: block; width: 100%; margin: 0;}
.about-story li{width: 100%; padding: 24px 0 0;}
.ml-5{margin-left: 0 !important;}
}

@media (max-width : 979px) {
.about-service li{width: 100%;}
.service-text li{width: 100% !important;}
.our-client img{padding: 0 10px;}
.font-100{font-size: 60px;}
.header_social .header .d-flex{display: flex !important;}
.header_social .logo-desktop{display: block;}
.header_social .logo-mobile{display: none;}
.about-video-text{position: static; margin: 16px auto 0;}
.home-header-bg{min-height: 750px}
}

@media (max-width : 900px) {
.about-top{margin-bottom: 80px;}
.about-top h1{font-size: 32px; line-height: 40px; letter-spacing: 0.5px; margin-bottom: 90px;}
.about-top .d-flex{display: block !important;}
.about-top-img{max-width: 100%; width: 560px; margin: 0 auto 30px; float: none;}
.about-top-text{float: none; width: 100%; max-width: 100%;}
.our-process{padding: 50px 0 80px;}
.our-process h2{margin-bottom: 20px;}
.our-process h4{margin-bottom: 80px; font-size: 20px; line-height: 26px; letter-spacing: -0.15px; font-weight: 600;}
.number{position: static; margin: 0 auto 24px;}
.our-process li{border: none !important; text-align: center; margin-top: 80px;}
.our-process li:first-child{margin-top: 0;}
.our-process li:last-child .number:before, .our-process-title-bg, .our-process-box .our-process-title:before, .our-process-box .our-process-title h2:before{display: none;}
.process-text, .our-process li:nth-child(even) .process-text{width: 100%; padding: 0 0 20px;}
.process-text h3{margin-bottom: 18px;}
.process-box{display: block; padding: 0;}
.our-process-box{padding-top: 48px;}
.process-box-top h1{font-size: 48px; line-height: 48px;}
.our-process-top-bg{padding-bottom: 120px; background-position: center bottom 10px; }
.our-process-box .height-100{height: 20px;}
}

@media (max-width : 850px) {
.project-row{ display: block !important; padding-top: 125px; }
.project-img, .project-row:nth-child(odd) .project-img{width: 100%; text-align: center; padding: 0;}
.project-text{width: 100%; text-align: center; margin-top: 44px;}
.project-text span{display: inline-block;}
.project-text a.btn{width: 100%;}
.heroForm{display: block;}
.heroFormText{width: 100%; padding-right: 0;}
.header_client{padding-top: 70px;}
.contactForm{max-width: 100%; margin-top: 40px;}
.heroFormCenter{display: block;}
/*.home-hero-img-center div{-webkit-animation-duration: unset; -moz-animation-duration: unset; -o-animation-duration: unset; animation-duration: unset;}*/

}

@media (max-width : 767px) {
.wrap{padding: 0 16px;}
.contact-box h1, .service-top h1, .about-top-who, .service_box h1, h1{font-size: 40px; line-height: 55px;}
h2, .project-hero h1, .service-text h1{font-size: 32px; line-height: 40px; letter-spacing: 0.5px;}
.home-project-main h3{font-size: 24px; line-height: 31px; font-weight: 500; letter-spacing: 0;}
.top-ribbon{padding-top: 4px;}
.top-ribbon label{display: block; line-height: normal;}
.footer{padding-bottom: 24px;}
.footer-bottom{text-align: center;}
.footer-bottom .d-flex{display: block !important;}
.footer-logo{padding-bottom: 15px;}
.footer-bottom ul, .footer-col-2{margin-top: 25px;}
.copy{margin-top: 50px;}
.home-hero{padding-top: 36px;}
.home-hero .mt-24{margin-top: 8px;}
.home-hero h1{font-size: 32px; line-height: 40px; letter-spacing: 0.5px;}
.home-hero .mb-80{margin-bottom: 40px;}
.our-client{margin:  48px auto;}
.our-client img{padding: 0 5px;}
.our-client h2{margin-bottom: 20px;}
.home-what{margin-bottom: 48px;}
.home-what h2{margin-bottom: 0;}
.home-what ul{display: block; width: 100%; margin: 0;}
.home-what li{width: 100%; padding: 16px 0 0 0;}
.home-what .gray-bg{flex-direction: row; padding: 20px 14px;}
.home-what .what-icon{margin: 0 10px 0 0; max-width: 36px; max-height: 36px; text-align: center;}
.home-what .what-icon img{max-width: 100%; max-height: 100%;}
.home-what .gray-bg h4{font-size: 20px; line-height: 26px; letter-spacing: -0.15px; margin-bottom: 0; align-self: center !important;     flex-shrink: 1; width: 100%;}
.home-project h2{padding-bottom: 16px;}
.home-project .subheading{margin-bottom: 24px;}
.home-project-main, .home-project-main .column-2{margin-bottom: 16px;}
.home-project-right{margin-top: 0;}
.home-project-main .gray-bg{padding: 16px 16px 8px;}
.testimonial .owl-theme .owl-dots, .project-slider .owl-theme .owl-dots{position: static; margin-top: 15px !important;}
.project-slider .owl-theme .owl-dots{margin-top: 25px !important;}
.testimonial .item{padding: 0 6px;}
.testimonial-text{padding: 28px 16px;}
.testimonial-quote{margin-bottom: 16px;}
.testimonial-text p{padding-bottom: 16px;}
.contact-bg-1, .contact-bg-2{display: none;}
.contact-box{padding: 40px 0;}
.contact-box h1{margin-bottom: 8px;}
.contact-box p{padding-bottom: 24px;}
.services-box{padding-bottom: 48px;}
.service_box h1{padding-bottom: 16px;}
.service-top{padding: 78px 0 0;}
.service-top ul, .service-img{display: none !important;}
.service-top h1{margin-bottom: 25px;}
.service-bg{left: 0; top: 0;}
.service-row{padding-top: 48px;}
.service-row:first-child{padding-top: 0;}
.service-row:nth-child(even) .service-bg, .service-row.service_right .service-bg{right: 0;}
.service-text{padding: 26px 0 0 !important; width: 100%;}
.service-text h1, .service-icon{margin-bottom: 16px;}
.service-row .service-text p{padding-bottom: 20px;}
.about-service-1 h3{margin-bottom: 15px;}
.about-service-1 h4{font-size: 18px; line-height: 22px; font-weight: 400;}
.project-hero, .ppl-bg .project-hero{padding: 40px 0 100px;}
.project-hero h1{margin-bottom: 8px;}
.project-hero h4{margin-bottom: 40px;}
.project-client .d-flex, .project-overview .d-flex, .join-team li .d-flex{display: block !important;}
.project-client-left{width: 100%;}
.project-client-left .subheading, .project-client-left a.btn{margin-bottom: 24px;}
.project-client-right{width: 100%;}
.project-overview{margin: 0 auto 40px; text-align: center; padding: 40px 0;}
.project-overview-left{width: 100%; padding: 0;}
.project-overview-right{width: 100%; margin-top: 30px;}
.about-top-who{bottom: -15px;}
.our-process{margin-bottom: 50px;}
.join-team{margin-bottom: 60px;}
.join-team li h4{margin-bottom: 18px;}
.full-time{text-align: left;}
.join-team h4{margin-bottom: 16px;}
.hero-pr{height: 36vw;}
.project-text h3{font-size: 24px; line-height: 31px; font-weight: 500; letter-spacing: 0;}
.project-text h4{font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.15px;}
.broadbeam-bg-1{ width: 327px; height: 275px; left: -60px; top: -60px;}
.ppl-bg-1{height: 231px; width: 231px; top: -49px; right: -30px;}
.alex-bg-1{height: 350px; width: 350px; left: -110px;}
.hippo-bg-1{height: 320px; width: 331px; top: -41px; right: -30px;}
.sponsability-bg-1{height: 250px; width: 177px; top: -6px; left: -40px;}
.grace-bg-1{height: 340px; width: 291px; top: -50px; right: -50px;}
.afisco-bg-1{height: 430px; width: 515px; top: -40px; left: -110px;}
.cscca-bg-1{height: 290px; width: 294px; right: 0}
.service_box{padding: 60px 0 0;}
.service_box .subheading{margin-top: 4px;}
.service_box ul li{padding: 10px 12px;}
.sevicesBack{margin: 25px auto;}

.font-100{font-size: 40px; letter-spacing: 0;}
.testimonial.slider_new .owl-carousel .owl-stage{display: flex;}
.testimonial.slider_new h2{font-size: 24px; margin-bottom: 24px; letter-spacing: 0;}
.testimonial.slider_new .owl-theme .owl-dots{margin-top: 0 !important;}

.header_social .logo-desktop img{max-width: 216px;}
.heroForm{padding-top: 8px;}
.heroForm .font-100{font-size: 40px; line-height: 45px; letter-spacing: -1px;}
.header_client{padding-top: 32px;}
.header_client h2{font-size: 20px; line-height: 1.2; margin-bottom: 8px;}
.header_client ul{height: 52px !important; overflow: hidden;}
.header_client li img{height: 42px;}
.contact_process .our-process{padding-top: 58px;}
.contactFormBox .font-100{margin-bottom: 24px; text-align: left !important;}
.contactFormBox .contactForm{margin-top: 0;}
.contactForm h4{font-size: 24px; letter-spacing: 0.5px;}
.contactForm h4 span{display: block;}
.contactForm{padding: 32px 24px;}
.contactForm ul li{font-size: 22px; line-height: normal;}
.contactFormMap{max-width: calc(100% + 32px); margin: 30px -16px 0; }
.number{height: 74px; width: 74px; line-height: 74px; font-size: 32px;}
.process-img img{max-width: 90%;}
.our-process li{margin-top: 64px;}
.slider-container .scale ins{font-size: 14px !important;}
.contact-border-box{padding: 24px 16px;}
.contact-border-box .contactFormMap{order: 2; padding-top: 24px; width: calc(100% + 32px); margin: 0 -16px;}
.about-title-top{font-size: 30px; line-height: normal;}
.about-story h1, .about-story h2{font-size: 32px; line-height: normal; text-align: center; margin-bottom: 24px;}
.about-story li{font-size: 18px; line-height: 24px;}
.about-story li .gray-bg{padding: 24px 16px 12px; background-image: none;}
.about-story li h3{margin-bottom: 16px; font-size: 24px; line-height: 30px;}
.about-team{margin-top: 60px;}
.about-team h2{margin-bottom: 24px;}
.about-team li{min-width: 100%; width: 100%;}
.about-our-service{padding-top: 20px;}
.about-box .our-client{margin-bottom: 60px;}
.contactFormBox .font-100{font-size: 32px;}
.contactFormMap iframe{height: 400px !important;}
.project-box{padding-bottom: 60px;}
.project-box h1{margin-bottom: 16px;}
.contactFormBox{padding-top: 60px;}

.hero-btn{flex-direction: column;}
.hero-btn .btn{width: 100%; margin: 12px 0 0;}
.home-hero-img {padding-top: 16px;}
.home-header-bg{min-height: 584px;}
.contact-form-bg{margin-top: 40px; padding-top: 40px;}
.contact-page{margin-top: 40px;}
.contact-form-phone{display: block;}
.contact-form-phone li{padding-left: 0; margin-left: 0; border: none;}
.contact-form-box h2{font-size: 20px; line-height: 28px;}

.home-hero-img{margin: 0 auto; padding-right: 16px;}
.home-hero-center, .home-hero-img{width: 250px;}
.home-hero-img-left{width: 50px; left: -30px}
.home-hero-img-right{width: 80px; right: -40px}
@-webkit-keyframes run {
  0% {left: -80px; bottom: 40px; width: 30px;}
}

@-webkit-keyframes run-right {
  0% {right: -100px; bottom: 40px; width: 54px;}
}

@-webkit-keyframes run-center {
  0% {margin-top: 24px; width: 180px;}
}

}

@media (max-width : 450px) {
.hero-pr{height: 34vw;}
}

@media (max-width : 370px) {
.hero-pr{height: 32vw;}
}

@media (max-width : 360px) {
.header_social .logo-desktop img{max-width: 180px;}
}

@media (max-width : 355px) {

}

@media (min-width : 768px) {

}

@media (max-height : 900px) {
.offerModal .modal-content{height: 96%;}
.offerModal .close{top: 60px; right: 5vw;}
}

@media (max-height : 800px) {
}

@media (max-height : 768px) {
.offerTimer{margin-top: -16px;}
.offerTimer h1{font-size: 44px; line-height: 52px;}
.offer-exclusive{margin-top: 12px;}
.offer-exclusive h2{margin-bottom: 12px; font-size: 32px; line-height: normal;}
.offerModalText .mt-40{margin-top: 24px;}
.offerModalText .mt-24{margin-top: 16px;}   
}

@media (max-width : 700px) {
.offerModal .modal-content{max-width: 375px; margin: 0 auto;}
.offerModal .modal-content{max-height: 444px;}
.offerTimer{margin-top: -30px;}
.offerTimer li{padding: 0 3px;}
.offerTimer h1{font-size: 22px; line-height: 22px;}
.offerTimer span{margin-top: 0;}
.offerModal .subheading{font-size: 12px; line-height: 16px;}
.offer-exclusive h2{font-size: 16px; line-height: 16px; margin-bottom: 8px;}
.offer-exclusive ul li{font-size: 12px; line-height: 16px;}
.offer-exclusive .subheading.mb-16{margin-bottom: 6px;}
.offerModalText .mt-40{margin-top: 8px;}
.offerModalText .btn{ font-size: 12px; letter-spacing: 0; padding: 8px; line-height: 16px;}
.offerModalText .mt-24{margin-top: 8px; font-size: 12px;}
.offerModal .close{height: 32px; width: 32px; background-size: cover; top: 40px; right: 12px;}
.offer-bottom-box{left: 8px; bottom: 12px; height: 100px; width: 100px; }
.offer-bottom{background-size: cover; font-size: 11px; line-height: 14px; letter-spacing: 0; font-weight: 500;}
offer-bottom-timer{margin-top: 0;}
}