/* Mobile Portrait */
@media (max-width: 599px) {
  .fs-84 { font-size: 50px; line-height: 56px; }
  .fs-75 { font-size: 45px; line-height: 52px; }
  .fs-60 { font-size: 38px; line-height: 48px; }
  .fs-48 { font-size: 32px; line-height: 40px; }
  .fs-36 { font-size: 24px; line-height: 32px; }
  .fs-30 { font-size: 22px; line-height: 30px; }
  .fs-27 { font-size: 20px; line-height: 30px; }
  .fs-24 { font-size: 18px; line-height: 28px; }
  .fs-20 { font-size: 16px; line-height: 24px; }
  .fs-18 { font-size: 15px; line-height: 22px; }
  .fs-16 { font-size: 14px; line-height: 20px; }
  .fs-14 { font-size: 13px; line-height: 18px; }

  .slider-text-box{width: 50%; padding: 20px;}
  .logo{width: 150px !important;height: auto;}
  .carousel-item img {
    height: 400px;
    max-height: 400px;
  }
  .carousel-item .fs-75{font-size: 20px; line-height: 22px;}
  .carousel-item .fs-36{font-size: 13px; line-height: 18px;}

  .carousel-item .circle-button {
    font-size: 12px;
  }
  .carousel-item .circle-button:hover .custom-arrow{
    left: -5px !important;
  }
  .carousel-item .circle-button:hover .button-text{
    letter-spacing: 5px !important;
  }
  .carousel-item .circle {
    width: 35px;
    height: 35px;
  }
  .carousel-item .custom-arrow {
    left: -10px !important;
    width: 25px;
  }
  .carousel-item .custom-arrow::after {
    width: 8px;
    height: 8px;
    border-top-color: var(--white);
    border-right-color: var(--white);
  }
  .carousel-item .button-text {
    letter-spacing: 3px;
    transition: all 0.3s ease;
    margin-left: -5px;
  }
  .counter-card{height: auto;}
  .navbar {height: 150px;}
  .menu-item{margin-top: 0px;}
  .scrolled {height: 150px;}
  .scrolled .menu-item{margin-top: 0px;}

  .parallax-container {height: 190px;background-attachment: scroll;}
  .parallax-elements{margin-top: -10px;}
  .parallax-container .fs-36{font-size: 15px; line-height: 22px;}
  .parallax-container .fs-60{font-size: 24px; line-height: 32px;}

  .product-carousel .item{
    height: 400px;
  }
  .owl-carousel .center .product-card img {
    margin-top: -50px;
  }
  .owl-carousel .center .product-card {
    aspect-ratio: 1;
  }
  .left-button {left: 1%;}
  .right-button {right: 1%;}
  .blog-card, .news-card{min-height: 500px;height: 500px;}
  
  .bread-padding{padding-top: 35%;}
  /* Footer */
  .footer-top {display: block;}
  span.footer-line {display: none;}
  .footer-logo {padding-right: 0;}
  .footer-logo img{ display: block; margin: auto;}
  .footer-top-right {display: block;}
  .footer-socials {margin-right: auto;justify-content: space-around;margin-top: 40px;}
  .footer-socials span {display: none;}
  .footer-lang{margin-top: 40px;padding-left: 0;}
  /* Footer */
  .grid-btn{display: none}
  .slider-btn {display: none;}
}


/* Tablet Portrait */
@media (min-width: 600px) and (max-width: 899px) {
  .fs-84 { font-size: 64px; line-height: 60px; }
  .fs-75 { font-size: 58px; line-height: 64px; }
  .fs-60 { font-size: 50px; line-height: 60px; }
  .fs-48 { font-size: 40px; line-height: 50px; }
  .fs-36 { font-size: 30px; line-height: 38px; }
  .fs-30 { font-size: 26px; line-height: 36px; }
  .fs-27 { font-size: 24px; line-height: 36px; }
  .fs-24 { font-size: 22px; line-height: 32px; }
  .fs-20 { font-size: 18px; line-height: 28px; }
  .fs-18 { font-size: 16px; line-height: 26px; }
  .fs-16 { font-size: 15px; line-height: 22px; }
  .fs-14 { font-size: 14px; line-height: 20px; }

  .slider-text-box{width: 50%;}

  .navbar {height: 150px;}
  .logo{width: 150px !important;height: auto;}
  .menu-item{margin-top: 0px;}
  .scrolled {height: 150px;}
  .scrolled .menu-item{margin-top: 0px;}

  .parallax-container {height: 350px;}
  .parallax-elements{margin-top: -50px;}

  .product-carousel .item {height: 500px;}

  .bread-padding{padding-top: 25%;}
  /* Footer */
  .footer-top {display: block;}
  span.footer-line {display: none;}
  .footer-logo {padding-right: 0;}
  .footer-logo img{ display: block; margin: auto;}
  .footer-top-right {display: block;}
  .footer-socials {margin-right: auto;justify-content: center;margin-top: 40px;}
  .footer-socials span {display: none;}
  .footer-lang{margin-top: 40px;padding-left: 0;}
  /* Footer */
  .grid-btn{display: none}
  .prev-btn {right: 15%;}
}


/* Tablet Landscape */
@media (min-width: 900px) and (max-width: 1199px) {
  .fs-84 { font-size: 76px; line-height: 66px; }
  .fs-75 { font-size: 68px; line-height: 74px; }
  .fs-60 { font-size: 54px; line-height: 64px; }
  .fs-48 { font-size: 44px; line-height: 56px; }
  .fs-36 { font-size: 32px; line-height: 42px; }
  .fs-30 { font-size: 28px; line-height: 40px; }
  .fs-27 { font-size: 25px; line-height: 40px; }
  .fs-24 { font-size: 22px; line-height: 32px; }
  .fs-20 { font-size: 18px; line-height: 28px; }
  .fs-18 { font-size: 17px; line-height: 28px; }
  .fs-16 { font-size: 15px; line-height: 22px; }
  .fs-14 { font-size: 14px; line-height: 18px; }

  .slider-text-box{width: 50%;}

  .parallax-container {height: 500px;}
  .parallax-elements{margin-top: -50px;}

  .product-carousel .item {height: 500px;}
  .blog-card, .news-card{min-height: 500px;height: 500px;}
  .grid-btn{display: none}
  .prev-btn {right: 15%;}
}


/* Desktop (Small) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .slider-text-box{width: 50%;}

  .parallax-container {height: 570px;}
  .parallax-elements{margin-top: -70px;}

  .product-carousel .item {height: 500px;}
  .blog-card, .news-card{min-height: 500px;height: 500px;}
}
/* Desktop (Large) */
@media (min-width: 1440px) and (max-width: 1799px) {
  .parallax-container {height: 650px;}
  .parallax-elements{margin-top: -70px;}

  .blog-card, .news-card{min-height: 500px;height: 500px;}
  .media-card{padding: 15px 30px;}
}

/* Desktop (Extra Large) */
@media (min-width: 1800px) {

}