@media screen and (max-width: 900px) {
.cbox{
	text-align:center;
}
.cbox .lbox{
	font-size:125%;
}
  .table {
    border: 0;
  }

  .table caption {
    font-size: 1.3em;
  }
  
  .table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
	text-align:left;
  }
  .table .lh{
text-align:right;
}
	.table td:first-child {
		font-weight:bold;
		font-size: 1em;
	}
	.table td:first-child[data-label='']{
		text-align:center;
	} 

  .table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
	width:50%;
	text-align:left;
    font-weight: bold;
    text-transform: uppercase;
  }
 
  .table td:last-child {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 900px){
.mbile{
visibility:visible;
}
#topban{

}
#topban_c{
width:100%;
}
#topban_c #logo{
float:left;
margin-left:5px;
padding:0px;
}
#topban_c #menu{
float:right;
width:50%;

}
.vm{ height:48px;}
.bm{ height:80px;}
#mban_c{

}
.con10{
width:49%;
}

.con25{
width:100%;
}

.con33{
width:100%;
}
.con45{
width:100%;
}
.con50{
width:100%;
}
.con75{
width:100%;
}
.con100{
width:100%;
}
.cleft{
float:left;
}
.cright{
float:left;
}
.picframe{
margin-right:0;
width:98%;
}
.hbox{
width:100%;
}
.hbox .box .videos{
height:180px;
}
.heading1 h1{
font-size:130%;
font-weight:bold;
text-align:center;
}
.heading1 hr{
border:none;
margin:10px 0;
}
.heading3 h1{
font-size:130%;
font-weight:bold;
text-align:center;
}
.heading3 hr{
border:none;
margin:10px 0;
}
#mban_c{


}
#bsbox{
height:150px;
font-size:12px;
}
#bsbox .logo{
width:50px;
height:50px;
}
#bsbox .heading{
font-size:18px;
bottom:10px;
left:75px;
}
#bsbox .heading div{
font-size:12px;
}
.dinfobox{
margin:2%;
width:45%;
}
.imgbox{
margin:2% 1%;
width:97%;
}
.heading2{
text-align:center;
}
.blink{
text-align:center;

}
.blink li{
border-bottom:#222222 solid 1px;
}
.button1 {
border:none;
}
#copy_c .cleft{
display:block;
text-align:center;
width:98%;
}
#copy_c .cright{
display:block;
text-align:center;
width:98%;
}
#scrimg{
display:none;
}
#mainbox p { margin-top:30px; padding-left: 5px;padding-right: 5px; text-align:justify;}
.hidme{
height:0;
margin:auto;
width:auto;
visibility:hidden;
}
}

@media all and (max-width: 900px) {
topmenu{
display:block;
position:absolute;
left:0px;
width:100%;
background: rgba(255,255,255, 0.0);text-align:left;
}

topmenu_c{
width:95%;
}
topmenu_c a{
display: block;
padding:16px 20px 16px 10px;
color:#000;
text-decoration:none;
text-transform: uppercase;
font-size:18px;
}
.toggle + a, 
 .menu{ display: none; width:100%; }

.toggle {
	
	display: block;
	padding:10px;
	color:#000;
	text-decoration:none;
	text-transform: uppercase;
	border: none;
	background:none;
	width:100%;
}

.toggle:hover { /*background-color: #000000; */}

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

topmenu_c ul li {
  display: block;
  width: 100%;
  background: rgba(200,200,200, 0.9);
}

topmenu_c ul ul .toggle,
 topmenu_c ul ul a { padding: 14px 40px; }

topmenu_c ul ul ul a { padding: 14px 80px;  }

topmenu_c a:hover,
 topmenu_c ul ul ul a { background-color: #f1f1f1; }

topmenu_c ul li ul li .toggle,
 topmenu_c ul ul a { background-color: #f5f5f5;color:#000; }

topmenu_c ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

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

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

topmenu_c ul ul ul li { 
position: static;
}
.cbox{
margin:2% 1%;
}
.butlink1{
padding:6px 10px;
}
.butlink2{
padding:6px 10px;
}

}

@media all and (max-width : 330px) {
topmenu_c ul li {
  display: block;
  width: 94%;
}
}