body {
  text-align: right;
}

.main-title h2:before {
    right: auto;
    left: -31px;
}

.main-title h2:after {
    right: auto;
    left: -42px;
}

.main-title .holder {
    left: auto;
    right: -40px;
    border: 1px dotted #46454a;
    border-left: none;
}

.main-title span {
    right: auto;
    left: -76px;
}

/* --------------------------------------
   Color Switcher
-----------------------------------------*/

.switch-button {
    right: auto;
    left: 0;
}

.switch-button.hide {
    right: auto;
    left: -100%;
}

.switched-styles {
    right: auto;
    left: -100%;
}

.switched-styles.show {
    right: auto;
    left: 0;
}

.switched-styles .hide-button {
    right: auto;
    left: 10px;
}

/* --------------------------------------
  Navbar
-----------------------------------------*/

.navbar .menu-toggle {
    float: left;
}

.navbar .navbar-brand .brand-after {
    right: auto;
    left: -8px;
    float: right;
}

.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    margin: 0 5px 0 25px;
}

/* --------------------------------------
   About Me
-----------------------------------------*/

.about-me .about-image {
    margin-left: 46px;
    margin-right: 30px;
}

.about-me .about-image:before {
    right: auto;
    left: -30px;
}

.about-me .about-image:after {
    left: auto;
    right: -30px;
	border-radius: 0 8px;
}

.about-me .about-info h3:before {
    left: auto;
    right: 0;
}

.about-me .about-info .personal-info .info-bg {
    right: auto;
    left: 23px;
}

.about-me .about-info .personal-info p {
    padding-left: auto;
    padding-right: 12px;
}

.about-me .about-info .personal-info p:before {
    left: auto;
    right: -3px;
}

.about-me .about-info .personal-info p span {
    margin-left: auto;
    margin-right: 5px;
}

/* --------------------------------------
   Skills
-----------------------------------------*/

.progress-bar {
    float: right;
}

/* --------------------------------------
   Services
-----------------------------------------*/

.services .service h4:before {
    left: auto;
    right: -71px;
}

.services .service h4:after {
    left: auto;
    right: -17px;
}

/* --------------------------------------
   Resume
-----------------------------------------*/

.resume .timeline ul li:nth-child(odd) .timeline-content {
    float: right;
}

.resume .timeline ul li:nth-child(even) .timeline-content {
    float: left;
}

.resume .timeline ul li:nth-child(odd) .timeline-content:before {
    right: auto;
    left: -22px;
}

.resume .timeline ul li:nth-child(even) .timeline-content:before {
    left: auto;
    right: -22px;
    border-width: 10px 12px;
    border-style: solid;
}

/* --------------------------------------
   Portfolio
-----------------------------------------*/

#filtr-container {
    direction: ltr !important;
}

.portfolio .list-filter li:before {
    left: auto;
    right: 0;
}

.portfolio .portfolio-content .item .overlay .icon-img {
    left: auto;
    right: 35px;
}

.portfolio .portfolio-content .item .overlay .item-title h4 {
    right: auto;
    left: 25px;
}

/* --------------------------------------
   Testimonials
-----------------------------------------*/

.owl-carousel,
.bx-wrapper {
	direction: ltr;
}

.owl-carousel .owl-item {
	direction: rtl;
}

.testimonials .testimonial-box .description {
    text-align: right;
}

.testimonials .testimonial-box .description:before {
    left: auto;
    right: -27px;
}

.testimonials .testimonial-box .description:after {
	right: auto;
	left: -27px;
}

/* --------------------------------------
   Blog
-----------------------------------------*/

.blog .post-img .post-category a {
    right: auto;
    left: 0;
}

.blog .post .post-content .post-info li {
    margin-right: auto;
    margin-left: 10px;
}

.blog .post .post-content .post-more i {
    margin-left: auto;
    margin-right: 4px;
}

/* --------------------------------------
   Contact
-----------------------------------------*/

.contact .contact-box .title-box .icon-box {
    float: right;
    margin-right: auto;
    margin-left: 10px;
}

.contact .contact-box .number-box {
    right: auto;
    left: -24px;
}

.contact .contact-box .number-box span {
    right: auto;
    left: 28px;
}

/* --------------------------------------
   Footer
-----------------------------------------*/

.footer .logo span {
    right: auto;
    left: -8px;
    float: right;
}

.footer .footer-social-icons li {
    margin-right: auto;
    margin-left: 10px;
}

/* --------------------------------------
   Scroll To Top
-----------------------------------------*/

.scroll-top {
    right: auto;
    left: -70px;
}

.scroll-top.active {
    right: auto;
    left: 30px;
}

/* --------------------------------------
   17. Media Queries
-----------------------------------------*/

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    
    /*=========== Home ============*/
    .home .intro {
        margin-left: auto;
        margin-right: 7vw;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    
    .navbar .navbar-nav > li > a,
    .navbar .navbar-nav > li > a:hover,
    .navbar .navbar-nav > li > a:focus {
        margin: 0 5px 0 12px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: right;
    }
	
	.navbar-right {
        float: left!important;
        margin-right: auto;
        margin-left: -15px;
    }
	
	.navbar-nav > li {
        float: right;
    }
}


/* Small Devices */
@media (max-width: 767.98px) {
    
    /*=========== Navbar ============*/
    
    .navbar .navbar-links .navbar-nav {
        left: auto;
        right: -300px;
    }
    
    .navbar .navbar-links .navbar-nav > li.nav-brand a .brand-after {
        right: auto;
        left: -8px;
        float: right;
    }
    
    .navbar.menu-active .navbar-links .navbar-nav {
        left: auto;
        right: 0;
    }
	
	.navbar .navbar-nav > li > a,
	.navbar .navbar-nav > li > a:hover,
	.navbar .navbar-nav > li > a:focus {
        margin: 0;
    }
    
    /*=========== Home ============*/
    
    .home .intro h3 {
        padding-right: 15px;
        padding-left: 0;
    }
    
    .home .intro h3 span {
        padding-right: 0;
        padding-left: 15px;
    }
	
    /*=========== Resume ============*/
    
    .resume .timeline ul li:nth-child(even) .timeline-content:before {
        left: auto;
        right: 50%;
        margin-left: 0;
        margin-right: -12px;
    }
    
    .resume .timeline ul li:nth-child(odd) .timeline-content:before {
        right: auto;
        left: 50%;
        margin-right: auto;
        margin-left: -12px;
    } 
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
   
    .main-title h2 {
        padding-left: 0;
        padding-right: 22px;
    }
    
    .main-title h2:before {
        right: auto;
        left: -52px;
    }
    
    .main-title h2:after {
        right: auto;
        left: -62px;
    }
    
    .main-title span {
        right: auto;
        left: -95px;
    }
    
    /*=========== Home ============*/

    .home .intro h3 {
        padding-left: auto;
        padding-right: 10px;
    }
}