@media screen and (max-width: 1000px){
	
      #container{
            padding: 45px 10px 10px;
      }
      .btnMenu{
            display: block;
      }
		nav{
			position: absolute;
			width: 100%;
                  left: -100%;
                  transition: 0.5s all;
		}

		nav ul{
			flex-direction: column;

		}
      
      nav ul li:hover ul{
      display: none;
      }
      nav ul li{

      	width: 100%;
      	border-bottom: 1px solid #ccc;
      }

      nav ul li a{

      	text-align: left;
      	width: 100%
      }

      nav li ul{

      position: relative;
      border-radius: 0;
      }

       nav li ul li:last-child{
      border-radius: 0;

      }
      nav .principal .arrow{
      	float: right;
      }
      header h1{
      	font-size: 14px;
      }

}

@media screen and (max-width: 768px){

     .dashboard2, datos3{
      flex-wrap: wrap;
      transform: translateX(500%) translateY(500%);
      	 z-index: 1;
    position:fixed;

	top:-1%;
          }

      .dashboard2 a{
       width: 50%;
       border: 1px solid #ccc;
      }
      .containerDataUser, .containerDataEmpresa{
            width: 100%;
            margin-bottom: 20px;
            padding: 10px;

      }
      #container h1{
            font-size: 12pt !important;
      }
      .logoUser, .logoEmpresas{
            width: 150px;
            height: 150px;
      }

      /* lista usuarios*/

      .btn_new{
      	margin: 0;
      	margin-right: 10px;
      	padding: 5px 10px;
      	font-size: 8pt;
      }
      .form_search{
      	width: 100%;
      	margin-top: 10px;
      	border: 0;
      }
      .containerTable{
      	width: 100%;
      	border: 5px #ccc;
      	overflow: scroll;
      }
      table{
      	width: 850px;

      }
      table td, table th{
       padding: 5px;
       font-size: 10pt;
      }
      .form_register{
      	width: 100%;
      }
      form{
      	padding: 10px;
      }
      .btn_save{
      	width: 100%;
      	margin: 20px auto 15px auto;
      }
      .bodyModal{
      	padding: 10px;
      }
      .btn_new{
      	width: 124px;
      	font-size: 12pt;
      	border: 0;
      }
      .btnNewProducto{
      	width: 140px;
      	font-size: 8pt;
      }
      .header h1, p, span{
      	font-size: 9pt;
      	
      }
      .optionsBar span, p{
      	font-size: 8pt;
      }
      
      #carouselExampleIndicators{
	width: 300px;
    height:auto;
text-align: center;
justify-content: center;
	align-items: center;

	margin:15px auto  7px auto ;

}

   .carousel-item img{
	width: 400px;
    height:auto;
text-align: center;
justify-content: center;
	align-items: center;

	margin:15px auto  7px auto ;

}




}

@media screen and (max-width: 460px){
      .dashboard2 a{
       padding: 5px 2px;

      }

      .dashboard2 p{
       font-size: 8pt;
      }

      .dashboard2 span{
       font-size: 6pt;
      }

      .divDataUser label{
            width: 80px;
            font-size: 9pt;
      }
      .containerDataEmpresa label,input{
      	padding: 5px 2px;
            font-size: 9pt;
      }
      
     
}