@media only screen and (max-width: 1800px) {
	.aboutUs:after,
	.aboutUs:before {
		width: 400px;
		height: 400px;
	}
}

@media only screen and (max-width: 1798px) {
	  .aboutUs::after, 
	  .aboutUs::before {
	  		width: 350px;
	  		height: 350px;
	  		bottom: 100px;
	  }	
}

@media only screen and (max-width: 1698px) {
	#primary-menu {
		gap: 20px;
	}

	.aboutUs:after, 
	.aboutUs:before {
	    width: 260px;
	    height: 260px;
	    bottom: 180px;
	}

	header .linkBox a span {
		display: none;
	}

}

@media only screen and (max-width: 1500px) {
	header.site-header {
	  padding: 15px 20px;
	}

	.body_content {
		padding: 0 20px;
	}


}

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

	header .linkBox a svg {
		margin: 0;
	}

	header .linkBox {
		gap: 12px;
	}

	.headerRight button {
		margin-right: 10px;
	}


}

@media only screen and (max-width: 1366px) {
	.body_content .banner img {
		height: 400px;
		object-fit: cover;
	}

	.main-banner-post {
		left: 40px;
		bottom: 40px;
	}

	.arrowBox {
		bottom: 30px;
		right: 40px;
	}

	.main-banner-post h2 {
	  font-size: 32px;
	  line-height: 42px;
	}

	body .swiper-button-next::after, 
	body .swiper-rtl .swiper-button-prev::after,	
	body .swiper-button-prev::after, 
	body .swiper-rtl .swiper-button-next::after {
		font-size: 30px;
	}

	body .swiper-button-next, body .swiper-button-prev {
		font-size: 30px;
	}

	.arrowBox {
		gap: 10px;
	}

	body .aboutUs::after, 
	body .aboutUs::before {
	    width: 240px;
	    height: 240px;
	    bottom: 180px;
	}

}

@media only screen and (max-width: 1364px) {
	body .aboutUs::after, 
	body .aboutUs::before {
		display: none;
	}
}

@media only screen and (max-width: 992px) {
	.headerMiddle {
		display: none;
	}

	.mobileMenu {
		display: block;
		margin-right: 15px;
	}

	#primary-menu {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0;
	}

	#primary-menu li {
		width: 100%;
	}

	#primary-menu li a {
		display: block;
		border-bottom: 1px solid #dfdfdf;
		padding: 15px 20px;
	}

	body .offcanvas-body {
		padding: 0;
	}

	.aboutUs:after,	
	.aboutUs:before {
		display: none;
	}

	.aboutUs p {
		max-width: 100%;
	}

	.container, .container-md, .container-sm {
		max-width: 100%;
	}

	.aboutUs {
		padding: 40px 0;
	}

	.class {
		padding-top: 60px;
	}

	.wpcf7-form ul li {
		width: 48.7%;
	}

}

@media only screen and (max-width: 767px) {
	.newsletter h4 {
		display: none;
	}

	.recent_post {
	  margin-top: 20px;
	}

	footer {
		padding: 40px 12px 0 12px;
	}

	footer .col-md-3 {
		margin-bottom: 15px;
	}

	footer h4 {
		margin-bottom: 10px;
	}

	.wpcf7-form ul li {
		width: 100%;
	}

	.mobile {
		display: block;
		color: #403942;
	}

	.desktop {
		display: none;
	}
}

@media only screen and (max-width: 640px) {
	header .hdr_link {
		display: none;
	}

	.arrowBox {
		left: 0;
		right: 0;
		justify-content: space-between;
		top: 35%;
	}

	.main-banner-post {
		position: static;
		background-color: #403942;
		padding: 30px 15px;
	}

	.main-banner-post .container-fluid {
		padding: 0;
	}

	.author ul {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.body_content .bannerBoxes h2 {
		font-size: 22px;
		line-height: normal;
		margin-bottom: 10px;
	}

	.body_content .banner img {
		height: 300px;
	}

	.main-banner-post {
		font-size: 14px;
	}

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

	.aboutUs h1 {
	  margin-bottom: 10px;
	  font-size: 28px;
	  line-height: normal;
	}

	.body_content {
		padding: 0 12px;
	}

	.aboutUs p {
		font-size: 16px;
		line-height: 26px;
	}

	.abooutLink {
		margin-top: 20px;
	}

	.class {
		padding-top: 40px;
	}

	.trending_post h2.mobile {
		color: #403942;
		margin-bottom: 15px;
	}

	.trendingBox {
		margin-bottom: 40px;
	}

	.popularPost {
		gap: 0;
	}	

	.newsletter {
		text-align: center;
	}

	.newsletter h5 {
		width: 100%;
	}

	.newsletter h5:after {
		right: 0;
		left: 0;
		margin: 0 auto;
		top: -45px;
	}

	body #ivrac {
		width: 100%;
	}

	.newsletter {
		padding-bottom: 60px;
	}

	.trendingBox img {
		height: 400px;
	}

	.popular-topic-post,
	.trending-post {
		padding-right: 20px;
	}

	.copyRight {
		margin-top: 0;
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.wpcf7-form ul input.wpcf7-submit {
		font-size: 16px;
		padding: 15px 30px;
  		width: auto;
	}

}

@media only screen and (max-width: 575px) {
	header .hdr_link {
		display: none;
	}

	.newsletter {
		padding-bottom: 40px;
	}

}