/*

	Screen resolutions below 1280px wide
	____________________________________________________________________________________________________________________________________________________________________
	
*/
@media only screen and (max-width: 2050px){
 #hamburger{
		right: 30px;
 }
    .schedone{
	width: 682px;
    }
}

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

.tags {
    padding: 11px 5% 0 30px;
}

}
@media only screen and (max-width: 1500px){
#menu_co {
}

.menu_porfolio{
	 font-size: 12px;
}
}
@media only screen and (max-width: 1340px){
 .schedone{
	width: 667px;
    }
}
@media only screen and (max-width: 700px){
#enter {
    bottom: 0%;
    position: absolute;
    top: 60%;
    left: 10%;
    width: 70%;
    height: 100px;
    
}
#lang_co{
	       position: absolute;
    left: -18px;
    width: 36px;
    bottom: 47px;
    z-index: 1;
    text-align: center;
}
}
@media only screen and (max-width: 1000px){
	       body{
	       }
.sotto_sotto_logo1 {
    text-align: center;
}
.sotto_sotto_logo2 {
    text-align: center;
}
#lang_co{
	       bottom: 51px;
}
#menu_co {
	          top: 10%;  
}
.scroll_el {
    width: 65px;
    height: 65px;
 }
.lang {
    font-size: 21px;
} 
 
.sotto_logo_co {
    position: absolute;
    top: 30%;
    width: 234px;
    left: 50%;
} 
 
#mono_div2{
width: 43px;
    height: 70px;
    position: absolute;
    right: 20px;
    top: 0;
}
#x_porf{
	   /* originale    top: 85px; */
                    top: 72%;
}
#mobile_titop{
	 display: block;
}
#menu_porfx {
    height: 34px;
    }	       
.tags{
	 display: none;
	 
}
.filters{
	 display: none;
	 
}
.filters_nav_co{
	 display: none;
}
	       
	       #x_repo{
			      /* ORIGINALE top: 85px; */
                  top: 72%;
                  width: 40px;
			      height: 40px;
	       }
.nextx {
    right: 20px;
}
.prevx {
    left: 20px;
 }
	       .ban_porfolio{
			      height: 26px;
	       }
#mosaic_repository {
	       margin-top: 26px;
}	       
	       .tito_porfolio {
		   width: 100%;
	       padding: 8px 0 0 0;
    }
	       .titosub_porfolio {
		   width: 100%;
		   text-align: center;
	       }	       
	       #home4{
			      display: none;
	       }
	       #contact_sfondo{
	       }
/*.contact_giu {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    margin-left: 18px;
}*/
/*.contact_ce2 {
    position: absolute;
    width: 150px;
    height: 60px;
    left: -75px;
    bottom: 30px;
}
*/.logo {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    left: 15px;
}
.logo_home {
    width: 30px;
    height: 30px;
}
.NOPECETTA{
	       background-color: transparent;
}
/*.contact_in {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    font-family: modeca;
}*/
.contact_ce {
position: absolute;
    width: 250px;
    height: 100px;
    left: -125px;
    top: 38%;
    letter-spacing: 2px;
    }
.contact_line {
    position: relative;
    float: left;
    font-size: 11px;
    width: 100%;
    margin-bottom: 4px;
}
    #co_about{
	       width: 70%;
	       margin-left: 15%;
    }
#testo_about {
    color: #fff;
    font-size: 13px;
    position: relative;
    float: left;
    width: 100%;
    font-family: dinner2;
    opacity: 1;
    text-align: left;
    margin-top: 39%;
    margin-bottom: 69%;
}    
#co_about_in {
    width: 100%;
 }
.scroll_b {
    width: 1px;
    height: 30px;
}
.scroll_el{
	       width: 50px;
	       height: 50px;
}
.scroll_co {

    top: 92%;
    left: 39px;
    right: auto;
    width: 50px;
    height: 10px;
    z-index: 9998;

}
.s_scritta {
    font-size: 11px;
right: auto;
    left: 14px;
    top: -2px;
    color: #fff;
    text-align: right;
}
#menu_bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#x_menu{
display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
    z-index: 9999;
}
#x_sezione{
	       z-index: 999;
	       position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
	       height: 30px;
}
#menu_in {
    top: 45%;
}
#menu {
    z-index: 100;
 }    
#menu_co {
z-index: 99;
    position: fixed;
    right: 50%;
top: 10%;
}    
#hamburger{
	       top: 0;
	       right: -27px;
}
#fullscr_co{
	       display: none;	       
}
#credits{
	       display: none;	       
}
#suono{
	       display: none;
}
.footCE {
    left: 0;
    width: 100%;
}
.footCE div {
    width: 100%;
    text-align: center;
    left: 0px;
}
.titolo{
	       position: absolute;
	       height: 100px;
	       display: none;
    left: -50%;
    margin-left: 0;
}
.nome1{
	           margin-left: 73px;
}
.titolo_in{
	       position: absolute;
	       top: -50%;
	       height: 100%;
	       width: 150px;
	       left: -75px;
}

.titolo_main {
    font-size: 18px;
    text-align: center;
 }
.titolo_sec {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
} 
#fullscr{
		    z-index: 5;
    position: absolute;
    right: 25px;
    top: 32px;
    width: 48px;
    height: 48px;
	 
}    
    
}
@media only screen and (max-height: 400px){
.contact_ce2 {
    bottom: 20px;
}
}
@media only screen and (max-width: 728px){
	           #co_about{
	       width: 80%;
	       margin-left: 10%;
    }
#x_sezione {
    right: 20px;
 }    
.scroll_co {
    left: 26px;
    right: auto;
    width: 30px;
    height: 10px;
    z-index: 9998;
}
.sopra_logo {
    letter-spacing: 47px;
    display: none;
}
.menu_el {
    font-size: 40px;
    height: 40px;
}		
.repotitle_in {
    position: absolute;
    height: 40px;
    width: 230px;
    left: 50%;
    display: none;
}
.repotitle_co {
    position: absolute;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    margin-top: 0;
    width: 230px;
    left: -50%;
}
.repotitle2 {
    position: relative;
    float: left;
    width: 143px;
    overflow: hidden;
    height: 40px;
}
	}
@media only screen and (max-height: 628px){


.menu_el {
    font-size: 40px;
    height: 40px;
}
.repotitle_in {
    position: absolute;
    height: 40px;
    width: 230px;
    left: 50%;
    display: none;
}
.repotitle_co {
    position: absolute;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    margin-top: 0;
    width: 230px;
    left: -50%;
}
.repotitle2 {
    position: relative;
    float: left;
    width: 143px;
    overflow: hidden;
    height: 40px;
}
	}