@media only screen and (max-width:767px) {
	h1, .h1 {
		font-size:38px;
		line-height:1.2;
	}
	
	h2, .h2 {
		font-size:32px;
		line-height:1.2;
	}
	
	h3, .h3 {
		font-size: 28px;
		line-height: 1.2;
	}
	
	p, .faqs .accordion-body p, .faqs .accordion-body ul li {
		font-size:14px;
	}
	
	p.bigger {
		font-size:16px;
	}
	
	.work-box p, .hero-section p {
		font-size:18px;
	}
	
	.pe-50 {
		padding-right:0px;
	}
	
	.section-title .kicker {
		margin-bottom:10px;
	}
	
	.section-title h2 {
		margin-bottom:15px;
	}
	
	blockquote {
		margin-top:15px;
		padding:15px 0px;
		border-left:0px;
		border-top:1px solid #1E60AA;
	}
	
	.mt-50, .mt-60 {
		margin-top:30px;
	}
	
	.header {
		padding:0px 0px 0px 15px;
	}
	
	.header .navbar-toggler {
		padding:0px !important;
		border:0px !important;
	}
	
	.header .main-menu img {
		height:75px;
	}
	
	.call-team h2 {
		margin:30px 0px;
	}
	
	.faqs .accordion-button.collapsed, .faqs .accordion-button {
		padding:15px !important;
		gap:20px;
	}
	
	.faqs .accordion-body {
		padding:0px 15px 15px 15px !important;
	}
	
	.faqs .accordion .accordion-item {
		margin-bottom:15px;
	}
	
	.faqs .accordion-button h3 {
		font-size:16px;
	}
	
	.team-box {
		padding:15px;
		margin-top:30px;
	}
	
	.team-box .team-name {
		font-size:22px;
	}
	
	.our-company .section-title {
		margin-top:0px;
	}
	
	.our-company .btn-default {
		margin-bottom:0px;
	}
	
	.stats {
		flex-direction:column;
		gap:30px;
		padding:0px;
	}
	
	.stats>div {
		padding:30px 0px;
		border:0px;
		border-bottom:1px solid #51ACFB;
	}
	
	.stats>div:last-child {
		border:0px;
	}
	
	.call-cta-box {
		padding:50px 15px;
	}
	
	.call-cta-details {
		flex-direction:column;
		gap:30px;
	}
	
	.call-cta-details .call-us {
		border:0px;
		padding-right:0px;
	}
	
	.work-box img {
		height:auto;
		margin-bottom:30px;
		margin-top:30px;
	}
	
	.area-box div {
		padding:15px 10px;
		flex:0 0 calc(50% - 5px);
		font-size:11px;
	}
	
	.area-box div img {
		margin-right:0px;
	}
	
	.promise-box {
		padding:30px 30px;
	}
	
	.promise-sq {
		padding:30px 15px;
		margin-bottom:15px;
	}
	
	.promise-sq img {
		margin-bottom:30px;
	}
	
	.contact-details {
		flex-direction:column;
		gap:15px;
	}
	
	.cta-box {
		text-align:center;
	}
	
	.footer {
		padding-bottom:30px;
	}	
	
	.prevention-box {
		flex-direction:column;
		gap:20px;
        margin-bottom: 30px;
        align-items: start;
	}
	
	.quality-box {
		padding:15px;
	}
	
	.quality-grid {
		flex-direction:column;
	}
	
	.call-team-cta.with-features .area-box div {
		flex:0 0 calc(50%);
	}
	
	.prevention .quality-grid img {
		margin-bottom:15px;
	}
	
	.call-team-cta.with-features .area-box div:nth-child(2n) {
		border-right:0px !important;
	}
	
	.call-team-cta.with-features .area-box div {
		border-right:1px solid #51ACFB !important;
        gap: 0px;
        text-align: left;
		display:flex;
	}
	
	.call-team-cta.with-features .area-box div img {
		margin-right:10px;
	}
	
	.call-team.with-features { 
		padding:60px 0px 120px 0px;
	}
	
	.service-box {
		margin-bottom:30px;
	}
	
	.service-box .details {
		padding:30px;
	}
	
	.logo-grid {
		margin-top:30px;
        flex-wrap: wrap;
	}
	
	.logo-grid .logo-box {
		flex:0 0 calc(50% - 20px);
	}
	
	.hero-section {
		padding-top:40px;
	}
	
	.hero-section .owl-stage-outer {
		margin:0px;
	}
	
	 .hero-section .pe-5 {
		padding-right:15px !important;
	}
	
	.hero-section .area-box div {
		gap:5px;
		font-size:13px;
		font-weight:400;
	}
	
	.hero-section .btn-box {
		align-items: start;
		flex-direction: column;
		margin-bottom:30px;
	}
	
	.hero-section .item {
		padding:60px 0px 0px 0px;
	}
	
	.hero-section .item img {
		margin-top:0px;
	}
	
	.prevention p img {
		margin-bottom:0px;
	}
	
	.contact-form figure, .area-operation .section-title, .contact-form img, .certificate img, .study-box .btn-default, .prevention img {
		margin-bottom:30px;
	}
	
	.review-box {
		padding:30px;
		margin-bottom:15px;
	}
	
	.call-cta-img, .our-company::after, .our-promise .promise-img, .hero-section p br, .review-img {
		display:none;
	}
	
	/*** SECTION PADDING ***/
	.contact-form, .area-operation, .our-team, .faqs, .contact-form, .our-company, .certificate, .study-box, .call-team.with-cta, .how-we-work,
	.our-promise, .prevention, .services, .logos, .google-reviews {
		padding:60px 0px;
	}
	
	.gallery {
		padding-top:60px;
	}
	
	.our-promise {
		padding-bottom:0px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	h1, .h1 {
		font-size:52px;
		line-height:1.2;
	}
	
	h2, .h2 {
		font-size: 32px;
        line-height: 1.3;
	}
	
	h3, .h3 {
		font-size:28px;
	}
	
	p.bigger {
		font-size:18px;
	}
	
	.section-title .kicker {
		padding-left:30px;
	}
	
	.section-title .kicker::before {
		width:20px;
	}
	
	blockquote {
		padding:20px 0px 20px 30px;
	}
	
	.mt-60, .mt-50 {
		margin-top: 30px;
	} 
	
	.btn-bordered {
		padding:20px 20px;
	}
	
	.header {
		padding:0px 0px 0px 15px;
	}
	
	.header .navbar-toggler {
		padding:0px !important;
		border:0px !important;
	}
	
	.header .main-menu img {
		height:75px;
	}
	
	.hero-section {
		padding-top:60px;
	}
	
	.hero-section .pe-5 {
		padding-right:0px !important;
	}
	
	.hero-section .owl-stage-outer {
		margin:0px;
	}
	
	.hero-section .item {
		padding:75px 0px 0px 0px;
	}
	
	.hero-section p {
		font-size:24px;
	}
	
	.hero-section .btn-box {
		margin-bottom:60px;
	}
	
	.service-box .details {
		padding:30px 20px;
	}
	
	.service-box .details .title {
		font-size:18px;
		min-height:50px;
	}
	
	.service-box .details .service-link {
		width:40px;
	}
	
	.prevention-box {
		flex-direction:column;
		gap:20px;
		align-items:start;
	}
	
	.call-team.with-features {
		padding:75px 0px 150px 0px;
	}
	
	.area-box div {
		padding:15px 20px;
        display: flex;
		gap:7px;
        align-items: start;
        text-align: left;
        font-weight: 700;
	}
	
	.area-box div img {
		margin-right:0px;
	}
	
	.quality-box {
		padding:20px;
	}
	
	.quality-grid {
		flex-direction:column;
		gap:10px;
	}
	
	.quality-grid div {
		padding:15px;
	}
	
	.promise-box {
		padding:30px 20px;
	}
	
	.promise-sq {
		padding:15px;
	}
	
	.promise-sq img {
		margin-bottom:15px;
	}
	
	.promise-sq .title, .work-box p {
		font-size:20px;
	}
	
	.promise-sq p {
		font-size:14px;
	}	
	
	.call-team.with-cta {
		padding-bottom:250px !important;
	}
	
	.call-cta-box {
		padding:30px 30px;
	}
	
	.call-cta-details {
		align-items:start;
		flex-direction:column;
		gap:30px;
	}
	
	.call-cta-details .call-us {
		border:0px;
	}
	
	.stats {		
        flex-wrap: wrap;
        gap: 0px;
		padding:0px;
	}
	
	.stats>div {
		padding:20px 0px;
		border:0px;
		border-bottom:1px solid #51ACFB;
		flex:0 0 calc(50% - 0px);
	}
	
	.our-company .section-title {
		margin-top:0px;
	}
	
	.our-company .btn-default {
		margin-bottom:0px;
	}
	
	.contact-form img {
		margin-bottom:30px;
	}
	
	.pe-50 {
		padding-right:0px !important;
	}
	
	.team-box img {
		margin-right:30px;
	}
	
	.area-operation .area-box div {
		font-size:14px;
	}
	
	.cta-box {
		padding:15px;
        text-align: center;
	}
	
	.cta-box a {
		font-size:18px;
	}
	
	.footer {
		padding-bottom:60px;
	}
	
	/*** DISPLAY NONE ***/
	.hero-section p br, .our-promise .promise-img, .call-cta-img, .our-company::after {
		display:none;
	}
	
	/*** SECTION PADDING ***/
	.contact-form, .area-operation, .our-team, .faqs, .contact-form, .our-company, .certificate, .study-box, .call-team.with-cta, .how-we-work,
	.our-promise, .prevention, .services, .logos {
		padding:75px 0px;
	}
	
	.gallery {
		padding-top:75px;
	}
	
	.our-promise {
		padding-bottom:0px;
	}
}


@media only screen and (min-width:1024px) and (max-width:1399px) {

}

@media only screen and (min-width:1400px) and (max-width:1899px) {
    h1, .h1 {
        font-size: 58px;
    }

    p {
        font-size: 15px;
    }

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

    .header {
        padding-left: 30px;
    }

    .header .navbar-nav  {
        padding-right: 30px;
    }

    .header .nav-item { 
        margin: 0px 10px;
    }

    .header .call-us {
        padding-left: 30px;
    }

    .header .nav-link {
        font-size: 15px;
    }

    .header .call-us a {
        font-size: 19px;
    }

    .hero-section p {
        font-size: 24px;
    }

    .service-box .details {
        padding: 30px;
    }
	
	.area-box div {
		padding:20px;
	}
	
	.review-box {
		padding:40px;
	}
}

@media only screen and (min-width:1900px) {
    .container {
        max-width: 1500px;
    }
}