@media only screen and (min-width: 768px) and (max-width: 1024px)  {
	
	body.boxed .wrapper,
	body.boxed header,
	.boxed nav.content_menu.fixed{
		width: 740px;
	}
	
	.container_inner,
	nav.content_menu,
	.parallax_content{
		width: 740px;
	}

	.logo{
		margin: 0px 5px 0px 0px;
	}

	.header_right_widget{
		margin: 0px;
	}

	.header_right_widget .social_menu{
		padding: 0px;
	}

	.header_right_widget .textwidget ul li{
		margin: 0px 0px 0px 2px;
	}

	nav.main_menu ul li a{
		padding: 0px 15px;
		font-size: 18px;
	}

	nav.content_menu ul li{
		margin: 0px 15px;
	}

	nav.content_menu ul li a{
		font-size: 18px;
	}

	.projects_holder.v6 .mix{
		width: 23.5%;
		margin: 0 0 2%;
	}

	 
	
	.blog_holder .post .post_info{
		width: 13%;
	}
	.blog_holder .post .post_text{
		width: 53%;
	}
	
	.blog_holder .post.no-image .post_text{
		width: 87%;
	}
	
	.blog_single_holder .post_info{
		width: 13%;
	}

	.blog_single_holder .post_content{
		width: 87%;
	}
	
	.comment_form_holder .comment_number{
		width: 13%;
	}

	.comment_form_holder .comment_form{
		width: 87%;
	}
	
	 
	
	.blog_holder.blog_inline.blog_sidebar .post_info{
		width: 19%;
	}	
	
	.blog_holder.blog_inline.blog_sidebar .post_image{
		width: 34%;
	}	
	
	.blog_holder.blog_inline.blog_sidebar .post_text{
		width: 77%;
	}	
	
	.blog_holder.blog_inline.blog_sidebar  .post.no-image  .post_text{
		width: 81%;
	}	
	
 
	
 	 
	
	.two_columns_50_50 .line_graf,
	.two_columns_66_33 .line_graf,
	.two_columns_33_66 .line_graf,
	.two_columns_75_25 .line_graf,
	.two_columns_25_75 .line_graf,
	.two_columns_75_25 .line_graf,
	.three_columns .line_graf,
	.four_columns .line_graf,
	.two_columns_50_50 .pie_graf,
	.two_columns_66_33 .pie_graf,
	.two_columns_33_66 .pie_graf,
	.two_columns_75_25 .pie_graf,
	.two_columns_25_75 .pie_graf,
	.two_columns_75_25 .pie_graf,
	.three_columns .pie_graf,
	.four_columns .pie_graf{
		margin: 0px;
		width: 100%;
	}
	
	.two_columns_50_50 .line_graf canvas,
	.two_columns_66_33 .line_graf canvas,
	.two_columns_33_66 .line_graf canvas,
	.two_columns_75_25 .line_graf canvas,
	.two_columns_25_75 .line_graf canvas,
	.two_columns_75_25 .line_graf canvas,
	.three_columns .line_graf canvas,
	.four_columns .line_graf canvas,
	.two_columns_50_50 .pie_graf canvas,
	.two_columns_66_33 .pie_graf canvas,
	.two_columns_33_66 .pie_graf canvas,
	.two_columns_75_25 .pie_graf canvas,
	.two_columns_25_75 .pie_graf canvas,
	.two_columns_75_25 .pie_graf canvas,
	.three_columns .pie_graf canvas,
	.four_columns .pie_graf canvas,
	.two_columns_50_50 .pie_graf_legend,
	.two_columns_66_33 .pie_graf_legend,
	.two_columns_33_66 .pie_graf_legend,
	.two_columns_75_25 .pie_graf_legend,
	.two_columns_25_75 .pie_graf_legend,
	.two_columns_75_25 .pie_graf_legend,
	.three_columns .pie_graf_legend,
	.four_columns .pie_graf_legend,
	.two_columns_50_50 .line_graf_legend,
	.two_columns_66_33 .line_graf_legend,
	.two_columns_33_66 .line_graf_legend,
	.two_columns_75_25 .line_graf_legend,
	.two_columns_25_75 .line_graf_legend,
	.two_columns_75_25 .line_graf_legend,
	.three_columns .line_graf_legend,
	.four_columns .line_graf_legend{
		width: 100% !important;
		height: auto !important;
	}
	
 .three_columns .column1,.three_columns .column2 , .three_columns .column3, 
	.two_columns_50_50 .column1, .two_columns_50_50 .column2, 
	.two_columns_66_33 .column1, .two_columns_66_33 .column2,
	.two_columns_33_66 .column1, .two_columns_33_66 .column2,
	.two_columns_75_25 .column1, .two_columns_75_25 .column2,
	.two_columns_25_75 .column1, .two_columns_25_75 .column2,
	.be_pattern {
		width: 100%;
		border: none;
		margin: 0px 0px 20px 0px;
		padding: 10px;
	}
	
	.two_columns_50_50 .column1 .column_inner, .two_columns_50_50 .column2 .column_inner,	 
	.two_columns_66_33 .column1 .column_inner, .two_columns_66_33 .column2 .column_inner,
	.two_columns_33_66 .column1 .column_inner, .two_columns_33_66 .column2 .column_inner,
	.two_columns_75_25 .column1 .column_inner, .two_columns_75_25 .column2 .column_inner,
	.two_columns_25_75 .column1 .column_inner, .two_columns_25_75 .column2 .column_inner {
		padding: 10px;
	}

.drop_down .second .inner2 ul li a {
    
    font-size: 12pt;
    
    line-height: 14pt;
    
}
}

@media only screen and (min-width: 600px) and (max-width: 800px){

	body.boxed .wrapper,
	body.boxed header,
	.boxed nav.content_menu.fixed{
		width: 555px;
	}
	
	.container_inner,
	nav.content_menu,
	.parallax_content{
		width: 555px;
		 
		
		 
	 
	}
	
 
	
	header{
		position: relative;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
	}
	
	.title.with_image .container,
	.title.has_background .title_text,
	.title.has_fixed_background .title_text{
		bottom: 10%;
	}
	
	.content{
		padding: 0px !important;
		margin: 0px !important;
	}

	
	.header_right_widget{
		line-height: normal !important;
		padding: 25px 0px;
	}

	.main_menu{
		display: none !important;
	}

	.selectnav {
		display: block;
		margin: 0px;
	}

	.selectnav_button{
		display: block;
	}

	header .logo{
		position: relative;
		top: 0px !important;
	}

	header .logo img{
		top: 0px;
	}


	
	nav.content_menu{
		position: relative !important;
		top: 0px !important;
	}
	
	nav.content_menu ul.menu{
		display: none;
	}
	
	nav.content_menu .nav_select_menu{
		display: block;
	}
	
	nav.content_menu .back_outer{
		display: none;
	}

	.two_columns_50_50 .column1, .two_columns_50_50 .column2,
	.three_columns .column1, .three_columns .column2, .three_columns .column3,
	.two_columns_66_33 .column1, .two_columns_66_33 .column2,
	.two_columns_33_66 .column1, .two_columns_33_66 .column2,
	.two_columns_75_25 .column1, .two_columns_75_25 .column2,
	.two_columns_25_75 .column1, .two_columns_25_75 .column2,
	.four_columns .column1, .four_columns .column2, .four_columns .column3, .four_columns .column4, .bg_pattern{
		width: 535px;
		border: none;
		 
		padding: 10px !important; 
		 
		 
		 
	}
	
	.two_columns_50_50 .column1 .column_inner, .two_columns_50_50 .column2 .column_inner,
	.three_columns .column1 .column_inner, .three_columns .column2 .column_inner, .three_columns .column3 .column_inner,
	.two_columns_66_33 .column1 .column_inner, .two_columns_66_33 .column2 .column_inner,
	.two_columns_33_66 .column1 .column_inner, .two_columns_33_66 .column2 .column_inner,
	.two_columns_75_25 .column1 .column_inner, .two_columns_75_25 .column2 .column_inner,
	.two_columns_25_75 .column1 .column_inner, .two_columns_25_75 .column2 .column_inner,
	.four_columns .column1 .column_inner, .four_columns .column2 .column_inner, .four_columns .column3 .column_inner, .four_columns .column4 .column_inner{
		padding: 10px;
	}

	.footer_top .four_columns .column1, .footer_top .four_columns .column2, .footer_top .four_columns .column3, .footer_top .four_columns .column4{
		width: 100%;
	}

	.footer_top .four_columns .column2 .column_inner, 
	.footer_top .four_columns .column4 .column_inner{
		padding: 0px 0px 0px 20px;
	}

	.footer_top .four_columns .column1 .column_inner, 
	.footer_top .four_columns .column2 .column_inner, 
	.footer_top .four_columns .column3 .column_inner, 
	.footer_top .four_columns .column4 .column_inner{
		margin: 0px 0px 30px 0px;
	}

	.footer_top{
		padding: 70px 0px 20px 0px;
	}

	.projects_holder.v6 .mix{	
		margin: 0 0 4%;
		width: 48%;
	}
	
	.projects_holder.v6 .filler{
		width: 100%;
	}

	.projects_holder.v4 .mix{	
		margin: 0 0 9%;
		width: 100%;
	}
	
	.projects_holder.v4 .filler{
		width: 100%;
	}
	
	.projects_holder.v3 .mix{
		margin: 0 0 9%;
		width: 100%;
	}

	.projects_holder.v3 .filler {
		width: 100%;
	}
	
	.projects_holder.v2 .mix{
		margin: 0 0 9%;
		width: 100%;
	}

	.projects_holder.v2 .filler {
		width: 100%;
	}

	.filter_outer{
		position: relative;
	}

	.filter_holder{
		position: relative !important;
		margin: 0px 0px 30px !important;
		text-align: left !important;
		top: 0px !important;
	}

	.filter_holder ul li.label{
		position: relative !important;
	}

	.portfolio_navigation{
		position: relative !important;
		top: 0px !important;
	}

	.portfolio_navigation_holder{
		margin: 0px 0px 50px 0px !important;
	}

	.portfolio_navigation_holder.has_title{
		margin: 0px 0px 50px !important;
	}

	.portfolio_single .flexslider{
		margin: 0px 0px 50px 0px;
	}
	
	.blog_holder .post .post_info, .blog_holder .post .post_image, .blog_holder .post .post_text{
		float: none;
		width: 100%;
	}
	
	.blog_holder .post .post_info .inner,  .blog_holder .post .post_text .inner{
		padding: 0px;
	}
	
	.blog_holder .post .post_image .inner{
		padding: 0 0 20px 0;
	}
	
	.post_info .inner{
		display: inline-block;
		width: 100%;
	}
	
	.post_date{
		float: left;
		padding: 0px;
	}
	
	.post_author_category{
		float: left;
	}
	.post_info .comment_number{
		float:right;
		text-align: right;
	}
	
	.blog_single_holder .post_info{
		width: 100%;
	}

	.blog_single_holder .post_content{
		width: 100%;
	}
	
	.comment_form_holder .comment_number{
		width: 100%;
		padding: 0 0 30px 0;
	}

	.comment_form_holder .comment_form{
		width: 100%;
	}
	
	.blog_holder.blog_wide .post_text{
		padding: 0px;
		width: 100%;
	}
	
	.blog_holder.blog_wide .post.no-image .post_text{
		width: 100%;
	}

	.blog_holder.blog_wide.blog_sidebar .post_image, .blog_holder.blog_wide.blog_sidebar .post.no-image .post_text, .blog_holder.blog_wide.blog_sidebar .post_info{
		width: 100%;
	}

	.blog_holder.blog_wide.blog_sidebar .post_text{
		width: 100%;
		padding: 0;
	}
	
	.blog_holder.blog_two_cols .post_info{
		width: 100%;
	}

	.blog_holder.blog_two_cols .post_image{
		width: 100%;
	}

	.blog_holder.blog_two_cols .post .post_text{
		width: 100%;
		padding:  0;
	}
	
	.blog_holder.blog_two_cols .post.no-image .post_text{
		width: 100%;
		float: left;
	}
	
	.blog_holder.blog_two_cols .blog_row article{
		float: none;
		width: 100%;
	}
	
	.blog_holder.blog_two_cols .blog_row article .article_inner{
		padding: 0;
	}
	
	.blog_holder.blog_two_cols .blog_row article .post{
		padding: 65px 0px 20px 0px;
	}
	
	.blog_holder.blog_two_cols .blog_row{
		padding: 0px;
	}
	
	.blog_holder.blog_two_cols .blog_text_image{
		float: none;
		width: 100%;
	}
	
	.blog_holder .post.no-image .post_text{
		width: 100%;
	}
	
	.blog_holder.blog_wide .post_image{
		padding: 0;
	}
	
	.blog_holder.blog_two_cols.blog_sidebar .post_info{
		width: 100%;
	}

	.blog_holder.blog_two_cols.blog_sidebar .blog_text_image{
		width: 100%;
	}
	
	.comment_holder .comment .text .replay, .comment_holder .comment .text .comment-reply-link{
		position: relative;
	}
	
	.comment_holder .comment .text .name{
		padding: 0;
	}
	
	.blog_holder.blog_inline.blog_sidebar .post_info, 
	.blog_holder.blog_inline.blog_sidebar .post_image, 
	.blog_holder.blog_inline.blog_sidebar .post_text, 
	.blog_holder.blog_inline.blog_sidebar .post.no-image .post_text{
		width: 100%;
	}	
	
	.price_table{
		width: 49.75%;
		float: left;
		margin: 0px 0.4% 45px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
	}

	.price_table:nth-child(2n){
		margin: 0px 0px 45px 0px;
	}

	.latest_post_holder.four{
		width: 100%;
		margin: 0 0 10px 0;
	}

	.latest_post_holder.three{
		width: 100%;
		margin: 0 0 10px 0;
	}

	.latest_post_holder.two{
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.contact_form{
		margin: 0 0 50px 0;
	}
	
	.flip_image_holder{
		margin: 0 0 5px 0;
	}

	.progress_bars_vertical{
		width: 130px !important;
		margin: 0px 10px 20px 0px !important;
	}
	
	.parallax section {
    height: auto !important;
		min-height: 400px;
	}
	
	.line_graf,
	.pie_graf{
		margin: 0px;
		width: 100%;
	}
	
	.line_graf canvas,
	.pie_graf canvas,
	.pie_graf_legend,
	.line_graf_legend{
		width: 100% !important;
		height: auto !important;
	}
}



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

	body.boxed .wrapper,
	body.boxed header,
	.boxed nav.content_menu.fixed{
		width: 310px;
	}

	.container_inner,
	nav.content_menu,
	.parallax_content{
		width: 310px !important;
	}
	
 

	header{
		position: relative;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
	}
	
	.title.with_image .container,
	.title.has_background .title_text,
	.title.has_fixed_background .title_text{
		bottom: 10%;
	}

	.content{
		padding: 0px;
		margin: -3px 0px 0px 0px;
	}
	
	.home_callout {
 
		width: 90% !important;
	}
	
 	.mcaf_logo {
	width: 100%; 
	background-color: #ed3e2b !important;
	}
	
	.mcaf_logo img {
	width: 160px;
	 
	}
	
	#ecs1 {
	visibility: hidden !important;
	height: 165px !important;
	}
	.main_menu{
		display: none !important;
	}

	.selectnav {
		display: block;
		margin: 0px;
	}

	.selectnav_button{
		display: block;
		float: left;
	}

 

	
	
	nav.content_menu{
		position: relative !important;
		top: 0px !important;
	}
	
	nav.content_menu ul.menu{
		display: none;
	}
	
	nav.content_menu .nav_select_menu{
		display: block;
	}
	
	nav.content_menu .back_outer{
		display: none;
	}

	.two_columns_50_50 .column1, .two_columns_50_50 .column2,
	.three_columns .column1, .three_columns .column2, .three_columns .column3,
	.two_columns_66_33 .column1, .two_columns_66_33 .column2,
	.two_columns_33_66 .column1, .two_columns_33_66 .column2,
	.two_columns_75_25 .column1, .two_columns_75_25 .column2,
	.two_columns_25_75 .column1, .two_columns_25_75 .column2,
	.four_columns .column1, .four_columns .column2, .four_columns .column3, .four_columns .column4 ,
	.bg_pattern {
		width: 300px;
		border: none;
		 
		padding: 5px !important; 
		 
	}
	
	.two_columns_50_50 .column1 .column_inner, .two_columns_50_50 .column2 .column_inner,
	.three_columns .column1 .column_inner, .three_columns .column2 .column_inner, .three_columns .column3 .column_inner,
	.two_columns_66_33 .column1 .column_inner, .two_columns_66_33 .column2 .column_inner,
	.two_columns_33_66 .column1 .column_inner, .two_columns_33_66 .column2 .column_inner,
	.two_columns_75_25 .column1 .column_inner, .two_columns_75_25 .column2 .column_inner,
	.two_columns_25_75 .column1 .column_inner, .two_columns_25_75 .column2 .column_inner,
	.four_columns .column1 .column_inner, .four_columns .column2 .column_inner, .four_columns .column3 .column_inner, .four_columns .column4 .column_inner{
		padding: 0px;
	}

 
	.footer_top{
		padding: 70px 0px 20px 0px;
	}

 
	
	.blog_holder .post .post_info, .blog_holder .post .post_image, .blog_holder .post .post_text{
		float: none;
		width: 100%;
	}
	
	.blog_holder .post .post_info .inner, .blog_holder .post .post_text .inner{
		padding: 0px;
	}
	
	.blog_holder .post .post_image .inner{
		padding: 0 0 20px 0;
	}
	
	.post_info .inner{
		display: inline-block;
		width: 100%;
	}
	
	.post_date{
		float: left;
		padding: 0px;
	}
	
	.post_author_category{
		float: left;
	}
	.post_info .comment_number{
		float:right;
		text-align: right;
	}
	
	.blog_single_holder .post_info{
		width: 100%;
	}

	.blog_single_holder .post_content{
		width: 100%;
	}
	
	.comment_form_holder .comment_number{
		width: 100%;
		padding: 0 0 30px 0;
	}

	.comment_form_holder .comment_form{
		width: 100%;
	}
	
	 
	
	.comment_holder .comment .text .replay, .comment_holder .comment .text .comment-reply-link{
		position: relative;
	}
	
	.comment_holder .comment .text .name{
		padding: 0;
	}
	
	.blog_holder.blog_inline.blog_sidebar .post_info, 
	.blog_holder.blog_inline.blog_sidebar .post_image, 
	.blog_holder.blog_inline.blog_sidebar .post_text, 
	.blog_holder.blog_inline.blog_sidebar .post.no-image .post_text{
		width: 90%;
	}
	.post_excerpt {
	display: none;
	}
    span.pages {
	display: none ;
	}

 
	
	.contact_form{
		margin: 0 0 50px 0;
	}
	
 

	.progress_bars_vertical{
		width: 95px !important;
		margin: 0px 5px 20px 0px !important;
	}
	
 
	
	.line_graf,
	.pie_graf{
		margin: 0px;
		width: 100%;
	}
	
	.line_graf canvas,
	.pie_graf canvas,
	.pie_graf_legend,
	.line_graf_legend{
		width: 100% !important;
		height: 100%;
	}
}