/*-------------------------------*/
/* Mobile Menu */
/*-------------------------------*/
@media (max-width: 1024px) {
    .wrapper.menu-wrapper nav.navbar .menu-holder ul li a {
        padding: .5rem 1rem;
    }
}
@media (max-width: 768px) {
    .wrapper > nav.navbar {
        top: 50px !important;    
    }
    ul#menu-business-mauritius-menu {
        margin: 0;
    }
    .wrapper > nav.navbar {
        margin-left: 100%;
    }
    .wrapper > nav.navbar.open {
        position: fixed;
        height: 100vh;
        align-items: normal;
        margin-left: 0 !important;
    }
    .wrapper.menu-wrapper nav.navbar .menu-holder ul li {
        display: block;
    }
    .wrapper.menu-wrapper nav.navbar .menu-holder ul li a {
        padding: 10px;
        text-align: left !important;
    }
    .wrapper.menu-wrapper nav.navbar .menu-holder ul#menu-business-mauritius-menu {
        padding-top: 10px !important;
    }
    .wrapper.menu-wrapper nav.navbar .menu-holder ul.dropdown-menu {
        position: relative !important;
    }
    ul.dropdown-menu {
        background: transparent;
        border: none;
    }
    .wrapper.menu-wrapper nav.navbar .menu-holder ul.dropdown-menu li a  {
        color: #003a59 !important;
    }
    .wrapper.menu-wrapper nav.navbar .menu-holder ul.dropdown-menu li {
        margin-left: 15px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .wrapper > nav.navbar {
        top: 85px !important;
    }
}

/*-------------------------------*/
/* FOOTER */
/*-------------------------------*/
@media (max-width: 1024px) {
    .small-12.large-6.columns.get-in-touch.right-column ul.row li span.icons {
        width: 73% !important;
    }
}
@media (max-width: 768px) {
    .small-12.large-6.columns.get-in-touch.right-column ul.row li span.icons {
        width: 70% !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .small-12.large-6.columns.get-in-touch.right-column ul.row {
        text-align: left !important
    }
    .small-12.large-6.columns.get-in-touch.right-column ul.row li span.icons {
        width: 60px !important;
    
    }

    /*SME*/
    span.title-sme {
        font-size: 55px;
    }
    .sme-title span.title-service {
        font-size: 20px;
    }
    .sme-header-container h1.sme-title {
        line-height: 20px;
        text-align: left;
    }
    .sme-header-container ul#menu-sme-service-menu {
        display: inherit;
    }
}

/*-------------------------------*/
/* Homepage */
/*-------------------------------*/
@media (max-width:768px) {
    .page-content-wrapper .visual figure img {
        height: 300px;
        object-fit: cover;
    }
    section.content.list.who-we-are {
        height: unset;
    }
    .covid-banner .banner-btn-wrapper {
        position: relative;
        right: -40px;
        top: 30px;
    }
    .covid-banner .homepage-slider-wrapper {
        height: 200px !important;
    }
    .covid-banner .image-wrapper img {
        height: 200px !important  ;
    }
    .homepage-header-wrapper img,
    .homepage-slider-wrapper, 
    .video-wrapper video, 
    .bm-header-text {
        height: 300px;
    }
    .covid-banner .bm-header-text {
        height: 200px;
    }
    .homepage-slider-wrapper i {
        font-size: 20px;
    }
    .heading-wrapper h1 {
        font-size: 15px;
    }
    .bm-header-text {
        width: 70%;
    }
    .text-wrapper p {
        font-size: 15px;
    }
    .banner-btn-wrapper a {
        font-size: 12px;
        padding: 5px
    }
    .homepage-slider-wrapper .slick-prev {
        top: 50%;
        left: 50px;
    }
    .homepage-slider-wrapper .slick-next {
        top: 50%;
        right: 50px;
    }
    div#learn-more-arrow {
        height: 70px;
    }
    .homepage-content-wrapper {
        padding: 30px 20px !important;
    }
    .about-us-boxes li a {
        height: 213px !important;
    }
    .about-us-boxes li a p {
        font-size: 12px !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .page-content-wrapper .visual figure img {
        height: 170px;
        object-fit: cover;
    }
    .training-slider-wrapper {
        height: 245px !important;
    }
    .homepage-banners {
        margin-top: 25px;
    }
    .homepage-header-wrapper img,
    .homepage-slider-wrapper, 
    .video-wrapper video, 
    .bm-header-text {
        height: 200px;
    }
    div#learn-more-arrow {
        height: 45px;
    }
    .learn-more-arrow span {
        font-size: 20px;
    }
    .homepage-slider-wrapper i {
        font-size: 20px;
    }
    .heading-wrapper h1 {
        font-size: 15px;
    }
    .bm-header-text {
        width: 70%;
    }
    .text-wrapper p {
        font-size: 15px;
    }
    .banner-btn-wrapper a {
        font-size: 12px;
        padding: 5px
    }
    .homepage-slider-wrapper .slick-prev {
        top: 50%;
        left: 20px;
    }
    .homepage-slider-wrapper .slick-next {
        top: 50%;
        right: 20px;
    }
    .homepage-content-wrapper {
        padding: 30px 20px !important;
    }
    .homepage-latest-news p.news-title,
    .excerpt-latest-news,
    .latest-news-wrapper p.news-title {
        height: unset !important;
    }
    .wrapper > section.content.list.homepage-latest-news .page-content .content-holder ul.content-block-grid > li {
        width: 100% !important;
        height: unset !important; 
    }
    section.content.list.news-and-media.homepage-latest-news {
        padding: 30px 20px !important; 
    }
}

/*-------------------------------*/
/* Template Pages */
/*-------------------------------*/
@media (max-width: 1024px) {
    .page-content-wrapper {
        margin-top: 140px;
    }
}
@media (max-width: 768px) {
    .page-content-wrapper {
        margin-top: 50px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .page-content-wrapper {
            margin-top: 86px;
    }
}

/*-------------------------------*/
/* Who we are */
/*-------------------------------*/
@media (max-width: 768px) {
    section.content.list.who-we-are {
        height: unset !important;
    }
}

/*-------------------------------*/
/* News & Media */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .wrapper > section.content.list.news-and-media .page-content .content-holder.news .row.photo-holder > .columns figure a {
        height: 85px !important;
    }
    .wrapper > section.content.list.news-and-media .page-content  .content-holder .photo-holder ul.content-block-grid {
        margin-left: 0;
        margin-top: 40px;
    }
}

/*-------------------------------*/
/* Latest News */
/*-------------------------------*/
@media (max-width: 768px) {
    .latest-archive-news-container {
        margin-top: 50px;
    }
    .latest-news-header {
        height: 300px;
    }
    .latest-news-box .news-featured-img {
        height: 135px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .latest-archive-news-container {
        margin-top: 85px;
    }
    .latest-news-header {
        height: 170px;
    }
    .intro-covid-text {
        padding: 50px 5px;
    }
    .latest-news-category-wrapper ul li {
        display: block;
        margin-bottom: 5px;
    }
    .latest-news-box .news-featured-img {
        height: 170px;
    }
    .bm-support-covid-team {
        padding: 30px 10px;
        max-width: 100%;
    }
}

/*-------------------------------*/
/* SME Page */
/*-------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    /* Mobile Menu */
    .sme-mobile-menu {
        display: block !important;
    }
    .sme-desktop-menu {
        display: none;
    }
    .sme-header-container ul {
        margin: 0;
        padding: 15px 0;
    }
    .sme-header-container ul li {
        margin-bottom: 10px;
    }
    .sme-header-container ul li a {
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        padding-left: 25px;
        font-weight: 600;
        color: #003A59;
        font-size: 14px;
        transition: 0.3s ease-in-out;
    }
    span.title-service:before {
        content: "\A";
        white-space: pre;
    }
    .sme-header-container {
        padding: 25px 0 0;
    }
    .sme-logo {
        max-width: 170px;
        padding-left: 10px !important;
    }
    .sme-mobile-menu button.navbar-toggler {
        padding: 2px 5px 4px;
        position: relative;
        height: 35px;
        float: right;
        width: 35px;
        margin-top: -60px;
        right: 0;
        border: none;
        outline: none !important;
    }
    .sme-mobile-menu span.navbar-toggler-icon {
        height: 3px;
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        background: #fff;
        width: 90%;
    }
    .sme-mobile-menu span.navbar-toggler-icon:before {
        background: #fff;
        position: absolute;
        margin: 0 auto;
        bottom: -10px;
        content: '';
        height: 3px;
        right: 0;
        left: 0;
    }
    .sme-mobile-menu span.navbar-toggler-icon:after {
        background: #fff;
        position: absolute;
        margin: 0 auto;
        content: '';
        height: 3px;
        top: -10px;
        right: 0;
        left: 0;
    }
    .sme-menu-wrapper.menu-wrapper {
        margin-left: -50vw;
        position: absolute;
        background: #F7F8F8;
        margin-top: 0;
        display: block;
        width: 100vw;
        left: 50%;
        box-shadow: 0 1px 5px 0 rgb(0 0 0 / 28%);
        z-index: 2;
        top: 20px;
    }
    /* Page Content */
    .sme-content-container .wpb_text_column {
        padding: 20px 15px;
    }
    .sme-content-container ul li {
        padding-right: 0;
        width: 100%;
    }
    .sme-content-container ul li:after {
        display: none;
    }
    .sme-webinar-container .vc_column-inner {
        width: 100% !important;
    }
    .sme-webinar-title {
        margin-top: 0;
    }
    .sme-webinar-title h2 {
        text-align: center;
    }
    p.webninar-subtitle {
        margin-top: 35px;
    }
    .webinar p.date-time {
        margin-bottom: 50px;
    }
    .speaker-photo-container {
        margin-bottom: 45px;
    }
    .sme-latest-news-container h1 {
        text-align: center;
    }
    .sme-main-content section.content.list.news-and-media.homepage-latest-news {
        padding: 0 0 0 30px !important;
    }
    .sme-view-more-webinars-container {
        margin-top: 45px;
    }
    .sme-view-more-webinars-container .vc_column-inner > .wpb_wrapper {
        width: 100%;
    }
    .sme-eprocurement-inner-container .container {
        padding: 0 15px;
    }
    .sme-eprocurement-row,
    .support-mechanism-container {
        margin: 0 !important;
    }  
    .support-mechanism-container {
        margin-top: 0;
    }
    .support-mechanism-container button.slick-prev {
        left: -3px;
    }
    .support-mechanism-slider .slick-slide {
        padding: 0 40px 0 17px;
    }  
    .support-mechanism-slider .slick-slide:after {
        display: none;
    }
    .sme-eprocurement-inner-container h1, .support-mechanism-container h1 {
        text-align: center;
        font-size: 20px;
        margin: 0;
    }
    .sme-questions-form {
        display: none;
        left: 25px;
    }
    .sme-questions-form h2 {
        text-align: center;
        font-size: 26px;
    }
    .useful-links-content {
        padding-right: 0 !important;
        padding-left: 30px !important;
        padding-bottom: 75px;
    }
    .useful-links-content a {
        font-size: 12px;
    }
    .single-support_mechanism .page-content-wrapper,
    .single-support-mechanism-banner {
        margin-top: 0;
    }
    .support-mechanism-content h4 {
        margin-top: 70px;
    }
    .support-mechanism-content h4 strong:before {
        width: 290px;
    }
    .sme-support-leme-table .table thead th {
        font-size: 12px;
        padding: 5px 15px !important;
    }
}

/* sunref */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .page-template-template-sunref a.ham,
    .single-sunref_technology a.ham {
        display:  none;
    }
    .sunref-logo {
        max-width: 150px;
    }    
    .sunref-header {
        min-height: 200px;
    }    
    .sunref-header img {
        min-height: 200px;
    }    
    .sunref-header .sunref-logo img {
        min-height: auto;
    }
    .sunref-content-container {
        max-width: 90%;
        margin: 0 auto;
    }
    .sunref-content-container .wpb_video_wrapper {
        width: 100% !important;
        height: 200px;
        margin: 0 auto !important;
    }
    .sunref-heading h2{
        font-size: 25px;
        margin-top: 30px;
        margin-bottom: 30px !important;
    }
    .sunref-text-content ul {
        margin-left: 24px;
    }
    .download-brochure-content{
        display: flex;
    }    
    .download-brochure-content .vc_col-sm-6 {
        max-width: 50%;
    }
    .leme-brochure-container p {
        line-height: 40px;
    }
    span.leme-application-download {
        float:  left;
        padding: 0 0 15px;
    }    
    span.leme-mitigation-download {
        float:  left;
        padding-bottom: 50px;       
        padding-left: 6px;
    }
    thead, tbody, th, td, tr {
        display: block;
    }
    td.no_ref {
        background: #959595;
    }
    th.ref, th.best-technlogy, th.objective, th.applications, th.min-performance, th.download, th.links {
        width: 100%;
        max-width: 100%;
    }
    .leme-tabs-content-container td p {
        padding: 15px 0;
    }
    .download-brochure span.separator {
        display: none;
    }
    .leme-container .table-filter div {
        width: 100%;
        margin-bottom: 15px;
    }
    .partners-sunref-container {
        display: block;
        float: none;
        margin: 0 auto 20px;
        position: relative;
         width: 100% !important;
    }
    .partners-sunref-container:after {
        display: none !important;
    }
    .partners-sunref > .vc_column-inner {
        margin: 0 auto;
    }
    .technology-cat {
        float: left;
    }
    .single-sunref_technology .sunref-container .tab-window > .tab-content .tab label{
        width: 100%;
    }
    .single-sunref_technology .sunref-container .tab-window > .tab-content .tab .tab-content-holder{
        z-index: 0;
        position: relative;
        left: 0;
    }
    .single-sunref_technology .tab-window > .tab-content .tab [type="radio"]:checked + label + .tab-content-holder{
        display: block ;
    }
    .single-sunref_technology .sunref-container .tab-window > .tab-content .tab .tab-content-holder{
        display: none;
    }
    .single-sunref_technology .sunref-container {
        margin-bottom: 0;
    }
    .sunref-container .technology-featured-img{
        margin-bottom: 25px;
        height: auto;
    }
    .sunref-footer .col-md-6.right {
        justify-content: end;
    }
    
}
@media (max-width: 768px) {
    .single-sunref_technology a.ham,
    .page-template-template-sunref a.ham {
        display:  none;
    }
    .sunref-header {
        min-height: 200px;
    }
    
    .sunref-header img {
        min-height: 200px;
    }
    .sunref-header .sunref-logo img {
        min-height: auto;
    }
    .sunref-content-container {
        margin: 0 auto;
        max-width: 90%;
    }
    .sunref-content-container .wpb_video_wrapper {
        width: 100% !important;
    }
    .leme-brochure-container p{
         line-height: 30px;
    }
    span.leme-application-download {
        margin-top: 30px;
    }
    span.leme-application-download a {
        margin-left: 15px;
    }
    span.leme-mitigation-download {
        position: inherit;
        left: 0;
        right: inherit;
        padding-left: 0;
    }
    span.separator {
        position: absolute;
        top: 35px;
        left: 375px;
        /* left: 52%; */
    }
    .leme-tabs-content-container th:first-child, 
    .leme-tabs-content-container td:first-child {
        position: sticky;
        padding: 0 15px;
        left: -1px;
    }
    .leme-tabs-content-container table.selected {
        overflow: scroll;
    }
    .single-sunref_technology .sunref-container .technology-featured-img {
        height: calc(100% - 100px);
        margin-top: 100px;
    }
    
    .partners-sunref-container:nth-child(2)::after {
        display: none;
    }
    .partners-sunref-container{
        margin-bottom: 15px;
        width: 50%;

    }
    .leme-tabs-content-container table th:nth-child(6), 
    .leme-tabs-content-container table td:nth-child(6) {
        display: none;
    }

}
@media  only screen and (max-width: 1024px) {
    .sunref-header {
        min-height: 300px;
    }
    
    .sunref-header img {
        min-height: 300px;
    }
    
    .sunref-header .sunref-logo img {
        min-height: auto;
    }
    .sunref-content-container {
        max-width: 90%;
        margin: 0 auto;
    }
    .partners-sunref-container:nth-child(2)::after {
        display: none;
    }
    .partners-sunref-container{
        margin-bottom: 15px;
        width: 50%;

    }
}