/*
Theme Name: responsive
*/
@media only screen and (max-width: 1600px) {

	
}


/* Note: Design for a width of 1024px */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
	.wrap {
		width: 95%;
		text-align: center;
	}
	.leftopside {
		width: 100%;
		float: none;
		font-size: 10px;
		padding-bottom:2px;
	}
	.rightopside {
		display: none;
	}
	.site-branding {
		float: none;
	}
	.quote {
		float: none;
		padding-top: 0px;
		padding-bottom: 20px;
	}	
	.bluebackgroundsection {
		background-image: none;
	}
	.buttons a {
		width: 100%;
		margin-bottom: 20px;
	}
	.footplug {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	
}
/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap {
		width: 95%;
		text-align: center;
	}
	.leftopside {
		width: 100%;
		float: none;
		font-size: 10px;
		padding-bottom:2px;
	}
	.rightopside {
		display: none;
	}
	.site-branding {
		float: none;
	}
	.quote {
		float: none;
		padding-top: 0px;
		padding-bottom: 20px;
	}	
	.bluebackgroundsection {
		background-image: none;
	}
	.buttons a {
		width: 100%;
		margin-bottom: 20px;
	}
	.footplug {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	
}



/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.wrap {
		width: 95%;
		text-align: center;
	}
	.leftopside {
		width: 100%;
		float: none;
		font-size: 10px;
		padding-bottom:2px;
	}
	.rightopside {
		display: none;
	}
	.site-branding {
		float: none;
	}
	.quote {
		float: none;
		padding-top: 0px;
		padding-bottom: 20px;
	}	
	.bluebackgroundsection {
		background-image: none;
	}
	.buttons a {
		width: 100%;
		margin-bottom: 20px;
	}
	.footplug {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	

}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrap {
		width: 95%;
		text-align: center;
	}
	.leftopside {
		width: 100%;
		float: none;
		font-size: 10px;
		padding-bottom:2px;
	}
	.rightopside {
		display: none;
	}
	.site-branding {
		float: none;
	}
	.quote {
		float: none;
		padding-top: 0px;
		padding-bottom: 20px;
	}	
	.bluebackgroundsection {
		background-image: none;
	}
	.buttons a {
		width: 100%;
		margin-bottom: 20px;
	}
	.footplug {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	
}