
body{
    /*    font-family: 'Harmattan', sans-serif;*/
    font-family: 'Tajawal', sans-serif;
}
.error-col h1,
.select-items div, 
.select-selected,
h1, h2, h3, h4, h5, h6{
    /*    font-family: 'Harmattan', sans-serif;*/
    font-family: 'Tajawal', sans-serif;
}

.pull-left{
    float: right !important;
}
.pull-right{
    float: left !important;
}
.nav-item{
    float: right;
}
.navbar-nav {
    display: initial;
}
.main-herader .navbar-expand-md .navbar-nav .nav-link {
    font-size: 19px;
}
.header-topbar-col p a {
    font-size: 17px;
}
.checkmark {
    right: 0px;
    left: auto;
}
.customcheck {
    padding-right: 35px;
    padding-left: 0px;
}
.about-item {
    padding-left: 0px;
    padding-right: 45px;
}
.about-item i {
    right: 0px;
    left: auto;
}
#ajax-search .form-group {
    float: right;
}
#ajax-search .form-row{
    display: block;
}

.footer-col h3 {
    text-align: right;
    direction: rtl;
    font-size: 23px;
}
.footer-col {
    text-align: right;
}
.post-box {
    padding-left: 0px;
    padding-right: 85px;
}
.footer-col .post-box img {
    right: 0px;
    left: auto;
}
.address-col ul li i {
    float: right;
    margin-top: 5px;
}
.post-date{
    right: 0px;
    left: auto;
    padding: 10px 15px;
}
.post-date:after {
    right: auto;
    left: -40px;
    border-left: 0px;
    border-right: 40px solid #FFB606;
}
.info-bar ul li {
    float: right;
    margin-right: 0px;
    margin-left: 15px;
}
.main-slider-area .owl-theme .owl-nav [class*='owl-'] {
    padding: 5px 0px 3px 0px;
}
.course-cost {
    left: auto;
    right: -12px;
}
.course-cost:before {
    left: auto;
    right: 0px;
    border-left: 0px;
    border-right: 12px solid transparent;
}
.course-col{
    text-align: right;
}
.counter-col p {
    text-align: center;
}
.info-bar ul li a {
    direction: rtl;
    text-align: right;
    display: -webkit-inline-box;
}
.info-bar ul li {
    text-align: right;
    direction: rtl;
}
.page-title-box h2:before {
    right: 0px;
    left: auto;
}
.sidebar-post ul li{
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 90px;
    text-align: right;
    direction: rtl;
}
.sidebar-post ul li img {
    right: 0px;
    left: auto;
}
.sidebar-tags ul li {
    float: right;
}
.panel-heading .accordion-toggle:after {
    float: left;
}
p{
    font-size: 17px;
}
.section-title .title-style h2 {
    font-size: 40px;
}
.categories ul li a {
    font-size: 17px;
}
.theDataTable {
    direction: rtl;
}
div.dataTables_paginate {
    text-align: left;
}
div.dataTables_filter {
    text-align: left;
    float: left;
}
.dataTables_length {
    float: right;
}
tbody,
table.dataTable.table-condensed thead > tr > th {
    text-align: right !important;
}
.about-box h2 {
    left: 0px;
    right: auto;
}

.search-area .course-item h4{
    text-align: center;
}
.aboutus-title::after {
    right: 0px;
    left: auto;
}
.feature .feature-box .feature-content {
    padding-left: 0px;
    padding-right: 28px;
}
.feature .feature-box .iconset {
    float: right;
}


.search-area,
.blog-section,
.portfolio-nav,
.course-area{
    direction: rtl;
}

p,
.aboutus-section,
.blog-single-col,
.blog-single-col ul,
.about-box h4,
.faq-col .panel-body,
.faq-col .panel-title,
.faq-col h1,
.blog-single-col h2,
.categories ul li,
.sidebar-title h3,
.page-title-box h2,
.separator-col .custom-select,
.separator-col h4,
.blog-col h4,
.course-item h4,
.about-item h4,
.about-col h2,
.form-control,
.modal-body label,
.features-col h4{
    text-align: right;
    direction: rtl;
}

.slide-caption__desc,
.copyright-col p {
    text-align: center;
    direction: ltr;
}
.header-topbar-col ul li p {
    text-align: left;
    direction: ltr;
}
.contact-infobox p{
    text-align: center;
}




@media (max-width: 767px) {
    .nav-item{
        width: 100%;
    }
    .main-herader .navbar-expand-md .navbar-nav .nav-link{
        padding-right: 15px;
        text-align: right;
    }
}

@media (max-width: 480px) {
    .nav-item{
        width: 100%;
    }
    .main-herader .navbar-expand-md .navbar-nav .nav-link{
        padding-right: 15px;
        text-align: right;
    }
}