/* All desktop. */
@media (min-width: 768px) and (max-width: 1500px) {
   h1 {font-size: 45px;}
   h2 {font-size: 35px;}
   h3 {font-size: 30px;}
   h4 {font-size: 26px;}
   h5 {font-size: 22px;}
   h6 {font-size: 14px;}
   body {
      font-size: 14px;
   }
   /* header */

   /* hero */
   .hero-area .section-content p {
      width: 85%;
   }
   .hero-area {
      min-height: 600px;
      height: 605px;
      padding-top: 100px;
      padding-bottom: 100px;
   }
   .hero-area .border-btn, .hero-area .site-btn {
      font-size: 14px;
      width: 16em;
   }
   .triangle {
      width: 4em;
      transform: translate(-20%, -10%);
   }
   .hero-title {
      margin-bottom: 20px;
   }


   /* exp */
   .exp-item h1 {
      font-size: 42px;
   }

   /* testimony */
   .testimony-bx p {
      font-size: 1em;
   }

   /* gallery */
   .gallery-wrap {
      --height: 220px;
   }

   /* cta */
   .cta-area > .absolute-img {
      right: 17%;
   }

   /* feature */
   .feature-item h5 {
      font-size: 1em;
   }

   /* footer */
   .copyright-link li {
      font-size: 12px;
   }
   .copyright-design img {
      width: 5.1em;
   }

}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
   .container {
      max-width: 1080px;
   }

   h1 {font-size: 52px;}
   h2 {font-size: 52px;}
   h3 {font-size: 36px;}
   h4 {font-size: 32px;}
   h5 {font-size: 28px;}
   h6 {font-size: 16px;}
   
   body {
      font-size: 16px;
   }
   #scrollUp {
      font-size: 20px;
   }


   /* exp */
   .exp-item h1 {
      font-size: 72px;
   }

   /* gallery */
   .gallery-wrap {
      --height: 320px;
   }

   /* testimony    */
   .testimony-bx p {
      font-size: 1.2em;
   }

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
   .container {
      max-width: 920px;
   }
   
   .gallery-wrap {
      --height: 270px;
   }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
   .container {
      max-width: 730px;
   }
   
   /* header */
   .offset-menu {
      width: 70%;
   }

   /* format */
   .attend-link,
   .copyright,
   .format-item p {
      font-size: 12px;
   }
   .format-item {
      padding-left: 3em;
   }

   /* partner */
   .partner-area .g-lg-5 {
      --bs-gutter-x: 5rem;
   }

   .team-item h4 {
      font-size: 12px;
      padding: 20px 15px;
   }
   
}

/* small mobile :320px. */
@media (max-width: 767px) {
   h1 {font-size: 42px;}
   h2 {font-size: 32px;}
   h3 {font-size: 31px;}
   h4 {font-size: 30px;}
   h5 {font-size: 20px;}
   h6 {font-size: 16px;}
   body {
      font-size: 16px;
   }   
   .container {
      padding-right: 2rem;
      padding-left: 2rem;
   }
   .border-btn, .site-btn {
      font-size: 15px;
      width: 100%;
   }
   #scrollUp {
      font-size: 18px;
   }
   .header-area.sticky {
      animation: slideUp 0.5s ease;
   }
   .contact-form {
      padding-bottom: 60px;
   }
   /* header area */
   .header-area .container {
      max-width: 100%;
   }
   .logo img {
      max-width: 80px;
   }
   .header-right .link-group {
      display: none;
   }
   .mainmenu a {
      font-size: 1em;
      padding-left: 40px;
      padding-bottom: 0.5em;
   }
   .mainmenu a:hover {
      font-size: 1.2em;
      padding-left: 60px;
   }
   .mainmenu a::before {
      left: 40px;
   }
   .offset-menu::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: linear-gradient(147deg, #242333 0%, #05050a 100%);
      opacity: .95;
   }
   .offset-menu {
      width: 100%;
      background: none;
      padding-top: 120px;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      height: 100vh;
      min-height: 550px;
   }
   .offset-footer {
      width: 100%;
      padding: 0 40px;
   }
   .humberger-bar.active:hover span {
      background: #fff;
   }
   .gallary-area .section-content h4 {
      display: none;
   }

   /* HERO AREA */
   .hero-area {
      min-height: 550px;
      flex-direction: column;
      height: auto;
   }
   .link-group {
      display: flex;
      flex-direction: column;
   }
   .link-group > * {
      margin-left: 0;
   }
   .hero-right {
      position: relative;
      width: 100%;
      height: auto;
      margin-top: 40px;
   }
   .hero-right > .absolute-img:first-child {
      height: 75%;
      width: 100%;
      bottom: -70px;
      top: auto;
   }
   .hero-right-img .absolute-img:first-child {
      height: 150%;
      max-height: none;
   }

   /* exp */
   .section-content {
      text-align: center;
   }
   .exp-item {
      text-align: center;
   }

   /*  */
   .video-content .absolute-img {
      width: 180%;
      max-width: none;
   }


   /* team */
   .section-title .triangle {
      width: 5em;
   }
   .team-area .col-md-3 {
      width: 50%;
   }


   /* BRAND */
   .brand-img {
      width: 50%;
      text-align: center;
   }


   /* format */
   .format-item {
      padding-left: 3.2em;
   }

   /* feature */
   .feature-area .col-md-3 {
      width: 100%;
      padding: 0 20%;
   }

   /* testimony */
   .testimony-img.position-relative {
      transform: translate(-2rem);
   }
   .testimony-content h6 {
      text-align: center;
   }
   .format-item h4 {
      margin-bottom: 10px;

   }


   /* partner */
   .partner-area .site-btn {
      font-size: 16px;
   }


   /* attend */
   .attend-link li {
      width: 100%;
   }
   .attend-link li {
      margin-top: 1em;
   }


   /* gallery */
   .gallery-wrap {
      --height: 200px;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, var(--height));
   }
   .gallery-item:nth-child(4) {
      grid-row: 2;
   }
   .gallery-item {
      padding: 12%;
   }
   .gallery-item h4 {
      font-size: 22px;
      margin-bottom: 0;
   }


   /* cta */
   .media-download {
      position: absolute;
      right: 15px;
      top: 20%;
      width: 30%;
      text-align: left;
   }
   .media-download img {
      margin-bottom: 10px;
      display: block;
   }
   .cta-area > .absolute-img {
      top: 14%;
      right: 1%;
   }

   /* brand */
   .brand-img img {
      max-width: 70%;
   }


   /* about */
   .about-logo {
      margin-top: -15px;
      text-align: left;
   }

   /* footer */
   .footer-logo {
      margin-left: 2em;
      width: 4em;
   }
   .footer-content .social-link {
      margin-top: 0;
   }
   .footer-content {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: space-between;
   }
   .copyright {
      text-align: center;
   }
   .copyright-design {
      text-align: center;
      margin-top: 1em;
   }

   /* MODAL */
   .modal-wrap .humberger-bar {
      top: 2.5%;
   }
   .attend-area > img {
      left: -50%;
      top: -5%;
   }
   .section-content h5 {
      line-height: 1.3;
   }
   .copyright-link li,
   .copyright-design {
      font-size: 12px;
   }
   .hero-area .section-content p {
      width: 100%;
   }
   .team-item h4 {
      font-size: 14px;
      padding: 20px 15px;
   }


   .white-content p {
      font-size: 14px;
   }
   .section-content h2,
   .section-title h2 {
      font-size: 40px;
   }
   .section-content p {
      font-size: 16px;
   }
   .feature-item {
      margin-left: 30px;
   }
   .attend-link li a {
      font-size: 16px;
   }
   .hero-title {
      margin-top: 30px;
   }
   .mb-xs-15 {
      margin-bottom: 15px;
   }
   .section-content h2 {
      margin-bottom: 15px;
   }
   .about-area {
      background-attachment: inherit;
   }
   .close-btn a {
      padding: 15px 10px;
   }
   .close-btn i {
      font-size: 30px;
   }
   .copyright-design img {
      width: auto;
   }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .container {
      max-width: 450px;
   }
}