@media screen and (min-width: 1200px) {
     .container {
          max-width: 1140px;
     }
}

@media screen and (max-width: 1365px) {}

@media screen and (max-width: 1199px) {}

@media screen and (max-width:991px) {
     .container {
          max-width: 100%;
          padding: 0 25px;
     }

     .header-right {
          gap: 8px;
     }

     .navbar-collapse {
          position: absolute;
          width: 96%;
          left: 50%;
          top: 90px;
          transform: translate(-50%, 0);
     }
     .mobile-nav .dropdown-menu{
          position: static !important;
              transform: translate3d(0px, 0, 0) !important;
     }

     .language-btn {
          width: 44px;
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: center;
     }

     .language-btn strong,
     .language-btn span {
          display: none;
     }

     .language-btn img {
          height: 20px;
     }

     .hero-sec {
          background: url(../images/hero-tablet.png) no-repeat;
          background-position: center;
          background-size: cover;
     }

     .hero-sec .image-holder img {
          height: 346px;
     }

     .hero-sec .text-box p {
          font-size: 23px;
     }

     .add-sec img {
          height: 184px;
          object-fit: cover;
          object-position: center;
     }

     .cosmetic-media {
          margin-bottom: 18px;
     }

     .map-holder {
          border: 2px solid #F9E2F5;
          border-radius: 0;
          margin: 24px -25px 0;
          width: 1115px;
          position: relative;
          left: 50%;
          transform: translate(-50%, 0);
     }

     .map-holder iframe {
          border-radius: 0; 
     }
}

@media screen and (max-width:767px) {


     .hero-sec .image-holder {
          justify-content: center;
          margin-top: 40px;
     }

     .testimonial-box .media h5 {
          font-size: 22px;
     }

     .testimonial-inner p {
          font-size: 16px;
          margin: 20px auto 0;
     }

     .contact-info-box {
          height: auto;
          margin: 10px 0;
     }

}

@media screen and (max-width: 575px) {
     .hero-sec {
          background: url(../images/hero-mobile.png) no-repeat;
          background-position: center;
          background-size: cover;
          padding: 40px 0;
     }

     .hero-sec .text-box p {
          font-size: 24px;
     }

     .hero-sec .image-holder {
          justify-content: center;
          margin-top: 34px;
     }

     .hero-sec .image-holder img {
          height: auto;
     }

     .testimonial-box .media h5 {
          font-size: 28px;
     }

     .testimonial-inner p {
          font-size: 20px;
          margin: 40px auto 0;
     }

     .cta-box {
          flex-direction: column;
     }

     .cta-box .text-box {
          text-align: center;
          margin-bottom: 10px;
     }

     footer .media {
          align-items: start;
          flex-direction: column;
     }

     footer .media p {
          text-align: right;
          margin-top: 80px;
          width: 100%;
     }
}

@media screen and (max-width: 420px) {
     .hero-sec .text-box h1 {
          font-size: 44px;
     }

     .hero-sec .text-box p {
          font-size: 20px;
     }

     .testimonial-box .media span {
          max-width: 50px;
          height: 50px;
     }

     .testimonial-box .media h5 {
          font-size: 20px;
     }

     .testimonial-inner p {
          font-size: 18px;
     }

     .title h3 {
          font-size: 26px;
     }

     .cosmetic-media .text-box h4 {
          font-size: 16px;
          line-height: 130%;
          margin-bottom: 2px;
     }

     .cosmetic-media .text-box p,
     .contact-inner .text-box p,
     .contact-inner .text-box span {
          font-size: 16px;
     }

     .cosmetic-media .text-box ul {
          padding-left: 6px;
     }

     .cosmetic-media .text-box ul li {
          font-size: 16px;
          padding-left: 10px;
     }

     .map-holder iframe {
          height: 350px;
     }

     .cta-box .text-box h4 {
          font-size: 18px;
     }

     .cta-box .text-box p {
          font-size: 16px;
     }
}