@media(min-width: 1920px){
.cta{ min-height: 52rem;}
}
}
@media(max-width: 1919.98px){ 
    .recent-heading{font-size: 1.57rem;}}
    .login-toggle{display:block;}
@media(max-width: 1599.98px){
    #hero{padding-top: 3rem; background-position: right -56px top 108px, top 165px center;}
    #hero .hero-text{font-size: 3.5rem;}
    .abtimage-wrapp{min-width: 37rem; left: 12rem;}
    .section-text{max-width: 80%;}
    .features-headtxt{font-size: 4rem;}
    .features-txt{font-size: 1.57rem;}
    .talent-heading{font-size: 9rem;}
    .features-cardbox{padding: 4rem;}
    .cta{min-height: 35rem;}
    .cta-left{top: -6rem}
   .cta-right{margin-top: 0rem;}
    .cta-wrapper::before{height: 14rem;}
    .form-heading {font-size: 2rem;}
    .faqheading {font-size: 4rem;}
    .faqans{font-size: 1.14rem;}
    .modal {overflow-y: auto;} 
    .recent-blog-box{margin-right: 3rem;margin-left: 1rem;}
    .more-heading{padding-left: 1rem;}
    .blog-content {padding: 4rem;}  
.contact-mid .hero-text{font-size: 3.5rem !important;}  
#footer .footer-top .footer-links{padding-left: 3rem;}
}
@media(max-width: 1439.98px){
    #hero{background-position: right -56px top 150px, top 209px center;}
    #hero .hero-text {font-size: 3.21rem!important;}
    .form-heading {font-size: 1.87rem;}
    .section-title{font-size: 2.21rem;}
    .abtimage-wrapp {min-width: 35rem;}
    .contact-mid .hero-text-wrapper{padding-top: 4rem;}
    .contact-mid{padding-top: 5rem;}  
    .section-text {max-width: 100%;}
    .features{padding: 6.5rem 0px;}
    .features-headtxt {font-size: 3rem;}
    .features-txt {font-size: 1.28rem;}
    .form-heading {font-size: 1.57rem;}
    .form-text{font-size: 1.14rem;}
    .faqheading {font-size: 3.21rem;}
    .faq .faq-list .question{font-size: 1.43rem;}
    .faqans {font-size: 1.07rem; padding-top: 1rem;}
    .btnsubmit{padding: 0.5rem 1rem;}
    .subinput{padding: 8px 30px;}
    .footer-headings {margin-top: 2rem;}
    #footer .footer-top .footer-links ul a{font-size: 1.07rem; white-space: nowrap;}
    .recent-blog-box{margin-left: 0rem;}
    .blog-content {padding: 2.5rem;}   
    .subscribe-text {font-size: 6rem;}
    .subscribe-para {max-width: 100%;}
.contact-mid .hero-text{font-size: 3.21rem !important;}  
    .contact-mid .hero-text-wrapper {
        padding-top: 0rem;
    }
}

@media(max-width: 1365.98px){
    #hero .hero-text {font-size: 3.5rem;}
    .abouthero{padding:1rem 0!important;}
    .abtimage-wrapp{left: 5rem;}
    .abt-rightsec{padding: 4rem;}
    .features-cardbox {padding: 2rem;}
    .cta-left {top: -1rem; left: -6%;}
    .cta-wrapper::before {height: 13rem;}
    .talent-heading {font-size: 8rem;}
    .cta-right{left: 70%;}
    .form-text{max-width: 85%;}
    .blog-content {padding: 1.5rem;font-size: 1.28rem;}  
    .contact-mid .hero-text-wrapper {
      padding-top: 0rem;
  }
}



@media(max-width: 1199.98px){
    #hero {padding-top: 5rem; background-position: right -56px top 150px, top 190px center; background-size: contain, 44%;}
    #hero .hero-text{font-size: 3rem;}
    .abtimage-wrapp {left: 1rem; top: 1rem;}
    .section-text{font-size: 1.14rem;}
    .cta {min-height: 34rem;}
    .cta-right{top: 21rem;}
    .talent-heading {font-size: 7rem;}
    .form-heading {font-size: 1.28rem;}
    .form-heading span.coltwo{margin-left: 0px; margin-right: 0px;}
    .form-text {max-width: 100%; font-size: 1.07rem;}
    .contactus{background-size: 45% !important;background-position: right 5px bottom 200px !important;}
    .contact-left{display: none;}
    .recent-heading {font-size: 1.28rem;}
    .recent-blogs-wrapper {flex-wrap: wrap;}
    .recent-blog-box {max-width:44.87%;margin-right:2rem;margin-left:1rem;}
    .subscribe-content{font-size: 5rem;padding-top: 5.5rem;}
    .subscribe-para{max-width: 100%;font-size: 1.14rem;}
    .subscribe-content { padding-top: 1.5rem;}
    .subscribe-heading{font-size: 1.57rem;}
    .subscribe-text{font-size: 5rem;}
    .blog-content { text-align: center; padding: .5rem; font-size: 1.14rem; }
    .abtherotxt {font-size: 1.1rem;}  
}

@media(max-width: 991.98px){
    #hero .hero-text {font-size: 2.5rem;}
    #header .container-fluid{margin-left: 1rem !important; margin-right: 1rem !important;}
    #hero {padding-top: 1rem; background-position: right 0px top 250px, top 294px center; background-size: contain, 50%;}
    #hero .hero-img img {width: 80%;}
    .hero-row{flex-direction: column-reverse;}
    .hero-text-wrapper {text-align: center;}
   
    #hero .hero-text {font-size: 3.5rem; text-align: center;}
    .abouthero{padding:3rem 0!important;}
    .contactus {background-position: right 32px bottom 0px !important;}  
    .container-fluid {margin-left: 0px !important; margin-right: 0px !important; padding: 0px;}
    .contact-mid .hero-text-wrapper {text-wrap: wrap;}
    .contectbnt-txt {font-size: 2.21rem;letter-spacing: 7px;}
    .contact-right .img-fluid { margin-left: 2rem;max-width: 80%;}
    .about-wrapper{flex-direction: column;}
    .abtimage-crcl {border-radius: 50%; position: static; top: 100%; left: 50%; transform: translate(-50%, 17%);}
    .abtimage-wrapp{transform: translate(0%, 31%); left: -6rem; top: 1rem;}
    .abt-rightsec{max-width: 100%; flex: 0 0 100%;}
    .section-text{margin-left: 0px;}
    .abt-rightsec {padding: 3rem; margin-top: 7rem;}
    .features-cardbox{max-width: 100%;}
    .cta-inner-wrapper {flex-direction: column;    }
    .cta-left{max-width: 100%; text-align: center; position: static;}
    .cta-right {position: static; max-width: 100%; transform: translate(0%, -100%); padding: 4rem;   margin-top: 50%;}
    .form-heading {font-size: 2.28rem;}
    .form-text {max-width: 73%; font-size: 1.28rem; margin-left: auto; margin-right: auto;}
    .cta-content-wrapper {right: auto; left: auto; display: flex; justify-content: center; width: 100%;}
    .talent-heading{margin-right: 0px;}
    .cta {min-height: 34rem; max-height: 70rem; text-align: center;}
    .subscribtionform{justify-content: center;}
    .featurestext-text{max-width: 100%;} 
    .header-social-links{margin-right: 20px;}
    .modal{width: 100%; z-index: 99999;}
    .logo.me-auto{z-index: 9999;}
    /* .navbar ul{animation: slideInLeft 0.5s linear 0s;} */
    /* .navbar-mobile-remove{
        animation: slideInRight 0.5s linear 0s;
      } */
  .navbar-mobile .mobile-nav-toggle{top: 25px;}
  .mobile-nav-toggle.bi-x{z-index: 9999999;}
    .contact-mid .hero-text {font-size: 4.85rem !important;letter-spacing: 7px;}
    .contectbnt-txt{letter-spacing:5px;}
     .more-heading {text-align: center;}
     .recent-blogs-wrapper {flex-direction: column;gap:4rem;}
     .recent-blog-box{max-width: 100%; margin-left: 0rem; margin-right: 0rem;}
     .posted-date{text-align: center; font-size:1rem}
     .subscribe-content {font-size: 5rem;padding-top: 4rem;}
     .recent-heading {text-align: center; padding-top: 1rem; font-size: 1.57rem;}
     .even-blog-row { flex-direction: column-reverse;}
     .blog-content { margin-bottom: 5rem; padding: 3rem; font-size: 1.57rem;}
     .load-more {padding: 4rem; font-size:2.21rem;}
     .subscribe-text{padding-top: 0rem;font-size: 4rem;display: block; text-align: center;}
     .blog-para {font-size: 1.28rem;}
     .load-btn {font-size: 1.57rem;}
     .subscribe-row { flex-direction: column;gap: 1rem;}
     .subscribe-heading {font-size: 2.21rem;text-align: center;}
     .subscribe-para {font-size: 1.28rem;text-align: center;}
     .subscriptionForm {flex-direction: column;}
      .subscriptionForm .form-group {min-width: 70%; margin-bottom: 2rem;}
          /* .subscriptionForm {align-items:normal} */
      .subscriptionForm .form-group .btnsubmit{max-width: 20%;}
      .subinput { font-size: 1.14rem;}
.abt-rightsec {min-height: 24rem;}
.faq .faq-list{max-width: 100%;}
 .faqans {font-size: 1.25rem;}
  .abtherotxt {padding-left: 1rem; font-size: 1.25rem;}
    .blog-para {
        font-size: 1.35rem;
    }
single-blog-para {
    font-size: 1.35rem;
}
.form-signup .tncs-txt {
    font-size: 1rem;
}

.navbar_mobile{
  position: fixed;
  left: -100%;
  top: 0;
  opacity: 0;
  z-index: 999;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100vh;
  width: 100%;
  /* animation: slideInRight 0.5s linear 0s; */
  display: flex;
  flex-direction: column;
}

.open .navbar_mobile {
  left: 0%;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100vh;
  width: 100%;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
  0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      visibility: visible;
  }

  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      visibility: visible;
  }

  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}

.wordanimate{font-size: 1.5rem;}
    #footer .footer-top .footer-links {
        padding-left: 1rem;
    }
    }
      
      

@media(max-width: 767.98px){ 
 .abtimage-wrapp {left: -52%;}
#header{padding-top: 2rem;
    padding-bottom: 2rem;}
    .abouthero {padding: 1rem 0 !important;}  
    .features-cardwrap{flex-direction: column;}
    .features-cardbox {margin: 2rem 1rem; max-width: 80%;}
    .abtimage-wrapp{left: -10%;}
    .abtimage-wrapp {left: -10%;}
    .cta{max-height: 60rem;}
    .cta-right{padding: 2rem;}
    .form-heading {font-size: 2rem; text-align: center;}
    .form-text{text-align: center; max-width: 100%;}
    .navbar-mobile a, .navbar-mobile a:focus {padding: 20px 0px;}
    .subscribtionform {padding-left: 3rem;}
        .contactus {background-size: 80% !important;}
        .contactform-wrapper {flex-direction: column;}
        .contactform-leftsec{margin-left:0px;max-width: 100%;}
        .contactform-rightsec{margin-left:0px;max-width: 100%; padding: 3rem 2rem;}
        .contact-mid .hero-text {font-size:3.57rem !important;}
        .contactform-leftsec {padding: 4rem 2rem;font-size: 1.85rem;}
          .contectbnt-txt { letter-spacing: 5px;}
        .contactwrapper {flex-direction: column;align-items:center;}
        #hero .hero-text {font-size: 3rem !important;}
         .contact-mid { padding-top: 0rem;}
        .contact-right .img-fluid {margin-left: 7rem;max-width: 60%;}
      .contactus {background-position: right 100px bottom 0px !important;background-size: 60% !important;}  
    .singleblogwrapper {margin-top: 2rem;}
    .single-blog-heading {font-size: 2.5rem;}
      .blog-paras {line-height: 150%; font-size: 1.14rem;}
      .more-heading {margin-bottom: 1.5rem;font-size: 2rem;}
      .footerlogo-right-wrapp img {max-width: 11rem;}
      .blog-subscription { padding-bottom: 6rem;}
      .single-blog { padding-bottom: 4rem;}
      .posted-date {font-size: 0.85rem;}
      .subscribe-row { flex-direction: column;gap: 1rem;}
      .subscribe-content {text-align: center;padding-top: 0rem; font-size: 4rem;}
      .subscribe-text{font-size:4rem; padding: 0rem;}
      .subscribe-heading {font-size: 1.8rem;}
      .subscribe-para { font-size: 1.14rem;}
      .blog-content {padding: 4rem; font-size: 1.28rem;}
      .blog-text {font-size: 2rem;padding-top: 0rem;}
      .load-more {padding: 2rem;}
      .blog-para {font-size: 1.28rem;}
        .subscribe-text{font-size: 3rem;}
        .abtimage-wrapp { left: -52%; }
#contact_email-error {
    left: 50%;
    transform: translate(-50%, 0px);
}

}
@media(max-width: 575.98px){
  #header .logo img{max-width:12rem;} 
  #hero .hero-text {font-size: 2.5rem !important;}
.herobanner_col {padding-top: 1rem !important;}
a.btn-get-started{margin-top: 1rem;}
.contectbnt-txt {font-size: 1.57rem;}
    .cta {min-height: 34rem; max-height: 60rem;}
    .cta-wrapper::before {height: 9rem;}
    .talent-heading {font-size: 4rem;}
    .subscribtionform{flex-direction: column; padding-left: 0rem; justify-content: normal;
    align-items: normal; margin-bottom: 2rem;}
    .cta-right{padding: 1rem 2rem; margin-top: 100%;}
    .subscribtionform .form-group{max-width: 100%; margin-bottom: 2rem;}
    .modal-content {padding:2rem;}
    .talent .section-title{font-size: 1.5rem; padding: 2.5rem;}
    .abtimage-wrapp {left: -80%;}
    .faq .faq-list{max-width: 100%; padding: 0px 1rem;}
    .contact-mid .hero-text-wrapper {text-wrap: wrap;}
    .singleblogwrapper { padding: 0rem 1rem;}  
      .post-date { font-size: 1.15rem;}
      .single-blog-heading {font-size: 2.21rem;}
      .recent-heading {font-size: 1.3rem;}
      .posted-date {font-size: 0.95rem;padding-left: .2rem;}
     .subscribe-row,.subscription-right {padding: 1rem 2rem;}
      .subscribe-content {font-size: 2.5rem;}
      .subscribe-heading {font-size: 1.25rem;}
      .subscribe-text{padding: 1rem;}
      .subscribe-para {font-size: 1.15rem;max-width: 100%;}
      .subscriptionForm {flex-direction: column;}
      .subscriptionForm .form-group {max-width: 100%;margin-bottom: 2rem;}
      .blog-content {padding: 1rem;}
    .blog-para{font-size: 1.14rem;}
    .subscribe-text{font-size: 2.5rem;}
    .footerlogo-right-wrapp img {max-width: 10rem;}
     .abtimage-wrapp {left: -67%;}
    .abtimage-crcl{width: 20rem;height: 20rem;}
      .navbar-mobile .mobile-nav-toggle{top:22px;}
    .mobile-nav-toggle.bi-x{font-size: 35px;}
    .abtimage-wrapp {left: -67%;}
    .abtimage-crcl{width: 20rem;height: 20rem;}
    .abtimage-wrapp>.img-fluid {max-width: 70%;}
    .abt-rightsec {padding: 1rem;} 
    .section-text {font-size: 1rem;}
.slide-controls .slide{font-size: 16px;}
.btnsubmit{min-width: 12rem;
        margin: auto;
        max-width: 12rem;}
#footer .footer-top{padding: 60px 0px 0px 30px;}
    .features {
        padding: 3.5rem 0px;
    }
.form-check{margin-bottom: 1.28rem;}
.form-signup .tncs-txt { font-size: 13px;}
.form-signup .form-check-input.error {
    width: 1rem;
    height: 1rem;
    margin-left: -1.57rem;
    float: left;
}
.form-inner form .field input{    width: 90%;}

    }
@media(max-width: 479.98px){
  #header .logo img{min-width:10rem;max-width:10rem;}
    #hero .hero-text {font-size: 2.5rem;}
#hero .btn-get-started.talentbtn_bnr{margin-left: 0px;}
    .mobile-nav-toggle {font-size:32px;}
    .features-headtxt {font-size: 2rem;}
    .features-txt {font-size: 1.14rem;}
    .features-header {padding: 0px 1rem;}
    .form-heading {font-size: 1.57rem;}
    .faqans { font-size: 1rem;}
    .cta {min-height: 34rem; max-height: 48rem;}
    .subscribtionform {padding-left: 0rem; align-items: normal;}
    .faq {padding: 30px 0;}
    .faq .faq-list .question {font-size: 1.28rem;}
    .faqheading {font-size: 2.21rem;}
    .form-text{font-size: 1.14rem;}
    .contact-mid .hero-text {font-size: 2.57rem !important;}
    .single-blog-heading{font-size: 2rem;}
    .post-date{font-size: 1rem;}
    .subscribe-content{font-size:1.57rem;} 
    .footerlogo-right-wrapp img {max-width: 8rem;} 
       .abtimage-wrapp>.img-fluid{max-width:63%;}
    .abtimage-wrapp{top: 3rem;}
label.form-check-label.tncs-txt.remember-txt{flex-direction: column;}
label.form-check-label>span {
    margin-left: 0px;
    margin-top: 10px;
}
.abtherotxt { font-size: 1rem;}
.cta-right {background: #fff;}
}
@media (max-width: 375.98px){
    .cta {min-height: 34rem; max-height: 45rem;}
    .cta-wrapper::before {height: 8rem;}
    
    .single-blog-heading{font-size: 1.28rem;}
    .load-more {font-size: 1.4rem;padding:0rem}
    .subscribe-text {font-size: 2rem;padding-left: 1rem;}
    .contactus {background-position: right 51px bottom 0px !important;}
  #header .logo img {min-width: 9rem; max-width: 9rem;}
    .slide-controls .slide {font-size: 12px;}
   
}