/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	RESPONSIVE CSS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
	-------------------------------------
	HACKS
	-------------------------------------
*/
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a img { border: 0px; }

.video-container {position: relative;padding-bottom: 49.5%;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;}



/*
	-------------------------------------
	Smaller than standard 960 (devices and browsers)
	-------------------------------------
*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
*, html{
	-webkit-font-smoothing: antialiased;
}

#header .content{max-width:768px;}
#slider .content{max-width:728px;}
#free_zone .content{max-width:768px;}
#title_bar .content{max-width:728px;}
#main .content{max-width:768px;}
#twitter_zone .content{max-width:768px;}
#footer .content{max-width:728px;}


.one-full { 		width: 728px; }
.one-half { 		width: 354px; }
.one-third { 		width: 229px; }
.two-third { 		width: 478px; }
.one-fourth {		width: 167px; }
.two-fourth { 		width: 354px; }
.three-fourth { 	width: 542px; }
.one-fifth { 		width: 130px; }
.two-fifth { 		width: 280px; }
.three-fifth { 		width: 430px; }
.four-fifth { 		width: 580px; }


#page_content { width: 415px; }
#page_content .one-half, #page_content .one-third, #page_content .two-third, #page_content .one-fourth, #page_content .two-fourth, #page_content .three-fourth, #page_content .one-fifth, #page_content .two-fifth, #page_content .three-fifth, #page_content .four-fifth{ float: none; width:100%; margin-left:0; margin-right:0; }

#header #header_logo h1{
	display:block; 
	margin-left:10px;
	font-size:11px;
}
#header #navigation ul li{ margin:0 2px; }
#header #navigation ul li a {
font-size: 13px;
padding: 0 8px;
}

#navigation a{ font-size: 16px; }

.es-carousel ul li{ width:230px !important; }
.es-carousel ul li h4{
	font-size: 13px !important;
	margin-bottom:0px;
	line-height: 19px !important;
}
.flex-slide{min-height:400px !important;height:100% !important;} 
.flexslider:hover .next{ right:10px !important; }
.flexslider:hover .prev{ left:10px !important; }
.flex-caption { margin: 0 0 0 -380px !important; }
.flex-caption2 { margin: 0 0 0 190px !important; }
.biglines{ font-size:16px; }

.cols_4{
	width:165px;
}
.cols_4 h4{
	font-size:13px;
	margin-bottom:0 !important;
}
.cols_4 span{
	font-size:11px;
	margin-bottom:0 !important;
}
.cols_4 .zoom {
margin: -52px 0 0 -31px !important;
}

.cols_3{
	width:230px;
}
.cols_2{
	width:354px;
}
.cols_1{
	width:728px;
}

#grid_blog h4{
	font-size:13px;
	margin-bottom:0 !important;
}
#grid_blog .comment_bubble{
	display:none;
}


#twitter_zone .content { padding: 30px 0 20px 0; }
#footer #footer_widgets .widget_col { width: 182px; }
#footer_navigation { width: 100%; }
#footer_navigation ul {
padding: 0 20px 10px 0;
border-bottom: 1px solid #333;
border-right:none;
}
#footer .copyright { width: 100%; padding: 0 0 10px 0; }




	.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
		width:710px;
		margin:20px 0 30px 0;
	}
	
	.pricing-table.col-2 .plan{
		float:left;
		width:354px;
		display: block;
	}
	.pricing-table.col-3 .plan{
		float:left;
		width:236px;
		display: block;
	}
	.pricing-table.col-4 .plan{
		float:left;
		width:176px;
		display: block;
	}
	.pricing-table.col-5 .plan{
		float:left;
		width:141px;
		display: block;
	}
	
	#comments .commentlist .avatar{
	float:left;
	margin-right:10px;
	margin-top:3px;
	width:30px !important; height:30px !important;
}

#comments .commentlist ul li .avatar{
	position:absolute;
	top:6px;
	left:5px;
	width:24px !important; height:24px !important;
}
	
}

/*
	-------------------------------------
	IPAD Portrait
	-------------------------------------
*/

@media (max-width: 768px) and (orientation: portrait) { 

#header .content{max-width:768px;}
#slider .content{max-width:728px;}
#free_zone .content{max-width:768px;}
#title_bar .content{max-width:728px;}
#main .content{max-width:768px;}
#twitter_zone .content{max-width:768px;}
#footer .content{max-width:728px;}

.one-full { 		width: 728px; }
.one-half { 		width: 354px; }
.one-third { 		width: 229px; }
.two-third { 		width: 478px; }
.one-fourth {		width: 167px; }
.two-fourth { 		width: 354px; }
.three-fourth { 	width: 542px; }
.one-fifth { 		width: 130px; }
.two-fifth { 		width: 280px; }
.three-fifth { 		width: 430px; }
.four-fifth { 		width: 580px; }


#page_content { width: 415px; }
#page_content .one-half, #page_content .one-third, #page_content .two-third, #page_content .one-fourth, #page_content .two-fourth, #page_content .three-fourth, #page_content .one-fifth, #page_content .two-fifth, #page_content .three-fifth, #page_content .four-fifth{ float: none; width:100%; margin-left:0; margin-right:0; }


}


/*
	-------------------------------------
	SMARTPHONE and IPHONE Landscape
	-------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 765px) {

h1{
	font-size:48px;
	line-height:60px;
}
h2{
	font-size:36px;
	line-height:39px;
}
h3{
	font-size:24px;
	line-height:24px;
	margin-bottom:10px;
}
h4{
	font-size:16px;
	line-height:22px;
	margin-bottom:10px;
}
h5{
	font-size:14px;
	line-height:20px;
	margin-bottom:8px;
}
h6{
	font-size:13px;
	line-height:17px;
	margin-bottom:5px;
}


#header .content{max-width:480px;}
#slider .content{max-width:440px;}
#free_zone .content{max-width:480px;}
#title_bar .content{max-width:440px;}
#main .content{max-width:480px;}
#twitter_zone .content{max-width:480px;}
#footer .content{max-width:440px;}


#page_content { width: 100%; float:none; margin:0 0 20px 0; }

.one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, #page_content .one-full, #page_content .one-half, #page_content .one-third, #page_content .two-third, #page_content .one-fourth, #page_content .two-fourth, #page_content .three-fourth, #page_content .one-fifth, #page_content .two-fifth, #page_content .three-fifth, #page_content .four-fifth{ float: none; width:100%; margin-left:0 !important; margin-right:0; }

#header #header_logo h1{
	display:block; 
	margin-left:5px;
	font-size:14px;
}
#header #header_logo h2{
	display:block; 
	margin-left:10px;
	font-size:14px;
}
#header .open_phone_nav, #header #phone_navigation{
	display:block !important;
}

#header #navigation{ display:none; }
#header #search_top{ display:none; }

.es-carousel ul li{ width:210px !important; text-align:center; }
.es-carousel ul li h4{
	font-size: 13px !important;
	margin-bottom:0px;
	line-height: 19px !important;
}
.es-carousel ul li .comment_bubble{ display:none !important; }
.flex-slide{min-height:300px !important;height:100% !important;} 
.flexslider:hover .next{ right:15px !important; }
.flexslider:hover .prev{ left:15px !important; }
.flex-caption { display: none; }
.flex-caption2 { display: none; }

.biglines{ font-size:16px; }
#filters ul {
position: inherit;
}

.cols_1, .cols_2 { width: 440px; }
.cols_3, .cols_4, .cols_5 { width: 210px; }

#grid_blog h4{
	font-size:13px;
	margin-bottom:0 !important;
}
#grid_blog .comment_bubble{
	display:none;
}

#sidebar {
width: 440px;
}
#sidebar .side_widget {
width: 210px;
margin-right:20px;
float:left;
}
#sidebar .side_widget:nth-child(even) {
width: 210px;
margin-right:0px;
float:left;
}

.blog_post_style_1{
	margin:0 20px 20px 20px;
}

#twitter_zone .content { padding: 30px 0 20px 0; }
#footer #footer_widgets { border-bottom: none; }
#footer #footer_widgets .widget_col { width: 100%; padding:20px 0; border-bottom:1px solid #333; min-height:inherit; background:none; }
#footer_navigation { width: 100%; }
#footer_navigation ul {
padding: 0 20px 10px 0;
border-bottom: 1px solid #333;
border-right:none;
}
#footer .copyright { width: 100%; padding: 0 0 10px 0; }
.post_head .sharing_buttons{
	right:0px;
	margin-top:-16px;
}
.post_head h2{
	max-width:400px;
}
.icon_photo,
.icon_video,
.icon_music,
.icon_gallery,
.icon_slider{
	background:none;
	padding:0 0 0 0px;
}


.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
	width:440px !important;
	margin:20px 0 30px 0;
}

.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.col-5 .plan
{
	float:left;
	width:470px !important;
	display: block;
}
.pricing-table .featured{
	position:static;
	z-index: 200;
	margin:0 !important;
	padding:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}
.plan.featured h3{
	font-size:16px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}

.plan.featured .signup{
	padding:10px 0;
}

	#comments .commentlist .avatar{
	float:left;
	margin-right:10px;
	margin-top:3px;
	width:30px !important; height:30px !important;
}

#comments .commentlist ul li .avatar{
	position:absolute;
	top:6px;
	left:5px;
	width:24px !important; height:24px !important;
}



}


/*
	-------------------------------------
	SMARTPHONE and IPHONE Portrait
	-------------------------------------
*/

@media only screen and (max-width: 480px) { 
#header .content{max-width:100%;}
#slider .content{max-width:480px;}
#main .content{max-width:440px;}
#title_bar .content{max-width:460px;}
#free_zone .content{max-width:460px;}
#twitter_zone .content{max-width:460px;}
#footer .content{max-width:460px;}
.wp-paginate {
	margin: 0 20px;
}
#header #header_logo{
	padding-left:20px;
}
#header #header_logo h1{
	display:block; 
	margin-left:10px;
	font-size:11px; 
}

#header .open_phone_nav, #header #phone_navigation{
	display:block !important;
}

#header #navigation{ display:none; }
#header #search_top{ display:none; }
#sidebar{ display: none; }

}




/*
	-------------------------------------
	SMARTPHONE and IPHONE Portrait
	-------------------------------------
*/

@media only screen and (max-width: 380px) { 
h1{
	font-size:48px;
	line-height:60px;
}
h2{
	font-size:36px;
	line-height:39px;
}
h3{
	font-size:24px;
	line-height:24px;
	margin-bottom:10px;
}
h4{
	font-size:16px;
	line-height:22px;
	margin-bottom:10px;
}
h5{
	font-size:14px;
	line-height:20px;
	margin-bottom:8px;
}
h6{
	font-size:13px;
	line-height:17px;
	margin-bottom:5px;
}
#header .content{max-width:100%;}
#slider .content{max-width:320px;}
#main .content{max-width:300px;}
#title_bar .content{max-width:300px;}
#free_zone .content{max-width:300px;}
#twitter_zone .content{max-width:300px;}
#footer .content{max-width:320px;}

#page_content { width: 100%; float:none; margin:0 0 20px 0; }

.one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, #page_content .one-full, #page_content .one-half, #page_content .one-third, #page_content .two-third, #page_content .one-fourth, #page_content .two-fourth, #page_content .three-fourth, #page_content .one-fifth, #page_content .two-fifth, #page_content .three-fifth, #page_content .four-fifth{ float: none; width:100%; margin-left:0 !important; margin-right:0; }

#header #header_logo{
	padding-left:5px;
}
#header #header_logo h1{
	display:block; 
	margin-left:5px;
	font-size:11px; 
}

#header .open_phone_nav, #header #phone_navigation{
	display:block !important;
}

#header #navigation{ display:none; }
#header #search_top{ display:none; }
#title_bar h2{ line-height:24px; }
.es-carousel ul{ width:auto; }
.es-carousel ul li{ width:265px !important; text-align:center; }
.es-carousel ul li h4{
	font-size: 13px !important;
	margin-bottom:0px;
	line-height: 19px !important;
}
.es-carousel ul li .comment_bubble{ display:none !important; }
.flex-slide{min-height:260px !important;height:100% !important;} 
.flexslider:hover .next{ right:15px !important; }
.flexslider:hover .prev{ left:15px !important; }
.flex-caption { display: none; }
.flex-caption2 { display: none; }

.biglines{ font-size:16px; }
#filters ul {
position: inherit;
}
#filters ul li a {
padding: 5px 10px;
}
.cols_1, .cols_2, .cols_3, .cols_4, .cols_5 { width: 265px; }

.blog_post_style_1{
	margin:0 20px 20px 20px;
}
#sidebar {
width: 280px;
}

#twitter_zone .content { padding: 30px 0 20px 0; }
#twitter_zone .twitter_update { padding: 0 20px; }
#footer #footer_widgets { border-bottom: none; }
#footer #footer_widgets .widget_col { padding:20px 20px; border-bottom:1px solid #333; min-height:inherit; background:none; }
#footer_navigation { width: 100%; }
#footer_navigation ul {
padding: 0 20px 10px 0;
border-bottom: 1px solid #333;
border-right:none;
}
#footer .copyright { width: 100%; padding: 0 0 10px 0; }
.post_head .sharing_buttons{
	top:100%;
	right:0px;
	margin-top:-42px;
}
.icon_photo,
.icon_video,
.icon_music,
.icon_gallery,
.icon_slider{
	background:none;
	padding:0 0 0 0px;
}
.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
	width:320px !important;
	margin:20px 0 30px 0;
}

.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.col-5 .plan
{
	float:left;
	width:320px !important;
	margin:-10px;
	display: block;
	border-right:1px solid #d5d5d5;
}
.pricing-table .featured{
	position:static;
	z-index: 200;
	margin:0 !important;
	padding:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}
.plan.featured h3{
	font-size:16px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}

.plan.featured .signup{
	padding:10px 0;
}


#comments .commentlist ul{
	margin-left:50px;
}
#comments .commentlist .avatar{
	float:left;
	margin-right:10px;
	margin-top:0px;
	width:30px !important; height:30px !important;
}

#comments .commentlist ul li .avatar{
	float:left;
	margin-right:10px;
	margin-top:-5px;
	width:24px !important; height:24px !important;
}



.comment-des{float:left; width:100%; }
.comment-des strong{float:none; width:100%; display:block; line-height:normal;}
.comment-des span{float:none;}
.comment-by{float:left; padding:0 0px 0 40px; border-bottom:1px solid #e9e9e9; margin-bottom:10px; width:230px;}
#comments .commentlist ul .comment-by{ width:90%;}
.comment-by span.reply{
	position:absolute; top:10px; right:20px;
}
.comment-by span.reply a{float:none;}
.comment-by span.date{float:none;}
.comment-content {width:100%; }


#sidebar{ display: none; }

}


/*
	-------------------------------------
	RETINA IPHONE 4
	-------------------------------------
*/

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { 

}

/*
	-------------------------------------
	IE8  Hack
	-------------------------------------
*/
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}