/* For Desktop View */
@media screen and (min-width: 1024px) {
   
}
 
/* For Tablet View */
@media screen and (min-device-width:320px) 
    and (max-device-width:768px) {
      body{    
        section{
          padding:3rem 0!important;
          .section-header{
            margin-bottom:2.5rem;
            .title{
              font-size: 1rem;
            }
            .sub-title{
              font-size: 1.5rem;
            }
          }
        }      
        .carousel-indicators{
          bottom: -5%!important;
        } 
        h1 {
          font-size: 3rem;
          margin: 0;
        }
        
        h2 {
          font-size: 1.5rem;
          margin: 0;
        }
        
        h3 {
          font-size: 1.5rem;
          margin: 0;
        }
        
        h4 {
          font-size:1.2rem;
          margin: 0;
        }
        
        h5 {
          font-size: 1.5rem;
          margin: 0;
        }
        
        h6 {
          font-size: 1.125rem;
          margin: 0;
        }
        .connect-now{
          h3{
            text-align: center;
          }
        }
        .carousel-inner{
          display: grid!important;
          .carousel-item{
            max-width: 100%!important;
            width: 100%;
          }
        }
        .card{
          a{
            margin-top: 1rem!important;
          }          
        }
      }          
      .home-page-banner{
        height: auto;
        background-size: 80%;
        background-position: top center;
        h2{
            font-size: 1.5rem;
            margin:0;
        }
        .hero-img-container{
          right: inherit;
          position: inherit;
          .hero-header-animation{
            height: auto!important;
          }
        }
      }   
      footer{
        padding: 1rem 0 0 0;
        .footer-item{
          margin: 0.5rem 0;
          .item{
            top: 0;
            .title, .content{
              font-size:0.65rem;
            }
          }
        }
        .social{
          margin-top: 1rem;
        }
        .bottom{
          text-align: center;
          margin-top:0.5rem;
        }
        .footer-logo{
          width:30%;
        }
      }      
      .resources{
        .resources-scroll{
          height: auto;
        }
      }
      .faq-form{
        margin-top: 2rem!important;
      }
      .btn-group{
        .btn{
          font-size: 0.8rem;
        }
      }   
      .navbar-nav{
        background-color: var(--white);
        padding: 1rem;
      }
      .text-start{
        text-align: center!important;
      }   
      .navbar{
        .nav-item{
          align-items: baseline;
          display: grid;
        }
        .dropdown-menu{
          transform: translate3d(0px, 0px, 0px) !important;
          width: 80%;
          border-radius: 0.75rem;
          overflow: hidden;
          border: none;
          .dropdown-item{
            padding-left: 0;
          }
        }
      }   
      .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
        border-radius: 0.5rem;
        padding:1rem 1.5rem;
        width: 100%;
        font-size: 1.2rem;
      }
      .btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.btn{
        width: 100%;
        padding:1rem 1.5rem;
        font-size: 1.2rem;
      }
      .full-w-button{
        width: 100%;
      }
      .bg-overlay{
        display: none;
      }
      /* end       */
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) 
    and (orientation: portrait) {
     
      /* end       */
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) 
    and (orientation: landscape) {
      
    
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
      
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 0) {
      
    
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) 
    and (device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 2) {
       
    
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) 
    and (min-device-width: 375px) 
    and (-webkit-min-device-pixel-ratio: 3) {      
    
};