/* Dir RTL */
html[dir="rtl"] {
    body{
        direction: rtl;
        text-align: right;
    }
    /* Btn Up */
    .btn-up {
        left: 30px;
    }
    /* Fix Call Center */
    .fix-call-center {
        right: 30px;
        .list-contact{
            a{
                 right: 20px;
                 &:first-child{
                     transform: translateX(-30px);
                 }
             }
            &.active-list{
                a{
                    right: 0;
                }
            }
        }
    }
    .nav-bar .nav-body ul .up-links .sub-links {
        right: 0;
        li{
              a{
                    &:hover{
/*                        transform: translateX(-5px);*/
                    }
               }
        }
    }
    /* Form Contact */
    .body-form-contact {
        form{
            .input-form{
                input{
                    text-align: right;
                }
            }
        }
    }
    /* About */
    .banner {
        .view-head{
            .banner-content {
                &:before {
                    right: -60px;
                }
            }
        }
    }
    /* Responsive */
    @media (width <= 991px) {

    }
}

/* Dir LTR */
html[dir="ltr"] {
    body{
        direction: ltr;
        text-align: left;
    }
    /* Btn Up */
    .btn-up {
        left: 30px;
    }
    /* Fix Call Center */
    .fix-call-center {
        left: 30px;
        .list-contact{
            a{
                 left: 20px;
                 &:first-child{
                     transform: translateX(30px);
                 }
             }
            &.active-list{
                a{
                    left: 0;
                }
            }
        }
    }
    .nav-bar .nav-body ul .up-links .sub-links {
        left: 0;
        li{
              a{
                    &:hover{
/*                        transform: translateX(5px);*/
                    }
               }
        }
    }
    .sup-now{
        img{
            transform: rotate(180deg);
        }
    }
    .bg-layout {
        .bg-head{
            transform: scale(-1.01, 01.01);
        }
    }
    .call-icon{
        transform: scale(-1.01, 01.01);
    }
    /* Form Contact */
    .body-form-contact {
        form{
            .input-form{
                input{
                    text-align: left;
                }
            }
        }
    }
    
    /* About */
    .banner {
        .view-head{
            .banner-content {
                &:before {
                    left: -60px;
                }
            }
        }
    }
}