@media only screen and (max-width: 1680px) {
  html {
    font-size: 15px;
  }

  .sec3_title .section-paragraph p {
    width: 57%;
  }

  #cosmecia-home-section-4 .main-container {
    width: 86%;
  }

  .sec4-img1 {
    top: 8%;
    right: 2%;
  }

  .sec4-img2 {
    bottom: 1%;
    left: 39%;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 2%;
    left: 15%;
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 5%;
    right: 9%;
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 3%;
    left: 11%;
    width: fit-content !important;
  }

  #cosmecia-about-section-5 .sec4-img1 {
    top: 8%;
    right: 3%;
    width: fit-content !important;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 3%;
    left: 10%;
  }
}

@media only screen and (max-width: 1550px) {
  #cosmecia-about-section-5 .sec4-img2 {
    left: 27%;
  }
  #cosmecia-careers-section-5,
  #cosmecia-about-section-5 {
    overflow: hidden;
  }
  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 3%;
    left: 4%;
  }
  #cosmecia-careers-section-5 .sec4-img1 {
    top: 8%;
    right: 6%;
  }
}

@media only screen and (max-width: 1450px) {
  html {
    font-size: 14px;
  }

  .sec4-img2 {
    bottom: 5%;
    left: 40%;
  }

  .sec4-img2 img {
    width: 80%;
  }

  .sec4-img1 img {
    width: 80%;
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 7%;
    right: 5%;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 4%;
    left: 14%;
  }

  .vector1 {
    right: -1.4%;
    top: -14.8%;
  }

  .vector2 {
    left: -4%;
    bottom: -20.5%;
  }

  #cosmecia-about-section-5 .sec4-img1 {
    top: 8%;
    right: 0%;
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 5%;
    left: 28%;
  }

  #cosmecia-careers-section-5 .sec4-img1 {
    top: 8%;
    right: 2%;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 8%;
    left: 4%;
  }

  .application-form-container {
    width: 35vw;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 13px;
  }

  .sec3_title .section-paragraph p {
    width: 60%;
  }

  .sec4-img2 img {
    width: 80%;
  }

  .sec4-img1 img {
    width: 80%;
  }

  .sec4-img2 {
    bottom: 3%;
    left: 39%;
  }

  /* .detail-container .image-container .product_img {
    width: 65%;
  } */

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 5%;
    left: 15%;
  }
}

@media only screen and (max-width: 1152px) {
  html {
    font-size: 12px;
  }

  #cosmecia-home-section-1 .sec1-banner-absolute {
    left: 48%;
  }
  /* #cosmecia-terms-section-1 .sec1-banner-absolute {
    left: 48%;
  }
  #cosmecia-privacy-section-1 .sec1-banner-absolute {
    left: 48%;
  } */

  #cosmecia-home-section-2 br {
    display: none;
  }

  /* #cosmecia-home-section-4 br{
    display: none;
  } */
  /* #cosmecia-home-section-4 .main-container {
    width: 94%;
  } */
  .sec4-img2 img {
    width: 70%;
  }

  .sec4-img1 img {
    width: 70%;
  }

  .sec4-img2 {
    bottom: 3%;
    left: 39%;
  }

  .sec4-img1 {
    top: 8%;
    right: -2%;
  }

  #cosmecia-home-section-4 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-careers-section-5 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 7%;
    right: 0%;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 4%;
    left: 12%;
  }

  #cosmecia-products-section-3 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  .vector1 {
    right: -1.9%;
    top: -17.8%;
  }

  #cosmecia-about-section-1 .sec1-banner-absolute {
    left: 48%;
  }

  #cosmecia-about-section-5 .sec4-img1 {
    top: 8%;
    right: -3%;
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 5%;
    left: 14%;
  }

  #cosmecia-about-section-5 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-careers-section-1 .sec1-banner-absolute {
    left: 48%;
  }

  #cosmecia-contact-section-1 .sec1-banner-absolute {
    left: 48%;
  }

  #cosmecia-careers-section-5 .sec4-img1 {
    top: 8%;
    right: -5%;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 6%;
    left: 22%;
  }

  .application-form-container {
    width: 40vw;
  }
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 11px;
  }

  .sec3-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .sec4-img1 {
    top: 8%;
    right: -6%;
  }

  .sec4-img2 {
    bottom: 1%;
    left: 39%;
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 6%;
    right: -3%;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 1%;
    left: 28%;
  }

  .vector1 {
    right: -1.9%;
    top: -19.7%;
  }

  .vector2 {
    left: -5.5%;
    bottom: -23.5%;
  }

  .sec2_right {
    width: 50%;
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 2%;
    left: 37%;
  }

  #cosmecia-about-section-5 .sec4-img1 {
    top: 5%;
    right: 4%;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 2%;
    left: 10%;
  }

  #cosmecia-about-section-5 .sec4-img1 {
    top: 5%;
    right: -3%;
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 2%;
    left: 11%;
  }
}

@media only screen and (max-width: 991px) {
  .visible-tab-mobile {
    display: block !important;
  }

  .hide-tab-mobile {
    display: none !important;
  }

  .sec1-banner-absolute .banner-title h1 {
    font-size: 5rem;
  }

  .sec1-banner-absolute h4 {
    font-size: 1.6rem;
  }

  /* #cosmecia-home-section-2 .main-container {
    width: 95%;
  } */
  .sec3_title .section-paragraph p {
    width: 70%;
  }

  #cosmecia-home-section-4 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-careers-section-5 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 3%;
    left: 5%;
  }

  #cosmecia-products-section-3 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-about-section-5 .banner-title h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 3%;
    left: 3%;
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 6%;
    right: -6%;
  }

  /* #cosmecia-about-section-2 .main-container {
  width: 95%;
} */
  .about-sec2-grid-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 4%;
    left: 17%;
  }

  #cosmecia-careers-section-5 .sec4-img1 {
    top: 8%;
    right: -7%;
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: 2%;
    left: 34%;
    width: 75% !important;
  }

  .sec3-grid-container .product_img {
    width: 20rem;
  }
  .application-form-container {
    width: 50vw;
  }

  #cosmecia-detail-section-1 .detail-container .image-container {
    position: relative;
    padding: 5rem;
    top: unset;
  }
  /* .detail-container .image-container .product_img {
    width: 50%;
  } */
  #cosmecia-detail-section-1 .detail-container {
    flex-direction: column;
    gap: 3rem;
  }
  #cosmecia-detail-section-1 .detail-container > div {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .visible-mobile-only {
    display: block !important;
  }

  .hide-mobile-only {
    display: none !important;
  }

  .banner-images_cont .mobile_img {
    height: 100vh;
  }

  #cosmecia-home-section-1 .sec1-banner-absolute {
    top: 20%;
    left: 50%;
  }
  #cosmecia-terms-section-1 .sec1-banner-absolute {
    top: 20%;
    /* left: 50%; */
  }
  #cosmecia-privacy-section-1 .sec1-banner-absolute {
    top: 20%;
    /* left: 50%; */
  }

  .sec1-banner-absolute .banner-title h1 {
    line-height: 4.5rem;
  }
  .section2-main-container {
    flex-direction: column;
  }
  .sec2_left_div {
    width: 100%;
  }

  #cosmecia-home-section-2 br {
    display: none;
  }

  #cosmecia-home-section-2 {
    padding: 5rem 0;
  }

  #cosmecia-home-section-2 .main-container {
    width: 85%;
  }

  #cosmecia-about-section-2 {
    padding: 5rem 0;
  }

  #cosmecia-about-section-2 .main-container {
    width: 85%;
  }

  .sec3-grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .sec3_title .section-paragraph p {
    width: 87%;
  }

  .section-padding-medium {
    padding: 5rem 0;
  }

  .section-padding {
    padding: 5rem 0;
  }

  .sec4-img2 img {
    width: 62%;
  }

  .sec4-img1 img {
    width: 62%;
  }

  .sec4-img2 {
    bottom: 3%;
    left: 36%;
  }

  .sec4-img1 {
    top: 6%;
    right: -9%;
  }

  .img-cont img:hover {
    transform: scale(1);
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 0%;
    right: 0%;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: -2%;
    left: 34%;
  }

  #cosmecia-detail-section-1 .detail-container {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap-size);
    /* gap: 3rem; */
    justify-content: space-between;
  }

  #cosmecia-detail-section-1 .detail-container > div {
    width: 100%;
  }

  #detail-page-wrapper-cosmecia .detail-container .img-cont img {
    margin: 0 auto;
    width: 75%;
  }

  #cosmecia-detail-section-1 .detail-container .image-container {
    /* min-height: 40rem; */
    position: unset;
  }

  .detail-container .image-container .product_img {
    width: 100%;
  }

  .vector1 {
    right: -1.2%;
    top: -26.7%;
  }

  .vector2 {
    left: -3.5%;
    bottom: -30.5%;
  }

  #cosmecia-about-section-1 .sec1-banner-absolute {
    top: 20%;
    left: 50%;
  }

  .sec2_right {
    width: unset;
  }

  .about-sec4-container {
    flex-direction: column;
  }

  .about-sec4-container > div {
    width: 100%;
  }

  #cosmecia-about-section-5 .sec4-img1 {
    top: -1%;
    right: 0%;
  }

  .section-subtitle h4,
  .section-subtitle h4 span {
    font-size: 1.55rem;
    /* color: var(--light-black-color); */
    color: var(--primary-color);
    font-family: var(--semibold-fogthree);
  }

  #cosmecia-about-section-5 .sec4-img2 {
    bottom: -1%;
    left: 20%;
  }

  #cosmecia-careers-section-1 .sec1-banner-absolute {
    top: 20%;
    left: 50%;
  }

  #cosmecia-contact-section-1 .sec1-banner-absolute {
    top: 20%;
    left: 50%;
  }

  .careers-sec3-container {
    flex-direction: column;
    gap: var(--big-gap-size);
  }

  .careers-sec3-container > div {
    width: 100%;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: -2%;
    left: 6%;
  }

  #cosmecia-careers-section-5 .sec4-img1 {
    top: -2%;
    right: -3%;
  }

  /* Products Img Width */

  .sec3-grid-container .product_img {
    width: 20rem;
  }

  .application-form-container {
    width: 100%;
  }
  #cosmecia-about-section-4 .sec4-img-container {
    transform: translateY(-5%);
  }
}

@media only screen and (max-width: 600px) {
  .sec3_title .section-title h2 {
    font-size: 3.2rem;
  }

  .sec4-img2 {
    bottom: 5%;
    left: 32%;
  }

  .sec4-img1 {
    top: 6%;
    right: -14%;
  }

  #cosmecia-home-section-4 .banner-title h2 {
    font-size: 3.5rem;
    line-height: 4.6rem;
    position: relative;
    z-index: 5;
  }

  /* .sec4-img2 img{
  width: 85%;
} */
  .sec4-img1 img {
    width: 45%;
  }

  .sec4-img2 {
    bottom: 6%;
    left: 0%;
    width: 85%;
  }

  .sec4-img1 {
    top: 12%;
    right: 0%;
  }

  #cosmecia-products-section-3 .banner-title h2 {
    font-size: 3.5rem;
    line-height: 4.6rem;
    position: relative;
    z-index: 5;
  }

  #cosmecia-about-section-5 .banner-title h2 {
    font-size: 3.5rem;
    line-height: 4.6rem;
    position: relative;
    z-index: 5;
  }

  #cosmecia-products-section-3 .sec4-img1 {
    top: 12%;
    right: 0%;
  }

  #cosmecia-products-section-3 .sec4-img2 {
    bottom: 6%;
    left: 0%;
    width: 85%;
  }

  #cosmecia-products-section-1 .sec1-banner-absolute {
    width: 85%;
  }

  /* .detail-container .image-container .product_img {
    width: 75%;
  } */

  .vector2 {
    left: -5.5%;
    bottom: -23.5%;
  }

  .vector1 {
    right: -2.2%;
    top: -20.7%;
  }

  #cosmecia-about-section-1 .sec1-banner-absolute .section-subtitle h4 br {
    display: none;
  }

  .about-sec2-grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  #cosmecia-careers-section-5 .sec4-img1 {
    top: 12%;
    right: 0;
  }

  #cosmecia-careers-section-5 .sec4-img2 {
    bottom: 6%;
    left: 0%;
    width: 85%;
  }

  #cosmecia-careers-section-5 .banner-title h2 {
    font-size: 3.5rem;
    line-height: 4.6rem;
    position: relative;
    z-index: 5;
  }
}

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