@media all and (min-width:274px) and (max-width:767px){
	.briefPopUp-background {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.6);
		z-index: 100;
		display: none;
		top: 0;
		left: 0;
		}

	.briefPopUp-modal {
		visibility: hidden;
		top: 30%;
		/* left: 55%; */
		/* margin-left: -300px; */
		width: 80%;
		background: #fff;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		z-index: 101;
		/*padding: 40px 40px 34px;*/
		/*-moz-border-radius: 5px;
		-webkit-border-radius: 5px;*/
		/*border-radius: 5px;*/
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}

	.briefPopUp-modal.small 		{ width: 200px; margin-left: -140px;}
	.briefPopUp-modal.medium 		{ width: 400px; margin-left: -240px;}
	.briefPopUp-modal.large 		{ width: 600px; margin-left: -340px;}
	.briefPopUp-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.briefPopUp-modal .close-briefPopUp-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 12px;
		right: 11px;
		color: #fff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}

.pwpoptext {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	padding-top: 20px;
}
.popbox {
	width: 200px;
	margin: 20px auto;
	overflow-y: hidden;
}
.tttttewrw {
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	display: inline-block;
}
.pwpop {
	height: 32px;
	width: 200px;
	margin-right: 10px;
	float: left;
	box-sizing: border-box;
	-webkit-appearance: none;
  -moz-appearance:none;
  appearance: none;
  border-radius: 0px;
  border: 1px solid #666;
  padding-left: 7px;
}
.popbtnok{
	width: 70px;
	margin: 10px auto 5px;
	overflow-y: hidden;
}
.poptextbox {
	background-color: #324378;
	color:#fff;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	font-weight: 400;
}
.okvbr {
	width: 70px;
	float: left;
	height: 30px;
	border: 0;
	background-color: #333;
	color:#fff;
	font-size: 16px;
	margin-top: 20px;
	/* border-radius: 20px; */
	cursor: pointer;
	-webkit-appearance: none;
  -moz-appearance:none;
  appearance: none;
  border-radius: 0px;

}
}

@media all and (min-width:768px){
	/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	.briefPopUp-background {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.6);
		z-index: 100;
		display: none;
		top: 0;
		left: 0;
		}

	.briefPopUp-modal {
		visibility: hidden;
		top: 30%;
		/* left: 55%; */
		/* margin-left: -300px; */
		width: 400px;
		background: #fff;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		z-index: 101;
		/*padding: 40px 40px 34px;*/
		/*-moz-border-radius: 5px;
		-webkit-border-radius: 5px;*/
		/*border-radius: 5px;*/
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}

	.briefPopUp-modal.small 		{ width: 200px; margin-left: -140px;}
	.briefPopUp-modal.medium 		{ width: 400px; margin-left: -240px;}
	.briefPopUp-modal.large 		{ width: 600px; margin-left: -340px;}
	.briefPopUp-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.briefPopUp-modal .close-briefPopUp-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 12px;
		right: 11px;
		color: #fff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}

.pwpoptext {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	padding-top: 20px;
}
.popbox {
	width: 200px;
	margin: 20px auto;
	overflow-y: hidden;
}
.tttttewrw {
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	display: inline-block;
}
.pwpop {
	height: 32px;
	width: 200px;
	margin-right: 10px;
	float: left;
	box-sizing: border-box;
	-webkit-appearance: none;
  -moz-appearance:none;
  appearance: none;
  border-radius: 0px;
  border: 1px solid #666;
  padding-left: 7px;
}
.popbtnok{
	width: 70px;
	margin: 10px auto 5px;
	overflow-y: hidden;
}
.poptextbox {
	background-color: #324378;
	color:#fff;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	font-weight: 400;
}
.okvbr {
	width: 70px;
	float: left;
	height: 30px;
	border: 0;
	background-color: #333;
	color:#fff;
	font-size: 16px;
	margin-top: 20px;
	/* border-radius: 20px; */
	cursor: pointer;
	-webkit-appearance: none;
  -moz-appearance:none;
  appearance: none;
  border-radius: 0px;

}
}