/* ====================
 index page
 ====================== */
.row {
	flex-direction: row-reverse;
}
#nav-menu-container > ul {
	display: flex;
	flex-direction: row-reverse;
}
#nav-menu-container ul ul ul {
	right: 319px !important;
	left: auto;
}

#mobile-nav ul {
	text-align: right;
}

#mobile-nav ul .menu-has-children i {
	right: unset;
	left: 0;
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    right: 0 !important;
    z-index: 99;
    left: auto;
}
.nav-menu ul li {
	text-align: right;
}
@media (max-width: 768px) {
	#header #logo {
		float: left;
	}
}
@media (min-width: 992px) and (max-width: 1199px)
{
	#header .social-nav {
		display: none !important;
	}
}
.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 62px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    top: 25px;
}

.sf-arrows ul .sf-with-ul:after {
	content: "\f104" !important;
	position: absolute;
	right:300px !important;
	top: 10px;
}

#about .about-col p {
	text-align: right;
}

#footer .info i {
	margin-left: 15px;
	float: right;
}

#footer .container > .row {
  text-align: right;
}
@media (max-width: 767px)
{
	#footer .container > .row {
	  text-align: center;
	}

	#footer .info i {
		float: none;
	}
}
/* ====================
 modal page
 ====================== */
 #login .modal-header ,.modal-select .modal-header{
 	display: flex;
 	flex-direction: row-reverse;
 }
 #login .modal-header .close,.modal-select .modal-header .close{
 	padding: 0;
 	margin: 0;
 }
#login  .modal-body form {
 	text-align: right;
 }
 #login .modal-body input[type="text"], .modal-body input[type="password"] {
 	text-align: right;
 }
 #login .modal-body input[type="submit"], .modal-body .signup {
 	float: right;
 }
 #login .modal-footer {
 	justify-content: flex-start;
 }

 .select2-container--default .select2-selection--single,.select2-dropdown {
	 text-align: right;
 }
.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: unset;
	left: 1px;
}
/* ====================
 gallery page
 ====================== */
 #gallery ul {
 	display: flex;
 	flex-direction: row-reverse;
 }

 /* ====================
 hosting page
 ====================== */
 #hosting .card .options ul {
 	margin: 0 13%;
 }
 #hosting .card .options ul li {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row-reverse;
    text-align: center;
}
#hosting .card .options ul li i {
    margin-left: 5px;
}

@media (min-width: 768px) and (max-width: 991px)
{
	#hosting .card .options ul li {
		font-size: 12px;
	}
}
 /* ====================
 signup page
 ====================== */
input{
	direction: rtl;
}

.field-label-responsive {
	text-align: right;
}
#signup button {
	float: right;
	padding: 2px 13px;
}
#signup button i {
	margin: 10px;
}
 /* ====================
 services page
 ====================== */

 .timeline > li .timeline-panel {
 	text-align: right !important;
 }

 .timeline .timeline-body a {
 	float: right;
 }

 /* ====================
 post page
 ====================== */

 textarea {
	 direction: rtl;
 }

 .comments input[type="submit"] {
	 margin-left: auto;
 }

 ul.orders li span.order-date {
   float: none;
 }

  ul.orders li span.order-name {
		float: right;
	}

	.comment-box .comment-content {
		text-align: right;
	}

.comment-box .comment-name , .comment-box .comment-head span {
	float: right;
}

.comment-box .comment-head i {
	float: left;
}

.comment-box .comment-name {
	margin-right: 0;
	margin-left: 10px;
}

@media (min-width: 768px)
{
  .orders-container {
    border-left: 1px solid #282D4F;
    border-right: none;
  }
}

.order-body .order-notes {
	text-align: right;
}

.order-body .order-name {
	float: right;
}

.order-body span.order-date {
	float: left;
}

/* ====================
profile info page
====================== */
section.profile-info {
	text-align: right;
}

.profile-button i {
	margin-right: 5px;
}

.profile-info label {
	float: right;
	margin-left: 20px;
}

.fileContainer [type=file] {
	direction: ltr;
}

.fileContainer.profile-button {
	margin-right: 0;
}

.community .person .btn {
	padding : 6px 30px 10px;
}

#about-person .row {
	text-align: right;
}

#about-person .title {
	margin-bottom: 20px;
}

.about-us {
	text-align: right;
}