/************************* LOWER RESOLUTION SCREENS AND LAPTOPS *************************/
@media only screen 
and (max-width : 1200px) {

/********* LAYOUT STYLES **********/

.row{ max-width: 62.5em; }


/********* PAGE ELEMENTS **********/

.hover-box{ height: 380px; }


/** Icons **/

.icon-small{ font-size: 28px; }

/** Action Blocks **/

.action-block{ padding: 99px 44px; }

}

/************************* SMARTPHONES *************************/
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

/********* LAYOUT STYLES **********/

.section-large{ padding-top: 121px; padding-bottom: 121px; }
.no-pad-right{ padding-right: 0.9375em; }
.border-box{ margin-bottom: 44px; }
.work-masonry-item{ margin-bottom: 44px; }
.hover-box{ width: 100%; height: 350px; }
.offix .medium-3{ width: 100%; }
.border-box .medium-3{ margin-bottom: 44px; }
.team-member{ margin-bottom: 44px; }
.panel{ padding: 22px; }


/********* TYPOGRAPHY STYLES **********/

.size-display{ font-size: 2.125rem !important; }

/********* NAVIGATION STYLES **********/

nav{ top: 0px !important; max-height: 89px; overflow: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.nav-panel-dark, .nav-panel-light{ top: 0px; }
.nav-panel-dark .row, .nav-panel-light .row{ border-radius: 0px; }

.nav-transparent{ background: rgba(255,255,255,0.4); padding-top: 9px; }

.logo{ margin: 22px 0px 22px 0px !important; padding-left: 0px;	 }

.nav-main ul li{ float: none; margin-right: 0px; }
.nav-main ul li a{ padding: 11px 0px; }
.nav-main .text-right{ text-align: left !important; }

.subnav{ position: relative; top: 0px !important; left: 0px !important; padding: 11px; }

.mobile-toggle{ display: block; }
.open-nav{ max-height: 600px !important; }

/********* SLIDER & DIVIDER & HEADER STYLES **********/

.background-pan{ background-position: 50% 50% !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }

.image-slideshow{ margin-bottom: 44px; }

.hero-slider .slides li{ padding: 180px 0px !important; }

.flex-direction-nav{ display: none !important; }

/********* BLOG STYLES **********/

aside .widget{ display: none; }

.post-comment img{ display: none; }
.post-comment.indent{ width: 100%; }
.form-comments input[type="text"]{ width: 100%; margin: 0px 0px 22px 0px !important; }



form{ margin-top: 44px; }


}

/************************* PORTRAIT TABLETS *************************/

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.flex-direction-nav{ display: none !important; }

/********* NAVIGATION STYLES **********/

nav{ top: 0px !important; max-height: 89px; overflow: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.nav-panel-dark, .nav-panel-light{ top: 0px; }
.nav-panel-dark .row, .nav-panel-light .row{ border-radius: 0px; }

.nav-transparent{ background: rgba(255,255,255,0.4); padding-top: 9px; }

.logo{ margin: 22px 0px 22px 0px !important; padding-left: 0px; clear: both !important; display: block; }

.nav-main{ float: none !important; clear: both !important; display: block; }
.nav-main ul{ float: none; clear: both; display: block; width: 100% !important; }
.nav-main .medium-9{ width: 100%; }
.nav-main ul li{ float: none; margin-right: 0px; }
.nav-main ul li a{ padding: 11px 0px; }
.nav-main .text-right{ text-align: left !important; }

.subnav{ position: relative; top: 0px !important; left: 0px !important; padding: 11px; }

.mobile-toggle{ display: block; }
.open-nav{ max-height: 600px !important; }