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

	.banner.page-banner {
		padding-bottom: 0;
	}

	.page-banner .breadcrumb {
		font-size: 15px;
	}
	.header {
		padding: 30px 0px;
	}

	.banner .kicker, p, .header .navbar-nav>.nav-item>.nav-link, .header .btn-default, .faqs .accordion-body ul li, .faqs .accordion-body p,
	.testimonials .quote-carousel .item p.big {
		font-size: 16px;
		line-height: 1.5;
	}  

	p.big {
		font-size: 18px;
	}

	h1, .h1, .banner .h1 {
		font-size: 64px;
		line-height:0.9;
	}

	h2, .h2 {
		font-size:46px;
	}

	h3, .h3 {
		font-size: 42px;
	}

	h4, .h4 {
		font-size: 36px;
	}

	h5, .h5 {
		font-size: 32px;
	}

	.section-title h2, .section-title, .banner .kicker {
		margin-bottom: 30px;
		word-wrap: break-word;
	}

	.section-title h2 br {
		display: none;
	}

	.banner .h1 br, .banner p br {
		display: none;
	}

	.banner p, .contact-details p {
		font-size: 20px;
		line-height: 1.6;
	}

	.contact-details, .interior-hour-details, .testimonials .quote-carousel .item {
		padding: 30px;
	}

	.footer {
		text-align: center;
	}

	.footer .logo img, .footer p.small, .banner p , .banner .btn-default {
		margin-bottom: 30px;
	}    

	.copyrights .d-flex {
		flex-direction: column;
		text-align: center;
	}

	.footer hr {
		margin: 30px 0px;
	}

	.faqs .accordion-button, .faqs .accordion-button.collapsed {
		padding: 15px;
		font-size:24px;
		line-height: 1.2;
	}

	.faqs .accordion-button h3 {
		font-size: 26px;
	}

	.faqs .accordion-body, .services .accordion-body {
		padding: 20px 45px 20px 15px;
	}

	.interior-hour img {
		margin-bottom: 10px;
	}

	.testimonials .quote-carousel .item h3, .testimonials .quote-carousel .item p.big, .testimonials .quote-carousel .item .rating, .testimonials .quote-carousel .item img,
	.banner h1  {
		margin-bottom: 30px;
	}

	.brands .item figure, .blog-box, .about .bg {
		padding: 15px;
	}

	.gallery .custom-owl-nav-wrapper {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}

	.individual .mainimg {
		aspect-ratio: 1 / 1;
		object-fit: cover;
		object-position:40% 50%;
	}

	.living-life .btn-default {
		margin-top: 30px;
	}

	.services .accordion-body .d-flex {
		flex-direction: column;
	}

	.coming-soon {
		height: auto;
	}

	.coming-soon h2 {
		font-size:46px;
		line-height: 1;
	} 

	.coming-soon p {
		position: relative;
		margin-top: 30px;
		max-width: unset;
		bottom: unset;
	}

	.team blockquote {
		border: 0px;
		border-top:1px solid #46DC46;
		padding: 15px;
	}

	.team-box {
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.team-box .text {
		width: 100%;
		padding: 20px !important;
	}

	.team-box .text:after {
		display: none !important;
	}

	.team-box .img {
		width: 100%;
	}

	.about h2 {
		font-size: 38px;
	}

	.banner .img-slider .item img {
		margin-top: 20px;
	}

	.banner .bg p br {
		display: block;
	}

	.banner .bg, .banner .img-slider .item img {
		aspect-ratio: 1 / 0.75;
	}

	.services .spech2 {
		font-size: 60px;
	}

	/*** SECTION PADDING ***/
	.footer, .contact-form, .faqs, .interior-hour, .testimonials, .brands, .gallery, .living-life, .services, .coming-soon, .blog, .team,
	.about, .banner {
		padding: 70px 0px;
	}

	.banner {
		padding-top:150px;
	}

	.page-banner .breadcrumb {
		margin-top: 40px;
	}

	.contact-form.contactpage .bg-form {
		padding: 25px 20px 45px 20px;
	}

	.banner.page-banner {
		padding-bottom: 0;
	}

	.page-banner .breadcrumb {
		font-size: 15px;
	}
	
	.services .section-title h2 br{
		display:block !important;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.banner .kicker, p, .header .btn-default, .faqs .accordion-body ul li, .faqs .accordion-body p,
	.testimonials .quote-carousel .item p.big {
		font-size: 16px;
		line-height: 1.5;
	}  

	p.big {
		font-size: 18px;
	}

	h1, .h1 {
		font-size: 64px;
		line-height:0.9;
	}

	h2, .h2 {
		font-size:46px;
	}

	h3, .h3 {
		font-size: 42px;
	}

	h4, .h4 {
		font-size: 36px;
	}

	h5, .h5 {
		font-size: 32px;
	}

	.section-title h2, .section-title, .banner .kicker {
		margin-bottom: 30px;
	}

	.section-title h2 br {
		display: none;
	}

	.header .navbar-brand img {
		max-height: 20px;
	}

	.header .navbar-nav>.nav-item {
		padding: 0px 10px;
	}

	.header .navbar-nav>.nav-item>.nav-link {
		font-size: 14px;
	}

	.header .btn-default {
		padding:15px;
	}

	.banner h1 br, .banner p br {
		display: none;
	}

	.banner p, .contact-details p {
		font-size: 20px;
		line-height: 1.6;
	}

	.contact-details, .interior-hour-details, .testimonials .quote-carousel .item {
		padding: 30px;
	}

	.footer .logo img, .footer p.small, .banner p , .banner .btn-default {
		margin-bottom: 30px;
	} 

	.footer .h6 {
		font-size: 18px;
	}

	.footer .social-links {
		display: flex;
	}

	.footer .privacy-menu li a, .copyrights p {
		font-size: 16px;
	}

	.footer hr {
		margin: 30px 0px;
	}

	.faqs .accordion-button, .faqs .accordion-button.collapsed {
		padding: 15px;
		font-size:24px;
		line-height: 1.2;
	}

	.faqs .accordion-button h3 {
		font-size: 26px;
	}

	.faqs .accordion-body, .services .accordion-body {
		padding: 20px 45px 20px 15px;
	}

	.interior-hour img {
		margin-bottom: 10px;
	}

	.testimonials .quote-carousel .item h3, .testimonials .quote-carousel .item p.big, .testimonials .quote-carousel .item .rating, .testimonials .quote-carousel .item img,
	.banner h1  {
		margin-bottom: 30px;
	}

	.brands .item figure, .about .bg {
		padding: 15px;
	}

	.blog-box {
		padding: 10px;
	}

	.blog-box h3 {
		font-size: 26px;
	}

	.blog-box .blog-details {
		gap: 15px;
	}

	.gallery .custom-owl-nav-wrapper {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}

	.individual .mainimg {
		aspect-ratio: 1 / 1;
		object-fit: cover;
		object-position:40% 50%;
	}

	.living-life .btn-default {
		margin-top: 30px;
	}

	.services .accordion-body .d-flex {
		flex-direction: column;
	}

	.interior-hour-details ul.list li {
		margin-bottom: 0px;
	}

	.coming-soon h2 {
		font-size:90px;
		line-height: 1;
	} 

	.coming-soon p {
		position: relative;
		margin-top: 30px;
		max-width: unset;
		bottom: unset;
	}

	.team blockquote {
		border: 0px;
		border-left:1px solid #46DC46;
		padding: 15px 30px;
	}

	.team-box .text {
		width: 50%;
		padding:30px !important;
	}

	.team-box .text:after {
		display: none !important;
	}

	.team-box .img {
		width: 50%;
	}

	.about h2 {
		font-size: 38px;
	}

	.banner .bg p br {
		display: block;
	}

	.banner .bg, .banner .img-slider .item img {
		aspect-ratio: 1 / 0.75;
	}

	.services .spech2 {
		font-size: 120px;
	}

	/*** SECTION PADDING ***/
	.footer, .contact-form, .faqs, .interior-hour, .testimonials, .brands, .gallery, .living-life, .services, .coming-soon, .blog, .team,
	.about, .banner {
		padding: 70px 0px;
	}

	.banner {
		padding-top:250px;
	}   

	.page-banner .breadcrumb {
		margin-top: 40px;
	}

	.contact-form.contactpage .bg-form {
		padding: 25px 25px 45px 25px;
	}

	.banner.page-banner {
		padding-bottom: 0;
	}

	.partner-box h5 {
		font-size: 28px;
	}
}


@media only screen and (min-width:992px) and (max-width:1199px) {
	.header .navbar-brand img {
		max-height: 27px;
	}	
	.page-banner .breadcrumb {
		margin-top: 80px;
	}
}

@media only screen and (min-width:1200px) and (max-width:1440px) {
	.header .navbar-brand img {
		max-height: 30px;
	} 

	.coming-soon p {
		right:90px;
	}	

	.page-banner .breadcrumb {
		margin-top: 100px;
	}
}

@media only screen and (min-width:1200px) and (max-width:1679px) {
	.container {
		max-width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
	}

	.banner .kicker, p, .header .navbar-nav>.nav-item>.nav-link, .header .btn-default, .services .accordion-body ul li, .faqs .accordion-body p,
	.faqs .accordion-body ul li, .faqs .accordion-body p {
		font-size: 16px;
		line-height: 1.5;
	}  

	p.big {
		font-size: 18px;
	}

	h1, .h1 {
		font-size: 84px;
		line-height:0.9;
	}

	h2, .h2 {
		font-size: 72px;
	}

	h3, .h3 {
		font-size: 54px;
	}

	h5, .h5 {
		font-size: 32px;
	}

	.banner p, .contact-details p {
		font-size: 20px;
		line-height: 1.6;
	}

	.interior-hour-details p, .interior-hour-details ul.list li {
		font-size: 18px;
		line-height: 1.5;
	}

	.btn-default {
		font-size: 17px;
	}

	.team blockquote {
		padding: 20px 30px;
	}

	.team .section-title h2 {
		margin-bottom: 0px;
	}

	.team-box .text {
		padding: 30px 30px 30px 0px;
	}

	.team-box .text.greenbg {
		padding: 30px 0px 30px 30px;
	}

	.contact-details {
		padding: 50px;
	}
}

@media only screen and (min-width:1680px) and (max-width:1919px) {	
	.container {
		max-width:90%;
		margin-left:5%;
		margin-right:5%;
	}

	h1, .h1 {
		font-size: 90px;
		line-height:0.9;
	} 

	h1 br {
		display: none;
	}

	.coming-soon p {
		right:225px;
	}
}

@media only screen and (min-width:1920px) {
	h1 br, .banner p br {
		display: none;
	}    
}