@media (min-width: 1200px){
 .container{
        max-width: 1170px;
    }
}
@media (min-width: 1450px){
    .container{
        max-width: 1280px;
    }

}

@media (min-width: 1680px){
    .container{
        max-width: 1320px;
    }
    .container{
        max-width: 1400px;
    }

    .site-header .container {
        max-width: 1400px;
    }

    .sdg-tracker-info-item {
        min-height: 270px;
    }

    .nav-btn-group .menu-btn .menu-src-text {
        display: inline-block;
    }

    .nav-btn-group .menu-btn.topBtnSrc {
        min-width: 125px;
    }
    .sdg-resources-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 200px;
    }
    .nav-btn-group .menu-btn .menu-src-text {
        display: inline-block;
    }

}

@media (max-width: 991px){

	.footer-item {
		margin-bottom: 30px;
	}

  .container{
        max-width: calc(100% - 30px);
    }
}

@media (max-width: 767px){
	.footer-copyright .copyright-text,
	.footer-copyright .developed-by{
		text-align: center;
		justify-content: center;
	}
    .btn-group-mobile button {
        margin-bottom: 5px;
    }
    .data-container .list-group {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .data-container .list-group::-webkit-scrollbar {
        display: none;
    }

    .data-container .list-group .list-group-item {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
    }
    .theme-title{
        font-size: 14px;
    }
}

@media (max-width: 575px){

    .sdg-thematic-item{
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }
    .carousel-inner {
        height: 200px;
    }
    .slide-title {
        font-size: 16px;

    }
    .slide-text{
        font-size: 22px;
    }
    .carousel-caption{
        top: 18% ;
    }
    .area-title, .stories-body h1{
        font-size: 32px;
    }


}

@media (min-width: 992px){
    .resView{
        display: none !important;
    }
}
@media (max-width: 1340px) {
    .nav-btn-group .menu-btn .menu-src-text {
        width: 75px;
    }
}

@media (max-width: 1199px) {
    .nav-btn-group .menu-btn .menu-src-text {
        display: none !important;
    }
}
@media (min-width: 576px) and (max-width: 912px){
    .carousel-inner {
        height: 230px;
    }
    .slide-title {
        font-size: 18px;

    }
    .slide-text{
        font-size: 24px;
    }
    .carousel-caption{
        top: 18% ;
    }
}
@media (min-width: 913px) and (max-width: 1199px){
    .carousel-inner {
        height: 240px;
    }
    .slide-title {
        font-size: 20px;

    }
    .slide-text{
        font-size: 26px;
    }
    .carousel-caption{
        top: 18% ;
    }
}