/* CSS Document */
@media (min-width: 320px) and (max-width: 767px){
.banner{ height:auto; }
.counter__item{ margin-bottom:30px; }
      .header-section {
        padding: 5px 0px;
        background: #000;
    }
  .logo {width: 100% !important;  }
.default-btn {
        font-size: 15px;
        text-decoration: none;
        font-family: 'League Spartan', sans-serif;
        color: #ffffff;
        padding: 0px 5px;
        line-height: 46px;
        transform-origin: right;
        transition: all 0.3sease;
        background: transparent;
    }
/*.banner__content h1 { display:none; }*/
.section-title::before{ content:none; }
.section-title{ font-size:36px; }
.letter {
    display: inline-block;
    font-weight: 900;
    font-size: 36px;
    line-height: 10px; margin-bottom: 0px;
}



  }
  
  @media (min-width: 320px) and (max-width: 480px){
  
  }
  
  @media (min-width: 481px) and (max-width: 767px) {
     
  }
  @media (min-width: 768px) and (max-width: 1024px) {
  
  }
  
  @media (min-width: 1025px) and (max-width: 1366px) {
    .j-title {
    font-size: 24px;
}
.section-title::before {
    position: absolute;
    left: -143px;
    top: -48px;
    width: 100%;
    height: 100%;
  /*  content: url(../images/about-box.png); */
}
  .section-title{ font-size:42px; }
  .menu > li > a {padding: 15px 17px;}
  .e-title {min-height: 154px; }
  .e-title h3 { padding: 35px 32px 5px; }
  .categories .nav-link { font-size: 18px; padding: 7px 7px;}
  .categories .nav-link.active{ font-size:18px; }
  .active .alphabet { line-height: 37px; font-size: 18px;}
  
  
  }
  
  @media (min-width: 1367px) and (max-width: 1920px) {
  .section-title::before {
    position: absolute;
    left: -62px;
    top: -46px;
    width: 100%;
    height: 100%;
    content: url(../images/about-box.png);
}
  }