/**
 * Created by Ashish Shrestha
*/
/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.ex-flex-wrap {
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  transform: translateY(-50%);
}

.ex-transition {
  transition: all 0.6s ease;
}

.ex-transition-medium {
  transition: all 1.2s ease;
}

.ex-transition-large {
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-16 {
  font-size: 16px;
}

.text-18 {
  font-size: 18px;
}

.text-20 {
  font-size: 20px;
}

.text-22 {
  font-size: 22px;
}

.text-24 {
  font-size: 24px;
}

.text-26 {
  font-size: 26px;
}

.text-28 {
  font-size: 28px;
}

/*------------------------------------ Site Wide Starts -----------------------------------*/
/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------- Mcustom Starts ------------------------------------*/
/*-------------------------------------- Mcustom Ends -------------------------------------*/
@media all and (max-width: 1600px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}
@media all and (max-width: 1100px) {
  .pin-spacer {
    width: 100% !important;
    height: 100% !important;
    padding: 30px !important;
  }
  .pin-spacer #panels-container {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    flex-wrap: wrap !important;
    padding: unset !important;
    box-sizing: unset !important;
    position: unset !important;
    transform: unset !important;
    translate: none;
    rotate: none;
    scale: none;
    inset: 0px auto auto 0px;
    margin: 0px;
  }
  .pin-spacer #panels-container .panel {
    height: 100% !important;
    transform: unset !important;
    padding-bottom: 80px;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex {
    flex-wrap: wrap;
    justify-content: center;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex .image-item {
    width: 50%;
    text-align: center;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex .image-item img {
    width: 100% !important;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex .content-item {
    width: 50%;
    padding-left: 0 !important;
    text-align: right;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex .content-item .title-item h2 {
    font-size: 40px !important;
  }
  .pin-spacer #panels-container .panel:nth-of-type(even) .item-wrapper .flex {
    flex-direction: row-reverse;
  }
  .pin-spacer #panels-container .panel:nth-of-type(even) .item-wrapper .flex .content-item {
    text-align: left;
  }
}
@media all and (max-width: 900px) {
  .pin-spacer #panels-container .panel {
    padding-bottom: 0;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex .image-item {
    width: 100%;
  }
  .pin-spacer #panels-container .panel .item-wrapper .flex .content-item {
    width: 100%;
    text-align: left;
  }
  .pin-spacer #panels-container .panel:nth-of-type(even) .item-wrapper .flex {
    justify-content: unset;
  }
}/*# sourceMappingURL=responsive.css.map */