@media screen and (max-width: 768px) {
	html {
		overflow-x: hidden;
	}
	body {
		font-size: 13px;
		font-family: 'IRANSans';
		line-height: 35px;
		overflow-x: hidden;
	}
	.font-38 {
		font-size: 17px;
	}
	.font-36 {
		font-size: 16px;
	}
	.font-28 {
		font-size: 15px;
	}
	.font-20 {
		font-size: 14px;
	}
	.font-19 {
		font-size: 13px;
	}
	.font-14 {
		font-size: 12px;
	}
	.navbar-line {
		background: #08213f;
	}

	.navbar-toggler {
		position: relative;
		z-index: 2;
	}
	.section1, .section2, .section3, .section4 {
		min-height: auto;
		height: auto !important;
	}
	.section1 {
		margin-bottom: 400px;
		overflow: inherit;
	}
	.slide_imgbx img {
		width: 100%;
	}
	
	.header-desc {
		position: relative;
		top: 0;
		text-align: center;
	}
	.services_listbx {
		margin: 15px 0 25px 0;
	}
	.start_now {
		border-radius: 30px 30px 30px 30px;
		align-items: center;
		align-self: center;
	}
	.sazman_logo {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.sazman_logo img {
		width: 28%;
		margin: 25px 10px;
	}
	.animate_line3 {
		display: none;
	}
	.graf-col-1 {
		display: flex;
		width: 100%;
		justify-content: space-around;
	}

	.attachment-img {
		width: 100%;
		position: relative;
		top: 66px;
		left: -4px;
	}
	element {
		display: flex;
		justify-content: center;
	}
	.graf-col-g {
		position: relative;
		left: 0;
		top: 0;
		line-height: 41px;
		margin: 0 auto;
	}
	.graf-circle-bx {
		width: 100%;
	}
	.graf-circle-bx > div {
		width: 100%;
		justify-content: center;
		display: flex;
	}
	.animate_line1 {
		transform: rotate(90deg);
		width: 78px;
		height: 435px;
		position: absolute;
		top: -35px;
		left: 0;
		right: 0;
		margin: 0 auto;
}
	.animate_line2 {
		transform: rotate(90deg);
		width: 78px;
		height: 435px;
		position: relative;
		top: 74px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.services_btn {
		width: 100%;
		margin: 0 auto;
	}
	.graf-col-1 > div {
		width: 70px;
		height: 80px;
	}
	.services_btn, .ext_btn li {
		line-height: 38px;
		list-style: none;
	}
	.img_thumb {
		width: 90%;
	}
	.graf-col-e, .graf-col-g {
		width: 100%;
		position: relative;
		top: -45px;
	}
	.ext_btn {
		width: 100%;
		margin: 0 auto;
	}
	.elementor-image {
		position: relative;
		top: 110px;
	}
	pre[class*="language-"] {
		min-height: auto !important;
		max-height: auto;
	}
	.elementor-image::before, .elementor-image::after {
		content: " ";
		position: absolute;
		width: 51%;
		height: 113%;
		top: 28.5%;
		left: -4.5%;
		right: 24.5%;
		bottom: 11.5%;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.support-box {
		height: auto;
		padding: 30px 0;
	}
	.support-inner {
		height: 100%;
		opacity: 1;
		display: block;
	}
	.support_img {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer-style {
		min-height: auto;
	}
	.footer-style > div {
		padding: 0.5rem 1rem;
	}
	.product_bx, .foot-c-col {
		margin-top: 15px;
	}
	.low-txt, .logo-bfly-bx, .logo-bfly {
		position: static;
	}
	.social-bx {
		position: static;
		text-align: center;
	}
	.navbar-toggler-icon {
		background: url(../images/svg/icons8-menu.svg) no-repeat center center;
	}
	.bx_cd1, .bx_cd2, .bx_cd3 {
		position: static;
	}
}

@media screen and (max-width: 768px) and (min-width: 567px) {
	#collapsibleNavbar ul {
		width: 50%;
	}
	.nav-link span img {
		display: none;
	}
	.navbar-brand img {
		width: 40px;
	}
}