@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{ background:url(../images/green-bg.jpg) repeat; height:100vh; }
.container{ width:100%; max-width:1000px; margin:auto; position:relative;}
.logo{ width:100%; text-align:center; float:left; margin-top:36px; padding:0 20px; box-sizing:border-box;}
.medical-logo{width:100%; float:left; margin-bottom:30px; position:relative;s}
.medical-logo:after {
    width: 100%;
    height: 116px;
    background: #d53735;
    content: "";
    display: block;
    margin-top: 6px;
    z-index: -9;
    position: absolute;
    top: calc(50% - 58px);
}

.jhunjhunu{float:right;}
.dundlod{float:left; position:relative;}
.logo-set {
    display: flex;
    justify-content: space-between;
}						
.logo-set div{width:40%;}
.logo-set div img{ width:100%;}





@media only screen and (max-width: 767px){
	
		.logo-set {flex-direction: column;
    align-items: center;
    justify-content: center;}
	
	.logo-set div {
    width: 100%;
}

.logo-set div img {
    width: 50%;
}
.girls-school{margin-top:114px; margin-bottom:30px;}
}

@media only screen and (max-width: 640px) {
	
	img{max-width:100%;}
    .medical-logo{text-align:center; padding:0px; box-sizing:border-box; margin-bottom:100px;}
	.medical-logo:after{ content:inherit;}
	.jhunjhunu {
  clear: both;
  float: left;
  margin-bottom: 30px;
  margin-top: 114px;
  text-align: center;
  width: 100%;
  position:relative;
}
	.jhunjhunu:after{width: 100%;
    height: 116px;
    background: #ffd203;
    content: "";
    display: block;
    margin-top: 0px;
    z-index: -9;
    position: absolute;
    top: calc(50% - 58px);}
	
	
	.dundlod:after{width: 100%;
    height: 116px;
    background: #ffd203;
    content: "";
    display: block;
    margin-top: 0px;
    z-index: -9;
    position: absolute;
    top: calc(50% - 58px);}
	.dundlod{width:100%;}


}