.about-top-banner{
   background-image: url(/pages/static-img/about/vslider1-1.jpeg);
   background-position: top right;
   background-size: cover;
}

.about-top-box{
   padding-top:120px;
   height:300px;
   background-color: #80808094;
   z-index: 2;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.about{
   color: #FFFFFF;
   font-family: "Raleway", Sans-serif;
   font-size: 34px;
   font-weight: 600;
   letter-spacing: 1px;
}
.designer-later-head{
   font-family: "Raleway", Sans-serif;
   font-weight: 400;
   letter-spacing: 1px;
}
.designer-later{
   border-left:1px solid #d6d6d6;
   border-right:1px solid #ffffff;
   text-align:center!important;
   font-family: "Raleway", Sans-serif;
   font-weight: 400;
   color: #404040;
}
.designer-later-head:hover,.designer-later:hover{
   color:#e0b23f;
   cursor: pointer;
}

.first-letter{
   color: #0E0E0E;
   font-family: "Montserrat", Sans-serif;
   font-weight: 600;
   font-style: oblique;
}

.dsg-name{
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 1px;
}

/* ============ desktop view ============ */
   @media all and (min-width: 992px) {
      .designer-later{
         width:3.4%;
      }
      .designer-later-head{
         width:15%;
      }
      .designers-row .col-md-3{
         width:20%;
      }
   }

   @media all and (max-width: 650px) {
      .designer-later{
         width:10%;
         margin-top:5px;
      }
   }