.container {
	max-width: 1137px;
	margin: 0 auto;
	width: 100%;
}



/** ================== //  INNER HEADER CSS END // ================== **/
@media (max-width:1699px) {}

@media (max-width:1439px) {}

@media (max-width:1279px) {}

@media (max-width:1199px) {
	.logo a {
	    font-size: 30px;
	}
	.header {
	    padding: 13px 0px 13px;
	}
	.selected-page-two-section {
	    padding: 62px 0 164px;
	}
	.outer-slde-right {
	    padding-left: 20px;
	}
	.project-archive-wrap {
	    margin: 50px auto 0px;
	}
	.project-archive-wrap .row {
	    margin-right: calc(-.5 * var(--bs-gutter-x));
	    margin-left: calc(-.5 * var(--bs-gutter-x));
	}
	.project-archive-wrap  .col-md-4 {
	    padding-right: calc(var(--bs-gutter-x) * .5);
	    padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.project-archive-section {
	    padding: 40px 0px 160px;
	}
}

@media (max-width:991px) {
	.outer-content-info {
	    padding: 0;
	}
	.page-first-section {
	    padding: 45px 0;
	}
	.heading {
	    margin: 0 0 70px;
	}
}

@media only screen and (device-width : 812px) and (device-height : 375px) and (-webkit-device-pixel-ratio : 3) {}

@media (max-width:767px) {
	.logo a {
	    font-size: 22px;
	}
	.main-nav {
	    padding-bottom: 0;
	}
	.nav-logo {
		display: none;
	}
	.main-nav .menu-bar {
		display: block;
	}
	.mobile-menu .menu-bar {
	    top: 16px;
	    right: 13px;
	    background: #5A8289;
		position: fixed;
	}
	/************ // MOBILE MENU CSS START // ***********************/
	.menu-bar {
		width: 30px;
		height: 30px;
		position: absolute;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		transition: unset !important;
		cursor: pointer;
		display: block;
		right: 24px;
	    top: 15px;
		z-index: 1111;
	}
	.menu-bar span {
		display: block;
		position: absolute;
		height: 2px;
		width: 50%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: unset !important;
	}
	.menu-bar span:nth-child(even) {
		left: 50%;
		border-radius: 0 9px 9px 0;
	}
	.menu-bar span:nth-child(odd) {
		left: 0px;
		border-radius: 9px 0 0 9px;
	}
	.menu-bar span:nth-child(1),
	.menu-bar span:nth-child(2) {
		top: 0px;
	}
	.menu-bar span:nth-child(3),
	.menu-bar span:nth-child(4) {
		top: 10px;
	}
	.menu-bar span:nth-child(5),
	.menu-bar span:nth-child(6) {
		top: 20px;
	}
	.menu-bar span:nth-child(3) {
		left: 0;
	}
	.menu-bar span:nth-child(5) {
		left: 0;
	}
	.mobile-menu .menu-bar span:nth-child(1),
	.mobile-menu .menu-bar span:nth-child(6) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.mobile-menu .menu-bar span:nth-child(2),
	.mobile-menu .menu-bar span:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mobile-menu .menu-bar span:nth-child(1) {
		left: 5px;
	}
	.mobile-menu .menu-bar span:nth-child(2) {
		left: calc(50% - 5px);
	}
	.mobile-menu .menu-bar span:nth-child(1), .mobile-menu .menu-bar span:nth-child(2) {
	    top: 11px;
	}
	.mobile-menu .menu-bar span:nth-child(3) {
		left: -50%;
		opacity: 0;
	}
	.mobile-menu .menu-bar span:nth-child(4) {
		left: 100%;
		opacity: 0;
	}
	.mobile-menu .menu-bar span:nth-child(5) {
		left: 5px;
	}
	.mobile-menu .menu-bar span:nth-child(6) {
		left: calc(50% - 5px);
	}
	.mobile-menu .menu-bar span:nth-child(6), .mobile-menu .menu-bar span:nth-child(5) {
	    top: 16px;
	    width: 50%;
	}

	.navigation {
	    background: rgba(49, 99, 108, 0.36);
	    position: fixed;
	    top: 52px;
	    padding: 64px 14px 30px;
	    right: -150%;
	    width: 158px;
	    height: 202px;
	    z-index: 99;
	    transition: .7s;
	    -webkit-transition: .7s;
	    -moz-transition: .7s;
	    overflow-y: auto;
	    margin: 0;
	    transform: none;
	    -webkit-transform: none;
	    -ms-transform: none;
	}
	body.mobile-menu .navigation {
		display: block;
		right: 0;
	}
	.nav-manu {
		display: block;
	}
	.navigation ul {
		display: block;
		width: 100%;
	}
	.navigation ul li {
	    padding: 0;
	    margin: 0 0 18px;
	    position: relative;
	}
	.navigation ul li:last-child {
	   margin-bottom: 0;
	}
	.navigation ul>li::before {
		display: none;
	}
	.navigation .menu-item-has-children>a::before {
		display: none;
	}
	.menu-item-has-children::after {
		content: "\f107";
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 53px;
		transition: 0.4s;
		font-family: FontAwesome;
		color: #fff;
		padding: 0;
		z-index: 111;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		display: flex !important;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		opacity: 1;
	}
	.navigation ul li.menu-item-has-children {
		padding-right: 0;
	}

	.navigation ul>li>a {
	    display: block;
	    padding: 0;
	    color: #fff;
	}
	.navigation .moblelogo {
		display: block;
		padding: 10px 15px;
	}
	.menu-item-has-children::before {
		display: none;
	}
	.navigation .moblelogo img {
		max-width: 80px;
	}
	.navigation ul>li>a::after {
		display: none;
	}
	.nav-manu ul li a:hover {
		color: #000;
	}
	.navigation ul li ul.sub-menu {
		display: none;
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
	.navigation ul li ul.sub-menu.in {
		position: static;
		max-width: 100%;
		top: 0;
		left: 0;
		padding: 0;
		display: block;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
	}
	.navigation ul li ul.sub-menu li {
		width: 100% !important;
		padding: 0;
		border-bottom: none;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		border-radius: 0;
		margin: 0;
		box-shadow: none;
		border-radius: 0 !important;
		background: transparent;
	}
	.navigation ul li ul.sub-menu li:hover {
		background-color: inherit;
	}
	.navigation ul li ul.sub-menu li.current-menu-item {
		background-color: inherit;
	}

	.navigation ul li ul.sub-menu li:hover a {
		color: #e28d66;
	}
	.navigation ul li ul.sub-menu li a {
		padding: 14px 15px 14px 30px;
		font-weight: 500;
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		color: #fff;
	}
	.navigation ul li ul.sub-menu li a:hover {
		color: #e28d66;
	}
	.navigation ul li ul.sub-menu ul.sub-menu {
		width: 100%;
		padding: 0;
	}
	.navigation ul li ul.sub-menu ul.sub-menu li a {
		padding-left: 40px;
	}
	nav.mobile-scroll {
		display: block;
		width: 100%;
	}
	.navigation ul li.current-menu-item.menu-item-has-children::after,
	.navigation ul li.menu-item-has-children:hover::after {
		color: #ffffff;
	}
	/************ // MOBILE MENU CSS END // ***********************/
	.breadcrumb-section {
	    display: none;
	}
	.page-first-section {
	    padding: 57px 0;
	}
	.outer-content-info h1 {
	    margin: 0 0 24px;
	}
	.outer-slde-right {
	    margin-top: 50px;
	    border-left: none;
	    padding-left: 0;
	}
	.category-list {
	    margin: 0 0 22px;
	}
	.heading {
	    margin: 0 0 50px;
	}

	.single-two-section .col-md-4 {
	    padding: 0 5px;
	    width: 50%;
	}
	.single-two-section .row {
	    margin: 0 -5px;
	    row-gap: 10px;
	}
	.single-two-section .container {
	    padding: 0 14px;
	}
	.single-two-section .load-more-project {
	    padding-top: 40px;
	}
	.single-two-section {
	    padding: 0 0 53px;
	}
	.video-cm-iframe {
	    margin: 0 0 20px;
	}
	.project-archive-wrap .row {
	    margin: 0 -6.5px;
	    row-gap: 13px;
	}
	.project-archive-wrap  .col-md-4 {
	    width: 50%;
		padding: 0 6.5px;
	}
	.project-archive-section {
	    padding: 40px 0px 90px;
	}
	.project-archive-wrap {
	    margin: 30px auto 0px;
	}
	.project-archive-inner-info h6 {
	    font-size: 16px;
	    line-height: 22px;
		margin-bottom: 0;
	}
	.video-popup-modal .modal-body .video-cm-iframe iframe {
	    height: 200px;
	}
}

@media (max-width:575px) {
	.banner-slider img {
	    height: 255px;
	    object-fit: cover;
	}
	h1 {
	    font-size: 20px;
	}
	h2 {
	    font-size: 20px;
	}
	.selected-page-two-section {
	    padding: 41px 0 164px;
	}
	.selected-page-two-section {
	    padding: 41px 0 61px;
	}
	.works-container .col-sm-4 {
	    flex: 0 0 auto;
	    width: 100%;
	}
	.works-container .col-sm-8 {
	    width: 100%;
	}
	body hr {
	    margin: 8px 0 6px;
	}
	.works-image {
	    padding-right: 0;
	    position: absolute;
	    width: 74px;
	}
	.works-image img {
	    height: 65px;
	    object-fit: cover;
	}
	.works-text-info h3, .works-text-info span {
	    padding: 0 30px 0 85px;
	}
	.btn {
	    background: #FFFFFF;
	    border: 1px solid #5A8289;
	    border-radius: 4px;
	    padding: 3px 35px;
	    color: #5A8289;
	    min-height: 50px;
	}
	.btn:hover {
	    background: #5A8289;
	    color: #ffffff;
	}
	.footer-content {
	    text-align: center;
	}
	.footer-content.text-right {
	    text-align: center;
	}
	.footer-content p {
	    font-size: 14px;
	}
	.works-container {
	    padding-right: 0;
	    padding-left: 0;
	}

	.load-more-project {
	    padding-top: 40px;
	}
	.contact-form-warp {
	    padding: 24px 22px 30px;
	}
	.video-cm-iframe iframe {
	    height: 200px;
	}
	.single-two-section .project-archive-thumb img {
	    height: 160px;
	    object-fit: cover;
	}
	.single-btn-section {
	    padding: 0 0 53px 0;
	}
	.video-first-section {
	    padding-bottom: 53px;
	}
}