@media (max-width: 991.98px) {
    .hero {
        padding-top: 0px;
    }
    
    .hero .hero-content {
        padding: 0 15px;
    }
    
    .hero .hero-text p {
        font-size: 20px;
    }
    
    .hero .hero-text h1 {
        font-size: 45px;
    }
    
    .hero .hero-text h2 {
        font-size: 25px;
        height: 25px;
    }
    
    .hero .hero-btn .btn {
        padding: 12px 30px;
        letter-spacing: 1px;
    }
}

@media (max-width: 767.98px) {
   /* .hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }*/
    
    .hero,
    .hero .hero-text,
    .hero .hero-btn {text-align: left; }
    
    .hero .hero-text p {
        font-size: 18px;
    }
    
    .hero .hero-text h1 {
        font-size: 35px;
    }
    
    .hero .hero-text h2 {
        font-size: 22px;
        height: 22px;
    }
    
    .hero .hero-btn .btn {
        padding: 10px 15px;
        letter-spacing: 1px;
    }
    
    .section-header h2 {font-size: 24px;}
    .section-header-2 h2 {font-size: 24px;}
    
      .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link.active {
        color: #08C8BF;
    }
}

@media (max-width: 575.98px) {
    .hero .hero-text p {
        font-size: 16px;
    }
    
    .hero .hero-text h1 {
        font-size: 30px;
    }
    
    .hero .hero-text h2 {
        font-size: 18px;
        height: 18px;
    }
    
    .hero .hero-btn .btn {
        padding: 8px 10px;
        letter-spacing: 0;
    }
    
      .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link.active {
        color: #08C8BF;
    }
}




/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

.hero__caption h1{font-size: 2.2rem;}
.feature__item{padding: 40px 10px 35px;}
.feature__item img{max-width: 80%;} 
.hero .hero-content{padding-left: 4.5em;} 
.about .section-header{padding-left: 4.5em;}
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

 .slider-area .hero__caption h1 {margin-top:0em;}
 .slider-height {height: 700px;}  
 .hero__caption h1{font-size: 2.2rem !important;}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.navbar .navbar-brand img{max-height: 100%;}    
.section-header h1{font-size: 40px !important;text-align: center;}
.feature__item p{width: 330px;}
.about .section-header {margin-left: 15px;}    
.about .pt-100{padding-top:365px;}   
.section-header-2{padding-top:150px;}    
.hero.otherbg {background: #ffffff url(../images/other-bg-2.png);}    
    
    
.ftco-intro .intro.color-2{bottom: -14em;left: 22em;} 
  
}

/* small mobile :320px. */
@media (max-width: 767px) {
 .about .pt-100{padding-top: 200px;}  
 .hero.otherbg {background: #ffffff url(../images/other-bg-2.png);}     
 .banner-2 .inner-wrapper{width:100%;}   
 .ftco-intro .intro.color-2{bottom: -16em;left: 0;} 
}


@media (min-width: 576px){
    
}

@media (max-width: 575px) {
   .section-header h1{font-size: 37px !important;}
   .hero-content .section-header span.line::before{top: 0px;}  
   .about .section-header {margin-left: 15px !important;}   
   .feature__item{padding: 0;} 
   .about .pt-100{padding-top:200px;}    
   .banner .py-5{padding-top: 0!important;}    
   .footer-logo{text-align: center;}    
   .banner-2 .inner-wrapper{width:90%;}
   .footer .container-fluid {padding-top: 20px;} 
   .hero.otherbg {background: #ffffff url(../images/other-bg-2.png);} 
    #privacy{padding: 20px;}
   .ftco-intro .intro.color-2{bottom:-16em;left: 0;}     
   .section-header{text-align:left;} 
   .feature__item p{width: 290px;}   
   .ftco-intro.mb-200 {margin-bottom: 20rem;} 
   .mobile-vd{margin-top: 50px;} 
   .hero {padding-top:20px;padding-bottom: 60px;}
   .ba-we-love-subscribers-wrap {bottom:50px;} 
   .hero__btn{margin-top:0px;}
   .footer-tittle ul {margin-left: -32px;}
   .navbar .navbar-brand img{width: 85% !important;}
   .navbar-toggler{font-size: 80%}
   .navbar-light .navbar-toggler{padding:10px;}
   .navbar .container-fluid{flex-wrap: wrap;}     
}

 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {    
 .section-header h1{font-size: 30px;}
 .about .pt-100 {padding-top: 100px;}    
 .hero.otherbg {background: #ffffff url(../images/other-bg-2.png);}     
 .hero-content .section-header span.line::before{top: -10px;}      
 .ftco-intro .intro.color-2{bottom: -16em;left: 0;} 
 .ba-we-love-subscribers-wrap {bottom:150px;}   
 .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active {color: #08C8BF; }
 .footer-tittle ul {margin-left: -32px;}   
 .navbar .navbar-brand img{max-width: 85%;}
 .navbar-toggler{font-size: 100%}
 .navbar-light .navbar-toggler{padding:10px;}
 .navbar .container-fluid{flex-wrap: wrap;}     
}