@media screen and (min-width:900px) and (max-width: 2000px) {

	.form input[type=text] {

		width:70%;

	}
 .form select {

		width:77%;

	}
	#contentPanel input[type="text"] , input[type="password"] {

		margin-top:5px;

		width:70%;

	}

}



@media screen and (max-width: 980px) {	

	#header, #bannerArea, #bodyArea {

		width:auto;}

	.logoArea {

		left:10px;}

	.headerTextArea {

		margin:0 390px 0 150px;}

	.headerRight {

		margin:0 0 0 205px;}

	.searchFormArea {

		margin:22px 115px 0 0;}

}

@media screen and (max-width: 910px) {	

	.headerTextArea {

		margin:0 340px 0 150px;}

	.headerTextArea h3 {

		font-size:22px;}

	.headerTextArea h5 {

		font-size:13px;}

}

@media screen and (max-width: 790px) {

	.logoArea {

		left:0;}

	.searchFormArea {

		margin:22px 100px 0 0;}

	.headerRight {

		margin:0 0 0 180px;}

	.headerTextArea {

		margin:0 315px 0 130px;}

	.headerTextArea h3 {

		font-size:20px;}

	.headerTextArea h5 {

		font-size:12px;}

	.tradeMarkArea {

		right:65px;}

	#shoppingCartArea {

		margin:11px 160px 0 0;}

}
@media screen and (min-width:461px) and (max-width: 740px) {
.tradeMarkArea img {

		
    float: right;
    margin: -237px 83px 0px;
    position: relative;
    }
	
.ausaquaArea {
    margin: -322px 21px -6px 5px;
    position: absolute;
    text-align: center;
    top: auto;
}
}

@media screen and (min-width:400px) and (max-width: 460px) {
	.ausaquaArea img{ 
		 float: right;
    margin: -295px 14px 0;
    position: relative;
	max-width:70% !important;
	
		
		}
		
		.tradeMarkArea img {
		float: right;
		margin: -203px  83px 0;
		max-width: 16%;
		position: relative;
}
	
}

@media screen and (max-width: 400px) {
	.ausaquaArea img{ 
		 float: right;
    margin: -282px 14px 0;
    position: relative;
	max-width:60% !important;
	
		
		}
		
		.tradeMarkArea img {
    float: right;
    margin: -179px 83px 0;
    max-width: 16%;
    position: relative;
}
}
@media screen and (max-width: 740px) {	

	#header {

		padding:10px 0 0 0;}

	#headerUpper {

		height:auto;}

	.logoArea {

		position:relative;

		left:auto;

		top:auto;

		right:auto;

		text-align:center;

		width:40%}
		
		  .tradeMarkArea {

		position:relative;

		left:auto;

		top:auto;

		right:auto;

		text-align:center;

		width:auto;}

	.logoArea img {

		/*margin:0 auto;*/}
		
	.headerRight {

		margin:0;

		text-align:center;

		padding:0 0 10px 0;

		position:relative;}

	.headerRight .registrationArea {

		margin:10px 0;}

	#shoppingCartArea {

		float:none;

		display:inline-block;

		margin:10px 0 0 0;}

	.carDetails {

		right:0;

		left:0;

		width:auto;

		top:162px;

		}

	.headerTextArea {

		margin:0 345px 0 0;

		padding:13px 0 13px 12px;}

		

		#header #cart {

			width: 240px;

			position: static;

			display:inline-block;

		}	

}

/*@media screen and (max-width: 610px) {

	.leftProductDetails {

		width:365px;}	

}*/





@media screen and (max-width: 580px) {

	#headerLower {

		height:auto;

		text-align:center;}

	
		
	.searchFormArea {

		float:none;

		margin:10px 0 0 0;
		position:relative;
		z-index:10;

		text-align:center;}

	.searchForm {

		float:none;
	margin: -121px 0 0;
		display:inline-block;}

	.headerTextArea {

		margin:10px 0 0 0;

		background:none;

		background-color:#FDBB25;

		text-align:center;

		padding:10px 0;}

	#leftPanel {

		float:none;

		width:auto;}

	#bodyArea #leftPanel > ul > li > a {

		display:inline-block;

		padding:0 20px 0 30px;}

	#bodyArea #leftPanel > ul > li > .leftProductDetails {

		display:none !important;}

	#leftPanel + #contentPanel {

		margin:20px 0 0 0;}	

	.form select {

		width:100%;

	}

	.login-content .right , .login-content .left {

		width:95%;

		float:none;

		margin:10px auto;

	}

	.floater {

		width:100%;

	}

}

@media screen and (max-width: 550px) {

	#shoppingCartArea {

		display:block;}

	.carDetails {

		right:0;

		width:100%;}

	.productHeadingArea .productName, .productContentArea .productName,

	.productHeadingArea .productSize, .productContentArea .productSize,

	.productHeadingArea .productQty, .productContentArea .productQty,

	.productHeadingArea .productPrice, .productContentArea .productPrice,

	.productHeadingArea .productSubTotal, .productContentArea .productSubTotal {

		padding-left:5px;}

		

}

@media screen and (max-width: 475px) {	

	.tinynav {

		display: block;

		width:100%;

		padding:14px 0;

		text-align:center;		

		border:none;

		color:#373B43;

		height:46px;

		cursor:pointer;

		font:bold 13px Arial, Helvetica, sans-serif;

		margin:0;}

	#bodyInner {

		padding:20px 0;}

	#bodyArea #bodyInner h1 {

		margin:0;

		padding:20px 0 0 0;

		font-size:26px;

		line-height:26px;}

	#bodyArea h5 {

		font-size:20px;}

	#contentPanel .alignRight {

		float:none;

		margin:0 0 20px 0;

		display:block;}		

}

@media screen and (max-width: 868px) {

	.contactPanel {

		width:95%;

		float:left;

		margin:0;}	

	.formpannel {

		width:95%;

		margin:20px 0 0 0;}

	.formpannel .input1, .formpannel .input2 {

		width:90%;}

	.formpannel .select {

		width:91.5%;}

	.formpannel .submit {

		margin:0 0 15px 0;}

}