img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 1200px)  {
	
}
/* QUERIES FOR IPAD/TABLETPC  PORTRAIT AND LANDSSCAPE */
@media only screen and (max-width: 959px), only screen and (min-device-width: 768px) and (max-device-width: 959px) {
	/* Forms
	---------------------------------------- */
	.contact-form input[type=text],.contact-form input[type=password] { width: 177px; }		
	.contact-form textarea { width: 277px; }		/* padding issue (320 + 2*5 = 330) */

	/*---------------------------------------------- 
	General ID's or Classes
	------------------------------------------------*/
	.container {
		width:90%;
	}
	.navigation li a {
		min-width:88px;
	}
	.section {
		min-height:100%;
	}

	.navigation.scroll li a {
		min-width:88px;
	}
	.logo {
		width:110px;
		padding-top:30px;
	}
	.logo img {
		width:100%;
		height:auto;
	}
	.block-1 {
	 	width: 100%;
	}
	.block-2 {
	 	width: 40%;
	}
	.block-3 {
	 	width: 226px;
	}
	.block-4 {
	 	width: 167px;
	}
	#home .main {
		width: 46%;
	}
	#home .main-phone{
		width: 37%;
		float: right;
		top: 120px;
	}
	#home .main-phone img {
		right: 0px;
		top: 0px;
	}
	.specs, .the-phone{
		background-position: bottom right;
	}
	.subscription {
		min-height: 550px;
	}
	.port-frame {
		float:none;
	}
	.icon-middle {
		font-size:20px;
		line-height:40px;
	}

	.one_full { width: 100%; }
	.one_half  { width: 354px; }
	.one_third { width: 229px; }
	.two_third { width: 479px; }
	.one_fourth { width: 167px; }
	.two_fourth { width: 354px; }
	.three_fourth { width: 541px; }

}
/*Add the following code to "media.css" file */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	ul.tabs {
	border-bottom:none;
	}
	ul.tabs li {
	width: 100%;
	border-bottom:none;
	}
	ul.tabs li.active {
		border:none;
	}
	.tabs_contents {
	width: 100%;
	border:none;
	}
	.our-passion .block-os div {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Forms
---------------------------------------- */
.contact-form input[type=text],.contact-form input[type=password] { width: 400px; }		
.contact-form textarea { width: 435px;  }	

body {
	font-size: 18px;
}	

p, h2, h3, h4, ul {
	text-align: center;
}
p {line-height: 24px;}
h2 {
	line-height:40px;
	font-size: 40px;
}
h3 {
	font-size: 35px;
}
#home {
	min-height: 550px !important;
	background: #0478CD url(../img/rev01_rwd.jpg) no-repeat center center !important;
}
#home .main {
	width: 460px !important;
	text-align: center;
}
#home .main h2 {
	line-height: 60px;
	font-size: 55px;
}
#home .main-phone {
	display: none;
}
.the-phone{ 
	padding-bottom: 100%;
	background: #F2F3F5 url("../img/rev03_rwd.jpg") no-repeat bottom center;
	background-size: 100%;
}
.specs {
	background: #FFF url("../img/rev04_rwd.jpg") no-repeat bottom center;
	background-size: 100%;
	padding-bottom: 120%;
}
.subscription {
	min-height: 500px !important;
}
.subscription h2{
	font-size: 50px;
}
.form-subscription .container > div:first-child {
	padding: 40px;
}
input.wysija-email {
	width: 325px !important;
}
.btn_email, .wysija-submit {
	top: 18px !important;
	left: 300px !important;
}
.form-subscription h5{
	text-align: center;
}

hr.sep1 {
	margin: 30px auto !important;
	width: 115px;
	border: 0; 
	border-top: 1px solid #3992d6;
	height: 0;
}
hr.sep3 {
	margin: 30px auto !important;
	width: 115px;
	border: 0; 
	border-top: 1px solid #C9CBD0;
	height: 0;
}

.ptop50 { padding-top: 25px; }
.mtop60 { margin-top: 30px; }
.mtop100 { margin-top: 50px; }
.mbot30 { margin-bottom: 15px; }

.container {
	width:460px;
}
.section {
	min-height:100%;
}
.logo{ padding-top: 10px;}
.logo a{
	width:66px;
	height: 29px;
	background: url('../img/logo_rev_rwd.png') no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.nav {
	display:inline-block;
}
.logo img {
	width:100%;
	height:auto;
}
.block-1 {
 width: 440px;
}
.block-2 {
 width: 440px;
}
.block-3 {
 width: 440px;
}
.block-4 {
 width: 440px;
}
.port-frame {
	float:none;
}
ul.nav li {
	display:none;
}
.nav select {
	display:block;
	margin-top:10px;
	width:80%;
	min-width:300px;
	font-size: 18px;
	font-family: 'NettoOT', Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px;
}
.first-section{
	padding-top:100px;
}
.header {
	padding-top:80px;
}
.header-text {
	font-size:40px;
	line-height:30px;
	padding-bottom:60px;	
}

ul.services-list li p {
margin-bottom: 15px;
}
.flex-caption {
	display:none;
}
.circle-box {
padding: 90px 30px;
}
.cs-text-cut {
	font-size:120px;
	line-height:140px;
}
.cs-text-cut.medium {
	font-size:30px;
	line-height:40px;
	margin-bottom:10px;
}
.cs-text:hover .cs-text-cut:first-child {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-o-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.cs-text:hover .cs-text-cut:last-child {
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-o-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
opacity: 0.2;
}
.cs-text-mid {
	letter-spacing:0px;
	font-size:20px;
}
.icon-middle {
	font-size:20px;
	line-height:40px;
}

/*---------------------------------------------- 
Columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 460px; }
.one_third { width: 460px; }
.two_third { width: 460px; }
.one_fourth { width: 460px; }
.two_fourth { width: 460px; }
.three_fourth { width: 460px; }

}

.btn_email, .wysija-submit {
	top: 18px;
	left: 375px;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	body {
		font-size: 18px;
	}

	/* Forms
	---------------------------------------- */
	input[type=text], input[type=password] { width: 280px; }		
	textarea { width: 280px;  }	
		
	p, h2, h3, h4, ul {
		text-align: center;
	}
	p {line-height: 24px;}
	h2 {
		line-height:40px;
		font-size: 40px;
	}
	h3 {
		font-size: 35px;
	}
	#home {
	min-height: 550px !important;
	background: #FFF url(../img/rev01_rwd.jpg) no-repeat center center !important;
	}
	#home .main {width: 100%; text-align: center;}
	#home .main h2 {
		font-size: 50px;
	}
	#home .main-phone {
		display: none;
	}
	.container {
		width:300px;
	}
	.section {
		min-height:100%;
	}
	.navigation {
		background: rgba(0, 0, 0, 0.5);
	}
	.logo a{
		width:66px;
		height: 29px;
		background: url('../img/logo_rev_rwd.png') no-repeat;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.logo {
		padding-top:10px;
		padding-bottom: 10px;
	}
	hr.sep1 {
		margin: 30px auto !important;
		width: 115px;
		border: 0; 
		border-top: 1px solid #3992d6;
		height: 0;
	}
	hr.sep3 {
		margin: 30px auto !important;
		width: 115px;
		border: 0; 
		border-top: 1px solid #C9CBD0;
		height: 0;
	}
	.nav {
		display:inline-block;
	}
	.logo img {
		width:100%;
		height:auto;
	}
	.ptop50 { padding-top: 25px; }
	.mtop60 { margin-top: 30px; }
	.mtop100 { margin-top: 50px; }
	.mbot30 { margin-bottom: 15px; }
	.block-1 {
	 width: 100%;
	}
	.block-2 {
	 width: 280px;
	}
	.block-3 {
	 width: 280px;
	}
	.block-4 {
	 width: 280px;
	}
	.port-frame {
		float:none;
	}
	ul.nav li {
		display:none;
	}
	.nav select {
		display:block;
		margin-top:7px;
		width:80%;
		min-width:180px;
		font-size: 18px;
		font-family: 'NettoOT', Arial, Helvetica, sans-serif;
		color: #333;
		padding: 5px;
	}
	.first-section{
		padding-top:100px;
	}
	.header {
		padding-top:80px;
	}
	.header-text {
		font-size:40px;
		line-height:30px;
		padding-bottom:60px;
	}
	.our-passion .block-os div {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.the-phone{ 
		padding-bottom: 100%;
		background: #F2F3F5 url("../img/rev03_rwd.jpg") no-repeat bottom center;
		background-size: 100%;
	}
	.specs {
		background: #FFF url("../img/rev04_rwd.jpg") no-repeat bottom center;
		background-size: 100%;
		padding-bottom: 120%;
	}
	.subscription {
		min-height: 500px !important;
	}
	.subscription h2{
		font-size: 50px;
		margin-top: -50px;
	}
	.form-subscription .container > div:first-child {
		padding: 40px 20px;
	}
	.form-subscription h5{
		text-align: center;
	}
	.footer ul, .footer ul li{float: none;}
	.flex-caption {
		display:none;
	}
	.circle-box {
	padding: 36px 15px;
	}
	.circle-box h2 {
	font-size:16px;
	line-height:24px;
	}
	.c-font-80 {
		font-size:50px !important;
		line-height:50px !important;
	}
	.c-font-30 {
		font-size:24px !important;
		line-height:40px !important;
	}
	.cs-text-cut {
		font-size:120px;
		line-height:140px;
	}
	.cs-text-cut.medium {
		font-size:30px;
		line-height:40px;
		margin-bottom:10px;
	}
	.cs-text:hover .cs-text-cut:first-child {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	}
	.cs-text:hover .cs-text-cut:last-child {
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-o-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	opacity: 0.2;
	}
	.cs-text-mid {
		letter-spacing:0px;
		font-size:20px;
	}
	.icon-middle {
		font-size:20px;
		line-height:40px;
	}

	.one_full { width: 100%; }
	.one_half  { width: 300px; }
	.one_third { width: 300px; }
	.two_third { width: 300px; }
	.one_fourth { width: 300px; }
	.two_fourth { width: 300px; }
	.three_fourth { width: 300px; }

	input.wysija-email {
		width: 245px !important;
	}
	.btn_email, .wysija-submit {
		top: 18px;
		left: 223px;
	}
}