/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@media (max-width: 1900px) {
	.privacy-wrap{
	width:800px;
	height:80vh;
	
}

.cookie-wrap{
	width:800px;
	height:80vh;
	
}
}


@media (max-width: 1440px) {
  .banner-side-image{
        position: absolute;
    right: 10%;
    bottom: -160px;
    width: 430px;
  }
  #class-plan{
    padding-top: 65px;
    padding-bottom: 65px;
  }
 
}
@media (max-width: 1366px) {
 #hero {
  height: 68vh;
 }
 #class-plan{
  padding-top: 50px;
    padding-bottom: 50px;
 }
}

@media (max-width: 1199px) {
  h1{
       font-size: 50px;
       line-height: 60px;
  }
  h2{
        font-size: 34px;
    line-height: 42px;
  }
  h3{
        font-size: 30px;
    line-height: 38px;
  }
  h5, #footer .footer-top h5{
        font-size: 18px;
  }
  p{
    font-size: 16px;
  }
  .pb_120{
        padding-bottom: 80px;
  }
  .pt_120{
        padding-top: 80px;
  }
  .btn_custom{
        width: 170px;
        height: 45px;
        font-size: 15px;
        line-height: 45px;
  }
  .btn_custom_small{
        width: 130px;
        height: 45px;
        line-height: 45px;
  }

  .btn_custom_medium{
    width: 140px;
        height: 45px;
        line-height: 45px;
  }
  .pt_60{
        padding-top: 25px;
  }
  #header{
    height: 72px;
  }
  #hero h3{
        margin-bottom: 40px;
  }
  #free-trial{
        padding: 110px 0;
  }
  #footer .footer-newsletter{
        padding: 40px 0;
  }
  #class-plan .icon-box{
    padding: 0 40px;
  }
  #signup-wrap .btn-wrap{
        padding-top: 20px;
  }
  .footer-logo{
    width:180px;
  }
  .footer-logo img{
    width:100%;
  }
  #features-wrap .container .row:nth-of-type(even) .features-text-wrap{
        padding-left: 80px;
  }
  #features-wrap .container .row:nth-of-type(odd) .features-text-wrap{
        padding-right: 80px;
  }
  #features-wrap h2{
        padding-bottom: 30px;
  }
  p{
    padding-bottom: 25px;
  }
  #features-wrap .container .row{
        padding-bottom: 120px;
  }
  .directory-box{
        height: 275px;
  }
  .directory-info{
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .directory-info h5{
        padding-bottom: 18px;
  }
   .banner-side-image{
        position: absolute;
    right: 10%;
    bottom: -180px;
    width: 400px;
  }
  .contact-form-box{
        padding-right: 70px;
            padding-top: 80px;
  }
  .contact-info-wrap{
        padding: 0 70px;
  }
  .contact-info-box{
    height: 315px;
  }
  #directory-wrap .testimonials-wrap{
    padding-right: 0;
  }
  .side-widgets-head h5{
        padding-bottom: 20px;
  }
  .all-step{
        margin-top: 40px;
  }
  .side-widget{
        margin-bottom: 40px;
  }
  .side-newsletter a.btn_custom{
    font-size: 16px;
  }
  .back-tp-pose{
    height: 100px;
  }
  .post-list ul li{
    font-size: 16px;
  }
  #side-wrap.blog-side{
        padding-top: 0;
  }
  .blog-top-side{
        padding-top: 80px;
  }
  .side-pose-box h6{
        font-size: 14px;
  }
  .side-pose-box .directory-box{
    height: 210px;
  }
  .side-pose-box p{
        padding-bottom: 0;
  }
  .side-pose-box{
        margin-bottom: 25px;
  }
  .directory-list .directory-box{
        height: 202px;
            padding: 7px;
  }

  #blog-wrap-1 .blog-image, #blog-wrap-2 .blog-image{
    height: 152px;
  }
  #latest-blog .blog-image{
    height: 235px;
  }
  .testimonials-inner-wrap{
        padding: 35px 40px 35px 100px;
  }
}
@media (max-width: 1100px) {
 .btn_custom_small{
  width: 100px;
 }
}
@media (max-width: 1024px) {

  .banner-side-image{
       position: absolute;
    right: 7%;
    bottom: -164px;
    width: 414px;
  }
  #hero{
        height: 68vh;
  }
  a.header-sign{
        margin-right: 5px !important;
  }
  }

@media (max-width: 991px) {
  #header{
    height: 70px;
  }
  h1{
      font-size: 36px;
    line-height: 49px;
}
h2{
  
    font-size: 30px;
    line-height: 40px;

}
h3{
      font-size: 26px;
    line-height: 36px;
}
h4{
  font-size:23px; 
}
h5{
  font-size: 20px;
  
}
h6{

}

.pt_120{
      padding-top: 60px;
}
.pb_120{
  padding-bottom: 60px;
}
#hero h3{
  margin-bottom: 25px;
}
.btn_custom{
      width: 160px;
}
.plans-wrap{
      padding-top: 35px;
}
#free-trial{
      padding: 80px 0;
}
#class-plan h2{
  width: 585px;
}
#signup-wrap h2{
      width: 396px;
}
.footer-logo{
  margin:auto;
}
.social-links {
  text-align: center;
}
#hero.inner-page-banner{
  height: auto;
  padding: 10% 0 12%;
}
#features-wrap .container .row:nth-of-type(odd) .features-text-wrap{
  padding-right: 0px;
}
#features-wrap .container .row:nth-of-type(even) .features-text-wrap{
  padding-left: 0px;
}
#features-wrap .container .row{
  padding-bottom: 60px;
}
.features-image-wrap{
  margin-top: 60px;
}
.directory-image-wrap{
  width: 49%;
}
.blog-content-head{
  padding-top: 25px;
}
 .banner-side-image{
        position: absolute;
    right: 4%;
    bottom: -180px;
    width: 350px;
  }
  #hero{
        height: 47vh;
  }
  .contact-info-wrap{
    padding: 0 35px;
  }
  .contact-form-box{
        padding-right: 35px;
    padding-top: 30px;
  }
  .info-content a{
        font-size: 18px;
  }
  .info-content a i{
    font-size: 27px;
  }
  .contact-info-box{
        height: 274px;
  }
  .form-wrap input[type="text"], .form-wrap input[type="email"]{
    height: 40px;
  }
  .form-wrap textarea{
        height: 115px;
  }
  .Written-wrap{
     padding-top: 26px; 
    }
    .side-widget-social{
    display: none;
  }
  .side-pose-box .directory-box{
  height: auto;
}
.side-pose-box .directory-inner-box{
  padding: 25px 0;
}
h5{
  font-size: 18px;
}
.directory-list .directory-info{
      padding-bottom: 0px;
}

#page-404 h1 strong{
      font-size: 31px;
}
#page-404 h1 span{
      font-size: 125px;
          line-height:100px;
}

#page-404{
  padding-top: 80px;
}
#support-wrap h5{
  min-height: 0;
}
.free-image{
      width: 265px;
}
a.header-free{
      margin-right: 45px;
}
#blog-wrap-1 .blog-image, #blog-wrap-2 .blog-image{
    height: 173px;
  }

   #latest-blog .blog-image{
    height: 370px;
  }

  .testimonials-wrapper{
        margin-bottom: 30px;
  }

  .gform_validation_error .gform_footer input[type="submit"]{
    top: 126px !important;
  }
	
		.privacy-wrap{
	width:90%;
	height:80vh;
	
}

.cookie-wrap{
	width:90%;
	height:80vh;
	
}

  }

   @media (max-width: 768px) {
     .banner-side-image{
          position: absolute;
    right: 4%;
    bottom: -129px;
    width: 350px;
  }
   }

 @media (max-width: 767px) {
  #class-plan .icon-box{
    width: 100%;
  }
  .pb_120{
        padding-bottom: 40px;
  }
  .pt_120{
    padding-top: 40px;
  }
  #free-trial{
      padding: 60px 0;
}
#footer .footer-newsletter h5, #footer .footer-newsletter p{
      text-align: center !important;
    }
    .plans-wrap .plan_box:last-child{
     padding-bottom:0;
    }
    .signup-wrap{
      padding-bottom: 40px;
    }
    #signup-wrap h5{
      text-align: center;
    }
    #signup-wrap p{
      text-align: center;
    }
    #signup-wrap .btn-wrap{
      text-align: center;
    }
    .use-image{
      border-radius: 45px;
      overflow: hidden;
    }
    .use-image{
      margin-bottom: 20px;
    }
    .testimonials-wrap{
      padding-right: 0;
    }
    #testimonials p{
      text-align: center;
    }
    .testimonials-wrap{
      text-align: center;
    }
    #class-plan h2, #signup-wrap h2, #east-to-use h2{
      width: 100%;
    }
    h3{
          font-size: 22px;
    line-height: 28px;
    }
    #hero.inner-page-banner{
      text-align: center;
    }
    .directory-box{
          height: 222px;
    }
    #device.device-wrap h2{
      width: 324px;
    }
    .features-image-wrap{
          margin-top: 40px;
    }
    #features-wrap .container .row{
      padding-bottom: 40px;
    }
    .instructions-wrap-top{
     margin-bottom: 20px;
    }
    section{
          padding: 50px 0;
    }
    .blog-container .blog-content-head{
          padding-bottom: 40px;
    }
    .banner-side-image{
      position: inherit;
      margin:auto;
      padding-top: 20px;
    }
    #hero{
      padding-bottom: 0 !important;
      text-align: center;
      height: auto;
          padding: 2% 0 17%;
    }
    #contact-wrap:after{
      width: 100%;
      height: 100px;
      left: 0;
      bottom: 0;
      top: inherit;
    }
    .contact-form-box{
      padding-right: 0;
    }
    .contact-info-wrap{
      background: #e0e8ef;
      position: relative;
      z-index: 999;
      padding-top: 25px;
      margin-top: 25px;
      padding-left: 0;
      padding-right: 0;
    }
    .contact-info-wrap:before{
       width: 100%;
       height: 100%;
       position: absolute;
       display: block;
       content: '';
       left: -200px;
       top: 0;
       background: #e0e8ef;
    }
     .contact-info-wrap:after{
       width: 100%;
       height: 100%;
       position: absolute;
       display: block;
       content: '';
       right: -200px;
       top: 0;
       background: #e0e8ef;
       z-index: -1;
    }

    #contact-wrap{
      overflow-x: hidden;
    }
    .post-main-image img{
      width: 100%;
    }
    .post-main-image{
          padding: 30px 0;
    }
  .text-back{
    font-size: 16px;
  }
  

  .side-widget.test-side{
        margin-top: 40px;
  }
#directory-wrap .testimonials-wrap p, #directory-wrap .testimonials-wrap{
  text-align: left;
}

.directory-image-wrap.directory-list{
  width: 49%;
}

#page-404{
  padding-top: 50px;
}

#blog-wrap-1 .blog-image, #blog-wrap-2 .blog-image{
    height: 270px;
  }

   #latest-blog .blog-image{
   height: 270px;
  }
.founders .signup-wrap{
  width: 100%
}
.desktopHeroImage{
  display: none;
}
.mobileBannerImage{
  display: block;
  position: absolute;
    width: 330px;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
}
.mobileBannerImage img{
  width: 100%;
}


#class-plan{
  padding-top: 100px;
}
#hero{
  overflow: inherit !important;
      position: relative;
    z-index: 9;
}
.desktophideHeroImage{
  display: block !important;
}
 } 

   @media (max-width: 640px) {
    .desktop-header-btn{
      display: none;
    }
    .mobile-header-btn{
       display: block;
    }
    a.header-free, a.header-sign{
      margin-right: 0 !important;
          line-height: 45px !important;
    }
    .gform_footer input[type="submit"]{
      width: 128px !important;
    }
   }

    @media (max-width: 540px) {
      #blog-wrap-1 .blog-image, #blog-wrap-2 .blog-image, #latest-blog .blog-image{
            height: 237px;
      }

    }


  @media (max-width: 480px) {
    #hero h1{
      text-align: center;
    }
    #hero h3{
      text-align: center;
    }
    .banner-btn-wrap{
      text-align: center;
    }
    #hero h1, h1{
          font-size: 28px;
    line-height: 36px;
    }
    h2{
      font-size: 24px;
          line-height: 24px;
    }
    h5{
      font-size: 18px;
    }
    p{
      font-size: 15px;
    }
    #signup-wrap .btn-wrap{
          padding-top: 15px;
    }
    #free-trial .btn-wrap{
          margin-top: 25px;
    }
    #footer .footer-newsletter{
          padding: 20px 0;
    }
    #east-to-use .section-head p{
      padding-top: 15px;
    }
    .directory-image-wrap{
      width: 100%;
    }
    .directory-box{
      height: auto;
    }
    .directory-inner-box{
      padding: 20px 0;
    }
    #device.device-wrap h2{
      width: 250px;
    }
    #device.device-wrap .device-inner h5{
      padding: 8px 0;
    }

    section{
          padding: 40px 0;
    }
    .blog-container .blog-content-head{
          padding-bottom: 30px;
    }
    .banner-side-image{
      width: 90%;
    }
    .contact-info-box{
      padding: 0 20px;
    }
    .post-main-image img{
      width: 80%;
    }
    .step-wrap h4{
          padding: 7px 0;
    }
    .queues-head-left{
          width: 55px;
    height: 55px;
    }
    .queues-inner img{
      width: 70%;
    }
    .all-step{
          margin-top: 20px;
    }
    .post-top-head span{
          padding: 5px 15px;
    }
    .back-tp-pose{
          height: 90px;
              margin-top: 30px;
    }
     .post-list ul li{
    font-size: 15px;
  }
  .directory-image-wrap.directory-list{
  width: 100%;
}
.directory-list .directory-box{
  height: auto;
}
.free-image{
      width: 200px;
}

#blog-wrap-1 .blog-image, #blog-wrap-2 .blog-image, #latest-blog .blog-image{
            height: 200px;
      }

      .testimonials-inner-wrap{
            padding: 80px 30px 40px 30px;
      }
      .testimonials-icon{
            top: 40px;
      }
.accordion .card .card-header .btn-header-link {
    padding: 15px;
}
.accordion .card .card-header a {
    font-size: 15px;
}
	  .privacy_new_content .privacy-box{
		  padding-left:0;
		  padding-right:0;	
	  }
	  .cookie-wrap{
		  padding: 25px 15px;
	  }

    .mobileBannerImage{
      width: 275px;
          bottom: -60px;
    }
    #class-plan{
          padding-top: 82px;
    }

    #hero h1, h1{
          font-size: 22px;
    line-height: 28px;
    }

    #hero h3{
          font-size: 15px;
    line-height: 20px;
    }
    #hero a.button{
          width: 142px !important;
    margin-bottom: 5px;
        height: 45px;
    font-size: 13px;
    line-height: 45px;
    }
    #hero a.button img{
      width: 18px;
    }
    #hero{
      background-position: -95px !important;
    }
    .banner-side-image{
        width: 75%;
      }
	  
	  #video-popup-container{
		  width:90%;
		      margin-left: -46%;
	  }
  }

    @media (max-width: 390px) {
#hero a.button{
          width: 142px !important;
    margin-bottom: 5px;
        height: 45px;
    font-size: 13px;
    line-height: 45px;
    }
      .share-soccial ul li{
            margin-right: 2px;
      }
      #blog-wrap-1 .blog-image, #blog-wrap-2 .blog-image, #latest-blog .blog-image{
            height: 180px;
      }
      #class-plan{
        padding-top: 40px;
      }
      .banner-side-image{
        width: 73%;
      }
      
  }