#content-wrapper .col-8,
.data #tp-grid .col-8,
.single #tp-grid .col-9 {
width: 100%;
max-width: 900px; 
} @media only screen and (min-width: 1900px) { } @media only screen and (max-width: 1900px) { } @media only screen and (max-width: 1599px) { .video #sidebar {right: 30px;}
}  @media only screen and (max-width: 1439px) { #burger-outer {top: 15px;} .loader {
left: 100px;
top: 22px;
}
.duo {
height: 10px;
width: 25px;
}
.duo2 { left: 15px }
.dot {
width: 10px;
height: 10px;
}  #bio .col-7 {width: 75%;} #contact .col-5,
#newsletter .col-5 { width: 100%; } .video #sidebar {
top: 130px;
right: 20px;
transform: translate(0%, 0%);
padding: 10px 30px;
}		 
} @media only screen and (max-width: 1350px) { .video .col-4 {width: 300px; }
.video #sidebar {
top: 120px;
right: -335px;
padding: 0px 30px 0 50px;
cursor: pointer;
transition: .5s ease;
}
.video #sidebar.open { right: 0px;}
.video #sidebar:before { 
content: 'selection';
position: absolute;
top: 30px;
left: -25px;
transform:rotate(270deg);
}
}  @media only screen and (max-width: 1279px) { #tp-grid { 
width: calc(100% - 105px); 
margin-left: 105px;
}
#tp-grid .col-11 {width: 100%;}
#content-wrapper .col-8, 
.data #tp-grid .col-8, 
.single #tp-grid .col-9 {
width: 100%;
max-width: 100%;
} .open #logo,
.open.single #logo,
.open #tp-grid {margin-left: 105px;}
.home nav, 
.overview nav {top: 105px; }
.home.open nav, 
.overview.open nav {left: 35px; top: 105px; } nav,
.about nav, 
.media nav { top: 0px;}
.open nav { top: 0px; left: 0px; }
.open.about .cmn-toggle-switch span:before,
.open.about .cmn-toggle-switch span:after,
.open.media .cmn-toggle-switch span:before,
.open.media .cmn-toggle-switch span:after,
.open.error404 .cmn-toggle-switch span:before,
.open.error404 .cmn-toggle-switch span:after{
background: #000;
}
.home #site-navigation,
.overview #site-navigation{ 
background: transparent;
padding: 0px;
height: auto; 
box-shadow: none;
}
#site-navigation { 
background: #fff;
padding: 85px 0 0 35px;
width: 260px;
height: 100vh; 
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}  .single nav ul {max-width: 210px;} .detailnav,
.open .detailnav {margin-left: 105px;}  .postgrid:hover p:nth-of-type(3) {margin-left: 0px;} .single.text #tp-grid {cursor: auto;}
.single.text #text.col-10 { width: 100%;}
.single.text #text { padding: 0 5% 0 80px;}
.single-text #tp-grid .backbut {display: block;} .error404 .col-6 {
width: 100%;
padding-left: 105px; 
}
} @media only screen and (max-width: 1159px) { } @media only screen and (max-width: 1023px) {  #filter .f_title, .postgrid p:nth-of-type(3) {
width: 350px;
}
} @media only screen and (max-width: 939px) { .overview video {
top: -50px;
min-height: 600px;
object-fit: cover !important;
} .about #tp-grid > div {margin-top: 0px;}  
}  @media only screen and (max-width: 850px) { .desk { display: none; }
.mobile { display: block; }
#video-outer {overflow: hidden; }
.stageVideo {height: calc(100vh - 50px);}
#randomImages  {
width: 100%; height: calc(100vh - 50px);
object-fit: cover;
} nav.open-two .main-nav {width: auto;}
nav ul li {padding: 2px 0px;}
nav.open-two ul ul ul li {
display: inline-block;
padding: 5px 0 5px 20px;
}
.overview #site-navigation {
overflow: auto;
padding-bottom: 150px;
height: 100%;
}
.single #burger-outer {top: 20px;}
#site-navigation {padding-top: 75px;}   .loader {
left: 85px;
top: 20px;
} .open #logo, #logo,
.single #logo {margin-left: 95px;} .image.col-4,
.content.col-7 {width: 100%;} .single #tp-grid {
width: calc(100% - 70px);
margin: 100px auto 0 35px;
padding: 0;
}
.detailnav {margin-left: 35px;} .about #tp-grid { 
width: 100%;
margin: 120px 0 60px;
padding: 0 35px;
} #bio .content {padding: 0 0 0 35px;} .data #tp-grid {
width: 100%;
margin: 80px 0 60px;
padding: 0 35px; 
}  .video #sidebar {top: 100px;}
.video #media { padding-left: 0px;}
.video #video .col-7,
#media-videobox { width: 100%; }
.video #video .col-7 { padding: 0 5%;}
#media-videobox {margin: 50px 0;} .page.text .my_filter { display: block;}
.page.text #media { padding: 0 5%;}
#filter .date,
.postgrid p:nth-of-type(1),
#filter .cat,
.postgrid p:nth-of-type(4){width: 60px;}
#filter .author,
.postgrid p:nth-of-type(2){width: calc(40% - 60px);}
#filter .f_title,
.postgrid p:nth-of-type(3){width: calc(60% - 80px);} .single.text #text { padding: 0 5%; } .single-text #tp-grid .backbut, 
.data #tp-grid .backbut {
top: 10px;
left: auto;
right: 5%; 
}
.single-text #tp-grid .backbut, 
.data #tp-grid .backbut {
-moz-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
}
} @media only screen and (max-width: 767px) { .single #logo {
margin: 0px;
top: 65px;
padding: 0 35px;
position: relative;
}
.open.single #logo {margin-left: 0px;}
.single #tp-grid {margin-top: 60px;}
.single #introbox.col-7 {margin-bottom: 60px;} #logo h1 a {display: none; }  #bio .col-3,
#bio .col-7 { width: 100%; }
#bio .col-3 {margin-bottom: 30px;}
#bio .col-7 {padding: 0px;}
#bio .col-3 video { 
max-width: 250px;
display: block; 
} #datebox.col-4 {padding: 0px;}
#datebox .datebox-inner {
width: 100%;		
padding: 10px 0 25px;
}
} @media only screen and (max-width: 599px) { .open #logo, #logo {margin-left: 75px;}
.single #logo {margin-left: 0px;} #burger-outer {left: 20px;}
#site-navigation {
background: #fff; 
padding-left: 20px;
width: 340px;
}
nav {left: -340px;}
nav ul,
.single nav ul{max-width: 300px;}
nav ul ul ul li a br {display: none; }
.home #burger-outer { display: none;}
.home nav, 
.home.open nav, 
.overview.open nav {left: 20px;} #loadpage .headline {left: 20px;} nav#footernav {
bottom: 160px !important;
right: -80px !important;
}
body.contact #footernav { display: none; } .single #logo {padding: 0 20px;}
.single #tp-grid {
width: calc(100% - 40px);
margin-left: 20px;
padding: 0;
}
#listbox,
#listbox p {display: block; width: 100%; }
#listbox {margin-bottom: 10px; }
#listbox p .divider {display: none;}       
.detailnav {margin-left: 20px;}  .about #tp-grid {
margin: 120px 0 60px;
padding: 0 20px;
} 
.about.bio #tp-grid { margin-top: 80px;} .data #tp-grid {
margin: 80px 0 60px;
padding: 0 20px; 
} #error #text {margin: 0;}
.error404 .col-6 {padding: 100px 20px;}
} @media only screen and (max-width: 479px) {  } #viewport { 
position:fixed; 
bottom:100px;
left:0px; 
display: block; 
-display: none;
z-index: 9999; 
}
#viewport div {  
color: #fff;
font-size: 12px;
background: #000;
padding: 5px 10px 5px;
}  @media only screen and (min-width: 1900px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
.bigger_1900  { display: block;  }	
} @media only screen and (max-width: 1900px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
.l_1900  { display: block;  }	
} @media only screen and (max-width: 1599px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
.l_1600  { display: block;  }
} @media only screen and (max-width: 1439px) { 
.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_1440  { display: block;  }	 
} @media only screen and (max-width: 1279px) { 
.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_1280  { display: block; }
} @media only screen and (max-width: 1159px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_1160  { display: block;  }
} @media only screen and (max-width: 1023px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_1024  { display: block;  }
} @media only screen and (max-width: 939px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_940  { display: block;  }
} @media only screen and (max-width: 850px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_850  { display: block;  }
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { } @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.portrait-view, 
.landscape-view { display: none }
.landscape-view  { display: block;  }
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
.portrait-view, 
.landscape-view { display: none }
.portrait-view  { display: block;  }	
} @media only screen and (max-width: 767px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view { display: none }
.l_767  { display: block;  }
} @media only screen and (max-width: 599px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_600  { display: block;  }		
} @media only screen and (max-width: 479px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_480  { display: block;  }
} @media only screen and (max-width: 319px) { 
.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
.l_320  { display: block;  }
}