@media (min-width: 200px) {
  .container-x {
    max-width: 94%;
  }

  .blog-slider {
    width: calc(100% + 6%);
    margin-right: -3%;
    margin-left: -3%;
  }
  .honors-slider {
    width: calc(100% + 6%);
    margin-right: -3%;
    margin-left: -3%;
  }
  .album-dot-slider {
    width: calc(100% + 3%);
    margin-right: -3%;
  }
  /* 
      .video-dot-slider {
   width: calc(100% + 3%);
    margin-right: -3%;
    
  } */
}

@media (min-width: 640px) {
  .blog-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .honors-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .album-dot-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .video-dot-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .container-x {
    max-width: 84%;
  }
}

@media (min-width: 1240px) {
  .container-x {
    max-width: 1100px;
  }
}

@media (min-width: 1400px) {
  .container-x {
    max-width: 1300px;
  }
}

@media (min-width: 1536px) {
  .container-x {
    max-width: 1276px;
  }
}

@media (max-width: 1536px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1300px) / 2 - 24px);
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: calc((100vw - 1300px) / 2 - 24px);
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1300px) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 1300px) / 2 + 56px);
  }

  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 1300px) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 1300px) / 2);
  }
}

@media (max-width: 1400px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1100px) / 2 - 24px);
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: calc((100vw - 1100px) / 2 - 24px);
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1100px) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 1100px) / 2 + 56px);
  }
  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 1100px) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 1100px) / 2);
  }
}

@media (max-width: 1280px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 84%) / 2 - 24px);
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: calc((100vw - 84%) / 2 - 24px);
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 84%) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 84%) / 2 + 56px);
  }
  .progress-slider-cnt .prev-slide.custom-arrow,
  .progress-slider-cnt .next-slide.custom-arrow {
    top: 240px;
  }
  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 84%) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 84%) / 2);
  }
}

/* @media (max-width: 1024px) {
#layer6 img {
    transform-origin: 48vw 30.5vh;
}
} */

@media (max-width: 1200px) and (min-width: 1100px) and (max-height: 900px) and (min-height: 700px) {
    #layer6 img {
        transform-origin: 48.5vw 30.5vh;
    }
}

@media (max-width: 900px) and (min-width: 770px) and (max-height: 1200px) {
#layer6 img {
        transform-origin: 47vw 30.5vh;
    }
}

@media (min-width: 992px) {

.services .service:not(:hover) {
  width: 26%;
}

.services .service:hover {
  width: 46%;
}

.services-inner:not(:hover) .service:first-child {
  width: 46%;
}

.services-inner:not(:hover) .service:first-child .service-img{
  filter: grayscale(0);
}

.services .service:not(:hover) .service-img {
  filter: grayscale(100);
}

.services .service:hover .service-img {
  filter: grayscale(0);
}

.services .service:not(:hover) .service-text {
  opacity: 0;
  transform: translate(0, 0);
}

.services-inner:not(:hover) .service:first-child .service-text{
   opacity: 1;
  transform: translate(0, -156px);
}

.services .service:hover .service-text {
  opacity: 1;
  transform: translate(0, -156px);
}

.services .service:not(:hover) .service-title {

  transform: translateY(0);
}

.services-inner:not(:hover) .service:first-child .service-title{
 transform: translateY(-156px);
}


.services .service:hover .service-title {

  transform: translateY(-156px);
}

.services-inner:not(:hover) .service:first-child .service-context{
width: 80%;
max-width:331px
}
.services .service .service-context {
max-width: 331px
}

.services .service:hover .service-context {
  width: 80%;
max-width: 331px
}

}

@media (max-width: 992px) {
 .honors-slider .slick-current .honor-shine {
   right: -200%;
  }

  .honors-slider .slick-target .honor-shine {
   right: -200%;
  }

  .project-album-slider .prev-slide.custom-arrow {
    opacity: 0;
    visibility: hidden;
  }

  .project-album-slider .next-slide.custom-arrow {
    opacity: 0;
    visibility: hidden;
  }

.services .service.opened {
  width: 100%;
}

.services .service:not(.opened) {
  width: 100%;
}

.services .service:not(.opened) .service-text {
  width: 100%;
}

.services .service.opened .service-text {
  width: 100%;
}

.services .service:not(.opened) {
  height: 133px;
}

.services .service.opened {
  height: 300px
}

.services .service:not(.opened) .service-img {
  filter: grayscale(100);
}

.services .service.opened .service-img {
  filter: grayscale(0);
}

.services .service:not(.opened) .service-text {
  opacity: 0;
  transform: translate(0, 0);
}

.services .service .service-text {
padding:0 16px
}

.services .service.opened .service-text {
  opacity: 1;
  transform: translate(0, -131px);
  
}

.services .service:not(.opened) .service-title {

  transform: translateY(0);
}

.services .service.opened .service-title {

  transform: translateY(-14px);
}
}

@media (max-width: 769px) {
  .blog-slider .slick-current .blog-context,
  .blog-slider .slick-target .blog-context {
    translate: 0;
  }

  .blog-slider .slick-current .blog-context .blog-context-bottom,
  .blog-slider .slick-target .blog-context .blog-context-bottom {
    opacity: 1;
  }
}

@media (max-width: 769px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: 100px;
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: 100px;
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 94%) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 94%) / 2 + 56px);
  }
  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 94%) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 94%) / 2);
  }
}

@media (min-width: 640px) and (max-width: 1280px) and (min-height: 729px) {
  .services {
    margin-top: -120px;
  }
}

@media (min-width: 640px) and (max-width: 1280px) and (max-height: 729px) {
  .services {
    margin-top: 68px;
  }
}

@media (max-width: 640px) or (max-height: 720px) {
#rectangle {
  position: absolute;
  transform: translateX(-50%) !important;
}

#final {
  top: 0;
}
}


@media (max-width: 900px) and (orientation: landscape) {
  .header-menu {
    padding-top: 64px;
  }
}

@media (max-width: 640px) and (min-height:600px) {
  #layer3 img {
    object-position: -45rem center;
  }
}

@media (max-width: 640px) {
  .services {
    margin-top: 80px;
    
  }

  .service-title .text-white {
    font-size: 17px;
  }

        .service-text .text-white {
            font-size: 14px
        }

  .service-text .text-custom-gray{
font-size:14px
  }



  .honors-slider.slick-slider .slick-list {
    padding-right: 0 !important;
  }

  #layer4,
  #layer6 {
    scale: 1.07;
  }

  .services .collapsible.collapsible--expanded {
    height: 328px;
  }

  .services .collapsible.collapsible--expanded .service-title {
    transform: translateY(55px);
  }

    .services .service-gradient {
transition: all 0.3s;
top: 75%;
  }

  .services .collapsible.collapsible--expanded .service-gradient {
top: 50%;
  }

  #layer6 img {
    animation: rotateHead 4s infinite ease-in-out;
    transform-origin: 46vw 30.5vh;
  }

  .album-dot-slider .slick-list {
    padding-left: 0 !important;
  }

  .video-dot-slider .slick-list {
    padding-left: 0 !important;
  }

 
}

@media (max-width: 540px) {
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes fade-in {
    100% {
      opacity: 1;
    }

    0% {
      opacity: 0;
    }
  }

  .project-slider-cnt .prev-slide.custom-arrow {
    right: 50%;
    transform: translate(50px, -50%);
    top: auto;
    bottom: -80px;
  }

  .project-section {
    padding-bottom: 64px;
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: 50%;
    transform: translate(-50px, -50%);
    top: auto;
    bottom: -80px;
  }
  .button {
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .button span {
    font-size: 14px;
  }
}