@media screen and (max-width: 1430px) {
	#banner .bannerText .width {width: 55%;}
}

@media screen and (max-width: 1399px) {
	footer #footerlogo img {width: 210px;}
	
	#faqsSection .container {width: 95%;}
	
	form button {width: 55% !important;}
	
	#faqsSection .box {padding: 2.5rem;}
	
	#bookSection .container {width: 75%;}
}

@media screen and (max-width: 1320px) {
	#bookSection .container {width: 95%;}
}

@media screen and (max-width: 1250px) {
	header nav ul li {margin-left: 20px;}
	#banner .bannerText .width {width: 70%;}
	
	#pricingSection .backgroundColour, #pricingSection .backgroundFaqs {padding: 2rem;}
	#pricingSection .backgroundFaqs .faq {padding: 0 10px !important;}
	
	#faqsSection .faq {padding: 0 10px !important;}
	#faqsSection .box {padding: 1.5rem;}
}

@media screen and (max-width: 1200px) {
	header #logo img {width: 200px;}
	header nav ul li {margin-left: 8px;}
	header .right .top {margin-left: 8px;}
	header .right .contactToday {margin-left: 8px;}
	
	.modal-dialog {max-width: 55%;}
	
	#banner .bannerText h2 {width: 77%;}
	#banner .bannerText .textP {width: 85%;}
	#banner .bannerText .width {width: 70%;}
	
	#services .padd {padding: 1.5rem;}
}

@media screen and (max-width: 1130px) {
	#accredLogos .container {width: 85%;}
	
	#faqsSection .box {padding: 1rem;}
	#faqsSection .faq p, #faqsSection .faq b, #faqsSection .faq ul li {font-size: 13px;}
}

@media screen and (max-width: 1115px) {
	#bookSection h2 {font-size: 25px !important; line-height: 30px !important;}
	
	#pricingSection .backgroundFaqs .faq p, #faqsSection .faq b, #faqsSection .faq ul li {font-size: 14px;}
}

@media screen and (max-width: 1070px) {
	#banner .bannerText h2 {width: 85%;}
	#banner .bannerText .textP {width: 100%;}
	#banner .bannerText .width {width: 80%;}
	
	footer #footerlogo img {width: 170px;}
}

@media screen and (max-width: 1050px) {
	header .container {width: 90%;}
	header #logo img {width: 190px;}
}

@media screen and (max-width: 991px) {
	header .navbar {display: inherit;}
	header .navbar {visibility: visible; margin: auto; display: table; padding: 0; float: right; clear: both; margin-left: 30px;}
	header nav {display: none;}
	
	.modal-dialog .modal-content .modal-body .contactForm {width: 100%; margin: 0 auto;}
	.modal-dialog {max-width: 90%;}
	
	#banner .main {aspect-ratio: 13 / 10; object-fit: cover;}
	#banner .bannerText {top: 30%;}
	#banner .bannerText .width {width: 100%;}
	#banner .bannerText .trusted {float: none; width: 15%; margin: 0 auto; display: block; margin-top: 4rem;}
	
	#accredLogos .heading p {text-align: center;}
	
	#services {padding: 3rem 0 0 0;}
	#services .padd .btn {margin-top: 0rem;}
	
	#welcome {padding: 5rem 0;}
	#welcome .container {width: 90%;}
	
	#whySection {padding: 4rem 0;}
	#whySection .bulletPoints {margin-top: 4rem; margin-bottom: 2rem;}
	
	#subBanner .bannerText p {width: 100%;}
	#subBanner .bannerText h1 {width: 100%;}
	
	#servicesSection {padding: 3rem 0;}
	#servicesSection .heading p {width: 100%;}
	#servicesSection .backgroundColour {padding: 2rem;}
	#servicesSection .backgroundColour p:last-child {margin-bottom: 0 !important;}
	#servicesSection .top {padding-top: 3rem;}
	
	#bookSection .d-flex {display: block !important;}
	#bookSection h2 {text-align: center; margin-bottom: 2rem !important;}
	#bookSection .btn {width: 75% !important; margin: 0 auto; display: block;}
	
	#servicesSection img.log {width: 35%;}
	
	#servicesSectionBackground {padding: 4rem 0;}
	
	#faqsSection {padding: 4rem 0;}
	
	#logLanding #contactFormSection, #logLanding #contactFormsweepSection, #logLanding #contactFormrepointingSection, #logLanding #contactFormGuardsSection, #logLanding #contactFormLiningSection, #logLanding #contactFormremoveSection, #logLanding #contactFormBirdSection, #logLanding #contactFormboatSection, #contactFormrepointingSection {padding: 5rem 0;}
	
	#servicesSection.width .container {width: 85%;}
	#servicesSection.width .container video {height: auto !important;}
	
	#gallerySection, #testimonialsSection, #pricingSection, #products, #aboutSection, #aboutSectionBottom, #aboutTestimonial, #contactPage, #locationWelcome, #locationService {padding: 4rem 0;}
	
	#locationWhySection {padding: 4rem 0 0 0;}
	
	#locationWelcome .accred {width: 100%;}
	#locationWelcome .accred img {margin: 0 auto; display: block;}
	
	#pricingSection .heading p {width: 100%;}
	#pricingSection .box {padding: 2rem;}	
	#pricingSection ul li.tick {font-size: 17px;}
	
	#aboutSection .container, #aboutHow .container {width: 85%;}
	#aboutHow {padding: 5rem 0;}
	
	form button {width: 100% !important;}
	
	footer {text-align: center; padding: 4rem 0 4rem 0;}
	footer #footerlogo img {width: 250px; margin: 0 auto; display: block;}
}

@media screen and (max-width: 905px) {
	#banner .bannerText h2 {margin-bottom: 1.5rem;}
	#banner .bannerText .trusted {margin-top: 2rem;}
	#banner .bannerText .width {margin-top: 2rem;}
	
	#subBanner .bannerText h1 {margin-bottom: 0 !important;}
	#subBanner .bannerText {bottom: 5%;}
}

@media screen and (max-width: 767px) {
	#banner .main {aspect-ratio: 13 / 15; object-fit: cover;}
	#banner .bannerText .trusted {width: 20%;}
	
	#accredLogos .width {width: 50%; margin: 0 auto;}
	
	#subBanner img {aspect-ratio: 16 / 12; object-fit: cover;}
}

@media screen and (max-width: 700px) {
	header .container {width: 95%;}
	header .right .contactToday {display: none;}
	header {padding: 2rem 0;}
	header .navbar {margin-left: 15px;}
	
	#banner .bannerText {top: 25%;}
	
	h1 {font-size: 35px !important; line-height: 40px !important;}
	h2 {font-size: 30px !important; line-height: 35px !important;}
	h3 {font-size: 25px !important; line-height: 30px !important;}
	h4 {font-size: 23px !important; line-height: 28px !important;}
	h5 {font-size: 20px !important; line-height: 25px !important;}
	p, a {font-size: 15px; line-height: 22px;}
	
	#whySection .bulletPoints ul li.tick {font-size: 17px; 	margin-bottom: 0.8rem;}
	
	#aboutHow .locationP {font-size: 16px !important; line-height: 21px !important;}
}

@media screen and (max-width: 650px) {
	#logLanding #faqsSection .container {width: 100%;}
	#logLanding #faqsSection .box {padding: 1.5rem;}
	#logLanding #faqsSection .faq {padding: 0 10px !important;}
	
	#banner .main {aspect-ratio: 13 / 18; object-fit: cover;}
	#banner .bannerText {top: 40%;}
	
	footer .footerBottom {margin-top: 6rem;}
	
	#services .padd {padding: 2.5rem 1.5rem;}
	
	.container {width: 95% !important;}
}

@media screen and (max-width: 565px) {
	#banner .bannerText .trusted {display: none;}
	
	#servicesSection img.log {width: 55%;}
	
	#bookSection .btn {width: 100% !important; margin: 0 auto; display: block;}
	
	#aboutHow .locationP {font-size: 15px !important; line-height: 20px !important;}
	#aboutHow .locationP span::after {display: none;}
}

@media screen and (max-width: 510px) {
	#faqsSection .arrow {display: none;}
	#faqsSection .faq {padding: 0 5px !important;}
	#faqsSection .faq p, #faqsSection .faq b, #faqsSection .faq ul li {font-size: 12px;}
}

@media screen and (max-width: 500px) {
	#pricingSection .backgroundFaqs .faq p, #faqsSection .faq b, #faqsSection .faq ul li {font-size: 12px;}
	#pricingSection .backgroundFaqs .arrow {display: none;}
	#pricingSection .backgroundColour, #pricingSection .backgroundFaqs {padding: 1rem;}
	#pricingSection .backgroundFaqs .faq {padding: 0 5px !important;}
	
	#contactPage .box {padding: 2rem;}
}

@media screen and (max-width: 480px) {
	header #logo img {width: 150px;}
	header .right .top {margin-left: 0px;}
	header .right .btn-grey {font-size: 13px; padding: 10px 13px;}
	header .navbar {margin-left: 10px;}
	.navicon-line {width: 25px;}
	
	#banner .main {aspect-ratio: 13 / 20; object-fit: cover;}
	#subBanner img {aspect-ratio: 16 / 16; object-fit: cover;}
	
	#logLanding #faqsSection .faq p, #logLanding #faqsSection .faq b, #logLanding #faqsSection .faq ul li {font-size: 13px;}
	#logLanding #faqsSection .faq {padding: 0 5px !important;}
	
	#contactPage .contactDetails .tel, #contactPage .contactDetails .tel a {
		font-size: 17px;
		line-height: 21px;
	}
}

@media screen and (max-width: 450px) {
	#aboutHow .locationP {
		font-size: 12px !important;
		line-height: 17px !important;
	}
	
	#banner .bannerText {top: 30%;}
	
	#faqsSection .faq p, #faqsSection .faq b, #faqsSection .faq ul li {font-size: 11px;}
	#faqsSection .container {width: 100%;}
}

@media screen and (max-width: 410px) {
	#banner .bannerText .mob {display: none;}
	
	#logLanding #faqsSection .faq p, #logLanding #faqsSection .faq b, #logLanding #faqsSection .faq ul li {font-size: 11px;}
}

@media screen and (max-width: 399px) {
	header .right .top {display: none;}
	
	.container {
		width: 100% !important;
	}
	
	#faqsSection .box h4 {color: #000 !important;}
	
	#subBanner .container, #banner .container {width: 100%;}
	
	#servicesSection img.log {width: 75%;}
	
	#servicesSection.width .container {width: 100%;}
	
	#accredLogos .width {width: 70%; margin: 0 auto;}
	#accredLogos .heading p {font-size: 17px; line-height: 23px;}
	
	#testimonialsSection .box {padding: 2rem;}
	
	#aboutHow .locationP {display: none;}
	
	#faqsSection .box {padding: 0; background-color: transparent !important; box-shadow: none;}
	#faqsSection .faq p, #faqsSection .faq b, #faqsSection .faq ul li {
		font-size: 10px;
	}
}

@media screen and (max-width: 375px) {
	#faqsSection .arrow {display: none;}
}

@media screen and (max-width: 350px) {
	#banner .main {aspect-ratio: 13 / 21; object-fit: cover;}
	#subBanner img {aspect-ratio: 16 / 17; object-fit: cover;}
	
	h2 {font-size: 25px !important; line-height: 30px !important;}
	
	#logLanding #faqsSection .box {padding: 0.8rem;}
	
	#pricingSection .backgroundFaqs .faq p, #faqsSection .faq b, #faqsSection .faq ul li {font-size: 11px;}
}