@media screen and (max-width: 1200px) {
	.about-box {
		gap: 35px;
	}
	.about-box .about-slider {
		max-width: 455px;
	}
	.benefit-box .box,
	.global-mission .about-boxs,
	.our-box {
		gap: 40px;
	}
	.our-box .box {
		width: calc(50% - 40px);
	}
	ul.breadcrumb li,
	ul.breadcrumb li a {
		font-size: 16px;
	}
	.banner-txt h2 {
		font-size: 34px;
	}
	.benefit-box .box .benefit-img,
	.global-mission .about-boxs .firat-img {
		max-width: 400px;
	}
	.blog-detail .blog-sidebar {
		max-width: 315px;
	}
	.our-box .box .img-box {
		height: 350px;
	}
}
@media screen and (max-width: 1023px) {
	.section-gapping,
	.top-gapping {
		padding-top: 100px;
	}
	.bottom-gapping,
	.section-gapping {
		padding-bottom: 100px;
	}
	.main-menu .menu {
		gap: 35px;
	}
	.main-menu .menu li a {
		font-size: 16px;
	}
	.banner-content h1 {
		font-size: 50px;
		margin-bottom: 18px;
	}
	.banner-content p {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.about-box .about-slider {
		max-width: 335px;
	}
	.main-title {
		font-size: 32px;
		margin-bottom: 24px;
	}
	.post-description ol li,
	.post-description ul li,
	.privacy-section ul li,
	body p {
		font-size: 16px;
		line-height: 180%;
	}
	.about-content .main-title {
		max-width: 190px;
	}
	.benefit-section .main-title,
	.our-services-section .main-title {
		margin-bottom: 40px;
	}
	.global-mission .about-boxs .firat-img {
		max-width: 290px;
	}
	.blog-detail,
	.teams-list .our-team {
		gap: 30px;
	}
	.teams-list .our-team .team-img {
		max-width: 260px;
		height: 260px;
	}
	.error-404 h1 {
		font-size: 50px;
	}
	.blog-box {
		gap: 30px 20px;
	}
	.blog-box .box .blog-img {
		height: 330px;
	}
	.blog-box .box .detail h3 a {
		font-size: 20px;
	}
	.blog-detail .blog-sidebar {
		max-width: 265px;
	}
	.post-description h4,
	.privacy-section h4 {
		font-size: 18px;
	}
	.privacy-section h3 {
		margin-top: 30px;
		font-size: 22px;
		margin-bottom: 22px;
	}
	.comments-section .comment-reply-title {
		font-size: 22px;
	}
	.featured-detail h3 {
		font-size: 17px;
	}
	.featured-img {
		height: 250px;
	}
	.benefit-box .box .benefit-img {
		max-width: 300px;
	}
	.benefit-detail h3 {
		font-size: 24px;
		margin-bottom: 24px;
	}
	.services-section .our-box {
		grid-template-columns: repeat(1, 1fr);
	}
	.our-box .box .img-box {
		height: 500px;
	}
}
@media screen and (max-width: 767px) {
	.main-header .toggle,
	.menu-header {
		display: flex;
	}
	.menu-header {
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 15px;
		margin-bottom: 20px;
	}
	.section-gapping,
	.top-gapping {
		padding-top: 70px;
	}
	.bottom-gapping,
	.section-gapping {
		padding-bottom: 70px;
	}
	.main-menu {
		position: fixed;
		top: 0;
		right: -320px;
		bottom: 0;
		transition: 0.5s;
		background-color: #fff;
		width: 100%;
		max-width: 320px;
		height: 100vh;
		z-index: 99;
	}
	.main-menu.open-menus {
		right: 0;
	}
	.main-menu .menu {
		gap: 0;
		flex-direction: column;
	}
	.main-menu .menu li a {
		color: #050301;
		padding: 15px;
		display: block;
	}
	header.home-header .main-menu .menu li a {
		color: #050301;
	}
	.banner-section {
		height: calc(100vh - 50px);
	}
	.banner-content h1,
	.banner-txt h2,
	.error-404 h1 {
		font-size: 30px;
	}
	.banner-content p {
		font-size: 16px;
		margin-bottom: 24px;
	}
	.btn {
		font-size: 16px;
		min-height: 44px;
	}
	.about-box,
	.blog-detail,
	.footer-menu ul.menu,
	.our-box {
		flex-direction: column;
	}
	.footer .logo {
		margin: 0 0 40px;
	}
	.main-header .logo {
		max-width: 66px;
	}
	.load-more-wrapper .btn,
	.our-box .box {
		width: 100%;
	}
	.about-box .about-slider,
	.benefit-box .box .benefit-img,
	.blog-detail .blog-sidebar,
	.global-mission .about-boxs .firat-img {
		max-width: 100%;
	}
	.benefit-detail h3,
	.error-404 h2,
	.our-box .box h3,
	.our-team .content h3 {
		font-size: 20px;
	}
	.benefit-box .box,
	.global-mission .about-boxs,
	.teams-list .our-team {
		flex-direction: column !important;
	}
	.teams-list .our-team .team-img {
		max-width: 100%;
		height: auto;
	}
	.comment-meta a,
	.comments-section label,
	.contact-detail p a,
	.contact-form .form-group label,
	.our-team .content h5,
	ul.breadcrumb li,
	ul.breadcrumb li a {
		font-size: 16px;
	}
	ul.breadcrumb {
		gap: 12px;
	}
	ul.breadcrumb li:not(:last-child)::after {
		width: 8px;
		height: 8px;
		margin-left: 12px;
	}
	.contact-detail h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.top-main-title {
		margin: 0 auto 40px;
	}
	.top-blog-section h3 {
		font-size: 18px;
	}
	.blog-box {
		grid-template-columns: repeat(1, 1fr);
		gap: 40px;
	}
	.blog-box .box .detail,
	.comments-section {
		margin-top: 30px;
	}
	.top-blog-section select {
		min-width: 150px;
	}
	.top-blog-section {
		margin-bottom: 30px;
	}
	ul.breadcrumb.blog-breadcrumb li:last-child {
		width: 115px;
	}
	.contact-form-box .title-contact h3,
	.post-contain .main-title {
		font-size: 28px;
	}
	.post-contain .full-img {
		margin-top: 30px;
		margin-bottom: 30px;
		height: 300px;
	}
	.blog-title,
	.post-description,
	.post-description h4,
	.post-description p,
	.post-description ul {
		margin-bottom: 15px;
	}
	.comments-section .comment-form-author,
	.comments-section .comment-form-email {
		width: 100%;
		float: none;
	}
	.comments-section .comment-notes {
		margin-bottom: 20px;
	}
	.contact-form-box {
		padding: 24px 16px;
	}
	body input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
	body textarea {
		min-height: 44px;
		font-size: 16px;
	}
	.contact-banner-section .banner {
		height: 300px;
	}
	.banner-content .container {
		max-width: 375px;
		padding: 0 15px;
	}
	.comments-area .comment-list {
		margin-bottom: 30px;
		gap: 30px;
	}
	.our-box .box .img-box {
		margin-bottom: 20px;
		height: 235px;
	}
	.desktop-view {
		display: none;
	}
	.mobile-view {
		display: block;
	}
}