.why_logo {
 width: 100px;
 margin-left: 46%;
 margin-top: -7%;
}
.why_logo img {
 width: 100%;
}
 
.whystudy {
 height: 280px;
 cursor:pointer;
 margin-top: 10%;
 border-top: 3px solid #AA1F28;
 border-bottom: 3px solid #AA1F28;
 padding-left: 0;
}
.featured-image {
 height:100%;
 margin-top: calc(-2% - 25px);
 float:left;
 overflow: hidden;
 width: 44%;
}
.featured-image img {
 /*! width:52%; *//*! height:100%; *//*! margin-top: calc(-2% - 25px); *//*! float:left; *//*! overflow: hidden; */
}
.whystudty_txt {
 width: 42%;
 float: left;
 margin-left: 6%;
 font-size:18px;
 color: #223660;
 font-weight: 600;
}




.sdg_goal_item {margin:1%;;height:330px !important;background-size:100% 100%}

@media (max-width: 991.98px) {



.whystudy {
    cursor: pointer;
    margin-top: 15%;
    border-top: 3px solid #AA1F28;
    border-bottom: 3px solid #AA1F28;
    padding-left: 0;
    padding-top: 31px;
    height: 373px;
}

.why_logo {
    width: 100px;
    margin-left: 37%;
    margin-top: -23%;
    z-index: 20;
}

.featured-image {
    height: 100%;
    margin-top: calc(19% - 25px);
    float: left;
    overflow: hidden;
    width: 44%;
}

.whystudty_txt {
    width: 50%;
    float: left;
    margin-left: 6%;
    font-size: 18px;
    color: #223660;
    font-weight: 600;
    height: 100%;
    display: block;
}



.sdg_goal_item {margin-left:30%;margin-right:30%;} 

#sidebar-second .sdg_goal_item {margin: 0 20% 0 20% !important;;width: 60% !important;height: 650px !important;}


}

@media (max-width: 767.98px) {


.sdg_goal_item {margin-left:30%;margin-right:30%;}
#sidebar-second .sdg_goal_item {margin: 0 20% 0 20% !important;;width: 65% !important;height: 570px !important;}

 }
@media (max-width: 575.98px) {

.sdg_goal_item {margin-left:30%;margin-right:30%;}
#sidebar-second .sdg_goal_item {margin: 0 20% 0 16% !important;
width: 70% !important;
height: 498px !important;}
 }

@media (max-width: 450px) {

.sdg_goal_item {margin-left:20%;margin-right:20%;} 
#sidebar-second .sdg_goal_item {margin: 0 15% 0 13% !important;
width: 72% !important;
height: 400px !important;}

}



.greyed_out {
 pointer-events: none;
  -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
  
}


.sdg_goal_item .title {
width: 100%;
text-align: center;
position: absolute;
bottom: 40px;
color: white;
text-shadow: 2px 2px black;
font-size: 14pt;
background-image: url('https://mubs.edu.lb/Images/blackdot40-b.png');
height: 100px;}
.sdg_icon{width:50%;margin-top:5%}




h4 {
    margin-top: 20pt;
}


.essen {margin:1%;}
.featherlight-iframe
{
 
    position: fixed;
    z-index: 30;
    background-color: white;
    top: 20%;
    left: 20%;
    

	
}
.featherlight-close-icon{position:absolute;right:0;color:#fff;}


.red {
 color:#AA1F28
}
.overflow-img-news {
 height: 125px;
 width: 200px;
 overflow: hidden;
 float: left;
 margin: 9px;
 box-shadow: 0 0 14px rgba(0,0,0,.15), 6px 8px 6px rgba(0,0,0,.15);
 background-color: #d0d0d0;
}
#section-top-stories {
 background: linear-gradient(to bottom, #585754, #F2F1EB);
}
#section-top-stories .col-sm-12,
#section-top-stories .col-sm-6,
#what-to-read-next .col-sm-12,
#what-to-read-next .col-sm-6

{
 margin-left:1%;
 margin-right:1%;
 background-color:#fff;
 margin-top:10px;
 padding-top:5px;
}
.fa,
.fas,
.far,
.fab {
 font-style:normal ;
}
.social a,
.social a:hover {
 text-decoration: none;
}
.listing-11 li {
 border-bottom:1px dotted;
 width:85%;
 padding-bottom:5px;
 list-style:none;
}
.listing-11 .fa {
 float: right;
}
.listing-11 h2 {
 border-bottom:1px solid #5f574f;
 ;
 width:90%;
 padding-bottom: 10px;
}
.listing-11 {
 background-color:#e9e9e9;
 padding:5px;
 margin:5px;
 width:85%;
}
.topic_menu {
 font-size:13pt;
 ;
 margin: 4px 15px 4px 10px;
 display:inline-block;
 border:1px solid;
 padding:3px;
 border-radius:0px;
}
.listnone {
 list-style:none;
}
.linkitems a:hover {
 color:white;
 font-size:15pt;
 transition-duration: 0.5s;
}
.linkitems a {
 font-size:12pt;
 float: left;
 display: block;
 color:white;
 margin:10px;
 border: 0px solid;
 padding: 15px;
 width: 33%;
 height: 80px;
 background-color: #b20000;
}
.linkitems {
 display: block;
 margin:20px;
 color:white;
 list-style: none;
}
@media only screen and (max-width : 991px) {
 .linkitems a {
  width:100%;
  text-align:center;
  padding-top:25px;
 }
 #bal_major_list {
  width:90% !important;
  margin-left: 0;
  padding-left: 0;
 }
 #bal_major_list li {
  width:95% !important;
 }
 h1 {
  max-width:85%;
 }
 .info-box {
  min-width:70%;
  width:90%;
  margin:4%;
 }
}