@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.section-1-box .section-1-box-icon {
		width: 60px;
		height: 60px;
		font-size: 32px;
		line-height: 60px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.section-description p {
		padding: 0;
	}

	.section-1-box .section-1-box-icon {
		width: 50px;
		height: 50px;
		font-size: 26px;
		line-height: 50px;
	}

	.section-3-box .section-3-box-icon {
		width: 50px;
		height: 50px;
		font-size: 26px;
		line-height: 50px;
	}
}

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

	.top-content {
		padding: 20px 0 100px 0;
	}

		.top-content h1 {
			font-size: 22px;
		}

		.top-content .description {
			margin: 10px 0 0 0;
		}

		.top-content a.btn {
			margin: 5px;
		}

	.section-description p {
		padding: 0;
	}

	.section-1-container {
		padding-bottom: 60px;
	}

	.section-1-box {
		text-align: center;
	}

		.section-1-box h3 {
			margin-top: 20px;
			padding-top: 10px;
		}

	.section-3-box {
		text-align: center;
	}

		.section-3-box h3 {
			margin-top: 20px;
			padding-top: 10px;
		}

	.section-5-box {
		text-align: center;
	}

	.section-6-box {
		text-align: center;
	}

	.section-6-social a {
		margin: 0 5px 10px 5px;
	}

	.section-6-form {
		margin-bottom: 30px;
		text-align: center;
	}
}

@media only screen and (max-width: 575px) {
	h1, h2 {
		font-size: 22px;
		font-weight: bold;
		font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	}

	h3 {
		font-size: 18px;
		font-weight: bold;
		font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	}

	.panel_page p.main {
		margin-left: 0;
		margin-top: 10px;
		text-align: left;
		display: block;
	}
	.hidden-mobile {
		display: none !important;
	}
	.multiplerecords {
		padding-top:8px;
		background-color:white;
	}
	.pagemargins {
		margin-left: 6px;
		margin-right: 6px;
	}

	.pagemargin-left {
		margin-left: 0;
	}

	.pagemargin-right {
		margin-right: 0;
	}

	.site_header {
		margin: 0 auto;
		position: relative;
		min-height: 110px;
		border-bottom: 16px rgba(0,0,0,0) solid;
		background: url('/assets/img/site-header.gif') repeat-x;
		text-align: center;
		width: 100%;
	}
	.logo-mobile {
		width:50%;
		margin:0px auto;
	}
	.site_header nav.nav_secondary {
		position: absolute;
		top: 32px;
		right: auto;
		color: #517CAD;
		text-align:center;
	}

		.site_header a.logo {
			position: relative;
			top: auto;
			left: auto;
			width: auto;
			text-align:center;
			margin:0px auto;
		}

			.site_header a.logo img, .home_header a.logo img {
				max-width: auto;
			}

		.site_header a.logo {
			top: 22px;
			margin: 0px auto;
		}

	.panel_page {
		font-size: 1em;
		color: #333;
		line-height: 1.6em;
		margin-top: 0;
		margin-bottom: 0;
	}

	.row {
		margin-right: 15px;
		margin-left: 15px;
		margin-top: 10px;
	}

	.btn-startover {
		background: #fff;
		color: #F15A29;
		text-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-align:center;
	}

	div.icoaoptions {
		margin-left: inherit;
		padding-right: inherit;
	}
}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .sidebar .logo a {
    	background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 172px 34px !important;
    }
    
    .sidebar.light .logo a {
    	background-image: url(../img/logo-dark@2x.png) !important;
    }
	
}