@-webkit-keyframes opacity {
 0% {
 opacity: 0;
 -webkit-transform: scale(3);
 transform: scale(3);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes opacity {
 0% {
 opacity: 0;
 -webkit-transform: scale(3);
 transform: scale(3);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}

@media(max-width:767px) {
#proWrap {
	padding: 1em;
}
.proBox {
	margin-bottom: 1em;
}
.preview {
	margin-bottom: 20px;
}
	#proModal .modal .modal-body {
    padding: 0 1em 1em 1em !important;
}
	#proModal .modal .modal-header{
		padding: 10px !important;
	}
	#proModal .modal-content .close{
		font-size: 30px !important;
	}
	#carousel-custom{
		width: auto !important;
	}
	#proModal .carousel-inner{
		min-height: auto !important;
	}
	#proModal .carousel-indicators li img{
		height: 42px !important;
	}
	.tabbed .nav-tabs > li > a{
	font-size: 12px;
}
}

@media(min-width:768px) {
#proWrap {
	padding: 2em;
}
.proBox {
	margin-bottom: 2em;
}
#proModal .modal .modal-dialog {
	width: 1000px !important;
}
#proModal .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
	.slide-text {
	top: 20% !important;
	text-align:center!important;
}
}