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:748px;
}
.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: 748px;
}
.block-2 {
 width: 354px;
}
.block-3 {
 width: 226px;
}
.block-4 {
 width: 167px;
}
.port-frame {
	float:none;
}
#slider {
	box-shadow: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; }

/*---------------------------------------------- 
Map
------------------------------------------------*/


}
/* 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;  }		

.container {
	width:460px;
}
.section {
	min-height:100%;
}
.logo {
	width:120px;
	padding-top:10px;
}
.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;
}
#diagram {
	display:none;
}
#slider {
	box-shadow:none;
}
.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; }

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

/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 280px; }		
textarea { width: 280px;  }	
	
h2 {
	line-height:40px;
}
.container {
	width:300px;
}
.section {
	min-height:100%;
}
.logo {
	width:120px;
	padding-top:10px;
}
.nav {
	display:inline-block;
}
.logo img {
	width:100%;
	height:auto;
}

.block-1 {
 width: 280px;
}
.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:10px;
	width:80%;
	min-width:180px;
}
#slider {
	box-shadow:none;
}
.first-section{
	padding-top:100px;
}
.header {
	padding-top:80px;
}
.header-text {
	font-size:40px;
	line-height:30px;
	padding-bottom:60px;
}

#diagram {
	display:none;
}
ul.services-list li p {
margin-bottom: 15px;
}
.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; }

}