@media screen and (min-width: 0px) and (max-width: 640px) {
body{
	/*background-position:center -10px;*/;
	min-width:320px;
	background-image:none;
}

#mainArea {
	padding:15px;
}
#container{
	width:90% !important;
	margin:0px auto;
}
#rightPanel{
	padding:0px;
	margin-top:10px;
	margin-bottom:20px;
}

#header{
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	background-color:#FFFFFF
}
#header .logo{
    width:50%;
	max-width:200px;
	max-height:110px;
}
#header .logo img{
    width:100%;
}
.headerRight {
	padding-left:0px;
	margin-top: 6px;
}
.headerRight .starpLine {
	padding-bottom:10px;
}
img.rightAlign, img.leftAlign{
	width:40%;
	height:auto;
}
.formRow input, .formRow textarea, .formRow select, .formRow textarea {
    width: 100% !important;
}
.btnRow{
	padding-left: 0px;
	clear:both;
	overflow:hidden
}
.featurePara{
	background-image:none;
}
.featurePara h1{
	text-align:left
}
#rightPanel .strapLine span{
	display:block;
}
#header {
 overflow:hidden;
}
#header .strapLine {
	color:#FFFFFF;
	top:44px;
	font-size:28px;
}
.headerSocialNetwork {
	padding-top: 5px;
	font-size:13px;
}
.twoColumn.leftAlign{
	border-bottom:1px dashed #A2A7AD;
	margin-bottom:20px;
}
.headerImg{
	display:block;
	
}
#footer {
padding-left:15px;
padding-right:15px;
}





.homeTabs li {
    position: relative;
    width: 48%;
}
.homeTabs li span{
	font-size:16px;
}

/*-- floated none 100% --*/
#leftPanel,
#rightPanel,
.headerImg,
.featurePara p,
.featurePara h1,
.homebox,
.twoColumn { 
	width:100%;
	float:none !important;
}


/*-- display none blocks  --*/
#leftPanel .contactBox,
.dot{
	display:none
}




	
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		border: none;
		border-bottom: 0px solid #eee !important; 
		position: relative;
		padding-left: 50% !important; 
		width:100%;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
		
		/*
		Label the data
		*/
		.theVideos td:nth-of-type(1):before { content: "Volume"; }
		.theVideos td:nth-of-type(2):before { content: "Title"; }
		.theVideos td:nth-of-type(3):before { content: "Tapes"; }
		.theVideos td:nth-of-type(4):before { content: "Running Time"; }
		.theVideos td:nth-of-type(5):before { content: "Price *"; }
		.theVideos td:nth-of-type(6):before { content: "GST **"; }

	
	
	




}

@media screen and (min-width: 0px) and (max-width: 500px) {
.headerSocialNetwork span {
	display:none
}
#header .strapLine {
	font-size:14px;
}
#container{
	width:100% !important;
	margin:0px auto;
}
#header{
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
}
#footer .copyright, #footer .siteby {
    float: none;
	padding-bottom:10px;
	width:100%:
}
}

@media screen and (min-width: 0px) and (max-width: 360px) {

.headerRight {
    font-size: 16px;
	}
.homeTabs li {
    width: 100%;
	float:none;
}
.homeTabs li.leftAlign {
    padding-bottom:15px;
}
.homeTabs li span{
	font-size:16px;
}

}