/*********** css responsive by zoulab **************/

.division-bar,
.menubutton{
    display:none;
}

@media (max-width:1160px){

    #fssPrev,
    #fssNext{
        display:none;
    }



}

@media (max-width:768px){

/****Main-menu***/

    ul.nav-menu li,
    ul.nav-menu li:last-child{
        float: none;
        width: 100%;
        margin-bottom: 2px;
    }

    ul.nav-menu{
        height:auto;
    }

    .menubutton{
        display:block;
        height: 47px;
        background-color: #FF8A00;
        font-size: 2em;
        color: #2D2620;
        font-weight: bold;
        margin-top: 3px;
        text-align: left;
        padding-left: 10px;
        padding-top: 10px;
        box-sizing: border-box;
        background-image: url(../_img/elements/menuimg.png);
		background-repeat: no-repeat;
		background-position: right;
		cursor:pointer;
		transition:all 0.2s ease;
    }

    .menubutton:hover{
        background-color: rgba(255, 138, 0, 0.74);
	
	}

    
    #footer,
    #content,
    #header{
        width: 100%;
    }
    
    .nav{
        display:none;
    }
    
    #slideshowWrapper {
        width: 100%;
    }
    
    ul#slideshow {
        width: 100% !important;
        //height: auto !important;
    }

    ul#slideshow li{
        width: 100% !important;
        height: auto !important;
        //overflow:auto;
    }



	.arts-home{
		box-sizing: border-box;
		width: 33.33%;
		
		
		
	}

	.home-right,
	.home-left{
		box-sizing: border-box;
	}


	div#footer .copyright,
	.footer-main>div,
	.home-right,
	.home-left{
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.footer-main div.boxessocial{
		float:none;
		width: 100%;
	}
	
	.blockpartnersright,
	.blockpartnersleft{
		width: 50%;
	}
	
	div#box-service{
		width: 50%;
	}
	
	.map,
	.contactdiv{
		padding-left:10px;
		padding-right:10px;
		box-sizing: border-box;
	}

	.contactbox {
		width: 100%;
		float: none;
	}	
	
	
}


@media (max-width:480px){


	.column div#box-service .container-box-service>img,
	.footer-main>div,
	.home-left p,
	.home-left img,
	.home-right,
	.home-left,
	.arts-home{
		width: 100%;
		box-sizing: border-box;
		
		
	}

	.column div#box-service .container-box-service>img,
	.home-left img{
		margin-bottom:10px;
	}
	
	.blockright,
	.blockleft,
	div#box-service {
		width: 100%;
    }
    
    
    .division-bar{
        display:block;
		border-bottom: solid 8px rgba(17, 14, 13, 0.298039);
    }
    
    .boxessocial div#box-service
    {
		width:50%;
    }
    
    
	.blockpartnersright,
	.blockpartnersleft{
		width: 100%;
	}
	
	div#box-service{
		width: 100%;
	}
	
	.googlemaps,
	.map{
		width:100%;
		overflow: hidden;
	}
	
	.googlemaps iframe{
		width:100%;
	}

    
    dl.contatti{
		box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
    }
    
    .contactdiv{
		width: 100%;
		padding-left:10px;
		padding-right:10px;
		box-sizing: border-box;
	}
	
	.buttons-wrapper{
		text-align: center;
	}

	#contact-form input{
		width: 100%;
		box-sizing: border-box;
	}

	#contact-form textarea{
		width: 100%;
	}
	
	#contact-form label{
		width: 100%;
	}

}




/*********** end css responsive by zoulab **************/