/* MOBILE MEDIA QUERIES 1024 */

@media screen and (max-width: 1024px) {
#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 15%;
	float: left;
}
#nav-wrap {
	position: relative;
	width: 85%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	position: relative;
	width: 20%;
	float: left;
}
#main-wrapper {
	position: relative;
	width: 80%;
	float: left;
}
#text1 {
	position: relative;
	width: 56%;
	padding: 2%;
	float: left;
}
#image {
	position: relative;
	width: 40%;
	float: left;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 46%;
	float: left;
}
#video2 {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 46%;
	padding: 2%;
	float: left;
}
#left-text {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#text-right {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android landscape */

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

#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 10%;
	float: left;
}
#nav-wrap {
	position: relative;
	width: 90%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	position: relative;
	width: 20%;
	float: left;
}
#main-wrapper {
	position: relative;
	width: 80%;
	float: left;
}
#text1 {
	position: relative;
	width: 56%;
	padding: 2%;
	float: left;
}
#image {
	position: relative;
	width: 40%;
	float: left;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 46%;
	float: left;
}
#video2 {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 46%;
	padding: 2%;
	float: left;
}
#left-text {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#text-right {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}



}


/* MOBILE MEDIA QUERIES iPad portrait */

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

#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 20%;
	float: left;
}
#nav-wrap {
	position: relative;
	width: 80%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	position: relative;
	width: 20%;
	float: left;
}
#main-wrapper {
	position: relative;
	width: 80%;
	float: left;
}
#text1 {
	position: relative;
	width: 56%;
	padding: 2%;
	float: left;
}
#image {
	position: relative;
	width: 40%;
	float: left;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 46%;
	float: left;
}
#video2 {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 46%;
	padding: 2%;
	float: left;
}
#left-text {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#text-right {
	position: relative;
	width: 46%;
	float: left;
	padding: 2%;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android portrait / Galaxy Tab */

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

#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 20%;
	float: left;
}
#nav-wrap {
	position: relative;
	width: 80%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	display: none;
}
#main-wrapper {
	position: relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;

}
#text1 {
	position: relative;
	width: 98%;
	padding: 2%;

}
#image {
	position: relative;
	width: 100%;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 98%;

}
#video2 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 96%;
	padding: 2%;

}
#left-text {
	position: relative;
	width: 96%;
	padding: 2%;
}
#text-right {
	position: relative;
	width: 96%;
	padding: 2%;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}


}


/* MOBILE MEDIA QUERIES Mobile iPhone 6plus */

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

#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 100%;
	text-align:center;

}
#nav-wrap {
	position: relative;
	width: 80%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-left:15%;
}
.clear {
	clear: both;
}
#left-column {
	display: none;
}
#main-wrapper {
	position: relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;

}
#text1 {
	position: relative;
	width: 98%;
	padding: 2%;
	text-align:center;

}
#image {
	position: relative;
	width: 100%;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 98%;

}
#video2 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 96%;
	padding: 2%;

}
#left-text {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#text-right {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}



}



/* MOBILE MEDIA QUERIES Mobile iPhone 6 */

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

#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 100%;
	text-align:center;

}
#nav-wrap {
	position: relative;
	width: 80%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	display: none;
}
#main-wrapper {
	position: relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;

}
#text1 {
	position: relative;
	width: 98%;
	padding: 2%;
	text-align:center;

}
#image {
	position: relative;
	width: 100%;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 98%;

}
#video2 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 96%;
	padding: 2%;

}
#left-text {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center
}
#text-right {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}



}



/* MOBILE MEDIA QUERIES Mobile Anroid */

@media screen and (max-width: 360px) {
#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 100%;
	text-align:center;

}
#nav-wrap {
	position: relative;
	width: 80%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	display: none;
}
#main-wrapper {
	position: relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;

}
#text1 {
	position: relative;
	width: 98%;
	padding: 2%;
	text-align:center;

}
#image {
	position: relative;
	width: 100%;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 98%;

}
#video2 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 96%;
	padding: 2%;

}
#left-text {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center
}
#text-right {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}


}


/* MOBILE MEDIA QUERIES Mobile Lumia */

@media screen and (max-width: 320px) {
#wrapper {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	width: 100%;
	text-align:center;

}
#nav-wrap {
	position: relative;
	width: 80%;
	float: left;
}
#navigation {
	position: relative;
	width: 100%;
}
#strap-line {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.clear {
	clear: both;
}
#left-column {
	display: none;
}
#main-wrapper {
	position: relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;

}
#text1 {
	position: relative;
	width: 98%;
	padding: 2%;
	text-align:center;

}
#image {
	position: relative;
	width: 100%;
	text-align: center;
}
#video1 {
	position: relative;
	padding: 2%;
	width: 98%;

}
#video2 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video3 {
	position: relative;
	width: 98%;
	padding: 2%;
}
#video4 {
	position: relative;
	width: 96%;
	padding: 2%;

}
#left-text {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center
}
#text-right {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#fullpage-content {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align:center;
}
#footer {
	position: relative;
	width: 96%;
	padding: 2%;
	text-align: center;
}


}