@media screen and (max-width: 767px) {

    div#TemplateTop_Box{
	  display: hidden;
	}

	div#SocialIco_Box{
   	  display: none;
    }
		
	div#LogoRow{
	  padding-top: 80px;
	  padding-left: 10px;
	  background-color: #FFFFFF;
	  height: 200px;
	  padding-bottom: 20px;
	}
	
	div#Logo_Box{
	  width: 100%;
	  padding-left: 0px;
	  padding-top: 0px;
	  text-align: center;
	  float: left;
	}	
	
	div#TranslateButton{
	  display: none;  
	}
	
	div#MenuInfo_Box{
	  display: none;  
	}
}

@media screen and (min-width: 768px) {

    div#TemplateTop_Box{
	  height: 60px;
	  background-color: #A3A3A3;	
	}
	div#TemplateTop_Pad{
	  padding: 10px;
	}
	
	div#SocialIco_Box{
	  float: left;
	  width: 50%;
	  text-align: left;
	}
	div#SocialIco_Pad{
	   padding: 5px 0px 0px 0px;
	}
	
	div#TranslateButton{
	  width: 50%;
	  text-align: right; 
	  float: left;
	  padding-top: 15px;
	  color:#FFFFFF; 
	  font-size: 1em;	  
	}

}

/*************************************************************/
/*                  RIGA LOGO                                */
/*************************************************************/
.Logo{
	width: 90%;
	padding-left: 15px;	  
}

div#MenuInfo_Box li{
	display: inline-block;
}
div#MenuInfo_Box li a{
	padding: 10px;
	display: block;
}

@media only screen and (max-width: 768px){
	div#LogoRow{
		padding-top: 70px;
		height: 120px;
		text-align: center;		
	}
	div#Logo_Box{
		width:100%;
		padding-left: 0px;
		text-align: left;
	}
	div#MenuInfo_Box{
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	div#LogoRow{
		padding-top: 0px;
		height: 130px;
		text-align: center;
		display: flex;
		justify-content: space-between;		
		align-items: center;
	}
	div#Logo_Box{
		width: 15%;
		padding-left: 0px;
		text-align: left;
	}
	div#MenuInfo_Box{
		width: 85%;
		display: flex;
		justify-content: space-around;
	}
	div#MenuInfo_Pad{
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1260px){
    div#LogoRow{
		padding-top: 0px;
		height: 130px;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: space-between;	
		align-items: center;	
	}
	div#Logo_Box{
		width: 20%;
		padding-left: 0px;
		text-align: left;
	}
	div#MenuInfo_Box{
		width: 80%;
		display: flex;
		justify-content: space-around;
	}
	div#MenuInfo_Pad{
	}
}
@media only screen and (min-width: 1061px){
    div#LogoRow{
		padding-top: 0px;
		height: 130px;
		width: 1260px;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;		
	}
	div#Logo_Box{
		width: 20%;
		padding-left: 0px;
		text-align: left;
	}
	div#MenuInfo_Box{
		width: 80%;
		display: flex;
		justify-content: space-around;
	}
	div#MenuInfo_Pad{ 
		
	}
}

/*************************************************************/
/*            MENU ORIZZONTALE DEL HEADER                    */
/*************************************************************/

@media only screen and (min-width: 768px){
	
	.InfoButton_Box{
	  float: left;
	  color: #FFFFFF;
	  padding: 0px 0px 0px 0px;
	  text-align: center;
	  min-width: 90px; 
	  
	  transition-property: background-color; /*standard*/
	  transition-duration: 0.5s;
	 
	  -webkit-transition-property: background-color; /*Safari e Chrome */
	  -webkit-transition-duration: 0.5s;
			 
	  -o-transition-property: background-color;      /*Opera*/
	  -o-transition-duration: 0.5s;
			 
	  -moz-transition-property: background-color;    /*Firefox*/
	  -moz-transition-duration: 0.5s;
	}
	
	.InfoButton_Box > a:hover{
	  color: #FFFFFF;
	}
	
	.InfoButton_Pad:link, .InfoButton_Box:visited {
		border-radius: 0px;
		color: #FDB827;
		text-decoration: none;
		padding: 0px 10px 0px 10px;
		background-color: #20419A;
		-webkit-transition: color .5s linear, background-color .5s ease-in-out;
		-moz-transition: color .5s linear, background-color .5s ease-in-out;
		-o-transition: color .5s linear, background-color .5s ease-in-out;
		transition: color .5s linear, background-color .5s ease-in-out;
	}
	
	
	.InfoButton_Pad{
	  padding: 0px 15px 0px 15px;
	  color: #20419A;
	  font-size: 1.2rem;
	}
	
	
	.InfoButton_Pad:hover{
	 /* background-image:url(img/menu_bg.png);
	  background-repeat:no-repeat;
	  background-position:center;*/
	  border-bottom: 2px solid #FDB827;
	  color: #FDB827;
	  
	  -webkit-border-radius: 0px;
	  -moz-border-radius: 0px;
	  border-radius: 0px;
	  
	  -webkit-transition: background-color .25s ease-in-out;
	  -moz-transition: background-color .25s ease-in-out;
	  -o-transition: background-color .25s ease-in-out;
	  transition: background-color .25s ease-in-out;
	}	

}

/*************************************************************/
/*                         MAIN BOX                          */
/*************************************************************/

@media screen and (max-width: 767px) {
	.MainBox{
	  width: 100%;
	  margin-right: auto;
	  margin-left: auto; 
	  text-align: left;
	  min-height: 600px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px)  {
	.MainBox{
	  width: 100%;
	  margin-right: auto;
	  margin-left: auto; 
	  text-align: left;
	  min-height: 600px;
	}
}

@media screen and (min-width: 1367px) {
	.MainBox{
	  width: 1367px;
	  margin-right: auto;
	  margin-left: auto; 
	  text-align: left;
	  min-height: 600px;
	}
}














@media screen and (min-width: 768px) {

/**************************************************************/

div#MobileMenu{
  display:none;
}

div#Login_Box{
  float: right;
  width: 40%;
  text-align: right;
  height: 60px;
}

div#Login_Pad{
   padding: 10px 0px 0px 0px;
}

/***************** Div della parte centrale del template *********************/
div#HomeFlash_Box{
  border-top: solid 10px #FDB827;
  border-bottom: solid 1px #CCC;
}

div#VerticalMenu_Box{
  text-align: center;
  width: 90%;
}

div#TemplateMain_Pad{
  padding: 0px 10px 10px 30px;
}


/***************** Div della parte centrale del template *********************/
div#TemplateBottom_Box{
    background-color: #FDB827;
	vertical-align: top;	
    color: #FFFFFF;
	font-size: 1em;
	text-align: left;
}

div#TemplateBottom_Pad{
    padding: 30px 30px 20px 30px;  
}


/*/////////////// BOTTOM //////////////////////////////////////////////*/

div#InfoBottom_Box{
  color: #000000;
  background-image: url(img/infobottom_bg.png);
  height: 141px;
  text-align: right;
  font-size: 1.1em;
  line-height: 25px;
}

div#InfoBottom_Pad{
  padding: 50px 20px 0px 5px;
}

div#LeftBottom_Box{  
  width: 33%;
  font-weight: 300;
  color: #000000;
  float: left;
  height: 240px;
  line-height: 26px;
  text-align:justify;
}

div#LeftBottom_Pad{
  padding: 25px 0px 25px 0px;
}


div#MiddleBottom_Box{
  width: 33%;
  font-weight:300;
  color: #000000;
  line-height: 26px;
  float: left;
  text-align: left;
}

div#MiddleBottom_Pad{
  padding: 25px 0px 25px 25px;
 
}

div#RightBottom_Box{  
  width: 34%;
  font-size: 1em;
  font-weight: 300;
  color: #000000;
  text-align: right;
  line-height: 26px;
  float: left;
}

div#RightBottom_Pad{
  padding: 25px 0px 25px 25px;
}



}

@media screen and (max-width: 767px) {
div#Slogan_Box{
  display: none;
}
div#HomeFlash_Box{
 display:none;
}

div#TemplateBottom_Box{
    width: 100%;
    color: #20419A;
	background-color: #FDB827;
	vertical-align: top;	
    color: #FFFFFF;
	font-size: 1em;
	text-align: left;
}

div#TemplateBottom_Pad{
    padding: 30px 20px 20px 20px;  
}

div#LeftBottom_Box{ 
  display: none;
}

div#MiddleBottom_Box{
  display: none;
}

div#RightBottom_Box{  
  width: 100%;
  font-size: 1em;
  font-weight: 300;
  color: #FFFFFF;
  text-align: right;
  line-height: 26px;
}



}

/********** HOME FLASH ***********/
@media screen and (min-width: 768px) {

	.HomeReparto_Box{ 
		font-weight: normal;
		font-size: 1.1em;
		float: left;
		width: 33%;
		text-align: left;	
	}
	.HomeReparto_Box:hover{
	 	background-color: #20419A;
	}
	
	.FotoReparto{
	  overflow: hidden;
	  height: 200px;
	  border-radius: 25px;
	}
	
	.HomeReparto_Pad{
		margin: 8px 8px 8px 8px; 
		background-color: #DEDEDE;
		padding: 20px 20px 8px 20px;
	}
	
}

@media screen and (max-width: 767px) {

	.HomeReparto_Box{ 
		font-weight: normal;
		font-size: 1.1em;
		width: 98%;
		text-align:center;
	    margin-right: auto;
	    margin-left: auto; 
	}
	.HomeReparto_Box:hover{
	 	background-color:#DDD;
	}
	
	.FotoReparto{
	  overflow: hidden;
	  width: 90%;	  
	  margin-right: auto;
	  margin-left: auto; 
	}
	
	.HomeReparto_Pad{
		margin: 8px 8px 8px 8px; 
		background-color: #DDD;
		padding: 15px 0px 8px 0px;
	}
	
}




/********** HOME FLASH ***********/
@media screen and (min-width: 768px) {

	div.HomeFlash{
			
	}
	div.HomeFlash img{
		
	}
	div.HomeFlash a{
		
	}
	div.HomeFlash span{
		font-size: 1.8em;
		color: #ED1B2E;
		position: absolute;
		min-height: 50px;
		bottom: 80px;
		left: 100px;
		width: 40%;
		padding: 30px 30px;
		background-color: #FDB827;
		opacity: 0.8;
		filter: alpha(opacity=80);  
		cursor: pointer;
		text-align: center;
		border-radius: 10px;
	}
	div.HomeFlash a:hover span{
		border-top: 5px solid #20419A; 
		color: #20419A; 
	} 
	
}

@media screen and (max-width: 480px) {
  div#HomeNews{
    padding: 2%; 
	text-align:justify;
  }
}

@media screen and (min-width: 481px) {
  div#HomeNews{
    width:46%; 
	float:left; 
	padding: 2%; 
	text-align:justify;
  }
}



/*************************************************************/
/*                     RESPONSIVE GRIDS                      */
/*************************************************************/


@media screen and (max-width: 1023px) {
    .F-sb{
        display: flex;
        flex-direction: column;
    }
}
@media screen and (min-width: 1024px) {
    .F-sb{
        display: flex;
        justify-content:space-between;
    }
}

@media screen and (max-width: 767px) {
    .F-sbw{
        display: flex;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) {
    .F-sbw{
        display: flex;
        justify-content:space-between;
    }
}

/********* BOX GALLERY 4 CONTENITORI ************/

@media screen and (max-width: 767px) {
    .responsiveGalleryBox-4{
        flex: 100%;
        min-width: 100%;
    }
}
@media screen and (min-width: 768px) and  (max-width: 1024px){
    .responsiveGalleryBox-4{
        flex-basis: 50%;
    }
}
@media screen and (min-width: 1024px) {
    .responsiveGalleryBox-4{
        flex-basis: 25%; 
    }
}

/********* BOX GALLERY 2 CONTENITORI ************/

@media screen and (max-width: 1023px) {
    .responsiveGalleryBox-2{
        flex-basis: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .responsiveGalleryBox-2{
        flex-basis: 50%;
    }
    .responsiveGalleryBox-2 img{
        width: 100%;
    }
}

/********* BOX GALLERY 3 CONTENITORI ************/

@media screen and (max-width: 1023px) {
    .responsiveGalleryBox-3{
        flex-basis: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .responsiveGalleryBox-3{
        flex-basis: calc(100/3)5;
    }
    .responsiveGalleryBox-3 img{
        width: 100%;
    }
}

/*************************************************************/
/*            BOTTONE E MENU AREA PRIVATA                    */
/*************************************************************/
.PrivateArea_button{
	background-color: var(--secondary);
	padding: 15px 25px;
	border-radius: 15px;
}
.PrivateArea_button a{
	color: var(--secondary_c);
  }
.PrivateArea_button:hover{
	background-color: var(--primary);
	padding: 16px;
	border-radius: 20px;
}
.PrivateArea_button:hover a{
	color: var(--primary_c);
}

.PrivateAreaNavBar_box{
  	/*display: none;*/
	position: fixed;
	top: 160px;
	left: 0;
	width: 25%;
	height: 100%;
	padding: 30px;
	text-align: left;
	background-color: var(--secondary);
	transition: 0.8s;
    transform: translateX(-100%);
	z-index: 20;
}

.showMenuHidden{
	transform: translateX(0);
}




/*************************************************************/
/*            SOFTWAREPOINT BOX                              */
/*************************************************************/

@media screen and (max-width: 760px) {
	div#SoftwarePoint{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: right;
  	}
}
@media screen and (min-width: 761px) {
	div#SoftwarePoint{
		width: 85%;
		margin-right: auto;
		margin-left: auto;
		text-align: right;
	}
}
@media screen and (min-width: 1281px) {
	div#SoftwarePoint{
	  width: 1280px;
	  margin-right: auto;
	  margin-left: auto;
	}
}