@media only screen and (max-width: 1500px) {
	#popcontainer {
		width: 100%;
	}
}

@media only screen and (max-width: 1300px) {
	#mainstagecarousel {
		min-height: 340px;
	}
	.carousel-item {
		min-height: 340px;
	}
	.img-center-vertical {
		height: 340px;
		width: auto;
	}
}

@media only screen and (max-width: 1200px) {
	#mainstagecarousel {
		min-height: 360px;
	}
	.carousel-item {
		min-height: 360px;
	}
	.img-center-vertical {
		height: 360px;
		width: auto;
	}
	#ebwmnavlogo {
		display: none;
	}
	#ebwmnavlogonologo {
		display: block;
	}
	#header, #container, #footer {
		width: 100%;
	}
}

@media only screen and (max-width: 1100px) {
	#mainstagecarousel {
		min-height: 380px;
	}
	.carousel-item {
		min-height: 380px;
	}
	.img-center-vertical {
		height: 380px;
		width: auto;
	}
	.col2rowtable1101 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1101 thead {
		display: none;
	}
	.col2rowtable1101 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable1101 tbody td:before {
		content: attr(data-title);
		font-weight: 600;
	}
}

@media only screen and (max-width: 1023px) {
	.col2rowtable1024 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1024 thead {
		display: none;
	}
	.col2rowtable1024 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable1024 tbody td:before {
		content: attr(data-title);
		font-weight: 600;
	}
}

@media only screen and (max-width: 1000px) {
	#mainstagecarousel {
		min-height: 400px;
	}
	.carousel-item {
		min-height: 400px;
	}
	.img-center-vertical {
		height: 400px;
		width: auto;
	}
	#logotextspan {
		display: none;
	}
	#logotext {
		font-size: 20px;
	}
	#logotextspan2 {
		display: block;
	}
	.col2rowtable1001 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1001 thead {
		display: none;
	}
	.col2rowtable1001 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable1001 tbody td:before {
		content: attr(data-title);
		font-weight: 600;
	}
}

@media only screen and (max-width: 991px) {
	.ebwmsignuplink {
		display: inline !important;
	}
	.ebwmsignupbutton {
		display: none;
	}
}

@media only screen and (max-width: 980px) {
	#sunminus, #sunplus, #readerbackground {
		display: none;
	}
}

@media only screen and (max-width: 900px) {
	#mainstagecarousel {
		min-height: 420px;
	}
	.carousel-item {
		min-height: 420px;
	}
	.img-center-vertical {
		height: 420px;
		width: auto;
	}
}

@media only screen and (max-width: 800px) {
	#mainstagecarousel {
		min-height: 440px;
	}
	.carousel-item {
		min-height: 440px;
	}
	.img-center-vertical {
		height: 440px;
		width: auto;
	}
	#menueline {
		/*top: 28px;*/
		right: 2%;
	}
}

@media only screen and (max-width: 767px) {
	.col2rowtable768 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable768 thead {
		display: none;
	}
	.col2rowtable768 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable768 tbody td:before {
		content: attr(data-title);
		font-weight: 600;
	}
}

@media only screen and (max-width: 700px) {
	#mainstagecarousel {
		min-height: 460px;
	}
	.carousel-item {
		min-height: 460px;
	}
	.img-center-vertical {
		height: 460px;
		width: auto;
	}
}

@media only screen and (max-width: 650px) {
	#popup1, #popup4 {
		width: 550px;
		left: -283px;
	}
	.listcontent2 {
		padding-left: 0px;
	}
	#logotextspan2 {
		display: none;
	}
	#headertoplogo {
		width: 117px;
		height: 122px;
		background: url('/media/logodrop4_logoonly_117x122_1e6ba4.png');
	}
}

@media only screen and (max-width: 600px) {
	#mainstagecarousel {
		min-height: 480px;
	}
	.carousel-item {
		min-height: 480px;
	}
	.img-center-vertical {
		height: 480px;
		width: auto;
	}
	#popup1, #popup4 {
		width: 500px;
		left: -258px;
	}
}

@media only screen and (max-width: 550px) {
	#popup1, #popup4 {
		width: 450px;
		left: -233px;
	}
}

@media only screen and (max-width: 500px) {
	#mainstagecarousel {
		min-height: 500px;
	}
	.carousel-item {
		min-height: 500px;
	}
	.img-center-vertical {
		height: 500px;
		width: auto;
	}	
	.fieldouterdiv {
		width: 95%;
	}
	#popup1, #popup4 {
		width: 400px;
		left: -208px;
	}
	.topmenuepoint {
		font-size: 16px;
	}
}

@media only screen and (max-width: 450px) {
	#popup1, #popup4 {
		width: 350px;
		left: -183px;
	}
	#menuepointline {
		bottom: 7px;
	}
}

@media only screen and (max-width: 400px) {
	#mainstagecarousel {
		min-height: 520px;
	}
	.carousel-item {
		min-height: 520px;
	}
	.img-center-vertical {
		height: 520px;
		width: auto;
	}
	#popup1, #popup4 {
		width: 300px;
		left: -158px;
	}
}

@media only screen and (max-width: 350px) {
	#popup1, #popup4 {
		width: 250px;
		left: -133px;
	}
}

@media only screen and (max-height: 500px) {
	#popup1, #popup4 {
		height: 400px;
		top: -208px;
	}
}

@media only screen and (max-height: 450px) {
	#popup1, #popup4 {
		height: 350px;
		top: -183px;
	}
	.hideonlowheight {
		display: none;
	}
}

@media only screen and (max-height: 400px) {
	#popup1, #popup4 {
		height: 300px;
		top: -158px;
	}
	.fieldouterdiv, .fieldinnerdiv {
		min-height: 40px;
	}
	input[type=text], input[type=password], input[type=file] {
		font-size: 12px;
		padding: 6px 5px;
		margin: 4px 0px;
	}
	.inputicon {
		top: 6px;
		font-size: 20px;
		padding-left: 9px;
		vertical-align: 20px;
		width: 30px;
		height: 30px;
	}
	.iconbutton {
		background-position: 10px 1px !important;
		background-size: 32px;
	}
	button, .divbutton {
		font-size: 14px !important;
	}
	.hideonlowheightstep2 {
		display: none;
	}
}

@media only screen and (max-height: 350px) {
	#popup1, #popup4 {
		height: 250px;
		top: -133px;
	}
	.fieldouterdiv, .fieldinnerdiv {
		min-height: 30px;
	}
	input[type=text], input[type=password], input[type=file] {
		font-size: 11px;
		padding: 4px 4px;
		margin: 2px 0px;
	}
	.inputicon {
		top: 4px;
		font-size: 16px;
		padding-left: 7px;
		vertical-align: 16px;
		width: 24px;
		height: 24px;
	}
	.iconbutton {
		background-position: 10px 1px !important;
		background-size: 29px;
	}
	button, .divbutton {
		font-size: 12px !important;
	}
	.hideonlowheightstep3 {
		display: none;
	}
}

@media only screen and (max-height: 1000px) {
	#menuediv {
		max-height: 850px;
	}
}
@media only screen and (max-height: 950px) {
	#menuediv {
		max-height: 800px;
	}
}
@media only screen and (max-height: 900px) {
	#menuediv {
		max-height: 750px;
	}
}
@media only screen and (max-height: 850px) {
	#menuediv {
		max-height: 700px;
	}
}
@media only screen and (max-height: 800px) {
	#menuediv {
		max-height: 650px;
	}
}
@media only screen and (max-height: 750px) {
	#menuediv {
		max-height: 600px;
	}
}
@media only screen and (max-height: 700px) {
	#menuediv {
		max-height: 550px;
	}
}
@media only screen and (max-height: 650px) {
	#menuediv {
		max-height: 500px;
	}
}
@media only screen and (max-height: 600px) {
	#menuediv {
		max-height: 450px;
	}
}
@media only screen and (max-height: 550px) {
	#menuediv {
		max-height: 400px;
	}
}
@media only screen and (max-height: 500px) {
	#menuediv {
		max-height: 350px;
	}
}
@media only screen and (max-height: 450px) {
	#menuediv {
		max-height: 300px;
	}
}
@media only screen and (max-height: 400px) {
	#menuediv {
		max-height: 250px;
	}
}
@media only screen and (max-height: 350px) {
	#menuediv {
		max-height: 200px;
	}
}
@media only screen and (max-height: 300px) {
	#menuediv {
		max-height: 150px;
	}
}
@media only screen and (max-height: 250px) {
	#menuediv {
		max-height: 100px;
	}
}