@media only screen and (max-width:1440px) {
	.story_sec_1 {
		height: 415px !important;
	}

	.animation_logo_box {
		bottom: 40px;
	}
}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {
	.slider_wrapper {
		max-width: 800px;
		margin: 0 auto;
	}

}

@media only screen and (max-width:991px) {
	.nav_middle_col {
		width: 26.33%;
	}

	.banner_text_box .heading {
		font-size: 38px;
		line-height: 1.1;
	}

	.contact_form {
		max-width: 670px;
	}
}

@media only screen and (max-width:768px) {
	body.active {
		overflow: hidden;
	}

	header {
		background-color: transparent;
		background-image: linear-gradient(180deg, #000000c7 0%, #FFFFFF00 100%);
		height: 85px;
	}

	.respo_logo_box {
		display: flex;
		width: 40%;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translateX(-50%);
	}

	.nav_bar {
		justify-content: flex-start;
		position: fixed;
		top: 0;
		left: -250px;
		/* background: #000; */
		background: rgba(255, 255, 255, 0.9);
		flex-direction: column;
		align-items: flex-start;
		height: 100vh;
		width: 250px;
		padding: 35px 0px;
		z-index: 999;
		transition: all 1s ease;
	}

	.nav_bar.active {
		left: 0;
		transition: all 1s ease;
	}
	
	.nav_bar a{
		color: #222222;
	}
	.nav_bar .logo_box img:nth-child(1),
	.nav_bar .logo_box img:nth-child(2){
		display: inline-block;
	}
	.nav_bar .logo_box img:nth-child(3){
		display: none;
	}
	
	#toggle_btn {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 2px solid #e77a2e;
		font-size: 21px;
		color: #e77a2e;
		position: fixed;
		top: 15px;
		right: 15px;
		background: transparent;
	}

	.close_menu {
		position: absolute;
		top: 5px;
		right: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 25px;
		height: 25px;
		color: #222222;
		font-size: 20px;
	}

	.nav_left_col, .nav_right_col {
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		flex-direction: column;
		text-align: center;

	}

	.nav_left_col {
		order: 2;
	}

	.nav_middle_col {
		width: 90%;
		order: 1;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.nav_right_col {
		order: 3;
	}

	.banner_text_box .heading {
		max-width: 570px;
	}

	.contact_form {
		max-width: 100%;
	}

	.footer_logo {
		max-width: 195px;
		margin: 50px auto 30px auto;
	}

	.gen_info {
		font-size: 12px;
		text-align: center;
	}

	.footer_sec {
		padding: 50px 0px;
	}

	.story_sec_2 .img_box {
		max-width: 410px;
		margin: 0 auto;
	}

	.common_heading_img {
		margin: 0 auto;
	}

	.common_desc {
		font-size: 15px;
		text-align: center;
	}

	.story_sec_2 .col-lg-7 {
		padding-bottom: 40px;
	}

	.slider_wrapper {
		max-width: 500px;
	}

	.animation_logo_box {
		width: 330px;
	}
}

@media only screen and (max-width:900px) {
	.address span {
		font-size: 16px;
	}

	.Site_data {
		flex-wrap: NOWRAP;
	}
}

@media only screen and (max-width:767px) {
	section.story_sec_2.our_projects .img_box {
		display: none;
	}

	.address span {
		font-size: 16px
	}

	.Site_data {
		flex-wrap: NOWRAP;
	}
}

@media only screen and (max-width:575px) {
	section.story_sec_2.our_projects .img_box {
		display: none;
	}

	.Site_data .first_data {
		flex-direction: column;
		gap: 10px;
	}

	.Site_data {
		flex-wrap: WRAP;
	}

	.respo_logo_box {
		width: 75%;
		top: 15px;
		left: 12px;
		transform: none;
	}

	#toggle_btn {
		width: 36px;
		height: 36px;
		font-size: 21px;
		position: fixed;
		top: 12px;
		right: 12px;
	}

	.banner_text_box .heading {
		font-size: 32px;
		line-height: 1.1;
		padding: 7px 10px 7px 10px;
	}

	.gen_list li {
		margin-bottom: 14px;
	}

	.gen_heading {
		font-size: 30px;
		text-align: center;
	}

	.story_sec_1 {
		height: 350px !important;
	}

	.story_sec_2 {
		padding: 50px 0px 0px 0px;
	}

	.project_sec_2 {
		padding: 50px 0px 0px 0px;
	}

	.banner_heading {
		font-size: 36px;
		text-align: center;
	}

	.slider_wrapper {
		max-width: 420px;
	}

	.animation_logo_box {
		bottom: 180px;
	}

	.squre {
		width: 240px;
		height: 240px;
	}

	.squre.animate_2 {
		width: 180px;
		height: 180px;
	}

	.squre.animate_3 {
		width: 120px;
		height: 120px;
	}
}

@media only screen and (max-width:480px) {
	.Site_data .first_data {
		flex-direction: column;
		gap: 10px;
	}

	.second-data {
		width: 100%
	}

	.address span {
		font-size: 14px
	}

	.Site_data {
		border-radius: 0;
		padding: 10px;
		justify-content: center;
		gap: 10px;
		box-shadow: inset 0 0 3px #fff
	}

	.second-data {
		height: 50px;
		text-align: center;
		justify-content: center;
		padding: 10px
	}

	.slider_wrapper {
		max-width: 275px;
	}

	.slider_wrapper .swiper-button-next, .slider_wrapper .swiper-rtl .swiper-button-prev {
		right: var(--swiper-navigation-sides-offset, -22px);
	}

	.slider_wrapper .swiper-button-prev, .slider_wrapper .swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, -22px);
	}

	.slider_wrapper .swiper-button-next:after, .slider_wrapper .swiper-button-prev:after {
		font-size: 16px;
	}

	section.story_sec_2.our_projects .img_box {
		display: none;
	}
}