@media screen and (max-width: 992px) {
    /* @media (min-width: 992px) { */
    .values-2{
        gap: 25px;
      }
    .mob-menu-icon{
        display: block;
    }
    .f-0{
        display: flex;
        flex-direction: column;
        
    }
    .tabview{
        display:inline-flex!important;
    }
    .lgview{
        display:none!important;
    }
    .lgdpnone{
        display: flex!important;
      }
      .mdnone{
        display: none!important;
      }
    .f-1{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 374px;
        gap: 30px;
        padding: 30px;
        margin: 0 auto;
    }
    .values-list>p{
      margin-bottom: 15px!important;
    }
    .expertise-text{
      margin-bottom: 0px!important;
    }
    .w877>h3 {
      margin-bottom: 20px!important;
    }
    .md-hidden {
      display: none;
    }
    .px50{
      padding-top: 0;
      margin-top: 0!important;
    }
    .f-1 .col{
      flex:0 0 45%;
      /* width: 48%!important */
    }
    
    .w995, .w627,  .w968, .w877, .value-text,.w995-2, .col-lg-8 {
        width: 100%;
    }
    .h278, .value-text{
        height: auto;
    }
    .px20{
        padding: 0 25px;
    }
    .pt30{
        padding-top: 20px;
    }
    .header{
        gap: 0;
        padding: 0 30px;
    }
    .header-links-item{
        display: none;
    }

    /* try */
    .overlay-menu {
      position: fixed;
      z-index: 1040;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
    }
    
    .mobile-menu {
      -webkit-transition: width .3s ease;
      transition: width .3s ease;
      position: fixed;
      z-index: 1050;
      top: 0;
      right: 0;
      background: white;
      height: 522px;
      width: 283px;
      text-align: center;
      overflow-x: hidden;
    }
    
    /*.hidden {
      visibility: hidden;
      opacity: 0;
      width: 0;
    }*/
.hidden {
    /* visibility: hidden; */
    /* opacity: 0; */
    width: 0;
    /* transform: translateX(283px); */
    /* transition: width .3s ease;*/
}
    /* end of try */
    
    #mobile-header-links{
      transition: width .3s ease;
      background-color: white;
      display: flex;
      /* position:absolute; */
      
    }
    .mobile-header-links{
        display: none;
        height: 100%;
        padding: 30px;
    }
    .hero{
        height: 300px;
        margin: 42px 0;
        background-repeat-y: no-repeat;
        background-position-y: center;
    }
    .hero-title{
        /* width: 339px;
        height: 93px; */
        width: 375px;
        height: 119px;
        display: flex;
        align-items: center;

        font-family: 'Garamond';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 146%;
        /* or 35px */

        text-align: center;
        letter-spacing: 0.06em;

        color: #293D2E;

    }
    .hero-div{
        padding: 0 38px;
        gap: 18px;
    }
    .hero-div img{
        width: 450px;
    }
    .text-header{
        font-size: 20px;
        line-height: 22px;
    }
    .normal-bold{
        font-size: 16px;
        line-height: 22px;
    }
    .small-text{
        font-size: 12px;
        line-height: 16px;
    }
    .md-text{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 200;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
        letter-spacing: 0.06em;

        color: #454545;
    }
    .normal-text{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.06em;

    }
    .hero-div{
        /* flex-direction: column-reverse; */
    }
    .values-list>ul {
        display: table!important;
    }
    .values-list>li{
        font-size: 16px;
        line-height: 22px;
    }
    .expertise .col-md-4{
        width: 50%;
    }
    .expertise .col-md-4:nth-child(4){
        display: flex;
        /* width: 100%; */
    }

    .expertise {
      border-radius: 15px !important;
    }

    .expertise .col-md-4:nth-child(4) .small-text{
        width: 320px;
    }
    
    /* .carousel-control-next {
        margin: 150px -20px!important;
    } */
    .about-home-div{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
      }
      .about-home-div img{
        width: 461px;
      }
    .about-home-div svg{
        width: 461px;
      }
      .contact-info{
        padding-top: 40px;
        gap: 30px;
      }
      .footer-text{
        font-family: 'Garamond';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0.005em;
      }
      #testimonial-carousel{
        height: 500px;
        margin-bottom: 0;
      }
      #faq{
        padding-top: 0px; 
      }
      .music-icon{
        display: none;
      }
      .expertise img{
        width: 189px;
        height: 137px;
      }
      .about-home-div img{
        width: 461px;
        height: 426px;
      }
      .tab-music-icon{
        display: flex;
        position: absolute;
        /* left: 26.72%; */
        right: 6.35%;
        top: -4.93%;
        bottom: 90.28%;

        background: rgba(177, 215, 217, 0.1);
        filter: blur(6px);
        transform: matrix(0.94, 0.35, -0.34, 0.94, 0, 0);
      }
      .mobile-music-icon{
        display: none;
      }

      /* ABout us */

      .w382{
        width: 273px;
        /* height: 406px; */
      }
      .w405{
        width: 249px;
        /* height: 421px; */
      }
      .w444{
        max-width: 262px;
        /* height: 432px; */
      }
      .about-hero{
        height: 394px;
        border-radius: 0px 0px 187px 200px;
      }
      .about-hero-title{
        font-size: 24px;
        justify-content: center;
      }
      .team>p{
        text-align: left;
      }
      .contact-btn{
        padding: 22px 35px; 
        width: 180px;
      }
      .send-btn{
        width: 160px;
      }


      /* FAQ */
      #contact{
        padding-top: 0px;
      }
      .faq-item>p, .faq-item>ul{
        text-align: left!important;
      }

      .text-image-container{
        flex-direction: column-reverse;
        align-items: center;

      }
  }