/* 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: 15px;

  /** weights ***/
  --extralight: 300; 
    --medium: 600; 
  --semibold: 600;
  
  /** paddings ***/
  --sidesmallpadding: 20px;
  --sidepadding:20px;
  --sideextrapadding: 20px;
  --verticalsmallpadding: 30px;
  --verticalpadding: 60px;
  --verticalextrapadding : 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;
}  
  
  

  
  
  /*
------------------------------------------------------------------------------------------------------
:::::::: BOTS AND LINKS
------------------------------------------------------------------------------------------------------
*/    
  

  

  
  /*
------------------------------------------------------------------------------------------------------
:::::::: heights
------------------------------------------------------------------------------------------------------
*/  
  
.imagewrapper.fullheight, .imagewrapper.twothirdsheight {
 max-height: 400px !important;
    min-height: 400px;
}  
  

  
    
  /*
------------------------------------------------------------------------------------------------------
:::::::: TEXTS AND TITLES
------------------------------------------------------------------------------------------------------
*/ 

  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: HEAD
------------------------------------------------------------------------------------------------------
*/
  
  
  
  
  
  
/*
------------------------------------------------------------------------------------------------------
:::::::: FOOTER
------------------------------------------------------------------------------------------------------
*/  
  
  
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: IMAGES AND BANNERS
------------------------------------------------------------------------------------------------------
*/  
  


  

  
    /*
------------------------------------------------------------------------------------------------------
:::::::: ENGAGE BOX
------------------------------------------------------------------------------------------------------
*/  
  
 
  
  
  
    
/*
------------------------------------------------------------------------------------------------------
:::::::: CONVERT FORMS
------------------------------------------------------------------------------------------------------
*/   
   
  
.convertforms ::placeholder {
  font-weight: 200 !important;
}  
  
  
   
/*
------------------------------------------------------------------------------------------------------
:::::::: GRID AND SCROLLERS
--------------------------------------------------------
*/    
 .grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  flex-direction: row;
  padding-bottom: 15px;
}

.grid .item {
  width: 80vw;
  min-width: 80vw;
  margin-right: 1px;
}
  
  
/***
  
.grid.col4 .item{
  width: calc(25% - 1px);
   overflow:hidden;
  margin-bottom: 1px;
  position: relative;
}

.grid.col3 .item{
  width: calc(33.33% - 1px);
  overflow: hidden;
  margin-bottom: 1px;
  position: relative;
}

.grid.col2 .item{
  width: calc(50% - 1px);
   overflow:hidden;
  margin-bottom: 1px;
  position: relative;
}

  
  
  ***/
  
  

.scroller {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  flex-direction: row;
  padding-bottom: 15px;
}

.scroller .item {
  width: 80vw;
  min-width: 80vw;
  margin-right: 1px;
}
  
  
 /*
------------------------------------------------------------------------------------------------------
:::::::: IGNITE GALLERY
--------------------------------------------------------
*/    
   
  
/*** light box ***/
  
.igui-lightbox-items li {
  padding: 0px !important;
}  
  
.ig-lightbox-button-right, .ig-lightbox-button-left {
  display: none;
}  
  
 
  
  
  
  
  /************** END ******************/
}