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

/* responsive rules */



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

.toggle {
  display: block;
  padding: 0 13px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
color: #000000;
background: #fafafa;

}

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

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

nav ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
  
}

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

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

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: #000;
}

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: #Fff;
  padding: 0 11px;

  font-size: 15px;
  line-height: 30px;
  text-decoration: none;
  border: none;

}

.toggle:hover { bbackground-color: #fff; }

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

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

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


	.col { margin: 1% 0 1% 0%;}

	.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; }


	.span_3_of_3, .span_2_of_3, .span_4_of_3, .span_40,.span_5fb_of_3{ width: 100%; }
	#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 { background-color: #fff;
	  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF; float:left;  
position:relative;
}
nav ul {	
position:relative;
  background-color: #fff;
z-index: 2;}


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


.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_4_of_3, .span_65, .span_40,.span_5fb_of_3,.googleadd{ width: 100%; }
	.span_4_of_3F{border-right: 0px;border-bottom: 1px dotted #BBB; width: 100%;}
	.span_75 {width: 98%;}
	.span_25 { width: 49%; float:left;}
	.span_23,.span_24,.span_1_of_3{width: 50%;}
	.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;}
#target-content #target-inner { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}

}