/* ---------- Large display ---------- */

@media (min-width: 1200px) {}

@media (max-width: 1210px) {
	

	ul.mobile-menu > li > a {
		padding: 15px 18px 15px 18px;
		background:rgba(0, 0, 0, 0.03);
	}
		
	.widget_search input[type="text"] {width:172px}
		
	.blog_list .entry_post, .entry_posttitle {width:600px;}
	
	.widget_flickr ul.flickr li img {width:55px; height:55px;}
	
	.portfolio-normal .portfolio-item,
	.portfolio-portrait .portfolio-item,
	.portfolio-masonry .portfolio-item {width: 217px;}
	
	
	
	.side .portfolio_content {width:700px;}
	.side .portfolio_meta {width:700px;}
	.side .portfolio_description {width:50%; margin-right:20px; float:left}
	.side .related-projects-wrap {width:700px;}
	
	.blog-recent-item .entry_post 
		{
		width:210px;
		float:right;
		}
	
	.portfolio-portrait .portfolio-image,
	.portfolio-portrait .portfolio-image a,
	.portfolio-portrait .portfolio-image img {
		height: 280px;
	}
	
	#home-portfolio-list { margin-right:-15px; padding-left:5px;position: relative;}
	
	#home-portfolio-list .portfolio-image,
	#home-portfolio-list .portfolio-image a,
	#home-portfolio-list .portfolio-image img {
		height: 150px;
	}
	
	.ls-bottom-nav-wrapper {
		width:940px;
	}
	
	.ls-container {width:940px;}

}


/* ---------- Default ---------- */

@media (min-width: 768px) and (max-width: 979px) {
	
	#top-contacts {float: right; text-align:right; max-width:350px;}
	#social-icons {float: right; text-align:right; margin-top:10px;}
	div.menu-wrapper {
	margin-top: 10px;}
	
	
    ul.topmenu.desktop-menu, html.touch ul.tablet-menu.tablet-menu-landscape  {
        display: none;
        visibility: collapse;
    }


    ul.topmenu.tablet-menu-portrait {
        display: block;
        visibility: visible;
    }

	.widget_search input[type="text"] {width:117px}
	.blog_list .entry_post, .entry_posttitle {width:437px;}


	.widget_flickr ul.flickr li img {width:62px; height:62px;}

	.portfolio-normal .portfolio-item,
	.portfolio-portrait .portfolio-item,
	.portfolio-masonry .portfolio-item {width: 347px;}
	


	.side .portfolio-normal .portfolio-item,
	.side .portfolio-portrait .portfolio-item,
	.side .portfolio-masonry .portfolio-item {width: 534px;}
	/*  Portfolio Items : Portrait
	================================================== */
	
	.portfolio-portrait .portfolio-image,
	.portfolio-portrait .portfolio-image a,
	.portfolio-portrait .portfolio-image img {
		height: 430px;
	}
	
	.side .portfolio-portrait .portfolio-image,
	.side .portfolio-portrait .portfolio-image a,
	.side .portfolio-portrait .portfolio-image img {
		height: 600px;
	}
	
	.side .portfolio_content {width:538px;}
	.side .portfolio_meta {width:538px;}
	.side .portfolio_description {width:538px; margin-right:0px; float:none}
	.side .related-projects-wrap {width:538px;}
	
	
	#layerslider .ls-container, #layerslider .ls-wp-forceresponsive-container { display: none !important; }
	
	#layerslider .ls-fallback-image,
	#layerslider .ls-fallback-image a,
	#layerslider .ls-fallback-image img {
		display:block;
		width: 100%;
	}


	.homepage_recent_projects .portfolio-item {
		margin: 0 10px 5px 10px ;
	}
	
	#home-portfolio-list .portfolio-image,
	#home-portfolio-list .portfolio-image a,
	#home-portfolio-list .portfolio-image img {
		height: 160px;
	}
	
	.blog-item .entry_info { display:none}


}

/* ---------- Smartphones to tablets ---------- */

@media (max-width: 767px) {
	
	body {padding-right: 0px; padding-left: 0px; font-size: 15px; line-height:22px}
	#sidebar { padding-top:40px;}	
	
	.widget_search input[type="text"] {width:90%; float:left}
	.widget_search button.btn {margin:0 0 0 -3px;}
	.main_container, .footer_container, .copy_container {padding-right: 20px; padding-left: 20px;}

	#dropdown-trigger { text-align:center; position:relative; height:20px; width:100%; padding:6px 0 6px 0; display:block; z-index:9999}
	.dropdown-page { padding:15px 20px 0 20px;}
	.headertopmenu { margin:-6px 0 30px 0; display:block; height:auto}
	ul.topheadernav {  text-align:center; float:none; margin:0; padding:0 0 10px 0 ;}
	ul.topheadernav li a { font-size:11px; }
	#top-contacts-box { width:100%}
	#top-contacts {float:none;   text-align: center;margin:0 0 10px 0;}
	#social-icons {float:none;   text-align: center;margin:10px 0 10px 0;}
	.topsearchbox { display:none;}
	header { text-align:center}
	
	.logo {
	float:none;
	margin:0 0 20px 0;
	display:block;
	}
	
	
	.mobile-menu-title {
		text-transform: uppercase;
	}
	.mobile-menu { text-align:left}
	
	a.mobile-menu-btn.btn {
			margin: 10px 0 0 0;
			display:inline-block;
			border-radius: 0;
			width:100%;
			visibility: visible;
			position: relative;
			float: left;
			padding: 9px 0 10px 0;
			border-style: solid;
			border-width: 1px;
			color: #FFFFFF;
		}


	a.mobile-menu-btn.btn.menu-open span.list-icon-row {
/*		-ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);*/
/*		-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);*/
/*		-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);*/
/*		-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);*/
/*		box-shadow: 0 0 3px rgba(255, 255, 255, 0.1);*/
	}
	
    a.mobile-menu-btn span {
		font-weight:bold;
		color:#FFF;
		text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    }
	
	a.mobile-menu-btn span:after {
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
	padding-left:10px;
	content: "\f078";
    }



    body div.container_12 {
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
    }

    ul.desktop-menu, ul.tablet-menu, html.touch ul.tablet-menu.tablet-menu-landscape, div.menu-wrapper  {
        display: none;
        visibility: collapse;
    }

    ul.social-links {
        display: none;
        visibility: collapse;
    }

    div.mobile-menu-wrapper {
        display: block;
        visibility: visible;
    }

    ul.topmenu.mobile-menu {
        display: block;
        visibility: visible;
        float: none;
        margin-top: 0px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        background: white;
        border-radius: 0px;

    }

    div.mobile-menu-wrapper {
		padding-top: 0px;
        display: block;
        border-radius: 0px;
    }

	div.mobile-menu-wrapper.in {
		overflow: visible;
	}

	ul.topmenu.mobile-menu > li {
		margin-left: 0;
	}
	
	ul.topmenu.mobile-menu > li > a {
		opacity: 1;
	}

	ul.topmenu.mobile-menu li a strong {
		color: #333;
		text-shadow: none;
		text-transform: none;
		font-size: 16px;
	}
	
	ul.topmenu.mobile-menu > li.current_page_item {
		color: #000;
		box-shadow: none;
	}
	
	ul.topmenu.mobile-menu > li.current_page_item > a strong, ul.topmenu.mobile-menu > li.current_page_item > a:hover,  ul.topmenu > li.current-menu-ancestor > a {color: #000;}

	ul.topmenu li.menu-parent-item.sfHover > a, html.no-touch ul.topmenu li.menu-parent-item:hover > a {
	    box-shadow: none;
		background: transparent;
	}
	ul.topmenu > li.sfHover > a strong, ul.topmenu > li:hover > a strong {
	    color: #333;
	}


    ul.mobile-menu li {
        display: block;
        visibility: visible;
        float: none;
        border-left: none;
    }
    
    ul.mobile-menu > li:first-child > a, ul.mobile-menu > li:first-child > a:hover {
        border-top: none;
        border-radius: 0;
    }

    ul.mobile-menu > li:last-child > a, ul.mobile-menu > li:last-child > a:hover {
        border-radius: 0;
    }

    ul.mobile-menu li a {
        border-radius: 0;
    }


	ul.mobile-menu ul.sub-menu > li > a {
		padding: 12px 20px 13px 20px;
	}
	
	ul.topmenu.mobile-menu ul.sub-menu li.menu-parent-item > a > span > strong:after  {
		display: none;
		visibility: collapse;
	}

    ul.mobile-menu li a span.menu-link-wrap{
        border-color: transparent;
    }

    ul.mobile-menu li ul.sub-menu {
        border-top: 1px solid #ededed;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
		padding-left:20px;
    }

    ul.mobile-menu li.menu-parent-item a {
        border-radius: 0;
    }

    ul.mobile-menu li ul.sub-menu li {
        border-left: 1px solid #ededed;
    }

    ul.topmenu.mobile-menu a:hover {
/*        background: #f8f8f8;*/
		color: #333;
    }

	ul.topmenu.mobile-menu ul.sub-menu > li.current_page_item > a strong {
		color: #333;
	}
	
	div.mobile-menu-wrapper .mobile-menu-tip {
/*		display: none;
		visibility: collapse;*/
		float: right;
	    margin-top: 1px;
		margin-right: 39px;
	    width:0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom:10px solid #006bc5;
		background:#FFF;

	}
	
	ul.topmenu.mobile-menu > li.menu-parent-item > a > span > strong:after {
		display: none;
		visibility: collapse;
	}

	div.header-content.standard-header-content {
		display: none;
		visibility: collapse;
	}
	
	div.header-content.mobile-header-content {
		display: block;
		visibility: visible;
		padding: 12px 0 8px 0;
		float: none;
		position: relative;
	}
	

	.flex-control-nav, .slider-caption, .carousel  { display:none;}	
		
	.page-title h1 {
		float:none;
		text-align:center;
		display:block;
		margin-left:0;
	
	}
	
	.page-title h1 span {
		float:none;
		text-align:center;
		display:block;
		margin-top:5px;
		margin-left:0;
	
	}
	
	.page-title a.btn {
		display:none;
	}
		
	
	.breadcrumb {
		display:none;
	}
	
	#portfolio-revealer { margin-top: -20px; }
	
	#portfolio-loader {
		top: -30px;
		left: 50%;
		right: auto;
		margin-left: -10px;
	}

	.main_title_page {
		margin-top:25px;
		border-top:1px solid #fff;
		padding-top:15px;
		-moz-box-shadow:  inset 0  10px 10px -10px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: inset 0  10px 10px -10px rgba(0, 0, 0, 0.3);
		box-shadow:  inset 0  10px 10px -10px rgba(0, 0, 0, 0.3);	
		}
		
	.main_title_page .btn { display:none;}
	
	.blog_list .entry_post, .entry_posttitle {width:100%;}
	.blog_list .entry_info, .entry_post .entry_date {display:none;}
	.entry_meta ul li.date_show, .entry_meta ul li.comm_show { display:block;}
	.entry_meta ul li.edit_post, .views_box2, .comments_box2 { display:none;}
	
	.portfolio-normal .portfolio-item,
	.portfolio-portrait .portfolio-item,
	.portfolio-masonry .portfolio-item {width: 438px;}
	
	.side .portfolio_content {width:100%;}
	.side .portfolio_meta {width:100%;}
	.side .portfolio_description {width:100%; margin-right:0px; float:none}
	.side .related-projects-wrap {width:100%;}
	
	#home-portfolio-list { margin-right:0; margin-left:0;position: relative;}
	
	.homepage_recent_projects .portfolio-item {
		width:300px;
		margin: 0 10px 5px 10px ;
	}
	
	.portfolio-details-wrapper h1 {width:100%;}
	.single-portfolio-title h1 { width:100%;}
	
	.blog-recent-item .entry_post {
		float: none;
		width: auto;
	}
	
	.blog-recent-item .blog-item li {
		padding:0;
		height:auto;
	
	}

	#home-portfolio-list .portfolio-image,
	#home-portfolio-list .portfolio-image a,
	#home-portfolio-list .portfolio-image img {
		height: 140px;
	}
	
	
	#layerslider .ls-container, #layerslider .ls-wp-forceresponsive-container { display: none !important; }
	
	#layerslider .ls-fallback-image,
	#layerslider .ls-fallback-image a,
	#layerslider .ls-fallback-image img {
		display:block;
		width: 100%;
	}
	
	
	.flex-direction-nav a {
		bottom: auto;
		top:50%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	
	.ie8 .flex-direction-nav a {
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		
	}
	   
	.flex-direction-nav .flex-next {
		right: -10px;
		bottom: auto;
		}
		
		
	.flex-direction-nav .flex-prev {
		right: auto;
		left: -10px;
		bottom: auto;
		}


	.flexslider:hover .flex-next {opacity: 1; right:-10px;}
	.flexslider:hover .flex-prev {opacity: 1; left:-10px;}


	/*  Portfolio Items : Portrait
	================================================== */
	
	.portfolio-portrait .portfolio-image,
	.portfolio-portrait .portfolio-image a,
	.portfolio-portrait .portfolio-image img {
		height: 600px;
	}
	
	
	#portfolio-filter {
		text-align: center;
		margin: 0 -10px 30px 0;
	}
	
	#portfolio-filter li {
		margin: 0 10px 10px 0;
		
	}
	
	.portfolio-navigation {
		float:none;
		position: relative;
		margin:0 auto 15px auto;
		text-align:center
	}
	
	
	.homepage_recent_projects .portfolio-navigation {
		position: absolute;
	}
	
	.homepage_recent_projects a.portfolio-list, .homepage_recent_projects a.blog-list { display:none }
	
	.blog-item .entry_info { display:none}
	
	#page-title h1 {
		text-align:center;
		border-bottom: 3px double rgba(0, 0, 0, 0.1);
		line-height: 34px;
		margin-bottom: 15px;
		padding-bottom: 20px;
		}
	

	footer .copy_container  .copytxt { text-align:center; padding-bottom:25px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
	footer .copy_container  .footernav { text-align:center}	
	footer .copy_container  .menu { border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:20px;}
	footer .copy_container ul.footernav  { float:none; text-align:center;}

/* ---------- Shortcodes  ---------- */


  .wpb_tour .ui-tabs .ui-tabs-nav,
  .wpb_tour .wpb_tab,
  .wpb_tour_next_prev_nav {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  #content .wpb_tour .ui-tabs .ui-tabs-nav {margin-bottom: 10px;}  
  .wpb_widgetised_column, footer .widget { margin-bottom:30px;}

	
}


/* ---------- Smartphones ---------- */

@media (max-width: 479px) {
	
	body {font-size: 13px; line-height:20px}	

	.headertopmenu { margin:-6px 0 30px 0; display:block; height:auto}
	ul.topheadernav {  text-align:center; margin:0; padding:0 0 10px 0 ;}
	ul.topheadernav li a { font-size:11px; }
	#top-contacts {float:none;   text-align: center;margin:0 0 10px 0;}
	#top-contacts li {float:none;   text-align: center;margin-left:auto; margin-right:auto ;}
	.topsearchbox { display:none;}
	.widget_search input[type="text"] {width:85%; float:left}
	

	div.tagline {
		display: none;
		visibility: collapse;
	}
	
	
	.mobile-menu { text-align:left}
	
	div.mobile-menu-wrapper .mobile-menu-tip {
	margin-right: 125px;
	}

	.main_title_page {
		margin-top:-10px;
		border-top:1px solid #fff;
		-moz-box-shadow:  inset 0  10px 10px -10px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: inset 0  10px 10px -10px rgba(0, 0, 0, 0.6);
		box-shadow:  inset 0  10px 10px -10px rgba(0, 0, 0, 0.6);	
		}
		
	.main_title_page h1 {
		font-size: 20px;
	}
	
	
	
	.flex-caption { display:none}
	
	span.comments_icon, span.leaveareply_icon {
		display:none;
	
	}
	
	.comments_title, 
	.commentlist, #respond {
		margin-left: 0px;
		padding-left:0;
	}
	
	#respond {
		padding-top:30px;
	}
	
	.form-horizontal .control-group input, textarea, .uneditable-input {
		width: 30%;
	}


	.portfolio-normal .portfolio-item,
	.portfolio-portrait .portfolio-item,
	.portfolio-masonry .portfolio-item {width: 275px;}


	/*  Portfolio Items : Portrait
	================================================== */
	
	.portfolio-portrait .portfolio-image,
	.portfolio-portrait .portfolio-image a,
	.portfolio-portrait .portfolio-image img {
		height: 400px;
	}
	
	
	#portfolio-filter {
		text-align: center;
		margin: 0 -10px 30px 0;
	}
	
	#portfolio-filter li {
		margin: 0 5px 10px 0;
		
	}
	
	
	#home-portfolio-list { margin-right:0; margin-left:0;position: relative;}
	.homepage_recent_projects .portfolio-item {
		width:275px;
		margin: 0 3px 3px 3px;
	}
	
	#home-portfolio-list .portfolio-image,
	#home-portfolio-list .portfolio-image a,
	#home-portfolio-list .portfolio-image img {
		height: 180px;
	}
	
	#back-to-top { display:none}

}