/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}


/*****MOBILE
************************************************************/
@media (max-width: 690px) {
  
  
   

:root {  
  
  /** sizes ***/
  	--smallsize: 11px;
	--basesize: 13px;

  /** weights ***/
  --extralight: 300; 
  --medium: 600; 
  --semibold: 600;
  
  /** paddings ***/
  --sidesmallpadding: 20px;
  --sidepadding:20px;
  --sideextrapadding: 20px;
  --verticalsmallpadding: 30px;
  --verticalpadding: 60px;
  --verticalextrapadding : 60px;

  --headheight: 60px;

}
  
  
  
body {
  line-height: 1.4em !important;
}  
  

  
  
.mobileonly {
  display: block !important;
}
.desktoponly {
  display: none !important;
}
  
  
  
  
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: GENERAL
------------------------------------------------------------------------------------------------------
*/ 
  
.row.invertonmobile {
  flex-direction: column-reverse;
}  

  
.noleftpaddingonmobile {
    padding-left:0 !important;
}
.norightpaddingonmobile {
    padding-right:0 !important;
} 
.notoppaddingonmobile {
    padding-top:0 !important;
}    
 .nobottompaddingonmobile {
    padding-bottom:0 !important;
}   
  
  
  
.legenda {
  margin-top: 10px;

}
  
.lineseparator {
  margin-bottom: 30px;
}  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: MAIN DIVS
------------------------------------------------------------------------------------------------------
*/   
  #wrap_body {
  padding: 0 var(--sidepadding) 0;
  margin-bottom: 0 !important;
  min-height: 100svh;
    margin-top: var(--headheight);
}
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: FOOTER
------------------------------------------------------------------------------------------------------
*/    
  
  #footer {
    padding: 20px;
    position: absolute;
    height: auto !important;
  }
.copyright {
  font-size: var(--smallsize);
  transform: none;
  position: relative;
   margin-bottom: 15px !important;
}
  
  .copyright p {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
 
}
  .footerwrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  text-align: center;
}
  .copyright span {
  margin: 0 10px;
  display: none;
}
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: HEAD
------------------------------------------------------------------------------------------------------
*/
  
  #head {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
  
  #head .mod-menu li {
  margin-left: 0;
  margin-right: 20px;
}

  #head .logo {
  margin-bottom: 5px;
}
#head .mod-menu a {
  padding-bottom: 5px !important;
  display: block;
}
  /*
------------------------------------------------------------------------------------------------------
:::::::: WORK LIST
------------------------------------------------------------------------------------------------------
*/  


  
/*
------------------------------------------------------------------------------------------------------
:::::::: WORK
------------------------------------------------------------------------------------------------------
*/  
  .workview {
  padding-bottom: 130px;
}
  .workview .workinfo {
    width: 100%;
    padding-right: 0;
    margin-bottom: 70px;
  }
  
 .workgallery {
    width: 100%;
    margin-left: 0;
    height: 330px;
    min-height: 330px;
    margin-bottom: 50px;
  }

/*
------------------------------------------------------------------------------------------------------
:::::::: EXPO
------------------------------------------------------------------------------------------------------
*/  
.randomcavas {
  width: 50vw !important;
  z-index: -1;
}
  img.random {
  max-width: 50px !important;
 
}

/*
------------------------------------------------------------------------------------------------------
:::::::: HOME IMAGE
------------------------------------------------------------------------------------------------------
*/ 
.homecanvas .imagewrapper img {
  max-height: 350px;
  border: 0;
  z-index: 9;
  float: right;
}
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: IGNITE GALLERY
--------------------------------------------------------
*/    

  .ig-slideshow-button {
    display:none;
  }
  .ig-slideshow-item-inner {
  margin: 0 auto !important;
}
  
/*** light box ***/
  
.igui-lightbox-items li {
  padding: 0px !important;
}  
  
.ig-lightbox-button-right, .ig-lightbox-button-left {
  display: none;
}  
  
 
  
  
  
  
  /************** END ******************/
}