/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {


/*  ********************* GENERAL *****************************/

	html,
	body {
		min-width:440px;
		margin-top: 0 !important;
	}

	body {
		padding: 0 !important;
	}

	#main h1, #main h2, #main #home-content h1 {
	  font-size: 24px;
	  line-height: 28px;
	}

	#main .sidebar h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.entry-header h2.entry-title a { font-size: 14px; line-height: 20px; }	

	#main h3 { font-size: 15px; line-height: 20px; margin-bottom: 7px; }
		#main h3 span { font-size: 11px; line-height: 15px; }

	.hr { margin: 0 0 30px; padding-top: 30px; }


	.alignnone, .alignright, .alignleft { display: block; } 

	.folio-desc a.read { margin-top: 0; } 

	#sliderWrap .flex-direction-nav { display: none; }

	.span1 { min-height: 20px; }


/*  *********************** END OF GENERAL ************************/




/*  ************************ HEADER ************************/

	#header {
	  height: auto;
	  text-align: center;
	  z-index: 99999;
	  position: relative;
	  top: 0;
	  left: 0;
	  width: 100%;
	  border: none;
	  -webkit-box-shadow: none;
	  	box-shadow: none;
	  	padding-bottom: 0;
	}

	#logo { text-align: center; }

	ul.social-networks {
	  display: inline-block;
	  float: none;
	  margin: 10px 0 0 0;
	}
		ul.social-networks li {
		  display: inline-block;
		  float: none;
		}

	#header .span7 {
	  position: relative;
	  background: #121E38;
	  padding-top: 18px;
	  padding-bottom: 10px;
	}

	#header .span7 > div:first-child { float: none; padding-bottom: 7px; }
	#header .span7 > div:first-child + div {
	  position: relative;
	  right: auto;
	  top: auto;
	}	
	
	#header #header_buttons { border-bottom: none; }

	#header .span7 > div:first-child p {
	  text-align: center;
	}

	#header div[id*="social_networks"] {
	  float: none;
	  margin-top: 5px;
	}




	/*  ********************** Navigation ****************************/
		
		#navArea {
		  height: 46px;
		  left: 0;
		  margin: 0 auto;
		  position: relative;
		  top: 0;
		  z-index: 99999;
		}


		nav.primary {
		  	height: 46px;
		    margin-left: 0;
		    padding: 0;
		    width: 100%;
		    margin-top:0;	
		    margin-bottom: 0;
		    position: absolute;	
		    z-index: 999;
		    background: none;  
		    border: none;     			       			   		       				       		
		}


		nav.primary .responds {
		    display: none;
		    height: 40px;
		    margin: 0 0 0 -20px;
		    width: 40px;
		    overflow: hidden;
		    position: absolute;
		    top: 3px;
		    left: 50%;
		    text-indent: -9999px;
		    outline: none;
		    background: url(../images/btn-navbar.png) 0 0 no-repeat;
		}




		nav.primary .responds { display: block; } 
		
	#topnav {
		display: none;
		left: 0;
		min-width: 250px;
		position: absolute;
		height: auto;
		width: 100%;
		top: 46px;
		background: #95989c;
	}
		#topnav li, #topnav .sub-menu li {
		  margin: 0;
		  padding: 0;
		  width: 100%;
		  float: none;
		  height: auto;
		  border: none !important;
		  /* border-top: 1px solid #7F5189 !important; */
		  border-radius: 0;
		  -webkit-border-radius: 0;
		  -o-border-radius: 0;
		  -ms-border-radius: 0;
		}

			#topnav > li > a {
				line-height: 36px;
				color: #e4e4e9;
			}

		#topnav > li:hover > a, #topnav > li.current-menu-item:hover > a {
			color: #fff;
		}
			#topnav > li:hover, .home #topnav > li.current-menu-item:hover {
			  height: auto !important;
			  margin-top: 0 !important;
			}

			#topnav > li.current-menu-item > a {
				margin-top: 0;
				color: #fff;	
			}

		#topnav > li:before { display: none !important; }	

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

			.sf-menu ul, .sf-menu ul {
			  right: 0;
			  width: 100%;
			  background: #95989c;
			  padding: 0;
			}


		.sf-menu li {
		  display: block;
		  float: none;
		  width: 100%;
		}
			.sf-menu > li:first-child {
			  border-top: none;
			}
			.sf-menu > li > a {
				margin-left: 0;
				text-align: center;
			}

			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:	0;
				top:	0; /* match top ul list item height */
				z-index:		99;
				height: auto;
				position: relative;
			}
				#topnav .sub-menu { 
					padding: 0 15px;
					background: #888B8F;
					border: none;
					width: auto;
				}


				#topnav .sub-menu li {
					 /* border-top: 1px solid #733E7F !important;		 */		
				}

				#topnav .sub-menu li:hover > a,
				#topnav .sub-menu li li:hover > a,
				#topnav .sub-menu li.current-menu-item > a {
					color: #fff;
																			
				}

				ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
				  left: 0;
				  right: 0;
				  top: 40px;
				}


			#topnav .sub-menu li a:hover, #topnav .sub-menu li li a:hover {
			  color: #fff;
			  padding: 10px 15px; 
			}

			#topnav .sub-menu .sub-menu {
			  background: #707377;
			  margin-left: 0;  
			  top: 15px; 
			  width: 80%;
			  margin: 0 auto;
			}

			#topnav .sub-menu > li:hover > a:after, #topnav .sub-menu li li:hover > a:after, #topnav .sub-menu > li.current_page_item > a:after {
				display: none;				
			}


/*  ************************ HOME CONTENT ************************/

	
	.metaslider, .metaslider .slides {
	  height: auto;
	}

	#sliderWrap { height: auto; width: 100%;  position: relative; }

	#home-content { padding: 0 15px; }

	#sliderWrap .metaslider .caption-wrap {
	  bottom: 10px;
	  height: auto;
	  top: auto;
	  width: 100% !important;
	  left: 0;
	  margin-left: 12px;
	}
		#main #sliderWrap .metaslider .caption-wrap h3 {
			font-size: 29px;
			line-height: 35px;
			margin-bottom: 5px;
		}

		#main #sliderWrap .metaslider .caption-wrap p {
		  font-size: 12px;
		  line-height: 18px;
		}

		.flexslider .flex-control-nav { opacity: 1; width: 100% !important;	}


		#carouselArea > div { padding-bottom: 20px; }
		#carouselArea p { margin-bottom: 35px; }

	
		#sliderWrap .flex-control-nav { display: none !important; }

	#sliderWrap .metaslider .slides img {
	  height: auto !important;
	  min-height: 100px !important;
	  width: 100% !important;
	  margin: 0 !important;
	}

	.list_carousel {
		width: 300px;
		overflow: hidden;
		margin: 0 auto;
	  }

		#carouselArea {
		  height: 280px;
		  padding-left: 15px;
		  padding-right: 15px;
		  margin-bottom: 20px;
		  overflow: hidden;
		}

	.caroNav a.prev {
		bottom: -57px;
		right: 50%;
	}
	
	.caroNav a.next {
	  right: 50%;
	  margin-right: -42px;
	  bottom: -57px;
	}

	#main h3, #main h3 a { text-align: left; }

	#primaryWrapContent a.read { margin-bottom: 20px; }	

	.spacer {
	  height: 30px;
	}
	.spacer2 {
	  height: 35px;
	}

	#bannerArea {
	  margin-top: 0;
	}

	
	.coloredBox {
	  float: none;
	  width: 100%;
	  height: auto!important;
	}

	#bannerArea .span12 .banner-area-item:last-child {
	  padding: 40px 15px;
	}


/*  ***************************** SUBPAGES CONTENT ***************/

	#primaryWrapContent .wrap_content .page .row .span3 {
	  margin-left: 0;
	}
		
	#main #titleArea h3 { margin-top: 90px; }	


	#primaryWrapContent { position: relative; } 

	#sidebar #searchform input[type="text"] { width: 91%; }
	
	#sidebarLeft {  margin-top: 0; }

	#sidebar, #sidebarLeft { padding: 0 15px 10px !important; }

	.check-list li,
	#sidebarBlog .check-list li,
	#sidebarLeft .check-list li,
	#sidebarRight .check-list li {
	  margin: 0 0 10px;
	}
		#primaryWrapContent img { max-width: 50%; width: auto; }
			#primaryWrapContent .comment-author img { max-width: 100%; }
	
	#sidebarRight { margin-bottom: 0;}
	ul .recent-post-item:last-child { margin-bottom: 0 !important; }

	#primaryWrapContent { padding: 35px 15px 0; }

	.post-meta a, .post-meta time, .wrapMeta b a {
	  font-size: 11px;
	  line-height: 14px;
	}

	#primaryWrapContent  p.left img {
		max-width: 100%;
	}
	
	ul.related-posts li {
	  margin: 0 0 10px 12px;
	  width: 113px;
	}


/*  **************************************************/
	.featured-thumbnail {
	  float: left;
	  /* width: 97%; */
	  margin-bottom: 15px;
	}
		#commentform input[type="text"], #commentform textarea {
		  width: 348px;
		}

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

	div.pp_pic_holder {
	  width: auto !important;
	}
		div.ppt {
		  width: 94%!important;
		}

		.pp_content {
		  width: 98.5% !important;
		}
			
			.pp_content_container .pp_details {
			  width: 100%!important;
			}

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

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	  float: none;
	  margin-right: 0;
	}
		.two_third, .one_third {
		  width: 100%;
		} 
			

	/*  ********************* sidebar ***********************/

	#sidebar, #sidebarLeft {
	  margin-top: 30px;
	  width: 100%;
	  padding: 0 !important;
	  margin-bottom: 30px;
	}
		#sidebarLeft {
			margin-left: 0;
			padding-top: 0;
			margin-top: 15px;
		} 
		.page-template-page-fullwidth_withTwoSidebar-php #sidebarLeft,
		.page-template-page-fullwidth_withTwoSidebar-php #sidebar {  padding: 0 15px 0 !important; margin-bottom: 0; }
		.page-template-page-fullwidth_withTwoSidebar-php .wrap_content { margin-top: 0;  }
		.page-template-page-univercity_withRightSidebar-php .wrap_content { padding: 0 20px 10px; }

		#sidebar .recent-post-item { margin-left: 0; }		
		.toggle .box { height: 80px; }
	
	.recent-posts.news .recentInner li { margin-left: 0 !important; width: auto; }

	/*  ************************ search page **********************/
	
	.no-results #searchform, #searchform {
	  margin-bottom: 0;
	  max-width: 280px;	
	}
	/* #searchform input[type="text"] { width: 258px; } */
	
	.author #recent-author-posts .post-content .excerpt,
	.search-results #content .post-content .excerpt {
	  display: table;
	}

	/*  ********************** contact page **************/

	.wrap_content iframe {  width: 100%; }

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

	.search-results .post-content, .author .post-content, .blog .post-content {
	  padding-left: 0;
	}
		.author #recent-author-posts .post-content .excerpt, .search-results #content .post-content .excerpt {
  			display: block;
		}

	.single-post .primary_content_wrap article.post-holder .featured-thumbnail img,
	.archive .primary_content_wrap article.post-holder .featured-thumbnail img {
	  width: 180px !important;
	}	

	#content article {
	  padding-top: 0;
	}
	.primary_content_wrap .container_12 .divider {
	  margin-top: 50px;
	} 

	.archive .post-content {
	  padding-left: 0;
	}	

	#sidebarLeft ul li.recent-post-item .post-entry img { max-width: 400px; }

	#commentform p { margin: 0 0 15px 0; }

	/*  **************************************************/
	
	#error404 {
	  margin: 0 20px 0;
	  padding: 0;
	  text-align: center;
	}	
		.error404-num { font-size: 160px; }
		#error404 #searchform {  width: 353px; margin-bottom: 20px; }

		.search-no-results #searchform input[type="text"],
		.error404 #error404 #searchform input[type="text"] {
		    width: 240px !important;
		}
			
	.post-meta { font-size: 10px; }		
	.entry-header b a { font-size: 10px; }
	time { font-size: 10px; }

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

	.pagenavi {  padding: 30px 0 30px; }

	.wrap_cf .wpcf7-form span.wpcf7-form-control-wrap {
		display: inline-block !important;
	}
	.wrap_cf .wpcf7-form input[type="text"],
	.wrap_cf .wpcf7-form input[type="email"],
	.wrap_cf .wpcf7-form input[type="tel"],
	.wrap_cf .wpcf7-form input[type="number"],
	.wrap_cf .wpcf7-form textarea {
	  width: 418px;
	  margin-bottom: 0;
	}

	.sidebar #searchform input[type="text"] { width: 238px; }

	#content > article.post-holder,
	#recent-author-posts > article.post-holder {
	  margin: 30px 0 0;
	}

	#sidebarBlog,#sidebarLeft, #sidebarRight {
	  padding-top: 4px;
	  margin: 0 auto 35px;
	  clear: both;
	}


	#primaryWrapContent #sidebarLeft img { max-width: 260px; }

	.wrap_content table {
	  margin-left: 0;
	  width: 100%;
	}

	.span12.portfolio {
	  margin: 0 auto;
	  width: 460px;
	}
	#primaryWrapContent #filter-by a { font-size: 12px; }

	.galleryItem {
	  height: 134px;
	  width: 134px;
	}
	#primaryWrapContent .galleryItem img { width: 89%; max-width: 100%; }

	div.pp_pic_holder {
	  left: 50% !important;
	  margin-left: -150px !important;
	  width: 300px !important;
	  height: auto!important;
	}

	#pp_full_res img {
	  width: 300px !important;
	  height: 200px!important;
	}
	div.pp_default .pp_content {
		height: 275px !important;

	}

	#primaryWrapContent #filter-by a { margin-right: 18px; }

	.wrapIframe { margin-bottom: 0; }

	.single #primaryWrapContent article.post-holder .featured-thumbnail, .archive #primaryWrapContent article.post-holder .featured-thumbnail, .blog #primaryWrapContent article.post-holder .featured-thumbnail, .page-template-page-blog-php #primaryWrapContent article.post-holder .featured-thumbnail, .search #primaryWrapContent article.post-holder .featured-thumbnail {
	  text-align: left;
	  margin-bottom: 10px;
	}

	.single #primaryWrapContent .featured-thumbnail a,
	.archive #primaryWrapContent .featured-thumbnail a,
	.blog #primaryWrapContent .featured-thumbnail a,
	.page-template-page-blog-php #primaryWrapContent .featured-thumbnail a,
	.search #primaryWrapContent .featured-thumbnail a {
	  float: left;
	  
	}

	.single #primaryWrapContent .featured-thumbnail img,
	.archive #primaryWrapContent .featured-thumbnail img,
	.blog #primaryWrapContent .featured-thumbnail img,
	.page-template-page-blog-php #primaryWrapContent .featured-thumbnail img,
	.search #primaryWrapContent .featured-thumbnail img {
	  width: 270px;
	  height: auto;	  
	}

	.single #primaryWrapContent .post-holder .featured-thumbnail img {
		max-width: 100%;
	}

	.testimonial .featured-thumbnail img { width: auto !important; }

	.wrap_cf .leftPart, .wrap_cf .rightPart {
	  float: none;
	  width: 100%;
	}

	#commentform input[type="text"], #commentform textarea {
	  width: 92%;
	  padding-right: 10px !important;
	}

	article.post-holder .featured-thumbnail { width: 135px; }

	.single-post #commentform textarea { width: 92%; }

/*  ***************************** END OF SUBPAGES CONTENT ***************/



/*  ************************ FOOTER ************************/

	#footer, #footerBottom {
		text-align: center;		
	}		
	#footerBottom .span3 {
  		width: 45%;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px 0;
		text-align: center;
		
	} 
	#footerBottom h2 { text-align: center; }
	#footerBottom .span3 ul {
		display: inline-block;
	}
	#footerBottom .span3 ul li {
		text-align: left;	
	}
	
/*  ************************ END OF FOOTER ************************/




/*  *********************** END OF FILE *******************/
} 


@media only screen and (max-width: 450px) {
		
}