body[dir="rtl"] {
    text-align: right;
}

body[dir="ltr"] {
    text-align: left;
}



html[lang="ar"] .contact-profile dd, html[lang="ar"] .innerlodge-form dd {
    margin-right: 0px;
}
html[lang="ar"] .contact-profile select, html[lang="ar"] .innerlodge-form select {
    background-position-x: 4%;
}
html[lang="ar"] .contact-profile h3, html[lang="ar"] .contact-profile .companies p {
    padding-left: 0px;
    padding-right: 12px;
}
html[lang="ar"] .top-breadcrum img {
    transform: rotate(180deg);
}
html[lang="ar"] .name-id h3 span {
    padding-left: 0px;
    padding-right: 8px;
}
html[lang="ar"] .innerlodge-form {
    padding: 60px 0px;
    max-width: 788px;
    right: 50%;
    position: relative;
    transform: translateX(50%);
    left: auto;
}

html[lang="ar"] .inner-menu li a:before {
    content: '';
    position: absolute;
    width: 46px;
    height: 22px;
    background-image: url(/images/menu-arrow.png);
    left: 0;
    top: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.1s ease-in-out;
    right: 50px;
    transform: rotate(180deg);
}
html[lang="ar"] .inner-menu li a:hover {
    text-decoration: none;
    background: #fff;
    color: #121212;
    border-radius: 60px 0px 0px 60px;
    padding-left: 0px;
	padding-right: 116px;
}
html[lang="ar"] input#search-contact {
    padding: 15px 40px 15px 16px;
}
html[lang="ar"] .right-side:before {
    left: 0;
    right: 16px;
}
html[lang="ar"] .contact-name-img p {
    font-weight: bolder;
}
html[lang="ar"] .accreditation-contact a img {
    transition: filter 0.3s ease;
    margin-right: 0px;
	margin-left: 4px;
}
html[lang="ar"] .accreditation-options .col-md-3 {
    width: 25%;
    float: right;
    padding: 0 0px 0 16px;
}
html[lang="ar"] td.action span.delete-record {
    padding-left: 0px;
    padding-right: 12px;
}
html[lang="ar"] .progress-data .table span.time {
    padding-left: 0px;
	padding-right: 14px;
}
html[lang="ar"] .progress-data .table>thead>tr>th:first-child, html[lang="ar"] .progress-data .table>tbody>tr>td:first-child {
    border-radius: 0px 60px 60px 0px;
}
html[lang="ar"] .progress-data .table>thead>tr>th:last-child, html[lang="ar"] .progress-data .table>tbody>tr>td:last-child {
    border-radius: 60px 0px 0px 60px;
}
html[lang="ar"] #pagination li:first-child img {
    transform: rotate(180deg);
}
html[lang="ar"] #pagination li:last-child img {
    transform: rotate(180deg);
}
html[lang="ar"] .head-right-side select {
    background-position-x: 12%;
}
html[lang="ar"] .company-detail p {
    padding-left: 0px;
	padding-right: 12px;
}
html[lang="ar"] .social ul li a {
    color: #fff;
    display: flex;
}
html[lang="ar"] .info-column-data .col-md-4, html[lang="ar"] .info-column-data .col-md-6{
float: right;
}
html[lang="ar"] .head-right-side select {
    padding: 8px 16px;
}	


@media only screen and (max-width: 1200px) {
    html[lang="ar"] .remove-btn {
        left: -30px;
        right: auto;
    }
}



@media only screen and (max-width: 991px) {
   
    html[lang="ar"] .innerlodge-form {
        padding: 40px 20px;
        max-width: 100%;
	}
	html[lang="ar"] .info-column-data .col-md-4, html[lang="ar"] .info-column-data .col-md-6 {
    float: none;
}
	html[lang="ar"] .contact-profile select, html[lang="ar"] .innerlodge-form select {
    background-position-x: 6%;
}

}

@media only screen and (max-width: 921px) {
    html[lang="ar"]  .remove-btn {
        top: 0px;
        left: 0px;
        right: auto;
    }

    html[lang="ar"] .timeline-content ul li::before {
        right: 0px;
        left: auto;
    }
    html[lang="ar"] .timeline-content h4::before {
        right: 0px;
        left: auto;
    }

    html[lang="ar"] .timeline-content.activated h4::before {
        right: 0px;
        left: auto;
    }
    html[lang="ar"] .timeline-content.activated::before {
        right: 0px;
        left: auto;
    }
    html[lang="ar"] .timeline-container::before {
        right: 0px;
        left: auto;
    }
    html[lang="ar"] .timeline-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    html[lang="ar"] .timeline-content.activated ul li::before {
        right: 0px;
        left: auto;
    }
	html[lang="ar"] .contact-profile h3, html[lang="ar"] .contact-profile .companies p {
    padding-left: 0px;
    padding-right: 15px;
}
}


@media only screen and (max-width: 768px) {
    html[lang="ar"] .inner-menu li a:before {
        left: 0px;
		right:35px;
    }
	html[lang="ar"] .inner-menu li a:hover {
        padding-left: 100px;
    }
}


@media only screen and (max-width: 600px) {
    html[lang="ar"] .inner-menu li a:before {
        left: 0px;
		right:35px;
    }
	html[lang="ar"] .inner-menu li a:hover {
        padding-right: 86px;
    }
}


@media only screen and (max-width: 600px) {
    html[lang="ar"] .inner-menu li a:before {
        right: 20px;
        width: 35px;
        height: 17px;
    }
	html[lang="ar"] .process-btn a.back-btn {
    margin-bottom: 20px;
}
	
}

@media only screen and (max-width: 374px) {
    html[lang="ar"] .inner-menu li a:hover {
        padding-left: 65px;
    }
}