/* mobile styles */
 #wrap { width:100%; margin-left:auto; margin-right:auto; overflow:hidden; }

 .single-post .type-post { width:310px;}
 .single-post .type-post .gridly-copy { width:290px;}
 .single-post .type-post img { width:290px; height:inherit;}
 #post-area .post { margin: 0 auto; width: 310px; }
 .type-post { display: block; float: none; position: relative; }

 .type-page { width:310px;}
 .type-page .gridly-copy { width:290px;}
 .type-page img { width:290px; height:inherit;}

 #comment-form { width:285px; }

 /*   my code    */

#wrap { float: left; margin-top: 130px; }

#header { width: 100%;  padding: 25px 0px; position: absolute; }
#logo { display: none; }
#logo img {margin-left: 290%; width:85px; transform:rotate(270deg); -ms-transform:rotate(270deg); /* IE 9 */ -webkit-transform:rotate(270deg); /* Safari and Chrome */}
#mobilelogo { display: block; width: 250px; margin: 0 auto;}
#mobilelogo img{ width: 250px; }

  #menu-item-41 { display: none; }
  #nav 				 { width:100%; /* background:url(../images/light/bg-row.png) top left repeat-x; height:57px;*/ overflow:hidden; text-align: center; margin: 0; margin-top: 0px; }
  #nav ul 			 { list-style: none;  margin:0px; padding:0px;  /* height:42px; line-height:42px; */  clear:both;  text-align: center; list-style: none; position: relative; float: left; left: 50%; font-family: 'Montserrat', sans-serif;}
  #nav ul li 		 { float: left;  list-style-type: none; text-align: center; font-size: 11px; margin:0px; padding:0px; position: relative; float: left; right: 50%; font-family: 'Montserrat', sans-serif;}
  #nav ul li a 		 { display:block; height:10px; margin: 8px; text-decoration:none; margin-top:auto; width: auto; font-size: 11px; }
  #nav ul li a:hover { }
  .js-masonry {  margin: 0 auto; width: 310px;}
  .post-single img { width: 100%; box-shadow: 2px 2px 5px 2px #F2F2F2; height: 100%; }
  .desc { margin: 0 6%; padding-bottom: 20px; width: 85%; }
  .gridly-project {opacity: .97; top: 155px; padding: 0px 20px; }
  .gridly-project h1 { color: #04310e; font-size: 14px; }
  .menu-item-41 { display: none; }
  .menu-item-41 a { display: none; }
  #menu-item-41 { display: none; }
  #menu-item-41 a { display: none; }
  .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .single-title {opacity: 0;}

  .type-post { margin-bottom: 10px; }
  .gridly-image { z-index: 5; margin-bottom: 10px; }
/*   .gridly-image img { box-shadow: 2px 2px 5px 2px #F2F2F2; width: 100%; height: 100%;} */
  .js-masonry { margin: 0 auto; width: 310px; }
  .half-size { width:48%; }
  .half-size img { width: 97%; margin-bottom: 15px; }
  .type-page { margin: 0 auto; width: 100%; }

  .post-nav { display: none; }
  .post-nav-m 		 { width:80%; display:inline; margin-right: 10%; margin-left:inherit; margin-top:-5px; display: inline-block; float: right;}
  .post-next-m a 		 { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
  .post-next-m a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;}
  .post-prev-m a 		 { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:right; text-indent:-9999px; }
  .post-prev-m a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;}

    .post-single { margin-right: 10%; width: 80%; float: right; }