@media(min-width: 1601) and (max-width: 1680px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media(min-width: 1441) and (max-width: 1600px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media(min-width: 1367px) and (max-width: 1440px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media (min-width: 1281px) and (max-width: 1366px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media (min-width: 1081px) and (max-width: 1280px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media (min-width: 1051px) and (max-width: 1080px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media (min-width: 1025px) and (max-width: 1050px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .mobile-view{
    display: none;
  }
  .laptop-view{
    display: block;
  }
  .navbar-expand-lg .navbar-nav .nav-item{
    padding: 2% 0%;
  }
}

@media (min-width: 901px) and (max-width: 991px) {
    .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 20% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
}

@media (min-width: 801px) and (max-width: 900px) {
    .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 20% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
}

@media (min-width: 769px) and (max-width: 800px) {
    .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 20% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
}

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

  
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 20% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}

@media(min-width: 668px) and (max-width: 736px) {
    
    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}

@media(min-width: 641px) and (max-width: 667px) {
    
    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }
  
}

@media(min-width: 601px) and (max-width: 640px) {

  
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }
    
}

@media(min-width: 569px) and (max-width: 600px) {

  
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }
    
}

@media(min-width: 481px) and (max-width: 568px) {

    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}

@media(min-width: 441px) and (max-width: 480px) {
    
    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }
}

@media(min-width: 415px) and (max-width: 440px) {
    
    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}

@media(min-width: 385px) and (max-width: 414px) {
    
    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}

@media(min-width: 376px) and (max-width: 384px) {

    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}

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

    
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }


}

@media(min-width: 241px) and (max-width: 320px) {

    .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}


@media(max-width: 240px) {
  
  .mobile-view{
    display: block;
  }
  .laptop-view{
    display: none;
  }
  .section-header h2{
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #001f65;
    text-align: center;
    margin-bottom: 3%;
  }
  .banner_bottom .section-header h2 {
    font-size: 16px;
  }
  .banner_caption{
    padding: 5% 0%;
  }
  .banner_caption h2 {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    text-shadow: 3px 3px rgb(0 0 0 / 40%);
  }
  .learn_edyu h2 {
    margin: 3% 0% 5%;
  }
  .header_icon{
    margin: 5% 0%;
  }
  a.login_btn {
    border: 1px solid #fff !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px !important;
    color: #fff !important;
  }
  .header_new a.login_btn {
    border: 1px solid #333 !important;
    background-color: #001f65;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 7px;
    height: 30px;
    margin-top: 12px;
    margin-left: 10px !important;
    color: #fff !important;
  }

}