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

.media-content .box{
    width:100% !important;
    margin-left:0 !important;
    margin-bottom:2%;
}
ul.gallery-landing li{
  width:100% !important;
  float:none !important;
 }


}

@media only screen and (min-width: 320px) and (max-width :480px) and (orientation : portrait) {

.logo{
  margin-bottom:20px;
  width:55% !important;
  min-height:10px;
}
  #header{}

}



@media only screen and (min-width: 320px) and (max-width :480px) and (orientation : landscape) {

.logo{

  height:190px;
}

.media-content .box{width:32% !important;margin-left:0 !important;margin-right:2% !important;}
.media-content .box.last{margin-right:0 !important;}

}

/*/////////////////////////////////////////////////////////////////////////////////// 
/////// Mobile & Tablet 
///////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {
     body,p{font-size:100% !important;line-height:1.55em !important;}
	.row,#header{width:95% !important;margin:0 auto;}
	.logo{text-align:center !important;width:55%;left:24%;top:30%;position:relative;}
	.secondary{
	   min-width:240px;
	   height:40px;
	   max-width:767px;
	   margin:20px auto;
	   text-align:center;
	 }
	 .sidebar{
	   float:left !important;
	   width:100%;
	  }
	  .sidebar .widget{
	   width:98%;
	  }
	  #header{min-height:190px;}
	  .page-imgtitle {margin-bottom:3%;}
	  
	  
	  
	  .comments-count{
	    left:15px !important;
	    margin-bottom:20px;
	    max-width:100% !important;
	    
	    }
	  .comments-count .count{position:relative;top:3px;}
      .comments-social{margin:10px 0;text-align:center !important;position:relative;left:37% !important;}
      .comments-leave{margin:10px 0;text-align:center !important;position:relative;left:25px !important;}
      .post-info{
        position:relative;
        left:15px !important;
        margin:10px 0px !important;
        width:105% !important;
        text-align:center !important;
        
        }
      
      
      
      
	  .page-content{height:100%;padding:15px !important;}
	  .galleria-stage{min-height:1px !important;top:0 !important;}
	  #galleria{min-height:1px !important;}
	  .contact-form{width:100% !important;}
      .contact-form input[type="text"]{width:100% !important;}
      .contact-form .email input{margin-left:0 !important;}
     
     /*.favorite-things{width:100% !important;}
     .favorite-item{width:auto;height:auto;}
     .favorite-item:nth-child(4) img{padding-right:6px;padding-left:13px !important;}
     .favorite-item:nth-child(3) img{padding-right:6px;padding-left:0px;}
     .favorite-item:nth-child(2) img{padding-right:6px;padding-left:2px !important;}
     
     .favorite-item:nth-child(2) img,
     .favorite-item:nth-child(4) img,
     .favorite-item:nth-child(6) img{margin-left:3% !important;}*/
     .favorite-things .favorite-item{width:100%;}
     .favorite-item img{width:100%;height:100%;margin-bottom:0 !importnt;}
     #slider{clear:both;top:5px;}
	  
	  .shimmy60{height:10px !important;}
	  .widget-title{float:left !important;margin-right:3% !important;}
	  .post-title, .post-title a, .title-404, hgroup a {font-size:90% !important;}
	  .sidebar .widget-title{
	    text-align:center !important;
	    float:none !important;
	    width:100% !important;
	    max-width:767px !important;
	    position:relative !important;
	    background: #d9bdcb !important;
	    left:0 !important;
	    padding:10px !important;
	    
	    }
	  .gallery-folio-title{top:1px;}
	  .media-content .box{width:100% !important;margin-bottom:10px !important;}
	  .media-content .box img{width:100% !important;height:auto;}
	  .copyright, .site-dev {margin-bottom:25px;}
	  .flexslider .slides img {display: block;width: 100%;}
	  
}

/*/////////////////////////////////////////////////////////////////////////////////// 
/////// Tablets
///////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 768px) and (max-width :800px) and (orientation : portrait) {
     .row{width:95% !important;margin:0 auto;}
     .hide-on-phones {
		display:none!important;
	}
     .contact-form{width:95% !important;}
     .contact-form input[type="text"]{width:100% !important;}
     .contact-form .email input{margin-left:0 !important;}
     .nav-menu a {font-size:70% !important;}
     .logo{text-align:center !important;width:85%;left:8%;top:30%;position:relative;}
     .menu-right-menu-container{
       right:10px !important;
      }
      .menu-right-menu-container .nav-menu a{padding:8px 10px!important;}
      .menu-left-menu-container .nav-menu a{padding:8px 10px!important;}
      
      .menu-left-menu-container{
        left:10px !important;
      }
      #slider{clear:both;}
      .media-content .box{width:auto !important;}
      .home-slider.orbit{top:10px !important;margin-bottom:15px !important;}
      .media-content .box{width:32% !important;margin-left:0 !important;margin-right:2% !important;}
      .media-content .box.last{margin-right:0 !important;}
      .favorite-things .favorite-item{width:100%;}
      .favorite-item img{width:100%;height:100%;}
      .copyright, .site-dev {margin-bottom:25px;}

}

/*/////////////////////////////////////////////////////////////////////////////////// 
/////// Mobile Visibility
///////////////////////////////////////////////////////////////////////////////////*/
.show-on-phones {
	display:none!important;
}

.show-on-tablets {
	display:none!important;
}

.show-on-desktops {
	display:block;
}

.hide-on-phones {
	display:block!important;
}

.hide-on-tablets {
	display:block!important;
}

.hide-on-desktops {
	display:none;
}

@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
	.hide-on-phones {
		display:block!important;
	}

	.hide-on-tablets {
		display:none!important;
	}

	.hide-on-desktops {
		display:block!important;
	}

	.show-on-phones {
		display:none!important;
	}

	.show-on-tablets {
		display:block!important;
	}

	.show-on-desktops {
		display:none!important;
	}
}

@media only screen and (max-width: 767px) {
	.hide-on-phones {
		display:none!important;
	}

	.hide-on-tablets {
		display:block!important;
	}

	.hide-on-desktops {
		display:block!important;
	}

	.show-on-phones {
		display:block!important;
	}

	.show-on-tablets {
		display:none!important;
	}

	.show-on-desktops {
		display:none!important;
	}
}