Loosenuts CSS

loosenutscss

body { margin-top: 80px; 
#banner-wrapper {
    display: block !important;
 }



#navigation-top { position: fixed; top: 0; left: 0; z-index: 5; }
#main-navigation {
  float: right; margin-top: 25px
}
#banner-wrapper {
  float: left !important;
  
}
#sqs-social {
  float: left !important;
}

 // mobile closed
/*@media only screen and (min-height: 100px) and (min-width: 300px) {
  #banner-area #banner {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100px;
  margin-top: -50px;
  padding-left: 50px;
  }
}
*/
 // mobile opened
@media only screen and (min-height: 550px) and (min-width: 300px) {
  #banner-area #banner {
 // height: auto;
 // width: auto;
 // max-width: 100%;
  //max-height: 100px;
 // margin-top: -600px;
  padding-left: 106px;
    top:-347px;
    
      
  }
}





@media only screen and (max-width: 640px) {
  .banner-content-empty #mobile-navigation-title,
  .banner-content-page-title-description #mobile-navigation-title {
    display: none !important;
   
  }

  body.banner-content-empty.page-thumbnail-as-banner #banner-area {
    height: 300px ;
    
 @media screen and (max-width: 640px){
  
body {
  margin-top: 0;
}
 
#banner-area #banner-wrapper {
  width: 100%;
  margin-right: 0;
}
 
#banner-area #banner-wrapper img#banner {
  max-width: 50px;
  top: -59px;
  padding-left: 0;
}
 
.sqs-mobile-nav-open #banner-area #banner-wrapper img#banner {
  top: -300px;
}
 
}   
}
}}