@media(max-width:991px){
    .banner-content h1 {
        font-size: 50px;
    }
    .upcoming_event{
        margin-top: 50px;
    }
    .events-description h1 {
        font-size: 50px;
    }
    .megazine-details h1 {
        font-size: 44px;
    }
    .pricingTable{ margin-bottom: 30px; }
}
@media (max-width:800px){
    .rows .column{
        flex: 50%;
    }
    .hide{
        display: none;
    }
}
@media(max-width: 767px){
    .social-col{
        text-align: center;
        margin-top: 30px;
    }
    .footer-social-icon ul{
        margin: auto;
    }
    .upcoming_event {
        padding-bottom: 0 !important;
    }
    .get-invloved{
        padding-top: 0 !important;
    }
    .facts-section{
        padding-top: 0 !important;
    }
    .line {
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
    }
    .educators {
        margin: 0px 0;
    }
    .nmea h2 {
        text-align: center;
    }
    .sm-hide{
        display: none;
    }
    .event_img {
        height: auto;
    }
    .banner-content{
        text-align: center;
    }
    .banner-content h1 {
        font-size: 50px;
    }
    .upcoming_event{
        margin-top: 50px;
    }
    .social-icon ul li:hover{
        width: 0px;
        border-radius: 50px;
        width: 35px;
        height: 35px;
    }
    .social-icon ul li span{
        display: none;
    }
    .social-icon ul li{
        margin: 0 4px;
    }
    #tabs h6.section-title {
        font-size: 30px;
    }
    .tab-content>.active {
    display: block;
    width: 100%;
    padding: 10px;
    }
    .heading-title h3 {
    font-size: 40px;
    }
    .heading-title {
        margin-bottom: 50px;
    }
}
@media (max-width:600px){
    .rows .column{
        flex: 100%;
    }
    .hide{
        display: contents;
    }
}
@media(max-width:575px){
    .login {
        margin: auto;
        margin-bottom: 15px;
    }
    .social-icon ul {
      float: left;
    }
  
    .ssm-sub-menu {
        display: none !important;
    }
    .navbar-nav{
        text-align: center;
    }
    .nav-item{
        margin: 5px 0;
    }
    .btn-custom {
        padding: 8px 15px;
        font-size: 16px;
    }
    .banner-content h1 {
        font-size: 30px;
       
    }
    .hg {
        min-height: 400px;
    }
  

    .rows {
        margin: 0;
    }
    .twitter_feed ul {
        margin-left: 15px;
    }
    
    .banner-content {
        background: #e4e4e42e;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
    }
    .banner-content h2 {
        font-size: 50px;
        text-align: center;
    }
    .breadcrumb h2 {
        font-size: 40px;
    }
    .benifits h1 {
        font-size: 45px;
        text-align: center;
    }
    #tabs h6.section-title {
        font-size: 25px;
    }
      .tab-content>.active {
        display: block;
        width: 100%;
        padding: 10px;
      }
      .pupose {
        margin-top: 15px;
    }
    .pricing-content {
        min-height: 130px;
    }
    .align{
        text-align: center !important;
    }
    .events_tumbnail h1 {
        text-align: center;
        font-size: 30px;
    }
    .events_tumbnail span {
        display: block;
        text-align: center;
    }
    .events-description h1 {
        font-size: 40px;
        margin: 15px 0;
        text-align: center;
    }
    .events-description button {
        margin: auto;
        display: block;
    }
    .events-description {
        text-align: center;
    }
    .breadcrumb {
        min-height: 150px;
    }
    .megazine-details h1 {
        font-size: 39px;
        margin: 20px 0;
        text-align: center;
    }
    .megazine-details h2 {
        font-size: 22px;
        text-align: center;
    }
    .megazine-details ul li {
        font-size: 14px;
        margin: 0 3px;
    }
    .megazine-description {
        text-align: center;
    }
    .article-list h3 {
        text-align: center;
    }
    .heading-title h3 {
        font-size: 30px;
    }
    .half-txt {
        width: 80%;
    }
    .content h1 {
        font-size: 30px;
    }
}
@media(max-width:375px){
    .social-icon ul li {
        margin: 0 5px;
    }

}
@media(max-width:330px){
    .social-icon ul li {
        margin: 0 3px;
    }

}