/* Big tablet to 1200px (widths smaller than the 1140px row) */
@media only screen and (max-width: 1200px) {
	.row {
		padding: 0 2%;
	}

	.nav-main {
		display: flex;
	}
	.hero-text-box {
		width: 100%;
		padding: 0 2%;
	}

	.certifications-bar img {
		position: relative;
		top: 160px;
		width: 130px;
	}
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
	body {
		font-size: 18px;
	}

	section {
		padding: 70px 0;
	}

	.nav-utility {
		justify-content: center;
	}

	.navbar-main {
		margin-top: 10px;
	}

	.nav-main {
		position: absolute;
		display: none;
		top: 0px;
		left: 0;
		right: 0;
		height: 100vh;
		z-index: 100;
	}

	.nav-main ul {
		display: block;
		margin-top: 45px;
		padding-left: 5px;
	}

	.nav-main li {
		display: block;
		margin-bottom: 6px;
		font-size: 120%;
	}

	.nav-main li a:link,
	.nav-main li a:visited {
		border: 0;
	}

	.nav-main li a:hover,
	.nav-main li a:active {
		border: 0;
	}

	.nav-toggle-btn {
		display: inline-block;
	}

	.hero-text-box img {
		width: 140px;
	}

	.hero-text-box h1 {
		font-size: 200%;
	}

	.hero-text-box h1 span {
		font-size: 180%;
	}


	.certifications-bar img {
		position: relative;
		top: 210px;
		width: 120px;
	}

	.commercial-box,
	.residential-box,
	.move-box {
		max-width: 100%;
	}
	.section-company img {
		margin-top: 40px;
	}

	.steps-box {
		margin-top: 10px;
	}

	.steps-box:last-child {
		margin-top: 10px;
	}

	.recognitions-step {
		margin-bottom: 40px;
	}

	.recognitions-step:last-of-type {
		margin-bottom: 60px;
	}
	.contact-form {
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}

	.form-box {
		width: 100%;
		margin: 20px auto;
	}
	input[type=text],
	input[type=email],
	select,
	textarea {
	color: #313e4b;
	width: 100%;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
}


/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
	body {
		font-size: 16px;
	}

	section {
		padding: 80px 0;
	}

	.row,
	.hero-text-box {
		padding: 0 4%;
	}

	.hero-text-box {
		margin-left: 40px;
	}

	h1 {
		font-size: 160%;
	}

	h2 {
		font-size: 150%;
	}

	.contact-nav,
	.nav-main {
		display: none;
	}

	.hero-text-box {
		margin-left: 15px;
	}

	.hero-text-box img {
		margin-left: 30px;
		margin-bottom: 20px;
		width: 20%
	}

	.hero-text-box h1 {
		font-size: 160%;
		margin-left: 20px;
	}
	
	.certifications-bar img {
		width: 100px;
		position: relative;
		top: 260px;
		padding: 5px 0;
		margin-left: 20px;
	}

	.hero-text-box a {
		margin-left: 20px;
	}

	.col {
		width: 100%;
		margin: 0 0 2% 0;
	}

	.commercial-box,
	.residential-box,
	.move-box {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.training-crew {
		width: 40%;
		margin-top: 10px;
		margin-left: 30%;
	}

	.recognitions-step {
		margin-bottom: 20px;
	}

	.recognitions-step:last-of-type {
		margin-bottom: 20px;
	}

	#recognitions-button {
		margin-left: 35%;
	}
	
	.contact-form {
		width: 100%;
	}

	.form-box {
		width: 100%;
		margin-top: 20px;
		margin-right: 10%;
	}
	
	.form-box h4  {
		margin-bottom: 20px;
	}
	
	input[type=text],
	input[type=email],
	select,
	textarea {
	color: #313e4b;
	width: 100%;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

    /* Subpage */
    .section-commercial-hero,
    .section-residential-hero,
    .section-about-us-hero,
    .section-contact-us-hero,
    .section-moving-hero,
    .section-suffolk-virginia-hero,
    .section-chesapeake-virginia-hero,
    .section-portsmouth-virginia-hero,
    .section-virginia-beach-virginia-hero
    {
        height: 50vh;
    }

	.cleaning-service-icon img,
	.cities-icon img {
		width: 180px;
		bottom: 40px;
	}

	.section-commercial-services h4,
	.section-residential-services h4 {
		color: #ffffff;
		font-size: 130%;
		margin-left: 30px;
	}
	.section-locations h2,
	.section-sub-locations h2 {
		text-align: center;
	}

	.section-locations img,
	.section-sub-locations img {
		width: 140px;
		margin-bottom: 20px;
		margin-left: 32%;
	}

	#suffolk-city {
		margin-left: 40%;
	}

	#chesapeake-city {
		margin-left: 36%;
	}

	#portsmouth-city {
		margin-left: 35%;
	}
	
	#isleofwight {
    margin-left: 35%;
}

	#service-commercial {
		margin-left: 36%;
	}

	#service-residential {
		margin-left: 36%;
	}

	#service-moving {
		margin-left: 35%;
	}

	.section-locations a {
		margin-left: 33%;
		margin-bottom: 20px;
	}

	.social-links li {
		display: block;
	}
}


/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
	section {
		padding: 40px 0;
	}

	.hero-text-box {
		margin-left: 0px;
	}

	.hero-text-box img {
		width: 100px;
		margin-top: -130px;
	}

	.hero-text-box h1 {
		font-size: 160%;
		margin-left: -50px;
		margin-top: 70px;
	}

	.hero-text-box h1 span {
		font-size: 170%;
	}
	
	a.btn.btn-primary {
	    margin-left: -50px;
	}

	header {
		height: 660px;
	}

	.certifications-bar img {
		width: 20%;
		top: 300px;
		padding: 5px 0;
		margin-left: 20px;
	}

	.now-serving h3 {
		padding: 2%;
	}
	
	.commercial-box,
	.residential-box,
	.move-box {
		width: 100%;
		margin: 20px 0;
	}
	.section-company h2 {
		margin-bottom: 20px;
	}

	.section-company img {
		width: 100%;
		height: auto;
	}

	.section-company a {
		margin-top: 40px;
		margin-bottom: 50px;
	}

	.section-local-affordable p {
		margin-bottom: 40px;
	}

	#recognitions-button {
		margin-left: 30%;
		margin-top: 20px;
	}

	.contact-form {
		width: 100%;
	}

	.form-box {
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	
	.form-box h4  {
		margin-bottom: 20px;
	}
	
	input[type=text],
	input[type=email],
	select,
	textarea {
	color: #313e4b;
	width: 100%;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

	.section-locations img,
	.section-sub-locations img {
		width: 120px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 30%;
	}

	#suffolk-city {
		margin-left: 38%;
	}

	#chesapeake-city {
		margin-left: 35%;
	}

	#portsmouth-city {
		margin-left: 34%;
	}
	
		#isleofwight {
    margin-left: 34%;
}

	.section-locations a {
		margin-left: 30%;
	}

	.footer-nav li {
		padding: 10px 0;
	}

	.social-links li {
		display: block;
		padding: 7px 0;

	}

	.footer-legal img {
		width: 30px;
		margin-top: -40px;
	}

	.footer-legal p {
		margin-left: 35px;
		font-size: 12px;
		margin-top: -35px;
	}
}