/* Mobile Portrait */
@media (max-width: 599px) {
  .custom-fs-1 { font-size: 36px !important; line-height: 48px; }
  .custom-fs-2 { font-size: 28px !important; line-height: 38px; }
  .custom-fs-3 { font-size: 22px !important; line-height: 30px; }
  .custom-fs-4 { font-size: 18px !important; line-height: 26px; }
  .custom-fs-5 { font-size: 14px !important; line-height: 20px; }
  .custom-fs-6 { font-size: 12px !important; line-height: 18px; }
  .text-content { font-size: 14px; line-height: 20px; }

  .navbar{margin-top: 25px;}
  .offcanvas.offcanvas-end{margin: 25px 0;right:0 !important;}
  .carousel-item img {height: 320px;max-height: 320px;}
  .slide-count{top: 77%;left: 80%;}
  .count-number{font-size: 30px;line-height: 40px;}
  .slider-btn{top: 43%;width: 34px;height: 65px;background-size: cover;}
  .next-btn {right: -1px;}
  .slide-text{top: 15%;left: 50px;max-width: 60%;}
  .up-title{max-width: 100%;letter-spacing: 6px;line-height: 17px; font-size: 12px;}
  .sld-btn{bottom: 10%;left: 50px;}
  .slide-text .custom-fs-2{ line-height: 25px; font-size: 20px !important}
  .tinart-btn{padding: 10px 30px;border-radius: 14px;}
  .tinart-btn-two{padding: 10px 30px;border-radius: 14px;}
  .slogan{letter-spacing: 3px;}

  .parallax-container {height: 450px;}
  .parallax-text-box {width: 320px;left: 20px;}
  .next-prev-btn{transform: rotate(0deg);padding: 10px 30px; border-radius: 14px;}
  
  .outline-text {width: 50%;}
  .text-bg{padding: 30px 40px; margin-top: 20px;}
  .corpotate-icon{width: 20%;}
  .corporate-img{position: relative;width: 100% !important; height: 150px;}
  .animation-text {font-size: 25px;line-height: 25px;}
  .image-animate {width: 100%; margin: auto; display: block; filter: drop-shadow(0 0 3rem rgba(26,26,73,0.1));}
  .shadow-margin {margin-top: 50px !important; width: 100%;}
  .footer-content{width: 100% !important;}
  .footer-color{padding: 45px 20px;}
  .footer-bg{padding: 25px 20px;}

  .bread-area .tinart-btn{padding: 20px 25px;}
  .bread{border-radius: 14px;padding: 20px 15px; font-size: 13px;}
  .bread li+li::before {padding: 0 7px 0 0;}

  .product-card img{width: 110px;height: 100px;}

  .request-form input, .request-form textarea, .request-form select{padding: 10px 15px;}

  .action-product-img {width: 90%;top: 45%;}

  .img-top {top: 50%; }
  .img-bottom {bottom: 45%;}
  .img-top.open {transform: translate(-50%, -115px);}
  .img-bottom.open {transform: translate(-50%, 50px);}
  #text-visible{margin-bottom: -150%;}
  .next-prev-btn{
    margin-top: 30%;
    position: absolute;
    z-index: 2;
    left: 29%;
  }
  .button-counter{
    bottom: 10%;
    position: absolute;
    z-index: 2;
    justify-content: space-between;
  }
}

/* Tablet Portrait */
@media (min-width: 600px) and (max-width: 899px) {
  .custom-fs-1 { font-size: 48px !important; line-height: 64px; }
  .custom-fs-2 { font-size: 32px !important; line-height: 44px; }
  .custom-fs-3 { font-size: 24px !important; line-height: 34px; }
  .custom-fs-4 { font-size: 20px !important; line-height: 28px; }
  .custom-fs-5 { font-size: 15px !important; line-height: 22px; }
  .custom-fs-6 { font-size: 13px !important; line-height: 18px; }
  .text-content { font-size: 15px !important; line-height: 22px; }

  .carousel-item img {height: 420px;max-height: 420px;}
  .slide-count{top: 10%;left: 70px;}
  .count-number{font-size: 50px;line-height: 60px;}
  .slider-btn{top: 40%;}
  .slide-text{top: 30%;left: 70px;max-width: 65%;}
  .sld-btn{bottom: 10%;left: 70px;}
  .parallax-container {height: 600px;}
  .tinart-btn{padding: 10px 30px;border-radius: 14px;}
  .tinart-btn-two{padding: 10px 30px;border-radius: 14px;}
  .slogan{letter-spacing: 3px;}
  /* .next-prev-btn{transform: rotate(0deg);} */
  /* .action-product-img {width: 50%;top: 40%;} */
  .text-bg{padding: 50px 60px; margin-top: 20px;}
  .corporate-img{position: relative;width: 100% !important;}
  .animation-text {font-size: 40px;line-height: 55px;}
  .image-animate {width: 90%; margin: auto; display: block; filter: drop-shadow(0 0 3rem rgba(26,26,73,0.1));}
  .shadow-margin {margin-top: 100px !important;}
  .footer-content{width: 100% !important;}
  .footer-color{padding: 45px 20px;}
  .footer-bg{padding: 45px 40px;}

  .product-card img{width: 110px;height: 100px;}

  .action-product-img {width: 90%;top: 45%;}

  .img-top {top: 47%; }
  .img-bottom {bottom: 43%;}
  .img-top.open {transform: translate(-50%, -115px);}
  .img-bottom.open {transform: translate(-50%, 100px);}
  #text-visible{margin-bottom: -75%;}
  .next-prev-btn{
    margin-top: 20%;
    position: absolute;
    z-index: 2;
    left: 35%;
    transform: rotate(0deg);
  }
  .button-counter{
    bottom: 10%;
    position: absolute;
    z-index: 2;
    justify-content: space-between;
  }
}

/* Tablet Landscape */
@media (min-width: 900px) and (max-width: 1199px) {
  .custom-fs-1 { font-size: 60px !important; line-height: 80px; }
  .custom-fs-2 { font-size: 38px !important; line-height: 50px; }
  .custom-fs-3 { font-size: 26px !important; line-height: 36px; }
  .custom-fs-4 { font-size: 22px !important; line-height: 30px; }
  .custom-fs-5 { font-size: 16px !important; line-height: 22px; }
  .custom-fs-6 { font-size: 14px !important; line-height: 20px; }
  .text-content { font-size: 16px !important; line-height: 22px; }

  .slogan{letter-spacing: 7px;}
  .logo{width: 150px;height: auto;}
  .nav-item {padding: 0 10px;}

  .carousel-item img {height: 620px;max-height: 620px;}
  .slide-count{top: 5%;left: 70px;}
  .slide-text{top: 30%;left: 70px;max-width: 50%;}
  .sld-btn{bottom: 15%;left: 70px;}
  .parallax-container {height: 600px;}
  .text-bg{padding: 50px 60px;}
  .animation-text {font-size: 70px;line-height: 65px;}
  .image-animate {width: 75%; margin: auto; display: block; filter: drop-shadow(0 0 3rem rgba(26,26,73,0.1));}
  .shadow-margin {margin-top: 75px !important;}
  .footer-color{padding: 45px 0px;}

  .action-product-img {width: 90%;top: 45%;}

  .img-top {top: 44%; }
  .img-bottom {bottom: 50%;}
  .img-top.open {transform: translate(-50%, -75px);}
  .img-bottom.open {transform: translate(-50%, 120px);}
  .count-number{
    font-size: 30px;
  }
  /* #text-visible{margin-bottom: -75%;} */
}

/* Desktop (Small) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .custom-fs-1 { font-size: 72px !important; line-height: 95px; }
  .custom-fs-2 { font-size: 44px !important; line-height: 58px; }
  .custom-fs-3 { font-size: 28px !important; line-height: 38px; }
  .custom-fs-4 { font-size: 24px !important; line-height: 32px; }
  .custom-fs-5 { font-size: 16px !important; line-height: 22px; }
  .custom-fs-6 { font-size: 14px !important; line-height: 20px; }
  .text-content { font-size: 16px !important; line-height: 22px; }

  .slogan{letter-spacing: 12px;}
  .text-bg{padding: 50px 60px;}

  .action-product-img {width: 75%;top: 40%;}

  .img-top {top: 44%; }
  .img-bottom {bottom: 48%;}
  .img-top.open {transform: translate(-50%, -100px);}
  .img-bottom.open {transform: translate(-50%, 120px);}
}
/* Desktop (Large) */
@media (min-width: 1440px) and (max-width: 1799px) {
  .custom-fs-1 { font-size: 80px !important; line-height: 104px; }
  .custom-fs-2 { font-size: 46px !important; line-height: 60px; }
  .custom-fs-3 { font-size: 30px !important; line-height: 40px; }
  .custom-fs-4 { font-size: 24px !important; line-height: 32px; }
  .custom-fs-5 { font-size: 16px !important; line-height: 22px; }
  .custom-fs-6 { font-size: 14px !important; line-height: 20px; }
  .text-content { font-size: 16px !important; line-height: 22px; }
  .slogan{letter-spacing: 14px;}
  .text-bg{padding: 50px 60px;}

  .action-product-img {width: 75%;top: 40%;}

  .img-top {top: 44%; }
  .img-bottom {bottom: 47%;}
  .img-top.open {transform: translate(-50%, -110px);}
  .img-bottom.open {transform: translate(-50%, 130px);}
}

/* Desktop (Extra Large) */
@media (min-width: 1800px) {
  .custom-fs-1 { font-size: 84px !important; line-height: 109px; }
  .custom-fs-2 { font-size: 48px !important; line-height: 62px; }
  .custom-fs-3 { font-size: 30px !important; line-height: 42px; }
  .custom-fs-4 { font-size: 24px !important; line-height: 32px; }
  .custom-fs-5 { font-size: 16px !important; line-height: 20px; }
  .custom-fs-6 { font-size: 14px !important; line-height: 18px; }
  .text-content { font-size: 16px !important; line-height: 20px; }
}