/*-------------------------------------------------------------------------------------------------------------------------------*/
/* LG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1920px) and (max-width: 5120px){
	
nav.mastnav {
height:400px;
}	
.shift {
margin-top: 12.5%;
}
.logo img {
padding-top: 0%;
padding-bottom: 0%;
}	
.digi {
padding-left: 4.5%;	
}
.digi h1 {
padding-left: calc(26.75% + 16px);	
}		
.pad {
padding-top: 0%;
padding-bottom: 0%;
}
.pad-top {
padding-top: 0%;
}
.pad-bottom {
padding-bottom: 0%;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MD */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 1280px) and (max-width: 1919px) {
	
header.masthead {
height: 62px;
}
nav.mastnav {
height:400px;
}
.shift {
margin-top: 17.5%;
}		
.works-item h1 {
opacity: 1;
margin-bottom: 10%;	
}
.logo h1{
display: block;	
position: absolute;
margin-left: -8px;	
white-space: nowrap;	
text-align: center;
}	
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* XS TABLET */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 992px) {

div#preloader {
top: 0px;
}
nav.mastnav {
height:400px;
}
.info {
padding-right: 0px;
}	
.works-container{
padding-top: 74px;
}
.works-filter{
list-style: none;
padding: 0;
margin: 0;
}	
.works-item-inner-logo{
position: absolute;
text-align: center;
bottom: -26px;
}	
.no-bottom  {
margin-bottom: 16px;
}
.no-gap-bottom  {
margin-bottom: 0px;
}	
.shift  {
margin-top: 0%;
}
.pad, .pad-top, .pad-bottom {
padding-top: 0%;
padding-bottom: 0%;
}
.connect  {
margin-left: 0px;
background: white;
}
.connect img {
margin-left: 0px;
}	
.no-gap-bottom  {
margin-bottom: 0px;
}	
.mobile-only {
display: none;
}
.mobile-info {
display: none;
}
.rwd-break { 
display: inline-block; 
}	
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MOBILE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

img  {
border-radius: 0px;
}
.sharp, .vinyl-cover, .digi-cover  {
border-radius: 0px;
}	
.bg {
padding-top: 0%;
padding-bottom: 5%;
}
.blue-l {
background: linear-gradient(175deg, rgba(0,102,255,1), rgba(0,102,255,0.7), rgba(0,102,255,0.3), rgba(0,102,255,0),  rgba(0,102,255,0), rgba(0,102,255,0));
background-size: 100% 145%;
padding-bottom: 10%;
}
.blue-r {
background: linear-gradient(355deg, rgba(0,102,255,1), rgba(0,102,255,0.7), rgba(0,102,255,0.3), rgba(0,102,255,0),  rgba(0,102,255,0), rgba(0,102,255,0));
background-size: 100% 145%;
padding-bottom: 10%;
}
.green-l {
background: linear-gradient(175deg, rgba(0,255,102,1), rgba(0,255,102,0.7), rgba(0,255,102,0.3), rgba(0,255,102,0),  rgba(0,255,102,0), rgba(0,255,102,0));
background-size: 100% 145%;
padding-bottom: 10%;
}
.green-r {
background: linear-gradient(355deg, rgba(0,255,102,1), rgba(0,255,102,0.7), rgba(0,255,102,0.3), rgba(0,255,102,0),  rgba(0,255,102,0), rgba(0,255,102,0));
background-size: 100% 145%;
padding-bottom: 10%;
}	
.mobile-no-bottom img {
padding-bottom: 0%;
}	
.mobile-top img  {
padding-top: 10%;
}
.dark-mode .mobile-top img  {
background-image: none;
}	
.logo img{
margin-top: -5%;	
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0%;		
}	
nav.mastnav {
position: relative;
top: -1000px;
height: 0px;
padding: 0px;
}
.mobile-title {
display: block !important;
text-align: center;
height: 148px;
padding-top: 8px;
margin: 0px;
}
.mobile-title a {
line-height: 32px;
}	
.link, .link-logo {
display: none;
}	
.hidden-mobile {
display: none;
}
.disc img {
padding-top: 5%;
padding-left: 5%;
padding-right: 5%;	
padding-bottom: 2.5%;	
}
.mobile-only {
display: inline;
}
.works-filter li{
display: block;
}
.works-filter a{
position: relative;
border-radius: 500px;
padding-right: 16px;	
}		
.works-container {
width: 100%;
padding-top: 74px;
margin-left: 0px; 
}
.img-responsive  { 
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
}	
.works-item {
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
}
.works-item h1 {
display: none;
}
.rwd-break { 
display: inline-block; 
}
#info-overlay {
display: none;
position: fixed;
height: 100vh;
width: 100vw;
background: white;
z-index: 99999;
}
.mobile-info {
top: 0px;
overflow-y: scroll;
padding-top: 12px;
padding-bottom: 48px;
padding-left: 16px;
padding-right: 16px;
z-index: 9999;
}
}