/* Reponsive.css */

/* Tablet */

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

body {padding-left: 0px;padding-right: 0px;font-size:100%;}
/*-------------------------- Navbar --------------------------*/
.nav-container {position:fixed;top:0;height:120px;width:100%;}
.navigation{
	text-align:right;
	margin-right:10px;
}
.navigation li.models,.navigation li.aboutus,.navigation li.signup,.navigation li.contact,.navigation li.warranty{
	font-size:10px;	
	padding:24px 0 0 0;
	margin: 0 0;
	width:12%;	
}

/* Slide 1 */
#slide1 .welcome{
	top:35%;
	left:15%;
}
#slide1 .intro{
	top:35%;
	left:15%;
	margin-top:60px;
}
#slide1 .message{
	top:35%;
	left:15%;
	margin-top:104px;
	width:300px;
}
#slide1 .welcome h1{
	font-size:90px;
}
/* Slide 2 */
#slide2 .intro{
	top:35%;
	left:15%;
}
#slide2 .message{
	top:35%;
	left:15%;
	margin-top:10px;
}
/* Slide 3 */
#slide3 .intro{
	top:35%;
	left:15%;
}
#slide3 .signup{
	top:35%;
	left:15%;
	margin-top:50px;
}
#slide3 .follow{
	top:35%;
	left:15%;
	margin-top:150px;
}
/* Slide 4 */
#slide4 .intro{
	top:35%;
	left:15%;
}
#slide4 .contact{
	top:35%;
	left:15%;
	margin: 60px 0 0 0;
}
/* Footer */
#slide4 .footer .col1,#slide4 .footer .col2,#slide4 .footer .col3,#slide4 .footer .col4{
	margin:15px 1%;
	font-size:10px;
}
#slide4 .footer .col1{
	display:none;
}
#slide4 .footer .col2{
	margin-left:2%;
	width:28%;
}
#slide4 .footer .col3{
	width:28%;
}
#slide4 .footer .col4{
	width:36%
}
}

/* Menu Overlapping Fix */
@media screen and (max-width: 800px) {
	body {padding-left: 0px;padding-right: 0px;font-size:100%;}
	.navigation{text-align:left;margin-right:0;}
	.navigation li.logo{top:10px;left:50%;margin-left:-150px;}
	.navigation li.models,.navigation li.aboutus,.navigation li.signup,.navigation li.contact,.navigation li.warranty{font-size:10px;padding:0 0 20px 0;margin:0 0;width:18.5%;margin-top:106px !important;}
}

/* Phone */
@media screen and (max-width: 640px) {
body {padding-left: 0px;padding-right: 0px;font-size:100%;}
/*-------------------------- Lightbox --------------------------*/

.lightbox div{
	padding:5% 5%;
}
.lightbox div p,
div.dropdown ol,
div.dropdown ul{
	line-height:1em;
}
body div.lightbox div.close_bar.button {
	width: 90%;
}
.lightbox .lightwrap {
	width: 90%;
	padding: 5% 0;
}
#warranty-lightbox.lightbox .lightwrap {
	width: 88%;
	padding: 5% 1% 15% 1%;
}
h3.dropdown_link {
}
/*-------------------------- Navbar --------------------------*/
.nav-container {
	height:120px;
	width:100%;
}
.navigation{
	text-align:left;
	margin-right:0;
}
.navigation li.logo{
	top:10px;
	left:50%;
	margin-left:-150px;
}
.navigation li.models,.navigation li.aboutus,.navigation li.signup,.navigation li.contact,.navigation li.warranty{
	font-size:10px;	
	padding:0 0 20px 0;
	margin:0 0;
	width:18.5%;
	margin-top:106px !important;
}
.navigation li.models div,.navigation li.aboutus div,.navigation li.signup div,.navigation li.contact div,.navigation li.warranty div{
	display:none;
}

/* Slide 1 */
#slide1{
	background-image:url(../images/slide1/bg_home_m.jpg);
	background-position: left top;
}
#slide1 .welcome{
	top:37%;
	left:15%;
}
#slide1 .intro{
	top:37%;
	left:15%;	
	margin-top:24px;
	width:280px;
}
#slide1 .message{
	display:none;
	/*top:37%;
	left:15%;
	margin-top:70px;
	width:280px;*/
}
#slide1 .welcome h1{
	font-size:3.5em;
}
#slide1 .intro h2{
	font-size:12px;	
	line-height:1.5em;
	font-weight: 600;
}
#slide1 .message p{
	font-size:12px;
	line-height:1.5em;
}
/* SLIDE 2 */
#slide2{
	background-image:url(../images/slide2/bg_about_m.jpg);
	background-position: left top;
}
#slide2 .intro{
	top:37%;
	left:15%;
	width:280px;
}
#slide2 .message{
	top:37%;
	left:15%;
	width:280px;
	margin-top:16px;
}
#slide2 .intro h2{
	font-size:14px;
}
#slide2 .message {
	font-size:21px;
	line-height:24px;
}
#slide2 .message h2 {
	font-size:30px;
	line-height:1em;
}
#slide2 .message p {
	font-size: 14px;
	width: 280px;
	line-height: 1.2em;
	font-weight:400;
}
/* Slide 3 */
#slide3{
	background-image:url(../images/slide3/bg_signup_m.jpg);
	background-position: left top;
}
#slide3 .intro{
	top:37%;
	left:15%;
	width:280px;
}
#slide3 .signup{
	top:37%;
	left:15%;
	margin-top:30px;
	width:280px;
}
#slide3 .follow{
	top:37%;
	left:15%;
	margin-top:170px;
}
#slide3 .intro{
	font-size:30px;
	line-height:1em;
}
#slide3 .signup{
	font-size:12px;
}
#slide3 .follow{
	font-size:12px;
}
/* Slide 4 */
#slide4{
	background-image:url(../images/slide4/bg_contact_m.jpg);
	background-position: center top;
}
#slide4 .intro{
	top:30%;
	left:15%;
	width:280px;
}
#slide4 .contact{
	top:30%;
	left:15%;
	margin:50px 0 0 0;
	width:280px;
}
#slide4 .intro h2{
	font-size:30px;
	line-height:1em;
}
#slide4 .contact{
	font-size:12px;
}
#slide4 .contact form{
	width:280px;
	float:left;
}
#slide4 .contact form input[type="text"],#slide4 .contact form textarea{
	width:260px;
}
#slide4 .contact form button#submit_btn,#slide4 .contact form select{
	width:280px;
}
/* Footer */
#slide4 .footer .col1,#slide4 .footer .col2,#slide4 .footer .col3,#slide4 .footer .col4{
	margin:0 0 0 4%;
	font-size:10px;
	line-height:16px;
}
#slide4 .footer .col1{
	display:none;
}
#slide4 .footer .col2{
	margin-top:10px;
	width:96%;
}
#slide4 .footer .col3{
	width:96%;
}
#slide4 .footer .col4{
	margin-bottom:10px;
	width:96%;
}
}

/* iPad 1, 2, 3, Mini Potrait & Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
body {padding-left: 0px;padding-right: 0px;font-size:100%;}
/*-------------------------- Lightbox --------------------------*/

.lightbox div{
	padding:5%;
}
body div.lightbox div.close_bar.button {
	width: 98%;
}
.lightbox .lightwrap {
	width: 100%;
	padding: 5%;
}
#warranty-lightbox.lightbox .lightwrap {
	width: 90%;
	padding: 5% 5% 2% 5%;
}
/*-------------------------- Navbar --------------------------*/
.nav-container {
	height:120px;
	width:100%;
}
.navigation{
	text-align:right;
	margin-right:10px;
}
.navigation li.models,.navigation li.aboutus,.navigation li.signup,.navigation li.contact,.navigation li.warranty{
	font-size:10px;	
	padding:24px 0 0 0;
	margin: 0 0;
	width:12%;	
}
.navigation li.logo{
	width:300px;
	height:66px;
	background-size:300px 64px;
	background: url(../images/merlin-logo-retina.png) no-repeat 0px 2px;
}
/* Slide 1 */
#slide1 .welcome{
	top:35%;
	left:15%;
}
#slide1 .intro{
	top:35%;
	left:15%;
	margin-top:90px;
}
#slide1 .message{
	top:35%;
	left:15%;
	margin-top:104px;
	width:300px;
}
#slide1 .welcome h1{
	font-size:90px;
}
/* Slide 2 */
#slide2 .intro{
	top:35%;
	left:15%;
}
#slide2 .message{
	top:35%;
	left:15%;
	margin-top:36px;
}
/* Slide 3 */
#slide3 .intro{
	top:35%;
	left:15%;
}
#slide3 .signup{
	top:35%;
	left:15%;
	margin-top:130px;
}
#slide3 .follow{
	top:35%;
	left:15%;
	margin-top:190px;
}
/* Slide 4 */
#slide4 .wrapper{
	background-image:url(../images/slide4/bg_contact_m.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide4 .intro{
	top:25%;
	left:15%;
}
#slide4 .contact{
	top:25%;
	left:15%;
	margin: 130px 0 0 0;
}
/* Footer */
#slide4 .footer .col1,#slide4 .footer .col2,#slide4 .footer .col3,#slide4 .footer .col4{
	margin:15px 1%;
	font-size:10px;
}
#slide4 .footer .col1{
	display:none;
}
#slide4 .footer .col2{
	margin-left:2%;
	width:28%;
}
#slide4 .footer .col3{
	width:28%;
}
#slide4 .footer .col4{
	width:36%
}
}

/* iPhone 5 Potrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
/* STYLES GO HERE */

}

/* iPhone 2G, 3G, 4, 4S Potrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
body {
    padding-left: 0px;
    padding-right: 0px;
    font-size:100%;
}
/*-------------------------- Lightbox --------------------------*/
.lightbox{
	width:90%;
	overflow:hidden;
	padding-bottom:10%;
}
.lightbox div{
	padding:5% 5% 0 5%;
}
.lightbox div p,
div.dropdown ol,
div.dropdown ul{
	font-size:3em;
	line-height:1em;
}
body div.lightbox div.close_bar.button {
	width: 93%;
	margin:1% 5% 0 2%;
	font-size:2em;
	bottom:0;
}
.lightbox .lightwrap {
	width: 80%;
	padding: 5% 0;
}
#warranty-lightbox.lightbox .lightwrap {
	width: 80%;
	padding: 5% 0 15% 0;
}
h3.dropdown_link {
	font-size: 2em;
}
/*-------------------------- Navbar --------------------------*/
.nav-container {
	height:120px;
	width:100%;
}
.navigation{
	text-align:left;
	margin-right:0;
}
.navigation li.logo{
	top:10px;
	left:50%;
	margin-left:-150px;
}
.navigation li.models,.navigation li.aboutus,.navigation li.signup,.navigation li.contact,.navigation li.warranty{
	font-size:26px;	
	padding:0 0 20px 0;
	margin:0 0;
	width:18.5%;
	margin-top:106px !important;
}
.navigation li.models div,.navigation li.aboutus div,.navigation li.signup div,.navigation li.contact div,.navigation li.warranty div{
	display:none;
}
/* Slide 1 */
#slide1{
	background-image:url(../images/slide1/bg_home_m.jpg);
	background-position: left top;
}
#slide1 .welcome{
	top:37%;
	left:15%;
}
#slide1 .intro{
	top:37%;
	left:15%;	
	margin-top:120px;
	width:620px;
}
#slide1 .message{
	top:37%;
	left:15%;
	margin-top:220px;
	width:620px;
}
#slide1 .welcome h1{
	font-size:120px;
}
#slide1 .intro h2{
	font-size:2.5em;
	font-weight: 600;
}
#slide1 .message p{
	font-size:2.5em;
	line-height:1em;
}
/* SLIDE 2 */
#slide2{
	background-image:url(../images/slide2/bg_about_m.jpg);
	background-position: left top;
}
#slide2 .intro{
	top:37%;
	left:15%;
	width:620px;
}
#slide2 .message{
	top:37%;
	left:15%;
	margin-top:100px;
	width:620px;
}
#slide2 .intro h2{
	font-size:2.5em;
}
#slide2 .message {
	font-size:4.5em;
}
#slide2 .message h2 {
	font-size:1em;
}
#slide2 .message p {
	font-size: 35px;
	width: 620px;
	line-height: 1em;
	font-weight:400;
}
/* Slide 3 */
#slide3{
	background-image:url(../images/slide3/bg_signup_m.jpg);
	background-position: left top;
}
#slide3 .intro{
	top:37%;
	left:15%;
	width:620px;
}
#slide3 .signup{
	top:37%;
	left:15%;
	margin-top:240px;
	width:620px;
}
#slide3 .follow{
	top:37%;
	left:15%;
	margin-top:320px;
	width:620px;
}
#slide3 .intro{
	font-size:4.5em;
}
#slide3 .signup{
	font-size:2.5em;
}
#slide3 .follow{
	font-size:1.5em;
}
/* Slide 4 */
#slide4{
	background-image:url(../images/slide4/bg_contact_m.jpg);
	background-position: left top;
}
#slide4 .wrapper{
	background-image:url(../images/slide4/bg_contact_m.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide4 .intro{
	top:10%;
	left:15%;
	width:620px;
}
#slide4 .contact{
	top:10%;
	left:15%;
	margin: 390px 0 0 0;
	width:620px;
}
#slide4 .intro h2{
	font-size:4.5em;
}
#slide4 .contact{
	font-size:2em;
}
#slide4 .contact form{
	width:620px;
	float:left;
}
#slide4 .contact form input[type="text"],
#slide4 .contact form textarea{
	width:600px;
}
#slide4 .contact form button#submit_btn,
#slide4 .contact form select{
	width:620px;
}
/* Footer */
#slide4 .footer .col1,#slide4 .footer .col2,#slide4 .footer .col3,#slide4 .footer .col4{
	margin:0 0 0 4%;
	font-size:10px;
	line-height:16px;
}
#slide4 .footer .col1{
	display:none;

}
#slide4 .footer .col2{
	margin-top:10px;
	width:96%;
}
#slide4 .footer .col3{
	width:96%;
}
#slide4 .footer .col4{
	margin-bottom:10px;
	width:96%;
}
}