/* // Extra small devices (portrai phones, less than 576px) */

@media (max-width: 575.98px) {
    .dcoc-social-sidebar, 
    #mauritius.state-content span, 
    #comoros.state-content span, 
    .state-content.current span, 
    #reunion.state-content span, 
    #seychelles.state-content span, 
    .state-content span, 
    #site-navigation div.mega-menu-wrap{
        display:none;
    }

    .site-branding {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .sg-note img{
        width:100%;
        position:relative;
        
    }

    #masthead.site-header {
        padding: 16px 0px;
    }
	
	
#resource-modal .modal-dialog {
	max-width:100%;
}
	
    #states svg {
        width:75%;
    }
    
    .footer-supported img {
	width: 100%;
	margin-left: unset;
}

    .state-content img {
        width: 10px;
        height: 10px;
    }

    .custom-logo-link img {
        width: 50%;
    }

    .page-content-contact-us p, 
    .map-area, 
    .dcoc-about-home p, 
    .map-container, 
    .col-right, 
    .dcoc-banner h1{
        width:100%;
    }
    .footer-supported, [class*="offset-"], 
    .latest-new:last-child {
        margin: unset;
    }
    
    .footer-supported {
	display: block !important;
	margin: 0px !important;
}

.dcoc-sec-padd {
	padding: 1.5rem 0px;
}

    .dcoc-banner h1{
        margin-bottom:16px !important;
        font-size: 24px !important;
        margin: 0px 0px 2rem !important;
    }

    .position-relative.dcoc-banner {
        background-position: center;
    }

    .position-relative.dcoc-banner {
        height:65vh;
    }

    .dcoc-banner h1, 
    .dcoc-about-home h1, 
    .dcoc-heading, h1 {
        font-size:2rem;
    }

    .dcoc-heading {
        font-size:2rem;
    }

    .section-title h1 {
        padding: 0px 12px;
    }

    .state-hover-details, 
    .page-content-dcoc-states .custom-logo, 
    .col-right {
        position: relative;
    }

    .section-title {
        height: 25vh;
    }

    .dcoc-heading, .dcoc-pillars .row:nth-child(2) .col-md-6:first-child, 
    .dcoc-pillars .row:nth-child(2) .col-md-6:nth-child(2) {
        margin: 0px 0px 16px;
    }

    .dcoc-inner ul:not(.social-links, .objectives-list) {
        margin-left: 16px;
    }

    .dcoc-ms {
        margin: 16px;
        height: unset;
    }

    .dcoc-heading {
        line-height: initial;
    }

    .latest-new {
        height: 33.3vh !important;
    }

    .dcoc-ms p.add-height{
        height:40vh;
    }

    .page-downloads .nav-item h4 {
        margin: 0px;
        font-size: 18px;
    }

    .nav-fill .nav-item, 
    .nav-fill > .nav-link {
        flex: 1 1 100%;
    }

    #colophon .container > .row > div,
    .latest-new {
        margin-bottom: 16px;
    }

    .wp-block-image.size-large img, 
    figure img {
        height: 100%;
    }

    .wp-block-quote > div img {
        width: 70px;
    }

    .wp-block-quote cite, 
    #state-info-area table {
        font-size: 16px;
    }

    .wp-block-quote cite {
        margin: 0px auto 0px 16px;
        display: block;
    }

    .wp-block-quote {
        background: #57c0d8;
        padding: 16px;
        color: #fff;
        font-size: 18px;
        margin: 16px 0px;
    }
	
    .member-partner-flag .col-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #mauritius.state-content, 
    #comoros.state-content, 
    .state-content.current, 
    #reunion.state-content, 
    #seychelles.state-content {
        background:transparent;
    }
	
.footer-supported ul {
	display: flex;
	width: 100%;
	align-items:center;
	flex: 0 0 50%;
	flex-wrap: wrap;
}

    .menu-open span {
        margin-left: 4px;
    }

    #state-info-area h3 {
        font-size: 32px;
    }

    .menu-open {
        display: flex;
        align-items: center;
    }

    .state-hover-details {
        margin-top: 0px;
        padding-left: 16px;
    }

    #state-info-area {
        width: calc(100% - 32px);
        margin: 0px auto;
        display: block;
        pointer-events: auto;
    }
	
    .latest-news .row .col-md-6:last-child .latest-new:first-child, 
    .latest-news.dcoc-sec-padd .col-md-6 {
        margin: 0px 0px 16px;
    }
	
    .dcoc-pillars .card .card-body {
        padding: 16px;
    }
        
    .menu-open {
        background: #fff;
        position: fixed;
        right: 0px;
        z-index: 99999999999;
        padding: 0px 16px 0px 10px;
        border-left: 2px solid #007a8d;
        height: 30px;
    }
        
    .page-content-dcoc-states .custom-logo {
        display: none;
    }

    #states div.row, 
    #states div.col-md-12 {
        padding: 0px;
    }

    .steering-committee-thumb a img {
        height: 50px;
    }

    .dcoc-ms p {
        height: 40vh;
    }
	
.footer-supported img {
	width:35%;
	margin: 0px auto;
	margin-bottom: 26px;
	display: block;
}

    #state-info-area h3 {
        font-size:32px;
    }

    .card-columns {
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    }

    .dcoc-pillars .row:nth-child(2) .col-md-6{
    margin:0px 0px 16px;}

    .page-content-work-group-2 .col-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .jksd ul li::before, 
    .dcoc-inner ul:not(.social-links, .objectives-list) li::before {
    left: -16px;
    }
	
	.footer-supported span {
	text-align: center;
	display: block;
	margin: 0px 0px 16px;
}

    .steering-committee-thumb a img {
        height:100px;
    }
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px){

}