/*==========================================================================================*/
/*=============-                                                          -=================*/
/*=============|         !!!!!!!! CSS ADDED BY PUROHIT A !!!!!!!!         |=================*/
/*=============-                                                          -=================*/
/*==========================================================================================*/

/* !!! max width 1682px !!! */
@media (max-width:1682px) {
    .full-container {
        padding-left: 95px;
        padding-right: 95px;
    }
}

/* !!! max width 1679px !!! */
@media (max-width:1679px) {
    .full-container {
        padding-left: 50px;
        padding-right: 50px;
    }
    .news-post-cover {
        height: 165px;
    }
    .news-post-title {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 0px 10px 0;
    }    
/*
    .news-post-date {
        padding: 0 0 10px 0;
    }
*/
    /**/
    .event-list-box {
        padding: 0 40px 0 0;
        margin-bottom: 10px;
    }
    .event-wrapper ul li:before {
        right: 0;
    }
    .event-list-box .event-full-date {
        font-size: 16px;
    }
    .event-list-box .event-label {
        font-size: 14px;
    }
    .event-wrapper .read-more {
        margin-top: 22px;
    }
    /**/
    .quicklinks-img-box {
        width: 25%;
        height: 60px;
    }
    .quicklinks-content {
        width: 75%;
        padding: 0 0 0 10px;
        height: auto;
    }
    .quicklinks-content h4 {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }
    .quicklinks-content .read-more {
        position: relative;
        left: auto;
        right: auto;
    }
    /* news & event page */
    .news-event-wrapper .news-post-cover, .news-wrapper .news-post-cover {
        height: 235px;
    }
}
/* !!! max width 1480px !!! */
@media (max-width:1480px) {
    #home_slider .item {
        height: 462px;
    }
    .hero-title {
        font-size: 48px;
        line-height: 54px;
    }
    .banner-wrapper h1 {
        line-height: 62px;
    }
    .banner-wrapper-medium h1 {
        line-height: 56px;
    }
    .sub-txt {
        font-size: 20px;
        line-height: 26px;
    }
    .home-banner-content .link {
        margin: 45px 0 0 0;
    }
    /**/
    .section-title {
        font-size: 40px;
        line-height: 54px
    }
    /**/
    .event-list-box .event-full-date {
        font-size: 14px;
        line-height: 22px;
    }
    .event-list-box .event-label {
        font-size: 14px;
    }
    /**/
    .quicklinks-content h4 {
        margin: 0 0 6px 0;
    }
    .quicklinks-content .read-more {
        font-family: 'SourceSansPro-SemiBold';
        font-size: 12px;
        letter-spacing: 0px;
    }
    /* !! All pages Comman banner !! */
    .banner-wrapper {
        min-height: 462px; 
    }
    .banner-wrapper p {
        font-size: 20px;
        line-height: 26px;
    }
    
    
}
/* !!! min-width 1300px max-width 1400px !!! */
@media (min-width:1300px) and (max-width:1400px) {
    .news-post-title {
        font-size: 19px;
    }
    .event-list-box {
        margin-bottom: 12px;
    }
    .quicklinks-content h4 {
        font-size: 16px;
        line-height: 20.5px;
    }
}
/* !!! max width 1280px !!! */
@media (max-width:1280px) {

}
/* !!! max width 1199px !!! */
@media (max-width:1199px) {
    body.fix-baner {
        overflow: inherit!important;
    }
    .fix-baner .home-banner-fix-wrapper {
        display: none;
    }
    .fix-baner .navbar-wrapper {
        max-height: 100%!important;
        overflow: unset!important;
    }
    .fix-baner .down-arrow {
        display: none;
    }
    .section-title-primary {
        font-size: 30px;
        line-height: 34px;
    }
    h2 {
        font-size: 30px;
    }
    .full-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 0 20px 0 0;
        font-size: 18px;
    }
    .custom-tab .nav li a {
        font-size: 16px;
        letter-spacing: 0;
    }
    .inner-sub-menu {
        padding: 41px 21px 41px 21px;
    }
    .highlights-inner-content {
        padding: 10px 0px 0 0;
    }
    /* toggle menu */
        .navbar-inverse .navbar-nav>li>a .fa {
        margin-left: 0px;
    }
    .navbar-inverse .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        background: #103A60;
        top: 100%;
        color: #fff;
        margin: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    /* end */
    .link-primary {
        font-size: 20px;
    }
    .event-list-box .event-full-date {
        font-size: 16px;
        font-weight: 500;
    }
    /**/
    #home_slider .item {
        height: 390px;
    }
    .hero-title {
        font-size: 40px;
        line-height: 47px;
        padding: 0 0 15px 0;
    }  
    .sub-txt {
        font-size: 18px;
        line-height: 24px;
    }
    .home-banner-content .link {
        margin: 30px 0 0 0;
        font-size: 16px;
    }
    .section-title {
        font-size: 30px;
        line-height: 42px;
    }
    /**/
    .layout-holder-one, .what-we-offer-wrapper, .layout-holder-two {
        padding: 50px 0;
    }
    .layout-holder-one h4 {
        font-size: 20px;
        line-height: 25px;
    }
    /**/
    .recent-news-wrapper{
        padding: 40px 0 0;
    }
    .news-post-cover {
        height: 155px;
    }
/*
    .news-post-title {
        font-size: 14px;
        line-height: 16px;
    }
*/
    .news-post-date {
        font-size: 12px;
        letter-spacing: 0;
    }
    .news-event-quicklink-wrapper .read-more {
        font-size: 12px;
        letter-spacing: 0.5px;
    }
    /**/
    .event-list-box {
        padding: 0 50px 0 0;
        margin-bottom: 6px;
    }
    /**/
    .quicklinks-img-box {
        height: 48px;
    }
    .quicklinks-content h4 {
        font-size: 12px;
    }
    .quicklinks-content .read-more {
        font-size: 10px;
        letter-spacing: 0;
    }
        /* !! All pages Comman banner !! */
    .banner-wrapper {
        min-height: 390px; 
    }
    .banner-wrapper .container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .banner-wrapper p {
        font-size: 18px;
        line-height: 24px;
        padding: 0 30px 0 0;
    }
    .banner-wrapper h1, .banner-wrapper-medium h1 {
        line-height: 54px;
    }
    /* layout-holder-three */
    .layout-holder-three {
        padding: 0 0 50px 0;
    }
    .layout-holder-three .layout-holder-content {
        padding: 0;
    }
    /* four-layout-holder */
    .four-layout-holder-content h3 {
        font-size: 18px;
        line-height: 28px;
    }
    /* right sidebar */
    .right-sidebar-menu-widget li a {
        font-size: 20px;
    }
    /* layout-holder-six */
    .layout-holder-info-form .layout-holder-info-form-content li {
        font-size: 16px;
    }
    .what-we-offer-content-box-wrap {
        padding: 0;
    }
    /* contact page */
    .staff-contacts ul li a, .staff-contacts ul li a .name, .contact-info p, .contact-info a {
        font-size: 14px;
    }
    /* news and event all pages comman */
    .news-event-wrapper .recent-news-wrapper {
        padding: 0 0 0px 0;
    }
    .news-event-wrapper .news-post-cover, .news-wrapper .news-post-cover {
        height: 195px;
    }
    .news-post-title {
        font-size: 20px;
        line-height: 22px;
    }
    .news-event-quicklink-wrapper .news-post-title {
        font-size: 16px;
        line-height: 20px;
    }
    .whatson-content h5 {
        font-size: 14px;
    }
    .whatson-wrapper .event-wrapper ul {
        padding: 5px 0 0 0;
    }
    .whatson-wrapper .event-wrapper .event-list-box {
        margin-bottom: 9px;
    }
    .newsletter-cover-holder {
        min-height: 210px;
    }
    .newsletter-content-holder {
        padding: 18px;
        min-height: 100%;
    }
    .newsletter-content-holder h4 {
            margin: 0 0 15px 0;
    }
    /* only news page comman css */
    .news-filter-form-wrapper .form-group {
        width: 158px;
        margin-right: 20px;
    }
    .hairspray-newsletter-content .news-post-cover {
        height: 348px;
    }
    /* news single page */
    #news-single-slider .fill {
        min-height: 380px;
    }
    #news-single-slider .carousel-caption, .ovelay-contant {
        height: auto;
    }
    /* reunion page */
    .reunion-wrapper {
        padding: 0;
    }
    .reunion-wrapper .event-wrapper {
        padding: 30px 25px;
    }
    .reunion-wrapper .event-list-box {
        margin-bottom: 20px;
    }
    .reunion-wrapper .section-title-primary {
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 20px 0;
    }
    .reunion-wrapper .event-list-box .event-label {
        font-size: 16px;
    }
/*
    .reunion-wrapper .event-list-box .event-label br {
        display: none;
    }
*/
    /* moca-business-directory-search */
    .big_banner_wrapper_content .hero-title br {
        display: none;
    }
    .big_banner_wrapper_content {
        justify-content: center;
        padding: 0;
    }
    /* moca-business-directory page */
    .tab-contents-wrapper .nav li .content-wrapper h4 {
        line-height: 24px;
        font-size: 20px;
    }
    .tab-contents-wrapper .tab-content {
        padding: 40px 30px;
    }
/*
    .sign-up-box .btn-red {
        width: 220px;
    }
*/
    .tab-contents-wrapper .user-icon {
        padding-bottom: 10px;
    }
    .tab-contents-wrapper .nav li p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }
}

/* !!! max width 991px !!! */
@media (max-width:991px) {
/*
    .navbar-inverse .navbar-brand {
        padding: 0 0 0 60px;
    }
*/
    .navbar-inverse .navbar-nav>li>a {
        padding: 0 8px 0 0;
/*        font-size: 13.5px;*/
    }
    /**/
    .hero-title {
        font-size: 41px;
        line-height: 54px;
    }
    .section-title {
        font-size: 26px;
        line-height: 36px;
    }
    .section-title-primary {
        font-size: 26px;
        line-height: 30px;
    }
    .sub-txt {
        font-size: 16px;
        line-height: 20px;
    }
    .sub-txt br{
        display: none;
    }
    .home-banner-content .link {
        font-size: 14px;
    }
    .carousel-indicators {
        bottom: 18px;
    }
    .carousel-indicators li, .carousel-indicators .active{
        height: 11px;
        width: 11px;
    }
    .event-list-box {
        padding: 0 50px 0 0;
    }
    .news-post-title {
        width: 70%;
    }
    .news-post-date {
        width: 30%;
    }
    .news-post-cover {
        height: 215px;
    }
    /* quote-layout-holder */
    .quote-layout-holder {
        padding: 50px 0;
        min-height: 100%;
    }
    .quote-layout-holder h2 {
        padding: 0 60px 0 0;
        font-size: 28px;
        line-height: 44px;
    }
    .quote-layout-holder h2:before {
        left: -60px;
    }
    .quote-layout-holder h2 br {
        display: none;
    }
    /* what-we-offer */
    .what-we-offer-content-box-wrap {
        padding: 0;
    }
    
    .what-we-offer-wrapper .what-we-offer-content-inner p{
        max-width: 100%;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 22px;
    }
    .what-we-offer-box-content-inner {
        bottom: 15px;
        right: 15px;
        left: 15px;
    }
    .what-we-offer-content-inner {
        padding: 0 0 40px 0px;
    }
    #footer_bottom_widget a, #footer_bottom_widget p {
        font-size: 12px;
    }
    .mazend-cont-label {
        font-size: 18px;
    }
    /* layout-holder-three */
    .layout-holder-two h2 {
        line-height: 26px;
        font-size: 20px;
        margin-bottom: 40px;
    }
    .layout-holder-three .layout-holder-content h4 {
        padding: 0;
        font-size: 16px;
        line-height: 24px;
    }
    .layout-holder-three h2 {
        padding: 0 0 10px 0;
    }
    .layout-holder-three .read-more {
        margin: 12px 0 0 0;
        font-size: 12px;
    }
    /* layout-holder-four */
    .layout-holder-four {
        padding: 0 0 50px 0;
    }
    /* right sidebar */
    .right-sidebar-menu-widget li {
        width: 100%;
    }
   .right-sidebar-menu-widget li a {
        font-size: 16px;
        letter-spacing: 0;
    }
    /* five-layout-holder */
    .five-layout-holder-content h3 {
        margin: 0 0 30px 0;
        font-size: 18px;
        line-height: 28px;
    }
    .five-layout-holder-content .section-title {
        margin: 0 0 30px 0;
    }
    .five-layout-holder-content p {
        margin-bottom: 20px;
    }
    .section-title-second {
        font-size: 30px;
        line-height: 38px;
    }
    /* layout-holder-six */
    .layout-holder-info-form {
        margin: 0 0 30px 0;
    }
    .layout-holder-info-form .layout-holder-info-form-content, .layout-holder-job-opportunities-content {
        height: auto;
    }
    /**/
    .banner-wrapper h1 {
        line-height: 46px;
        font-size: 36px;
    }
    /* four-layout-holder */
    .four-layout-holder-content {
        padding: 0;
    }
    .layout-holder-four-second .four-layout-holder-content {
        padding-top: 0px!important;
    }
    .layout-holder-four-second-red .four-layout-holder-content {
        padding: 50px 0 0;
    }
    /* news and event all pages comman */
    .news-event-wrapper .news-post-cover, .news-wrapper .news-post-cover {
        height: 145px;
    }
    .newsletter-wrapper {
        padding: 50px 0 0;
    }
    .whatson-wrapper .event-wrapper .event-list-box {
        margin-bottom: 20px;
    }
    .hairspray-newsletter-content {
        padding-bottom: 30px;
    }
    /* only news page comman css */
    .news-filter-form-wrapper .form-group:first-of-type {
        width: 100%;
    }
    .news-filter-form-wrapper .form-group {
        width: 148px;
        margin-right: 15px;
    }
    .hairspray-newsletter-content .news-post-cover {
        height: 218px;
    }
    .hairspray-newsletter-wrapper .newsletter-wrapper {
        padding: 0;
    }
    /* news single */
    #news-single-slider {
       margin-bottom: 40px;
    }
    .right-sidebar-second h5 {width: auto;}
    
    .right-sidebar-second {
        padding-top: 0;
    }
    .right-sidebar-second .post-details li {
        padding: 0 0 48px 10px;
    }
    .right-sidebar-second .list-style {
        width: 100%;
    }
    .right-sidebar-second .list-style li a {
        font-size: 16px;
    }
    /* contact page */
    .contact-info {
        padding-top: 40px;
    }
    .staff-contacts {
        padding: 50px 0;
    }
    /* highlights-wrapper */
    .otherlink-area {
        text-align: left;
    }
    /* reunion page */
    .reunion-wrapper .event-wrapper {
       padding: 20px 15px;
    }
    .reunion-wrapper .event-list-box {
        margin-bottom: 10px;
    }
    .reunion-wrapper .event-list-box {
        padding: 0 40px 0 0;
    }
    .reunion-wrapper .event-wrapper ul li:before {
        background-size: 23px 19px;
        width: 23px;
        height: 19px;
    }
    .reunion-wrapper .section-title-primary {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }
    .reunion-wrapper .event-list-box .event-full-date {
        font-size: 15px;
    }
    .reunion-wrapper .event-list-box .event-label {
        font-size: 12px;
        line-height: 16px;
    }
    .reunion-wrapper  .btn-rsvp {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    /* moca-business-directory-search */
    .big_banner_wrapper_content_inner {
        padding: 0 0 0 0;
    }
    .big_banner_wrapper_content .hero-title {
        padding: 0 0 20px 0;
        font-size: 36px;
        line-height: 38px;
    }
    .big_banner_coming_wrapper h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .big_banner_coming_wrapper h3 {
        font-size: 16px;
        line-height: 20px;
        padding-right: 30px;
    }
    .big_banner_coming_wrapper h3 br {
        display: none;
    }
    .big_banner_wrapper img {
        width: 100%;
    }
    .big_banner_coming_wrapper .btn-red {
        letter-spacing: 1px;
        width: 198px;
        font-size: 12px;
    }
    .search_form p, .dropdown-group, .search_form .input-group {
        margin-bottom: 15px;
    }
    /* moca-business-directory page */
    .tab-contents-wrapper .nav li .content-wrapper {
        padding: 15px 25px 15px 25px;
    }
    .tab-contents-wrapper .sign-up-box .btn-red {
        font-size: 15px;
        height: 100%;
        padding: 15px;
    }
    /* news page */
    .news-post-title {
        font-size: 19px;
        line-height: 21px;
    }
    /* 404 page */
    .error-description {
        font-size: 26px;
        line-height: 40px;
    }
    /* search page */
    .search-right-wrap {
        padding-left: 0;
    }
    /* topbar */
    .mobile-address {
        display: inline-block;
        padding: 0 0 0 60px;
        line-height: 35px;
    }
    .mobile-address .fa{
        margin-right: 5px;
    }
    .mobile-phone {
        display: inline-block;
        float: right;
        width: 36px;
        height: 36px;
        line-height: 36px;
        background: #0083be;
        text-align: center;
        font-size: 20px;
    } 
    /* news-event-quicklink-wrapper-mobile */
    .news-event-quicklink-wrapper-mobile .news-event-quicklink-content h4 {
        line-height: 22px;
        margin: 0 0 10px 0;
    }
    .news-event-quicklink-wrapper .read-more {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .news-event-quicklink-wrapper-mobile .panel {
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .news-event-quicklink-wrapper-mobile .panel-body {
        padding: 40px 40px 20px;
        border-bottom: 5px solid #0083BF;
    }
    .news-event-quicklink-wrapper-mobile .panel-default>.panel-heading {
        color: #fff;
        font-family: "quatro-slab",serif;
        font-size: 20px;
        display: block;
        line-height: 41px;
        padding: 0;
        background-color: #0881be;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: none;
        border-radius: 0;
    }
    .news-event-quicklink-wrapper-mobile .panel-default>.panel-heading a {
        display: block;
        padding: 0 40px;
        font-family: "quatro-slab",serif;
        font-size: 20px;
        line-height: 41px;
    }
    .news-event-quicklink-wrapper-mobile .panel-default>.panel-heading a:after {
        content: "";
        position: relative;
        top: 0;
        display: inline-block;
        font-family: "FontAwesome";
        float: right;
        line-height: 41px;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
    }

    .news-event-quicklink-wrapper-mobile .panel-default>.panel-heading a[aria-expanded="true"]:after {
      content: "\f107";
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    .news-event-quicklink-wrapper-mobile .panel-default>.panel-heading a[aria-expanded="false"]:after {
      content: "\f107";
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
         /* news-event-quicklink-wrapper mobile */
    .news-event-quicklink-wrapper {
        border-bottom: 0;
    }
    #accordion {
        margin: 0;
        padding: 0;
    }
    .news-event-quicklink-box a {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .news-event-quicklink-img-box {
        width: 43.41%;
        height: 100px;
        display: inline-block;
        background-position: 50% 50%;
        background-size: cover;
        float: left;
    }
    .news-event-quicklink-content {
        float: left;
        width: 56%;
        padding: 0 0 0 20px;
    }
    .news-event-quicklink-content h4 {
        color: #1E1E1E;
        font-family: "quatro-slab",serif;
        line-height: 30px;
        display: block;
        font-weight: 400;
        letter-spacing: 1px;
    }
    #footer_bottom_widget .by-txt a {
        margin: 0;
        display: inline-block;
    }
    /**/
    .layout-holder-six .section-title-primary {
        padding: 0 0 20px 0;
    }
    .layout-holder-info-form .layout-holder-info-form-content {
        padding: 36px 30px;
    }
    .layout-holder-info-form .layout-holder-info-form-content p{
        font-size: 16px;
    }
    .layout-holder-info-form .layout-holder-info-form-content li {
        font-size: 14px;
        line-height: 22px;
        color: #353535;
        padding: 0 0 10px 0;
    }
    .layout-holder-info-form .layout-holder-info-form-content li .info-label {
        float: left;
        width: 70%;
    }
    .layout-holder-info-form .layout-holder-info-form-content li .office-doc-link {
        text-align: right;
        float: left;
        width: 30%;
    }
    /* comman all pages css */
    .comman-pages-layout-wrapper .section-title {
        font-size: 27px;
        line-height: 33px;
    }
    .comman-pages-layout-wrapper h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .comman-pages-layout-wrapper h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .comman-pages-layout-wrapper h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .comman-pages-layout-wrapper h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .comman-pages-layout-wrapper h6 {
        font-size: 16px;
        line-height: 22px;
    }
    .comman-pages-layout-wrapper p {
        font-size: 14px;
        line-height: 20px;
    }
    .comman-pages-layout-wrapper a , 
    .comman-pages-layout-wrapper li, 
    .comman-pages-layout-wrapper li p, 
    .comman-pages-layout-wrapper .panel-group .panel-body p{
        font-size: 14px;
        line-height: 20px;
    }
    .comman-pages-layout-wrapper .section-title-second {
        font-size: 24px;
        line-height: 28px;
    }
    .comman-pages-layout-wrapper .section-title-third {
        font-size: 20px;
        line-height: 24px;
    }
    .comman-pages-layout-wrapper blockquote {
        font-size: 16px;
        line-height: 23px;
    }
    .comman-pages-layout-wrapper .read-more {
        font-size: 12px;
        line-height: 15px;
    }
    .comman-pages-layout-wrapper .btn-default {
        height: 51px;
        font-size: 12px;	
    }
    .comman-pages-layout-wrapper .back-link {
        font-size: 16px;
        line-height: 18px;
    }
    .comman-pages-layout-wrapper .panel-group .panel-body p{
        margin-bottom: 10px;
    }
    .comman-pages-layout-wrapper #accordion .panel-title > a {
        font-size: 16px;
        line-height: 20px;
    }
    /* news page filter */
    .news-filter-form-wrapper .form-group {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0 10px 10px;
    }
    .news-filter-form-wrapper .form-group:last-of-type {
        width: 100%;
        text-align: right;
    }
    .news-filter-form-wrapper .form-inline .input-group {
        width: 100%;
    }
    .news-filter-form-wrapper .btn-go {
        width: 87px;
    }
    /* mobile search form */
    .mobile-form {
        padding: 15px 30px 20px;
    }
    .mobile-form .search-form {
        position: relative;
    }
    .mobile-form .search {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        border: none;
        margin: 0;
        box-shadow: none;
    }
    .mobile-form .search-form .search-field {
        padding-right: 50px;
    }
    /*mobile 3 top menu dropdown */
    .mobile-second-menu>ul {
        padding: 0;
        margin: 0;
    }
    .mobile-second-menu>ul>li {
        width: 115px;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .mobile-second-menu>ul>li a {
        height: 36px;
        color: #fff;
        font-family: 'SourceSansPro-Regular';
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 18px;
        padding: 9px 0;
        text-align: center;
        display: block;
        text-transform: uppercase;
    }
    .mobile-second-menu>ul>li.active>a, .mobile-second-menu>ul>li>a:hover, .mobile-second-menu>ul>li>a:focus {
        background: #0083BF;
    }
    .mobile-second-menu .menu {
        width: 100%;
        background: #0083bf;
        padding: 10px 30px;
        list-style: none;
        margin: 0;
        display: none;
    }
    .mobile-second-menu .menu.open {
        display: block;
    }
    .mobile-second-menu .menu li {
        width: 100%;
        display: block;
    }
    .mobile-second-menu .menu li a{
        text-align: left;
    }
}
/* !!! (min-width:768px) and  (max-width:991px) !!! */
@media (min-width:768px) and  (max-width:991px) {
    .register-mobile-form {
        display: block;
    }
    .register-full-screen-form {
        display: none;
    }
    #footer_bottom_widget .text-right {
        padding-left: 0;
    }
    .layout-holder-four-second .section-title {
        padding: 0;
    }
    .layout-holder-four-second .four-layout-holder-content h3{
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .layout-holder-four-second .four-layout-holder-content p{
        font-size: 14px;
        line-height: 20px;
    }
    .widget.widget-navigation.second-widget-navigation, .widget.widget-flw-subs {
        padding-left: 80px;
    }
    #footer_bottom_widget .cricos-txt {
        margin-right: 0;
    }
    .container {
        width: 670px;
    }
    .home-banner-content-inner .sub-txt {
        padding-right: 30px;
    }
    .custom-tab .nav li a {
        font-size: 13px;
    }
    .inner-sub-menu {
        padding: 41px 15px 41px 15px;
    }
    .highlights-box img {
        width: auto;
        max-height: 60px;
    }
    .inner-sub-menu {
        padding: 41px 15px 41px 15px;
    } 
    .inner-sub-menu li a {
        font-size: 11.5px;
    }
    .highlights-box {
        padding: 0 10px 0 0;
    }
    .highlights-inner-content p {
        font-size: 11px;
        line-height: 16px;
    }
    .social-media li a {
/*        width: auto;*/
        font-size: 16px;
    }
    /**/
    .full-label-wrap {
        display: none;
    }
    .news-event-quicklink-wrapper .link-primary.mobile-link {
        display: block;
        background: #0083BF;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    /* date 14-02-2018 */
    /**/
    .news-event-quicklink-box {
        width: 50%;
        float: left;
    }
    /**/
    .what-we-offer-box-content p{
        display: none;
    }
    .what-we-offer-box {
        height: 180px;
    }
    .what-we-offer-box-content h5 {
        font-size: 16px;
    }
    .what-we-offer-box-content .read-more {
        font-size: 12px;
    }
    .what-we-offer-content-box-wrap {
        padding: 50px 0 0 0;
    }
    .widget.widget-navigation.first-widget-navigation {
        padding-left: 90px;
    }
    #footer_top_widget {
        padding: 42px 50px 33px 50px;
    }
    .quote-layout-holder p br {
        display: none;
    }
    .banner-wrapper {
        min-height: 280px;
    }
    .breadcrumb-wrapper {
        padding: 34px 0 40px !important;
    }
    .banner-wrapper.banner-wrapper-medium {
        min-height: 210px;
    }
    .right-sidebar-menu-widget {
        display: none;
    }
    .layout-holder-four-second .section-title br{
        display: none;
    }
    /* end date 14-02-2018 */
	/* directory-single-page */
	.directory-single-page #news-single-slider .fill, .directory-map-wrap iframe {
		min-height: 300px;
	}
	.right-sidebar-second .news-filter-form-wrapper button.btn-go  {
		width: 55px;
	}
	.right-sidebar-second .news-filter-form-wrapper .stylish-input-group .form-control {
    	padding-right: 65px;
	}
}
/* !!! max width 767px !!! */
@media (max-width:767px) {
/*
    	#home_slider .item {
		display: none;
	}
	#home_slider .item:first-child {
		display: block;
	}
*/
    .mobile-address a {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .custom-content p {
        line-height: 26px;
    }
    .event-list-box .event-label br {
        display: none;
    }
/*
    .event-list-box .event-full-date {
        font-size: 14px;
    }
    .event-list-box .event-label {
        font-size: 12px;
    }
*/
    .fix-brand {
        display: none
    }
    #map {
        width: 100%!important;
    }
    .down-arrow {
        bottom: 0;
    }
    .navbar-inverse .navbar-brand {
        padding: 0 0 0 40px;
    }
    .navbar-inverse .navbar-brand img {
        width: 155px;
    }
    .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        font-size: 16px;
        font-family: "quatro-slab",serif;
    }
    /* mobile search form */
    .mobile-form {
        padding: 15px 30px 20px;
    }
    .mobile-form .search-form {
        position: relative;
    }
    .mobile-form .search {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        border: none;
        margin: 0;
        box-shadow: none;
    }
    .mobile-form .search-form .search-field {
        padding-right: 50px;
    }
    /*mobile 3 top menu dropdown */
    .mobile-second-menu>ul {
        padding: 0;
        margin: 0;
    }
    .mobile-second-menu>ul>li {
        width: 115px;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .mobile-second-menu>ul>li a {
        height: 36px;
        color: #fff;
        font-family: 'SourceSansPro-Regular';
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 18px;
        padding: 9px 0;
        text-align: center;
        display: block;
        text-transform: uppercase;
    }
    .mobile-second-menu>ul>li.active>a, .mobile-second-menu>ul>li>a:hover, .mobile-second-menu>ul>li>a:focus {
        background: #0083BF;
    }
    .mobile-second-menu .menu {
        width: 100%;
        background: #0083bf;
        padding: 10px 30px;
        list-style: none;
        margin: 0;
        display: none;
    }
    .mobile-second-menu .menu.open {
        display: block;
    }
    .mobile-second-menu .menu li {
        width: 100%;
        display: block;
    }
    .mobile-second-menu .menu li a{
        text-align: left;
    }
    /**/
    .section-title-primary {
        font-size: 26px;
        line-height: 30px;
    }
  
    /* home page banner */
    #home_slider .container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    #home_slider .item {
        height: 460px;
    }
    #home_slider .fill {
        background-position: 80% 50%;
    }
    .hero-title {
        line-height: 46px;
    }
    .home-banner-content-inner .sub-txt {
        display: none;
    }
    .carousel-caption {
        top: auto;
        height: auto;
    }
    .carousel-caption-white {
        background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 100%, transparent 0%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 100%, transparent 0%);
        background: linear-gradient(to right, rgba(255,255,255,0.9) 100%, transparent 0%);
    }
    .carousel-caption-blue {
         background: -webkit-linear-gradient(left, rgba(0,131,191,0.9) 100%, transparent 0%);
        background: -ms-linear-gradient(left, rgba(0,131,191,0.9) 100%, transparent 0%);
        background: linear-gradient(to right, rgba(0,131,191,0.9) 100%, transparent 0%);
    }
    .home-banner-content {
        padding: 25px 0;
    }
    .home-banner-content .link {
        margin: 0px 0 0 0;
    }
    .carousel-indicators {
        display: none;
    }
    /* news-event-quicklink-wrapper */
    .news-event-quicklink-wrapper .full-label-wrap .col-md-6 + .col-md-6 {
        display: none;
    }
    .recent-news-wrapper, .event-wrapper {
        display: none;
    }
    .news-event-quicklink-wrapper .link-primary {
        line-height: 41px;
    }
    .quicklinks-img-box {
        height: 100px;
        width: 30%;
    }
    .quicklinks-content {
        width: 70%;
    }
    .quicklinks-content h4 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 23px;
        margin: 0 0 10px 0;
    }
    .quicklinks-content .read-more {
        font-size: 14px;
        letter-spacing: 1px;
        font-family: 'SourceSansPro-Bold';
    }


    /* layout-holder-one */
    .layout-holder-one {
        text-align: center;
        padding: 40px 25px;
    }
    .layout-holder-content {
        padding: 30px 0 12px;
    }
    .layout-holder-brand img {
        max-height: 140px;
    }
    /* quote-layout-holder */
    .quote-layout-holder {
        padding: 50px 0 40px;
        min-height: 100%;
    }
    .quote-layout-holder-content {
        padding: 0 50px;
    }
    .quote-layout-holder h2 {
        padding: 10px 0 0 0;
        font-size: 20px;
        line-height: 26px;
    }
    .quote-layout-holder h2 br{ 
        display: none;
    }
    .quote-layout-holder h2:before, .quote-layout-holder h2:after {
        font-size: 60px;
    }
    .quote-layout-holder h2:before {
        left: -40px;
        top: 0;
    }
    .quote-layout-holder h2:after {
        right: -40px;
    }
    .quote-layout-holder p, .quote-layout-holder .read-more {
        padding: 0 0 0 50px;
    }
    
    /* .what-we-offer-wrapper */
    .what-we-offer-wrapper {
        padding: 50px 25px;
    }
    .what-we-offer-box {
        height: 210px;
    }
    .what-we-offer-box-content-inner {
        bottom: 15px;
        right: 15px;
        left: 15px;
    }
    .what-we-offer-box-content h5 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }
    .what-we-offer-box-content p {
        display: none;
    }
    .what-we-offer-box-content .read-more{
        font-size: 12px;
    }
    .what-we-offer-wrapper .what-we-offer-content-inner p {
        font-size: 16px;
        line-height: 24px;
    }
    /* layout-holder-two */
    .layout-holder-two {
        padding: 50px 25px;
    }
    .layout-holder-two h2 {
        line-height: 26px;
        font-size: 20px;
    }
    /* !! footer !! */
    .footer-a {
        border-top: 8px solid #F0F0F0;
    }
    #footer_top_widget {
        padding: 35px 20px 35px 20px;
    }
    #footer_bottom_widget {
        padding: 20px 20px;
    }
    #footer_bottom_widget p {
        display: block;
        margin: 0;
    }
    
    #footer_bottom_widget .abn-txt {
        display: inline-block;
        margin-right: 50px;
    }
    #footer_bottom_widget .cricos-txt {
        margin: 0;
        display: inline-block;
    }
    #footer_bottom_widget a {
        margin: 0 0 0 0;
    }
    .widget-navigation, .widget-flw-subs {
        padding: 30px 0 0 90px;
    }
    #footer_bottom_widget .by-txt {
        margin: 10px 0 0;
        text-align: left;
    }
    #footer_bottom_widget .copyright {
        margin: 0 0 10px 0;
    }
    .footer-a .widget-navigation a {
        font-size: 12px;
        line-height: 14px;
    }
    /* !! all pages comman breadcrumb !! */
    .breadcrumb-wrapper {
        display: none;
    }
    /* !! all pages comman banner !! */
    .banner-wrapper {
        background-position: 80% 50%;
    }
    .banner-wrapper .banner-content{
        top: auto;
        height: auto;
    }
    .banner-wrapper.banner-wrapper-small {
        min-height: 135px;
    }
    .banner-wrapper.banner-wrapper-small .container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .banner-wrapper.banner-wrapper-small .banner-content {
        top: 0;
        height: 100%;
    }
    .banner-wrapper.banner-wrapper-small .hero-title {
        font-size: 36px;
        line-height: 38px;
    }
    .banner-content-blue-dark {
        background: -webkit-linear-gradient(left, rgba(0,79,126,0.9) 100%, transparent 0%);
        background: -ms-linear-gradient(left, rgba(0,79,126,0.9) 100%, transparent 0%);
        background: linear-gradient(to right, rgba(0,79,126,0.9) 100%, transparent 0%);
    }
    .banner-content-white {
        background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 100%, transparent 0%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 100%, transparent 0%);
        background: linear-gradient(to right, rgba(255,255,255,0.9) 100%, transparent 0%);
    }
    .banner-content-blue {
        background: -webkit-linear-gradient(left, rgba(0,131,191,0.9) 100%, transparent 0%);
        background: -ms-linear-gradient(left, rgba(0,131,191,0.9) 100%, transparent 0%);
        background: linear-gradient(to right, rgba(0,131,191,0.9) 100%, transparent 0%);
    }
    .banner-content-black-half {
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 100%, transparent 0%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 100%, transparent 0%);
        background: linear-gradient(to right, rgba(0,0,0,0.75) 100%, transparent 0%);
    }
    .banner-wrapper h1 {
        padding: 15px 0;
        line-height: 52px;
    }
    .banner-wrapper h1 br {
        display: none;
    }
    .banner-wrapper p {
        display: none;
    }
    /* layout-holder-three */
    .layout-holder-three {
        padding: 50px 25px;
    } 
    .layout-holder-three  .layout-holder-brand {
        text-align: left;
        margin-bottom: 30px;
    }
    .layout-holder-three  .layout-holder-brand img {
        max-height: 100%;
    }
    /* layout-holder-four  */
    .layout-holder-four {
        padding: 0px 25px;
    }
    .layout-holder-four .layout-holder-brand {
        margin-bottom: 30px;
        text-align: left;
    }
    .layout-holder-four-second-red .four-layout-holder-content {
        padding: 0;
    }
    .layout-holder-four .layout-holder-brand img {
        max-height: 100%;
    }
    .four-layout-holder-content h3 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 15px 0;
    }
    .four-layout-holder-content p {
        font-size: 18px;
        line-height: 26px;
    }
    /* right sidebar */
    .right-sidebar-menu-widget {
        display: none;
    }
    /**/
    .section-title br {
        display: none;
    }
    /* five-layout-holder */
    .five-layout-holder-content {
        padding: 40px 25px;
    }
    .five-layout-holder-content p, .five-layout-holder-content h3 {
        margin: 0 0 15px 0;
    }
    /* board-member-wrap */
    .board-member-wrap {
        padding: 40px 0 0 0;
    }
    /* layout-holder-six */
    .layout-holder-six {
        padding: 0 25px 50px;
    }
    .layout-holder-info-form .layout-holder-info-form-content {
        padding: 25px;
    }
    .layout-holder-info-form .layout-holder-info-form-content p {
        font-size: 16px;
    }
    .layout-holder-info-form .layout-holder-info-form-content li {
        font-size: 14px;
    }
     /* news and event all pages comman */
    .news-post-title {
        font-size: 24px;
        line-height: 26px;
        padding: 10px 15px 10px 0;
    }
    .news-post-date {
        font-size: 14px;
    }
    .news-event-wrapper {
        padding: 40px 25px 0;
    }
    .news-event-wrapper .recent-news-wrapper, .whatson-wrapper .event-wrapper {
        display: block;
    }
    .news-event-wrapper .news-post-box {
        padding: 0 0 40px 0;
        max-width: 320px;
        margin: 0 auto;
    }
    .news-event-wrapper .news-post-cover, .news-wrapper .news-post-cover {
        height: 185px;
    }
    /* only news all pages comman */
    .news-filter-form-wrapper {
        padding: 40px 25px 10px;
    }
    .hairspray-newsletter-wrapper {
        padding: 0 25px 40px;
    }
    .news-filter-form-wrapper .form-group {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
    }
    .hairspray-newsletter-content {
        padding: 0 0 40px 0;
    }
    .news-wrapper {
        padding: 0px 25px 40px;
    }
    .news-wrapper .recent-news-wrapper {
        display: block;
    }
    .news-wrapper .recent-news-wrapper .news-post-box {
        padding: 0 0 40px 0;
        max-width: 320px;
        margin: 0 auto;
    }
    /* news single */
    #news-single-slider {
        margin: 0;
    }
    #news-single-slider .fill {
        min-height: 260px;
    }
    .right-sidebar-second {
        display: none;
    }
    /* contact page */
    .contact-content-wrapper {
        padding: 40px 25px;
    }
    .staff-contacts {
        display: none;
    }
    /* highlights-wrapper */
    .highlights-wrapper {
        padding: 50px 25px;
    }
    .layout-holder-two-second-img-holder {
        padding: 30px 0 0;
    }
    .highlights-wrapper h2 {
        font-size: 26px;
        line-height: 35px;
    }
    .highlights-wrapper p {
        font-size: 18px;
        line-height: 28px;
    }
    /* reunion page */
    .reunion-wrapper .event-wrapper {
        padding: 30px;
        display: block;
    }
    .reunion-layout {
        padding: 0 25px 50px;
    }
    .reunion-layout h2 {
        font-size: 26px;
        line-height: 32px;
        padding: 20px 0 15px 0;
    }
    .reunion-wrapper .btn-rsvp {
        margin-top: 25px;
    }
    .reunion-wrapper .event-list-box .event-label {
        font-size: 16px;
        line-height: 22px;
    }
    /* moca-business-directory-search */
    .big_banner_wrapper_content {
        justify-content: start;
        padding: 50px 0 0;
    }
    .big_banner_wrapper img {
        width: 100%;
    }
    .big_banner_wrapper .container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .big_banner_wrapper form.search_form {
        max-width: 100%;
    }
    .big_banner_wrapper .big_banner_wrapper_content_inner {
        padding: 0;
    }
    .big_banner_wrapper form.search_form .dropdown-a {
        width: 85%;
    }
    .big_banner_wrapper .search_form .go-btn {
        width: 15%;
    }
    .search_form p, .dropdown-group, .search_form .input-group {
        margin-bottom: 20px;
    }
    /* moca-business-directory page */
/*
    .tab-contents-wrapper .nav li .inner-content-wrapper {
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .tab-contents-wrapper .nav li.active .inner-content-wrapper {
        height: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
*/
    .tab-contents-wrapper .tab-content> .tab-pane {
        display: block!important;
    }
    .inner-content-wrapper {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .tab-contents-wrapper .nav li.active .inner-content-wrapper {
        max-height: 100%;
    }
    /**/
    .tab-contents-wrapper {
        padding: 40px 25px;
    }
    .moca-business-der-inner {
        padding: 40px 25px;
    }
    .moca-business-der-inner form {
        margin: 0;
    }
    .filter-tab-view .sorted-list .inline-list {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .tab-contents-wrapper .nav {
        max-width: 100%;
    }
    .tab-contents-wrapper .nav-pills>li.active>a, 
    .tab-contents-wrapper .nav-pills>li.active>a:focus, 
    .tab-contents-wrapper .nav-pills>li.active>a:hover {
        background: #D20000;
    }
    .tab-contents-wrapper .nav li.active a h4, 
    .tab-contents-wrapper .nav li.active a .user-icon, 
    .tab-contents-wrapper .nav li.active a p{
        color: #fff;
    }
    .tab-contents-wrapper .tab-content .section-title-primary {
        padding: 0 0 30px 0;
    }
    .tab-contents-wrapper .tab-content h3 {
        margin: 30px 0 20px;
    }
    .filter-tab-view {
        padding: 0 25px;
    }
    .tab-contents-wrapper .nav li.active:after {
        display: none;
    }
    .sign-up-wrapper {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        padding: 0 0 40px 0;
    }
    /* all comman page */
    .comman-pages-layout-wrapper .what-we-offer-box {
        max-width: 50%;
    }
        
    /*error pages css 15-jan-2018*/
    .error_wrapper_content {
        padding: 80px 0 80px 0;
    }
    .error-description {
        font-size: 16px;
        line-height: 25px;
    }
    .error-area-center-btn {
        margin-left:0px;
        margin-right: 0px;
    }
	/* directory single pages css */
	.directory-brand-area {
		text-align: left;
	}
}
/* !!! max width 567px !!! */
@media (max-width:567px) {
    
}
/* !!! max width 480px !!! */
@media (max-width:480px) {
    .fix-brand {
        display: block;
        max-width: 60%;
        margin: 0;
        padding: 0 0 20px 0;
    }
/*
#footer_bottom_widget, #footer_bottom_widget .by-txt {
    
    text-align: center;
    }
*/
    
    /* .what-we-offer-wrapper */
    .what-we-offer-box {
        height: 150px;
    }
     /* news and event all pages comman */
    .news-post-title {
        font-size: 16px;
        line-height: 20px;        
        min-height: auto;
    }
    .news-event-wrapper .see-link{
        font-size: 12px;
    }
    .news-post-date {
        font-size: 12px;
        padding: 10px 0;
    }
    .newsletter-content-holder h4 {
        font-size: 16px;
    }
    /**/
    .quote-box {
        padding: 10px 0 20px 30px;
    }
    /**/

    .contact-info [class*="col-"] {
        width: 100%;
    }
    /**/
    .otherlink-area a {
        width: 100%;
    }
    /* moca-business-directory-search */
    .search_form .stylish-input-group button {
        font-size: 14px;
    }
    .search_form .form-control, .big_banner_wrapper form.search_form .dropdown-a {
        width: 80%;
    }
    .big_banner_wrapper .search_form .go-btn {
        width: 20%;
    }
    /* moca-business-directory page */
    .sign-up-wrapper [class*="col-"] {
        width: 100%;
    }
    /**/
    .reunion-wrapper .event-list-box .event-label {
        font-size: 12px;
        line-height: 18px;
    }
    /* 404 page */
    .error_wrapper_content .btn-default {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .errorbanner-wrapper .hero-title br {
        display: none;
    }
    /**/
    .whatson-wrapper .see-link {
        width: 100%;
        margin: 15px 0 0 0;
    }
    .whatson-newsletter-wrapper{
        padding: 0 0 50px 0;
    }
    .news-event-wrapper + .news-event-wrapper {
        padding: 0 25px;
    }
}    
    
/*==========================================*/
/* !! NEW MEDIA DROPDOWN MENU */
/*==========================================*/
@media (max-width: 1199px) {
/*
    .navbar-inverse .navbar-nav>li:before{
        display: none;
    }
*/
    .navbar-inverse .navbar-nav>li>a {
        text-align: left;
    }
    /**/
    #navbar .navbar-nav.responsive-menu .sub-menu,
    #navbar .navbar-nav.responsive-menu .sub-menu li .sub-menu {
        background-color: #004F7E;
        border: none;
        right: auto;
        left: auto;
        opacity: 1;
        position: relative;
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
        width: 100%;
        z-index: 99;
    }
    #navbar .navbar-nav.responsive-menu .sub-menu li>.sub-menu {
        background: #0083BF;
    }
    #navbar .navbar-nav.responsive-menu li .sub-menu,
    #navbar .navbar-nav.responsive-menu li .sub-menu li .sub-menu {
        display: none;
        visibility: visible;
    }
    .navbar-nav.responsive-menu li {
        position: relative;
        margin: 0;
        padding: 0;
        border-top: 1px solid #ccc;
    }
    .navbar-inverse .navbar-nav>li:first-child{
        border-top: none;
    }
    .navbar-nav.responsive-menu li:last-child {
        border-bottom: none;
    }
    .navbar-nav.responsive-menu .menu-item-has-children {
        cursor: pointer;
    }
    .navbar-nav.responsive-menu li:hover {
/*        position: static;*/
    }
    .navbar-nav.responsive-menu .menu-item-has-children:before {
        display: block;
        content: "\f105";
        float: right;
        font: normal normal normal 16px/1 'FontAwesome';
        padding: 19px 0;
        width: 53px;
        z-index: 9999;
        color: #fff;
        background: transparent;
        position: absolute;
        right: 0;
        top: 0;
        height: 53px;
        text-align: center;
    }
    .navbar-nav.responsive-menu .menu-item-has-children ul .menu-item-has-children:before {
        background: transparent;
    } 
    .navbar-nav.responsive-menu li.current-menu-item>a,
    #navbar .navbar-nav.responsive-menu .sub-menu li.current-menu-item a:hover,
    #navbar .navbar-nav.responsive-menu li a,
    .navbar-nav.responsive-menu li a:hover {
        border: none;
        display: block;
        line-height: 1;
        padding: 19px 30px;
        height: auto;
        color: #fff;
    }
    #navbar .navbar-nav.responsive-menu li .sub-menu li a {
        padding: 19px 40px;
        font-family: 'SourceSansPro-Regular';
    }
    #navbar .navbar-nav.responsive-menu li .sub-menu li .sub-menu li a {
        padding: 19px 60px;
    }
    .navbar-nav.responsive-menu li>a .fa {
        margin-left: 5px;
    }
    .navbar-nav.responsive-menu .menu-open.menu-item-has-children:before {
        content: "\f107";
    }
    .navbar-nav.responsive-menu .menu-item-has-children>a {
        margin-right: 60px;
    }
    #navbar li>.sub-menu li.current-menu-item>a, #navbar li>.sub-menu li.current-menu-ancestor>a, #navbar li>.sub-menu li a:hover, #navbar li>.sub-menu li a:focus, #navbar .sub-menu li .sub-menu li.current-menu-item>a, #navbar .sub-menu li.current_page_ancestor>a, #navbar .sub-menu li .sub-menu li.current_page_parent>a{
        background: transparent;
        color: #fff;
        
    }
    /* extra */
    .navbar-nav {
        margin: 0;
        padding: 0;
    }
    #navbar li .sub-menu{
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        height: auto;
        padding-bottom: 0;
    }
}




/* !!! max width 414px !!! */
@media (max-width:414px) {
   .mobile-second-menu>ul>li {
           width: 33.333333%;
    } 
}
/* !!! max width 360px !!! */
@media (max-width:360px) {
    .hero-title {
        font-size: 30px;
    }
    .banner-wrapper h1 {
        line-height: 42px;
    }
    .five-layout-holder-content h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .section-title-primary {
        font-size: 22px;
        line-height: 26px;
    }
    .section-title {
        font-size: 20px;
        line-height: 26px;
    }
    .footer_brand img{
        width: 165px;
    }
    .footer-contact-info {
        padding: 0 0 0 65px;
    }
    .widget-navigation, .widget-flw-subs {
        padding: 25px 0 0 65px;
    }
    /* layout-holder-two / what-we-offer-box */    
    .layout-holder-two, .layout-holder-three {
        padding: 50px 25px;
    }
    .what-we-offer-wrapper {
        padding: 40px 25px;
    }
    .what-we-offer-box-content h5 {
        font-size: 13px;
    }
    .what-we-offer-box-content .read-more {
        font-size: 10px;
    }
    /* quote-layout-holder */
    .quote-layout-holder h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .quote-layout-holder p {
        font-size: 14px;
    }
    .quote-layout-holder .read-more {
        font-size: 12px;
    }
    .quote-layout-holder p, .quote-layout-holder .read-more {
        padding: 0 0 0 20px;
    }
    /**/
    .five-layout-holder-content .section-title-primary {
        margin: 0 0 10px 0;
    }
    /**/
    .board-member-content-holder p {
        font-size: 14px;
        line-height: 20px;
    }
    .what-we-offer-box {
        height: 110px;
    }
    /* moca-business-directory-search */
    .big_banner_wrapper_content .hero-title {
        font-size: 26px;
        line-height: 32px;
    }
    .search_form .form-control, .big_banner_wrapper form.search_form .dropdown-a {
        width: 75%;
    }
    .big_banner_wrapper .search_form .go-btn {
        width: 25%;
    }
    /* moca-business-directory page */
    .tab-contents-wrapper .tab-content {
        padding: 40px 20px;
    }
    .tab-contents-wrapper .tab-content h3 {
        font-size: 16px;
        line-height: 24px;
    }
    
}
/* !!! max width 320px !!! */
@media (max-width:321px) {
    #navbar .navbar-nav.responsive-menu li .sub-menu li a {
        padding: 19px 35px;
    }
    #navbar .navbar-nav.responsive-menu li .sub-menu li .sub-menu li a {
        padding: 19px 45px;
    }
    .panel-default>.panel-heading a {
        font-size: 17px;
    }
    .news-event-quicklink-content h4 {
        line-height: 26px;
        font-size: 15px;
    }
    .news-event-quicklink-wrapper .read-more {
        font-size: 12px;
        letter-spacing: 0;
    }
    .layout-holder-one h4 {
        font-size: 16px;
        line-height: 23px;
    }
    .what-we-offer-box-content h5 {
        font-size: 12px;
        line-height: 14px;
    }
    .what-we-offer-box-content .read-more {
        font-size: 9px;
    }
    /* comman banner */
    .banner-wrapper.banner-wrapper-small .hero-title {
        font-size: 30px;
        line-height: 34px;
    }
    /**/
/*
    .news-event-wrapper .see-link {
        font-size: 6px;
    }
*/
    .news-event-wrapper .news-post-cover, .news-wrapper .news-post-cover, .hairspray-newsletter-content .news-post-cover, .newsletter-cover-holder {
        height: 135px;
    }
    
}
    
@media (min-width:1200px) {
    /* news & event page */
    .news-event-wrapper .news-post-title, .news-wrapper .news-post-title, .hairspray-newsletter-content .news-post-title  {
        font-size: 24px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 767px) {

  .directory-brand-area {
      margin:0 auto;
      text-align:center;
  }

	
	
  .directory-brand-area img {
      max-width: 100%; /* altered to 100% from 290px by BS 31-5-18 */
      text-align: center;
      /* margin: 0 auto; */
  }
  
}