@media only screen and (max-width : 320px) {

/* Styles */

.pagecontent {

    width: 300px;

    margin: 10px auto;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

}

.maincontent {

    background-color: #FFFFFF;

    color: #3d3a32;

    padding-left: 15px;

    padding-right: 15px;

}

.jv-swipe {
	width: 250px;
}

img {

    max-width: 260px;

    height: auto;

}


.testimonial {
	width: 240px;
}
.testimonial img {
	max-width: 60px;
}
.testimonial td {
	vertical-align: top;
}

.footlinks {

    padding-left: 0px;

}

.footlinks a {

    display: block;

    width: 300px;

    text-align:center;

    margin-bottom: 20px;

    color: #ffffff;

    font-size: 12pt;

}



.loginlabel {

    display: inline-block;

    width: 80px;

    text-align: left;

}



.loginbutton {

    margin-left: 0px;

}



.hrbar {

	max-width: 300px;

	width: 300px;

	margin-left: -5px;

}



.videoplayer {

	width: 280px;

}

h1 {
	font-size: 14pt;
}
.mailform {
	margin: 0 auto;
	width: 280px;
}
.mailform input {
	width: 260px;
	padding: 5px;
}


}



@media only screen and (min-width : 321px) and (max-width : 409px)  {

/* Styles */

.pagecontent {

    width: 340px;

    margin: 20px auto;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

}

.maincontent {

    background-color: #FFFFFF;

    color: #3d3a32;

    padding-left: 15px;

    padding-right: 15px;

}

.jv-swipe {
	width: 300px;
}


img {

    max-width: 300px;

    height: auto;

}

.testimonial {
	width: 280px;
}
.testimonial img {
	max-width: 100px;
}
.testimonial td {
	vertical-align: top;
}



.footlinks {

    padding-left: 0px;

}

.footlinks a {

    display: block;

    width: 340px;

    text-align:center;

    margin-bottom: 20px;

    color: #ffffff;

    font-size: 12pt;

}



.loginlabel {

    display: inline-block;

    width: 80px;

    text-align: left;

}



.loginbutton {

    margin-left: 0px;

}



.hrbar {

	margin-left: -5px;

	max-width: 340px;

	width: 340px;

}



.videoplayer {

	width: 320px;

}


h1 {
	font-size: 14pt;
}


}



@media only screen and (min-width : 410px) and (max-width : 639px) {

/* Styles */

.pagecontent {

    width: 390px;

    margin: 20px auto;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

}

.maincontent {

    background-color: #FFFFFF;

    color: #3d3a32;

    padding-left: 15px;

    padding-right: 15px;

}

.jv-swipe {
	width: 300px;
}


img {

    max-width: 340px;

    height: auto;

}

.testimonial {
	width: 320px;
}
.testimonial img {
	max-width: 100px;
}
.testimonial td {
	vertical-align: top;
}


.footlinks {

    padding-left: 0px;

}

.footlinks a {

    display: block;

    width: 390px;

    text-align:center;

    margin-bottom: 20px;

    color: #ffffff;

    font-size: 12pt;

}



.hrbar {

	max-width: 390px;

	width: 390px;

	margin-left: -5px;

}



.videoplayer {

	width: 370px;

}

h1 {
	font-size: 14pt;
}


}



@media only screen and (min-width : 640px) and (max-width : 767px)  {

/* Styles */

.pagecontent {

    width: 600px;

    margin: 30px auto;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

}

.maincontent {

    background-color: #FFFFFF;

    color: #3d3a32;

    padding-left: 20px;

    padding-right: 20px;

}

.jv-swipe {
	width: 500px;
}


img {

    max-width: 540px;

    height: auto;

}

.testimonial {
	width: 520px;
}


.hrbar {

	max-width: 600px;

	width: 600px;

}



.videoplayer {

	width: 580px;

}

h1 {
	font-size: 18pt;
}


}



@media only screen and (min-width : 768px) and (max-width : 1024px) {

/* Styles */

.pagecontent {

    width: 750px;

    margin: 30px auto;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

}

.maincontent {

    background-color: #FFFFFF;

    color: #3d3a32;

    padding-left: 20px;

    padding-right: 20px;

}



img {

    max-width: 700px;

    height: auto;

}

.testimonial {
	width: 680px;
}



.hrbar {

	max-width: 750px;

	width: 750px;

}



.videoplayer {

	width: 730px;

}





}



}