@media (min-width: 1400px) and (max-width: 1700px) { 
  .services-bg .owl-theme .owl-dots, .owl-theme .owl-nav {top: 40%;left: -93px;}
  .services-content {padding: 0 0 0 30px;}
  .company-abt-img { width: 42%;}
  .portfolio-bg {height: 820px;}
  .portfolio-inner {width: 95.8%;margin: 5% 0 0 0;}
  .abt-info-foot {top: -35%;}
  .abt-img-radio {aspect-ratio: 6/4.4!important;}
  .abt-info-2-bg {margin: 9% 0;}
  .main-abt-bg {padding: 120px 0 40px 0;}
  .expertise-cart {height: 500px;}
  .main-intro-bg {padding: 6% 0 50px 0;height: 685px;}
  .company-abt-img img {width: 85%;}
  .company-abt-img {margin: 0 auto;}
  .reviews-inner-content h5 {font-size: 19px;}
  .reviews-inner-content h6 {font-size: 15px;padding: 3px 0 0 0;}
  .reviews-inner p {height: 170px;font-size: 15px;}
  .blog-bg {padding: 50px 0 23% 0;}
  .faqs-bg, .reviews-bg, .awards-bg{padding: 30px 0;}
  .blog-bg {padding: 30px 0 23% 0;}
  .expertise-bg h2 {margin: 20px;}

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

  .main-intro-bg {padding: 90px 0 30px 0;height: 600px;}
  .main-intro-content {height: 190px;}
  .services-head h2, .features-content h2, .technologies-content h2, .approach-head h2, .counter-head h2, .reviews-content h2, .blog-content h2, .blog-content h4, .main-intro-content h1, .approach-content-head h2, .cta-2-content h3, .company-abt h2, .cta-1-content h3, .portfolio-head h2     {font-size: 40px;}
  .services-content h3 { font-size: 45px};
  .services-content h1 {font-size: 75px;bottom: -39px;}
  .approach-content-head h2 {line-height: 50px}
  .services-bg .owl-theme .owl-dots, .owl-theme .owl-nav {top: 40%;left: -8%;}
  .services-content {padding: 0 0 0 50px;}
  .portfolio-bg, .features-bg, .technologies-bg, .approach-bg, .reviews-bg, .cta-3-bg, .company-abt-bg, .services-caro-head, .cta-1-bg, .awards-bg, .faqs-bg, .expertise-bg{padding: 30px 0;}
  .faqs-bg .front {padding: 20px 15px;}
  .faqs-bg .front h3 {font-size: 23px;}
  .faqs-bg .card .content .back {padding: 20px;}
  .faqs-bg .front h2 {font-size: 50px;padding: 0 0 40% 0;}
  .faqs-bg .back h2 {font-size: 50px;padding: 0px 0 10px 0;}
  .back.from-right p {font-size: 15px;}
  .mobile-menu{display: none;}
  .company-abt-img {width: 45%;}
  .portfolio-bg {height: 700px;}
  .portfolio-inner{width: 90%;margin: 6% 0 0 0;}
  .features-card {padding: 25px;width: 210px;}
  .abt-info-2-content h4 {font-size: 40px;}
  .abt-img-radio {aspect-ratio: 6/5.5!important;}
  .abt-info-foot {top: -65%;}
  .expertise-cart {height: 500px;}
  .blog-bg {padding: 30px 0 23% 0;}
  .headline-bg .scroll .scroll-inner {font-size: 95px;}
  .company-abt-img img {width: 85%;}
  .main-logo {width: 200px;}
  .company-abt h5 {padding: 15px 0;}
  .cta-2-foot1 {width: 360px;}
  .cta-2-foot2 {width: 275px;}
  .services-caro-head {height: 700px;}
  .company-abt-img img {width: 65%;}
  .reviews-inner p{height: 170px;}
  .blog-carousel {width: 90.5%;}
  .technologies-bg .nav-tabs .nav-link {font-size: 16px;}
  .abt-info-2-bg {margin: 6% 0 10% 0;}
  .expertise-bg h2 {margin: 20px;}


}
@media (min-width: 1200px) and (max-width: 1300px) { 
  .abt-info-foot {top: -60%;}
  .portfolio-inner {width: 91%;margin: 6% 0 0 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mobile-menu{display: none;}
  .main-intro-bg {padding: 90px 0 30px 0;}
  .company-abt h2 {font-size: 40px;}
  .services-head h2, .features-content h2, .technologies-content h2, .approach-head h2, .counter-head h2, .portfolio-head h2, .reviews-content h2, .blog-content h2, .blog-content h4, .cta-1-content h3, .approach-content-head h2  {font-size: 40px;}
  .approach-content-head h2{line-height: 45px;}
  .services-bg .owl-theme .owl-dots, .owl-theme .owl-nav {top: 42%;left: -9%;}
  .services-content {padding: 0 0 0 50px;}
  .portfolio-bg, .features-bg, .technologies-bg, .approach-bg, .reviews-bg, .cta-3-bg, .cta-1-bg, .expertise-bg{padding: 30px 0;}
  .cta-1-bg{background-size: auto;}
  .faqs-bg .front {padding: 20px 15px;}
  .faqs-bg .front h3 {font-size: 23px;}
  .faqs-bg .card .content .back {padding: 20px;}
  .faqs-bg .front h2 {font-size: 50px;padding: 0 0 40% 0;}
  .faqs-bg .back h2 {font-size: 50px;padding: 0px 0 10px 0;}
  .back.from-right p {font-size: 15px;}
  .company-abt h5 {font-size: 15px;}
  .portfolio-inner {width: 96.5%;}
  .company-abt-img {width: 46%;}
  .services-caro-head {height: 650px;}
  .portfolio-carousel .item img {padding: 25px 0 0 0;}
  .portfolio-bg {height: 600px;}
  .features-card {width: 215px;}
  .cta-2-content h3 {font-size: 40px;}
  .cta-2-foot2 {width: 330px;}
  .cta-2-foot1 {width: 380px;}
  .counter-card {margin: 30px;}
  .reviews-inner {margin: 20px 0;padding: 20px;}
  .blog-carousel {width: 95%;}
  .blog-bg {padding: 20px 0 26% 0;}
  .main-intro-content h1,.abt-info-2-content h4 {font-size: 40px;}
  .abt-img-radio {aspect-ratio: 6/6.8!important;}
  .abt-info-foot {top: -40%;}
  p {font-size: 15px;}
  .main-intro-bg .owl-theme .owl-nav.disabled+.owl-dots {bottom: 0%;}
  .company-abt-img img {width: 90%;}
  .company-abt h5 { padding: 10px 0;}
  .approach-content {padding: 3% 0 3% 15px;}
  .main-header .main-navigation ul li a {margin: 0px 5px;font-size: 15px;}
  .main-intro-bg {padding: 10% 0 50px 0;height: 580px;}
  .services-content h3 {font-size: 40px;}
  .awards-bg, .counter-bg, .faqs-bg{padding: 30px 0;}
  .footer-content-1 p{font-size: 15px;}
  .abtimg-head p {padding: 20px;top: -35px;font-size: 15px;}
  .expertise-bg h2 {margin: 16px;}


}

@media (min-width: 768px) and (max-width: 991.98px) {  
  .mobile-menu{display: none;}
  .main-intro-content h1 {font-size: 35px;}
  .company-abt-img {display: none;}
  .company-abt-bg {padding: 30px 0;border-radius: 100px 0 0 0;text-align: center;}
  .portfolio-bg, .features-bg, .technologies-bg, .approach-bg, .reviews-bg, .cta-3-bg, .cta-2-bg, .counter-bg, .expertise-bg{padding: 30px 0;}
  .services-head h2, .features-content h2, .technologies-content h2, .approach-head h2, .counter-head h2, .reviews-content h2, .blog-content h2, .blog-content h4, .cta-1-content h3, .portfolio-head h2 {font-size: 40px;}
  .services-img img{display: none!important;}
  .services-bg .owl-theme .owl-dots, .owl-theme .owl-nav {top: 42%;left: -12%;}
  .services-content { padding: 0 0 0 50px;}
  .cta-2-foot img {display: none;}
  .counter-card {padding: 15px;margin: 10px 0px;}
  .header-top-bg {display: block!important;padding: 15px 0; background-color: #ff40006b;}
  .mobile-menu{display: block;}
  .main-header-bg{display: none!important;}
  .main-intro-bg {padding: 35px 0 30px 0;height: 430px;}
  .company-abt h2 {font-size: 40px;}
  .services-caro-head {padding: 30px 0;height: 550px;}
  .portfolio-inner {width: 96.8%;}
  .portfolio-bg {height: 490px;}
  .features-card {border-radius: 15px;margin: 10px auto;width: auto;}
  .cta-2-content h3 {font-size: 35px;}
  .technologies-card {margin: 5px;padding: 10px;}
  .approach-content-head h2 {font-size: 40px;line-height: 45px;padding: 0 0 20px 0;}
  .reviews-inner p {height: 165px;overflow: auto;}
  .blog-bg {padding: 30px 0 34% 0;}
  .approach-content-img {padding: 20px 0;animation: element-3 30s ease-in-out infinite;width: 400px;margin: 0 auto;}
  .cta-3-content h4 {font-size: 30px;}
  .blog-carousel {width: 95%;}
  .main-abt-bg {padding: 25px 0 0 0;}
  .abt-info-foot {position: unset;}
  .abt-info-2-bg {background: #e51860!important;margin: 0;}
  .abt-img-radio {aspect-ratio: 6/4.5!important;}
  .main-intro-content h1,.abt-info-2-content h4 {font-size: 35px;}
  .abt-info-2-content p {padding: 0 0 25px 0;}
  .technologies-bg .nav-tabs .nav-link {font-size: 14px;margin: 0 10px;}
  .expertise-cart h3 {font-size: 35px;padding: 0px 0 25px 0;}
  .main-intro-content h5 {font-size: 18px;}
  .main-intro-content p {font-size: 14px;}
  .main-intro-bg .owl-theme .owl-nav.disabled+.owl-dots {bottom: -12%;}
  .services-content h1 {font-size: 70px;bottom: -47px;}
  .cta-1-bg, .awards-bg, .faqs-bg{padding: 30px 0;}
  .portfolio-inner {margin: 8% 0 0 0;}
  .approach-content {padding: 4% 1% 4% 15px;}
  .headline-content h4 {font-size: 70px;}
  .headline-content.owl-carousel .owl-stage-outer {height: 90px;}
  .headline-content img {width: 35px!important;}
  .counter-bg:after {height: 115px;}



}

@media only screen and  (max-width: 576px) {  

.mobile-menu{display: block;}
.header-top-bg {display: block!important;padding: 15px 0;background-color: #ffffff2e!important;backdrop-filter: blur(7px);}
.main-intro-bg, .portfolio-bg, .cta-2-bg, .counter-bg, .reviews-bg, .amz-header-bg, .contact-bg {padding: 25px 0;}
.main-intro-content h1, .company-abt h2, .services-head h2, .cta-1-content h3, .portfolio-head h2, .features-content h2, .technologies-content h2, .approach-head h2, .counter-head h2, .reviews-content h2, .blog-content h2, .blog-content h4, .cta-3-content h4, .abt-info-2-content h4, .technologies-bg, .expertise-cart h3{font-size: 30px;}
.main-intro-content h5 {font-size: 18px;}
.company-abt-img {display: none;}
.company-abt {text-align: center;}
.portfolio-carousel .item img {height: auto;padding: 25px;}
.features-card {padding: 15px;margin: 5px 0;}
.cta-2-foot img {display: none;}
.counter-card {padding: 20px;margin: 5px 16%;}
.counter-card h5 {font-size: 14px;}
.owl-carousel.faqs-carousel.owl-theme.owl-loaded.owl-drag {padding: 0;}
.faqs-bg .card {margin: 10px 0px;}
.faqs-bg .front {padding: 15px;height: 440px;}
.faqs-bg .card .content .back {padding: 20px;}
.faqs-bg .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0px;display: flex;justify-content: center;}
.faqs-bg {margin: 0px 0 0 10px;padding: 25px 0;}
.faqs-bg .front h3 {font-size: 22px;}
.reviews-inner {margin: 10px;padding: 20px;}
.services-bg .owl-theme .owl-dots, .owl-theme .owl-nav {position: absolute;/* transform: rotate(90deg); */ left: 0;bottom: 0;}
.services-img img{display: none!important;}
.services-bg .owl-theme .owl-dots, .owl-theme .owl-nav{display: none;}
.services-bg {background-color: #282354;}
.features-card {padding: 15px;text-align: center;margin: 5px auto;}
.footer-btm {display: grid;font-size: 15px;text-align: center;}
.services-caro-head {padding: 30px 0;height: 640px;}
.counter-bg:after {background-color: transparent;}
.portfolio-inner {margin: 18% 0 0 0;width: 100%;}
.portfolio-bg {height: 545px;border-radius: 0 0 0 70px;}
.features-bg {padding: 50px 0;}
.cta-2-content h3, .approach-content-head h2{font-size: 30px;line-height: 40px;}
.approach-content-head {padding: 15px;}
.approach-content h3 {font-size: 22px;}
.approach-content p {padding: 5px 0 0 0;font-size: 17px;}
.main-abt-bg {padding: 25px 0 30px 0;}
.abtimg-head p {padding: 15px;font-size: 14px;}
.abt-info-foot {position: unset;}
.abt-info-2-bg {padding: 40px 0 0 0;margin: 0;background: #e51860!important;border-radius: 70px 0 0 0;}
.technologies-bg .nav-tabs .nav-link {font-size: 14px;margin: 10px 0px;}
.expertise-cart p {font-size: 16px;}
.expertise-cart {padding: 15px;}
.expertise-cart h3 {padding: 0px 0 15px 0;}
.portfolio-foot img {display: none;}
.head-banner-bg {padding: 8% 0;border-radius: 50px 0 0 0;}
.abt-info-2-content p {padding: 0 0 8px 0;font-size: 12px;}
.contact-stats-content p{font-size: 12px;}
.main-btn-1, .main-btn-2, .main-btn-3 {margin: 15px 0 10px 0;}
.contact-content h2 {font-size: 40px;}
.contact-stats-content h3 {padding: 20px 0 0 0;}
.cta-1-bg {background-size: auto;}
.headline-bg .scroll .scroll-inner {font-size: 4em;}
.counter-card span.count {font-size: 50px;}
.blog-bg {padding: 15px 0 94% 0;}
.main-intro-content p {font-size: 14px;}
.main-intro-content {height: 200px;}
.main-intro-bg .owl-theme .owl-nav.disabled+.owl-dots {bottom: 50%;}
.main-intro-img {margin: 35% 0 0 0;}
.main-intro-bg {padding: 10% 0 50px 0;height: 775px;}
.company-abt-bg, .cta-1-bg, .technologies-bg, .approach-bg, .awards-bg {padding: 30px 0!important;}
.services-content h3 {font-size: 40px;}
.services-content h1 {font-size: 75px;bottom: -38px;}
.services-content p {font-size: 14px;}
.technologies-card {margin: 10px;padding: 10px;}
.headline-content h4 {font-size: 40px;}
.headline-content img {width: 20px!important;}
.headline-content.owl-carousel .owl-stage-outer {height: 60px;}
.cta-2-bg {border-radius: 0 70px 0 0;}
.footer-content-2 ul li a, .footer-content-1 p  {font-size: 16px;}
.cta-3-bg {padding: 30px 0;border-radius: 0 70px 0 0;}
.mbl-logo {width: 190px;}
.abtimg-head {margin: 45px 0 0 0px;}
.portfolio-foot2 img{display: none;}
}

@media only screen and  (max-width: 375px)  {  }