#course-pge-main-wrpr { position:relative; padding:0 0; }
.para1{font-size:16px;line-height:32px;text-align:justify;color:#000000;margin:0px}
.para2{font-size:16px;line-height:32px;color:#000000;margin:0px}

.rounded-corners-gradient-borders-right{
  border: double 2px transparent;
  border-radius: 10px;
  background-image: linear-gradient(to right,rgb(255, 255, 255)60%, rgb(255, 255, 255)80%), linear-gradient(to right,rgb(217, 134, 0),rgba(115, 71, 0, 0));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  }
.rounded-corners-gradient-borders-left{
  border: double 2px transparent;
  border-radius: 10px;
  background-image: linear-gradient(to right,rgb(255, 255, 255)60%, rgb(255, 255, 255)80%), linear-gradient(to left,#D98600,#412c0b00);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  }
.box-fade-left{border-width:2px;border-style:solid;border-image:linear-gradient(to left, #D98600 20%, #73470000 70%) 1;border-radius:10px;background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.light-heading-large{font-size:41px;color:#0C5294}
.common-heading { text-align:left; margin-bottom: 22px; }
.common-heading h1 { color: #D98600; font-weight: 200; }
.common-heading h1 span { color: #0C4D8B; font-weight: 400; }
p{text-align:justify;color:#424242}
.h1-orange-header{color: #D98600;font-size:48px}
.h2-black-header{color: #0C4D8B;font-size:35px}
.h2-orange-header{color: #D98600;font-size:35px}
.h6-orange{color: #D98600;font-size:22px}
.more-items{color:#0C4D8B;cursor:pointer}
.course-box{box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.21);border:2px solid #E6E7E8;background: #E6E7E8;color: #0C4D8B;    border-radius: 6px;width:200px}
.course-box-bottom-line{position:absolute;bottom:0;left:0;background-image:linear-gradient(90deg, rgb(0, 153, 208) 0%, rgb(255, 210, 136) 100%);height:5px;width:100%;border-bottom-left-radius:6px;;border-bottom-right-radius:6px}
.link-black-home{color:rgb(131, 131, 131)}
.link-school{color:#0C4D8B;cursor:pointer}
.link-school:hover{color:#424242}
.main-background{background-image:url('../images/Rectangle_6.jpg');background-size:contain;background-repeat:no-repeat;background-position:top center}
.magazine-content{flex-wrap: wrap; padding: 0 !important; }
.magazine-box{height:386px;background-color:white;border:2px solid #D98600;box-shadow:1px 1px 45px lightgrey;flex-direction: column;position:relative;text-align: center; padding: 19px 0 44px; }
.mag-title{color:rgb(78, 78, 78)}
.mag-download { position: absolute; bottom: 0; right: 0; background-color: #D98600; color: white; left: 0; width: 86px; border-radius: 0; margin: 0px auto; padding: 4px !important; text-transform: uppercase; }
.magazine-content ul { margin:0px auto; padding:0; }
.magazine-content ul li { width: 14%; float: left; margin: 11px; }
.magazine-box h6 { margin: 10px auto 27px; padding: 0 !important; }
.magazine-box img { width: 76%; }

@media screen and (min-width:280px) and (max-width:388px) {
	.magazine-content ul li { width: 41%; margin: 14px; }
	.magazine-box { height: 310px; }
	.magazine-box img { width: 88%; }
	.magazine-box h6 { font-size: 14px; } 
}
@media screen and (min-width:389px) and (max-width:476px) {
	.magazine-content ul li { width: 44%; }
	.magazine-box { height: 344px; }
}
@media screen and (min-width:477px) and (max-width:575px) {
	.magazine-content ul li { width: 45%; }
	
}
@media screen and (min-width:576px) and (max-width:767px) {
	.magazine-content ul li { width: 29%; }
	.magazine-box { height: 316px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.magazine-content ul li { width: 22%; }
	.magazine-box { height: 318px; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
	.magazine-content ul li { width: 22%; float: left; margin: 11px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
	.magazine-content ul li { width: 17%; float: left; margin: 11px; }
	.magazine-box { height: 335px; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
	.magazine-box { height: 312px; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
	.magazine-box { height: 319px; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
	.magazine-box { height: 333px; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
	.magazine-box { height: 348px; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	
}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
	
}
@media screen and (min-width:1900px) and (max-width:1999px) {

}
@media screen and (min-width:2000px) and (max-width:2999px) {
	.magazine-box { height: auto; }
}
@media screen and (min-width:3000px) and (max-width:3999px) {
	.magazine-box { height: auto; }
	.magazine-box h6 { font-size: 24px; }
}



