@media only screen and (max-width: 1599px) {
    /* -- Universal Setting
    --------------------------------------------------*/
    body {
        font-size: 15px;
    }

    /* -- Color & Font
    --------------------------------------------------*/
    .font-h1 { font-size: 72px; }
    .font-h2 { font-size: 50px; }
    .font-h3 { font-size: 36px; }
    .font-h4 { font-size: 26px; }
    .font-h5 { font-size: 18px; }
    .font-h6 { font-size: 14px; }

    .font-p-lg { font-size: 16px; }
    .font-p-md { font-size: 15px; }
    .font-p-sm { font-size: 14px; }
    .font-p-xs { font-size: 13px; }
	
	.teacher-card-text {
		height: 70px !important;
	}	
}

@media only screen and (max-width: 1199px) {
    /* -- Universal Setting
    --------------------------------------------------*/
    body {
        font-size: 14px;
    }
    
    /* -- Color & Font
    --------------------------------------------------*/
    .font-h1 { font-size: 64px; }
    .font-h2 { font-size: 44px; }
    .font-h3 { font-size: 32px; }
    .font-h4 { font-size: 22px; }
    .font-h5 { font-size: 16px; }
    .font-h6 { font-size: 13px; }

    .font-p-lg { font-size: 15px; }
    .font-p-md { font-size: 14px; }
    .font-p-sm { font-size: 13px; }
    .font-p-xs { font-size: 12px; }
	
	.teacher-card-text {
		height: 130px !important;
	}
	
}

@media only screen and (max-width: 991px) {
	.teacher-card-text {
		height: inherit !important;
	}
}
    
@media only screen and (max-width: 767px) {
    /* -- Universal Setting
    --------------------------------------------------*/
    body {
        font-size: 14px;
    }
    
    /* -- Color & Font
    --------------------------------------------------*/
    .font-h1 { font-size: 60px; }
    .font-h2 { font-size: 42px; }
    .font-h3 { font-size: 30px; }
    .font-h4 { font-size: 20px; }
    .font-h5 { font-size: 15px; }
    .font-h6 { font-size: 12px; }

    .font-p-lg { font-size: 16px; }
    .font-p-md { font-size: 15px; }
    .font-p-sm { font-size: 14px; }
    .font-p-xs { font-size: 13px; } 
	
	.teacher-card-text {
		height: 70px !important;
	}
}


@media only screen and (max-width: 575px) {
	.name-c {
		font-size: 15px;
	}
	.name-e {
		display: none;
	}
	.teacher-cards h5 {
		font-size: 15px !important;
	}
	footer {
		text-align: left;
	}
}