@media only screen and (max-width: 386px){
  .f-1 .col{
    flex:0 0 100%!important;
    /* width: 48%!important */
  }
  .mobile-music-icon>img, .tab-music-icon>img, .music-icon>img {
    display:none!important;
  }
.hero-title {
    width: 100%;
}

}
@media only screen and (max-width: 600px) {
    .client-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0;
    margin-bottom: 40px;
    gap: 30px;
    align-items: center;
  }
    .client-img img:nth-child(1){
      width: 206px;
      height: 206px;
  }
.client-img img:nth-child(2){
      width: 182px;
      height: 181px;
  }
  .values-2{
    gap: 25px;
    flex-wrap: wrap;
  }
  .values-2 div:nth-child(3){
    width: 135px;
  }
  .ff-1{
    gap: 10px;
    width: 145px;
    height: 107.12px;
  }
  .values-2 img{
    width: 78.12px;
    height: 78.12px;
  }
    .values-2 svg{
    width: 78.12px;
    height: 78.12px;
  }
  .f-2{
    gap: 5px;

    width: 368px;
    height: 113.5px;
  }
  .f-2-1{
    width: 112px;
    height: 107px;
  }
  .f-2-2{
    width: 145px;
    height: 27px;

    font-family: 'Garamond';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    /* identical to box height */

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

    color: #47584C;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
  }
  .f-2-3{
    width: 101px;
    height: 107px;
  }
  .f-3{
    width: 107px;
    height: 107px;
  }
  .values-2 p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    /* identical to box height */

    display: flex;
    align-items: center;
    letter-spacing: 0.06em;

    color: #454545;
  }
    .tabview{
        display:inline-flex!important;
    }
    .lgview{
        display:none!important;
    }
  .about-contact{
    position: absolute;
    margin-top: 80px!important;
  }
  .below-about-contact{
    margin-top: 100px;
}
    .header36{
        font-size: 24px
    }
  .hero-div img{
    /* max-width: 267px; */
  }
  .expertise .col-md-4{
    width: 100%;
}
.expertise .col-md-4:nth-child(4){
    display: flex;
    width: 100%;
    justify-content: center;
}
.expertise-text{
  margin-bottom: 0px!important;
}
.expertise .col-md-4:nth-child(4) .small-text{
    width: 100%;
}
.values-list>p{
  margin-bottom: 15px!important;
}
    .mob-menu-icon{
        display: block;
    }
    .f-0{
        display: flex;
        flex-direction: column;
        
    }
    .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;
    }
    .w995, .w627,  .w968, .w877, .value-text, .w995-2, .col-lg-8 {
        width: 100%;
    }
    .h278, .value-text{
        height: auto;
    }
    .px20{
        padding: 0 7px;
    }
    .pt49{
        padding-top: 0px;
        width: 349px
    }
    .header{
        gap: 0;
        padding: 0 30px;
        height: 70px;
    }
    .logo, .logo img{
      width: 60px!important;
      height: 60px!important;
    }
    .header-links-item{
        display: none;
    }
    #mobile-header-links{
      transition: width .1s ease-in-out;
      background-color: white;
      display: flex;
      /* position:absolute; */
      height: 514px;
    }
    
	.team>div>p{
        text-align: left!important
    }
    .mobile-header-links{
        display: none;
        width: 10px;
        height: 0;
        padding: 0;
    }
    .hero{
        height: 300px;
        margin: 42px 0;
    }
    .hero-title{
        width: 339px;
        height: 93px;
        /* width: 299px;
        height: 85px; */

        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>div:nth-child(2){
      margin-right: auto!important;
      margin-left: auto!important;
      width: 267px;
    }
    .text-header{
        font-size: 20px;
        line-height: 22px;
    }
    .normal-bold{
        font-size: 20px;
        line-height: 22px;
    }
    .small-text{
        font-size: 12px;
        line-height: 16px;
    }
    .md-text{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        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 img{
      width: 181px;
      height: 129px;
    }
    .about-home-div img{
      width: 285px;
      height: 264px;
    }
    .about-home-div svg{
      width: 285px;
      height: 264px;
    }
    .music-icon{
      display: none;
    }
    .tab-music-icon{
      display: none;
    }
    .px50{
      padding: 15px;
      padding-top: 0;
      margin-top: 0!important;
    }
    .col-md-4>div{
      padding-bottom: 0!important;
    }
    .mobile-music-icon{
      display: flex;
      position: absolute;
      left: 8.54%;
      top: 14.4%;
      bottom: 89.72%;
      background: rgba(177, 215, 217, 0.1);
      filter: blur(6px);
      transform: matrix(0.95, 0.4, -0.3, 0.92, 0, 0);
      width: 290px;
      height: 559px;
/* 
      display: flex;
      position: absolute;
      left: 38.54%;
      top: 2.4%;
      bottom: 89.72%;

      background: rgba(177, 215, 217, 0.1);
      filter: blur(6px);
      transform: matrix(0.95, 0.4, -0.3, 0.92, 0, 0); */
    }
    .mob-menu-icon-cancel {
      margin-top: -2px;
    }

    /* .carousel-control-next {
        margin: 150px -20px!important;
    } */
    .about-home-div{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
      }
      .contact-info{
        padding-top: 0px!important;
        gap: 10px!important;
      }
      .footer-text{
        font-family: 'Garamond';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0.005em;
      }
      #testimonial{
        padding-bottom: 80px;
      }
      #testimonial-carousel{
        height: 750px;
        margin-bottom: 0;
      }
      #faq{
        padding-top: 0px; 
      }
      .form-control{
        opacity: 0.5;
      }
      .contact-text{
        font-size: 16px!important;
      }
      .accordion-button {
        font-size: 20px!important;
      }
      .md-hidden{
        display: none;
      }
      .w877>h3{
        margin-bottom: 20px!important;
      }
      .mobile-music-icon>img {
        width: 290px!important;
      }
      .f-1 .col{
        flex:0 0 45%;
        /* width: 48%!important */
      }

      /* ABout us */

      .w382{
        width: 273px;
        /* height: 406px; */
      }
      .w405{
        width: 249px;
        /* height: 421px; */
      }
      .w444{
        max-width: 262px;
        /* height: 432px; */
      }
      .about-hero{
        height: 237px!important;
        border-radius: 0px 0px 187px 200px!important;
      }
      .about-hero-title{
        font-size: 24px;
        justify-content: center;
      }
      .team>p{
        text-align: left;
      }
      .contact-btn{
        padding: 22px 35px; 
        width: 180px;
      }
      .send-btn{
        font-family: 'Open Sans';
        width: 160px;
        font-size: 14px!important;
        line-height: 19px;
        /* identical to box height */

        letter-spacing: 0.04em;
      }


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