.flexlangue{display:flex;align-items:center;justify-content: flex-end;padding-right: 20px;}
.flexlangue .dropdown button {background:transparent;border:none;color:#fff;outline: none;display: flex;align-items: center;}
.flexlangue .dropdown button img{margin-right:5px;}
.flexlangue .fa-search{color:#fff;border-right:1px solid #fff;display: inline-block;padding-right: 10px;margin-right: 10px;font-size: 17px;}
.logoxs{height:100%}
.link_logo{    display: block;
    height: 100%}
.logosm{max-height:100%;max-width: 100%;}
#nav-toggle {position: relative;margin-left: 15px;}

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 35px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


.innersearch{
    background: #da2928;
    position: relative;
    padding: 20px 20px;
}



@media (max-width:991px)
{

.boxmenu  .frame_menu { display: block !important;}

.boxmenu  .rmItem {display:block !important; float:none !important;}
.boxmenu  .link {
    font-size: 15px !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
    margin-bottom: 10px;
}
.boxmenu  .rmText {
    padding: 0px;
    display: block !important;
    float: none !important;

}

.boxmenu .rmSlide {position:relative !important;display: block !important;float: none !important;top: 0px !important;left: 0px !important;overflow: visible !important;min-width: initial !important;margin-bottom: 20px;visibility: visible !important;height: 100% !important;width: 100% !important;}

.boxmenu .RadMenu .rmPopup.rmContentTemplate{top:0px !important;}

 .boxmenu .RadMenu .rmRootGroup .rmItem .rmGroup {
	position: relative !important;
	margin: 0px;
	padding: 0px;
	left: 0 !important;
	float: none !important;
	visibility: visible !important;
	display: block !important;
	border-bottom: 0px;
}
.boxmenu .hovermenu {
    background: #fff;
    padding: 60px 40px;
    display: block;
    justify-content: space-between;
    text-align: center;
}

.boxmenu  .hovermenu{display:block !important;text-align:center;background: none !important;padding: 0px !important;}

.boxmenu  .hovermenu a {color:#fff !important;}
.boxmenu {
    background: #da2928;
    overflow: hidden;
    transition: 0.7s ease all;
    transform: translateX(-105%);
}
.boxmenublock{transform: translateX(0%);height: 90vh;padding: 40px 0px;}
.boxmenu>div{
    height: 87%;
    overflow: auto;
}
}

.searchbox{
    width: 50vw !important;
    top: 80px;
    position: fixed;
    transition: 0.5s ease all;
    transform: translatey(-200%);
    right: 97px;
}
.searchboxblock{transform:translatey(0%);}

.mask {
    width: 100%;
    background: transparent;
    position: fixed;
    right: 0px;
    height: 100vh;
    z-index: 11;
    display: none;top:0px;
}

@media (max-width:1370px)
{
.searchbox{top: 60px;}
}


@media (max-width:991px)
{
.logosm{
    background: #fff;
    max-width: 100%;
    padding: 10px;
}
}

@media (max-width:767px)
{
.flexlangue{padding-left:10px;width: 50%;}
.logoxs{    
    height: 100%;
width: 50%;
   }
.logoxs a{    
    height: 100%;
    display: flex;
    align-items: center;}

.logosm{
        background: #fff;
    max-width: 95%;
    padding: 10px;
    max-height: 100%;
}
.link_logo{    display: block;
    height: 100%;
    background: #fff;}

.dropdown-menu{min-width: 90px !important;}
	.menubox {position:fixed;top:0px;z-index: 9999;height: 60px;}

.menubox .innermenu{
    transform: translateX(0%);
    background: #db2927;
height:100%
}


.searchbox {
    width: 100vw !important;
    
    right: 0px;
}
	
}








@media (max-width:550px)
{
.logosm{
    background: #fff;
    max-width: 73%;
    padding: 10px;
}

}

@media (max-width: 375px){
.logoxs {width: 43%;}
.logosm {max-width: 90%;}
}