#MainHeader {
	background:#000;
	padding: 5px 0;
}

#MainHeader .login {
	text-align:right;
}
#MainHeader .login .btn-success {
	border-radius: 0;
	font-size: 23px;
	font-weight:bold;
}
#MainHeader .login .btn-default {
	border-radius: 0;
	font-size: 23px;
	background:none;
	border:0;
	color:#fff;
	font-weight:bold;
}
.ProDiv {
	text-align:left;
	
}
.ProDiv img.Main{
	width:100%;
	margin:0 auto;
	
	
}
.ProDiv img.Play {
    margin: 0;
    /* background: #ccc; */
    position: absolute;
    top: 78px;
    left: 35%;
    /* box-shadow: 0px 0px 10px 2px #000; */
    border-radius: 45px;
    display: none;
}
.ProDiv a:hover  img.Play {
	display:block;
}
.ProDiv h3 {
  font-size: 20.5px;
  color: rgb(192, 0, 255);
  line-height: 22px;
  margin: 10px 0;
  text-align: left;
}
.ProDiv p {
  font-size: 13.5px;
  font-family: "Arial";
  color: rgb(0, 0, 0);
  text-align: left;
  line-height: 18px;
}
@media (min-width: 1200px) {
.container {
    width: 1217px;
}
}
@media (min-width: 1020px){
.col-md-3 {
   padding:0 2px;
}
}
@media (max-width: 794px){
.container {
    max-width: 660px;
}
#MainHeader .logo {
	text-align:center;
	margin: 5px 0;
}
#MainHeader .login {
	text-align:center;
	margin: 5px 0;
}
}
#mainSection {
	margin-top:50px;
}
.ProDiv {
	margin-top:50px;
	text-align: center;
}
#MainFooter {
    margin-top: 50px;
    background: #000;
    color: #fff;
    padding: 10px 0;
	text-align:center;
}