/* Cobra Roll Off Responsive Styles - Overrides Bootstrap & Main Stylesheet - Jon @ Graydian 2024-08-02 */


@media only screen and (min-width: 1300px) {
	
	
}

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


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.wrapper {
		padding: 30px 0 40px;	
	}
	
	.wrapper-home-page {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.page-template-default .entry-header .entry-title,
	.page-template-ohio-dumpster-rental-areas-we-serve .entry-header .entry-title,
	.page-template-page-containers .entry-header .entry-title,
	.page-template-page-contact-us .entry-header .entry-title {
		margin-bottom: 30px;
		line-height: 1;
		font-size: 42px;
		padding: 10px 5px;
	}
	
	.page-template-default .entry-content h2, .page-template-default .entry-content h3, .page-template-default .entry-content h4,
	.page-template-ohio-dumpster-rental-areas-we-serve .entry-content h2, .page-template-ohio-dumpster-rental-areas-we-serve .entry-content h3, .page-template-ohio-dumpster-rental-areas-we-serve .entry-content h4,
	.page-template-page-containers .entry-content h2, .page-template-page-containers .entry-content h3, .page-template-page-containers .entry-content h4,
	.page-template-page-contact-us .entry-content h2, .page-template-page-contact-us .entry-content h3, .page-template-page-contact-us .entry-content h4 {
		line-height: 1;
		font-size: 40px;
	}
	
	.navbar-toggler {
		margin-right: 25px;
		padding: 8px 12px;
		font-size: 30px;
		line-height: 1;
		color: #fff;
		background-color: transparent;
		border: 2px solid #fff;
		border-radius: var(--bs-navbar-toggler-border-radius);
		transition: var(--bs-navbar-toggler-transition);
	}
	
	.navbar-toggler:focus {
		box-shadow: none;
	}
	
	.container-nav {
		padding-left: 0;
		padding-right: 0;
	}
	
	.container-nav .custom-logo-link-wrapper {
		position: static;
		top: 0;
		left: 0;
		z-index: 10;
		width: 120px;
		height: auto;
		padding: 10px;
		box-shadow: none;
	}
	
	.container-nav .custom-logo-link-wrapper .logo-phone {
		display: none;
	}
	
	#main-nav {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#main-nav #main-menu {
		padding-left: 0;
	}
	
	#main-nav #main-menu > li {
		margin-left: 0;
		margin-right: 0;
	}
	
	#main-nav #main-menu > li:first-of-type  {
		margin-left: 0;
	}
	
	#main-nav #main-menu > li > a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
	}
	
	#main-nav #main-menu > li > a:hover {
		color: #fbc803;
		text-decoration: none;
	}
	
	#sub-nav {
		background-color: #fff;
		padding-top: 10px;
		padding-bottom: 15px;
		box-shadow: 0 1px 7px #666;
	}
	
	#sub-nav #sub-nav-menu {
		padding-left: 0;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		padding-right: 0 !important;
		justify-content: space-evenly !important;
	}
	
	#sub-nav #sub-nav-menu .break {
		flex-basis: 100%;
		height: 0;
	}
	
	#sub-nav #sub-nav-menu > li {
		margin-left: 0;
		margin-right: 0;
	}
	
	#sub-nav #sub-nav-menu > li:first-of-type {
		margin-left: 0;
	}
	
	#sub-nav #sub-nav-menu > li > a {
		color: #b41e16;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
	}
	
	#sub-nav #sub-nav-menu > li > a:hover {
		text-decoration: none;
	}
	
	#sub-nav #sub-nav-menu .button-wrap {
		width: 100%;
		text-align: center;
	}
	
	#sub-nav #sub-nav-menu a.btn-cobra {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		transform: none;
		transition: none;
	}
	
	#sub-nav #sub-nav-menu a.btn-cobra:hover {
		transform: none;
		transition: none;
	}
	
	.offcanvas {
		
	}
	
	.offcanvas .offcanvas-header {
		justify-content: space-between !important;
	}
	
	.offcanvas .offcanvas-header h2 {
		font-size: 32px;
		line-height: 1;
		margin-bottom: 0;
	}
	
	.offcanvas .offcanvas-body {
		padding-top: 0;
	}
	
	.wrapper-home-page .container-tagline h1 {
		font-size: 40px;
		line-height: 1;
	}
	
	.wrapper-home-page .container-how-it-works h2,
	.wrapper-home-page .container-dumpster-rentals h2, .wrapper-home-page .container-features h2,
	.wrapper-home-page .container-reviews h2 {
		font-size: 45px;
		line-height: 1;
	}
	
	.container-how-it-works .card h3 {
		font-size: 42px;
	}
	
	.container-how-it-works .card-deck.g-5 {
		--bs-gutter-y: 2rem;
	}
	
	.container-how-it-works .same-day {
		font-size: 42px;
		line-height: 1;
	}
	
	.container-dumpster-rentals .card-deck h3 {
		font-size: 42px;
	}
	
	.container-dumpster-rentals .card-deck .card a.btn.btn-cobra {
		font-size: 38px;
		width: 100%;
		display: block;
	}
	
	.wrapper-home-page .container-reviews .reviews {
		padding: 1px 0;
	}
	
	.areas-we-serve-list {
		column-count: 3;
		font-size: 16px;
	}
	
	.areas-we-serve-list > li {
		margin-bottom: 5px;
	}
	
	.zip-code-box {
		width: 800px;
		max-width: 95%;
		margin: 30px auto;;
	}
	
	.zip-code-box h2 {
		font-size: 40px;
		color: #b41e16;
		text-transform: uppercase;
		line-height: 1;
		margin-bottom: 20px;
	}
	
	.zip-code-box form {
		display: block;
		width: 400px;
		max-width: 100%;
	}
	
	.zip-code-box .zip-text {
		width: 100%;
	}
	
	.zip-disclaimer {
		font-size: 14px;
	}
	
	.page-template-page-contact-us .form-wrapper {
		padding: 10px 10px 5px 10px;
		box-shadow: 0 1px 5px #ccc;
		background: rgb(235, 235, 235);
		background: linear-gradient(180deg, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 50%);
		margin-bottom: 30px;
	}
	
	.footer-tagline h2 {
		font-size: 48px;
		line-height: 1.3;
	}
	
	#wrapper-footer .upper-footer .col-footer-01 .footer-logo {
		width: 40%;
		padding: 10px;
		margin: 0 auto;
	}
	
	#wrapper-footer .upper-footer .col-footer-02 {
		text-align: center;
		padding-bottom: 20px;
	}
	
	#wrapper-footer .upper-footer ul.footer-nav {
		padding-left: 0;
		text-align: center;
	}
	
	#wrapper-footer .upper-footer ul.footer-nav > li > a {
		font-size: 42px;
		line-height: 1.5;
	}
	
	#wrapper-footer .upper-footer a.btn-cobra {
		display: block;
		margin: 0 auto;
		max-width: 45%;
	}
	
	.site-footer .site-info {
		font-size: 14px;
	}

}

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

	.wrapper {
		padding: 30px 0 40px;	
	}
	
	.wrapper-home-page {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.page-template-default .entry-header .entry-title,
	.page-template-ohio-dumpster-rental-areas-we-serve .entry-header .entry-title,
	.page-template-page-containers .entry-header .entry-title,
	.page-template-page-contact-us .entry-header .entry-title {
		margin-bottom: 30px;
		line-height: 1;
		font-size: 42px;
		padding: 10px 5px;
	}
	
	.page-template-default .entry-content h2, .page-template-default .entry-content h3, .page-template-default .entry-content h4,
	.page-template-ohio-dumpster-rental-areas-we-serve .entry-content h2, .page-template-ohio-dumpster-rental-areas-we-serve .entry-content h3, .page-template-ohio-dumpster-rental-areas-we-serve .entry-content h4,
	.page-template-page-containers .entry-content h2, .page-template-page-containers .entry-content h3, .page-template-page-containers .entry-content h4,
	.page-template-page-contact-us .entry-content h2, .page-template-page-contact-us .entry-content h3, .page-template-page-contact-us .entry-content h4 {
		line-height: 1;
		font-size: 40px;
	}
	
	.navbar-toggler {
		margin-right: 25px;
		padding: 8px 12px;
		font-size: 30px;
		line-height: 1;
		color: #fff;
		background-color: transparent;
		border: 2px solid #fff;
		border-radius: var(--bs-navbar-toggler-border-radius);
		transition: var(--bs-navbar-toggler-transition);
	}
	
	.navbar-toggler:focus {
		box-shadow: none;
	}

	.container-nav {
		padding-left: 0;
		padding-right: 0;
	}

	.container-nav .custom-logo-link-wrapper {
		position: static;
		top: 0;
		left: 0;
		z-index: 10;
		width: 120px;
		height: auto;
		padding: 10px;
		box-shadow: none;
	}
	
	.container-nav .custom-logo-link-wrapper .logo-phone {
		display: none;
	}
	
	#main-nav {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#main-nav #main-menu {
		padding-left: 0;
	}
	
	#main-nav #main-menu > li {
		margin-left: 0;
		margin-right: 0;
	}
	
	#main-nav #main-menu > li:first-of-type  {
		margin-left: 0;
	}
	
	#main-nav #main-menu > li > a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
	}
	
	#main-nav #main-menu > li > a:hover {
		color: #fbc803;
		text-decoration: none;
	}
	
	#sub-nav {
		background-color: #fff;
		padding-top: 10px;
		padding-bottom: 15px;
		box-shadow: 0 1px 7px #666;
	}
	
	#sub-nav #sub-nav-menu {
		padding-left: 0;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		padding-right: 0 !important;
		justify-content: space-evenly !important;
	}
	
	#sub-nav #sub-nav-menu .break {
		flex-basis: 100%;
		height: 0;
	}
	
	#sub-nav #sub-nav-menu > li {
		margin-left: 0;
		margin-right: 0;
	}
	
	#sub-nav #sub-nav-menu > li:first-of-type {
		margin-left: 0;
	}
	
	#sub-nav #sub-nav-menu > li > a {
		color: #b41e16;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
	}
	
	#sub-nav #sub-nav-menu > li > a:hover {
		text-decoration: none;
	}
	
	#sub-nav #sub-nav-menu .button-wrap {
		width: 100%;
		text-align: center;
	}
	
	#sub-nav #sub-nav-menu a.btn-cobra {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		transform: none;
		transition: none;
	}
	
	#sub-nav #sub-nav-menu a.btn-cobra:hover {
		transform: none;
		transition: none;
	}

	.offcanvas {
		
	}
	
	.offcanvas .offcanvas-header {
		justify-content: space-between !important;
	}

	.offcanvas .offcanvas-header h2 {
		font-size: 32px;
		line-height: 1;
		margin-bottom: 0;
	}
	
	.offcanvas .offcanvas-body {
		padding-top: 0;
	}
	
	.wrapper-home-page .container-tagline h1 {
		font-size: 40px;
		line-height: 1;
	}
	
	.wrapper-home-page .container-how-it-works h2,
	.wrapper-home-page .container-dumpster-rentals h2, .wrapper-home-page .container-features h2,
	.wrapper-home-page .container-reviews h2 {
		font-size: 45px;
		line-height: 1;
	}
	
	.container-how-it-works .card h3 {
		font-size: 42px;
	}
	
	.container-how-it-works .card-deck.g-5 {
		--bs-gutter-y: 2rem;
	}
	
	.container-how-it-works .same-day {
		font-size: 42px;
		line-height: 1;
	}
	
	.container-dumpster-rentals .card-deck h3 {
		font-size: 42px;
	}
	
	.container-dumpster-rentals .card-deck .card a.btn.btn-cobra {
		font-size: 38px;
		width: 100%;
		display: block;
	}
	
	.wrapper-home-page .container-reviews .reviews {
		padding: 1px 0;
	}
	
	.areas-we-serve-list {
		column-count: 2;
		font-size: 15px;
	}
	
	.areas-we-serve-list > li {
		margin-bottom: 5px;
	}
	
	.zip-code-box {
		width: 800px;
		max-width: 95%;
		margin: 30px auto;;
	}
	
	.zip-code-box h2 {
		font-size: 40px;
		color: #b41e16;
		text-transform: uppercase;
		line-height: 1;
		margin-bottom: 20px;
	}
	
	.zip-code-box form {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	
	.zip-code-box .zip-text {
		width: 100%;
	}
	
	.zip-disclaimer {
		font-size: 12px;
	}

	.page-template-page-contact-us .form-wrapper {
		padding: 10px 10px 5px 10px;
		box-shadow: 0 1px 5px #ccc;
		background: rgb(235, 235, 235);
		background: linear-gradient(180deg, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 50%);
		margin-bottom: 30px;
	}
	
	.footer-tagline h2 {
		font-size: 32px;
		line-height: 1.3;
	}
	
	#wrapper-footer .upper-footer .col-footer-01 .footer-logo {
		width: 60%;
		padding: 10px;
		margin: 0 auto;
	}
	
	#wrapper-footer .upper-footer .col-footer-02 {
		text-align: center;
		padding-bottom: 20px;
	}
	
	#wrapper-footer .upper-footer ul.footer-nav {
		padding-left: 0;
		text-align: center;
	}
	
	#wrapper-footer .upper-footer ul.footer-nav > li > a {
		font-size: 30px;
		line-height: 1.5;
	}
	
	#wrapper-footer .upper-footer a.btn-cobra {
		display: block;
		margin: 0 auto;
		max-width: 80%;
	}
	
	.site-footer .site-info {
		font-size: 12px;
	}
	
}


@media only screen and (min-width: 1px) and (max-width: 335px) {

}