@media (min-width: 1200px) {
  .hidden-wide {
    display: none !important;
  }
  #gallery .photo { width: 32%; margin: 1px;  }
 
}

@media (min-width: 980px) and (max-width: 1199px) {
  .hidden-normal {
    display: none !important;
  }
  .moduletable_menu ul.ide_menu, .moduletable_menu ul.ide_menu li { font-size:13px;  }
  .moduletable_menu ul.ide_menu li { margin: 0 1%; }
  .moduletable_menu ul.ide_menu li a { padding: 15px;   }
  #gallery .photo { width: 100%; margin: 5px; }
  
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-xtablet {
    display: none !important;
  }
  .moduletable_menu ul.ide_menu, .moduletable_menu ul.ide_menu li { font-size:12px;  }
  .moduletable_menu ul.ide_menu li { margin: 0 1%; }
  .moduletable_menu ul.ide_menu li a { padding: 10px;   }
 
  #gallery .photo { width: 90%; margin: 5px; }  
}

@media (min-width: 600px) and (max-width: 767px) {
  .hidden-tablet {
    display: none !important;
  }
  #gallery .photo { width: 90%; margin: 5px; }
}

@media (max-width: 599px) {
  .hidden-mobile {
    display: none !important;
  }
  #gallery .photo { width: 90%; margin: 5px; }
}

.hidden {
  display: none !important;
  visibility: hidden;
}


@media (max-width: 1199px) {

div[itemprop="articleBody"] { width: 100%; padding: 5% 0; }

#about-L, #about-R, #contact-L, #contact-R,
#about ul li {float: none; width: 100%; margin: 20px 0;  }

#product-list.col3 #list, #product-list.col3 #list:nth-of-type(3n-1)  {  width: 100%; height: 40vh;}
  
#top .mainnav{
	display:none!important;
}
#open-button { display:block; } 
.mainnav { display: none; } 
  
}

@media (max-width: 767px) {


#top { width: 100%;  }
#top-L { float: left; width: 30%; margin: 0; padding: 0;  }
#top-R { float: right; width: 70%; margin: 0; padding: 0; }
#logo { padding: 15px;  }
#top-Full.reveal:not(.alt) #top-L { width: 25%;}
#open-button { right: 20px; top: 20px; }

.moduletable_menu ul.ide_menu { padding: 0 15px;  }


#contact .btqc-field-container input[type=text], #contact .btqc-field-container textarea { width: 95%; }

.page-header h2 { font-size: 24px; color: #3b2e2f; padding: 10px 15px; margin: 10px 0 0 0; }

#package { float: none; width: 100%; }
#package dl.rate { font-size: 110%;}
.col-xs-6 { width: 100%; }

}


@media (max-width: 599px) {
 
}

@media (max-width: 479px) {

}

@media (max-width: 360px) {

}