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

{

   #menuHedaer {

      left: 0em !important;

   }

   

   .logoBase

   {

      margin-left: auto; 

      margin-right : auto; 

   }

   #theCraneImage {

      width                : 100%;

      margin-bottom        : 0.2em;

   }

   

   #craneUrls {

      margin-bottom        : 0.3em;

   

   }

   

   #descriptionDots {

      margin-bottom        : 0.3em;

      opacity: 0;

   }

   

   #craneQuote {

      background-color     : #536575;

   }

   

   #descriptionDots a {

      border-radius        : 50%;

      display              : inline-block;

      width                : 1em;

      height               : 1em;

      border               : 1px solid #999;

      margin-left          : 0.2em;

   }

   #theQuote {

      position               : absolute; 

      top                    : 2.3em; 

      left                   : 0em;

      font-size              : 0.9em;

      font-weight            : normal;

      border-radius          : 1em;

      text-align             : justify;

      border                 : 0px solid white;

      background-color       : transparent;

   }

   

   .blockquote {

      border                 : 1px solid #5d6e7e;

      background-color       : #536575;

      color                  : #eee;

      

   }

   

   #theName {

      position               : absolute;

      right                  : 0em;

      padding                : 1em;

      border-radius          : 1em;

      text-align             : center;

      bottom                 : -4em;

      font-size              : 1em;

   }

   

   #closeQuote {

      position               : absolute;

      right                  : 0em;

      bottom                 : -7.8em;

      

   }

    

   .theQuoteBlock {

    

      background-color       : #e3cdc1 !important;

   }

   

   .theNameQuote {

      background-color       : #e3cdc1 !important;

      color                  : #46525E !important;

   }

   

   #craneDescriptionHolder {

      background-color       : white; 

      border                 : 0px solid white !important; 

      

   }

   #blueBambooPlaceHolder {

      display                : none;

   }

   

   #craneYouTubeDiv {

      display                : block;

   }

   

   

   #cranePercentageMobile {

      position       : absolute;

      top            : 2.95em;

      border-radius  : 15px;

      right          : 4em;

      border         : 0px solid orange;

      overflow       : hidden;

      font-weight    : normal;

      font-size      : 1em;

      color          : #5d6e7e;

      font-size      : 0.8em;

   }

   

   #imageDots {

      position       : relative;

      top            : -.1em;

      left           : 0.3em;

   }

   

   #imageDots a {

      margin-right   : 0em;

   }

   

   #numberOfDaysSince {

      position         : absolute;

      top              : -3.15em;

      right            : 0.2em;

      overflow         : hidden;

      font-weight      : normal;

      font-size        : 1em;

      color            : #5d6e7e;

      font-size        : 0.8em;

      z-index          : 5000000;

      border-left      : 0px dotted #5d6e7e;

      background-color : white;

   }

   

   #numberOfDaysSinceBamboo

   {

       display       : none;

   }

   

   #favoriteHeart {

      position            : absolute; 

      top                 : 2.2em;

      right               : 0.3em;

   }

   #siteFavoriteHeart {

      position            : absolute; 

      top                 : 2.2em;

      left                : 19.65em; 

   }

   #craneLink {

      position            : absolute; 

      left                : 0.7em;

      bottom              : 0.3em;

   }

   

   #craneKeywords {

      position            : absolute; 

      left                : 2em;

      bottom              : 0.3em;

   }

   

   #craneQuote > a {

      color               : white !important;

      border-bottom       : 1px dotted white;

   }

   

   ratings.regular {

      display             : none;

   }

   

   ratings.mobile {

      display             : block; 

      padding             : 0.35em 0em 0.2em 0em;

      display             : block; 

      border              : 0px dotted orange;

      width               : 100%;

      font-size           : 0.9em;

      border-radius       : 1em;

      margin-top          : 0.4em;

      background-color    : #9BAAB5;

      border              : 1px solid #5d6e7e

   }

   

   ratings div.ratingName {

      padding-left        : 0.5em;

   }

   ratings div.ratingDots {

      padding-left        : 0.5em;

   }

   

   #donorMobile {

      margin-top          : 0.4em;

      margin-bottom       : 0.4em;

      background-color    : #9BAAB5;

      color               : #303B45;

      border              : 1px solid #303B45;

      border-radius       : 1em;

      width               : 100%;

      overflow            : hidden;

      padding-top         : 1em; 

      padding-bottom      : 1em;

   }

   

   #donorMobile span.donorTitle {

      display             : block;

      font-size           : 1.2em;  

      opacity             : 0.7;

      position            : relative; 

      left                : 0.5em;

   }

   

   #donorMobile span.donorName {

      font-size           : 1.5em;

      font-weight         : bold;

      opacity             : 0.7;

      position            : relative; 

      left                : 0.35em;

   }

   

   #craneTravelIcon {

      position            : absolute;

      top                 : 2.2em;

      right               : 6.5em;

      height              : 1.3em;

      width               : 1.5em;

   }

   

      game {

      width               :  95.5%;

      background-color    : #e3cdc1;

      display             : block;

      margin-top          : 0.5em;

      border-radius       : 1em;

      border              : 1px solid #8B6B5B;

      padding             : 2%;

      font-size           : 0.9em;

      text-align          : left;

   }

   

   game div div.rightSide {

      float              : none; 

      width              : 90% !important;

      text-align         : left;

   }

   game div div.leftSide {

      float              : none; 

      width              : 90% !important;

      text-align         : left;

      padding-bottom     : 0.5em;

   }

   

   .gameEventHolder {

      float              : right; 

   }

   

   .gameEventHolder img {

      float              : left; 

   }

   .gameMinute     {

      float              : right;

   }

   .countryNameHome {

      padding-left       : 0em;

   }

   .gameScoreLeft {

      float              : left; 

      padding-left       : 0em;

      padding-right      : 0.5em;

   }

   .countryNameHome {

      float              : none; 

   }

   

   .gameFlagHomeMobile {

      display            : inline; 

      padding-right      : 0.5em;

   }

   

   .gameFlagHomeNonMobile {

      display            : none;

   }

   

   .minuteEventHolder {

      float              : left;

   }

   

   game .closeIconLink {

      display            : none;

   }

   

      #imagesInfoAnchrs {

        bottom            : 1em;

        right             : 1em;

    }

    

      #totalAudio {

      width               : 95.5%;

      border-radius       : 1em;

      color               : white;

      text-align          : justify;

      border              : 1px solid #8b6b5b;

      background-color    : #758A9E;

      padding             : 2%;

      margin-top          : 0.5em;

      padding-bottom      : 0.2em;

      border              : 1px solid #303B45;

   }   

   

   

    #audioPlayerControls a.play, #audioPlayerControls a.pause, #audioPlayerControls a.original

    {

       background-size  : 1em;

       overflow         : hidden;

    } 

}