.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 150px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */

}



.login{background-size:cover!important;background-repeat:no-repeat!important;}
.centralmodal{


    background-color: red;
    width:100%;
    margin: auto;
    margin-top:8%;
    padding: 0;
	max-width:1200px;
    width: 100%;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-animation-name: animatetop;

    -webkit-animation-duration: 0.4s;

    animation-name: animatetop;

    animation-duration: 0.4s

}

/* Modal Content */

.modal-content {

    position: relative;

    background-color: white;

    margin: auto;
   
    padding: 0;
	max-width:1080px;
    border: 1px solid #888;

    width: 100%;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-animation-name: animatetop;

    -webkit-animation-duration: 0.4s;

    animation-name: animatetop;

    animation-duration: 0.4s

}


@media screen and (max-width: 1370px) {
	.formTbl{width:84%;margin:10% 10%;}
	.modal-content{max-width:1050px!important;min-height:380px;}
	.centralmodal{max-width:1050px!important;min-height:380px;margin-top:12%!important}
}
@media screen and (max-width: 1200px) {
	.formTbl{width:84%;margin:10% 10%;}
	.modal-content{max-width:950px!important;min-height:400px;}
	.centralmodal{max-width:950px!important;min-height:400px;;margin-top:15%!important}
}
@media screen and (max-width: 1100px) {
	.formTbl{width:84%;margin:10% 10%;}
		.modal-content{max-width:920px!important;min-height:400px;}
	.centralmodal{max-width:920px!important;min-height:400px;}
}


@media screen and (max-width: 1010px) {
	.formTbl{width:84%;margin:10% 10%;}
	.modal-content{max-width:850px!important;min-height:400px;}
	.centralmodal{max-width:850px!important;min-height:400px;}
}

@media screen and (max-width: 920px) {
	.modal-content{max-width:750px!important;min-height:350px;}
	.centralmodal{max-width:750px!important;min-height:350px;}
}
@media screen and (max-width: 768px) {
	.modal-content{width:85%;}
	.centralmodal{width:85%;}
}


@media screen and (max-width: 555px) {
	.bLogo{width:282px; height:auto;} #testimonials{display:none;}.formTbl{width: 99%;margin: 10% 0%;}
	.centralmodal{width:90%;min-width:0px;}
	.modal {padding-top: 100px;}
	.modal-content{width:90%;min-width:0px;}
}
/* Add Animation */

@-webkit-keyframes animatetop {

    from {top:-300px; opacity:0} 

    to {top:0; opacity:1}

}



@keyframes animatetop {

    from {top:-300px; opacity:0}

    to {top:0; opacity:1}

}



/* The Close Button */

.close {

    color:black!important;

    float: right;

    font-size: 32px;

    font-weight: bold;
	margin-top: -15px;
	margin-right:5px;

}



.close:hover, .close:focus {

    color:red;

    text-decoration: none;

    cursor: pointer;

}



.modalheader {

    padding: 2px 4px;

    text-align:center;

    background-color:white;
    color: White;
	font-size:22px;

}



.modalbody {padding:0 px;margin:0px;text-align: center;}



.modalfooter {

    padding: 2px 16px;
    text-align:center;
    background-color: white;
    color: white;
	margin-bottom: 5px;

}