@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    #header {
        position: relative;
        z-index: 1030;
        height: 147px !important;
        min-height: 147px;
    }

    .dserBox{
        background-color: #ffffff;
        text-align: center;
        /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }
    .dserBox:hover{
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    .dserBox .dserImg{
        position: relative;
        overflow: hidden;
    }
    .dserBox .dserImg img{
        width: 100%;
        position: relative;
        transition: transform 0.5s;
    }
    .dserBox:hover .dserImg img{
        transform: scale(1.1);
    }
    .dserBox .dserCon{
        padding: 20px;
        position: relative;
    }
    .dserBox .dserCon .dserHead{
        position: absolute;
        width: 89%;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        padding: 10px;
        margin: -45px 0 0px 0;
        text-transform: capitalize;
        background-color: #3c2c92;
        border: 2px solid #3c2c92;
        border-radius: 50px;
        transition: background-color 200ms ease-in-out;
    }
    /* .dserBox:hover .dserCon .dserHead{
        background-color: #1e90c5;
        border: 2px solid #3c2c92;
    } */
    .dserBox .dserCon .dserHead a{
        color: #ffffff;
        text-decoration: none;
    }
    .dserBox .dserCon p{
        margin: 18px 0 10px 0;
    }
    .dserBox .dserCon .dserlink{
        color: #3c2c92;
    }
  }