@media only screen and (max-width:39.999em)

{

   #menuHedaer {

      left: 0em !important;

   }

   body {

      font-family      : "Arial";

      border           : 0px dotted blue;

      padding-left     : 0.2em;

      padding-right    : 0.2em;

      width            : 97%

   }   

   div#whyQuote {

      position         : fixed; 

      bottom           : 5em;

      padding-left     : 0.2em;

      padding-right    : 0.2em;

   }

   

   #mobileIndicator {

      display          : inline;

   }

   

   .section {

      width            : 100%;

   

   }

   #fylingCraneWhy {

      float            : right;

      margin-top       : 20%;

      margin-right     : 1.5em;

      width            : 10em;

   }

   

   #craneLogoWhy  {

      position         : absolute;

      margin-left      : 1.7em;

      bottom           : 0em;

   }

   

   #craneLogoHome  {

      width            : 100%;

      padding-top      : 0.5em;

      display          : block;

      border-top       : 1px dotted #4E5D6B;

   }

   

   #craneLogoHome img.logoBase {

      margin-left      : auto; 

      margin-right     : auto;

      display          : block;

      position         : relative; 

      left             : -0.6em;

   }

   

   #craneLogoWhy {

      

   }

   

   #ddCraneLinks {

      width            : 100%;

      max-width        : 100%; 

      min-width        : 100%;

      height           : 2em;

      min-height       : 2em;

      max-height       : 2em;

      padding          : 0px 0px 0px 0px; 

      border           : 1px solid #aaa;

      overflow         : scroll;

      position         : absolute; 

      top              : 1px; 

      left             : 1px;

      z-index          : 10000000;

   }

   

   

   #ddCraneLinks .craneLink:nth-child(odd){

      background-color : #EFEFEF;

   }

   

   #ddCraneLinks .craneLink {

      

   }

   

   .craneLink {

      display          : block;

      width            : 95%;

      border-bottom    : 0px dotted #aaa;

      border-right     : 1px solid #aaa;

   }

   

   .craneRange {

      float            : right;

      padding-right    : 0.1em;

   }

   #cranes {

      position         : relative;

      top              : -1.5em;

   }

   

   #numberOfDaysSince {

      top              : -1.2em !important;

   }

   

   #cranesLogoHolder {

      margin-top       : 0.75em; 

      top              : 0.5em;

      text-align       : center;

      margin-left      : auto; 

      margin-right     : auto;

   }

   #bambooLeaves {

   

      display          : none;

   }

   

   #filter {

      position         : absolute; 

      top              : 2em;

   }

   

   #actionMessage{

      top              : 7em;

      width            : 92.5%;

   }

   

   #linkToSiteCrane {

      display          : none;

   }

   #waysToLink {

      margin-bottom    : 0.8em;

   

   }

   pcrane#goFundMe {

      display           : block;

   }

   pcrane#goFundMe a img#goFundMeLink { 

      margin-left       : auto; 

      margin-right      : auto;

   }

      #themes {

      right             : 0.5em;

      top               : 0em;

   }

   

   #goFundMe {

      margin-left      : auto; 

      margin-right     : auto;

   }

   

   

   

   #sponsorsSadakoSasakiImage {

      width            : 100%;

      padding-bottom   : 0.8em;

   }

   

      

      

   #activityHiroshimaKanji  {

      display              : none;

   }

   

   #activities span#priorNext a#activityPrior {

      margin-right         : 1em;

   }

   

   #activitiesHolder {

      margin-bottom         : 0.4em;

   }

   

   .haiku {

      width           : 100%;

      border          : 0px dotted orange;

      text-align      : center;

      padding-bottom  : 0.8em;

   }

   .activity {

      margin-bottom        : 0.5em;  

   }

   

   #craneLogoActivities img.logoBase  {

      display              : block;

      margin-left          : auto; 

      margin-right         : auto;

      margin-bottom        : 0.5em;

      margin-top           : 0.4em;

   }

   

   #activities {

      position             : relative;

   }

   

   #activities  div.activityDate {

        font-size          : 1.2em; 

        font-weight        : bold; 

        padding-bottom     : 0.15em;

        border-bottom      : 1px dotted #5d6e7e;

        margin-bottom      : 0.15em;

    }

    

    #activities div.activityNameArea {

        background-color   :  #5d6e7e;

        color              : white; 

        font-weight        : normal;

        margin-bottom      : 0.15em;

        line-height        : 1.2em;

        height             : 5.6em;

        padding            : 0em 0.2em 0em 0.2em;

        border             : 1px solid #5d6e7e;

        position           : relative;

    }

    

    #activities div.activityNameArea div.activityName{

        color              : white;

        font-size          : 1.2em; 

        padding-top        : 0.4em;

        margin-bottom      : 0.15em;

        font-weight        : bold;

    } 

    

    

    #activities div.activityNameArea img.activityNameFlower {

       position            : absolute; 

       right               : 0em; 

       height              : 3em;

       top                 : 0.75em;

       opacity             : 0.35;

    }

    

    #activities div.activitySponsor {

        font-size          : 0.8em;

        margin-top         : 0.15em;

        border-bottom      : 1px dotted #5d6e7e;

    }

    

    #activities div.activityDescriptionHolder {

       width               : 100%;  

       background-color    : #DCE2E7;

       border-top          : 1px dotted #8b6b5b;

       border-bottom       : 1px dotted #8b6b5b;

       margin-top          : 2.2em;

       margin-bottom       : 1.5sem;

    }

    

    #activities div.activityDescription {

        width              : 96%;

        color              : #46525E;

        text-align         : justify;

        border             : 0px solid #8b6b5b;

        background-color   : #e3cdc1;

        padding            : 2%;

        font-size          : 0.9em;

        padding-top        : 1em; 

        padding-bottom     : 1em;

        position           : relative;

    }

    

    #activities div.activityDescription span.title {

       position            : absolute; 

       font-size           : 1em;

       font-weight         : bold; 

       top                 : -1.35em;

       left                : 3.4em;

       color               : #8B6B5B;

    }

    

    #activities div.activityDescription img.topLeft {

       height              : 3em; 

       position            : absolute;

       top                 : -2.3em;

       left                : 0em;

    }

    

    #activities div.activityVenueName img.bottomRight

    {

       height              : 3em; 

       position            : absolute;

       top                 : 1.5em;

       right               : 0.2em;

       opacity             : 0.35;

    }

    

    #activities div.activityCommentsHolder {

       width               : 100%;  

       background-color    : #DCE2E7;

       border-top          : 1px dotted #5d6e7e;

       border-bottom       : 1px dotted #5d6e7e;

       margin-top          : 1.5em;

       margin-bottom       : 1.2em;

       position            : relative;

    }

    

    #activities div.activityComments {

        width              : 96%;

        color              : <print $colorIconBorder; %>

        text-align         : justify;

        border             : 0px solid #8b6b5b;

        background-color   : #DCE2E7;

        padding            : 2%;

        font-size          : 0.9em;

        text-align         : justify;

        padding-top        : 1.1em; 

        padding-bottom     : 1em;

        position           : relative;

    }

    

    #activities div.activityCommentsHolder span.title {

       font-size           : 1em;

       left                : 3.4em;

       color               : #5d6e7e;

       font-weight         : bold;

       top                 : -1.35em;

       position            : absolute;

    }

    

    #activities div.activityComments img.topLeft {

       height              : 3em; 

       position            : absolute;

       top                 : -2em;

       left                : 0em;

    }

    

    #activities div.activityComments img.bottomRight

    {

       height              : 3em; 

       position            : absolute;

       bottom              : -1.8em;

       right               : 0em;

    }

    

    .whereItWillHappen {

       margin-top          : 0.5em;

       font-size           : 0.8em;

       font-weight         : normal;

    }

    

    

    #activities activity.activity div.activityVenueName {

       height              : 5.7em; 

       line-height         : 1.2em;

       color               : white;

       white-space         : nowrap;

       background-color    : #5d6e7e;

       padding             : 0.2em 0.2em 0em 0.2em;

       margin-top          : 0.5em;

       position            : relative;

    }

    

    #activities activity.activity div.activityVenueName a.activityVenueNameRoman {

       font-weight         : bold;

    }

     

    #activities activity.activity div.activityVenueName a {

       color               : white;

       display             : inline-block;

    }

    

    #activities iframe {

       border-bottom        : 1px dotted #5d6e7e;

       width                : 100%;

    }

        .unesco {

       font-size           : 1em; 

       border              : 0px dotted orange;

       color               : #5d6e7e;

       position            : relative;

       margin-top          : 0.15em; 

       padding-bottom      : 0.15em;

       border-bottom       : 1px dotted #5d6e7e;

       text-align          : center;

    }

    

    #activities  div.unesco span.unescoline {

    }

    

    #activities span#priorNext {

       position           : absolute; 

       top                : -0.4em; 

       right              : 0em;

       font-size          : 2.3em;

       font-weight        : bold;

    }

    #activities span#priorNext a {

       border             : 0px solid white;

    }

    

    .activityImageArea {

       width              : 100%; 

       overflow           : hidden;

    }

    .activityImageArea img.activityImage{

       width              : 100%;  

    }

    

        

    #pnlCranesPerDay {

       left                : -0.55em;

    }

    

    #craneLogoSettings {

       position           : absolute; 

       bottom             : 0.5em;

       left               : 0.5em;

    }

    

    img.whenYouFold {

       display            : none;

    }

    quote.whenYouFold {

       display            : inline-block;

    }

}