.subject-85-1{
	margin:0;
	padding:0;
	min-height:720px;
	position: relative;
}
.subject-85-1 .icon{
	position:absolute;
	     top: 70px;
	left:50%;
	margin-left:-50px;
}
.subject-85-1 .subject-block{
	padding-top:10px;
}
.subject-85-1 .subject-pic{
	margin:0;
	padding:0;
	text-align:center;
	background: #fdfdfd url(../images/subject-85/w-bg.png) bottom center no-repeat;
	border: #ee9809 3px solid;
	height: 180px;
	margin: 10px;
}
.subject-85-1 .subject-pic .d-flex{
}
.subject-85-1 .subject-pic .icon-box{
	margin:0;
	padding:0;
}
.subject-85-1 .subject-pic .icon-box img{
	max-width:100%;
	height:auto;
}
.subject-85-1 .subject-pic .text-box{
	margin-top: 18px;
	text-align:center;
	font: 15px/18px 'Kanit', Arial, sans-serif;
	color: #fff;
}
.subject-85-1 .subject-pic .text-box a{
	color: #0075ad;
}

.subject-85-1 .subject-pic{
	padding: 10px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	text-decoration: none;
	background-size: cover;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.subject-85-1 .subject-pic:hover{
		transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
}


@media (max-width: 374px) { 
.subject-85-1 .subject-pic .d-flex{
	height:155px;
}
.subject-85-1 .subject-pic{
	    width: 100%;
    height: 155px;	
}
.subject-85-1 .subject-pic .text-box{
	width:100%;
	    padding: 0px 15px;
    font: 16px/18px 'Kanit', Arial, sans-serif;
	color:#1e3b8e;
}
.subject-85-1 .subject-pic .icon-box img{
	    max-width: 43%;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.subject-85-1 .col-sm-4{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;	
}
.subject-85-1 .col-4{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;	
}
.subject-85-1 .subject-pic .d-flex{
	height:155px;
}
.subject-85-1 .subject-pic{
	    /* width: 100%; */
	    height: 182px;
}
.subject-85-1 .subject-pic .text-box{
	width:100%;
	    padding: 0px 15px;
    font: 16px/18px 'Kanit', Arial, sans-serif;
	color:#1e3b8e;
}
.subject-85-1 .subject-pic .icon-box img{
	    max-width: 43%;
}
 }
@media (min-width: 420px) and (max-width: 575px) {
	.subject-85-1{
	    /* margin-top: -249px; */
}
.subject-85-1 .subject-pic .d-flex{
	height:121px;
}
.subject-85-1 .subject-pic{
	    /* width: 100%; */
	    height: 168px;
}
.subject-85-1 .subject-pic .text-box{
	width:100%;
	    padding: 0px 15px;
        font: 15px/16px 'Kanit', Arial, sans-serif;
	color:#1e3b8e;
}
.subject-85-1 .subject-pic .icon-box img{
	    max-width: 43%;
	
}
}
@media (min-width: 576px) and (max-width: 767px) { 
	.subject-85-1{
	    margin-top: -249px;	
}
.subject-85-1 .subject-pic .d-flex{
	height:155px;
}
.subject-85-1 .subject-pic{
	    width: 100%;
    height: 155px;	
}
.subject-85-1 .subject-pic .text-box{
	width:100%;
	    padding: 0px 15px;
      font: 18px/18px 'Kanit', Arial, sans-serif;
	color:#1e3b8e;
}
.subject-85-1 .subject-pic .icon-box img{
	    max-width: 43%;
	
}
}
@media (min-width: 768px) and (max-width: 991px) { 
.subject-85-1 .subject-pic .d-flex{
	height:155px;
}

.subject-85-1 .subject-pic{
	 height: 179px;
	 /* width:100%; */
	 background-size:100%;
}
.subject-85-1 .subject-pic .icon-box img{
	    max-width: 50%;	

}
.subject-85-1 .subject-pic .text-box{
	width:100%;
	    font: 15px/24px 'Kanit', Arial, sans-serif;	
}
.subject-85-1 .subject-block{
	    padding-bottom: 30px;	
}
.subject-85-1 .subject-pic{
	    /* padding: 10px; */
	    text-align:center;
}
.subject-85-1 .subject-pic img{
	  transform: scale(1);  
} 
 }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }