.social-icons li a::before {
    right: 0;
    left: unset;
}
.owl-dots .owl-dot {
    margin-right: unset;
    margin-left: 5px;
}
.owl-dots .owl-dot:last-child {
    margin-right: unset;
    margin-left: 0;
}
.tj-nice-select::after {
    left: 10px;
    right: unset;
}
.preloader {
    right: 0;
    left: unset;
}
.tj-header-area.header-absolute {
    right: 0;
    left: unset;
}
.tj-header-area.header-2 {
    right: 0;
    left: unset;
}
.tj-header-area .logo-box {
    margin-left: 35px;
    margin-right: unset;
}
.tj-header-area .header-info-list ul li {
    margin-left: 25px;
    margin-right: unset;
}
.tj-header-area .header-menu {
    margin-right: auto;
    margin-left: unset;
}
.tj-header-area .header-menu ul > li.has-dropdown > a::after {
    left: 0;
    right: unset;
}
.tj-header-area
    .header-menu
    ul
    > li.has-dropdown
    > .sub-menu
    > li.has-dropdown
    > a::after {
    left: 20px;
    right: unset;
}

.tj-header-area .header-menu ul > li > a::before {
    right: 0px;
    left: unset;
}
.tj-header-area .header-menu ul > li > .sub-menu {
    right: 0;
    left: unset;
    text-align: right;
}

.tj-header-area .header-menu ul > li .sub-menu .sub-menu {
    right: 100%;
    left: unset;
}
.tj-header-area .header-button {
    margin-right: 55px;
    margin-left: unset;
}
.tj-header-area .menu-bar {
    margin-right: 25px;
    margin-left: unset;
}

.tj-header-area .menu-bar button span {
    margin-right: auto;
    margin-left: unset;
}
.tj-header-area .menu-bar button span:nth-child(4) {
    right: 50%;
    left: unset;
}
.tj-header-area .mobile-menu {
    right: 0;
    left: unset;
}

.tj-header-area .mobile-menu ul li > .sub-menu > li {
    padding-right: 20px;
    padding-left: unset;
}

.hero-section:before {
    left: 0;
    right: unset;
    margin-left: -5%;
    margin-right: unset;
}

.hero-image-box:before {
    right: 0;
    left: unset;
    margin-right: -5%;
    margin-left: unset;
}

.services-widget .service-item .right-box {
    padding-left: 15%;
    padding-right: unset;
}
.services-widget i {
    left: 55px;
    right: unset;
}
.services-widget .service-item .service-link {
    right: 0;
    left: unset;
}
.service_details_content .service_info ul li {
    padding-right: 22px;
    padding-left: unset;
}
.service_details_content .service_info ul li::before {
    right: 0;
    left: unset;
}
.portfolio-box:before {
    right: 50%;
    left: unset;
}

.portfolio-box .content-box {
    padding-left: 50px;
    padding-right: 20px;
}
.portfolio-box .portfolio-item .content-box .portfolio-link {
    right: 0;
    left: unset;
}
.portfolio-box .portfolio-item .content-box i {
    left: 25px;
    right: unset;
}
.popup_content_area .mfp-close {
    left: -45px;
    right: unset;
}

.resume-section .resume-item {
    margin-left: 100px;
    margin-right: unset;
}
.resume-widget .resume-item:before {
    right: 0;
    left: unset;
}

.testimonial-section:before {
    right: 5%;
    left: unset;
}
.testimonials-widget .testimonial-item .icon-box svg {
    margin-left: 5px;
    margin-right: unset;
}
.blog-item .blog-thumb .category {
    right: 15px;
    left: unset;
}
.blog-item .blog-content::before {
    right: 0;
    left: unset;
}
.blog-meta ul li i {
    margin-left: 5px;
    margin-right: unset;
}
.tj-post__thumb .category {
    left: 15px;
    right: unset;
}
.tj-post__thumb .tj-post__video .popup_video {
    right: 50%;
    left: unset;
}
.tj-post__thumb .tj-post__video .popup_video::after {
    right: 0;
    left: unset;
}
.tj-post__gallery.owl-carousel .owl-nav button {
    right: 15px;
    left: unset;
}
.tj-post__gallery.owl-carousel .owl-nav button::after {
    right: 0;
    left: unset;
}
.tj-post__gallery.owl-carousel .owl-nav button.owl-next {
    right: auto;
    left: 15px;
}
.tj-post__meta span i {
    margin-left: 8px;
    margin-right: unset;
}

.wp-block-quote cite::before,
blockquote cite::before {
    margin-left: 15px;
    margin-right: unset;
}
.tj-single__post ul li {
    padding-right: 25px;
    padding-left: unset;
}
.tj-single__post ul li::before {
    right: 0;
    left: unset;
}

.single-post_tag_share .tj_tag .tag__title {
    margin-left: 10px;
    margin-right: unset;
}
.single-post__navigation
    .tj-navigation_post
    .tj-navigation-post_inner
    .tj-content
    .post_pagination_nav
    i {
    margin-left: 10px;
    margin-right: unset;
}
.tj-comments__wrap .tj-comment__title h3:before,
.comment-respond .tj-comment__title:before {
    right: 0;
    left: unset;
}
.tj-latest__comments .tj__comment .children {
    padding-right: 30px;
    padding-left: unset;
}
.contact-info-list li {
    padding-right: 75px;
    padding-left: unset;
}
.contact-info-list .icon-box {
    right: 0;
    left: unset;
}
.footer-menu ul li a::before {
    right: 0;
    left: unset;
}
.side-navbar {
    right: 1rem;
    left: unset;
}

.side-navbar li.active-bg {
    right: 50%;
    left: unset;
}
.side-navbar li a span {
    right: 100%;
    left: unset;
    margin-right: 1rem;
    margin-left: unset;
}
.sidebar_widget.services_list ul li button {
    text-align: right;
}
.sidebar_widget.services_list ul li button::before {
    left: 20px;
    right: unset;
}
.sidebar_widget.services_list ul li button i {
    margin-left: 10px;
    margin-right: unset;
}
.tj-widget__search.form_group {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
}
.tj-widget__search.form_group
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
    padding: 16px 20px 16px 60px;
}
.tj-widget__search.form_group .search-btn {
    left: 0;
    right: unset;
}
.sidebar_widget.widget_categories ul li ul {
    margin-right: 20px;
    margin-left: unset;
}
.breadcrumb_area::after {
    right: 0;
    left: unset;
}
.breadcrumb_navigation span a::after {
    left: 0;
    right: unset;
}
.breadcrumb_navigation span a:hover::after {
    right: 0;
    left: auto;
}
.social-icons.style-2 li {
    margin-left: 0;
    margin-right: unset;
}
.project-section::before {
    left: 0;
    right: unset;
}

.testimonial-section.style-2::before {
    right: -15%;
    left: unset;
}
.works-content-area .works-content-item .works-content-box {
    padding-right: 40px;
    padding-left: unset;
}
.works-content-area .works-content-item .works-content-box::before {
    right: 0;
    left: unset;
}
.works-item::before {
    right: -46px;
    left: unset;
}
.accordion-item .faq-title:before {
    left: 30px;
    right: unset;
}
.accordion-item .faq-text {
    padding: 5px 30px 30px 10px;
}
.tj-header-area.header-3 .logo-box {
    margin-left: 0;
    margin-right: unset;
}
.tj-header-area.header-3 .header-button {
    margin-right: 0;
    margin-left: unset;
}
.tj-header-area.header-3 .header-menu {
    margin-right: 0;
    margin-left: unset;
}
.hero-section.style-3::before {
    margin-left: -2%;
    margin-right: unset;
}
.hero-section.style-3 .hero-content-box {
    padding-right: 40px;
    padding-left: unset;
}
.roll-item .roll-icon {
    margin-right: 24px;
    margin-left: unset;
}

.project-section.style-2::before {
    right: -10%;
    left: unset;
    margin-left: -5%;
    margin-right: unset;
}
.project-content-area.style-2 {
    padding: 50px 35px 50px 45px;
}
.skills-section.style-3::before {
    left: 0;
    right: unset;
    margin-left: -5%;
    margin-right: unset;
}
.works-content-area .works-content-item .works-content-box::before {
    right: 0;
    left: unset;
}
.works-inner .works-item::before {
    right: 0;
    left: unset;
}
.works-inner .works-item::after {
    right: 6px;
    left: unset;
}
.text-section .section-header .chat-mail {
    margin-right: auto;
    margin-left: unset;
}
.text-section .section-header .chat-mail .link::before {
    right: 0;
    left: unset;
}
.footer-widget.bordered {
    border-left: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-right: 0px solid rgba(255, 255, 255, 0.1) !important;
}
.tj-header-area.header-4 .header-menu ul > li > a::after {
    left: -20px;
    right: unset;
}
.btn-inline {
    padding-left: 24px;
    padding-right: unset;
}
.btn-inline::after,
.btn-inline::before {
    right: 0;
    left: unset;
}
.btn-inline::after {
    right: auto;
    left: 0;
}
.footer-social-media ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0px solid rgba(255, 255, 255, 0.1);
}
.footer-social-media ul li a .hover-media i {
    right: 1px;
    left: unset;
}
#ball .ball-drag::before {
    right: 0;
    left: unset;
}
#ball .ball-drag::after {
    left: 0;
    right: unset;
}
.tj-hero-4-area::before {
    left: -324px;
    right: unset;
}
.tj-hero-4-subtitle::before {
    right: 15px;
    left: unset;
}
.tj-hero-4-bottom-reviews {
    right: -30px;
    left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-hero-4-bottom-reviews {
        right: 0;
        left: unset;
    }
}
@media (max-width: 575px) {
    .tj-hero-4-bottom-reviews {
        right: 0;
        left: unset;
    }
}
.tj-hero-4-bottom-reviews-wrap-thumb {
    margin-left: 10px;
    margin-right: unset;
}
.tj-hero-4-bottom-reviews-wrap-thumb ul {
    padding-right: 0;
    padding-left: unset;
}
.tj-hero-4-bottom-reviews-wrap-thumb ul li {
    margin-right: -16px;
    margin-left: unset;
}
.tj-hero-4-bottom-reviews-wrap-thumb ul li:first-child {
    margin-right: 0;
    margin-left: unset;
}
.tj-hero-4-bottom-reviews-wrap-rating .star-ratings .fill-ratings {
    right: 0;
    left: unset;
}
.tj-hero-4-bottom-thumb-shape-2 {
    left: -38%;
    right: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-hero-4-bottom-thumb-shape-2 {
        left: -25%;
        right: unset;
    }
}

@media (max-width: 575px) {
    .tj-hero-4-bottom-thumb-shape-2 {
        left: -26%;
        right: unset;
    }
}
.tj-hero-4-bottom-counter {
    left: -65px;
    right: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-hero-4-bottom-counter {
        left: 0;
        right: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-hero-4-bottom-counter {
        left: 0;
        right: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-4-bottom-counter {
        left: auto;
        right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-hero-4-bottom-counter {
        left: auto;
        right: unset;
    }
}
@media (max-width: 575px) {
    .tj-hero-4-bottom-counter {
        left: auto;
        right: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-4-bottom-counter-item {
        margin-left: 7px;
        margin-right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-hero-4-bottom-counter-item {
        margin-left: 16px;
        margin-right: unset;
    }
}
.tj-hero-4-bottom-counter-item .number .odometer.odometer-auto-theme {
    margin-left: 2px;
    margin-right: unset;
}
.tj-service-4-area::before {
    right: 200px;
    left: unset;
}
.tj-service-4-wrapper::before {
    right: 0;
    left: unset;
}
.tj-service-4-wrapper::after {
    left: 0;
    right: unset;
    border-left: 1px solid var(--tj-theme-primary);
    border-right: 0px solid var(--tj-theme-primary);
}
.tj-service-4-wrapper .service-link {
    right: 0;
    left: unset;
}
.tj-project-4-area::before {
    right: -380px;
    left: unset;
}
.tj-project-4-item:nth-child(3) {
    margin-right: 100px;
    margin-left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-project-4-item:nth-child(3) {
        margin-right: 0;
        margin-left: unset;
    }
}
.tj-project-4-item:nth-child(4) {
    margin-right: 100px;
    margin-left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-project-4-item:nth-child(4) {
        margin-right: 0;
        margin-left: unset;
    }
}
.tj-project-4-item:nth-child(8) {
    margin-right: 120px;
    margin-left: unset;
}
.tj-project-4-content .portfolio-link {
    right: 0;
    left: unset;
}
.accordion-item .faq-title {
    text-align: right;
    padding: 20px 30px 20px 55px;
}
.accordion-item .faq-title:before {
    left: 30px;
    right: unset;
}
.accordion-item .faq-text {
    padding: 5px 30px 30px 10px;
}
@media (max-width: 575px) {
    .accordion-item.style-2 .faq-title {
        padding: 16px 15px 16px 50px;
    }
}
.star-ratings .fill-ratings {
    right: 0;
    left: unset;
}
.funfact-item.style-4 {
    padding: 30px 30px 35px 25px;
}
.progress-item .item_value {
    left: 0;
    right: unset;
}
.progress-item .item_bar .progress {
    right: 0;
    left: unset;
}
.resume-section.style-4::before {
    right: 0;
    left: unset;
    margin-right: -15%;
    margin-left: unset;
}
.resume-section.style-4 .resume_wrapper {
    margin-right: auto;
    margin-left: unset;
}
.resume_item {
    margin-right: auto;
    margin-left: unset;
}
.tj-header-area.header-5 .header-menu ul > li > a::before {
    right: 0;
    left: unset;
}
.tj-header-5-right .tj-header-button {
    margin-right: 25px;
    margin-left: unset;
}
.tj-footer-area.footer-5::before {
    right: 0;
    left: unset;
    margin-right: -15%;
    margin-left: unset;
}
.footer-widget.footer_socials_media .socials-links ul li a span::after {
    right: 0;
    left: unset;
}
.tj-hero-5-area::before {
    right: 145px;
    left: unset;
}
.tj-hero-5-area .hero_scroll {
    right: 0;
    left: unset;
}
.tj-hero-5-area .hero_scroll .down span i {
    left: -6px;
    right: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-hero-5-area .hero_scroll {
        right: -15px;
        left: unset;
    }
}
@media (max-width: 575px) {
    .tj-hero-5-area .hero_scroll {
        right: -20px;
        left: unset;
    }
}
.tj-hero-5-thumb {
    left: 0;
    right: unset;
}
.tj-hero-5-thumb::after {
    right: 0;
    left: unset;
}
.tj-hero-5-thumb-shape-1 {
    right: 47%;
    left: unset;
}
.tj-hero-5-thumb-shape-2 {
    left: 22%;
    right: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-hero-5-thumb-shape-2 {
        left: 0;
        right: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-hero-5-thumb-shape-2 {
        left: 0%;
        right: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-5-thumb-shape-2 {
        left: 3%;
        right: unset;
    }
}
.tj-hero-5-thumb-shape-3 {
    left: 24%;
    right: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-hero-5-thumb-shape-3 {
        left: 10%;
        right: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-hero-5-thumb-shape-3 {
        left: 4%;
        right: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-5-thumb-shape-3 {
        left: 8%;
        right: unset;
    }
}
.tj-hero-5-thumb-shape-3::before {
    left: -120px;
    right: unset;
}
.tj-hero-5-thumb-shape-4 {
    right: 50%;
    left: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-hero-5-thumb-shape-4 {
        right: 60%;
        left: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-hero-5-thumb-shape-4 {
        right: 66%;
        left: unset;
    }
}
.tj-counter-5-area::before {
    left: -211px;
    right: unset;
}
.tj-counter-5-shape-1 {
    right: 10%;
    left: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-counter-5-shape-1 {
        right: 2%;
        left: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-counter-5-shape-1 {
        right: 1%;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-counter-5-shape-1 {
        right: 1%;
        left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-counter-5-shape-1 {
        right: 0%;
        left: unset;
    }
}
.tj-counter-5-shape-2 {
    left: 11%;
    right: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-counter-5-shape-2 {
        left: 2%;
        right: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-counter-5-shape-2 {
        left: 1%;
        right: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-counter-5-shape-2 {
        left: 1%;
        right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-counter-5-shape-2 {
        left: 2%;
        right: unset;
    }
}
.tj-service-5-accordion-list {
    padding-right: 0;
    padding-left: unset;
}
.tj-service-5-accordion-list-content {
    margin-right: 50px;
    margin-left: unset;
}
@media (max-width: 575px) {
    .tj-service-5-accordion-list-content {
        margin-right: 32px;
        margin-left: unset;
    }
}
.tj-service-5-accordion-list-title::before {
    left: 0;
    right: unset;
    transform: rotate(265deg);
}
.accordion-list li:hover .tj-service-5-accordion-list-title::before {
    transform: rotate(180deg);
}
.tj-service-5-accordion-list-title span {
    margin-left: 4px;
    margin-right: unset;
}
.tj-service-5-accordion-list li::before {
    left: 0;
    right: unset;
}
.tj-service-5-accordion-list-item span {
    padding-right: 12px;
    padding-left: unset;
}
.tj-service-5-accordion-list-item span::before {
    right: 0;
    left: unset;
}
.contact-section.style-5::before {
    left: 0;
    right: unset;
    margin-left: -4%;
    margin-right: unset;
}
.contact-box.style-5 .contact-info-list li {
    padding-right: 0px;
    padding-left: unset;
}
.testimonial-section.style-5::after,
.testimonial-section.style-5::before {
    right: 50%;
    left: unset;
}
@media (max-width: 575px) {
    .testimonial-item.style-5 .testimonial-rating {
        padding-right: 90px;
        padding-left: unset;
    }
}
.tj-progress-section.style-5 .h5-shapes-1 {
    right: 8%;
    left: unset;
}
.tj-progress-section.style-5 .h5-shapes-2 {
    left: 150px;
    right: unset;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-progress-section.style-5 .h5-shapes-1 {
        right: 5%;
        left: unset;
    }
}
@media (max-width: 575px) {
    .tj-progress-section.style-5 .h5-shapes-1 {
        right: 5%;
        left: unset;
    }
}
.resume-section.style-5::after {
    right: 50%;
    left: unset;
}
.portfolio-section.style-5 .section-header .sec-text {
    margin-right: 0;
    margin-left: unset;
}
.portfolio-section.style-5 .section-header .portfolio-shapes {
    left: 32%;
    right: unset;
}
.portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
    right: 38%;
    left: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-section.style-5 .portfolio_slider {
        margin-right: calc((100% - 1140px) / 2);
        margin-left: unset;
    }
    .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
        right: auto;
        left: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-section.style-5 .portfolio_slider {
        margin-right: calc((100% - 960px) / 2);
        margin-left: unset;
    }
    .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
        right: auto;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio-section.style-5 .portfolio_slider {
        margin-right: auto;
        margin-left: unset;
    }
    .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
        right: auto;
        left: unset;
    }
}
@media (max-width: 575px) {
    .portfolio-section.style-5 .portfolio_slider {
        margin-right: auto;
        margin-left: unset;
    }
    .portfolio-section.style-5 .portfolio_slider .portfolio-pagination {
        right: auto;
        left: unset;
    }
    .portfolio-section.style-5 .section-header .portfolio-shapes {
        left: 10%;
        right: unset;
    }
}
.portfolio-item.style-5 .content-box .portfolio-arrow a::before {
    right: 0;
    left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-maquee-section.style-5
        .tj-maquee-slider-two
        .marquee-item
        .marquee-box
        .marquee-title {
        margin-left: 35px;
        margin-right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-maquee-section.style-5
        .tj-maquee-slider-two
        .marquee-item
        .marquee-box
        .marquee-title {
        margin-right: 0px;
        margin-left: unset;
    }
}
.tj-maquee-section.maquee-style-5 .maquee-bg-shape {
    right: 0;
    left: unset;
}
.tj-maquee-section.style-7 .marquee-title {
    margin-left: 0;
    margin-right: unset;
}
.marquee-item .marquee-box .marquee-title {
    margin-right: 0px;
    margin-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .marquee-item .marquee-box .marquee-title {
        margin-left: 35px;
        margin-right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .marquee-item .marquee-box .marquee-title {
        margin-left: 30px;
        margin-right: unset;
    }
}
.tj-header-area.header-6 {
    right: 0;
    left: unset;
}
.tj-header-area.header-6 .header-menu {
    margin-right: 0;
    margin-left: unset;
}
.tj-header-area.header-6-sticky .header-menu {
    margin-right: 0;
    margin-left: unset;
}
.hero-section.style-6::before {
    margin-left: 15%;
    margin-right: unset;
}
.hero-section.style-6::after {
    left: 0;
    right: unset;
    margin-left: -5%;
    margin-right: unset;
}
.hero-section.style-6 .hero_overly {
    right: 0;
    left: unset;
}
.hero-wrapper-style-6 .hero-infos {
    margin-right: auto;
    margin-left: unset;
}
.hero-wrapper-style-6 .group_overly span {
    left: 45%;
    right: unset;
}
.hero-wrapper-style-6 .group_overly span:nth-child(2) {
    left: 25%;
    right: unset;
}
.hero-wrapper-style-6 .group_overly span:nth-child(3) {
    left: 10%;
    right: unset;
}
.hero-wrapper-style-6 .group_overly span:nth-child(4) {
    left: 20%;
    right: unset;
}
.hero-wrapper-style-6 .group_overly span:nth-child(5) {
    left: 30%;
    right: unset;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-wrapper-style-6 .hero-infos {
        margin-left: auto;
        margin-right: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-content-box {
        padding-right: 25px;
        padding-left: unset;
    }
    .hero-content-box.style-6 .hero-title span {
        margin-left: 0px;
        margin-right: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-box {
        padding-right: 25px;
        padding-left: unset;
    }
    .hero-content-box.style-6 .hero-title span {
        margin-left: 0px;
        margin-right: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-box {
        padding-right: 25px;
        padding-left: unset;
    }
    .hero-content-box.style-6 .hero-title span {
        margin-left: 0px;
        margin-right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-content-box.style-6 .hero-title span {
        margin-left: 0px;
        margin-right: unset;
    }
}
@media (max-width: 575px) {
    .hero-content-box.style-6 .hero-title span {
        margin-left: 0px;
        margin-right: unset;
    }
}
.hero_scroll {
    right: 0;
    left: unset;
}
.hero_scroll .down span i {
    left: -6px;
    right: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .hero_scroll {
        right: -15px;
        left: unset;
    }
}
.tj-maquee-section.style-9::before {
    right: 0;
    left: unset;
}
.tj-maquee-section.style-9::after {
    left: 0;
    right: unset;
}
.tj-maquee-section.style-9 .marquee-item::before {
    right: 0;
    left: unset;
}
.tj-about-section.style-6::before {
    left: 0;
    right: unset;
    margin-left: -5%;
    margin-right: unset;
}
.about-6-images .about-shapes {
    left: -50px;
    right: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-6-images .about-shapes {
        left: -75px;
        right: unset;
    }
}
@media (max-width: 575px) {
    .about-6-images .about-shapes {
        left: -80px;
        right: unset;
    }
}
.about-right-content-6 {
    margin-right: auto;
    margin-left: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-right-content-6 {
        margin-right: 0;
        margin-left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-right-content-6 {
        margin-right: 0;
        margin-left: unset;
    }
}
.about-feature-item-6 .desc ul li {
    padding-right: 15px;
    padding-left: unset;
}
.about-feature-item-6 .desc ul li::before {
    right: 0;
    left: unset;
}
.tj-testimonial-section.style-6::before {
    right: -10%;
    left: unset;
}
.tj-testimonial-section.style-6
    .testimonial-navigation
    .testimonial-next::before,
.tj-testimonial-section.style-6
    .testimonial-navigation
    .testimonial-prev::before {
    right: 0;
    left: unset;
}
.tj-testimonial-section.style-6 .group_overly span {
    left: 45%;
    right: unset;
}
.tj-testimonial-section.style-6 .group_overly span:nth-child(2) {
    left: 40%;
    right: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-item.style-6 .testimonial-rating {
        padding-right: 90px;
        padding-left: unset;
    }
}
@media (max-width: 575px) {
    .testimonial-item.style-6 .testimonial-rating {
        padding-right: 90px;
        padding-left: unset;
    }
}
.portfolio-item.style-6 .portfolio-images::before {
    right: 0;
    left: unset;
}
.portfolio-item.style-6 .portfolio-images .portfolio-link {
    left: 30px;
    right: unset;
}
.portfolio-item.style-6 .portfolio-content {
    left: 0;
    right: unset;
}
.portfolio-item.style-6 .portfolio-content .portfolio-list ul li {
    border-left: 2px solid var(--tj-grey-1);
    border-right: 0px solid var(--tj-grey-1);
    padding-left: 15px;
    padding-right: unset;
}
.portfolio-item.style-6 .portfolio-content .portfolio-list ul li:last-child {
    padding-right: 15px;
    padding-left: 0px;
}
@media (max-width: 575px) {
    .portfolio-item.style-6
        .portfolio-content
        .portfolio-list
        ul
        li:last-child {
        padding-right: 10px;
        padding-left: unset;
    }
    .portfolio-item.style-6 .portfolio-images .portfolio-link {
        left: 15px;
        right: unset;
    }
}
.tj-footer-6-paragraph {
    padding-right: 16px;
    padding-left: unset;
}
.tj-footer-6-paragraph::before {
    right: 0;
    left: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-footer-6-menu {
        margin-right: -40px;
        margin-left: unset;
    }
}
.tj-service-6-paragraph ul {
    padding-right: 0;
    padding-left: unset;
}
.tj-service-6-paragraph ul li {
    padding-right: 14px;
    padding-left: unset;
}
.tj-service-6-paragraph ul li::before {
    right: 0;
    left: unset;
}
.tj-resume-6-area::before {
    left: 0;
    right: unset;
    margin-left: -5%;
    margin-right: unset;
}
.tj-resume-6-area::after {
    right: -12%;
    left: unset;
    margin-left: -35%;
    margin-right: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-resume-6-marquee-title span {
        right: -15px;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-resume-6-marquee-title span {
        right: -15px;
        left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-resume-6-marquee-title span {
        right: -18px;
        left: unset;
    }
}
@media (max-width: 575px) {
    .tj-resume-6-marquee-title span {
        right: -18px;
        left: unset;
    }
}
.tj-resume-6-wrapper .resume-6-inner {
    margin-right: auto;
    margin-left: unset;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-resume-6-wrapper .side-sticky {
        right: 0 !important;
        left: unset;
    }
}
.tj-resume-6-accordion-button::after {
    left: 0;
    right: unset;
}
.tj-resume-6-accordion-body span i {
    margin-left: 10px;
    margin-right: unset;
}
.tj-blog-6-meta-opti span {
    margin-left: 16px;
    margin-right: unset;
}
.tj-blog-6-meta-date span {
    padding-right: 18px;
    padding-left: unset;
}
.tj-blog-6-meta-date span::before {
    right: 0;
    left: unset;
}
.tj-blog-6-btn::before {
    right: 0;
    left: unset;
}
.tj-blog-6-wrapper .tj-blog-6-meta-opti .link_btn {
    margin-left: 16px;
    margin-right: unset;
}
.tj-cta-6-socail ul {
    padding-right: 0;
    padding-left: unset;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-cta-6-socail ul li {
        padding-right: 0;
        padding-left: unset;
    }
}
@media (max-width: 575px) {
    .tj-cta-6-socail ul li {
        margin-left: 20px;
        margin-right: unset;
    }
}
.tj-cta-6-socail ul li::after {
    left: 0;
    right: unset;
}
.tj-cta-6-socail ul li:first-child {
    padding-right: 0;
    padding-left: unset;
}
.tj-cta-6-socail ul li:last-child {
    padding-left: 0;
    padding-right: unset;
}
.tj-cta-6-socail ul li span {
    margin-left: 6px;
    margin-right: unset;
}
.tj-cta-6-socail ul li span::before {
    right: 0;
    left: unset;
}
.tj-footer-7-top-form input {
    padding: 16px 30px 16px 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-footer-7-top-form input {
        padding: 16px 30px 16px 20px;
    }
}
@media (max-width: 575px) {
    .tj-footer-7-top-form input {
        padding: 16px 30px 16px 20px;
    }
}
.tj-hero-7-area::before {
    right: 43%;
    left: unset;
}
.tj-hero-7-bg {
    right: 0;
    left: unset;
}
.feature_7_wrapper .tj-feature-7-thumb {
    margin-right: auto;
    margin-left: unset;
}
.tj-about-7-bottom {
    margin-right: auto;
    margin-left: unset;
}
.tj-counter-7-area::before {
    right: -330px;
    left: unset;
}
.tj-service-7-wrapper::before {
    right: 0;
    left: unset;
}
.tj-service-7-wrapper::after {
    left: 0;
    right: unset;
}
.tj-service-7-button {
    text-align: left;
}
.tj-project-7-area::before {
    right: 50%;
    left: unset;
}
.tj-project-7-icon::before {
    right: 0;
    left: unset;
}
.tj-testimonial-7-wrapper.swiper-slide .icon-box svg:first-child {
    margin-left: 5px;
    margin-right: unset;
}
.tj-testimonial-7-wrapper.swiper-slide.swiper-slide-active
    .icon-box
    svg:first-child {
    margin-left: 5px;
    margin-right: unset;
}
.tj-testimonial-7-content {
    margin-right: 50px;
    margin-left: unset;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-testimonial-7-content {
        margin-right: 0;
        margin-left: unset;
    }
}
.tj-testimonial-7-arrow-box button {
    right: -80px;
    left: unset;
}
.tj-testimonial-7-arrow-box button::before {
    right: 0;
    left: unset;
}
.tj-testimonial-7-arrow-box button.slider-next {
    right: auto;
    left: -80px;
}
.tj-blog-7-area::before {
    right: 50%;
    left: unset;
    margin-right: -5%;
    margin-left: unset;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-blog-7-top-button {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }
}
.tj-blog-7-content {
    padding: 15px 30px 15px 15px;
}
@media (max-width: 575px) {
    .tj-blog-7-content {
        padding: 15px 15px 15px 10px;
    }
}
.tj-blog-7-meta span {
    padding-left: 20px;
    padding-right: unset;
    margin-left: 15px;
    margin-right: unset;
}
.tj-blog-7-meta span::before {
    left: 0;
    right: unset;
}
.tj-blog-7-meta span:last-child {
    padding-left: 0;
    padding-right: unset;
    margin-left: 0;
    margin-right: unset;
}
.tj-blog-7-btn::before {
    right: 0;
    left: unset;
}
.tj-blog-7-btn i {
    margin-right: 8px;
    margin-left: unset;
}
.hero-section.style-8::before {
    left: 0;
    right: unset;
    margin-left: 5%;
    margin-right: unset;
}
.hero-section.style-8 .hero-8-socials {
    right: 50px;
    left: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .hero-section.style-8 .hero-8-socials {
        right: 10px;
        left: unset;
    }
    .hero-section.style-8 .hero_scroll {
        right: -35px;
        left: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-section.style-8 .hero-8-socials {
        right: 10px;
        left: unset;
    }
    .hero-section.style-8 .hero_scroll {
        right: -35px;
        left: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-section.style-8 .hero-8-socials {
        right: 10px;
        left: unset;
    }
    .hero-section.style-8 .hero_scroll {
        right: -35px;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-section.style-8 .hero-8-socials {
        left: 50%;
        right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-section.style-8 .hero-8-socials {
        left: 50%;
        right: unset;
    }
}
@media (max-width: 575px) {
    .hero-section.style-8 .hero-8-socials {
        left: 50%;
        right: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-box.style-8 {
        padding-right: 30px;
        padding-left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-box.style-8 {
        padding-right: 0px;
        padding-left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-content-box.style-8 {
        padding-right: 0px;
        padding-left: unset;
    }
}
@media (max-width: 575px) {
    .hero-content-box.style-8 {
        padding-right: 0px;
        padding-left: unset;
    }
}
.hero-8-images .hero-circle {
    right: -80px;
    left: unset;
}
.hero-8-images .hero-circle .circle-wrap {
    right: 50%;
    left: unset;
}
.hero-8-images .circle-button .circle {
    right: 50%;
    left: unset;
}
.hero-8-images .images_shapes {
    right: -30%;
    left: unset;
}
.hero-8-images .images_shapes-2 {
    left: 40px;
    right: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-8-images {
        margin-left: auto;
        margin-right: unset;
    }
    .hero-8-images .images_shapes {
        right: -8%;
        left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-8-images .images_shapes {
        right: 0px;
        left: unset;
    }
    .hero-8-images .hero-circle {
        right: 50%;
        left: unset;
    }
}
@media (max-width: 575px) {
    .hero-8-images .images_shapes {
        right: 0px;
        left: unset;
    }
    .hero-8-images .hero-circle {
        right: 50%;
        left: unset;
    }
}
.tj-maquee-section.maquee-style-8::after {
    right: 0;
    left: unset;
}
.tj-maquee-section.maquee-style-bottom-8::after {
    right: -10px;
    left: unset;
}
.funfact-item.style-8 {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 0px solid rgba(255, 255, 255, 0.2);
}
.about-8-images::before {
    right: 0;
    left: unset;
}
.about-8-images::after {
    right: -10px;
    left: unset;
}
.about-8-images .about_shapes {
    left: 30px;
    right: auto;
}
@media (max-width: 575px) {
    .about-8-images::after {
        right: -5px;
        left: unset;
    }
}
.about-8-content {
    margin-right: auto;
    margin-left: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .about-8-content {
        margin-right: 0;
        margin-left: unset;
    }
}
.list-style-two ul li::before {
    right: 0;
    left: unset;
}
@media (max-width: 575px) {
    .list-style-two ul li {
        padding-right: 15px;
        padding-left: unset;
    }
}
.tj-portfolio-section.style-8::before {
    right: 50%;
    left: unset;
}
.tj-service-section.style-8::before {
    right: 50%;
    left: unset;
}
.tj-service-section.style-8 .service-navigation .service-next::before,
.tj-service-section.style-8 .service-navigation .service-prev::before {
    right: 0;
    left: unset;
}
.tj-resume-section.style-8::before {
    right: 0;
    left: unset;
}
.tj-resume-section.style-8 .resume_shapes {
    right: 20%;
    left: unset;
}
.resume-wrapper-8 .resume-inner-8 {
    margin-right: auto;
    margin-left: unset;
}
.resume_item.style-8 .resume_date {
    margin-right: auto;
    margin-left: unset;
}
.resume_item.style-8 .resume_date .date i {
    margin-left: 5px;
    margin-right: unset;
}
.resume_item.style-8 .desc {
    padding-right: 90px;
    padding-left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .resume_item.style-8 .resume-content .resume_date {
        margin-right: 90px;
        margin-left: unset;
    }
}
@media (max-width: 575px) {
    .resume_item.style-8 .resume-content .resume_date {
        margin-right: 0px;
        margin-left: unset;
    }
    .resume_item.style-8 .desc {
        padding-right: 0;
        padding-left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .resume-section.style-9 .resume_wrapper_5 {
        padding: 30px 40px 30px 110px;
    }
}
.tj-testimonial-section.style-8::before {
    right: 0;
    left: unset;
}
.blog-item.style-8 .blog_inner .blog-reveal-bg {
    direction: ltr;
}
.tj-blog-8-meta span::before {
    left: 0;
    right: unset;
}
.tj-blog-8-meta span:last-child {
    padding-left: 0;
    padding-right: unset;
    margin-left: 0;
    margin-right: unset;
}

.tj-header-9-right .header-button {
    margin-right: 30px;
    margin-left: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-footer-9-area .tj-footer-7-top-form input {
        padding: 16px 20px 16px 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-footer-9-area .tj-footer-7-top-form input {
        padding: 16px 20px 16px 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-footer-9-area .tj-footer-6-left {
        margin-right: 0;
        margin-left: unset;
    }
}
.tj-hero-9-wrapper .title a::before {
    right: 0;
    left: unset;
}
.tj-hero-9-thumb .image::before {
    right: 50%;
    left: unset;
}
.tj-hero-9-award-shape {
    right: 16%;
    left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-hero-9-award-shape {
        right: 11%;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-9-award-shape {
        right: auto;
        left: 15%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-hero-9-award-shape {
        right: auto;
        left: 0;
    }
}
@media (max-width: 575px) {
    .tj-hero-9-award-shape {
        right: auto;
        left: 30px;
    }
}
.tj-hero-9-award-wrap::before {
    right: -6px;
    left: unset;
}
.tj-hero-9-award-wrap::after {
    left: -6px;
    right: unset;
}
.tj-hero-9-award-wrap .line {
    left: -6px;
    right: unset;
}
.tj-hero-9-award-ponter {
    right: -38px;
    left: unset;
}
@media (max-width: 575px) {
    .tj-hero-9-award-ponter {
        right: -25px;
        left: unset;
    }
}
.tj-hero-9-award-btn {
    margin-right: -122px;
    margin-left: unset;
}
@media (max-width: 575px) {
    .tj-hero-9-award-btn {
        margin-right: -95px;
        margin-left: unset;
    }
}
.tj-hero-9-wrap {
    left: -9%;
    right: unset;
    text-align: right;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-hero-9-wrap {
        left: 1%;
        right: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-hero-9-wrap {
        left: 0;
        right: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-9-wrap {
        left: 0;
        right: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-hero-9-wrap {
        left: auto;
        right: 50%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-hero-9-wrap {
        left: 0;
        right: unset;
        text-align: right;
    }
}
.tj-hero-9-bottom::before {
    right: -15px;
    left: unset;
}
.tj-btn-circle-dot {
    right: 50%;
    left: unset;
}
.tj-progress-9-area::before {
    right: 0;
    left: unset;
}
@media (max-width: 575px) {
    .tj-progress-9-button {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-progress-9-single {
        padding: 45px 25px 50px 15px !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-progress-9-single {
        padding: 45px 20px 50px 15px !important;
    }
}
.tj-about-9-wrapper {
    margin-right: 100px;
    margin-left: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-about-9-wrapper {
        margin-right: 50px;
        margin-left: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-about-9-wrapper {
        margin-right: 0;
        margin-left: unste;
    }
}
.tj-about-9-counter-title {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

.tj-about-9-counter-item {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-about-9-counter-item {
        padding: 22px 34px 26px 22px;
    }
}
@media (max-width: 575px) {
    .tj-about-9-counter-item {
        border-right: none;
        border-left: none;
    }
}
.tj-about-9-counter-item:last-child {
    border-right: none;
    border-left: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-service-9-area .tj-service-6-wrapper {
        padding: 30px 40px 30px 135px;
    }
}
@media (max-width: 575px) {
    .tj-project-9-navigation {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }
}
.tj-project-9-prev::before,
.tj-project-9-next::before {
    right: 0;
    left: unset;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-testimonial-9-active {
        margin-right: 60px;
        margin-left: auto;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-testimonial-9-active {
        margin-left: auto;
        margin-right: 0;
    }
}
.tj-testimonial-9-active::before {
    left: 0;
    right: unset;
}
.tj-testimonial-9-active::after {
    left: 0;
    right: unset;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
    (max-width: 575px) {
    .tj-testimonial-9-active .swiper-slide.swiper-slide-active {
        margin-right: 0;
        margin-left: unset;
    }
}
.star-ratings .fill-ratings {
    right: 0;
    left: unset;
}

.tj-blog-9-area .tj-blog-7-content {
    padding: 15px 0px 15px 15px;
}
.tj-blog-9-tag {
    right: 16px;
    left: unset;
}
.tj-header-area.header-10 .logo-box {
    margin-left: 0;
    margin-right: unset;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0px solid rgba(255, 255, 255, 0.1);
}
.tj-header-area.header-10 .header-menu {
    margin-right: 0;
    margin-left: unset;
}
.tj-header-area.header-10 .header-menu ul > li > a::before {
    right: 0;
    left: unset;
}

.tj-header-area.header-10 .header-button {
    margin-right: 0;
    margin-left: unset;
    padding-right: 30px;
    padding-left: unset;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-header-area.header-10 .logo-box {
        padding-left: 15px;
        padding-right: unset;
    }
}
@media (max-width: 575px) {
    .tj-header-area.header-10 .logo-box {
        padding-left: 15px;
        padding-right: unset;
    }
}
.tj-footer-7-area.style-10 .tj-footer-9-col-2 {
    margin-right: auto;
    margin-left: unset;
}
.tj-footer-7-area.style-10 .tj-footer-9-col-3 {
    margin-right: auto;
    margin-left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-footer-7-area.style-10 .tj-footer-9-col-3 {
        margin-right: 0;
        margin-left: unset;
    }
}
.tj-footer-7-area.style-10 .footer_socials_media {
    margin-right: auto;
    margin-left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-footer-7-area.style-10 .footer_socials_media {
        margin-right: 0;
        margin-left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-footer-7-area.style-10 .tj-footer-9-col-2 {
        margin-right: 0;
        margin-left: unset;
    }
    .tj-footer-7-area.style-10 .tj-footer-9-col-3 {
        margin-right: 0;
        margin-left: unset;
    }
    .tj-footer-7-area.style-10 .footer_socials_media {
        margin-right: 0;
        margin-left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-footer-7-area.style-10 .tj-footer-9-col-2 {
        margin-right: 0;
        margin-left: unset;
    }
    .tj-footer-7-area.style-10 .tj-footer-9-col-3 {
        margin-right: 0;
        margin-left: unset;
    }
    .tj-footer-7-area.style-10 .footer_socials_media {
        margin-right: 0;
        margin-left: unset;
    }
}
@media (max-width: 575px) {
    .tj-footer-7-area.style-10 .tj-footer-9-col-2 {
        margin-right: 0;
        margin-left: unset;
    }
    .tj-footer-7-area.style-10 .tj-footer-9-col-3 {
        margin-right: 0;
        margin-left: unset;
    }
    .tj-footer-7-area.style-10 .footer_socials_media {
        margin-right: 0;
        margin-left: unset;
    }
}
.hero-section.style-10::before {
    margin-left: -3%;
    margin-right: unset;
}
.hero-section.style-10 .hero-10-socials {
    right: 50px;
    left: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .hero-section.style-10 .hero-10-socials {
        right: 10px;
        left: unset;
    }
    .hero-section.style-10 .hero_scroll {
        right: -35px;
        left: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-section.style-10 .hero-10-socials {
        right: 10px;
        left: unset;
    }
    .hero-section.style-10 .hero_scroll {
        right: -35px;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-section.style-10 .hero-10-socials {
        left: 50%;
        right: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-section.style-10 .hero-10-socials {
        left: 50%;
        right: unset;
    }
}
@media (max-width: 575px) {
    .hero-section.style-10 .hero-10-socials {
        left: 50%;
        right: unset;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-content-box.style-10 {
        padding-right: 25px;
        padding-left: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-box.style-10 {
        padding-right: 35px;
        padding-left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-box.style-10 {
        padding-right: 0px;
        padding-left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-content-box.style-10 {
        padding-right: 0px;
        padding-left: unset;
    }
}
@media (max-width: 575px) {
    .hero-content-box.style-10 {
        padding-right: 0px;
        padding-left: unset;
    }
}
.hero-10-reviews-wrap {
    right: 15px;
    left: unset;
}
.hero-10-reviews-wrap .hero-10-thumb ul li {
    margin-right: -20px;
    margin-left: unset;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-10-reviews-wrap {
        right: 0px;
        left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-10-reviews-wrap {
        right: 80px;
        left: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-10-reviews-wrap {
        right: 0px;
        left: unset;
    }
}
@media (max-width: 575px) {
    .hero-10-reviews-wrap {
        right: 20px;
        left: unset;
    }
}
.hero-8-chats {
    right: 40%;
    left: unset;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .hero-8-chats {
        left: -15px;
        right: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-8-chats {
        left: 0px;
        right: unset;
    }
}
@media (max-width: 575px) {
    .hero-8-chats {
        right: 15%;
        left: unset;
    }
}
.service-10-images::before {
    left: -15px;
    right: unset;
}
.service-10-images::after {
    left: -15px;
    right: unset;
}
.cta-10-wrapper::before {
    left: 0;
    right: unset;
    margin-left: -5%;
    margin-right: unset;
}
.tj-maquee-section.style-10 .marquee-title::before {
    right: -15px;
    left: unset;
}
.marquee-item.style-10::before {
    right: 0;
    left: unset;
}
.tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-next,
.tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-prev {
    right: -70px;
    left: unset;
}
.tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-next {
    right: auto;
    left: -70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-next,
    .tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-prev {
        right: -30px;
        left: unset;
    }
    .tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-next {
        right: auto;
        left: -30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-next,
    .tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-prev {
        right: -30px;
        left: unset;
    }
    .tj-testimonial-7-area.style-10 .tj-testimonial-7-arrow-box .slider-next {
        right: auto;
        left: -30px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tj-testimonial-7-wrapper.style-10 .tj-testimonial-7-content {
        margin-right: 30px;
        margin-left: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-testimonial-7-wrapper.style-10 .tj-testimonial-7-content {
        margin-right: 30px;
        margin-left: unset;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-testimonial-7-wrapper.style-10 .tj-testimonial-7-content {
        margin-right: 30px;
        margin-left: unset;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-testimonial-7-wrapper.style-10 .tj-testimonial-7-content {
        margin-right: 30px;
        margin-left: unset;
    }
}
.hero-image-box img {
    transform: rotate(-4.29deg);
}
.services-widget i.flaticon-up-right-arrow {
    transform: rotate(180deg);
}
.tj-btn-primary i {
    transform: rotate(225deg);
}
.tj-btn-primary:hover i {
    transform: rotate(180deg);
}
.portfolio-filter .button-group .active-bg {
    right: unset;
}
.portfolio-box .portfolio-item:hover .content-box i {
    transform: translateY(-50%) rotate(270deg);
}
.tj-header-area .header-menu ul > li.current-menu-item > a::before,
.tj-header-area .header-menu ul > li.current-menu-ancestor > a::before,
.tj-header-area .header-menu ul > li:hover > a::before {
    -webkit-transform-origin: right;
    -ms-transform-origin: revert;
    transform-origin: right;
}
.testimonials-widget {
    direction: ltr;
}
.testimonials-widget .testimonial-item {
    direction: rtl;
}
.testimonials-widget .testimonial-item .image-box img {
    border-radius: 5px 5px 1255px 5px;
}
.testimonials-widget
    .owl-item.active
    .testimonial-item
    .icon-box
    svg:first-child,
.tj-testimonial-7-wrapper.swiper-slide .icon-box svg:first-child,
.tj-testimonial-7-wrapper.swiper-slide.swiper-slide-active
    .icon-box
    svg:first-child,
.tj-testimonial-section.style-6 .swiper-slide .icon-box svg:first-child,
.tj-testimonial-section.style-8 .swiper-slide .icon-box svg:first-child {
    transform: rotate(135deg);
}
.testimonials-widget
    .owl-item.active
    .testimonial-item
    .icon-box
    svg:last-child,
.tj-testimonial-7-wrapper.swiper-slide .icon-box svg:last-child,
.tj-testimonial-7-wrapper.swiper-slide.swiper-slide-active
    .icon-box
    svg:last-child {
    transform: translateX(22px) rotate(-45deg);
}
.tj-testimonial-section.style-6 .swiper-slide .icon-box svg:last-child,
.tj-testimonial-section.style-8 .swiper-slide .icon-box svg:last-child {
    transform: translateX(18px) rotate(-45deg);
}
@media (min-width: 992px) {
    .offset-lg-1 {
        margin-right: 8.33333333%;
        margin-left: unset;
    }
}
.lg-container.lg-show {
    direction: ltr;
}
.tj-footer-7-top-submit-btn .icon_box .icon_first,
.tj-footer-7-top-submit-btn .icon_box .icon_second,
.tj-btn-primary-2 .icon_box .icon_first,
.tj-btn-primary-2 .icon_box .icon_second,
.tj-btn-primary-2:hover .icon_box .icon_second,
.tj-arrow-6-btn .icon_box .icon_first,
.tj-arrow-6-btn .icon_box .icon_second,
.tj-arrow-6-btn:hover .icon_box .icon_second,
.cta-inner-5 .cta-content .cta-button .cta-link .icon_box .icon_first,
.cta-inner-5 .cta-content .cta-button .cta-link .icon_box .icon_second,
.cta-inner-5 .cta-content .cta-button .cta-link:hover .icon_box .icon_second,
.project-btn .icon_box .icon_first,
.project-btn .icon_box .icon_second,
.project-btn:hover .icon_box .icon_second,
.blog-item.style-8
    .blog_inner
    .anim_box
    .blog-8-content
    .blog-arrow
    .icon_box
    .icon_first,
.blog-item.style-8
    .blog_inner
    .anim_box
    .blog-8-content
    .blog-arrow
    .icon_box
    .icon_second,
.blog-item.style-8:hover
    .blog_inner
    .anim_box
    .blog-8-content
    .blog-arrow
    .icon_box
    .icon_second,
.portfolio-item.style-5 .content-box .portfolio-arrow a .icon_box .icon_first,
.portfolio-item.style-5 .content-box .portfolio-arrow a .icon_box .icon_second,
.portfolio-item.style-5
    .content-box
    .portfolio-arrow
    a:hover
    .icon_box
    .icon_second,
.portfolio-item.style-5:hover .content-box .portfolio-arrow a::before,
.light-mode .portfolio-tem.style-8 .portfolio-content .arrow_link {
    transform: rotate(270deg);
}
.text-section .section-header .chat-mail .link i,
.portfolio-item.style-5 .content-box .portfolio-arrow a .icon_box,
.portfolio-item.style-6 .portfolio-images .portfolio-link .icon_box,
.tj-service-7-button a .icon_box,
.tj-project-7-icon .icon_box,
.tj-service-item.style-8 .service-link a .icon_box,
.portfolio-tem.style-8 .portfolio-content .arrow_link .icon_box,
.cta-wrapper.style-8 .circle-button .circle .icon_box {
    transform: rotate(225deg);
}
.text-section .section-header .chat-mail .link:hover i {
    transform: rotate(180deg);
}
.tj-footer-7-top-submit-btn .icon_box .icon_second {
    position: absolute;
    transform: translateX(-150%) rotate(270deg);
}
.tj-footer-7-top-submit-btn:hover .icon_box .icon_second {
    transform: translateX(0%) rotate(270deg);
}
.progress-wrap {
    left: 50px;
    right: unset;
}
.popup_modal_content {
    direction: rtl;
    text-align: right;
}
.popup_modal_content .portfolio_gallery {
    direction: ltr;
}
.portfolio_info_items .info_item .key {
    font-weight: bold;
}
.list-style-two ul li {
    padding-right: 20px;
    padding-left: unset;
}
.slide-roll {
    direction: ltr;
}
.roll-item .roll-title .title {
    width: max-content;
}
.tj-blog-8-meta span {
    padding-left: 20px;
    padding-right: unset;
    margin-left: 15px;
    margin-right: unset;
}
.works-inner .works-item {
    padding-right: 40px;
    padding-left: unset;
}
.text-section .section-header .section-title {
    font-size: 40px;
}
.tj-header-area.header-4 .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-4-sticky .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-6 .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-6 .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-6-sticky .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-10 .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-10.header-sticky .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-3 .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-3.header-sticky .header-menu ul > li.has-dropdown > a {
    padding-left: 0px;
    padding-right: 0px;
}
.tj-header-area.header-5
    .header-menu
    ul
    > li.has-dropdown
    > a.current-menu-item,
.tj-header-area.header-5.header-sticky
    .header-menu
    ul
    > li.has-dropdown
    > a.current-menu-item {
    padding-left: 20px;
    padding-right: 20px;
}
.tj-header-area .header-menu ul > li.has-dropdown > a,
.tj-header-area.header-sticky .header-menu ul > li.has-dropdown > a {
    padding-left: 20px;
    padding-right: 0px;
}
.tj-header-area.header-2.header-6-sticky .header-menu ul > li.has-dropdown > a {
    padding-left: 0px;
    padding-right: 0px;
}
.tj-resume-6-accordion-button span {
    margin-left: 20px;
    margin-right: unset;
}
.cta-wrapper.style-8 .cta-circle .rotate-image textPath {
    direction: ltr;
}
.tj-hero-9-award-ponter {
    transform: rotate(-90deg);
}
.tj-hero-9-btn {
    transform: rotate(-90deg);
}
.tj-hero-9-btn:hover {
    transform: rotate(-180deg);
}
.service-item.style-10 .service-arrow,
.service-item .service-arrow {
    transform: rotate(270deg);
}
.services-widget .service-item.current i {
    transform: translateY(-50%) rotate(270deg);
}
.tj-services-section.style-10 .services-widget .service-item.current i {
    transform: translateY(0%) rotate(0deg);
}
.tj-services-section.style-10 .service-item.current:hover i {
    transform: rotate(45deg);
}
.services-widget .service-item:hover i {
    transform: translateY(-50%) rotate(270deg);
}
.service-item.style-10:hover .service-arrow {
    transform: rotate(180deg);
}
.portfolio-box
    .portfolio-item.style-10
    .portfolio-content
    .portfolio-arrow
    .link
    .icon_box {
    transform: rotate(225deg);
}
body.light-mode #services-page {
    background: unset;
    background-color: var(--tj-white);
}
.light-mode .resume_item.style-5 .resume_date .date,
.light-mode .resume_item .resume_date .date {
    color: var(--tj-theme-accent-1);
}
.light-mode .tj-counter-section.style-4 .section-header.style-2 .title {
    color: var(--tj-white);
}
.light-mode.inner-page .tj-header-area.header-3 .header-menu ul li a,
.light-mode.inner-page
    .tj-header-area.header-5.header-sticky
    .header-menu
    ul
    li
    a {
    color: var(--tj-theme-secondary);
}
.light-mode.inner-page .tj-header-area.header-5 .header-menu ul li a {
    color: var(--tj-white);
}
.light-mode .progress-single.style-7 {
    background-color: var(--tj-off-white);
}
.light-mode .tj-hero-9-btn:hover {
    background-color: var(--tj-theme-primary);
}
.light-mode .tj-header-area.header-10 .header-menu ul > li > a,
.light-mode.inner-page
    .tj-header-area.header-10.header-sticky
    .header-menu
    ul
    > li
    > a {
    color: var(--tj-theme-secondary);
}
.light-mode.inner-page .tj-header-area.header-10 .header-menu ul > li > a {
    color: var(--tj-white);
}
.tj-header-area .menu-bar {
    margin-right: 25px;
    margin-left: unset;
}
@media only screen and (max-width: 991px) {
    .tj-header-area .menu-bar {
        margin-right: auto;
    }
}
.tj-header-area .mobile-menu ul li a{
direction: rtl;
    text-align: right;
}
.tj-header-area .mobile-menu ul li a.mean-expand{
    left: 0;
    right:unset;
}