@import "../../../border/assets/css/rtl.min.css";

/* Your CSS code goes here
-------------------------------------- */


body.rtl #header.logo-left .logo{
    float: left;
}

.sf-menu li a{
    padding: 0 1vw;
}
.sf-menu li a:hover{
    color: #eb1b21;
    border-color: #eb1b21 ;
    
}

.sf-menu li:hover , .sf-menu li.current_page_item, .sf-menu li.current-menu-item , .sf-menu li.active {
    border-color: #eb1b21 !important;
}


@media (max-width: 767px) {
	body.rtl #header.logo-left .logo{
        display: flex;
        width: 40%;
        flex-direction: row-reverse;
        float: right;
        /* padding: 0 15px; */
        margin-top: -12px;
    }
    .nav-main .navbar-collapse{
		width: 100%;
	}
	
}