/*-----------------------------------------------------------------------------------
    Project Name: Meetco - Conference Event & Concert Template
    Author: XpressBuddy -->> (https://themeforest.net/user/xpressbuddy)
    Support: support@xpressbuddy.com
    Description: Meetco - Conference Event & Concert Template
    Developer: Mohammad Wasim Mia -> contact@xpressbuddy.com
    Version: 1.0
-----------------------------------------------------------------------------------*/

@media(min-width: 565px) {
   ul.divide_lists > li:not(:last-of-type) {
      /* width: calc(100% / 2); */
      margin-bottom: 0.3rem;
   }

   .corporate_sec .img:not(.active) .corp_content h2 {
      left: 85%;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
   }

   .corporate_sec .img:not(.active) .corp_content p {
      position: absolute;

   }
}

@media (min-width: 992px) {
   .maffick_about .xb-about-wrap .xb-about-img-item {
      flex-wrap: nowrap;
   }

   .maffick_about .xb-about-wrap .xb-about-img-item .img:nth-child(1),
   .maffick_about .xb-about-wrap .xb-about-img-item .img:nth-child(5) {
      height: 410px;
   }

   .maffick_about .xb-about-wrap .xb-about-img-item .img:nth-child(2),
   .maffick_about .xb-about-wrap .xb-about-img-item .img:nth-child(4) {
      height: 322px;
   }

   .maffick_about .xb-about-wrap .xb-about-img-item .img:nth-child(3) {
      height: 213px;
   }

   .xb-about-img-item {
      flex-wrap: nowrap;
   }

   .xb-about-img-item .img:nth-child(1),
   .xb-about-img-item .img:nth-child(5) {
      height: 410px;
   }

   .xb-about-img-item .img:nth-child(2),
   .xb-about-img-item .img:nth-child(4) {
      height: 322px;
   }

   .xb-about-img-item .img:nth-child(3) {
      height: 213px;
   }
}

@media(min-width: 1200px) {
   :root {
      /* --heading-size: 2.5rem; */
   }

   .dc-funfact-wrap {
      padding: 4rem 3rem 3rem;
   }

   .corporate_sec .img:not(.active) .corp_content h2 {
      left: 90%;
      bottom: 10px;
      width: 150%;
      text-align: start;
   }

   .main-contact-form {
      margin-right: 60px;
   }

}

@media(max-width: 1560px) {
   .school-gallery .team-gallery .img-gallery {
      max-width: 220px
   }
}

@media(max-width: 1300px) {

   .school-gallery .team-gallery .img-gallery {
      max-width: 200px
   }
}

@media (max-width: 1199px) {
   .school-gallery .team-gallery .step--2 {
      margin-top: -34px;
   }

   .school-gallery .team-gallery .img-gallery {
      max-width: 165px
   }

   .wedding_testimonial .testimonial-box .wedtest_img img {
      max-height: 390px;
   }
}

@media (max-width: 991px) {

   :root {
      /* --heading-size: 44px; */
   }

   html {
      font-size: 15.5px;
   }

   body {
      line-height: 25px;
   }

   .dc-funfact-inner {
      padding: 1.75rem 1.5rem 1.5rem;
   }

   .footer-style-two .xb-footer-wrap .xb-newsletter {
      order: -1;
   }

   .corporate_sec .img .corp_content {
      padding: 0 0.5rem 1rem;
   }

   /* .corporate_sec .img .corp_content h2 {
      transform: translateY(-85px);
      -webkit-transform: translateY(-85px);
      -moz-transform: translateY(-85px);
      -ms-transform: translateY(-85px);
      -o-transform: translateY(-85px);
   } */

   .corporate_sec .img .corp_content p {
      font-size: 0.94rem;
   }

   .feature-btn {
      margin-top: 2rem;
   }

   .forum-circle-btn {
      padding: 2.75rem 2rem 1.25rem;
   }

   .xb-feature-item {
      padding: 1.5rem 1rem 1.25rem;
   }

   .dc-funfact-item .xb-item--number {
      font-size: 2.5rem;
   }

   .maffick_about .xb-about-wrap .xb-about-img-item .img {
      width: 45%;
      height: auto;
   }

   .maffick_about .xb-about-wrap .xb-about-img-item .img img {
      height: auto;
   }

   .creators .team-gallery .img-gallery {
      max-width: 115px;
   }

   .school-gallery .team-gallery .img-gallery {
      max-width: 152px
   }

   .xb-about-img-item .img {
      width: 45%;
      height: auto;
   }

   .xb-about-img-item .img img {
      height: auto;
   }
}

@media (min-width: 767px) and (max-width: 991px) {
   .feature .xb-feature-left-content {
      display: flex;
      gap: 1.5rem;
      align-items: center;
   }
}

@media (max-width: 767px) {
   :root {
      --heading-size: clamp(1.5rem, 1vw + 2rem, 3rem);
   }

   .footer-style-two .xb-footer-wrap .xb-newsletter {
      width: 100%;
   }

   .xb-testimonial-item .xb-item--content {
      font-size: 1.05rem;
      line-height: 26px;
   }

   .dc-about-img-item {
      gap: 0.75rem;
   }

   .xb-feature-item h4 {
      font-size: 1.3rem;
   }

   .xb-feature-item .xb-item--img {
      max-width: 305px;
   }

   .creators .team-gallery .img-gallery {
      max-width: 100px;
      height: 110px;
   }

   .school_wrapper .school_img {
      height: 240px;
   }

   .wedding_testimonial .testimonial-box .wedtest_img img {
      max-height: 375px;
   }

   .xb-brand-wrap .dc-brand-logo span {
      min-width: 170px;
      height: 70px;
   }

   .creators .team-gallery .img-gallery {
      width: 100px;
      height: 115px;
   }

   .studio_maffick .xb-about-wrap {
      padding-inline: 0.75rem;
   }
}

@media (max-width: 576px) {
   :root {
      --heading-size: clamp(1.5rem, 1vw + 1.75rem, 3rem);
   }

   html {
      font-size: 15.4px;
   }

   .header-style .stricked-menu {
      top: 0.4rem;
   }

   .maffick_about .xb-about-wrap .xb-about-img-item .img {
      width: 100%;
   }

   .header-style--two .header__wrap a img {
      max-width: 90px;
   }

   .footer-style-two .xb-footer-wrap .xb-footer_widget {
      width: 100%;
   }

   .footer-style-two .xb-footer-wrap .xb-footer_widget .xb-list li {
      display: inline-block;
      width: 48%;
   }

   .dc-funfact-item {
      width: calc(100% / 2 - .5rem);
      margin: 0 0 1rem;
      padding: 0 0 1rem;
   }

   .dc-funfact-item:nth-of-type(n+3)::before {
      display: none;
   }

   .dc-about-img-item {
      flex-wrap: wrap;
   }

   .dc-about-img-item .img {
      width: 100%;
      height: 100%;
      max-height: 240px;
      transition: all 0.6s;
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
      -o-transition: all 0.6s;
   }

   /* .dc-about-img-item .img img {
      height: calc(100% - 100px);

   } */

   .dc-about-img-item .img.active,
   .dc-about-img-item .img:hover {
      width: 100%;
      height: 100%;
      max-height: none;
      transition: 1s linear;
      -webkit-transition: 1s linear;
      -moz-transition: 1s linear;
      -ms-transition: 1s linear;
      -o-transition: 1s linear;
   }

   .category-area .school-wrap {
      max-height: 225px;
   }

   .feature .xb-feature-item {
      flex-wrap: wrap;
   }

   .feature .xb-feature-item .xb-item--inner {
      display: flex;
      gap: 1rem;
      align-items: baseline;
      max-width: 100%;
   }

   .feature .xb-feature-item .xb-item--inner .xb-item--img {
      max-width: 100%;
   }

   .corporate_sec .img .corp_content {
      text-align: start;
      padding: 0 0.75rem 1rem;
      transition: 0.6s;
   }

   .corporate_sec .img:not(.active) .corp_content {
      transform: translateY(55%);
   }

   .corporate_sec .img .corp_content h2 {
      font-size: 1.75rem;
   }

   .corporate_sec .img .corp_content p {
      transition: 1s;
      line-height: 24px;
   }

   .school-gallery .team-gallery .step--2 {
      margin-top: -26px;
   }

   .school-gallery .team-gallery .img-gallery {
      max-width: 150px;
      clip-path: polygon(50% 0%, 96% 25%, 96% 75%, 50% 100%, 4% 75%, 4% 25%);
      clip-path: polygon(50% 0%, 97% 25%, 97% 75%, 50% 100%, 3% 75%, 3% 25%);
   }

   .testimonial-box .wedtest_content {
      min-height: 175px;
      padding-inline: 0.75rem;
      font-size: 0.95rem;
      line-height: 22px;
   }

   .wed_about .wed_content h1 {
      font-size: 2.5rem;
      line-height: 2.75rem;
   }

   .creators .team-gallery .img-gallery {
      max-width: 90px;
      height: 100px;
   }

   .school_feature .school_wrapper .school_img {
      height: 275px;
   }
}

@media (max-width: 420px) {
   .xb-footer-contact_info {
      padding: 1.5rem 0.5rem 1.25rem 0.75rem;
   }

   .xb-contact-item .xb-item--contact {
      font-size: 1rem;
   }

   .school-gallery .team-gallery .img-gallery {
      max-width: 120px;
   }

   .wed_about .wed_first {
      top: -10px;
   }

   .xb-about-img-item .img {
      width: 100%;
   }

}