@media screen and (max-width: 800px) {
.entry-comments textarea {
width: 95%;
}
.loading-status {
visibility: hidden !important;
}
#content {
padding: 0 2%;
}
.wrapper {
width: 100%;
}
iframe {
width: 100%;
height: auto;
}
.responsive {
display: block;
}
.non-responsive {
display: none;
}
.page-template-page-portfolio-php #main {
padding: 20px 30px 0 28px;
}
.responsive-portfolio-grid img {
width: 100%;
display: block;
margin: 10px auto;
height: auto;
}
#galleryDesc img {
height: auto;
margin-bottom: 20px;
max-width: 100%;
}
.responsive-portfolio-grid .caption {
vertical-align: top;
text-align: center;
margin: 10px 0 30px 0;
}
.responsive .mobile-menu {
background: #181818;
padding: 2%;
}
.responsive .mobile-menu .open {
color: #FFF;
font-size: 18px;
display: block;
font-weight: 700;
text-transform: none;
clear: both;
}
.responsive .mobile-menu ul li {
margin: 7px 0 7px 0;
}
.responsive .mobile-menu ul li a {
display: block;
font-size: 20px;
color: #E1E1E1;
text-transform: lowercase;
}
.responsive .mobile-menu ul li a:first-letter {
text-transform: uppercase;
}
.responsive .mobile-menu ul li ul {
margin: 0 0 0 15px;
}
.responsive .mobile-menu ul li ul li a {
font-size: 15px;
}
.responsive .main-nav {
display: none;
}
.home .responsive .caption {
vertical-align: top;
text-align: center;
margin: 10px 0 30px 0;
}
.home .responsive .caption h2 {
font-weight: normal;
color: #3B3B3B;
}
#footer {
padding: 0 2%;
width: 100%;
height: 16%;
}
#header {
padding: 0 2%;
border-bottom: 0;
}
#nav {
display: none;
}
.home #main,
.page-template-page-home-php #main,
#main {
padding: 2% 2%;
overflow: visible !important;
}
.home #main .slide {
margin-bottom: 10px;
}
#main.col-2 {
margin: 0;
padding: 0 2%;
}
.content,
.col-2 .content {
width: 100%;
margin: 0;
padding: 0;
}
.col-2 .sidebar {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
float: left;
position: relative;
}
.alignnone,
.alignleft,
.alignright {
margin-right: 0;
margin-left: 0;
}
#footer {
position: relative;
padding: 0% 0%;
}
#footer .wrapper {
height: 50px;
}
#footer .copyright,
#footer .social-nav {
margin-top: 5px;
float: none;
text-align: center;
}
#footer .social-nav li {
float: none;
display: inline;
}
.flexi-content {
margin-right: 0;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright,
a img.alignright {
float: right;
margin: 5px 0 4px 12px;
}
.alignleft,
a img.alignleft {
float: left;
margin: 5px 12px 4px 0;
}
.aligncenter,
a img.aligncenter {
display: block;
margin: 4px auto 4px auto;
}
a img.alignnone {
margin: 5px 12px 4px 0;
}
.wp-caption {
background: none;
max-width: 100%; text-align: center;
}
.wp-caption .caption {
border-bottom: 1px solid #BDBDBD;
width: 50%;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14px;
margin: 20px auto 20px auto;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 0px 4px 0;
}
.wp-caption.alignleft {
margin: 5px 12px 4px 0;
}
.wp-caption.alignright {
margin: 5px 0 4px 12px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
} @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.fancybox-nav span{
visibility: visible !important;
opacity: 0;
}
} @media screen and (max-width: 320px) {
.product-price {
display: none;
}
.product-remove {
display: none;
}
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
display: none;
} .content > div { 
text-align: left !important;
padding-bottom: 0px !important;
}
}