/* For normal mobile phones */
@media only screen and (min-width: 0) and (max-width: 480px) {
body {margin: 1%;}
.icons { text-align: center; }
.icons li { display: inline; width: 20%; margin-right: -5px; }
.icons li:last-child { margin-right: 0; }
.icons li a { display: block; padding-top: 135px; height: 30px; width: 100%; background-repeat: no-repeat; background-position: 50% 20%; background-color: transparent; text-align: center; border-bottom: 5px solid #d1d1d1; color: #333; font-size: 1.25em; }
.icons li a:hover { background-repeat: no-repeat; background-position: 50% 20%; background-color: #0072bc; border-bottom: 5px solid #0072bc; color: #fff;  }
.icons li a:hover { animation: icon 1s; }
@keyframes icon {
   0% { transform: scale(1.4); opacity: 0;
   }
   50% { transform: scale(1); opacity: 1; }
.logo { width: 95%!important; display:block;}
.logo { float: left; position: static; }
.logo p { text-align: left; }
.icons li a.part { background-image: url(img/part1.png); }
.icons li a.part:hover { background-image: url(img/part2.png); }
.icons li a.univ { background-image: url(img/univ1.png); }
.icons li a.univ:hover { background-image: url(img/univ2.png); }
.icons li a.cour { background-image: url(img/cour1.png); }
.icons li a.cour:hover { background-image: url(img/cour2.png); }
.icons li a.form { background-image: url(img/form1.png); }
.icons li a.form:hover { background-image: url(img/form2.png); }
.icons li a.addm { background-image: url(img/addm1.png); }
.icons li a.addm:hover { background-image: url(img/addm2.png); }
.icons li a.stud { background-image: url(img/stud1.png); }
.icons li a.stud:hover { background-image: url(img/stud2.png); }
aside.right1 .sdmod, aside.right2 .sdmod { display: none; margin: 10px 0; }
}
/* Mobiles - Android, iPhone */
@media only screen and (min-width: 481px) and (max-width: 800px) {
body {margin: 1%;}
.icons { text-align: center; }
.icons li { display: inline; width: 20%; margin-right: -5px; }
.icons li:last-child { margin-right: 0; }
.icons li a { display: block; padding-top: 135px; height: 30px; width: 100%; background-repeat: no-repeat; background-position: 50% 20%; background-color: transparent; text-align: center; border-bottom: 5px solid #d1d1d1; color: #333; font-size: 1.25em; }
.icons li a:hover { background-repeat: no-repeat; background-position: 50% 20%; background-color: #0072bc; border-bottom: 5px solid #0072bc; color: #fff;  }
.icons li a:hover { animation: icon 1s; }
@keyframes icon {
   0% { transform: scale(1.4); opacity: 0;
   }
   50% { transform: scale(1); opacity: 1; }
}
.logo { width: 95%!important; display:block;}
.logo { float: left; position: static; }
.logo p { text-align: left; }
.icons li a.part { background-image: url(img/part1.png); }
.icons li a.part:hover { background-image: url(img/part2.png); }
.icons li a.univ { background-image: url(img/univ1.png); }
.icons li a.univ:hover { background-image: url(img/univ2.png); }
.icons li a.cour { background-image: url(img/cour1.png); }
.icons li a.cour:hover { background-image: url(img/cour2.png); }
.icons li a.form { background-image: url(img/form1.png); }
.icons li a.form:hover { background-image: url(img/form2.png); }
.icons li a.addm { background-image: url(img/addm1.png); }
.icons li a.addm:hover { background-image: url(img/addm2.png); }
.icons li a.stud { background-image: url(img/stud1.png); }
.icons li a.stud:hover { background-image: url(img/stud2.png); }
aside.right1 .sdmod, aside.right2 .sdmod { display: none; margin: 10px 0; }
}
/* Tablet PC Portrait */
@media only screen and (min-width: 801px) and (max-width: 992px) {
body {margin: 1%;}
}
/* Tablet PC Landscape, Netbooks, Notebooks, PCs */
@media only screen and (min-width: 993px) and (max-width: 1209px) {

}
/* FullHD TV's and above */
@media only screen and (min-width: 1210px) {

}
/* If resolution is more then 602px */
@media only screen and (min-width: 602px) {

}
/* If resolution is less then 602px */
@media only screen and (max-width: 602px) {

}