@media (max-width: 768px) {
    .sidehoverbar {
        display: none !important;
    }
}

.sidehoverbar{
position: fixed;
right: 2px;
font-size: 18px;
width: 70px;
z-index: 9;
margin-top: 300px;
overflow: visible;
direction: ltr;
}

.sidehoverbar.ArabicHoverSidebar{
direction:rtl;
}

.right-box.text-nowrap{
margin-bottom: 8px;
display: flex;
height: 50px;
position: relative;
color: #fff !important;
transition: 0.5s;
border: solid 1px #b7b8ba;
border-right: none !important;
justify-content: space-around;
align-items: center;
font-size: 1.4em;
}

.right-box:hover{
width:150px;
}
.EnglishHoverSidebar .right-box:hover{
right:75px;
}

.right-box.text-nowrap i{
	width: 32px; /* Set width for the icon */
	height: 32px; /* Set height for the icon */
}

.right-box.text-nowrap p{
	margin-bottom:0px;
display:none;
}
.right-box.text-nowrap:hover p{
display:block;
}