/* Computer */
.grid_1 {
	width: 6.5%;
}
.grid_2 {
	width: 15%;
}
.grid_3 {
	width: 23.5%; /* background:rgba(255, 255, 255, 0.8); */
}
/*.lifestyle-page .grid_3 { padding:10px;}*/
.grid_4 {
	width:31.3%;
}
.grid_5 {
	width: 40.5%;
}
.grid_6 {
	width: 49%;
}
.grid_7 {
	width: 57.5%;
}
.grid_8 {
	width: 66%;
}
.grid_9 {
	width: 74.5%;
}
.grid_10 {
	width: 83%;
}
.grid_11 {
	width: 91.5%;
}
.grid_12 {
	width: 100%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin: 0 20px 20px 0;
	float: left;
	display: block;
}
.gap_bottom {
	margin-bottom:90px;
}
.gap_top {
	/* margin-top:160px;*/ margin-top:18%;
}
.gap_mid {
	margin-top:100px;
}
.bg_thumbs img {
	max-width: 100%;
	/*max-height: 100%;*/
}
.alpha {
	margin-left:0;
}
.omega {
	margin-right:0;
}
.container {
	width: 98%;
	/*max-width: 1000px;*/
	margin: auto 1%;
}
.content{}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	position:relative;
	z-index:99;
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
* html .clearfix, *:first-child+html .clearfix {
	zoom:1
}

/*============== Responsive CSS starts Here ===========================*/

/* Responsive Images */

img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }
iframe { width:100%; border:none;}
 @media only screen and (max-width:1223px) {
	 h1 { margin-bottom:20px;}
	 .form-row label { width:100%;}
	 .form-row input, .form-row textarea { width:97.5%;}
	 #development-page .grid_9 { float:right;}
	 
 }
 @media only screen and (min-width: 1024px) and (max-width: 1223px) {
h1, #plans-page h1 {
	padding: 20px 0;
	text-align: center;
	word-spacing: 1px;
	min-width: 100%;
}
.logo img {
	 /* height: 115px; */
}
.navigation li {
	float: left;
	padding:0px 15px 0px;
}
.menu {
	height:150px;
}
.header {
	height: 115px;
}
.scroll-content .container .header {
	height: 205px;
}

/*========== ramesh@tivlabs.com =========*/
#development-page .grid_7 { width:52%;}

}
 @media only screen and (max-width:1023px) {
	 .gap_mid {margin-top:2%;}
	 #plans-page.grid_8 { width:100%;}
	 .header { padding:0;}
 }
 @media only screen and (min-width: 767px) and (max-width: 1023px) {
.navigation li {
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
}
/* _____________ menu ______________ */
#nav ul { margin:0 auto;}
	.navigation li {
	margin-left:20px;
}
/* ____________ //menu _____________ */
	
	.container {
	width: 724px;
	margin: 0 auto;
}
.container .alpha {
	margin-left: 0;
	margin-right: 5px;
}
.container .omega {
	margin-right: 0;
}
.container .respond_pad {
	padding-right:20px;
}
.grid_3 {
	width: 166px; padding:10px;
}
.grid_4 {
	width: 228px;
}
.grid_5 {
	width: 290px;
}
.grid_6 {
	width: 352px;
}
.grid_7 {
	width:380px;
}
.grid_8 {
	width: 440px;
}
.grid_9 {
	width: 538px;
}
.grid_12 {
	width: 724px;
}
h1, #plans-page h1 {
	min-width:100%;
}
.logo {
	text-align: center;
	width: 100%;
}
#nav {
	width: 100%;
}
.navigation {
	display: table;
	margin: 0 auto;
}
.navigation li a {
	font-size: 14px;
}
.gap_top { margin-top:50px;}
}
 @media only screen and (max-width: 766px) {
.logo {
	text-align: center;
}
.desktop_only {
	display: none;
}
.fright.grid_9.omega.rmm.graphite {max-width: 100% !important;}
.gap_top {margin-top:0;}
.fix-content { position:inherit;}
.scroll-content .container .header { height:auto;}
.header { margin-bottom:0; padding-bottom: 25px;}

.only_desktop_view { display:none;}
#plans-page h1 { margin-bottom:0;}

#nav.fright { float:left;}
.cbp-bicontrols { display:none;}

}
 @media only screen and (min-width: 480px) and (max-width: 766px) {
/* _____________ menu ______________ */
	#nav {
	margin:0;
}
.navigation li {
	padding:7px 7px 8px;
}
ul.navigation {
	float:none;
	margin:0;
}
/* ____________ //menu _____________ */	

	.container {
	width: 420px;
	margin: 0 auto;
}
.grid_1,  .grid_2,  .grid_3,  .grid_4,  .grid_5,  .grid_6,  .grid_7,  .grid_8,  .grid_9,  .grid_10,  .grid_11,  .grid_12 {
	width:420px;
}
.fright {
	float:none;
}
.fleft {
	float:none;
}
.grid_3 {
margin-right: 0;
padding: 20px 10px;
width:400px; margin-bottom:0;}
}
 @media screen and (max-width : 479px) {
.navigation li {
	padding:15px 7px 15px;
	font-size: 24px;
}
/* ____________ //menu _____________ */	
	.container {
	width: 300px;
	margin: 0 auto;
}
.grid_1,  .grid_2,  .grid_3,  .grid_4,  .grid_5,  .grid_6,  .grid_7,  .grid_8,  .grid_9,  .grid_10,  .grid_11,  .grid_12 {
	width:300px;
}
.fright {
	float:none;
}
.fleft {
	float:none;
}
.header { padding-bottom:0;}
.grid_3 {
margin-right: 0;
padding: 20px 10px;
width:280px; margin-bottom:0;}
}
 @media screen and (max-width : 399px) {
.navigation li {
	font-size:13px;
}
.container {
	width: 295px;
	margin: 0 auto;
}
.grid_1,  .grid_2,  .grid_3,  .grid_4,  .grid_5,  .grid_6,  .grid_7,  .grid_8,  .grid_9,  .grid_10,  .grid_11,  .grid_12 {
	width:295px;
}
.grid_3 {margin-right:0; padding:20px 10px; width:275px; margin-bottom:0;}
.team-inner-padding { padding-left:0;}
}
 @media screen and (max-width :320px) {
	 h1 { min-width:250px;}
	 .grid_3 {
margin-right: 0;
padding:20px;
width:250px; margin-bottom:0;}
 }
 @media screen and (max-width : 299px) {
.navigation li {
	font-size:13px;
}
.container {
	width: 195px;
	margin: 0 auto;
}
.grid_1,  .grid_2,  .grid_3,  .grid_4,  .grid_5,  .grid_6,  .grid_7,  .grid_8,  .grid_9,  .grid_10,  .grid_11,  .grid_12 {
	width:195px;
}
h1, #plans-page h1 {
	min-width:100%;
}
	 .grid_3 { width:195px; padding:0;}
}