@media (max-width: 575px) { 

.hideondeskmobile{display: none !important;}

.topbar{margin-top: 6px;}
.topbar-shadow{padding-bottom: 0}
.navbar-brand img{max-width: 240px;}
.navbar-collapse{background-color: #f1f1f1;padding: 0; margin-top: 0;box-shadow: 0px 10px 7px -7px #e7e7e7;}
.navbar-nav{margin-left: 0; font-weight: 500}
.navbar-nav li.nav-item{padding-right: 0px;font-size: 15px;}
.navbar-nav .nav-item a.nav-link{padding:10px 25px; color: #000}
.navbar-toggler{border:0; background-color: #f1f1f1; color: #fff; border-radius: 0;}


.header-hero{ min-height: auto; text-align: center;}
.header-hero .hero-content{ max-width: 100%; margin-top: 30px;padding-bottom: 30px;}
.header-hero .hero-content h6{ font-size: 20px;padding-bottom: 0}
.header-hero .hero-content h1{font-size: 35px; line-height: 35px;padding-bottom: 0 }
.header-hero .hero-content p{font-size: 15px;}


.slider {position: relative;width: 100%;background-color: #ccc;margin-top: 5px; text-align: center;}
.slider .items {min-height: 380px;}
.slider .caption{height: 380px;padding: 0}
.slider .caption h6{font-size: 17px;padding-bottom: 5px;}
.slider .caption h1{font-size: 25px; color: #fff; line-height: 25px;padding-bottom: 5px;}
.slider .caption p{font-size: 15px; line-height: normal;}

.inner-page-hero .caption { height: auto;padding: 20px 0;}
.inner-page-hero .caption h1{color: #000; font-size: 22px; margin: 0; padding: 0; line-height: normal;}

.innerpage-hero{min-height: auto; text-align: center;}
.innerpage-hero .hero-content{height: auto;}
.innerpage-hero .hero-content span {padding: 40px 0}
.innerpage-hero .hero-content h6{font-size: 20px;}
.innerpage-hero .hero-content h1{font-size: 35px; line-height:35px;}
.innerpage-hero .hero-content p{font-size: 16px; font-weight: 600}




.services-item{padding:30px 0; position: relative;}
.services-item h2{font-size: 26px; }


.about-intro{padding-bottom: 20px;padding-top: 20px; }
.about-intro h6{font-size: 20px;}
.about-intro h1{font-size: 35px; line-height: 35px;}
.about-intro h4{font-size: 22px;}
.about-intro p{font-size: 15px;}
.achivemnetBoxes .item{ border: solid 1px #90e6dc;padding:5px;}
.achivemnetBoxes .item .item-inner{padding:10px;}
.achivemnetBoxes .item .year{ font-size: 11px;}
.achivemnetBoxes .item h4{font-size: 45px;}
.achivemnetBoxes .item p{line-height: normal; font-size: 14px;}


.team-hero{min-height: auto; background-position: left; background-color: #f9f9f9 !important; text-align: center; background-image: none !important;}
.team-hero .hero-content{height: auto;}
.team-hero .hero-content h1{font-size: 30px;line-height: normal; }
.team-hero .hero-content p{font-size: 16px; font-weight: 600}


.team-page-area{position: relative;padding: 00px 0 0 0}
.leadership-area{margin:20px 0;position: relative;}
.leadership-area .font-size-18px{font-size: 15px !important;}
.team-page-area h6{font-size: 20px;}
.team-page-area h1{font-size: 30px; line-height: 30px;}
.leader-highlighter{margin: 20px 0; }
.leader-highlighter .less_left{padding-left: 12px !important;}
.leader-highlighter .less_right{padding-right: 12px !important;}
.team-item{position: relative;}

.leader-highlighter .content_mdl { display: table; height: 100%; width: 100%; background-color: #0451ce; position: relative;}
.leader-highlighter .content_mdl span { padding: 60px 40px 40px 40px;}
.leader-highlighter .content_mdl h3{font-size:28px;}
.leader-highlighter .content_mdl .mt-50{margin: 0 !important}
.leader-highlighter h2{font-size: 35px; color: #fff; line-height: 35px}
.leader-highlighter p{color: #fff}
.leader-highlighter .arrow-right-dir{left: 50%; top: 100%; margin-left: -35px; margin-top: -56px;transform: rotate(90deg);}
.team-item h4{font-size: 18px; }
.our-people-area{position: relative;padding: 30px 0}



.our-celebration-area{position: relative;padding: 30px 0}
.our-celebration-area h6{font-size: 25px; }
.our-celebration-area h1{ font-size: 30px}


/* Our Services start*/


.services-hero{min-height: 300px;text-align: center;}
.services-hero .hero-content{display: table;height: 300px; }
.services-hero .hero-content span { padding: 10px 0}
.services-hero .hero-content h6{font-size: 20px;}
.services-hero .hero-content h1{ font-size: 30px; line-height:35px; }

.our-services{padding: 20px 0;}
.our-services h6{font-size: 20px;}
.our-services h1{ font-size: 30px; line-height: 35px;}
.our-services p{font-size: 15px;}
.our-services .services-tile{padding:30px; margin: 15px;}
.our-services .m-lr{margin-right: 15px; margin-left: 15px}
.our-services img{height: auto; width: auto !important;margin-bottom: 20px;}
.our-services h2{font-size: 18px; }

.services-intro{padding: 50px 0; position: relative;}
.services-intro h6{ font-size: 20px; }
.services-intro h1{font-size: 30px; line-height: normal;}

.services-item{padding:50px 0; position: relative;}
.services-item h2{font-size: 28px; }
.services-item h3{font-size: 20px; }
.services-item ul.content-list{font-size: 13px;}
.services-item .content_mdl span {padding: 0 0}


.our-services2{ padding-top: 100px;padding-bottom: 40px; }
.our-services2 h6{font-size: 20px;}
.our-services2 h2{font-size: 25px;line-height: 25px;}

.our-services2 .servisesrow{display: block; text-align: center; margin: auto;}
.our-services2 .grid-column { padding: 0px; flex-grow: auto;}
.our-services2 .item{padding: 0; text-align: center; width:100% ;height: 120px;display: block; margin-bottom: 30px;}
.our-services2 img{margin-bottom: 20px; margin-top: 20px;}
.our-services2 h3{font-size: 14px; color: #020b3b}
.our-services2 .push-top50{margin-top: 0;}
.our-services2 .push-top80{margin-top: 0;}
.our-services2 .servicesHide{display: none !important;}




.how-we-work{padding-top: 50px;padding-bottom: 50px; }
.how-we-work .pt-50{padding-top: 0 !important}
.how-we-work h6{font-size: 20px;}
.how-we-work h2{font-size: 28px;line-height: normal;}
.how-we-work .item{margin-bottom: 30px;  max-width: 100%;text-align: center;}
.how-we-work h3{font-size: 20px; font-weight: 900}
.how-we-work p{font-size: 14px;}




/* Testimonials start*/

.testimonials-1{padding-top: 40px;padding-bottom: 40px;}
.testimonials-1 h6{font-size: 20px;}
.testimonials-1 h2{font-size: 25px; }
.testimonials-1 .testimonials-wrapper{margin-top: 20px;}
.testimonials-1 .item{padding: 15px;}
.testimonials-1 .item-avtar{width: 120px; height: 110px;padding: 10px; float: none;margin: auto;}
.testimonials-1 .item-content{padding-left: 0;}
.testimonials-1 .item-content .inner{background-color: #fff;box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.1);padding: 20px;position: relative;z-index: 9; margin-left: 0; margin-top: 20px;padding-left: 40px;}
.testimonials-1 .name{padding-top: 10px;padding-left: 0;text-align: center;}
.testimonials-1 .owl-nav{display: none;}
.testimonials-1 .owl-dots{margin-top: 0px;}


.testimonials-2{padding-top: 50px;padding-bottom: 50px;}
.testimonials-2 h6{ font-size: 20px;}
.testimonials-2 h2{font-size: 27px;}
.testimonials-2 .item-avtar{width: 120px; height: 120px;}
.testimonials-2 p{ font-size: 17px;}
.testimonials-2 .name{font-size: 17px;}
.testimonials-2 .name i{display: block;font-style: normal; font-size: 13px; font-weight: normal; color: #525571;padding-top:5px;}
.testimonials-2 .owl-nav{display: none !important;}


.testimonials-3{padding-top:60px;padding-bottom: 60px;}
.testimonials-3 h6{ font-size: 20px;}
.testimonials-3 h2{font-size: 30px;}
.testimonials-3 .testimonials-wrapper{max-width: 1400px; margin: auto; text-align: left; margin-top: 20px;padding: 0 15px;}
.testimonials-3 .owl-nav{display: none !important;}



/* Technologies start*/

.technologies{padding: 50px 0;padding-left: 0; padding-right: 0}

/* Our Solution start*/

.our-solution{padding: 50px 0; }
.our-solution h6{font-size: 20px;}
.our-solution h1{font-size: 35px;line-height: 35px}
.our-solution .item{padding: 15px;}
.our-solution .solution-tile{padding:0; margin: 0px; background-color: #fff; border-radius:6px 6px 0 0;box-shadow: 10px 10px 30px -13px #d8ebf2; overflow: hidden;}
.our-solution .img-wrapper {width: 100%;height: 200px;overflow: hidden;}
.our-solution h2{font-size: 20px; color: #0c1f3f}
.our-solution .owl-nav{display: none;}


/* Our Clients start*/

.our-clients{padding: 50px 0; position: relative;}
.our-clients h3{font-size: 20px;}

.homeblog-area{padding:50px 0; }
.homeblog-area h6{font-size: 20px;}
.homeblog-area h1{ font-size: 30px; line-height: 35px;}
.homeblog-area .push-right{padding-right: 0;}
.homeblog-area .push-left{padding-left: 0;}
.homeblog-area h2{font-size: 25px; color: #0c1f3f}
.homeblog-area p{font-size: 14px; line-height: normal;}
.homeblog-area h3{font-size: 20px; color: #0c1f3f}

/* About Page start*/

.aboutpage-area{padding: 0 0;padding-top: 50px;}
.about-entry-content{position: relative;padding: 0 15px;}
.about-entry-content h6{font-size: 20px; }
.about-entry-content h1{font-size: 30px; line-height: 30px;}
.about-entry-content .push-right{padding-right: 0%;}
.about-entry-content .push-left{padding-left: 00%;}

.aboutpage-hero{min-height: 300px;}
.aboutpage-hero .hero-content{height: 300px;padding-left: 15px; padding-right: 15px;}
.aboutpage-hero .hero-content span {padding: 30px 0}
.aboutpage-hero .hero-content h6{ font-size: 20px;}
.aboutpage-hero .hero-content h1{font-size: 35px;line-height: 35px;padding-bottom: 5px;}
.aboutpage-hero .hero-content p{font-size: 17px;font-weight: 600}




.our-value-area{padding: 50px 0; }
.our-value-area h6{ font-size: 20px; }
.our-value-area h1{font-size: 35px; color: #0d1f3f; line-height: 35px;}
.our-value-area .owlBox-l{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #034ccf; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;   }
.our-value-area .owlBox-c{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #1fc2ae; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-r{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #009ad5; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-l .inner-padding, .our-value-area .owlBox-c .inner-padding, .our-value-area .owlBox-r .inner-padding{padding:40px;}


.core-value-area{padding: 50px 0; }
.core-value-area h6{font-size: 20px;}
.core-value-area h1{font-size: 35px; line-height: 35px;}
.core-value-area h3{font-size: 15px;}

.our-philosophy-area{padding: 50px 0;}
.our-philosophy-area h6{font-size: 20px; }
.our-philosophy-area h1{font-size: 35px; }

.career-highlighter{background-color: #0d1f3f !important;}
.career-highlighter .img-wrapper{display: none;}
.career-highlighter .content_mdl span { padding: 50px; color: #fff;max-width: 100%; margin: auto;}
.career-highlighter h1{font-size: 40px; color: #fff; line-height: 40px;}
.career-highlighter h2{font-size: 35px; color: #fff; line-height: 35px;}
.career-highlighter h3{color: #fff; font-size: 18px;padding: 10px 0}



.certification-area {position: relative;padding: 60px 0 100px 0}
.certification-area .pt-80{padding-top: 0px !important;}
.about-pushtop{padding: 60px 0}
.certification-area h6{font-family: 'Roboto', sans-serif; font-size: 20px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.certification-area h1{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}

/* Blog page start*/

.blogpage-hero {min-height: 300px; text-align: center;}
.blogpage-hero .hero-content{display: table;height: 300px; }
.blogpage-hero .hero-content span { padding: 30px 15px}
.blogpage-hero .hero-content h6{font-size: 20px; }
.blogpage-hero .hero-content h1{ font-size: 35px; line-height: 40px;}
.blogpage-hero .hero-content p{font-size: 17px;}


.blog-area{position: relative;}
.blog-list-wrapp h2{font-size: 28px;letter-spacing: -1px; font-weight: 900}
.blog-list-wrapp h3{font-size: 25px;letter-spacing: -0.5px; font-weight: 900}


.contactpage-hero {min-height: 200px; text-align: center;}
.contactpage-hero .hero-content{min-height: 200px}
.contactpage-hero .hero-content span {padding: 20px 15px}
.contactpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 20px;}
.contactpage-hero .hero-content h1{font-size: 35px;line-height: 35px;}
.contactpage-hero .hero-content p{font-size: 16px; color: #fff; font-weight: 700}


.contact-page-area{padding: 40px 0;}
.contact-page-area h6{font-size: 20px; }
.contact-page-area h1{font-size: 30px; }
.contact-page-area h2{font-size: 30px;letter-spacing: -1px; font-weight: 900}
.contact-page-area form{margin: 0;padding: 0;}
.contact-page-area .form-control{height: 50px;}
.contact-page-area .textarea{height: 120px; resize: none;}
.contact-page-area .pt-80{padding-top: 20px !important;}
.contact-page-area .pb-80{padding-bottom: 20px !important;}
.contact-details h4{font-size: 17px;}
.our-location h4{ font-size: 19px;padding-top: 8px;}
.our-location h4 img{width: 35px;}
.our-location h4 span{padding-left: 45px;}
.our-location .vert-bar:before{content: ""; height: 1px;left: 0;width: 100%; top: 0; right: 0;background:currentColor; background-image: -moz-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);
  background-image: -webkit-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);}
.our-location .push-left{margin-left: 0px;}



.portfolio-page{padding: 40px 0;}
.portfolio-page h1{font-size: 35px;}
.portfolio-menu ul li {list-style: none;padding: 10px 20px;font-size:14px !important;}


.portfoliodetail-hero{ background-image: none; text-align: center;}
.portfoliodetail-hero h1{font-size:35px; line-height: 35px;padding-bottom: 0}
.portfoliodetail-hero p{font-size: 15px;padding-bottom: 0; margin: 5px}
.portfoliodetail-hero p strong{font-size: 18px;}


.scrolling-menu{ background-color: #001c88; }
.scrolling-menu ul{margin: 0;padding: 0; text-align: center;}
.scrolling-menu ul li{ margin: 0 0}
.scrolling-menu ul li a{padding: 10px 8px; font-size: 13px;}

.b2b-area{padding: 50px 0 20px 0;}
.b2b-area h6{font-size: 20px; }
.b2b-area h1{ font-size: 30px;line-height: 35px;}
.b2b-area .item {padding:20px 20px;}
.b2b-area .item .icon{float: left;width: 53px;}
.b2b-area .item .content{padding-left: 65px;padding-top: 2px;}
.b2b-area .item h3{font-size: 16px;font-family: 'Roboto', sans-serif;margin-bottom: 0}
.b2b-area .item p{font-size: 14px; font-weight: 500; color: #727b85; margin-bottom: 0}

.business-problem-area{position: relative;padding-bottom: 30px;}
.business-problem-area h6{font-size: 20px; }
.business-problem-area h1{ font-size: 30px;line-height: 35px;}

.project-challange-area{ padding: 60px 0; }
.project-challange-area .gx-5{margin: 0 !important}
.project-challange-area h1{ font-size: 30px; line-height: 35px;}
.project-challange-area h3{padding-top: 5px;font-size: 17px; }
.project-challange-area p{font-size: 14px;}
.project-challange-area .pt-100{padding-top: 30px !important;}


.approach-area{padding: 55px 0 0 0;}
.approach-area h1{ font-size: 30px;line-height: 35px;}
.approach-area .pt-90{padding-top: 20px !important}
.approach-area .dotted-bar{border-left:0}
.approach-area .top-dot{display: none;}
.approach-area .item {border-radius: 10px;box-shadow: 0px 4px 15px 3px #e2eef2;max-width: 100%; background-color: #fff; padding:30px 20px; position: relative;z-index: 9}
.approach-area h2{font-size: 20px;}
.approach-area p{font-size: 15px;margin: 0}
.approach-area .value{width: 55px; height: 55px;top: -25px; position: relative;}
.approach-area .value.left{left: 0; margin-left: 0;}
.approach-area .value.right{right: 0; margin-right: 0;}
.approach-area hr.left{display: none;}
.approach-area hr.right{display: none;}
.approach-area .dot-right{display: none;}
.approach-area .dot-left{ display: none;}
.approach-area .less_left{padding-left: 15px !important}
.approach-area .less_right{padding-right: 15px !important}


.key-features-area{padding: 55px 0;}
.key-features-area h1{font-size: 30px; line-height: 35px;letter-spacing: -0.5px}
.key-features-area .item .icon{ float: left; width: 36px;}
.key-features-area .prj-conetnt{padding-left: 45px;}
.key-features-area h3{padding-top: 5px;font-size: 20px;letter-spacing: -0.5px }
.key-features-area p{font-size: 15px;}


.case-studies{padding: 50px 0;}
.case-studies h6{font-size: 20px;}
.case-studies h1{font-size: 35px;}
.case-studies .owl-nav{display: none !important;}

.case-studies2{padding: 30px 0}
.case-studies2 h1{font-size: 30px; font-weight: 900}
.case-studies2 h2{font-size: 22px; font-weight: 600}




/* CTA 1 start*/

.cta-area{min-height: auto;}
.cta-area .content-mdl {height: auto;}
.cta-area .content-mdl span { display: table-cell; vertical-align: middle; padding: 40px 0}
.cta-area h1{ font-size: 35px; color: #fff; font-weight: 900;padding-bottom: 20px; }
.cta-area p{font-size: 15px; color: #fff}



.portfolio-area{padding: 50px 0 0 0; }
.portfolio-area h6{font-size: 20px; }
.portfolio-area h2{font-size: 30px;}




/* Footer start*/

.footer{padding: 35px 0;}
.footer .logo-col{width: 200px; float: none;margin-bottom: 20px;}
.footer .location-col{width: 100%; float: none}
.footer .email-col{width: 100%; float: none}
.footer .call-col{width: 100%; float: none}
.footer .queries-col{width: 100%; float: none}
.footer .inner-spacer{padding-left:15px; padding-top: 20px; position: relative;padding-bottom: 20px;}
.footer .inner-spacer:before{content: ""; height: 2px;background: rgb(1,67,209);
background: linear-gradient(180deg, rgba(1,67,209,1) 0%, rgba(29,171,159,1) 61%);position: absolute; width: 100%; left: 0; top: 0; right: 0}

.footer hr{background-color: rgba(255,255,255,0.5); height: 1px; border:0; margin:20px 0; padding: 0}



}


@media (min-width: 576px) and (max-width: 767px) {
.topbar{margin-top: 6px;}
.navbar-collapse{background-color: #f1f1f1;padding: 0; margin-top: 0;}
.navbar-nav{margin-left: 0; font-weight: 500}
.navbar-nav li.nav-item{padding-right: 0px;font-size: 15px;}
.navbar-nav .nav-item a.nav-link{padding:10px 25px; color: #000}
.navbar-toggler{border:0; background:currentColor; background-image: -moz-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);
  background-image: -webkit-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%); color: #fff; border-radius: 3px;}

.header-hero{ min-height: auto; text-align: center;}
.header-hero .hero-content{ max-width: 100%; margin-top: 50px;padding-bottom: 30px;}
.header-hero .hero-content h6{ font-size: 20px;padding-bottom: 0}
.header-hero .hero-content h1{font-size: 30px; line-height: normal;padding-bottom: 0 }
.header-hero .hero-content p{font-size: 15px;}


.slider {position: relative;width: 100%;background-color: #ccc;margin-top: 5px; text-align: center;}
.slider .items {min-height: 430px;}
.slider .caption{height: 430px;padding: 0}
.slider .caption h6{font-size: 20px;padding-bottom: 5px;}
.slider .caption h1{font-size: 30px; color: #fff; line-height: normal;padding-bottom: 5px;}
.slider .caption p{font-size: 15px;}




.innerpage-hero{min-height: auto; text-align: center;}
.innerpage-hero .hero-content{height: auto;}
.innerpage-hero .hero-content span {padding: 40px 0}
.innerpage-hero .hero-content h6{font-size: 20px;}
.innerpage-hero .hero-content h1{font-size: 35px; line-height:35px;}
.innerpage-hero .hero-content p{font-size: 16px; font-weight: 600}

.team-hero{min-height: auto; background-position: left; background-color: #f9f9f9 !important; text-align: center; background-image: none !important;padding: 20px 0}
.team-hero .hero-content{height: auto;}
.team-hero .hero-content h1{font-size: 30px;line-height: normal; }
.team-hero .hero-content p{font-size: 16px; font-weight: 600}


.services-item{padding:30px 0; position: relative;}
.services-item h2{font-size: 26px; }
.services-item h3{font-size: 20px; }

/* Our Services start*/

.services-intro{padding: 50px 0; position: relative;}
.services-intro h6{ font-size: 20px; }
.services-intro h1{font-size: 30px; line-height: normal;}
.services-item{padding:30px 0; position: relative;}
.services-item h2{font-size: 20px; }

.our-services{padding: 20px 0;}
.our-services h6{font-size: 20px;}
.our-services h1{ font-size: 35px; line-height: 35px;}
.our-services p{font-size: 15px;}
.our-services .services-tile{padding:30px; margin: 15px;}
.our-services .m-lr{margin-right: 15px; margin-left: 15px}
.our-services img{height: auto; width: auto !important;margin-bottom: 20px;}
.our-services h2{font-size: 18px; }

.our-services2 .servisesrow{display: block; text-align: center; margin: auto; }
.our-services2 .grid-column { padding: 0px; flex-grow: auto;}
.our-services2 .item{padding: 0; text-align: center; width:100% ;height: 120px;display: block; margin-bottom: 30px;}
.our-services2 img{margin-bottom: 20px; margin-top: 20px;}
.our-services2 h3{font-size: 14px; color: #020b3b}
.our-services2 .push-top50{margin-top: 0;}
.our-services2 .push-top80{margin-top: 0;}
.our-services2 .servicesHide{display: none !important;}


.how-we-work{padding-top: 50px;padding-bottom: 50px; }
.how-we-work .pt-50{padding-top: 0 !important}
.how-we-work h6{font-size: 20px;}
.how-we-work h2{font-size: 28px;line-height: normal;}
.how-we-work .item{margin-bottom: 30px;  max-width: 100%;text-align: center;}
.how-we-work h3{font-size: 20px; font-weight: 900}
.how-we-work p{font-size: 14px;}


.about-intro{padding-bottom: 20px;padding-top: 20px; }
.about-intro h6{font-size: 20px;}
.about-intro h1{font-size: 35px; line-height: 35px;}
.about-intro h4{font-size: 22px;}
.about-intro p{font-size: 15px;}


.achivemnetBoxes .item h4{font-size: 55px; font-weight: 800; color: #009ad5; }


/* Testimonials start*/

.testimonials-1{padding-top: 40px;padding-bottom: 40px;}
.testimonials-1 h6{font-size: 20px;}
.testimonials-1 h2{font-size: 25px; }
.testimonials-1 .testimonials-wrapper{margin-top: 20px;}
.testimonials-1 .item{padding: 15px;}
.testimonials-1 .item-avtar{width: 105px; height: 105px; background-color: #fff; padding: 10px; float: none;margin: auto;}
.testimonials-1 .item-content{padding-left: 0;}
.testimonials-1 .item-content .inner{background-color: #fff;box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.1);padding: 20px;position: relative;z-index: 9; margin-left: 0; margin-top: 20px;padding-left: 40px;}
.testimonials-1 .name{font-family: 'Roboto', sans-serif; font-size: 18px;padding-top: 20px;display: block;padding-left: 0;text-align: center;}
.testimonials-1 .name i{display: block;font-style: normal; font-size: 13px; font-weight: normal;}
.testimonials-1 .owl-nav{display: none;}
.testimonials-1 .owl-dots{margin-top: 0px;}

.testimonials-2{padding-top: 50px;padding-bottom: 50px;}
.testimonials-2 h6{ font-size: 20px;}
.testimonials-2 h2{font-size: 27px;}
.testimonials-2 .item-avtar{width: 150px; height: 145px;}
.testimonials-2 p{ font-size: 17px;}
.testimonials-2 .name{font-size: 17px;}
.testimonials-2 .name i{display: block;font-style: normal; font-size: 13px; font-weight: normal; color: #525571;padding-top:5px;}
.testimonials-2 .owl-nav{display: none !important;}

.testimonials-3{padding-top:60px;padding-bottom: 60px;}
.testimonials-3 h6{ font-size: 20px;}
.testimonials-3 .testimonials-wrapper{max-width: 1400px; margin: auto; text-align: left; margin-top: 20px;}


/* Our Solution start*/

.our-solution{padding: 50px 0; }
.our-solution h6{font-size: 20px;}
.our-solution h1{font-size: 35px;line-height: 35px}
.our-solution .item{padding: 15px;}
.our-solution .solution-tile{padding:0; margin: 0px; background-color: #fff; border-radius:6px 6px 0 0;box-shadow: 10px 10px 30px -13px #d8ebf2; overflow: hidden;}
.our-solution .img-wrapper {width: 100%;height: 200px;overflow: hidden;}
.our-solution h2{font-size: 20px; color: #0c1f3f}
.our-solution .owl-nav{display: none;}


/* Our Clients start*/

.our-clients{padding: 50px 0; position: relative;}
.our-clients h3{font-size: 20px;}

.homeblog-area{padding:50px 0; }
.homeblog-area h6{font-size: 20px;}
.homeblog-area h1{ font-size: 35px; line-height: 35px;}
.homeblog-area .push-right{padding-right: 0;}
.homeblog-area .push-left{padding-left: 0;}
.homeblog-area h2{font-size: 25px; color: #0c1f3f}
.homeblog-area p{font-size: 14px; line-height: normal;}
.homeblog-area h3{font-size: 20px; color: #0c1f3f}


.services-hero{min-height: 300px;text-align: center;}
.services-hero .hero-content{display: table;height: 300px; }
.services-hero .hero-content span { padding: 10px 0}
.services-hero .hero-content h6{font-size: 20px;}
.services-hero .hero-content h1{ font-size: 35px; line-height:35px; }

/* About Page start*/
.aboutpage-area{padding: 0 0;padding-top: 50px;}
.about-entry-content{position: relative;padding: 0 15px;}
.about-entry-content h6{font-size: 20px; }
.about-entry-content h1{font-size: 30px; line-height: 30px;}
.about-entry-content .push-right{padding-right: 0%;}
.about-entry-content .push-left{padding-left: 00%;}

.aboutpage-hero{min-height: 300px;}
.aboutpage-hero .hero-content{height: 300px;padding-left: 15px; padding-right: 15px;}
.aboutpage-hero .hero-content span {padding: 30px 0}
.aboutpage-hero .hero-content h6{ font-size: 20px;}
.aboutpage-hero .hero-content h1{font-size: 35px;line-height: 35px;padding-bottom: 5px;}
.aboutpage-hero .hero-content p{font-size: 17px;font-weight: 600}

.our-value-area{padding: 50px 0; }
.our-value-area h6{ font-size: 20px; }
.our-value-area h1{font-size: 35px; color: #0d1f3f; line-height: 35px;}
.our-value-area .owlBox-l{width: 400px; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #034ccf; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;   }
.our-value-area .owlBox-c{width: 400px; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #1fc2ae; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-r{width: 400px; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #009ad5; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-l .inner-padding, .our-value-area .owlBox-c .inner-padding, .our-value-area .owlBox-r .inner-padding{padding:40px;}

.core-value-area{padding:70px 0; }
.core-value-area h6{font-size: 20px;}
.core-value-area h1{font-size: 35px; line-height: 35px;}

.our-philosophy-area{padding: 50px 0;}
.our-philosophy-area h6{font-size: 20px; }
.our-philosophy-area h1{font-size: 35px; }

.career-highlighter{background-color: #0d1f3f !important}
.career-highlighter .img-wrapper{display: none;}
.career-highlighter .content_mdl span { padding: 50px 20px 50px 20px; color: #fff;max-width: 75%; margin: auto;}
.career-highlighter h1{font-size: 45px; color: #fff; ;line-height: 45px;}
.career-highlighter h2{font-size: 35px; color: #fff; ;line-height: 35px;}
.career-highlighter h3{color: #fff; font-size: 18px;padding: 10px 0}


.blogpage-hero {min-height: 300px; text-align: center;}
.blogpage-hero .hero-content{display: table;height: 300px; }
.blogpage-hero .hero-content span { padding: 30px 15px}
.blogpage-hero .hero-content h6{font-size: 20px; }
.blogpage-hero .hero-content h1{ font-size: 35px; line-height: 40px;}
.blogpage-hero .hero-content p{font-size: 17px;}

.blog-area{position: relative;}
.blog-list-wrapp h2{font-size: 28px;letter-spacing: -1px; font-weight: 900}
.blog-list-wrapp h3{font-size: 25px;letter-spacing: -0.5px; font-weight: 900}


.contactpage-hero {min-height: 200px; text-align: center;}
.contactpage-hero .hero-content{min-height: 200px}
.contactpage-hero .hero-content span {padding: 20px 15px}
.contactpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 20px;}
.contactpage-hero .hero-content h1{font-size: 35px;line-height: 35px;}
.contactpage-hero .hero-content p{font-size: 16px; color: #fff; font-weight: 700}


.contact-page-area{padding: 40px 0;}
.contact-page-area h6{font-size: 20px; }
.contact-page-area h1{font-size: 30px; }
.contact-page-area h2{font-size: 30px;letter-spacing: -1px; font-weight: 900}
.contact-page-area form{margin: 0;padding: 0;}
.contact-page-area .form-control{height: 50px;}
.contact-page-area .textarea{height: 150px; resize: none;}
.contact-page-area .pt-80{padding-top: 20px !important;}
.contact-page-area .pb-80{padding-bottom: 20px !important;}
.contact-details h4{font-size: 17px;}
.our-location h4{ font-size: 19px;padding-top: 8px;}
.our-location h4 img{width: 35px;}
.our-location h4 span{padding-left: 45px;}
.our-location .vert-bar:before{content: ""; height: 1px;left: 0;width: 100%; top: 0; right: 0;background:currentColor; background-image: -moz-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);
  background-image: -webkit-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);}
.our-location .push-left{margin-left: 0px;}



.certification-area {position: relative;padding: 60px 0 100px 0}
.certification-area .pt-80{padding-top: 0px !important;}
.about-pushtop{padding: 60px 0}
.certification-area h6{font-family: 'Roboto', sans-serif; font-size: 20px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.certification-area h1{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}



.portfolio-page{padding: 40px 0;}
.portfolio-page h1{font-size: 35px;}


.portfoliodetail-hero{ background-image: none; text-align: center;}
.portfoliodetail-hero h1{font-size:35px; line-height: 35px;padding-bottom: 0}
.portfoliodetail-hero p{font-size: 15px;padding-bottom: 0; margin: 5px}
.portfoliodetail-hero p strong{font-size: 18px;}

.scrolling-menu{ background-color: #001c88; }
.scrolling-menu ul{margin: 0;padding: 0; text-align: center;}
.scrolling-menu ul li{ margin: 0 0}
.scrolling-menu ul li a{padding: 10px 8px; font-size: 14px;}

.b2b-area{padding: 50px 0 20px 0;position: relative;}
.b2b-area h6{font-size: 20px; }
.b2b-area h1{ font-size: 35px;line-height: 35px;}
.b2b-area .item {padding:20px 20px;}
.b2b-area .item .icon{float: left;width: 53px;}
.b2b-area .item .content{padding-left: 65px;padding-top: 6px;}
.b2b-area .item h3{font-size: 16px;}
.b2b-area .item p{font-size: 14px;}

.business-problem-area{position: relative;padding-bottom: 30px;}
.business-problem-area h6{font-size: 20px; }
.business-problem-area h1{ font-size: 35px;line-height: 35px;}

.project-challange-area{ padding: 60px 0; }
.project-challange-area h1{ font-size: 35px; line-height: 35px;}
.project-challange-area h3{padding-top: 5px;font-size: 17px; }
.project-challange-area p{font-size: 14px;}
.project-challange-area .pt-100{padding-top: 30px !important;}

.approach-area{padding: 55px 0 0 0;}
.approach-area h1{ font-size: 35px;line-height: 35px;}
.approach-area .pt-90{padding-top: 20px !important}
.approach-area .dotted-bar{border-left:0}
.approach-area .top-dot{display: none;}
.approach-area .item {border-radius: 10px;box-shadow: 0px 4px 15px 3px #e2eef2;max-width: 100%; background-color: #fff; padding:30px 20px; position: relative;z-index: 9}
.approach-area h2{font-size: 20px;}
.approach-area p{font-size: 15px;margin: 0}
.approach-area .value{width: 55px; height: 55px;top: -25px; position: relative;}
.approach-area .value.left{left: 0; margin-left: 0;}
.approach-area .value.right{right: 0; margin-right: 0;}
.approach-area hr.left{display: none;}
.approach-area hr.right{display: none;}
.approach-area .dot-right{display: none;}
.approach-area .dot-left{ display: none;}
.approach-area .less_left{padding-left: 15px !important}
.approach-area .less_right{padding-right: 15px !important}


.key-features-area{padding: 55px 0;}
.key-features-area h1{font-size: 35px; line-height: 35px;letter-spacing: -0.5px}
.key-features-area .item .icon{ float: left; width: 36px;}
.key-features-area .prj-conetnt{padding-left: 45px;}
.key-features-area h3{padding-top: 5px;font-size: 20px;letter-spacing: -0.5px }
.key-features-area p{font-size: 15px;}


.case-studies2{padding: 20px 0}
.case-studies2 h1{font-size: 30px; font-weight: 900}
.case-studies2 h2{font-size: 22px; font-weight: 600}



/* CTA 1 start*/

.cta-area{min-height: auto;}
.cta-area .content-mdl {height: auto;}
.cta-area .content-mdl span { display: table-cell; vertical-align: middle; padding: 40px 0}
.cta-area h1{ font-size: 35px; color: #fff; font-weight: 900;padding-bottom: 20px; }
.cta-area p{font-size: 15px; color: #fff}


.team-page-area{position: relative;padding: 00px 0 0 0}
.leadership-area{margin:20px 0;position: relative;}
.leadership-area .font-size-18px{font-size: 15px !important;}
.team-page-area h6{font-size: 20px;}
.team-page-area h1{font-size: 30px; line-height: 30px;}
.leader-highlighter{margin: 20px 0;}
.leader-highlighter .less_left{padding-left: 12px !important;}
.leader-highlighter .less_right{padding-right: 12px !important;}
.team-item{position: relative;}

.leader-highlighter .content_mdl { display: table; height: 100%; width: 100%; background-color: #0451ce; position: relative;}
.leader-highlighter .content_mdl span { padding: 60px 40px 40px 40px;}
.leader-highlighter .content_mdl h3{font-size:28px;}
.leader-highlighter .content_mdl .mt-50{margin: 0 !important}
.leader-highlighter h2{font-size: 35px; color: #fff; line-height: 35px}
.leader-highlighter p{color: #fff}
.leader-highlighter .arrow-right-dir{left: 50%; top: 100%; margin-left: -35px; margin-top: -56px;transform: rotate(90deg);}


/* Footer start*/

.footer{padding: 35px 0;}
.footer .logo-col{width: 200px; float: none;margin-bottom: 20px;}
.footer .location-col{width: 100%; float: none}
.footer .email-col{width: 100%; float: none}
.footer .call-col{width: 100%; float: none}
.footer .queries-col{width: 100%; float: none}
.footer .inner-spacer{padding-left:15px; padding-top: 20px; position: relative;padding-bottom: 20px;}
.footer .inner-spacer:before{content: ""; height: 2px;background: rgb(1,67,209);
background: linear-gradient(180deg, rgba(1,67,209,1) 0%, rgba(29,171,159,1) 61%);position: absolute; width: 100%; left: 0; top: 0; right: 0}

.footer hr{background-color: rgba(255,255,255,0.5); height: 1px; border:0; margin:20px 0; padding: 0}



 }





@media (min-width: 768px) and (max-width: 991px) { 



.topbar{margin-top: 15px;}

.navbar-brand img{max-width: 220px;}
.navbar-collapse{background-color: #f1f1f1;padding: 0; margin-top: 0;}
.navbar-nav{margin-left: 0; font-weight: 500}
.navbar-nav li.nav-item{padding-right: 0px;font-size: 15px;}
.navbar-nav .nav-item a.nav-link{padding:10px 25px; color: #000}
.navbar-toggler{border:0; background:currentColor; background-image: -moz-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);
  background-image: -webkit-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%); color: #fff; border-radius: 3px;}


.header-hero{ min-height: auto; text-align: center;}
.header-hero .hero-content{ max-width: 100%; margin-top: 50px;padding-bottom: 30px;}
.header-hero .hero-content h6{ font-size: 20px;padding-bottom: 0}
.header-hero .hero-content h1{font-size: 35px; line-height: normal;padding-bottom: 0 }


.header-hero .globeimg{position: absolute;right: 0;max-width: 600px}
.home-testimonials .owl-nav{display: none !important; }



.innerpage-hero{min-height: auto; text-align: center;}
.innerpage-hero .hero-content{height: auto;}
.innerpage-hero .hero-content span {padding: 60px 0}
.innerpage-hero .hero-content h6{font-size: 22px;}
.innerpage-hero .hero-content h1{font-size: 38px; line-height:35px;}
.innerpage-hero .hero-content p{font-size: 16px; font-weight: 600}


.team-hero{min-height: auto; background-position: center; padding: 20px 0}
.team-hero .hero-content{height: auto;}
.team-hero .hero-content h1{font-size: 30px;line-height: normal; }
.team-hero .hero-content p{font-size: 16px; font-weight: 600}


.about-intro{padding-bottom: 50px;padding-top: 50px; }
.about-intro h6{font-size: 23px;}
.about-intro h1{font-size: 40px; line-height: 35px;}
.about-intro h4{font-size: 24px;}
.about-intro p{font-size: 15px;}


/* Our Services start*/

.services-intro{padding: 80px 0; position: relative;}
.services-intro h6{ font-size: 23px; }
.services-intro h1{font-size: 30px; line-height: normal;}

.services-item{padding:50px 0; position: relative;}
.services-item h2{font-size: 30px; }
.services-item h3{font-size: 20px; }



.services-hero{min-height: 300px;text-align: center;}
.services-hero .hero-content{display: table;height: 300px; }
.services-hero .hero-content span { padding: 10px 0}
.services-hero .hero-content h6{font-size: 20px;}
.services-hero .hero-content h1{ font-size: 35px; line-height:35px; }


.our-services{padding: 20px 0;}
.our-services h6{font-size: 23px;}
.our-services h1{ font-size: 35px; line-height: 35px;}
.our-services p{font-size: 15px;}
.our-services .services-tile{padding:30px; margin: 15px;}
.our-services .m-lr{margin-right: 15px; margin-left: 15px}
.our-services img{height: auto; width: auto !important;margin-bottom: 20px;}
.our-services h2{font-size: 18px; }

.our-services2 {padding-bottom: 50px; padding-top: 100px;}
.our-services2 .servisesrow{display: block; text-align: center; margin: auto;}
.our-services2 .grid-column { padding: 0px; flex-grow: auto;}
.our-services2 .item{padding: 0; text-align: center; width:100% ;height: 120px;display: block; margin-bottom: 30px;}
.our-services2 img{margin-bottom: 20px; margin-top: 20px;}
.our-services2 h3{font-size: 13px; color: #020b3b}
.our-services2 .push-top50{margin-top: 0;}
.our-services2 .push-top80{margin-top: 0;}
.achivemnetBoxes .item h4{font-size: 55px; font-weight: 800; color: #009ad5; }


/* Testimonials start*/

.testimonials-1{padding-top: 40px;padding-bottom: 40px;}
.testimonials-1 h6{font-size: 23px;}
.testimonials-1 h2{font-size: 30px; }
.testimonials-1 .testimonials-wrapper{margin-top: 0px;padding-left: 50px;padding-right: 50px;}
.testimonials-1 .owl-nav{display: none;}
.testimonials-1 .owl-dots{margin-top: 0px;}



.testimonials-2{padding-top: 50px;padding-bottom: 50px;}
.testimonials-2 h6{ font-size: 22px;}
.testimonials-2 h2{font-size: 30px;}
.testimonials-2 .item-avtar{width: 150px; height: 150px;}
.testimonials-2 p{ font-size: 18px;}
.testimonials-2 .name{font-size: 17px;}
.testimonials-2 .name i{display: block;font-style: normal; font-size: 13px; font-weight: normal; color: #525571;padding-top:5px;}

.testimonials-3{padding-top:60px;padding-bottom: 60px;}
.testimonials-3 h6{ font-size: 20px;}
.testimonials-3 .testimonials-wrapper{max-width: 1400px; margin: auto; text-align: left; margin-top: 20px;}


/* Our Solution start*/

.our-solution{padding: 50px 0; }
.our-solution h6{font-size: 20px;}
.our-solution h1{font-size: 35px;line-height: 35px}
.our-solution .item{padding: 10px;}
.our-solution .solution-tile{padding:0; margin: 0px; background-color: #fff; border-radius:6px 6px 0 0;box-shadow: 10px 10px 30px -13px #d8ebf2; overflow: hidden;}
.our-solution .img-wrapper {width: 100%;height: 150px;overflow: hidden;}
.our-solution h2{font-size: 16px; color: #0c1f3f}
.our-solution .owl-nav{display: none;}


.homeblog-area{padding:50px 0; }
.homeblog-area h6{font-size: 20px;}
.homeblog-area h1{ font-size: 35px; line-height: 35px;}
.homeblog-area .push-right{padding-right: 0;}
.homeblog-area h2{font-size: 25px; color: #0c1f3f}
.homeblog-area p{font-size: 14px; line-height: normal;}
.homeblog-area h3{font-size: 20px; color: #0c1f3f}


/* About Page start*/

.aboutpage-area{padding: 0 0;padding-top: 50px;}
.about-entry-content{position: relative;padding: 0 15px;}
.about-entry-content h6{font-size: 20px; }
.about-entry-content h1{font-size: 30px; line-height: 30px;}
.about-entry-content .push-right{padding-right: 0%;}
.about-entry-content .push-left{padding-left: 00%;}

.aboutpage-hero{min-height: 300px;}
.aboutpage-hero .hero-content{height: 300px;padding-left: 15px; padding-right: 15px;}
.aboutpage-hero .hero-content span {padding: 30px 0}
.aboutpage-hero .hero-content h6{ font-size: 20px;}
.aboutpage-hero .hero-content h1{font-size: 35px;line-height: 35px;padding-bottom: 5px;}
.aboutpage-hero .hero-content p{font-size: 17px;font-weight: 600}



.certification-area {position: relative;padding: 60px 0 100px 0}
.certification-area .pt-80{padding-top: 20px !important;}
.about-pushtop{padding: 60px 0}
.certification-area h6{font-family: 'Roboto', sans-serif; font-size: 20px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.certification-area h1{font-weight: 900; font-size: 35px; color: #0d1f3f; line-height: 35px;padding-bottom: 5px;}


.our-value-area{padding: 50px 0; }
.our-value-area h6{ font-size: 20px; }
.our-value-area h1{font-size: 35px; color: #0d1f3f; line-height: 35px;}
.our-value-area .owlBox-l{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #034ccf; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;   }
.our-value-area .owlBox-c{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #1fc2ae; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-r{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #009ad5; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-l .inner-padding, .our-value-area .owlBox-c .inner-padding, .our-value-area .owlBox-r .inner-padding{padding:30px;}
.our-value-area h3{color: #fff; font-size: 24px; font-weight: 900;padding-bottom: 5px;}


.core-value-area{padding:70px 0; }
.core-value-area h6{font-size: 23px;}
.core-value-area h1{font-size: 35px; line-height: 35px;}


.our-philosophy-area{padding: 50px 0;}
.our-philosophy-area h6{font-size: 20px; }
.our-philosophy-area h1{font-size: 35px; }


.career-highlighter{background-color: #0d1f3f !important}
.career-highlighter .img-wrapper{display: none;}
.career-highlighter .content_mdl span { padding: 50px 20px 50px 20px; color: #fff;max-width: 75%; margin: auto;}
.career-highlighter h1{font-size: 45px; color: #fff; ;line-height: 45px;}
.career-highlighter h2{font-size: 35px; color: #fff; ;line-height: 35px;}
.career-highlighter h3{color: #fff; font-size: 18px;padding: 10px 0}



.blogpage-hero {min-height: 300px; text-align: center; background-position: top}
.blogpage-hero .hero-content{display: table;height: 300px; }
.blogpage-hero .hero-content span { padding: 30px 15px}
.blogpage-hero .hero-content h6{font-size: 20px; }
.blogpage-hero .hero-content h1{ font-size: 35px; line-height: 40px;}
.blogpage-hero .hero-content p{font-size: 17px;}


.blog-area{position: relative;}
.blog-list-wrapp h2{font-size: 28px;letter-spacing: -1px; font-weight: 900}
.blog-list-wrapp h3{font-size: 25px;letter-spacing: -0.5px; font-weight: 900}


.contactpage-hero {min-height: 300px; text-align: center;}
.contactpage-hero .hero-content{min-height: 300px}
.contactpage-hero .hero-content span {padding: 30px 15px}
.contactpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 20px;}
.contactpage-hero .hero-content h1{font-size: 37px;line-height: 35px;}
.contactpage-hero .hero-content p{font-size: 17px; color: #fff; font-weight: 700}



.contact-page-area{padding: 40px 0;}
.contact-page-area h6{font-size: 20px; }
.contact-page-area h1{font-size: 30px; }
.contact-page-area h2{font-size: 30px;letter-spacing: -1px; font-weight: 900}
.contact-page-area form{margin: 0;padding: 0;}
.contact-page-area .form-control{height: 50px;}
.contact-page-area .textarea{height: 150px; resize: none;}
.contact-page-area .pt-80{padding-top: 20px !important;}
.contact-page-area .pb-80{padding-bottom: 20px !important;}
.contact-details h4{font-size: 17px;}
.our-location h4{ font-size: 19px;padding-top: 8px;}
.our-location h4 img{width: 35px;}
.our-location h4 span{padding-left: 45px;}
.our-location .push-left{margin-left: 15px;}


.portfolio-page{padding: 40px 0;}
.portfolio-page h1{font-size: 40px;}

.portfoliodetail-hero{ background-image: none; text-align: center;}
.portfoliodetail-hero h1{font-size:40px; line-height: 40px;padding-bottom: 0}
.portfoliodetail-hero p{font-size: 15px;padding-bottom: 0; margin: 5px}
.portfoliodetail-hero p strong{font-size: 20px;}


.scrolling-menu{ background-color: #001c88; }
.scrolling-menu ul{margin: 0;padding: 0; text-align: center;}
.scrolling-menu ul li{ margin: 0 }
.scrolling-menu ul li a{padding: 10px 5px; font-size: 14px;}

.b2b-area{padding: 50px 0;position: relative;}
.b2b-area h6{font-size: 20px; }
.b2b-area h1{ font-size: 35px;line-height: 35px;}
.b2b-area .item {padding:20px 20px;}
.b2b-area .item .icon{float: left;width: 53px;}
.b2b-area .item .content{padding-left: 65px;padding-top: 6px;}
.b2b-area .item h3{font-size: 16px;}
.b2b-area .item p{font-size: 14px;}

.business-problem-area{position: relative;padding-bottom: 30px;}
.business-problem-area h6{font-size: 20px; }
.business-problem-area h1{ font-size: 35px;line-height: 35px;}

.project-challange-area{ padding: 60px 0; }
.project-challange-area h1{ font-size: 35px; line-height: 35px;}
.project-challange-area h3{padding-top: 5px;font-size: 17px; }
.project-challange-area p{font-size: 14px;}
.project-challange-area .pt-100{padding-top: 30px !important;}


.approach-area{padding: 55px 0 0 0;}
.approach-area h1{ font-size: 38px;line-height: 35px;}
.approach-area .pt-90{padding-top: 40px !important}
.approach-area .dotted-bar{border-left:0}
.approach-area .top-dot{display: none;}
.approach-area .item {border-radius: 10px;box-shadow: 0px 4px 15px 3px #e2eef2;max-width: 100%; background-color: #fff; padding:30px 20px; position: relative;z-index: 9}
.approach-area h2{font-size: 20px;}
.approach-area p{font-size: 15px;margin: 0}
.approach-area .value{width: 55px; height: 55px;top: -25px; position: relative;}
.approach-area .value.left{left: 0; margin-left: 0;}
.approach-area .value.right{right: 0; margin-right: 0;}
.approach-area hr.left{display: none;}
.approach-area hr.right{display: none;}
.approach-area .dot-right{display: none;}
.approach-area .dot-left{ display: none;}
.approach-area .less_left{padding-left: 15px !important}
.approach-area .less_right{padding-right: 15px !important}


.key-features-area{padding: 70px 0;}
.key-features-area h1{font-size: 38px; line-height: 38px;letter-spacing: -0.5px}
.key-features-area .item .icon{ float: left; width: 36px;}
.key-features-area .prj-conetnt{padding-left: 45px;}
.key-features-area h3{padding-top: 5px;font-size: 20px;letter-spacing: -0.5px }
.key-features-area p{font-size: 15px;}


.case-studies2{padding: 40px 0}
.case-studies2 h1{font-size: 30px; font-weight: 900}
.case-studies2 h2{font-size: 22px; font-weight: 600}



/* CTA 1 start*/

.cta-area{min-height: auto;}
.cta-area .content-mdl {height: auto;padding: 60px 0}
.cta-area .content-mdl span { display: table-cell; vertical-align: middle; padding: 0px 0}
.cta-area h1{ font-size: 35px; color: #fff; font-weight: 900;padding-bottom: 20px; }
.cta-area p{font-size: 15px; color: #fff}



.team-page-area{position: relative;padding: 00px 0 0 0}
.leadership-area{margin:20px 0;position: relative;}
.leadership-area .font-size-18px{font-size: 15px !important;}
.team-page-area h6{font-size: 20px;}
.team-page-area h1{font-size: 30px; line-height: 30px;}
.leader-highlighter{margin: 20px 0;}
.team-item{position: relative;}
.leader-highlighter .content_mdl { display: table; height: 100%; width: 100%; background-color: #0451ce; position: relative;}
.leader-highlighter .content_mdl span { padding: 30px 30px 30px 30px;}
.leader-highlighter .content_mdl h3{font-size:28px;}
.leader-highlighter .content_mdl .mt-50{margin: 0 !important}
.leader-highlighter h2{font-size: 25px; color: #fff; line-height: 35px}
.leader-highlighter p{color: #fff; font-size: 15px;}
.leader-highlighter .font-size-20px{font-size: 15px !important;}
.leader-highlighter .arrow-right-dir{position: absolute;height: 75px; width: 46px;left: 100%; top: 50%; margin-left: -23px; margin-top: -56px; background-color: #0451ce; z-index: 9; text-align: center; line-height: 75px;}
.leader-highlighter .arrow-right-dir img{width: 35px !important; height: 58px !important;}

.technologies .img-wrapper{max-width: 1200px; margin: auto;}


/* Footer start*/

.footer{padding: 35px 0;}
.footer .logo-col{width: 200px; float: none;margin-bottom: 20px;}
.footer .location-col{width: 25%; float: left; min-height: 150px;}
.footer .email-col{width: 30%; float: left; min-height: 150px;}
.footer .call-col{width: 20%; float: left; min-height: 150px;}
.footer .queries-col{width: 25%; float: left; min-height: 150px;}
.footer .inner-spacer{padding-left:25px; padding-top: 20px; position: relative;padding-bottom: 20px;}
.footer .inner-spacer:before{content: ""; height: 100%;background: rgb(1,67,209);
background: linear-gradient(180deg, rgba(1,67,209,1) 0%, rgba(29,171,159,1) 61%);position: absolute; width: 2px; left: 0; top: 0}

.footer hr{background-color: rgba(255,255,255,0.5); height: 1px; border:0; margin:20px 0; padding: 0}




}




@media (min-width:992px) and (max-width: 1440px) { 

.our-services2 .hideOnmobile{display: none !important;}



.testimonials-3{padding-top:60px;padding-bottom: 60px;}
.testimonials-3 h6{ font-size: 20px;}
.testimonials-3 h2{font-size: 30px;}
.testimonials-3 .testimonials-wrapper{max-width: 1400px; margin: auto; text-align: left; margin-top: 20px;}



.innerpage-hero{min-height: 400px;}
.innerpage-hero .hero-content{height: 400px;}
.innerpage-hero .hero-content span {padding: 60px 0}
.innerpage-hero .hero-content h6{font-size: 22px;}
.innerpage-hero .hero-content h1{font-size: 38px; line-height:35px;}
.innerpage-hero .hero-content p{font-size: 16px; font-weight: 600}



.aboutpage-area{padding: 0 0;padding-top: 50px;}
.about-entry-content{position: relative;padding: 0 15px;}
.about-entry-content h6{font-size: 20px; }
.about-entry-content h1{font-size: 30px; line-height: 30px;}
.about-entry-content .push-right{padding-right: 0%;}
.about-entry-content .push-left{padding-left: 0%;}

.aboutpage-hero{min-height: 400px;}
.aboutpage-hero .hero-content{height: 400px;padding-left: 15px; padding-right: 15px;}
.aboutpage-hero .hero-content span {padding: 30px 0}
.aboutpage-hero .hero-content h6{ font-size: 20px;}
.aboutpage-hero .hero-content h1{font-size: 35px;line-height: 35px;padding-bottom: 5px;}
.aboutpage-hero .hero-content p{font-size: 17px;font-weight: 600}


.team-hero{min-height: 400px; background-position: center; padding: 20px 0}
.team-hero .hero-content{height: 400px;}
.team-hero .hero-content h1{font-size: 38px;line-height: normal; }
.team-hero .hero-content p{font-size: 16px; font-weight: 600}

.services-hero{min-height: 400px;}
.services-hero .hero-content{display: table;height: 400px; }
.services-hero .hero-content span { padding: 10px 0}
.services-hero .hero-content h6{font-size: 20px;}
.services-hero .hero-content h1{ font-size: 35px; line-height:35px; }


.services-intro{padding: 80px 0; position: relative;}
.services-intro h6{ font-size: 23px; }
.services-intro h1{font-size: 35px; line-height: normal;}
.services-item{padding:50px 0; position: relative;}
.services-item h2{font-size: 30px; }
.services-item h3{font-size: 25px; }





.our-value-area{padding: 50px 0; }
.our-value-area h6{ font-size: 20px; }
.our-value-area h1{font-size: 35px; color: #0d1f3f; line-height: 35px;}
.our-value-area .owlBox-l{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #034ccf; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;   }
.our-value-area .owlBox-c{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #1fc2ae; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-r{width: 100%; margin: auto; height: auto;background-image: none;background-repeat: no-repeat; background-color: #009ad5; border-radius: 50px;box-shadow: 10px 10px 30px -13px #d8ebf2; margin-bottom: 30px;}
.our-value-area .owlBox-l .inner-padding, .our-value-area .owlBox-c .inner-padding, .our-value-area .owlBox-r .inner-padding{padding:30px;}
.our-value-area h3{color: #fff; font-size: 24px; font-weight: 900;padding-bottom: 5px;}


.core-value-area{padding:100px 0; }
.core-value-area h6{font-size: 25px;}
.core-value-area h1{font-size: 40px; line-height: 40px;}

.career-highlighter h1{font-size: 45px; color: #fff; ;line-height: 45px;}
.career-highlighter h2{font-size: 35px; color: #fff; ;line-height: 35px;}
.career-highlighter h3{color: #fff; font-size: 18px;padding: 10px 0}


.blog-area{position: relative;}
.blog-list-wrapp h2{font-size: 28px;letter-spacing: -1px; font-weight: 900}
.blog-list-wrapp h3{font-size: 25px;letter-spacing: -0.5px; font-weight: 900}


.contactpage-hero {min-height: 400px;}
.contactpage-hero .hero-content{min-height: 400px}
.contactpage-hero .hero-content span {padding: 30px 15px}
.contactpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 20px;}
.contactpage-hero .hero-content h1{font-size: 45px;line-height: 45px;}
.contactpage-hero .hero-content p{font-size: 18px; color: #fff; font-weight: 700}



.contact-page-area{padding: 40px 0;}
.contact-page-area h6{font-size: 20px; }
.contact-page-area h1{font-size: 30px; }
.contact-page-area h2{font-size: 30px;letter-spacing: -1px; font-weight: 900}
.contact-page-area form{margin: 0;padding: 0;}
.contact-page-area .form-control{height: 50px;}
.contact-page-area .textarea{height: 150px; resize: none;}
.contact-page-area .pt-80{padding-top: 20px !important;}
.contact-page-area .pb-80{padding-bottom: 20px !important;}
.contact-details h4{font-size: 17px;}
.our-location h4{ font-size: 19px;padding-top: 8px;}
.our-location h4 img{width: 35px;}
.our-location h4 span{padding-left: 45px;}
.our-location .push-left{margin-left: 15px;}

.certification-area {position: relative;padding: 60px 0 100px 0}
.certification-area .pt-80{padding-top: 20px !important;}
.about-pushtop{padding: 60px 0}
.certification-area h6{font-family: 'Roboto', sans-serif; font-size: 20px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.certification-area h1{font-weight: 900; font-size: 38px; color: #0d1f3f; line-height: 35px;padding-bottom: 5px;}


.portfoliodetail-hero{text-align: left; background-position: right}
.portfoliodetail-hero h1{font-size:45px; line-height: 40px;padding-bottom: 0}
.portfoliodetail-hero p{font-size: 15px;padding-bottom: 0; margin: 5px}
.portfoliodetail-hero p strong{font-size: 20px;}



.b2b-area{padding: 50px 0;position: relative;}
.b2b-area h6{font-size: 22px; }
.b2b-area h1{ font-size: 38px;line-height: 35px;}
.b2b-area .item {padding:20px 15px;}
.b2b-area .item .icon{float: left;width: 40px;}
.b2b-area .item .icon img{width: 100%;}
.b2b-area .item .content{padding-left: 50px;padding-top: 2px;}
.b2b-area .item h3{font-size: 16px;}
.b2b-area .item p{font-size: 13px;}



.business-problem-area{position: relative;padding-bottom: 30px;}
.business-problem-area h6{font-size: 23px; }
.business-problem-area h1{ font-size: 38px;line-height: 35px;}


.project-challange-area{ padding: 80px 0; }
.project-challange-area h1{ font-size: 38px; line-height: 35px;}
.project-challange-area h3{padding-top: 5px;font-size: 20px; }
.project-challange-area p{font-size: 14px;}
.project-challange-area .pt-100{padding-top: 60px !important;}


.approach-area{padding: 75px 0 75px 0;}
.approach-area h1{ font-size: 40px;line-height: 40px;}


.key-features-area{padding: 70px 0;}
.key-features-area h1{font-size: 38px; line-height: 38px;letter-spacing: -0.5px}
.key-features-area .item .icon{ float: left; width: 36px;}
.key-features-area .prj-conetnt{padding-left: 45px;}
.key-features-area h3{padding-top: 5px;font-size: 20px;letter-spacing: -0.5px }
.key-features-area p{font-size: 15px;}


.case-studies2{padding: 70px 0}
.case-studies2 h1{font-size: 35px; font-weight: 900}
.case-studies2 h2{font-size: 25px; font-weight: 600}


.testimonials-1 .testimonials-wrapper{margin-top: 0px;padding-left: 50px;padding-right: 50px;}
.testimonials-1 .owl-dots{margin-top: 0px;}


/* CTA 1 start*/

.cta-area{min-height: auto;}
.cta-area .content-mdl {height: auto;padding: 80px 0}
.cta-area .content-mdl span { display: table-cell; vertical-align: middle; padding: 0px 0}
.cta-area h1{ font-size: 40px; color: #fff; font-weight: 900;padding-bottom: 20px; }
.cta-area p{font-size: 15px; color: #fff}




.team-page-area{position: relative;padding: 00px 0 0 0}
.leadership-area{margin:20px 0;position: relative;}
.leadership-area .font-size-18px{font-size: 15px !important;}
.team-page-area h6{font-size: 20px;}
.team-page-area h1{font-size: 30px; line-height: 30px;}
.leader-highlighter{margin: 20px 0;}
.team-item{position: relative;}
.leader-highlighter .content_mdl { display: table; height: 100%; width: 100%; background-color: #0451ce; position: relative;}
.leader-highlighter .content_mdl span { padding: 30px 40px 30px 40px;}
.leader-highlighter .content_mdl h3{font-size:35px;}
.leader-highlighter .content_mdl .mt-50{margin: 0 !important}
.leader-highlighter h2{font-size: 45px; color: #fff; line-height: 45px; letter-spacing: normal;}
.leader-highlighter p{color: #fff; font-size: 15px;}
.leader-highlighter .font-size-20px{font-size: 18px !important;}
.leader-highlighter .arrow-right-dir{position: absolute;height: 75px; width: 46px;left: 100%; top: 50%; margin-left: -23px; margin-top: -56px; background-color: #0451ce; z-index: 9; text-align: center; line-height: 75px;}







/* Footer start*/

.footer{padding: 35px 0;}
.footer .logo-col{width: 200px; float: none;margin-bottom: 20px;}
.footer .location-col{width: 25%; float: left; min-height: 150px;}
.footer .email-col{width: 30%; float: left; min-height: 150px;}
.footer .call-col{width: 20%; float: left; min-height: 150px;}
.footer .queries-col{width: 25%; float: left; min-height: 150px;}
.footer .inner-spacer{padding-left:25px; padding-top: 20px; position: relative;padding-bottom: 20px;}
.footer .inner-spacer:before{content: ""; height: 100%;background: rgb(1,67,209);
background: linear-gradient(180deg, rgba(1,67,209,1) 0%, rgba(29,171,159,1) 61%);position: absolute; width: 2px; left: 0; top: 0}

.footer hr{background-color: rgba(255,255,255,0.5); height: 1px; border:0; margin:20px 0; padding: 0}





}




@media (min-width:1024px) and (max-width: 1440px) { 


.header-hero .globeimg{position: absolute;right: 0;max-width:70%}
/* Header hero start*/

.header-hero{position: relative; background-image: url(../img/header-bg.jpg); background-repeat: repeat-x;background-position:center top; min-height: 600px;}
.header-hero .hero-content{position: relative;z-index: 1; max-width: 540px; margin-top: 100px;}
.header-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 23px; color: #009ad5; line-height: normal;padding-bottom: 15px;}
.header-hero .hero-content h1{font-weight: 900; font-size: 40px; color: #0d1f3f; line-height: 40px;padding-bottom: 15px;}
.header-hero .hero-content p{font-size: 16px;}


.about-intro{padding-bottom: 80px;padding-top: 80px; }
.about-intro h6{font-size: 23px; }
.about-intro h1{ font-size: 40px;line-height: 40px;}
.about-intro h4{font-size: 25px; }
.about-intro p{font-size: 15px;}

.achivemnetBoxes .item .item-inner{padding:20px;}
.achivemnetBoxes .item .item-inner-service{padding: 30px}



/* Our Services start*/

.our-services{padding: 50px 0;}
.our-services h6{ font-size: 23px; }
.our-services h1{font-size: 40px;line-height: 40px;}
.our-services .services-tile{padding:20px; margin:10px; background-color: #fff; border-radius: 10px;box-shadow: 0px 10px 39px 3px #e2eef2; margin-bottom: 30px;}
.our-services h2{font-size: 20px; color: #0c1f3f}

/* Our Services2 start*/

.our-services2{ padding-top: 70px;padding-bottom: 70px; }
.our-services2 h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.our-services2 h2{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 30px;padding-bottom: 5px;}
.servicesHide2{display: block !important;}
.our-services2 .item{padding: 0; text-align: center; width:100% ;height: 120px;display: block; margin-bottom: 30px;}



/* Testimonials start*/

.testimonials-1{ padding-top: 50px;padding-bottom: 50px;padding-right:50px;padding-left:50px}
.testimonials-1 h6{font-size: 23px;}
.testimonials-1 h2{font-size: 25px;}
.testimonials-1 .testimonials-wrapper{margin-top: 30px;}
.testimonials-1 .item{padding: 20px;}
.testimonials-1 .item-avtar{width: 150px; height: 150px;}
.testimonials-1 .item-content{padding-left: 160px;}
.testimonials-1 .item-content .inner{margin-left: -20px; margin-top: 0;padding-left: 30px;}
.testimonials-1 .owl-prev{left:-50px; top: 30%}
.testimonials-1 .owl-next{right:-50px; top: 30%;}

/* Our Solution start*/

.our-solution{padding: 50px 0;}
.our-solution h6{ font-size: 23px; }
.our-solution h1{font-size: 40px; }
.our-solution .item{padding: 10px;}
.our-solution .img-wrapper {width: 100%;height: 160px;overflow: hidden;}
.our-solution .inner-img {transition: 0.3s; width: 100% !important;}
.our-solution .solution-tile:hover .inner-img { transform: scale(1.1);}
.our-solution .content-wrap{padding: 18px;}
.our-solution h2{font-size:17px; color: #0c1f3f}
.our-solution p{font-size: 14px;}



/* Our Clients start*/

.our-clients{padding: 75px 0;}
.our-clients h3{font-size: 25px; text-align: center; color: #050c4c; font-weight: 900}


.aboutpage-area{padding: 0 0;padding-top: 50px;}
.about-entry-content{position: relative;padding: 0 15px;}
.about-entry-content h6{font-size: 20px; }
.about-entry-content h1{font-size: 30px; line-height: 30px;}
.about-entry-content .push-right{padding-right: 0%;}
.about-entry-content .push-left{padding-left: 0%;}

.aboutpage-hero{min-height: 400px;}
.aboutpage-hero .hero-content{height: 400px;padding-left: 15px; padding-right: 15px;}
.aboutpage-hero .hero-content span {padding: 30px 0}
.aboutpage-hero .hero-content h6{ font-size: 20px;}
.aboutpage-hero .hero-content h1{font-size: 35px;line-height: 35px;padding-bottom: 5px;}
.aboutpage-hero .hero-content p{font-size: 17px;font-weight: 600}






}







@media (min-width: 1200px) and (max-width: 1440px) { 

.header-hero .globeimg{position: absolute;right: 0;max-width: 900px}



}


/******/


@media (min-width: 375px) and (max-width:1440px) { 

.hideondeskmobile{display: none !important;}


}


@media (min-width: 1441px) and (max-width: 2600px) { 

.hideondesktop{display: none !important;}

.testimonials-1{ padding-top: 50px;padding-bottom: 50px;padding-right:50px;padding-left:50px;}
.testimonials-1 .item-content .inner{margin-left: -20px; margin-top: 0;padding-left: 30px;}
.testimonials-1 .owl-prev{left:-40px; top: 30%}
.testimonials-1 .owl-next{right:-40px; top: 30%;}
}

/******/





@media (max-width: 768px) {
  .col-xs-1-5 { width: 20%; }
  .col-xs-2-5 { width: 40%; }
  .col-xs-3-5 { width: 60%; }
  .col-xs-4-5 { width: 80%; }
  .col-xs-6-5 { width: 50%;}
  .col-xs-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}

/* Demo only, no need for this */


.col-xs-5-cols,
.col-sm-5-cols,
.col-md-5-cols,
.col-lg-5-cols {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5-cols {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5-cols {
      width: 25%;
      float: left;
  }
}

@media (min-width:1300px) {
  .col-md-5-cols {
      width: 20%;
      float: left;
  }
}


@media (min-width: 1301px) {
  .col-lg-5-cols {
      width: 20%;
      float: left;
  }
}