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

	a.btn {
		font-size: 14px;
	}

	.sec-1-inner h1 {
		font-size: 45px;
	}

	h2 {
		font-size: 28px;
	}

	h4 {
		font-size: 18px !important;
	}

	p {
		font-size: 14px !important;
	}

	.icon {
		width: 80px;
		height: 80px;
	}

	.accordion-button {
		font-size: 18px;
	}

	footer ul a {
		word-wrap: break-word;
	}

}

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

	.navbar-toggler {
		background-color: #678FD5;
		order: 3;
		margin-left: 10px;
	}

	.quote {
		margin-left: auto;
	}

	div#collapsibleNavbar {
		position: absolute;
		top: 56px;
		z-index: 2;
		background: #fff;
		width: 100%;
		right: 0;
		text-align: center;
		padding: 10px;
		max-width: 100%;
	}

	section.sec-1 {
		padding: 70px 0px 100px;
	}

	.sec-2 h4 {
		font-size: 16px !important;
	}

	.work-box img {
		max-width: 150px;
	}

	.work-box {
		gap: 20px;
	}

	section.contact-sec {
		padding: 100px 0px;
	}

	hr {
		border: 3px solid;
	}

	.sec-5 .sec-left {
		padding-bottom: 20px;
	}

	footer ul a {
		font-size: 14px;
	}

	footer ul li {
		margin-bottom: 8px;
	}

}

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

	html {
		scroll-padding-top: 80px;
	}

	section.sec-1 {
		padding: 50px 0px 70px;
	}

	.sec-1-inner {
		max-width: 500px;
	}

	.sec-1-inner h1 {
		font-size: 35px;
	}

	.my-box {
		margin-bottom: 15px;
	}

	section.sec-2 {
		padding: 60px 0;
	}

	.sec-3 .sec-right {
		text-align: center;
	}

	.sec-3 .sec-left {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.services-inner {
		width: 100%;
	}

	.sec-5 .sec-left {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.sec-5 .sec-right {
		max-width: 575px;
		margin: auto;
	}

	.title-box {
		margin-bottom: 30px;
	}

	.work-box {
		margin-bottom: 15px;
	}

	section.sec-7 {
		padding: 60px 0;
	}

	.accordion-button {
		font-size: 16px;
	}

	section.contact-sec {
		padding: 60px 0px;
	}

	.contact-form {
		margin-top: 30px;
	}

	footer.my-footer {
		padding: 60px 0;
	}

	footer.my-footer .row {
		gap: 15px;
	}

}

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

	footer.my-footer {
		padding: 60px 0;
	}

	.navbar .container-fluid {
		padding: 0;
	}

	.navbar-brand img {
		max-width: 120px;
	}

	a.email {
		margin: auto 5px;
		padding: 0px 4px;
	}

	a.nav-link {
		font-size: 14px;
	}

	.navbar-toggler {
		font-size: 12px;
		margin-left: 5px;
		padding: 4px 8px;
	}

	.quote a.btn {
		font-size: 10px;
		padding: 6px 8px;
		gap: 2px;
	}

	.quote a.btn img {
		width: 10px;
	}

	.contact i {
		display: none;
	}

	.contact {
		font-size: 10px;
	}


	h2 {
		font-size: 20px;
	}

	hr {
		border: 2px solid;
	}

	.btn,
	p {
		font-size: 12px !important;
	}

	.sec-3 .sec-left span,
	.title-box span,
	.sec-8 .title span,
	.sec-5 .sec-left span,
	.service-area span,
	.contact-sec .title span,
	.sec-1-inner span {
		font-size: 14px;
		padding: 8px 14px;
	}

	section.sec-2,
	.pad-60,
	section.sec-7,
	section.contact-sec,
	footer.my-footer {
		padding: 30px 0;
	}

	.sec-3 .sec-left p,
	.sec-5 .sec-left p {
		margin-bottom: 15px;
	}

	.title-box,
	.sec-8 .title,
	.contact-form input,
	.contact-form textarea {
		margin-bottom: 20px;
	}

	.sec-3 .sec-left h2,
	.sec-5 .sec-left h2,
	.service-box,
	.contact-form {
		margin-top: 15px;
	}

	a.btn,
	form button.btn.btn-white {
		padding: 8px 20px;
	}


	.sec-1-inner h1 {
		font-size: 24px;
	}

	.sec-1-inner span {
		font-size: 10px;
	}

	.service {
		margin: 10px auto 20px;
	}

	section.sec-1 {
		padding: 30px 0 50px;
	}

	.sec-3 img {
		border-radius: 60px 0px 60px;
	}

	.work-box img {
		max-width: 90px;
		height: 80px;
	}

	.work-box h4 {
		font-size: 14px !important;
	}

	.accordion-button {
		font-size: 14px;
	}

	footer ul li {
		font-size: 14px;
	}

	form button.btn.btn-white img {
		width: 20px;
		margin-right: 5px;
	}

	.copyright-inner {
		flex-direction: column;
		gap: 5px;
	}

}