@media screen and (max-width:1224px) {
	.prjct-dtls h3 {
		font-size: 36px;
	}
	.prjct-dtls p {
		font-size: 20px;
	}
	.project-section {
		padding: 50px 0;
	}
	.contact-form {
		padding: 0 0;
	}
}

@media screen and (min-width: 768px) {
	.menu-icon, .close-menu {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	nav ul li a {
		padding: 48px 10px;
		font-size: 16px;
	}
	.action-btn ul li button {
		padding: 12px 25px;
	}
	.project-section {
		padding: 50px 0;
	}
	.project-section .row {
		display: flex;
		justify-content: center;
	}
	.prjct-dtls h3 {
		font-size: 38px;
	}
	.prjct-dtls p {
		font-size: 20px;
	}
	.single-adrs-right ul {
		padding: 0;
	}
	.single-ftr-left {
		padding-right: 20px;
	}
	.contact-form {
		padding: 0 0;
	}
	.submt-btn {
		text-align: center;
		margin-top: 25px;
	}
	.single-ftr-left {
		padding-right: 40px;
	}
	.ftr-top {
		padding: 50px 0px;
	}
	.prjct-dtls h3 {
		font-size: 40px;
	}
	.prjct-dtls p {
		font-size: 18px;
	}
	.contact-form {
		padding: 0 0;
	}
	.single-ftr-left {
		padding-right: 40px;
	}
	.ftr-top {
		padding: 50px 0px;
	}
	.prjct-dtl-bx {
		margin-bottom: 35px;
	}
	.prjct-dtl-bx.yr-exprnc {
		margin-bottom: 0px;
	}
	.contact-form {
		padding: 0 0;
	}
	.about-description h3 {
		font-size: 40px;
	}
	.about-section, .ftr-top, .about-servic-section, .completed-project-section {
		padding: 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.hdr-black-fxd {
    padding: 0px;
    border-bottom: 0px solid rgb(255 255 255 / 10%);
}
nav ul li a {
    color: #000;
}
.about-section, .ftr-top, .about-servic-section, .completed-project-section {
    padding: 25px 0;
}
.single-adrs-right {
    padding-top: 5px;
}
header {
    position: fixed;
    }
	.banner-sldr-content {
		left: 16%;
		max-width: 285px;
		top: 45%;
	}
	.breadcrumb a {
		font-size: 18px;
	}
	.container {
		padding: 0 15px;
	}
	.htr-inner {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		background: #fff;
		width: 90%;
		max-width: 250px;
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		text-align: left;
		padding-top: 60px;
		box-shadow: 0 0 10px rgb(0 0 0 / 20%);
		z-index: 55;
		transition: all 300ms;
	}
	body:not(.menu-open) .htr-inner {
		transform: translateX(-120%);
	}
	body.menu-open .hdr-top .overlay {
		opacity: 1;
		visibility: visible;
	}
	nav ul {
		flex-wrap: wrap;
		max-height: 100%;
		overflow: auto;
		margin: 0;
	}
	.action-btn ul li button {
		background: #fe0000;
		border-radius: 12px;
	}
	nav ul li {
		width: 100%;
	}
	.action-btn ul li {
		width: 100%;
	}
	.action-btn ul {
		display: flex;
		flex-wrap: wrap;
	}
	.action-btn ul li:nth-child(3) {
		width: 100%;
		margin-top: 5px;
	}
	.ht-right nav, .action-btn {
		display: block;
		width: 100%;
	}
	.ht-right nav {
		order: 2;
		height: 100%;
		padding: 5px 0;
	}
	.action-btn {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		padding: 10px;
		box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	}
	nav ul li a {
		padding: 10px 20px;
	}
	nav ul li+li {
		border-top: 1px solid #eee;
	}
	.mobile-menu {
		display: block;
		border-bottom: 1px solid #eee;
	}
	.hdr-black-fxd-right {
		text-align: right;
		display: none;
	}
	.hdr-black-fxd ul li {
		display: inline-block;
		padding: 0 0px;
		width: 50%;
	}
	.hdr-black-fxd ul {
		margin-bottom: 0;
		padding: 0;
		display: flex;
		text-align: center;
	}
	.hdr-black-fxd-lft {
		float: unset;
		width: auto;
		color: #fff;
	}
	.banner-sec .owl-carousel .owl-item img {
		width: auto;
		max-width: inherit;
		height: 350px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.bs-single {
		overflow: hidden;
	}
	.banner-sldr-content h2 {
		font-size: 28px;
		line-height: 38px;
		max-width: 450px;
	}
	.about-description h3 {
		font-size: 38px;
	}
	.loaction-map iframe {
		max-height: 400px;
	}
}

@media screen and (max-width: 650px) {
	.banner-sldr-content p {
		font-size: 16px;
	}
	.loaction-map iframe {
		max-height: 300px;
	}
	.banner-sldr-content h2 {
		font-size: 20px;
		line-height: 34px;
	}
	.ht-right {
		text-align: right;
		padding: 38px 0;
	}
	.hdr-top {
		background: #000000;
		padding: 5px 0;
	}
	main {
    	padding-top: 88px;
 }
	.about-description h5.hedng-lft-bx::before {
		height: 20px;
		width: 20px;
	}
	.about-description h5 {
		font-size: 18px;
	}
	.about-description h3 {
		font-size: 25px;
		margin: 24px 0;
	}
	.about-description h2 {
		font-size: 30px;
		margin: 20px 0;
	}
	.breadcrumb-section h6 {
		font-size: 24px;
	}
	.breadcrumb a {
		font-size: 18px;
	}
	.top-heading h5 {
		font-size: 18px;
	}
	.top-heading .hdng-sqr-bx {
		width: 22px;
	}
	.top-heading h3 {
		font-size: 22px;
	}
	.card-box h6 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.seeall-btn {
		margin-top: 60px;
	}
	.card-box h5 {
		font-size: 24px;
	}
	.contact-form-box {
		padding: 15px;
	}
	.contact-section {
		padding: 50px 0;
	}
	.single-ftr-left {
		padding-right: 0px;
	}
	.prjct-dtl-bx {
		margin-bottom: 35px;
	}
	.prjct-dtl-bx.yr-exprnc {
		margin-bottom: 0px;
	}
	.project-section .row {
		display: inline-block;
		justify-content: center;
	}
	.cmpny-copyright {
		text-align: center;
	}
	.contact-form {
		padding: 0 0;
	}
	.submt-btn {
		text-align: center;
		margin-top: 25px;
	}
	.banner-slider .owl-nav {
    	/* top: 50%; */
 }
 .banner-slider button span {
    width: 35px;
    height: 35px;
    font-size: 28px;
    line-height: 30px;
}
.hdr-logo img {
    width: 120px;
}
}

@media screen and (max-width: 350px){
	.banner-sldr-content {
	    left: 18%;
	    max-width: 205px;
	    top: 42%;
	}
	.banner-sldr-content h2 {
	    font-size: 15px;
	    line-height: 34px;
	}
}