/*----rtl for MIYAMI Html template-----*/

body {
	float: right;
	font-family: IRANSansWeb, BYekan;
}
h1, h2, h3, h4 {
	font-family: IRANSansWeb_Bold;
}
.main-menu {
	float: left;
}
.header_2,
.input_group,
.textarea_group {
	direction: rtl;
}
.align-items-center,
.container {
	direction: rtl;
    text-align: right;
}
.why-icon {
	right: -30px;
	left: auto;
}
.col-lg-12,
.col-lg-8 {
	direction: ltr;
}
.case_button .case-btn:last-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;	
}
.case_button .case-btn:first-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;	
}
.client_star {
	left: 30px;
	right: auto;
}
.b_admin span:last-child {
	float: left;
}
.b_admin span a i {
    margin-right: 10px;
}
.miyami_input {
	padding-right: 25px;
}
.clients_slider .owl-prev {
	right: -52%;
	left: auto;
}
.clients_slider .owl-next {
	right: -43%;
	left: auto;
}
.flaticon-left-arrow::before {
    content: "\f104";
}
.flaticon-right-arrow::before {
    content: "\f103";
}
.service_slider .owl-prev {
	right: -7%;
	left: auto;
}
.service_slider .owl-next {
	left: -7%;
	right: auto;
}
.menu-icon {
	left: 30px;
	right: auto;
}
.sidenav_menu {
	left: -60%;
	right: auto;
}
.sidenav_menu.active {
	left: 0;
	right: auto;
}
@media only screen and (max-width: 767px) {
	.why-icon {
		right: 60px !important;
		left: auto !important;
	}
	.service_slider .owl-prev {
		right: 30% !important;
		left: auto !important;
	}
	.service_slider .owl-next {
		right: 50% !important;
		left: auto !important;
	}
	.case_button .case-btn:first-child {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
	.case_button .case-btn:last-child {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
	.client_star {
		left: 20px !important;
		right: auto !important;
	}
	.clients_slider .owl-prev {
		right: 30% !important;
		left: auto !important;
	}
	.clients_slider .owl-next {
		right: 50% !important;
		left: auto !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.why-box {
		float: right !important;
	}
	.why-icon {
		right: 60px !important;
		left: auto !important;
	}
	.service_slider .owl-prev {
		right: 42% !important;
		left: auto !important;
	}
	.service_slider .owl-next {
		right: 50% !important;
		left: auto !important;
	}
	.client_star {
		left: 20px !important;
		right: auto !important;
	}
	.clients_slider .owl-next {
		right: 50% !important;
		left: auto !important;
	}
	.clients_slider .owl-prev {
		right: 40% !important;
		left: auto !important;
	}
}