@media screen and (max-width: 1080px){
#vueproducts .panel .wrapper{
  flex-direction: column-reverse;

  align-items: normal;
}
#vueproducts .panel .wrapper .text h3{
  justify-content: flex-start;
  max-width: 170px;
  margin:0 auto;
  margin-bottom:20px;
}
#vueproducts .panel .wrapper .text{
  display: flex;
  align-items:center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
}

/*menu responsive*/
/*#vueproducts .menu{
   display:none; 
    padding: 30px 32px;
    max-width: 93px;
    margin: 0;
    font-size: 25px;
    background: #FFFFFF;
    color: #4B4D5F;
    position: fixed;
    height: 100%;
    left: 0;
    top:0;
    display: flex;
}*/
#vueproducts .menu { 
  padding: 20px 20px ;
	max-width: 93px;
	position: relative;
	height: 74px;
  max-width:100%;
  direction: ltr;
  float:none;
  margin-bottom: 20px;
  z-index:0;
}
#vueproducts .menu ul{
  display: flex;
  flex-direction: row;
  align-items:normal;
  height: fit-content;
  padding-top: 10px;
  max-width: 250px;
  margin:0 auto;
}
#vueproducts .menu li{
  margin-bottom: 0px;
  margin-right: 20px;
}
/*fixed header*/
/* #vueproducts header{
  position: fixed;
  top:0;
  left:0;
  justify-content: flex-end;
  padding:20px 20px;
} */


/*ends*/

#vueproducts .table{
  max-width: 1120px;
}
#vueproducts header{
  max-width: 1120px;
  padding:20px 20px;
}
#vueproducts .inside-content{
padding:0px 20px;
}

#vueproducts .search input[type="text"]{
  width:100%;
  max-width: 380px;
}
#vueproducts header h1{
  max-width: 100%;
  display: none;
}

#vueproducts .panel .buttons li a{
  margin-right: 0px;
}
#vueproducts .panel{
  max-width: 100%;
  margin: 0 ;
  padding:0px 20px;
  margin-bottom: 30px;
}
#vueproducts .panel .buttons{
  justify-content: space-between;
} 


#vueproducts header .logout-wrap{
  top: 50px;
    left: -250px;
}
#vueproducts .dash-wrap{
  max-width: 1120px;
  padding:20px 20px;
  margin:0px;
}
#vueproducts .panel .wrapper .text p{
  text-align: center;
}
}


@media screen and (max-width: 1450px){
#vueproducts .sec-row{
  flex-direction: column;
}
#vueproducts .sec-row .col{
  margin-right:0px;
  margin-bottom: 20px;
}

}
@media screen and (max-width: 434px){
#vueproducts .panel .buttons li a{
    width: auto;
    padding:11px 20px;
}
}