/* custom classes v version */

.logomb
 {
    width:120px;
    height:60px;
    border-radius:20px;
    margin-top:-22px;
  }

 .comp-logo
 {
    background-repeat:no-repeat;
    width:200px;
    height:200px;
    border-radius:20px;
  }
  .imgbanner
  {
    background-image:url({% static 'MBnSonsITIApp/img/banner4.png' %})
  }
.test{
 background:#0000 !important;
}
    .flex-container {
   display: flex;
   background-color: grey;
   flex-wrap: wrap;
   width: 100%;
   justify-content: center;
}

.flex-container-div {
  background-color: #f1f1f1;
  margin: 6px;
  padding: 2px;
  width:24%;
  font-size: 15px;
  border:solid 1px;
  flex: 1 1 auto;
}
 .imagetitlegalry
 {
  background-color:Blue;
 color:#EFB036;
  align-self: flex-end;
  }
.container-img-rulediv {
  background-color: #002633;
  margin: 2px;
  padding:2px;
  width:49%;
 }

#banneraboutimg
{
    content:"";
    width:100%;
    height:400px;
    background-image: url(/static/MBnSonsITIApp/img/aboutus.jpg) ;
    background-repeat:no-repeat;
    background-size: 100%  100%;
}

#bannerprogramimg
{
    content:"";
    width:100%;
    height:400px;
    background-image: url(/static/MBnSonsITIApp/img/MBaboutusbanner.png) ;
    background-repeat:no-repeat;
    background-size: 100%  100%;
}
.submenu
{
  color: #3399ff;
}
@media only screen and (max-width:480px)
{
    .logomb
 {
     margin-top:-40px;
     float: right;
      }

     #banneraboutimg
    {
    width:100%;
    background-image: url(/static/MBnSonsITIApp/img/education3.png);
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
  #bannerprogramimg{
    width:100%;
    background-image: url(/static/MBnSonsITIApp/img/education3.png);
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
  .container-img-rulediv {
   width:100%;
 }
.atext{
color:brown;
}
}

@media only screen and (max-width:768px)
{
 .logomb
 {
     margin-top:-40px;
     float: right;
      }
}
     #banneraboutimg
    {
    width:100%;
    background-image: url(/static/MBnSonsITIApp/img/education3.png);
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
    #bannerprogramimg
    {   width:100%;
    background-image: url(/static/MBnSonsITIApp/img/education3.png);
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
    .container-img-rulediv {
     width:100%;
 }