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

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

   /* Navigations
	---------------------------------------- */
   /*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;
   }
   /* Control Nav */
   .top2 {
	  position: absolute;
	  top: 	10px;
	  left: 	10px;
	  color: 	#fff;
	  font: 	12px/14px "Sans Serif", Arial, Helvetica, Trebuchet MS;
   }

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

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

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

   /* Primary navigation */
   nav.primary {
	  clear: both;
	  width: 100%;
	  margin: 0 0 20px;
	  text-align: center;
	  padding: 10px 0;
   }
   #header-desktop-user-photo {
	   display: none;
   }

   /* Header -> Logo */
   .logo {
	  padding-bottom: 0;
	  margin: 20px 0;
   }
   .companylogo {
	  position:relative;
	  top:0px;
   }

   /* Top search */
   #top-search {

   }
   #top-search .input-search {
	  width: 150px;
   }
   #top-search #submit {

   }
   .try_now_text a{
	  color: #d6d6d2;
	  font: 14px/20px "segoe script", Arial-ItalicMT;
	  font-weight: bold;
   }
   .try_now {
	  color: #d6d6d2;
	  position: absolute;
	  font: 12px/20px "segoe script", Arial-ItalicMT;
	  font-weight: bolder;
   }
   /* Slider
	---------------------------------------- */
   #slides, #slides .slide, .slidesContainer, .slidesControl {
	  width:	420px;
	  height: 315px !important;
   }

   .screen1 {
	  position: absolute;
	  bottom: 45px;
	  right: 100px;
	  color: #d6d6d2;
	  text-align: center;
	  font-weight: bold;
	  font: 20px/25px "Segoe Script", Arial-ItalicMT;
   }
   .try_now_free_trial a {
	   font-size: 11px;
	   right:1.6%;
	   top:1.0%
	}
   #slides {
	  position:relative;
	  background: url(../images/tile.gif) 0 100% repeat-x;
	  margin-bottom: 55px;
   }

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

   /* Content
	---------------------------------------- */
   .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;
   }	

   /* Pagination */

   .slidesPagination {
	  position: absolute;
	  right: 5px;
	  top: 280px;
	  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: 345px;
	  top: 5px;
	  color: #21759B
   }
   #try41, #try42, #try43, #try44{
	  display:none
   }
   #ubicon4 {
	  position: absolute;
	  left: 5px;
	  bottom: 10px;
	  width: 130px;
   }

   .current_slide {
	  font: bold 10px/1.33 sans-serif;
	  float: left;
	  margin-top: 12px;
   }

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

   .author-info h1 {
	  font-size: 20px;
	  line-height: 1em;
	  margin-bottom: 0px;
   }
   .avatar .photo{
	  max-width: 378px;
	  width: 378px;
	  height: auto;	
   }

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

   /* Post */
   .post-meta {
	  padding-bottom: 25px;
   }
   .post-meta .fright {
	  float: right;
	  clear: none;
   }

   .post-thumb {
	  width: 97%;
	  height: auto;
   }
   /* Images */
   .frame.alignleft, .frame.alignright, .frame.alignnone {
	  margin-right: 0;
	  width: 404px;
   }

   /* SlidesJS */
   .slides_container {
	  width: 420px;
   }
   .slides_container .item {
	  width: 420px;
	  height: 250px;
   }
   .slides_container .item .thumbnail img {
	  width: 100%;
	  height: auto;
   }

   /* About -> Team */
   .recent-posts.team li .thumb-wrap {
	  width: 174px;
	  float:left;
	  margin: 0 20px 0 0;
   }
   .recent-posts.team li {
	  float: none;
	  width: 100%;
	  margin: 0 0 30px 0;
	  padding: 0px;
   }
   .recent-posts.team li h5 {
	  padding-top: 20px;
   }
   .recent-posts.team li .excerpt {
	  padding: 5px 20px 0 0;
   }
   /*team-view*/
   .team-single .post-thumb {
	  width: 50%;
	  float: none;
   }
   /*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;
   }
   /*Project team book, Report*/
   .trash {
	  display:none;
   }
   .report.post-thumb {
    width: 96%;
   }
   /* Comments */
   .commentmetadata .comment-edit-link{
	  display: block;
	  width:20%;
	  -webkit-tap-highlight-color: rgba(255,0,0,0.0);
   }
   #commentform {
	  margin-top:14px;
   }
   #commentform a.log-out {
	  display: block;
	  width:25%;
   }
   .comment-text table {
	  margin-top: 14px;
   }
   .commentlist ul.children {
	  margin-left: 0;
   }
   .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;  
   }
   /*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;
   }
   /* Portfolio
	---------------------------------------- */

   /* Default layout 3 columns */
   #gallery .portfolio li {
	  width: auto;
	  float: none;
	  margin-right: 0;
   }
   #gallery .portfolio li a.image-wrap {
	  width: 390px;
	  height: 210px;
   }
   .zoom-icon {
	  width: 420px;
	  height: 200px;
   }
   #gallery .portfolio li img {
	  width: 100%;
	  height: auto;
   }
   #gallery .folio-desc p {
	  height: 36px;
   }
   /* 1 column portfolio*/
   #gallery.one_column .portfolio li a.image-wrap {
	  width: 390px;
	  height: 205px;
	  float: none;
   }
   #gallery.one_column .zoom-icon {
	  width: 390px;
	  height: 205px;
   }
   #gallery.one_column .folio-desc {
	  width: 100%;
	  padding-top: 15px;
	  margin: 0;
   }
   #gallery.one_column .folio-desc p {
	  height: auto;
   }
   /* 2 columns portfolio*/
   #gallery.two_columns .portfolio li {
	  width: 390px;
	  margin-right: 0;
   }
   #gallery.two_columns .portfolio li a.image-wrap {
	  width: 390px;
	  height: 200px;
   }
   #gallery.two_columns .zoom-icon {
	  width: 390px;
	  height: 200px;
   }

   /* 4 columns portfolio*/
   #gallery.four_columns .portfolio li {
	  width: 167px;
	  margin-right: 16px;
   }
   #gallery.four_columns .portfolio li.even {
	  margin-right: 0;
   }
   #gallery.four_columns .portfolio li a.image-wrap {
	  width: 167px;
	  height: 107px;
   }
   #gallery.four_columns .zoom-icon {
	  width: 167px;
	  height: 107px;
   }
   #gallery.four_columns .folio-desc p {
	  height: 72px;
   }
   /* Contact form */
   .wpcf7-form p.field input {
	  width: 395px;
   }
   .wpcf7-form textarea {
	  float: left;
	  width: 395px;
	  max-width: 395px;
	  min-width: 395px;
   }
   .wpcf7-not-valid-tip {
	  width: 407px !important;
   }
   /* Contact -> address*/
   .address dd ul li {
	  margin: 0;
   }
   /* Google map */
   #map {
	  width: 420px;
	  height: 320px;
   }
   .locations span {
	  padding-left: 12px;
   }
   .locations li.email {
	  padding-left: 12px;
   }

   /* Sidebar, widgets
	---------------------------------------- */
   #searchform .searching {
	  width: 260px;
   }
   .widget:last-of-type {
	  margin-bottom:15px
   }
   .widget h3 {
	  margin-bottom: 1.1em;
   }

   /* Footer
	---------------------------------------- */
   #footer-text {
	  width: 100%;
	  text-align: left;
	  float: left;
   }
   .footer-link {
	  float: left;
	  padding-bottom: 10px;
   }

   .date-break {
	  display: inline;
   }

   .testimonials div.testi_item {
	  padding: 0;
	  margin: 0 5px 2em 5px;
	  background: none;
	  width: 98%;
   }

   .testimonials div.testi_item blockquote {
	  height: auto;
   }

   #teamtalk-icons {
	  display: none;
   }

   .ep-icon img{
	  display: none;
   }
   #toTop-nav {
	  display: inline;
	  width: 26px;
	  height: 26px;
	  position: absolute;
	  right: 0;
	  bottom: 23px;
	  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:none;
	}

.primary_content_wrap {
    padding-bottom: 0 !important;
}

/*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: #e11b22;
	}
	.project-filter-panel {
		margin:20px 0;
	}
	.header-title h1 {
		white-space: pre-line;
		width: auto;
		font-size: 16px;
	}
	
	h1#individual_category > span.trunktitle {
		width: 390px;
	}
	
	#post_category_display ul li a {
		width: 320px;
	}
	.projectsubtopic h2>span.clientname{
		width: 320px;
	}
	#projectname h2>a.discussion_title{
		width: 320px;
	}
	
	.post-holder .entry-header .project_h2 {
		width: 320px;
	}
}