/* STYLE FOR MEMBER UPDATE MODAL */

#smac-lightbox{

	text-align: center;
	display: block;
    overflow-x: hidden;
    overflow-y: auto;	
    border: 0px;
}

#smac-lightbox .modal-dialog{

	/*border: 7px solid #009d3b;*/
	box-shadow: none;
	max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;

}

#smac-lightbox .modal-content{

	padding: 0;
	box-shadow: none;
	border: 0px;
	background-color: #009d3b;

}

#smac-lightbox .modal-content .close {

    position: absolute;
    right: 2%;
    top: 2.5%;
    color: #313131;
    opacity: 1;
    font-size: 26px;

}

#smac-lightbox .modal-content .modal-body{

	padding: 0;

}

#smac-lightbox .modal-content .modal-body .row{

	margin: 0;

}

#smac-lightbox .smac-artwork #mobile-artwork{

	display: none;

}

#smac-lightbox #smac-mem-upd-form{

	margin: 50.5% 0 0 0;
	position: relative;

}

#smac-lightbox .smac-artwork{

	padding: 0px;
	position: relative;
	text-align: center;
	float: none;
	display: inline-block;

}

#smac-lightbox .smac-artwork img{

	max-width: 100%;
	height: auto;
	display: block;

}

#smacmem-btns{

	position: absolute;
	bottom: 7.5%;
	width: 100%;

}

.smac-btn{

    width: 20%;
    background-color: #313131;
    display: inline-block;
    margin: 5% 0 !important;
    padding: 1.5% 0;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
	
}

.smac-btn:hover{

	background-color: #313131;
	
}

#smac-register-btn{

    margin-right: 5% !important;
	
}

@media (max-width: 736px){

	#smac-lightbox .modal-dialog{

		max-width: 700px;

	}

	#smac-lightbox .modal-content .close {
	    
	    right: 2%;
	    top: 2%;

	}	


}

@media (max-width: 667px){

	#smac-lightbox .modal-dialog{

		max-width: 600px;

	}

	#smac-lightbox .modal-content .close {
	    
	    right: 3%;

	}	

	#smacmem-btns{
		
		bottom: 10%;

	}

	.smac-btn{

	    width: 32%;
	    padding: 2.5% 0;
		
	}	

	#smac-lightbox .smac-artwork #desktop-artwork{

		display: none;

	}

	#smac-lightbox .smac-artwork #mobile-artwork{

		display: block;

	}

}


@media (max-width: 568px){


	#smac-lightbox .modal-dialog{

		max-width: 508px;

	}	

	#smac-lightbox .modal-content .close {
	    
	    right: 3.5%;

	}	

}

@media (max-width: 480px){

	#smac-lightbox .modal-dialog{

		max-width: 455px;
	    
	}

	.smac-btn{

	    width: 33%;	    
		
	}	


}


@media (max-width: 415px){

	#smac-lightbox .modal-dialog{

		max-width: 390px;
	    
	}


	#smac-lightbox .modal-content .close {
	    
	    right: 3.5%;

	}	

	.smac-btn{

	    width: 38%;
	    padding: 2.5% 0;
		
	}	


}

@media (max-width: 375px){

	#smac-lightbox .modal-dialog{

		max-width: 350px;
	    
	}

	.smac-btn{
		
		width: 37%;
		font-size: 13px;

	}	

}

@media (max-width: 320px){

	#smac-lightbox .modal-dialog{

		max-width: 295px;
	    
	}

	.smac-btn{
		
		font-size: 11px;
		letter-spacing: .03em;
		width: 40%;
	}	

}






/*
@media (max-width: 1180px) {

	#smac-lightbox #smac-mem-upd-form .form-group label{

		font-size: 11px;

	}

	#smac-lightbox #smac-mem-upd-form .form-control{

		height: 30px;

	}

	#smac-lightbo #smac-mem-upd-form .smac-upd-btn{

		margin: -3% auto 0 auto;

	}

}

@media (max-width: 1024px){}


@media (max-width: 995px) {


	#smac-lightbox #smac-mem-upd-form{

		margin: 20% 0 18% 0;

	}

	#smac-lightbox #smac-mem-upd-form .form-group label{

		font-size: 11px;
		width: 15%;
	}

	#smac-lightbox #smac-mem-upd-form .form-group input{

		width: 50%;
		
	}	

	#smac-lightbox .smac-form #smac-error-lightbox{

		top: 3.5%;
	}



	#smac-lightbox .smac-form #smac-error-lightbox span.smac-error-txt span{
		
		font-size: 11px;

	}	

}

@media (max-width: 768px) {

	#smac-lightbox #smac-mem-upd-form .form-group label{

		width: 20%;

	}

	#smac-lightbox #smac-mem-upd-form{

		margin: 26% 0 24% 0	

	}



}

@media (max-width: 667px){

	#smac-lightbox #smac-mem-upd-form .form-group label{

		width: 14%;

	}

	#smac-lightbox .smac-artwork #desktop-artwork{

		display: none;

	}

	#smac-lightbox .smac-artwork #mobile-artwork{

		display: block;

	}

	#smac-lightbox #smac-mem-upd-form {

	    margin: 18% 0 16% 0;

	}	

	#smac-lightbox #smac-mem-upd-form .form-group input{

		margin: 0 0 0 1%;

	}	

	

	#smac-lightbox .smac-form #smac-error-lightbox span.smac-error-txt .help-block{

		font-size: 11px;
		line-height: 8px;

	}

}

@media (max-width: 568px){

	#smac-lightbox #smac-mem-upd-form .form-group label {

    	width: 17%;

	}


	#smac-lightbox .smac-artwork #desktop-artwork{

		display: none;

	}

	#smac-lightbox .smac-artwork #mobile-artwork{

		display: block;

	}

	#smac-lightbox #smac-mem-upd-form {

	    margin: 20% 0 18% 0;

	}	

}

@media (max-width: 480px) {


	#smac-lightbox #smac-mem-upd-form{

		margin: 17% 0 11% 0;

	}

	#smac-lightbox .smac-artwork #desktop-artwork{

		display: none;

	}

	#smac-lightbox .smac-artwork #mobile-artwork{

		display: block;

	}	

	#smac-lightbox #smac-mem-upd-form .form-group{


		margin: 0 0 10px 0;

	}

	#smac-lightbox .modal-content .modal-body #smac-success-msg h3{

    	font-size: 24px;

	}

	#smac-lightbox #smac-mem-upd-form .form-group label{

	    width: 29%;
	    font-size: 10px;	    

	}	

	#smac-lightbox #smac-mem-upd-form .form-group input{

	

	}

	#smac-lightbox #smac-mem-upd-form .smac-upd-btn {

		font-size: 12px;
		width: 45%;

	}

	#smac-lightbox .smac-form #smac-error-lightbox{

		background-color: #FFF;
	    top: -2%;
	    padding: 2% 0;
	    line-height: 0;

	}

	#smac-lightbox .smac-form #smac-error-lightbox span.smac-error-txt .help-block{
		
		font-size: .65em;
		line-height: 0;
	}		


}

@media (max-width: 320px){

	#smac-lightbox{

		width: 91.5%;
		margin-left: auto;
		margin-right: auto;
	}

	#smac-lightbox .smac-artwork #desktop-artwork{

		display: none;

	}

	#smac-lightbox .smac-artwork #mobile-artwork{

		display: block;

	}
	#smac-lightbox #smac-mem-upd-form {

	    margin: 28% 0 14% 0;

	}	

	#smac-lightbox #smac-mem-upd-form .form-group label {

    	width: 35%;

    }

	#smac-lightbox #smac-mem-upd-form .form-control {

    	height: 25px;    

    }

	#smac-lightbox .smac-form #smac-error-lightbox{

	    top: .5%;

	}

	#smac-lightbox .smac-form #smac-error-lightbox span.smac-error-txt .help-block{
				
		line-height: 2px;

	}		

  

} */