.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;

}

.req{ color:red;}
.cshareicon{ width:20px;}
.sharebox{ text-align:center; text-align: center;
  margin-top: 25px;
  display: inline-block; }
.sharebox img{ width:200px; height:auto; }
header.active {
  background: #000;
}
.notificationinfo .videobox{ 
margin: 10%;
  border: 10px #000 solid;
  }
.notificationinfo .videobox iframe{ 
    height:300px!important; width:100%;
  }   
  
#site-header .navbar-brand .logo{ width:50px;}  
  
  
.cphoto{ max-width: 700px; }
.wshare{ width:200px; margin-top:20px; }
  
  
  
  
  
  
  
@media only screen and (max-width: 600px) 
{
  .notificationinfo .videobox{ 
       margin: 10px 0px 0px 0px;
       border: 5px #000 solid;
  }
  .notificationinfo .videobox iframe{ 
    height:150px!important; width:100%;
  } 
  
   
   
}

 

@media only screen and (max-width: 360px) {
  .navbar .navbar-brand {
    font-size: 13px;
   
  }
}