/* lg */ 
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

}

/* xs */
@media (max-width: 767px) {
  

}

@media (max-width:320px){
  .m-hidden{
    display: none;
  }


}

@media (max-width:768px) {

}

@media (max-width:800px) {

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {}

@media (max-width:480px){
    .m-hidden{
        display: none;
      }
    #header .logo{
        font-size: 23px;
    }
    .section-title h3{
        line-height: normal;
        font-size: 1.5rem;
    }
    .he-card__title {
        font-size: 1.3rem;
    }
    .he-card__img-wrapper {
        flex: 0 0 29%;
    }
    .cta{
        padding: 30px;
        
    border-radius: 85px;
    }
    .principle h3{
        font-size: 23px;
    }
    .m-center{
        text-align: center;
    }
    .he-card {
        text-align: left;
        padding-top: 1rem;
        padding-bottom: 0rem;
    }
    .m-order-2{
        order: 2;
    }
    .services{
        padding-top: 0;
    }
    #footer{
        border-radius: 80px 80px 0 0;
    }
    #footer .footer-top {
        padding: 60px 0 30px 15px;
    }
    #header.header-scrolled, #header.header-inner-pages {
        border-bottom: 1px solid #ffffff3d;
    }
    .nav-tabs li span.round-tabs{
        width: 100px;
    height: 100px;
    }
    .section-title h3.font-18{
        font-size: 18px;
    }
    .section-title h1 {
        font-size: 2.5rem;
    }
    .about{
        padding-top: 2rem;
    }
    #hero h1 {
        font-size: 40px;
        /* line-height: 75px; */
    }
    #hero h2 {
        font-size: 25px;}
        #hero h3{
            width: 100%;
    text-align: center;
        }
        
.m-text-left{
    text-align: left !important;
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {

}

@media (max-width:650px) {

}

@media (min-width:980px) and (max-width:1280px){

}