/* Template:r065
Copyright © 2015 Eleiss. All rights reserved.
contact@eleiss.com */
@media only screen and (max-width:1024px){
     body
     {
          font-size:16px !important;
     }
     .column-count2
     {
          padding:0;
     }
     .footer-gallery figcaption
     {
          font-size:0.8em;
     }
     .inner-module1
     {
          padding:100px 15px 35px 10px;
     }
     .module3 .inner-module1:before
     {
          top:10px;
     }
}
@media only screen and (max-width:960px){
  .menu.dropdownmenu
  {
    display:none !important;
  }
  .responsive-menu-trigger
  {
    display:block;
  }
  .sticky-menu-container
  {
    display:block!important;
    box-sizing:border-box;
    overflow:hidden;
  }
}
@media only screen and (max-width:800px){
     .span-2-of-10
     {
          width:59.2%;
     }
     .span-8-of-10
     {
          width:38.8%;
     }
     .span-2-of-8,
     .span-1-of-4,
     .span-3-of-12
     {
          width:49%;
     }
     .span-1-of-4:nth-of-type(2n+1),
     .span-3-of-12:nth-of-type(2n+1),
     .span-2-of-8:nth-of-type(2n+1)
     {
          margin-left:0;
          clear:both;
     }
     .span-1-of-2,
     .span-3-of-7,
     .span-4-of-7
     {
          width:100%;
          margin-left:0;
     }
     .recent-charity .carousel-item,
     .static-gallery .gallery-item
     {
          width:50%;
     }
     .slide-show-content .eleiss-slide
     {
          padding-right:0;
     }
     .contributor p:not(.founder)
     {
          padding:10px;
     }
     .founder
     {
          padding:25px 10px 30px;
     }
     .remove-margin
     {
          margin-top:30px;
     }
     .margin-top-0
     {
          margin-top:15px;
     }
     .main-carousal .carousel-item
     {
          width:33.33%;
     }
     .detail .carousel-item
     {
          width:25%;
     }
}
@media only screen and (max-width:640px){
     .span-4-of-10,
     .span-3-of-10,
     .span-1-of-3,
     .span-6-of-10,
     .span-4-of-10,
     .span-1-of-5,
     table caption
     {
          width:100%;
     }
     .span-3-of-10,
     .span-1-of-3,
     .span-6-of-10,
     .span-4-of-10,
     .span-1-of-5
     {
          margin-left:0;
     }
     .span-1-of-4
     {
          width:49%;
     }
     .span-1-of-4:nth-of-type(2n+1)
     {
          margin-left:0;
          clear:both;
     }
     .main-carousal .carousel-item
     {
          width:49.5%;
     }
     .flip-scroll tbody tr
     {
          display:inline-block;
     }
     table.flip-scroll
     {
          border:none;
     }
     .flip-scroll thead
     {
          float:left;
          border-top:1px solid #323d44;
     }
     .flip-scroll thead tr,
     .flip-scroll tr th,
     .flip-scroll tbody,
     table.flip-scroll,
     .flip-scroll td,
     table.flip-scroll td:last-child
     {
          display:block;
     }
     .flip-scroll tbody
     {
          width:auto;
          overflow-x:auto;
          white-space:nowrap;
          background-color:transparent;
     }
     table.flip-scroll tbody tr:nth-of-type(2n+1)
     {
          background-color:#ffffff;
     }
     .flip-scroll tbody tr
     {
          border-right:1px solid #323d44;
          border-top:1px solid #323d44;
     }
     .outer-image img
     {
          height:83%;
          top:17%;
     }
     .inner-module1
     {
          padding:4px 15px 35px 100px;
     }
     .module3 .inner-module1:before
     {
          top:30%;
     }
     .span-3-of-12
     {
          width:23.5%
     }
     .span-3-of-12:nth-of-type(2n+1)
     {
          margin-left:2%;
          clear:none;
     }
}
@media only screen and (max-width:480px){
     .recent-charity .carousel-item,
     .static-gallery .gallery-item,
     .span-1-of-4,
     .span-2-of-8
     {
          width:100%;
     }
     .span-1-of-4,
     .span-2-of-8
     {
          margin-left:0;
     }
     .paging
     {
          margin-top:0;
     }
     .span-3-of-12
     {
          width:49%
     }
     .span-3-of-12:nth-of-type(2n+1)
     {
          margin-left:0;
          clear:both;
     }
     .imp-module img
     {
          max-width: 100%;
          margin-right: 0;
          margin-left: 0!important;
          float: none!important;
     }
}
@media only screen and (max-width:360px){
     .span-2-of-4
     {
          margin-left:0;
     }
     .main-carousal .carousel-item,
     .span-2-of-4
     {
          width:100%;
     }
     .contributor
     {
          padding:0;
     }
     .gallery-menu
     {
          text-align:center;
     }
     .detail .carousel-item
     {
          width:50%;
     }
     .indicator
     {
          text-align:left;
     }
}