@media screen and (max-width: 1399px) {
#terms .container {width: 70%;}
}

@media screen and (max-width: 1199px) {
#terms .container {width: 90%;}

#subBanner .text p {width: 100%;}
#subBanner .right p a {width: 100%;}
#subBanner .right p {float: none;}

#serviceOne h2 {margin-bottom: 3rem;}
#serviceOne h3 {margin-bottom: 1rem;}
#serviceOne .padding {padding-right: calc(var(--bs-gutter-x) * .5);}

#serviceTwo h2 {margin-bottom: 3rem;}
#serviceTwo h3 {margin-bottom: 1rem;}
#serviceTwo .padding {padding-left: calc(var(--bs-gutter-x) * .5);}

#testimonial h2 {width: 100%;}

#contactServices .padding {padding-right: calc(var(--bs-gutter-x) * .5);}
}

@media screen and (max-width: 991px) {
.header nav {display: none;}
.header .burgerMenu {display: inline-block; margin-left: 30px;}
.header .contactDetails {display: inline-block;}
.header .right {margin-left: auto;}	

#aboutSection {padding: 3rem 0;}
#aboutSection .text {width: 100%;}
#aboutSection .text p {margin-bottom: 0; font-size: 35px; line-height: 40px;}

#welcomeSection {padding: 3rem 0;}
#welcomeSection .text {width: 100%;}
#welcomeSection .text p {font-size: 35px; line-height: 40px;}

.arrowImg {width: 3%;}

#aboutSection .heading img {width: 3%;}

.footerLogo img {width: 400px; margin-top: 2rem; float: none;}

#subBanner .heading h1 {float: none;}
#subBanner .heading {margin-bottom: 3rem;}
#subBanner .text p {font-size: 30px; line-height: 35px;}
#subBanner .right {margin-top: 3rem;}
#subBanner {padding: 6.5rem 0 3rem 0;}
.btn-text-large {font-size: 25px; line-height: 30px;}
.btn-text-large img {width: 7% !important;}

#serviceTwo h2 {margin-bottom: 1rem;}

#testimonial {padding-bottom: 3rem;}

#clients h2 {margin-bottom: 1rem;}
#clients .imgBox img {margin-bottom: 1rem;}

#morethis h2 {margin-bottom: 1rem;}
#morethis {padding-bottom: 3rem;}

#contactServices {padding-bottom: 3rem;}

#serviceOne {padding: 3rem 0;}
#serviceOne h2 {margin-bottom: 1rem;}
.btn-text img {width: 15%;}

#contactDetails {padding: 3rem 0;}
#contactDetails h3 {margin-bottom: 1rem;}
#contactDetails .padding {padding-right: calc(var(--bs-gutter-x) * .5);}

#contact .padding {padding-right: calc(var(--bs-gutter-x) * .5);}
#contact {padding-bottom: 3rem}

#terms {padding: 3rem 0;}

#workSection {padding-bottom: 3rem;}

.footerTop .links .right {text-align: left;}
}

@media screen and (max-width: 767px) {
footer {text-align: center;}
.footerTop .links .right {text-align: center;}

button, [type=submit] {text-align: left;}
button img, [type=submit] img {width: 11%;}
}

@media screen and (max-width: 650px) {
.offcanvas-end {width: 100%;}

#subBanner .text p {font-size: 20px; line-height: 30px;}
.btn-text-large {font-size: 16px; line-height: 24px;}
.btn-text-large img {width: 10% !important;}
}

@media screen and (max-width: 600px) {
.footerLogo img {width: 250px;}
.arrowImg {width: 5%;}
#aboutSection .heading img {width: 5%;}

#subBanner .heading {margin-bottom: 1rem; margin-top: 2rem;}
#subBanner .right {margin-top: 1rem;}

h1 {font-size: 35px; line-height: 40px;}
.h1 {font-size: 35px; line-height: 40px;}
h2 {font-size: 30px; line-height: 35px;}
h3 {font-size: 25px; line-height: 30px;}
#aboutSection .text p {margin-bottom: 0; font-size: 25px; line-height: 30px;}
#welcomeSection .text p {font-size: 25px; line-height: 30px;}
}

@media screen and (max-width: 500px) {
.btn-text-large img {width: 15% !important;}

#clients .imgBox img {width: 100%;}
}

@media screen and (max-width: 450px) {
.header .contactDetails {display: none;}
}

@media screen and (max-width: 400px) {
#terms {padding: 1.5rem 0;}
#terms .container {width: 100%;}
}