/* #Media Specifications
================================================== */

	
/* Smaller than standard 960 */
@media only screen and (max-width: 999px) {
	.banner {
		padding: 35px 23px 35px 35px;
		width: 740px;
		background-size: contain;
		left: -35px;
		height: 170px;
	}
	.nav li a {
		padding: 0 10px;
	}
	.sidebarBkg {
		background-position: 540px 0;
	}
	.mainContent {
		padding: 15px 30px 25px 25px;
	}
	.sidebar {
		padding: 15px 7px 25px 12px;
	}
	h1 {
		font-size: 20px;
		line-height: 28px;
	}
	h2 {
		font-size: 17px;
		line-height: 23px;
	}
	.formList li.label {
		width: 135px;
	}
	.formList li.labelWide,
	.formList li.fieldWide {
		width: 485px;
	}
	li.fieldWide textarea {
		width: 475px;
	}
	.formList li.button {
		width: 125px;
		padding: 2px 0 2px 180px;
	}
	.sidebar .formList li.field,
	.sidebar .formList li.button {
		width: 89px;
	}
	.sidebar li.field input[type="text"],
	.sidebar li.field textarea {
		width: 79px;
	}
	.smileGallery li {
		width: 222px;
	}
}

/* Tablet Portrait size to standard 960 */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.map {
		width: 250px;
	}
	.map iframe {
		width: 250px !important;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.outterBorder {
		padding: 7px;
	}
	.logo {
		padding: 15px;
	}
	.address {
		padding: 10px 0px 20px;
    text-align: center;
	}
	#banner {
		margin-top: -26px;
		margin-bottom: -35px;
	}
	.banner {
		width: 410px;
		padding: 0 13px 0 19px;
		height: 135px;
		left: -12px;
	}
	#mainContainer nav {
		padding: 30px 15px 10px;
	}
	.deco {
		background-position: center 0;
	}
	.mainContent {
		padding: 15px;
	}
	.sidebar {
		padding: 33px 15px 15px;
		background: url(/web/20180824025101im_/https://springfieldpadental.com/images/tab.png) top no-repeat;
	}
	
	.formList li.labelWide,
	.formList li.fieldWide {
		width: 365px;
	}
	li.fieldWide textarea {
		width: 355px;
	}
	.sidebar .formList li.label,
	.formList li.label {
		width: 120px;
	}
	.sidebar .formList li.field,
	.formList li.field {
		width: 246px;
	}
	.sidebar .formList li.button,
	.formList li.button {
		padding-left: 120px;
		width: 120px;
	}
	.sidebar li.field input[type="text"],
	.sidebar li.field textarea,
	li.field input[type="text"],
	li.field textarea {
		width: 236px;
	}
	.formList li.fieldWide span + span {
		padding-left: 10px;
	}
	.footer {
		padding: 10px 15px 15px;
	}
	ul.smileGallery {
		margin: 0 0 0 -10px;
	}
	.smileGallery li {
		padding: 2px;
		width: 172px;
		margin-left: 10px;
	}
	.map {
		float: none;
		display: block;
		margin-bottom: 15px;
		padding: 5px;
	}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.map {
		width: 356px;
	}
	.map iframe {
		width: 356px !important;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size  */
@media only screen and (max-width: 479px) {
	#banner {
		margin-top: -21px;
	}
	.banner {
		width: 290px;
		height: 110px;
		padding: 0 15px 0 17px;
		left: -12px;
	}
	#mainContainer nav {
		padding-top: 20px;
	}
	.formList li.label,
	.sidebar .formList li.label {
		width: 80px;
	}
	.formList li.field,
	.sidebar .formList li.field {
		width: 166px;
	}
	.sidebar .formList li.button {
		padding-left: 80px;
		width: 120px;
	}
	.formList li.button {
		width: 125px;
		padding-left: 60px;
	}
	li.field input[type="text"],
	li.field textarea,
	.sidebar li.field input[type="text"],
	.sidebar li.field textarea {
		width: 156px;
	}
	.formList li.fieldWide span {
		display: block;
		padding-left: 10px;
	}
	.formList li.labelWide,
	.formList li.fieldWide {
		width: 245px;
	}
	li.fieldWide textarea {
		width: 235px;
	}
	.smileGallery li {
		width: 112px;
	}
	.map {
		width: 236px;
	}
	.map iframe {
		width: 236px !important;
	}
}