/*index*/
@media only screen and (max-width: 767px) {
  .grn_bor{
    border-right: none;
    }
    .mass_grn_bor{
        border-bottom: none;
    }
    .top-head{
        font-size:  26px;
    }
    .director h3{
        font-size: 20px;
    }
    .chairman-title{
        margin-top: 8px;
    }
}
@media only screen and (max-width: 425px) {
    .top-head{
        font-size:  18px;
        padding: 10px
    }
}
@media only screen and (max-width: 360px) {
	.chairman-title .f_s{
		font-size:18px;
	}
    .chairman .image img {
        width: 200px;
    }
    .gallery img{
        width:160px;
    }
	.director h3 {
    font-size: 15px;
	}
}
@media only screen and (max-width: 970px) {
    .brows-table ul li{
        margin-bottom: 25px;
    }
    .azdiv .bank-list ul li a {
        font-size: 20px;
    }
}   
@media only screen and (max-width: 505px) {
    .brows-title h2{
        font-size: 18px;
    }
    .brows-table ul li a {
        padding: 8px;
        font-size: 20px;
    }
    .board-left h3,
    .board-right h3, 
    .contact-left h3,
    .contact-right h3{
        font-size: 20px;
    }
} 
@media only screen and (max-width: 286px) {
   
    .brows-table ul li a {
        padding: 6px;
        font-size: 20px;
    }
	.chairman-title .f_s{
		font-size:14px;
	}
}
@media only screen and (max-width: 400px) {
   .azdiv .bank-list ul li a {
        font-size: 15px;
    }
	
}
@media only screen and (max-width: 1000px) {
    .person-blog{
        margin-left: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .person-blog{
        margin-left: 0;
    }
}
@media only screen and (max-width: 500px) {
    .person-blog h2{
        font-size: 20px;
    }
}
@media only screen and (max-width: 420px) {
    .main-gallery a img{
        width: 200px;
    }
}
@media only screen and (max-width: 475px) {
    .director-blog h2{
        font-size: 23px;
    }
    .director-blog h3{
        font-size: 23px;
    }
}
@media only screen and (max-width: 320px) {
    .director-blog h2{
        font-size: 20px;
    }
    .director-blog h3{
        font-size: 20px;
    }
	.gallery img{
		width: 150px;
	}
}
@media only screen and (max-width: 500px) {
    .research_sup h3{
        font-size: 17px;
    }
     .research_sup ul li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 400px) {
    .aboutL h2,
    .aboutR h2{
        font-size: 20px;
    }
}
@media only screen and (max-width: 570px) {
    .gallery img{
		width: 250px;
	}
}
@media only screen and (max-width: 320px) {
    .welcome{
		font-size:20px;
	}
	.gallery img{
		width: 200px;
	}
}

@media only screen and (max-width: 430px) {
	.sb-link{
		padding-left:10px;
	}
   .sb-link ul li a{
		font-size:18px;	
   }
   .sb-link ul li a span {
    font-size: 12px;
}
}