@media screen and (max-width: 1350px) {
.bannerText button {width: 50%;}
}

@media screen and (max-width: 1200px) {
.modal-dialog {max-width: 85%;}
}

@media screen and (max-width: 1199px) {
footer .copy p, footer h4, footer li, footer p {text-align: center;}
footer #footerlogo img {margin: 0 auto; display: block; margin-bottom: 4rem;}

#trusted .container, #contact .container {width: 85%;}
}

@media screen and (max-width: 1100px) {
.bannerText {width: 60%;}
nav ul li {margin-left: 20px;}
}

@media screen and (max-width: 1070px) {
	#location .eight.columns {width: 100%;}
	#location .four.columns {width: 100%; margin-left: 0;}
	#location .four.columns img {width: 20%;}

}

@media screen and (max-width: 1040px) {
	#testimonials .eight.columns {width: 100%}
	#testimonials .four.columns {width: 100%; margin-left: 0;}
	.facebookfeed {width: 100%;}
}

@media screen and (max-width: 1024px) {
	.bannerText	{top: 18%;}
}

@media screen and (max-width: 1005px) {
	.bannerText {width: 70%; top: 18%;}
}

@media screen and (max-width: 991px) {
.subbannerText {display: none;}
#logLanding #aboutSection h2, #logLanding #whySection h2, #logLanding #mobilelogLanding h1 {font-size: 30px; line-height: 35px;}
#logLanding #aboutSection .heading {margin-bottom: 3rem; text-align: left;}
#logLanding #mobilelogLanding {display: inherit;}
#logLanding #aboutSection .heading p {width: 100%; margin: 0 auto; display: block;}
#logLanding #aboutSection {padding: 4rem 0 0 0;}
#logLanding #contactFormSection {padding: 4rem 0;}
#logLanding #aboutSection .padding {padding-right: inherit;}
#logLanding #aboutSection p:last-child {margin-bottom: 0;}

#testimonials {padding-top: 0rem;}
#testimonials .heading p {width: 100%;}
#testimonials .container {width: 95%;}

#logLanding #topSection {padding: 4rem 0;}
#logLanding #topSection .container {width: 90%;}

#logLanding #whySection {padding: 4rem 0 0 0;}
#logLanding #whySection .container {width: 90%;}

#logLanding #bottomSection {padding: 4rem 0;}
#logLanding #bottomSection .container {width: 90%;}

#logLanding #secondSection {padding: 4rem 0 0 0;}

#logLanding #thirdSection {padding: 4rem 0;}


#about .aboutSection .container {width: 90%;}
#about .aboutSection {padding: 3rem 0;}
#about #aboutservices {padding: 3rem 0;}
#about #aboutservices h2 {text-align: left !important;}
#about #aboutservices ul {margin-bottom: 0;}

header.landingPage .right .telLanding, header.landingPage .right .contactToday {margin-left: 20px;}
header.landingPage #logoLanding img {width: 150px;}

#footerLanding .right .socialLanding {display: block; margin-top: 2rem;}
#footerLanding .right .telLanding {display: block; margin-left: 0px; margin-top: 1rem;}
#footerLanding .big a, #footerLanding .right .socialLanding p, #footerLanding .right .telLanding p {text-align: center;}

#quoteBar {text-align: center;}
#quoteBar .info .text {margin-right: 0;}
#quoteBar .info p {font-size: 25px !important; line-height: 30px;}

#logLanding p {font-size: 16px !important;}

#trusted h3 {margin-bottom: 2rem;}

#contact .ps-lg-6 {padding-left: inherit !important;}

footer ul, footer p, footer a {text-align: center;}
footer #logoLanding, footer ul, footer .right .top {float: none; text-align: center;}
footer .text {padding-bottom: 3rem;}
footer .right .socialLanding, footer .right .telLanding {display: block; margin-left: 0; text-align: center;}
footer .right .telLanding {margin-top: 2rem;}
footer .right p {text-align: center;}
footer span {padding: 0;}

#navigation ul { display:none; visibility:hidden}
.navbar{ visibility:visible; margin: auto; display: table; padding: 0; float: right; margin-top: 20px; clear: both;}
.headerBottom .top .big a {font-size: 15px; line-height: 20px;}
.headerBottom .top .telLanding {margin-left: 15px;}
.headerBottom .top .contactToday {margin-left: 15px;}
}

@media screen and (max-width: 900px) {
nav span {padding: 0 8px;}
}

@media screen and (max-width: 870px) {
.bannerText {width: 90%; top: 13%; height: fit-content;}

header.landingPage .right .contactToday {margin-left: 0;}
header.landingPage .right .socialLanding, header.landingPage .right .telLanding {display: none;}

.headerInfoMob {display: inherit;}
}

@media screen and (max-width: 850px) {
	#home .eight.columns {width: 100%;}
	#home .four.columns.list {width: 100%; margin-left: 0;}
	.containerImages .four.columns {width: 100%; margin: 0 auto; display: block;}
	.containerImages .four.columns img {width: 100%!important; margin: 0 auto; display: block;}
	.padd {width: 100%; margin: 0 auto; display: block; margin-top: 3rem; margin-bottom: 3rem; padding: 0;}
	.containerImages {width: 85%;}
	#contact .eight.columns {width: 100%;}
	#contact .four.columns {width: 100%; margin-left: 0;}
	input, textarea, button {width: 100%!important;}
	#about .eight.columns {width: 100%;}
	#about .four.columns {width: 100%; margin-left: 0;}
	#sweeps .eight.columns {width: 100%;}
	#sweeps .four.columns {width: 100%; margin-left: 0;}
	
	#about img {width: 50%; margin: 0 auto; display: block;}
	#about img.trust {width: 30%!important; margin-top: 2rem; margin-bottom: 2rem;}

}

@media screen and (max-width: 815px) {
	.bannerText {display: none;}
	.headerBottom .top .socialLanding {display: none;}
	.headerBottom .top .telLanding {display: none;}
}

@media screen and (max-width: 700px) {
footer li {padding-left: 20px;}
.modal-dialog {max-width: 95%;}
#logLanding #mobilelogLanding {padding: 4rem 0;}
#logLanding #whySection .container {width: 95%}
#logLanding #whySection {padding: 4rem 0 0 0;}
#logLanding #galleryLanding {padding: 5rem 0 0 0;}
#logLanding #secondSection {padding: 5rem 0 0 0;}
#logLanding #thirdSection {padding: 4rem 0;}
}

@media screen and (max-width: 600px) {
	.social {padding: 0; }
	.social span {display: none;}
/* 	.headerTop .row {display: none;} */
	.headerTop .fa {display: none;}
	.telNumbers {padding: 0;}
	.telNumbers span {display: none;}
	#logo {margin: 0 auto; display: block; padding: 2rem 0;}
	.banner, .subBanner, .subBannerSweep {margin-top: 135px;}
}

@media screen and (max-width: 580px) {
	footer li {padding-left: 12px;}
	footer ul li a {font-size: 12px}
	footer p, footer a {font-size: 12px;}
	
	.containerImages {padding-bottom: 0;}

}

@media screen and (max-width:500px) {
	.containerImages {width: 85%;}
	.containerImages .four.columns {width: 100%; margin: 0 auto; display: block; margin-left: 0;}
	.containerImages .four.columns img {width: 100%!important; margin-left: 1%;}
	.padd {width: 100%; padding: 0;}

}

@media screen and (max-width: 440px) {
.headerBottom .top .contactToday button {font-size: 12px; text-transform: none;}
.headerBottom .top .contactToday {margin-left: 0px;}
}

@media screen and (max-width: 409px) {
.btn {text-transform: none; font-size: 13px;}

#logLanding #whySection img {width: 100%; margin: 0 auto; display: block;}

#about img {width: 70%; margin: 0 auto; display: block;}
#about img.trust {width: 50%!important; margin-top: 2rem; margin-bottom: 2rem;}
}

@media screen and (max-width: 399px) {
#home .container {padding: 0 20px;}

.modal-dialog .modal-content .modal-header #logo img {width: 150px;}
.modal-dialog .modal-content .modal-header #logo {padding: 0;}

.g-recaptcha iframe {margin-left: -1rem;}

#logLanding #whySection .approve img {width: 100%;}

#trusted .container, #contact .container {width: 95%;}
}

@media screen and (max-width: 384px) {
.headerBottom .top .contactToday {display: none;}
#logo {width: 170px;}
.navbar {margin-top: 37px;}

.banner, .subBanner, .subBannerSweep {margin-top: 121px;}
}

@media screen and (max-width: 355px) {
.g-recaptcha iframe {margin-left: -2rem;}
}