/* FONTS AREA */
.classes-categories-title { font-size: 2vw; }
/* SPACES AREA */
.classes-categories-inner-wrapper { margin-bottom: 3.125vw; }
.classes-categories-info-wrapper { padding: 2.313vw 1.750vw 3.4vw 1.75vw; }
.classes-categories-info p { font-size: 1em; }

/* CLASSES CATEGORY INFO AREA */
.classes-categories-wrapper { display: inline-block; }
.classes-categories-inner-wrapper { height: 100%; background: #f5f5f5; -webkit-box-shadow: 0px 8px 16px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 8px 16px 2px rgba(0,0,0,0.1); box-shadow: 0px 8px 16px 2px rgba(0,0,0,0.1); }
.classes-categories-image-wrapper { border-bottom: 1px solid #fff; text-align: center; }
.term-icon-wrapper { z-index: 8; bottom: -14%; left: 0px; position: absolute; text-align: center; }
.term-icon-wrapper img { max-width: 34%; }
.classes-categories-info-wrapper { position: relative; background: #f5f5f5; text-align: center; }
.classes-categories-title { margin: 0px; padding: 1.18em 0px 0.5em 0px; color: #364a54; text-align: center; }
.classes-categories-info p { color: #546e7a; text-align: center; }
.classes-categories-link-wrapper { z-index: 8; position: absolute; left: 0px; bottom: 1.5em; text-align: center; }
.classes-categories-link { padding: 1em 3.25em; background: #bb1941 url("../images/class-category-bg.jpg") left top repeat-y; border-radius: 500px; }

@media screen and (min-width: 1500px) {
    
        /* FONTS AREA */
        .classes-categories-title { font-size: 2em; }
        /* SPACES AREA */
        .classes-categories-inner-wrapper { margin-bottom: 3.125em; }
        .classes-categories-info-wrapper { padding: 2.313em 1.750em 3.4em 1.75em; }
        .classes-categories-info p { font-size: 1em; }
}
@media screen and (max-width: 1200px) and (min-width: 1101px) {
    
}
@media screen and (max-width: 1100px) and (min-width: 992px) {

}

/* IPAD PRO */
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        
}

/* Landscape phone to portrait tablet */
@media screen and (min-width: 992px ) {
        
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 991px ) {
        
        /* FONTS AREA */
        .classes-categories-title { font-size: 3.026vw; }
        /* SPACES AREA */
        .classes-categories-wrapper, .classes-categories-inner-wrapper { margin-bottom: 4.73vw; }
        .classes-categories-wrapper:last-child { margin-bottom: 0px; }
        .classes-categories-info-wrapper { padding: 3.5vw 2.65vw 5.14vw 2.65vw; }
        .classes-categories-info p { font-size: 1.513vw; }
        
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 768px ) {
    
}
@media screen and (max-width: 767px ) {
        
}
@media screen and (max-width: 736px){

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

        
}	

@media screen and (max-width: 667px){	
       
}
@media screen and (max-width: 640px){
        
        /* FONTS AREA */
        .classes-categories-title { font-size: 6.05vw; }
        /* SPACES AREA */
        .classes-categories-wrapper, .classes-categories-inner-wrapper { margin-bottom: 9.5vw; }
        .classes-categories-info-wrapper { padding: 7vw 5.5vw 10.28vw 5.5vw; }
        .classes-categories-info p { font-size: 3vw; }
}
@media screen and (max-width: 580px) {
    
}

/* Landscape phones and down */
@media screen and (max-width: 568px) {
        
}
@media screen and (max-width: 480px) {
        
}

@media screen and (max-width: 420px) {
        
}
@media screen and (max-width: 414px){
        
}
@media screen and (max-width: 375px){
        
}
@media screen and (max-width: 360px){
        
}