
.slick-slide {margin:15px; display: flex; padding:0; text-align: center; overflow:hidden;}

.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; padding:0;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{ display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

.student-img { width:140px; height: 140px; padding: 1px; margin: auto; background: var(--white-color); border-radius:var(--border-radius-50);}
.student-name {color:var(--dark-color); font-size:13px; line-height:20px; text-transform: uppercase; margin-bottom:2px; margin-top:15px; padding:0; font-weight:var(--font-weight-800); letter-spacing: var(--letter-spacing-05);}
.student-edu {color:var(--text-color); font-size:12px; line-height:18px; text-transform: uppercase; margin-bottom:0; margin-top:0; padding:0; font-weight:var(--font-weight-700);}
.student-rank {color:var(--text-color); font-size:12px; line-height:18px; margin-bottom:0; margin-top:0; padding:0; font-weight:var(--font-weight-500);}

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {
	
	
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
 
.student-img { width:100px; height: 100px;}
   
}

@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

.student-img { width:90px; height:90px;}
.student-name {font-size:12px; line-height:18px;}
.student-edu {font-size:11px; line-height:15px;}
.student-rank {font-size:11px; line-height:15px;}      
}

@media only screen and ( min-width: 481px) and ( max-width: 599px ) {
  
.student-img { width:90px; height:90px;}
.student-name {font-size:12px; line-height:18px;}
.student-edu {font-size:11px; line-height:15px;}
.student-rank {font-size:11px; line-height:15px;}     
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
   
.student-img { width:85px; height:85px;}
.student-name {font-size:12px; line-height:18px;}
.student-edu {font-size:11px; line-height:15px;}
.student-rank {font-size:11px; line-height:15px;}     
}