#header {
    border-bottom: 1px solid #c5c5c5;
}
.wrap-contact {
    margin: 9.5rem 0 0;
    position: relative;
    background: #F4F7F9;
    padding: 4rem 0 9rem 3rem;
}
.nav-list-header li a {
    font-size: 16px;
    color: #000;
    font-size: 600;
}

.sdgs-img{
	    border: 2px solid #d2d2d2;
}
.sdgs-big-logo{
	padding-top: 5rem;
}
.sdgs-big-logo img{
	max-width: 400px;
}
.sdgs-big-logo p {
    padding: 5rem 0 7rem 0;
    font-size: 2rem;
}
.sdg_sec_head {
    min-height: 1.2rem;
    margin: 0 0 4rem;
    padding: 0rem 1.5rem;
    border-left: 3px solid var(--all-color-title);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sdg_sec_head h3{
	 margin: 0;
    font-size: 2.4rem;
}
.sdg-text{
	line-height: 2;
}
.sdgs-big-logo p{
	line-height: 1.6;
}
.container-box{
	padding: 0 15rem;
}
.sdg-group-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 3rem 0 5rem  0;
}
.sdg-group-img img{
	max-width: 120px;
}
.container-sdg{
	padding-top: 8rem;
}
.sdg-group-img img:nth-child(2){
	margin: 0 4rem;
}

@media screen and (min-width: 1400px){
	
	.container-box{
   max-width: 1320px;
    margin: 0 auto;
    padding: 0 1.5rem;		
	}	
	
	
}

@media screen and (max-width: 992px){
	
.sdgs-img, .sds-img {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
	
	
	
}


@media all and (min-width:768px) and (max-width:1200px) and (orientation: portrait) {
.wrap-contact {
    padding: 4rem 0 3rem 3rem;
}
.container-sdg {
    padding-top: 5rem;
}	
.container-box {
    padding: 0 5rem;
}	
	.all-list-icon img{
	    max-width: 300px;
    display: block;
    margin: 0 auto;
	}	
.sdgs-big-logo img {
    max-width: 330px;
}	
	.sds-img{
    max-width: 400px;
    margin: 0 auto;
    display: block;
	}	
.sdg-group-img img {
    max-width: 100px;
}	
	
	
	
	

}

@media all and (min-width:768px) and (max-width:1200px) and (orientation: landscape) {

.container-box {
    padding: 0px 7rem;
}	
	
	

}


@media screen and (max-width: 767.98px){
	
	
.wrap-contact {
    padding: 4rem 0 3rem 0rem;
}
.all_under_pagetitle {
    padding-top: 3rem;
}
.sdgs-big-logo img {
    max-width: 280px;
}
.sdgs-big-logo p {
    padding: 5rem 0 0rem 0;
   font-size: calc(1.4rem + 0.5vw);
}

.container-box {
    padding: 0 5rem;
}
.sdg_sec_head {
    margin-left: 1.1rem;
    padding: 0 0.5rem;
}
.sdg-group-img img {
    max-width: 90px;
}
.sdgs-img, .sds-img {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
	
	
	
	
}

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


	.sdgs-page .title-all-page{
	font-size: 3.5rem;	
	}
	.sdg-br{
		display: none;
	}
.container-box {
    padding: 0 1rem;
}
.sdgs-img {
    max-width: 200px;

}
	.sds-img{
    max-width: 270px;
    margin: 0 auto;
    display: block;	
	}
.modal.show .modal-dialog {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 15%;
}	
	
}

@media screen and (max-width: 320px){
	.sdg-group-img img:nth-child(2) {
    margin: 0 3rem;
}
.sdg-group-img img {
    max-width: 80px;
}
	
	
}