@charset "utf-8";
/* CSS Document */

/* responsive rules */



@media all and (max-width : 1240px) {
#container { width: 100%;}
nav { margin: 0; }
.tab1 { display:none;}
.toggle + a,
.menu { display: none; }
.img {display: none;}

.toggle {
font: 13px 'Oswald', Trebuchet MS;
color: #171700;
background-color:#ffffff;
text-transform: uppercase;


}

.toggle:hover { background-color: #fafafa; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
  
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 5px;b}

nav ul ul ul a { padding: 0 50px; }

nav a:hover,
 nav ul ul ul a { background-color: #F2F2F2; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #fafafa; }

nav ul ul {
  float: none;
  position: static;
  color: #292221;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}

.toggle + a,
 .menu { display: none; }
.toggle {
  display: block;
background-color: #ffffff;
  padding: 0 9px;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
  border: none;

}

.toggle:hover { background-color: #Ffffff; }

[id^=drop]:checked + ul { display: block; }

}
@media (min-width : 600px) and (max-width : 1240px) {
#container { width: 100%;}	

nav ul {	
  position: absolute;
  background-color: #ffffff;
    padding: 0 1px;
}


	.col { margin: 1% 0 1% 0%;}
.span_2_of_3, .span_1_of_3, .span_5fb_of_3,{ width: 100%; }
.span_2_4 { width:100%;}
	.img { display: none;}
	.tab { display:none;}
	.toggle + a,
 .menu { display: none; 
}

nav ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
}
.toggle + a,
 .menu { display: none;  }



	#container { width:100% !important;}
#subcontainer { width: 49% !important; margin-top: 10px; float:left; margin-right:10px;}
#sidebar {width: 49%; float:left;}
}
@media all and (max-width : 600px) {
#container { width: 100%;}	
	nav { 
	  display: block;
  width: 50%;
position:relative;
}
nav ul {	
  position: absolute;
z-index: 2;}


nav ul li {
	  display: block;
  width: 100%;
 
}
.toggle + a,
 .menu { display: none;
 }
 


.col { margin: 1% 0 1% 0%;}
	.span_2_of_3, .span_1_of_3,.span_40,.span_4_of_3, .span_5fb_of_3, .span_2_4{ width: 100%; }

	.table1 {visibility:hidden}
	.tab { display:none;}
	#container { width:100% !important;}
#subcontainer { width: 96% !important; margin-top: 10px; margin-left: 2%; margin-right: 2%;}
#sidebar {width: 98%; float:left;}

.ser{ width: 100%;
 position: static;
}

.imgC{width:100%;}
.phGal{max-height:80px;}
.span_fl { height: 150px;}
.tab1 { display:block;}