.wrapper_mb{width: 100%; position: sticky;   top: -1px; z-index: 150;  background: #f0f0f0;
 border-top:solid 1px #e7e7e7;     padding-bottom: 0.3rem;}
.menu{display: flex; align-items: center; flex-wrap: wrap;overflow: hidden; width: 100%;}
.menu a.navbar-brand{margin-left: 22px; position: relative; z-index: 1052}
.hamburger_menu{width: 20px;height: 50px; border-radius: 3px;text-align: center;color: #e11f26;line-height: 50px;font-size: 26px;cursor: pointer;  position: relative;   z-index: 9;transition: all 0.2s ease;}
.dd_wrap{ height: 100vh; background: #ffffff; position: absolute; top:0; margin-top: 3rem;  width: 100%; transform: translateX(-100%); transition: .3s ease-in-out; overflow-y: scroll}
.dd_wrap ul{padding: 0; list-style: none; margin-top: 1rem}
.dd_wrap ul li a{ display: block; background: none; color: #181617; padding: 0 22px;  width: 100%; transition: all 0.2s ease;}
.dd_wrap ul li a:hover,.dd_wrap ul li a.active{ color: #e11f26}
.dd_wrap ul li:first-child a{ border-top-right-radius: 3px; border-top-left-radius: 3px;}
.dd_wrap ul li:last-child a{  border-bottom-right-radius: 3px;  border-bottom-left-radius: 3px;}
.dd_wrap ul li a .icon{ width: 30px;  display: inline-block;}
.dd_wrap.active{ transform: translateX(0)}
.dd_menu {position: fixed;top: 0;left: 0%;width: 100%;height: 100%; background: #fff;; padding-top: .5rem; transform: translateX(-100%); transition: ease-in-out .3s; z-index: 1055; margin-top: 1rem }
.dd_menu:before{content: "";position: absolute; top: 15px;  left: -30px;z-index: 1; border: 15px solid; border-color: transparent #dc555f transparent transparent; }
.dd_menu .h3menu{ font-size: 16px; margin-left:22px; text-transform: uppercase; font-weight: 700; margin-top: 20px; margin-bottom: 10px; font-family:'Montserrat'}
.dd_wrap ul li a.active + .dd_menu{  transform: translateX(0);}
.back_btn{  margin-left:22px; display:inline-flex; padding: 10px 0; align-items: center;   font-family:'Montserrat'; font-size: 15px; font-weight: 600; color: #888888; }
.back_btn svg{margin-right: 20px}
.dd_sub_menu ul li a{ padding: 5px;  padding-left:2rem; text-transform: capitalize; letter-spacing: normal;  }
.a_child  + .dd_sub_menu{  overflow: hidden}
.dd_sub_menu ul{width: 100%; height: 100%; overflow: hidden}
.dd_sub_menu ul li{margin-bottom: -3rem; transition:  ease-in-out .3s;}
.a_child.active + .dd_sub_menu ul li{ margin-bottom: .5rem;  transition:  ease-in-out .5s; }
.a_child .wrap {display: flex; justify-content: space-between; transition: .3s ease-in-out}
.a_child .wrap i{ transition: .3s ease-in-out}
.a_child.active .wrap i{ transform: rotate(90deg)}
.hamburger_menu{display: flex; justify-content:flex-end; align-items: center; margin-right: 22px;}
.hamburger_icon{width: 19px; height: .12rem; background: #181617; display: block; position: relative; margin-top: 4px;}
.hamburger_icon:before{width: calc(100%); height: 2px; position: absolute;right: 0; top: -7px; content: ''; background: #181617; transition: .3s ease-in-out}
.hamburger_icon:after{width: calc(100%); height: 2px; position: absolute;right: 0; bottom: -7px; content: ''; background: #181617; transition: .3s ease-in-out}
.hamburger_icon.show{background: none}
.hamburger_icon.show:after{ transform: rotate(134deg)}.hamburger_icon.show:before{ transform: rotate(45deg); top: 3px}
.hamburger_icon.show:after{top: 3px}
.field {position: relative;}
.field i{ width: 5px; height: 9px; border: solid rgb(37, 160, 67); border-width: 0 2px 2px 0; transform: rotate(45deg);  position:absolute; right: 1rem; bottom:1rem;  display: block; }
.wrap span.text{font-family:'Montserrat'; font-size: 16px; line-height: 61px; font-weight: 700;}
 .wrap{border-bottom: solid 1px #EEEEEE; position: relative}

.wrap:before{width: 10px;height: 10px;    border: solid #ccc;    border-width: 0 2px 2px 0;    transform: rotate(-48deg); content: ''; position: absolute; right: 0; bottom: 0; top: 0; margin: auto; margin-right: .8rem; transition: ease-in-out .5s}
.dd_wrap ul ul li a.active .wrap:before{ transform: rotate(47deg);}
.searchpanel{margin-left: auto; display: flex; padding-top: .3rem;}
.searchpanel{margin-right: 15px;}
.searchpanel span{margin-left: 10px; margin-right: 10px;}
.dd_menu h3,.dd_menu .h3{ font-size: 16px; margin-left:22px; text-transform:capitalize; font-weight: 700; margin-top: 20px; margin-bottom: 10px;}
ul.sub_menu{padding: 0 22px 220px; margin-top:20px;height: 170vh;overflow-y: scroll;-webkit-appearance: none;-webkit-overflow-scrolling: touch;height:-webkit-fill-available;}
ul.sub_menu > li {border-bottom:  1.5px solid #EEEEEE; padding: 10px 0; }
ul.sub_menu li .prduct_name{ font-size: 16px; font-weight: 700; padding:10px 0; position: relative;/* top: -1px; background: #fff; line-height: 26px;*/} 
.product_dis{font-weight: 300;font-size: 15px;line-height: 20px;color: #333333;}
.prodcut_type{display: flex; padding: 0; list-style: none}
.b2b_product{flex-direction: column}
ul.prodcut_type li a{ color: #e11f26; font-weight: 600;font-size: 14px;line-height: 20px; padding:0; margin-right: 8px; padding-bottom: 5px; display: inline-block; border-bottom: solid 1px #e11f26; width: auto; border-radius: 0!important; margin-bottom: 15px;}
.sub_menu p{padding-right: 15px}
ul.prodcut_type.b2b_product a{ border-bottom: solid 1px #ebebeb; color: #888888; font-weight: 400; font-size: 12px; padding-bottom: 1rem}
ul.prodcut_type.b2b_product a span{display: block; color: #e11f26;     font-family: 'Montserrat'; padding-bottom: .2rem; font-weight: 600; font-size: 15px}
ul.prodcut_type.b2b_product li:last-child a{border-bottom: none; padding-bottom: 0; /*margin-bottom: 4rem*/}
ul.sub_menu > li .prduct_name[aria-expanded="false"]:before{width: 10px;height: 10px;    border: solid #ccc;    border-width: 0 2px 2px 0;    transform: rotate(-48deg); content: ''; position: absolute; right: 0; bottom: 0; top: 0; margin: auto; margin-right: .8rem; transition: ease-in-out .5s; }
ul.sub_menu > li .prduct_name[aria-expanded="true"]:before{    transform: rotate(47deg); width: 10px;height: 10px;    border: solid #ccc;    border-width: 0 2px 2px 0;     content: ''; position: absolute; right: 0; bottom: 0; top: 0; margin: auto; margin-right: .8rem; transition: ease-in-out .5s}
#partners li a{ font-family: 'Montserrat';}
@keyframes slide_down{
  from{ top:-25px}  
  to{ top:-0}   
}

.searchwrape { width: 100%; height: 100vh; background: #ffffff; position: absolute; top:0; margin-top: 3rem;  transform: translateX(100%); transition: .3s ease-in-out; overflow-y: scroll; padding: 20px;display: none;}
.searchwrape.active {transform: translateX(0);display: block;}
.searchwrape label{display: block; width: 100%; max-width: 100%; border-bottom: solid 1px #eeeeee; margin-top: .5rem; position: relative}
.searchwrape label input{display: block; width: 100%; outline: none; padding: 13px 8px;  border: 1px solid #b3b3b3; border-radius: 3px; font-size: 14px;}
.searchwrape .search {position: absolute; right: 1rem; left: auto; top: 0; bottom: 0; margin: auto; display: flex; align-items: center}
.searchwrape .search svg{  cursor: pointer; margin: 0 5px;}
.fm_box_search_link a{color: #616161}
.mobilebtn {border: none; color: #181617; background: #fff; display: inline-block; margin: 0 2px;
padding: 0; border-radius: 20px;}
.coverappinfo{ overflow-x:hidden}
.trsu_wrapper{margin: auto;width: 365px;justify-content: center;}
@media screen and (max-width: 575.98px){
	.trsu_wrapper{justify-content:center;flex-direction:column;align-items:center;width:100%}
}
@media screen and (max-width:767px) {
  input::placeholder {font-size: 22px!important;} 
}
@media screen and (max-width:992px) {
  input::placeholder {font-size: 22px!important;} 
  .searchwrape label input{padding-right: 5.5rem!important;}
}