div#gallery {    
    margin-top: -290px;
    overflow: hidden;
    position: relative;
    top: 50%;
    width: 100%;
}
div#gallery div#area {
    width: 100%; 
    padding-left: 40px;
}

div#gallery ul { 
    list-style: none; 
    width: 960px; 
    height: 460px; 
    padding: 10px 30px; 
    float: left; 
    position: relative;
}

div#gallery ul li { 
    float: left; 
    margin: 5px; 
    background: #000;
}

div#gallery ul li a {
    display: block; 
    border:0; 
    margin: 0; 
    padding: 0; 
    width: 182px; 
    height: 182px;
}

div#gallery .separador {
    border-right:1px solid #000; 
    width: 50px; 
}

.dragger {
    left: 0;
}

#imagens {
    width: 6900px;
}

#all{
    height: 858px; 
    min-height: 550px; 
    overflow-y: hidden; 
    position: absolute; 
    /* width: 100%; */
    top: 10px;
}

/*div#gallery ul li { opacity: 0.4; filter:alpha(opacity=50);
-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}*/
div#gallery ul li .description { 
    font-size: 12px; 
    width: 142px; 
    height: 142px; 
    padding: 20px;
    position: absolute; 
    color: rgba(255,255,255,0.0); 
    float: left; 
    margin-top: -186px; 
    background: rgba(0,0,0,0.0); 
    text-align: center; 
    font-variant: small-caps; 
    display: table-cell; 
    vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

div#gallery ul li a:hover .description { 
    color: rgba(255,255,255,1.0); 
    background: rgba(0,0,0,0.7);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

div#gallery ul li .description .points {
    font-size: 70px; 
    font-family: "Trebuchet MS"; line-height: 0px; letter-spacing: -10px;
}

/* Mobile  Vertical*/

@media only screen and (max-width: 504px) and (orientation:portrait) {
    
    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    /* position: relative; */
    top: 90px;
    left: -15px;
    width: 500px;
    /* padding-left: 30px; */
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 500px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 22200px !important; 
    }
    
#all {
    height: 21500px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 500px;
    left: 0px;
    top: 0px;
}

}

@media only screen and (max-width: 414px) and (orientation:portrait) {
    
   div#gallery {
    margin-top: 0px;
    overflow: hidden;
    /* position: relative; */
    top: 100px;
    left: -15px;
    width: 410px;
    /* padding-left: 30px; */
}
    
     div#gallery ul  { 
    /* list-style: none; */
    width: 410px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 17900px !important; 
    }
    
#all {
    height: 17850px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 410px;
    left: 0px;
    top: 0px;
}
    
}

@media only screen and (max-width: 360px) and (orientation:portrait) {

    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    /* position: relative; */
    top: 100px;
    left: 0;
    width: 320px;
    /* padding-left: 30px; */
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12800px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 320px;
    left: 0px;
    top: 0px;
}
    
}

@media only screen and (max-width: 320px) and (orientation:portrait) {
     
    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    /* position: relative; */
    top: 100px;
    left: -10px;
    width: 320px;
    /* padding-left: 30px; */
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12730px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 320px;
    left: 0px;
    top: 0px;
}
    
}

/* Mobile Horizontal */

@media only screen and (max-width: 736px) and (orientation:landscape) {
 
    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    top: 60px;
    left: 210px;
    width: 320px;
    padding: 0;  
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12650px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 720px;
    left: -15px;
    top: 0px;
}
    
}

@media only screen and (max-width: 640px) and (orientation:landscape) {

    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    top: 50px;
    top: 60px;
    left: 140px;
    padding: 0;
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12650px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 520px;
    left: 0px;
    top: 0px;
}
    
}

@media only screen and (max-width: 568px) and (orientation:landscape) {

    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    top: 60px;
    left: 75px;
    width: 320px;
    padding-left: 30px;
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12650px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 540px;
    left: 0px;
    top: 0px;
}
    
}
    
@media only screen and (max-width: 533px) and (orientation:landscape)  {

    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    top: 60px;
    left: 80px;
    width: 500px;
    padding: 0;
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12650px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 520px;
    left: 0px;
    top: 0px;
}
    
}
    
@media only screen and (max-width: 504px) and (orientation:landscape) {

    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    /* position: relative; */
    top: 50px;
    left: 0;
    width: 320px;
    /* padding-left: 30px; */
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12650px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 320px;
    left: -15px;
    top: 50px;
}
    
}
    
@media only screen and (max-width: 480px) and (orientation:landscape)  {

    div#gallery {
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    top: 60px;
    left: 75px;
    width: 320px;
    padding: 0;
}
    
    div#gallery ul  { 
    /* list-style: none; */
    width: 290px;
    /* padding: 10px 30px; */
    /* float: left; */
    /* position: relative; */
} 

    #sessao1 {
    height: 13200px !important; 
    }
    
#all {
    height: 12650px;
    min-height: 550px;
    overflow-y: hidden;
    position: absolute;
    width: 450px;
    left: -15px;
    top: 0px;
}
    
}