#mob_body_trig { display: none; }
.no_scroll { overflow: hidden; }
#mob-nav { display: none; }
.mob_nav_inner { padding: 0px; position: relative; width: 100%; height: 100%; overflow: auto; }
.mob_nav_inner .primary-menu { margin: 0px; padding: 0; }
.mob_nav_inner li { list-style: none; display: block; }
.mob_nav_inner li a { padding: 10px 20px; background: none; border-bottom: solid 1px #eee; color: #fff; display: block; text-decoration: none; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
aside { width: 100%; height: 50px; padding: 0px 15px; }
aside #logo { margin: 8px 0px 0px 0px; padding: 0; text-align: left; width: 50px; }
nav { display: none; }
#content { width: 100% !important; margin: 50px 0px 0px 0px !important; padding: 0; }
.navbar-toggle { border: none; padding: 0; margin: 00px; width: 50px; height: 50px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: absolute; top: 0; right: 0; }
.navbar-toggle .icon-bar { margin-left: auto; margin-right: auto; background-color: #fff; display: block; width: 22px; height: 2px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
#page-move { box-shadow: 3px -50px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 3px -50px 10px rgba(0,0,0,0.35); -moz-box-shadow: 3px -50px 10px rgba(0,0,0,0.35); z-index: 1; }
#mob_body_trig { position: fixed; width: 100%; height: 100%; background: transparent; top: 0; right: 0; z-index: 888888; }
#mob-nav { position: fixed; width: 70%; height: 100%; background-color: #333; top: 0; right: 0; }
#content h1 { margin: 30px 0px; font-size: 40px; }
.page-id-2 blockquote { font-size: 30px; }
.page-id-2 .wp-caption { margin-right: 10px; }
#portModal .modal-lg { width: 90%;     margin-right: auto;
    margin-left: auto;}
#portModal button.close { right: 8px; opacity: 1; color: #000; z-index: 8; }
#portModal .title { font-size: 20px; }
#content #quote-day { font-size: 15px; }
#content .intro .title { font-size: 30px; line-height: 40px; margin-bottom:5px; }
#content .intro li { font-size: 12px;  }
#content #portfolio .title { font-size: 40px; }
#content #portfolio .title { margin-top: 55px; }
.page-template-contact .btn { width: 100%; }
#content #quote-day .author{font-size:14px;}	
}

/* TABLET (portrait and landscape) ----------- */
@media (max-width: 1199px) and (min-width: 768px) {
aside { left: 0 !important; right: auto !important; }
#content { padding: 0; }
}

/* SM ----------- */
@media (max-width: 991px) and (min-width: 768px) {
aside { width: 150px; }
#content { margin-left: 150px; }
}

/* MD ----------- */
@media (max-width: 1199px) and (min-width: 992px) {
aside { width: 180px; }
#content { margin-left: 180px; }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1024px) {
aside { left: 0 !important; right: auto !important; }
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
}