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

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

.row{ max-width: 100%; }


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

.hover-box{ height: 380px; }


/** Icons **/

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

/** Action Blocks **/

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

}




.negative.open-nav {
background: #fff !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
padding-bottom:20px;}



.open-nav{ max-height: 700px !important; background: rgba(0,0,0,0.7) !important; padding-bottom:20px;}



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

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


a.anchor {
display: block;
position: relative;
top: -120px !important;
visibility: hidden;
}



figure figcaption{ opacity:1 !important; }
figcaption{ opacity:1 !important;
position: absolute;
top: 0;
outline: none !important;
outline-offset: 0;
bottom: 0;
z-index: 9999 !important;
left: 0;
right: 0;
background: rgba(0,0,0,.4) !important;
color: white; }

figcaption h3,figcaption p {
   text-align: center;
   color: #fff !important;
   margin: 0;
   position:relative;
   left:0%;
   }
   
   figcaption h3 {
padding-top: 40px !important;
}
.divider {
border-top: 1px dotted #fff !important;
}



.stream li {
background-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
font-size: 11px;
padding: 5px 0 35px 0;
float:left !important;
width: 130px !important;
position: relative;
margin: 2px 22px 12px 4px;
font-family: Arial, sans-serif;
line-height: 1.35em;
}

.stream li.dcsns-instagram .section-thumb img {
margin: 0 7px 10px 0;
float: left;
border: 1px solid #ddd;
padding: 1px;
background: #fff;
max-width: 120px;
}

.stream li .icon {
display: none;
}

.stream li.dcsns-instagram .section-intro, .filter .f-instagram a:hover {
background-color: #413A33;
display: none;
}

.stream li.dcsns-instagram {
padding-bottom: 10px;
}


.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:0px; }
.columns .work-item{ margin-bottom:10px !important;}
.hover-box{ width: 100%; height: 350px; }
.offix .medium-3{ width: 100%; }
.border-box .medium-3{ margin-bottom: 44px; }
.team-member{ margin-bottom: 44px; }

section {
padding-top: 36px;
padding-bottom: 20px;
overflow: hidden;
position: relative;
}

.page-title .vertical-line, header .vertical-line {
height: 40px;}

/********* 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{ padding-top: 9px; position: fixed; }

.logo{ margin: 3px 0px 0px 0px !important; max-width: 250px; padding-left: 0px;	 }

header {
background: #222;
background-size: cover !important;
position: relative;
height: 95px;}

.footer1 .columns{ max-width:50% !important;}

.footer1 .columns:last-child {
	float: right;
	padding-left: 0;
	max-width: 50%;
}



.nav-main ul li{ border-bottom: 1px dotted #777;
line-height: 5px;
padding-left: 5px;
width: 100%;
display: inline-block; }

.sticky-nav_white.nav-main ul li{ border-bottom: 1px dotted #ccc;}

.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; }

.negative.open-nav {
background: #fff !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
padding-bottom:20px;}



.open-nav{ max-height: 700px !important; background: rgba(0,0,0,0.7) !important; padding-bottom:20px;}

/********* 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: 120px 0px 20px !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: 10px; }

.hero-divider {
background-size:auto !important;
background-position:top;
background-repeat:repeat;
position:relative;
background-image: url('../img/binding_dark.png') !important;
}

.hero_logo{ max-width: 300px !important;}


}

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

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



figure figcaption{ opacity:1 !important; }
figcaption{ opacity:1 !important;
position: absolute;
top: 0;
outline: none !important;
outline-offset: 0;
bottom: 0;
z-index: 9999 !important;
left: 0;
right: 0;
background: rgba(0,0,0,.4) !important;
color: white; }

figcaption h3,figcaption p {
   text-align: center;
   color: #fff !important;
   margin: 0;
   position:relative;
   left:0%;
   }
   
   figcaption h3 {
padding-top: 40px !important;
}
.divider {
border-top: 1px dotted #fff !important;
}







.hero-divider {
background-size:auto !important;
background-position:top;
background-repeat:repeat;
position:relative;
background-image: url('../img/binding_dark.png') !important;
}


.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; }


.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; }}