/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	RESPONSIVE [Media Queries]
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/
img {
	max-width: 100%;
	/* just in case, to force correct aspet ratio */
	height: auto !important;
	width: auto\9; /* ie8 */
}
a img { border: 0px; }
video {
  max-width: 100%;
  /* just in case, to force correct aspet ratio */
  height: auto !important;
}
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container .mejs-video, .video-container .mejs-layer, .video-container video{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}


@media only screen and (min-width: 1280px) {
	
}
@media only screen and (max-width: 1658px) {

}

@media only screen and (max-width: 1168px) {
	.content{ max-width:960px; }
	
		h1{
		font-size:48px;
		line-height:48px;
		margin-bottom:10px;
	}
	h2{
		font-size:36px;
		line-height:36px;
		margin-bottom:10px;
	}
	h3{
		font-size:24px;
		line-height:24px;
		margin-bottom:10px;
	}
	h4{
		font-size:18px;
		line-height:24px;
		margin-bottom:10px;
	}
	h5{
		font-size:16px;
		line-height:19px;
	}
	h6{
		font-size:13px;
		line-height:17px;
	}
	.giant{
		font-size:48px;
		line-height:48px;
	}
	.midGiant{
		font-size:30px;
		line-height:48px;
	}
	
	
}

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

#login_box .login_btn, #login_box .signup_btn{
	padding: 5px 2px;
	width: 100%;
	font-size: 12px!important;
}
#navigation li a{
	padding: 0 6px;
}



@media only screen and (orientation:landscape) and (min-width: 1024px) and (max-width: 1024px) {
	.content{ max-width:100%; margin:0 auto; }
	
	.grid_item{ width:25%; }

}
    
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	

	.content{ max-width:768px; }
	
	h1{
		font-size:48px !important;
		line-height:48px;
		margin-bottom:10px;
	}
	h2{
		font-size:36px;
		line-height:36px;
		margin-bottom:10px;
	}
	h3{
		font-size:24px;
		line-height:24px;
		margin-bottom:10px;
	}
	h4{
		font-size:18px;
		line-height:24px;
		margin-bottom:10px;
	}
	h5{
		font-size:16px;
		line-height:19px;
	}
	h6{
		font-size:13px;
		line-height:17px;
	}
	.giant{
		font-size:48px;
		line-height:48px;
	}
	.midGiant{
		font-size:30px;
		line-height:48px;
	}
	
	.icon_seo, .icon_bubble, .icon_devices {
		font-size: 16px;
		line-height: 23px;
		padding: 20px 0 20px 100px;
	}
	
	#login_box{ padding-top: 17px;
width: 120px;
text-align: center; }
	#login_box .login_btn,
	#login_box .signup_btn {
	padding: 5px 10px;
width: 80%;
margin-bottom: 8px;
	}
	
#pricingTable .first .pricingTable_row{
	font-size:12px;
}

	
}
@media only screen and (orientation:portrait) and (min-width: 767px) and (max-width: 768px) {

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.icon_seo, .icon_bubble, .icon_devices {
		font-size: 16px;
		line-height: 23px;
		padding: 20px 0 20px 100px;
	}

	
	.start_form .start_field,
	.start_form .start_submit {
	width: 100%;
	margin-bottom:10px;
	}
	
	#navigation{ display:none; }
	#mobileMenu_tool_container{ display:block; }

	#login_box{ padding-top: 20px; width: 153px; }
	#login_box .login_btn, #login_box .signup_btn {
	padding: 2px 1px;
	width: 46%;
	text-align: center;
	font-size: 13px;
	}
	
	#pricingTable .forMobile{
	display:block;
	}
	#pricingTable .pricingTable_col.first{
		float:left;
		margin:0 1%;
		width:50%;
	}
	#pricingTable .pricingTable_col{
		float:left;
		margin:0 1%;
		width:46%;
	}
	
	#pricingTable .highlighted {
		border: 1px dashed #0086ca;
		padding: 10px;
		position: relative;
		top: -11px;
		left: 0px;
		width: 41%;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
		-o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.content{
		max-width:420px;
}
	
	#page_content{
		width:100%;
		padding:20px 0px !important;
	}
	#sidebar{
		padding:20px 0px !important;
		width:100%;
		border:none;
		margin-top:0;
	}

	
	.one-full,
	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.widget_col{
		width:100% !important;
		max-width:480px;
		margin-left:0%;
		margin-right:0%;
		
    }
	
	#mobileMenu_tool_container {
	width: 150px;
	height: 34px;
	right: 20px;
	bottom: 15px;
}
.features_box{
	border-bottom:1px solid #e9e9e9;
	border-right:none !important;
	float:none;
	width:100%;
}
	

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.content{ max-width:280px; }
	#page_title{ text-align:center; }
	.one-full,
	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.widget_col{
		width:100% !important;
		margin-left:0% !important;
		margin-right:0% !important;
    }
	#mobileMenu_tool_container {
	display: block;
	width: 100%;
	}
	#header_logo{ display:block; text-align:center; float:none; margin-bottom:20px;}
	#header_logo a{ display: inline-block;}
	#login_box{ display:none; }
	#main .content{ padding-top:110px; }

.features_box{
	border-bottom:1px solid #e9e9e9;
	border-right:none !important;
	float:none;
	width:100%;
}
#footer{ text-align:center !important; }
#footer .right{ text-align:center !important; }
#footer h4{ margin-bottom:0; }

	#pricingTable .headingTable {
		font-size: 17px;
		padding: 6px;
		height: 152px;
	}

	#pricingTable .pricingTable_col.first{
		float:left;
		margin:0 0%;
		width:60%;
	}
	#pricingTable .pricingTable_col {
		float: left;
		margin: 0 0 0 3%;
		width: 35%;
		font-size: 13px;
	}
	#pricingTable .headPrice_cell {
		font-size: 25px;
		line-height: 43px;
	}
	#pricingTable .dollar {
	top: 3px;
	}
	#pricingTable .first_head {
		font-size: 22px;
	}
	#pricingTable .pricingTable_row {
		padding: 0 6px;
		line-height: 35px;
	}
	#pricingTable .endPrice_cell {
		font-size: 25px;
		line-height: 23px;
	}
	#pricingTable .pricingTable_end {
		padding: 6px;
	}
	#pricingTable .endPrice_cell .dollar {
		top: 2px;
	}
	#pricingTable .button {
		padding: 0 0px;
		line-height:21px;
	}
	#pricingTable .highlighted {
		padding: 4px;
		top: -11px;
		width: 33%;
	}
	#pricingTable .highlighted .headPrice_cell {
	font-size: 25px;
	line-height: 30px;
	}



}

/* RETINA DEVICES */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  

}