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

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

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.ex-transition {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease; }

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease; }

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  -moz-transition: all 1.8s ease;
  -ms-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease; }

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ 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 #home-page .awareness-section .awr-image img {
    width: 100%; }
  #content-wrapper #home-page .awareness-section:before {
    width: 170px;
    height: 170px; }
  #content-wrapper #home-page .team-section .team-slider .common-item {
    padding: 15px; }
  #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item {
    padding: 15px; }
    #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item .story-image img {
      width: 190px;
      height: 190px; }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .section-title {
    padding-bottom: 40px; }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/ }
@media all and (max-width: 1199px) {
  .custom-container {
    padding: 75px; }

  #header-wrapper .header-inner .main-header .navigation-wrapper .site-navigation ul li {
    padding-right: 30px; }
  #header-wrapper .header-inner .main-header .navigation-wrapper .site-logo img {
    width: 90px; }

  #content-wrapper #home-page .team-section:before {
    width: 200px;
    height: 200px; }
  #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item {
    width: 33.33%; }
    #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item .story-image img {
      width: 150px;
      height: 150px; }

  #footer-wrapper .logo-item img {
    width: 180px; }
  #footer-wrapper .common-wrapper .footer-navigation .nav-item h4 {
    font-size: 20px; }
  #footer-wrapper .custom-container.remove-top-bottom-padding {
    padding-bottom: 25px;
    padding-top: 25px; }

  .common-banner-section .banner-image .banner-content .banner-title h1 {
    font-size: 40px; }

  .common-button {
    padding-top: 40px; }

  .common-floating-box {
    max-width: 900px; }

  .slick-slider .slick-prev {
    left: -80px; }
  .slick-slider .slick-next {
    right: -80px; }

  .team-section .slick-slider .slick-prev {
    left: -40px; }
  .team-section .slick-slider .slick-next {
    right: -40px; }

  .common-button a {
    padding: 15px; } }
@media all and (max-width: 991px) {
  .custom-container {
    padding: 60px; }

  .common-button.big-button a {
    max-width: 300px; }

  .site-navigation {
    display: none; }

  .mobile-nav {
    display: block; }
    .mobile-nav span {
      width: 40px;
      display: block;
      background: #411058;
      height: 3px;
      margin-bottom: 5px; }
      .mobile-nav span:last-of-type {
        margin-bottom: 0; }

  body.mobile-menu-open {
    overflow: hidden; }
    body.mobile-menu-open #header-wrapper {
      background: #ffffff;
      transition: all .6s ease;
      z-index: 1234567894621;
      height: 100vh;
      width: 100%; }
      body.mobile-menu-open #header-wrapper .mobile-nav {
        position: relative; }
        body.mobile-menu-open #header-wrapper .mobile-nav span {
          position: absolute;
          top: 0;
          right: 0; }
          body.mobile-menu-open #header-wrapper .mobile-nav span:nth-of-type(2) {
            display: none; }
          body.mobile-menu-open #header-wrapper .mobile-nav span:nth-of-type(1) {
            transform: rotate(45deg);
            transition: all 0.6s ease; }
          body.mobile-menu-open #header-wrapper .mobile-nav span:nth-of-type(3) {
            transform: rotate(-45deg);
            transition: all 0.6s ease; }
    body.mobile-menu-open .site-navigation {
      display: block;
      padding-top: 100px; }

  #header-wrapper .site-logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #header-wrapper .header-inner .main-header .navigation-wrapper {
    display: block; }
    #header-wrapper .header-inner .main-header .navigation-wrapper .site-navigation ul {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #header-wrapper .header-inner .main-header .navigation-wrapper .site-navigation ul li {
        padding-right: 0;
        padding-bottom: 30px; }
  #header-wrapper .header-inner .top-header .top-header-text a {
    font-size: 14px; }

  .common-banner-section .banner-image {
    height: 475px; }
    .common-banner-section .banner-image .banner-content {
      align-items: center; }

  .section-title h1 {
    font-size: 30px; }

  .common-floating-box {
    max-width: 650px; }
    .common-floating-box .common-wrapper .common-item {
      padding: 5px; }
      .common-floating-box .common-wrapper .common-item .sm-image img {
        width: 40px; }

  #content-wrapper #home-page .awareness-section:before {
    width: 120px;
    height: 120px; }
  #content-wrapper #home-page .awareness-section:after {
    width: 150px;
    height: 150px; }
  #content-wrapper #home-page .team-section:before {
    width: 150px;
    height: 150px; }
  #content-wrapper #home-page .team-section .team-slider .common-item .inner-wrapper .team-image img {
    width: 130px;
    height: 130px; }
  #content-wrapper #what-is-lupus .what-lupus-section .common-wrapper .tab-content {
    padding: 0px 30px; }
  #content-wrapper #what-is-lupus .what-lupus-section .common-wrapper .nav a {
    font-size: 14px; }
    #content-wrapper #what-is-lupus .what-lupus-section .common-wrapper .nav a.active {
      font-size: 16px; }
  #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item .story-image {
    padding-bottom: 25px; }
  #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item .story-title {
    padding-top: 10px; }
    #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item .story-title h3 {
      font-size: 18px; }

  #footer-wrapper .logo-item {
    padding-right: 20px; }
    #footer-wrapper .logo-item img {
      width: 130px; }
  #footer-wrapper .common-wrapper .footer-navigation {
    width: 80%; }

  p, li {
    font-size: 14px; } }
@media all and (max-width: 767px) {
  h2 {
    font-size: 22px; }

  h3 {
    font-size: 18px; }

  .custom-container {
    padding: 30px; }

  .common-banner-section .banner-image {
    height: 375px; }
    .common-banner-section .banner-image .banner-content .banner-title h1 {
      font-size: 25px; }

  .common-floating-box {
    max-width: 100%;
    margin: 0; }

  .warriors-section .common-wrapper {
    padding: 15px; }

  .team-section .slick-slider .slick-prev {
    left: -25px; }
  .team-section .slick-slider .slick-next {
    right: -25px; }

  .slick-slider .slick-prev {
    left: -50px; }
  .slick-slider .slick-next {
    right: -50px; }
  .slick-slider .slick-prev:after, .slick-slider .slick-next:after {
    width: 30px;
    height: 30px; }

  #content-wrapper #home-page .awareness-section:before, #content-wrapper #home-page .awareness-section:after {
    width: 90px;
    height: 90px;
    z-index: -1; }
  #content-wrapper #home-page .awareness-section .common-wrapper .content-container .text-item h3 {
    padding-bottom: 10px; }
  #content-wrapper #lupus-stories .stories-section .common-wrapper .common-item {
    width: 50%; }
  #content-wrapper #what-is-lupus .what-lupus-section .common-wrapper .nav {
    width: 100%;
    padding-bottom: 30px;
    border-right: 0; }
  #content-wrapper #what-is-lupus .what-lupus-section .common-wrapper .tab-content {
    width: 100%;
    padding: 0; }

  #footer-wrapper .logo-item {
    padding-right: 0px;
    padding-bottom: 30px; }
    #footer-wrapper .logo-item img {
      width: 130px; }
  #footer-wrapper .common-wrapper {
    flex-direction: column;
    align-items: flex-start; }
    #footer-wrapper .common-wrapper .footer-navigation {
      width: 100%;
      flex-wrap: wrap; }
      #footer-wrapper .common-wrapper .footer-navigation .nav-item {
        width: 50%; } }

/*# sourceMappingURL=responsive.css.map */