.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.wrapper {
  margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */

  max-width: 1170px; /* 2 */

  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
}
.navbar {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.product-title {
	
	background-color:#353535;
	color:#ffffff;
	 border-radius:5px; 
	 font-family:Verdana, sans-serif; 
	 font-size:16px; 
	 line-height:30px;
}

.atribute{
	font-family:Verdana, sans-serif; 
	font-size:12px;
	line-height: 18px;
	margin-left:3px;
}

.product-code {
	font-family:Verdana, sans-serif;  
	font-size:14px;
	color:red; 
	line-height:20px;
	font-weight:500;
}
.product-price {
	font-family:Verdana, sans-serif;  
	font-size:14px;
	color:green; 
	line-height:20px;
	margin-right:3px;
	font-weight:500;

}
.product-price-promoted {
	font-family:Verdana, sans-serif;  
	font-size:14px;
	color:green; 
	line-height:20px;
	margin-right:3px;
	font-weight:500;
	background-color:yellow;

}
.even {
	background-color:#d9d9d9;
}
.mr-atribute {
	margin-right:3px;
}

.container { position:relative; }
.out { position:absolute; bottom: 15px; left: 0px; z-index: 3; width: 80px} 
.lic { position:absolute; bottom: 15px; right: 0px; z-index: 3; width: 80px} 

.chiuvete-out {
	
	position:absolute; bottom: 15px; left: 28%; z-index: 3; width: 120px
}

.menu-left {
	position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
	z-index:99999;
	top:20;
	
}
.menu-right {
	position:fixed;
	top:10;
	right:10;
	
}

.btn-app {
	border-radius: 3px;
	border: 1px solid #ddd;
	color: #6c757d;
	font-size: 16px;
	margin: 0 0 10px 0;
	width: 100%;
	padding: 15px 15px;
	position: relative;
	text-align: center;
	min-height: 225px;
	max-height: 225px;
}

.btn-app:hover {
  border-color: #aaaaaa;
  color: #444;
}

.btn-app:active, .btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
       .log-mobile{
			width:50%;
			margin:auto;
		}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.log-mobile{
			width:75%;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.log-mobile{
			width:75%;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.log-mobile{
			width:75%;
		}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }