/*  #Mobile (Portrait)
 ================================================== */
/* Note: Design for a width of 320px */

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

   #header {
	  margin-bottom: 0px;
   }
   /*Optimized grid system for mobile*/
   .grid_4, .grid_8, .grid_12 {
	  margin-top: 0px;
   }
   .grid_4:first-child, .grid_8:first-child, .grid_12:first-child {
	  margin-top: 40px;
   }
   /* Navigations
	---------------------------------------- */

   /* Control Nav */
   .top2 {
	  position: absolute;
	  top:	10px;
	  left: 	10px;
	  color: 	#fff;
	  font: 	10px/12px "Sans Serif", Arial, Helvetica, Trebuchet MS;
   }

   .top3 {
	  position: absolute;
	  top:	10px;
	  left: 	10px;
	  color: 	#000;
	  font: 	10px/12px "Sans Serif", Arial, Helvetica, Trebuchet MS;
   }

   .top4 {
	  position: absolute;
	  bottom: 40px;
	  left: 	6px;
	  color: 	#000;
	  font: 	10px/12px "Sans Serif", Arial, Helvetica, Trebuchet MS;
   }

   .advice-help-line {
	  margin: 30px 0;
   }

   /* Primary navigation */
   nav.primary {
	  clear: both;
	  width: 100%;
	  margin: 0;
      padding: 10px 0;
	  margin-bottom: 20px;
	  text-align: center;
   }
   .sf-menu {
	  display: none;
   }

   #header-desktop-user-photo {
	   display: none;
   }
   /* Logo */
   .logo {
	  margin: 20px 0;
   }
   .logo h1, .logo h2 {
	  font-size: 1.5em;
   }

   .companylogo {
	  position:relative;
	  top:0px;
   }
   .logged-in-as {
	  padding: 0;
	  margin: 5px;
	  margin-right:0px;
	  font-weight: bold;
   }

   .signout {
	  color: #FFF;
   }

   /* Top search */
   #top-search {
	  margin-top: 12px;
   }
   #top-search .input-search {
	  width: 130px;
	  margin-right: 0;
   }
   #top-search #submit {
	  width: 20px;
	  height: 20px;
	  padding: 0;
	  background: url(../images/search-icon.gif) 0 0 no-repeat;
	  text-indent: 100%;
	  white-space: nowrap;
	  overflow: hidden;
	  position: absolute;
	  right: 0;
	  top: 8px;
   }
   .try_now_text a{
	  color: #d6d6d2;
	  font: 9px/11px "segoe script", Arial-ItalicMT;
	  font-weight: bold;
   }
   .try_now {
	  color: #d6d6d2;
	  position: absolute;
	  font: 9px/12px "segoe script", Arial-ItalicMT;
	  font-weight: bolder;
   }
   /* Slider
	---------------------------------------- */
   #slides, #slides .slide, .slidesContainer, .slidesControl {
	  width:	300px;
	  height: 225px !important;
   }

   .screen1 {
	  position: absolute;
	  bottom: 55px;
	  right: 80px;
	  color: #d6d6d2;
	  text-align: center;
	  font-weight: bold;
	  font: 14px/15px "Segoe Script", Arial-ItalicMT;
   }
   .try_now_free_trial a {
	   font-size: 10px;
	   right:1.6%;
	   top:0.5%
	}

   #slides {
	  position:relative;
	  background: url(../images/tile.gif) 0 100% repeat-x;
	  margin-bottom: 55px;
   }

   #slides .slidesNext, #slides .slidesPrevious {
	  display:none;
   }

   /* Pagination */

   .slidesPagination {
	  position: absolute;
	  right: 5px;
	  top: 190px;
	  z-index: 10;
   }

   .slidesPagination li {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  width: 23px;
	  height: 22px;
	  overflow: hidden;
	  float: left;
	  margin-left: 2px;
   }

   .slidesPagination li a {
	  display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  text-indent: -9999px;
	  padding: 0;
	  margin: 0 10px 0 0;
	  background: url(../images/bullet.png) 100% 0 no-repeat;
   }

   .slidesPagination li.slidesCurrent a {
	  background-position: 0 0;
   }
   #try40 {
	  left: 245px;
	  top: 5px;
	  color: #21759B
   }
   #try41, #try42, #try43, #try44{
	  display:none
   }
   #ubicon4 {
	  position: absolute;
	  left: 5px;
	  bottom: 8px;
	  width: 120px;
   }
   .current_slide {
	  font: bold 10px/1.33 sans-serif;
	  float: left;
	  margin-top: 12px;
   }

   #slider {
	  height: 280px;
   }
   .slider_container {
	  width: 300px;
   }
   .slider_container .item {
	  width: 300px;
	  height: 430px;
	  font-size: 26px;
	  letter-spacing: -1px;
   }
   .slider_container .item strong {
	  font-size: 60px;
	  line-height: 1em;
	  letter-spacing: -3px;
	  margin: 0 0 -5px -3px;
   }

   /* Content
	---------------------------------------- */

   .primary_content_wrap {
	  padding-bottom: 0 !important;
   }
   .archive-content-top .grid_8 {
	  margin-top: 16px;
   }
   .index-content-top .grid_8 {
	  margin-top: 16px;
   }
   .single-content-top .grid_8 {
	  margin-top: 5px;
   }
   .project-content-top .grid_12 {
	  margin-top: 5px;
   }	
   .indent {
	  padding: 0;
   }

   /* Flickr widget */
   .flickrImages a {
	  width: 49px;
	  height: 49px;
   }

   /* Post */
   .post-meta {
	  padding-bottom: 25px;
   }

   .post-thumb {
	  float: none;
	  margin: 0 0 10px 0;
   }
   .post-thumb img {
	  float: none;
	  display: block;
	  width: 100%;
	  height: auto;
   }
   .post-thumb a {
	  float: none;
   }
   .post-thumb.large {
	  width: auto;
	  height: auto;
	  margin: 0 0 10px 0;
   }

   .hr {
	  margin-right: 0;
	  margin-left: 0;
	  margin-top: 30px;
   }
   /*Page Team Talk*/
   .projectsubtopic {
	  clear: left;
	  margin-top: 15px;
   }
   .projectsubtopic ul li {
	  padding: 0px;
   }
   #projectname h2{
	  margin-bottom: 0px;
   }
   .linebreak {
	  display: block;
   }
   #post-icons {
	  display:none;
   }
   .post-holder {
	  margin-bottom: 30px;
   }
   /*Project team book, Report*/
   .trash {
	  display:none;
   }
   .report.post-thumb {
    width: 96%;
   }
   /* Comments */
   .comment-meta {
	  position: static;
	  padding-bottom: 1em;
	  display: block;
   }
   .comment-author {
	  padding-bottom: 0;
   }
   .commentmetadata .comment-edit-link{
	  display: block;
	  width:20%;
	  -webkit-tap-highlight-color: rgba(255,0,0,0.0);
   }
   #commentform a.log-out {
	  display: block;
	  width:25%;
   }
   #commentform input[type="text"], #commentform textarea {
	  width: 85% !important;
	  min-width: 60px !important;
   }

   .commentlist  li.depth-2 { /*Reply to comment*/
	  margin: 0 0 0 8px;  
   }

   .commentlist  li.depth-3  { /*Reply to reply (2nd reply) */
	  margin: 0 0 0 8px;  
   }

   .commentlist  li.depth-4  {
	  margin: 0 0 0 8px;  
   }

   .commentlist  li.depth-5  {
	  margin: 0 0 0 8px;  
   }
   .photo {
	  max-width: 150px;
	  height: auto;
   }

   /* Team */
   .recent-posts.team li {
	  float: none;
	  width: 100%;
	  margin: 0 0 30px 0;
   }

   /* Services */
   .recent-posts.services li {
	  float: none;
	  width: 100%;
	  margin: 0 0 30px 0;
   }
   /* About */
   .services-ul img.size-full {
	  width:97%;
   }
   /* Testimonials*/
   article.testimonial {
	  padding: 202px 22px 30px;
   }
   article.testimonial:after {
	  left: 15px;
	  top: 180px;
   }
   .testi-pic {
	  width: 150px;
	  height: auto;
   }
   .testi-pic img {
	  width: 100%;
	  height: auto;
   }
   /* Images */
   .frame.alignleft, .frame.alignright, .frame.alignnone {
	  margin-right: 0;
	  width: 284px;
   }
   .frame.alignleft img, .frame.alignright img, .frame.alignnone img {
	  width: 100%;
	  height: auto;
   }

   /* SlidesJS */
   .slider_container {
	  width: 300px;
   }
   .slider_container .item {
	  width: 300px;
	  height: 250px;
   }
   .slider_container .item .thumbnail img {
	  width: 100%;
	  height: auto;
   }
   .author-info h1 {
	  font-size: 20px;
	  line-height: 1em;
	  margin-bottom: 0px;
   }
   .avatar .photo{
	  text-align: center;
	  max-width: 283px;
	  width: 283px;
	  height: auto;	
   }
   /*
   .author-info .avatar img {
	   float: left;
	   margin: 0px 10px 10px 0;
   }*/
   /* Team */
   .recent-posts.team li {
	  float: none;
	  margin: 0 0 20px 0;
	  padding: 0;
   }
   .recent-posts.team li .thumb-wrap {
	  float: left;
	  margin: 0 20px 0 0;
	  width: 150px;
   }
   .recent-posts.team li .excerpt {
	  padding: 5px 20px 0 0;
   }
   .recent-posts.team li h5 {
	  padding-top: 20px;
   }

   .single-team .post-content {
	  display: inline;
   }
   .single-team .post-thumb {
	  width: auto;
	  height: auto;
   }

   /* Comments */
   .commentlist ul.children {
	  margin-left: 0;
   }
   /* Portfolio
	---------------------------------------- */

   /* 1 column portfolio*/
   #gallery.one_column .portfolio li a.image-wrap {
	  width: 270px;
	  height: 145px;
	  float: none;
   }
   #gallery.one_column .zoom-icon {
	  width: 270px;
	  height: 145px;
   }
   #gallery.one_column .folio-desc {
	  width: 100%;
	  padding-top: 15px;
	  margin: 0;
   }

   /* 4 columns portfolio*/
   #gallery.four_columns .portfolio li {
	  width: 270px;
	  margin: 0 0 20px 0;
	  float: none;
   }
   #gallery.four_columns .portfolio li a.image-wrap {
	  width: 270px;
	  height: 172px;
   }
   #gallery.four_columns .portfolio li a img {
	  width: 270px;
	  height: auto;
   }
   #gallery.four_columns .zoom-icon {
	  width: 270px;
	  height: 172px;
   }

   /* 2 columns portfolio*/
   #gallery.two_columns .portfolio li {
	  width: 270px;
	  margin-right: 0;
   }
   #gallery.two_columns .portfolio li a.image-wrap {
	  width: 270px;
	  height: 142px;
   }
   #gallery.two_columns .zoom-icon {
	  width: 270px;
	  height: 142px;
   }
   /* Sidebar, widgets */
   .widget:last-of-type {
	  margin-bottom:15px
   }
   .widget h3 {
	  margin-bottom: 1.1em;
   }
   /* Carousel */
   .es-carousel ul li h4 {
	  display: none;
   }
   .es-carousel ul li .excerpt {
	  display: none;
   }
   .es-carousel ul li .link {
	  display: none;
   }

   /* Google map */
   #map {
	  width: 300px;
	  height: 300px;
   }

   /* Contact form */
   .wpcf7-form p.field input {
	  width: 273px;
   }
   .wpcf7-form textarea {
	  float: left;
	  width: 273px;
	  max-width: 273px;
	  min-width: 273px;
   }
   .wpcf7-not-valid-tip {
	  width: 287px !important;
   }
   /* Contact -> address*/
   .address dd ul li {
	  margin: 0;
   }
   /* Footer
	---------------------------------------- */
   nav.footer {
	  float: none;
	  text-align: center;
	  padding: 0 0 10px 0;
   }

   #footer-text {
	  width: 100%;
	  text-align: left;
	  float: left;
   }
   .footer-link {
	  display: inline;
	  float: none;
   }
   #teamtalk-icons {
	  display: none;
   }

   .ep-icon img{
	  display: none;
   }
   #toTop-nav {
	  display: inline;
	  width: 26px;
	  height: 26px;
	  position: absolute;
	  right: 0;
	  bottom: 30px;
	  cursor: pointer;
	  text-align: center;
	  font-size: 0.75em;
	  color: #002C77;
   }
   #toTop-nav:hover {
	  color: #969695;
   }
   
   #toTop-icon {
	  background: url(../images/ep-icons/up-button.png);
	  background-position-x: 0; 
	  background-position-y: 0;
	  width: 26px;
	  height: 26px;
	  position: absolute;
	  right: 0;
	  bottom: -18px;
	  cursor: pointer;
   }
   #toTop-icon:hover {
	  background: url(../images/ep-icons/up-button.png) bottom;
   }
   #toTop-icon:active {
	  background: url(../images/ep-icons/up-button.png) bottom;
   }
   /*Some specific function for mobile*/
   .mobile-no-display {
	  display: none;
   }
   .mobile-welcomelog {
	  display: inline;
	  clear: left;
	  float: right;
	  color: #969695;
	  font-weight: bold;
	  margin-top:0px;
	  margin-bottom: 10px;
	  padding: 0;
	  text-transform: uppercase;
   }
   .desktop-welcomelog {
	  display:none;
   }
   .mobile-header-img, #header-mobile-user-photo img {
	  display: inline;
	  float: right;
	  margin: 30px 4px 0 0;
	  width: 50px;
   }
   .mobile-fleft {
	  position: absolute;
	  left: 0;
   }
   .desktop-no-display {
	   display:block;
   }
   .display-on-320 {
	display:block;
	}
	
/*mobile projects menu*/
#mob-pm {
	margin-top: 10px;
	margin-bottom: 0px;
}
#mob-pm .mobile-project-menu h2 {
	color: #e11b22;
	text-transform: none;
}
#mob-pm .mobile-project-menu {
	margin: 0 0 10px;
}
#mob-pm ul {
	margin: 0px;
	padding: 0px;
}
#mob-pm .mobile-project-menu li {
	display: block;
	background: none;
	margin-bottom: 0;
	padding: 0 0 30px 0 !important;
	}
#mob-pm .mobile-project-menu li:hover {
	background: none;
	}
	#mob-pm .mobile-project-menu li a {
		color: #000;
		font-weight: 600;
		font-size: 18px;
		margin: 0 0 1.25em;
	}
	#mob-pm .mobile-project-menu li a:hover {
		color: #969695;
	}
	#mob-pm .h2-2nd {
		font-family: Arial,Helvetica,sans-serif;
		margin-top: 40px;
		margin-bottom: 9px;
	}
	#mob-pm .h2-2nd-main {
		font-family: Arial,Helvetica,sans-serif;
		margin-top: 40px;
		margin-bottom: 30px;
	}
		
	#mob-pm .vt-menu {
		margin-top: 20px;
	}
	
	#mob-pm .plus_sign, #mob-pm .minus_sign {
		float: left;
		width: 18px;
		color: #e11b22;
		font-size: 20px;
		font-weight: bold;
		padding: 12px 2px 0 0px;
		cursor: pointer;
		
	}
	#mob-pm .vt-menu-username {
		color: #000;
		font-size: 17px;
		margin-left: 12px;
		vertical-align: -14px;
	}
	#mob-pm .vt-menu-cell {
		border-top: 1px #000 solid;
		padding: 10px 0;
	}
	#mob-pm .vt-menu-last {
		border-top: 1px #000 solid;
		padding:30px;
	}
	#mob-pm .vt-menu-content {
		background: #fbfbfb;
		color: #000;
		padding: 20px;
	}
	#mob-pm .vt-menu-content ul li{
		padding: 0 0 10px !important;
	}
	#mob-pm .vt-menu-content ul li:last-of-type{
		padding: 0  !important;
	}
	#mob-pm .vt-menu-content li a{
		font-size: 12px;
		color: #444;
		text-decoration: underline;
	}
	#mob-pm .vt-menu-content li a:hover{
		color: #222;
	}
	#mob-pm .mob-pm-avatar {
		width: 45px !important;
		height: 45px !important;
		float: none !important;
		display: inline;
		border: 0;
		border-radius: 0;
	}
	#mob-pm .mob-pm-mainimg {
		border: 5px solid #2D2D2D;
		border-radius: 4px 4px 4px 4px;
		width: 97.5%;
		transition: all 0.2s ease-out 0s;
		-webkit-transition: all 0.2s ease-out;
	}
	#mob-pm .mob-pm-mainimg:hover {
		border-color: #af2a2b;
	}
	.project-filter-panel {
		margin-top:20px;
	}
	.project-filter-panel .fcol-selector {
		width:240px;
		margin-bottom:15px;
	}
	.project-filter-panel .fcol-sec-selector {
		margin-left:7px;
	}
	.header-title h1 {
		white-space: pre-line;
		width: auto;
		font-size: 16px;
	}
	
	h1#individual_category > span.trunktitle {
		width: 300px;
	}
	
	#post_category_display ul li a {
		width: 230px;
	}
	.projectsubtopic h2>span.clientname{
		width: 230px;
	}
	#projectname h2>a.discussion_title{
		width: 230px;
	}
	
	.post-holder .entry-header .project_h2 {
		width: 230px;
	}
}