/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    /* CSS */
    
    .pad-lft{
        padding-left: 5px;
        margin-top: 11px;
    }

    .btn-pad-lft{
        padding-left: 5px;
        text-align: center;
    }

    .mrgn-m{
        margin-left: 5px;
    }

    .mrgntp-m{
        margin-top: 55px;
        padding-left: 28px;
    }

    .mrgimbottom{
        margin-bottom: 35px;
    }

    .hero-txt{
        margin-top: 46px;
        padding-left: 36px;
    }

    .about_m {
        margin-top: 0;
        margin-bottom: 0;
    }

    .section-title h2 {
        font-size: 25px;
        font-weight: 700;
    }  
    
    .navmenu ul {        
        inset: 60px 20px 110px 20px !important;       
    }
    .mission_v{
        margin-bottom: 25px;
    }

    .pad-lft-about{
        padding-left: 16px;
        margin-top: 11px;
    }

    
  }


  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    /* CSS */

    .pad-lft{
        padding-left: 8px;
        margin-top: 11px;
    }

    .btn-pad-lft{
        padding-left: 8px;
        text-align: center;
    }

    .mrgn-m{
        margin-left: 8px;
    }

    .mrgntp-m{
        margin-top: 55px;
        padding-left: 28px;
    }

    .mrgimbottom{
        margin-bottom: 35px;
    }

    .hero-txt{
        margin-top: 46px;
        padding-left: 36px;
    }

    .about_m {
        margin-top: 0;
        margin-bottom: 0;
    }

    .section-title h2 {
        font-size: 25px;
        font-weight: 700;
    } 

    .navmenu ul {        
        inset: 60px 20px 110px 20px !important;       
    }

    .mission_v{
        margin-bottom: 25px;
    }

    .pad-lft-about{
        padding-left: 16px;
        margin-top: 11px;
    }

  }

/*
    Small (sm)

@media only screen and (min-width: 576px) {

    .pad-lft{
        padding-left: 8px;
        margin-top: 11px;
    }

    .btn-pad-lft{
        padding-left: 8px;
        text-align: center;
    }

    .mrgn-m{
        margin-left: 8px;
    }

    .mrgntp-m{
        margin-top: 55px;
        padding-left: 28px;
    }

    .mrgimbottom{
        margin-bottom: 35px;
    }

    .hero-txt{
        margin-top: 46px;
        padding-left: 36px;
    }

    .about_m {
        margin-top: 0;
        margin-bottom: 0;
    }


    .section-title h2 {
        font-size: 25px;
        font-weight: 700;
    } 

    .navmenu ul {        
        inset: 60px 20px 110px 20px;       
    }

}
*/



/*
    Medium (md)
*/
@media only screen and (min-width: 768px) {

    .pad-lft{
        padding-left: 8px;
    }

    .btn-pad-lft{
        padding-left: 8px;
        text-align: left;
    }
    
    .mrgn-m{
        margin-left: 8px;
    }

    .mrgimbottom{
        margin-bottom: 60px;
    }

    .hero-txt{
        margin-top: 46px;
        padding-left: 36px;
    }

    .about_m {
        margin-top: 0;
        margin-bottom: 0;
    }


    .section-title h2 {
        font-size: 25px;
        font-weight: 700;
    } 

    .navmenu ul {        
        inset: 60px 20px 110px 20px !important;       
    }

    .mission_v{
        margin-bottom: 25px;
    }

    .pad-lft-about{
        padding-left: 16px;
        margin-top: 11px;
    }

}


/*
    Large (lg)
*/
@media only screen and (min-width: 992px) {

    .pad-lft{
        padding-left: 8px;
    }
    .btn-pad-lft{
        padding-left: 8px;
        text-align: left;
    }

    .mrgn-m{
        margin-left: 8px;
    }

    .mrgimbottom{
        margin-bottom: 160px;
    }

    .hero-txt{
        margin-top: 0;
        padding-left: 0;
    }

    .about_m {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .section-title h2 {
        font-size: 32px;
        font-weight: 700;
    } 

    .navmenu ul {        
        inset: 60px 20px 110px 20px !important;       
    }

    .mission_v{
        margin-bottom: 25px;
    }

    .pad-lft-about{
        padding-left: 16px;
        margin-top: 11px;
    }
}


/*
    Extra-large (xl)
*/
@media only screen and (min-width: 1200px) {
    .pad-lft{
        padding-left: 57px;
    }
    .btn-pad-lft{
        padding-left: 57px;
        text-align: left;
    }

    .mrgn-m{
        margin-left: 0px;
    }

    .mrgimbottom{
        margin-bottom: 160px;
    }

    .hero-txt{
        margin-top: 0;
        padding-left: 0;
    }


    .about_m {
        margin-top: 50px;
        margin-bottom: 50px;
    }


    .section-title h2 {
        font-size: 32px;
        font-weight: 700;
    } 

    .mission_v{
        margin-bottom: 25px;
    }

    .pad-lft-about{
        padding-left: 16px;
        margin-top: 11px;
    }
}