@media only screen and (max-width: 768px) {
  .main{
  	margin-top:50px !important;
  }
  .box-obal{
  	padding-top:7px !important;
  }
  .add_form{
	padding:0 20px !important;
	margin-bottom: 50px;
  }
}

body{
	background-color: #F9F9FC !important;
}

.main{
	margin-top:150px;
}

.box-obal{
	padding:20px;
}

.box{
	width:100%;
	background-color:white;
	box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
	border-radius: 4px;
	text-align: center;
	filter:grayscale(1);
	transition: 0.2s;
}

.box:hover{
	cursor: pointer;
	filter: grayscale(0);
}

.box-img{
	max-height:150px;
	width: auto;
	margin-top:50px;
}

.box-nadpis{
	margin-top:20px;
	color:gray;
	transform: 0.2s;
	padding-bottom: 50px;
}

.box:hover .box-nadpis{
	color:#4e73df !important;
}

.razitko_add_nadpis{
	color:#4e73df;
	text-align:center;
}

.add_main{
	margin-top:50px;
}

.add_form{
	margin-top:40px;
	padding:0 60px;
}

.form_obal{
	padding:40px 20px;
	background-color:white;
	box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
	border-radius: 4px;
}
.margin-pc{
	margin-top:20px;
}

.drop-title{
	color: #595d6e;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.2rem;
}

.drop-text{
	color: #74788d;
    font-weight: 400;
    font-size: 1rem;
}

.obal-file{
	text-align: center;
	padding: 20px;
    text-align: center;
    border: 2px dashed #5d78ff;
    border-radius: 4px;
}

.submit-obal{
	text-align:center;
	margin-top:30px;
	width:100%;
}

.table-img{
	max-height: 80px;
	width:auto;
	padding:10px;
}
td{

}