#gallery-wrap .container { position: relative; }
#slider { overflow: hidden; }
.slider { margin: 50px 0 10px!important;}
/*#thumbnail {
    background: #000 none repeat scroll 0 0;
    bottom: 65px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 1100px;
}*/

#thumbnail {
    /*background: #333 none repeat scroll 0 0;*/
    bottom: 6px;
    padding: 0 5%;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 59%;
}
#thumbnail li {margin-right: 5px;}
#thumbnail img {display: block; opacity: .5; cursor: pointer;}
#thumbnail img:hover {opacity: 1;}
#thumbnail .flex-active-slide img {opacity: 1; cursor: default;}
.flex-caption {
    background: rgba(51, 51, 51, 0.7) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    height: 90px;
    padding-top: 20px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 998;
}
.flex-caption h3 { color: #FFFFFF; margin-top: 0; }
.flex-viewport { z-index: 999; }
.slideimg {
    overflow: hidden;
}
/*.slideimg img {
    height: 100%; 
    width: auto; 
    position: relative; 
    left: -50%;
}*/

.slideimg img {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 300px;
    position: relative;
    top: 0;
    width: 100%;
}

/* #### landscape #### */
@media  screen and (max-width: 1366px) and (max-height:1024px) and (orientation: landscape){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -15%;
    }
}
/* #### END landscape #### */

@media  screen and (min-width: 948px) and (max-width:1279px){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -20%;
    }
}

/* #### portrait #### */
@media  screen and (min-width: 861px) and (max-width:947px) and (orientation: portrait){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -50%;
    }
} 
@media  screen and (min-width: 768px) and (max-width:860px) and (orientation: portrait){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -60%;
    }
} 
@media  screen and (min-width: 711px) and (max-width:767px) and (orientation: portrait){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -70%;
    }
}
@media  screen and (min-width: 601px) and (max-width:710px) and (orientation: portrait){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -78%;
    }
} 
@media  screen and (min-width: 501px) and (max-width:600px) and (orientation: portrait){
    .slideimg img{
        width: auto !important;
        height: 100% !important;
        margin-left: -100%;
    }
} 
/* #### END portrait #### */

@media (max-width:500px){
    .slideimg img{
        top: 70px;
        min-height: auto;
        min-width: auto;
    }
    .slideimg {
        height: 441px !important;
    }
    #thumbnail{
        background: transparent !important;
    }
    .flex-viewport {
        z-index: 2;
    }
}

@media(max-width:498px){.slideimg{height:440px!important;}}
@media(max-width:496px){.slideimg{height:439px!important;}}
@media(max-width:495px){.slideimg{height:438px!important;}}
@media(max-width:493px){.slideimg{height:437px!important;}}
@media(max-width:491px){.slideimg{height:436px!important;}}
@media(max-width:489px){.slideimg{height:435px!important;}}
@media(max-width:487px){.slideimg{height:434px!important;}}
@media(max-width:486px){.slideimg{height:433px!important;}}
@media(max-width:484px){.slideimg{height:432px!important;}}
@media(max-width:482px){.slideimg{height:431px!important;}}
@media(max-width:480px){.slideimg{height:430px!important;}}
@media(max-width:479px){.slideimg{height:429px!important;}}
@media(max-width:477px){.slideimg{height:428px!important;}}
@media(max-width:475px){.slideimg{height:427px!important;}}
@media(max-width:473px){.slideimg{height:426px!important;}}
@media(max-width:471px){.slideimg{height:425px!important;}}
@media(max-width:470px){.slideimg{height:424px!important;}}
@media(max-width:468px){.slideimg{height:423px!important;}}
@media(max-width:466px){.slideimg{height:422px!important;}}
@media(max-width:464px){.slideimg{height:421px!important;}}
@media(max-width:463px){.slideimg{height:420px!important;}}
@media(max-width:461px){.slideimg{height:419px!important;}}
@media(max-width:459px){.slideimg{height:418px!important;}}
@media(max-width:457px){.slideimg{height:417px!important;}}
@media(max-width:455px){.slideimg{height:416px!important;}}
@media(max-width:454px){.slideimg{height:415px!important;}}
@media(max-width:452px){.slideimg{height:414px!important;}}
@media(max-width:450px){.slideimg{height:413px!important;}}
@media(max-width:448px){.slideimg{height:412px!important;}}
@media(max-width:447px){.slideimg{height:411px!important;}}
@media(max-width:445px){.slideimg{height:410px!important;}}
@media(max-width:443px){.slideimg{height:409px!important;}}
@media(max-width:441px){.slideimg{height:408px!important;}}
@media(max-width:439px){.slideimg{height:407px!important;}}
@media(max-width:438px){.slideimg{height:406px!important;}}
@media(max-width:436px){.slideimg{height:405px!important;}}
@media(max-width:434px){.slideimg{height:404px!important;}}
@media(max-width:432px){.slideimg{height:403px!important;}}
@media(max-width:431px){.slideimg{height:402px!important;}}
@media(max-width:429px){.slideimg{height:401px!important;}}
@media(max-width:427px){.slideimg{height:400px!important;}}
@media(max-width:425px){.slideimg{height:399px!important;}}
@media(max-width:423px){.slideimg{height:398px!important;}}
@media(max-width:422px){.slideimg{height:397px!important;}}
@media(max-width:420px){.slideimg{height:396px!important;}}
@media(max-width:418px){.slideimg{height:395px!important;}}
@media(max-width:416px){.slideimg{height:394px!important;}}
@media(max-width:415px){.slideimg{height:393px!important;}}
@media(max-width:413px){.slideimg{height:392px!important;}}
@media(max-width:411px){.slideimg{height:391px!important;}}
@media(max-width:409px){.slideimg{height:390px!important;}}
@media(max-width:407px){.slideimg{height:389px!important;}}
@media(max-width:406px){.slideimg{height:388px!important;}}
@media(max-width:404px){.slideimg{height:387px!important;}}
@media(max-width:402px){.slideimg{height:386px!important;}}
@media(max-width:400px){.slideimg{height:385px!important;}}
@media(max-width:399px){.slideimg{height:384px!important;}}
@media(max-width:397px){.slideimg{height:383px!important;}}
@media(max-width:395px){.slideimg{height:382px!important;}}
@media(max-width:393px){.slideimg{height:381px!important;}}
@media(max-width:391px){.slideimg{height:380px!important;}}
@media(max-width:389px){.slideimg{height:379px!important;}}
@media(max-width:388px){.slideimg{height:378px!important;}}
@media(max-width:386px){.slideimg{height:377px!important;}}
@media(max-width:384px){.slideimg{height:376px!important;}}
@media(max-width:383px){.slideimg{height:375px!important;}}
@media(max-width:381px){.slideimg{height:374px!important;}}
@media(max-width:379px){.slideimg{height:373px!important;}}
@media(max-width:377px){.slideimg{height:372px!important;}}
@media(max-width:375px){.slideimg{height:371px!important;}}
@media(max-width:374px){.slideimg{height:370px!important;}}
@media(max-width:372px){.slideimg{height:369px!important;}}
@media(max-width:370px){.slideimg{height:368px!important;}}
@media(max-width:368px){.slideimg{height:367px!important;}}
@media(max-width:367px){.slideimg{height:366px!important;}}
@media(max-width:365px){.slideimg{height:365px!important;}}
@media(max-width:363px){.slideimg{height:364px!important;}}
@media(max-width:361px){.slideimg{height:363px!important;}}
@media(max-width:359px){.slideimg{height:362px!important;}}
@media(max-width:358px){.slideimg{height:361px!important;}}
@media(max-width:356px){.slideimg{height:360px!important;}}
@media(max-width:354px){.slideimg{height:359px!important;}}
@media(max-width:352px){.slideimg{height:358px!important;}}
@media(max-width:351px){.slideimg{height:357px!important;}}
@media(max-width:349px){.slideimg{height:356px!important;}}
@media(max-width:347px){.slideimg{height:355px!important;}}
@media(max-width:345px){.slideimg{height:354px!important;}}
@media(max-width:343px){.slideimg{height:353px!important;}}
@media(max-width:342px){.slideimg{height:352px!important;}}
@media(max-width:340px){.slideimg{height:351px!important;}}
@media(max-width:338px){.slideimg{height:350px!important;}}
@media(max-width:336px){.slideimg{height:349px!important;}}
@media(max-width:335px){.slideimg{height:348px!important;}}
@media(max-width:333px){.slideimg{height:347px!important;}}
@media(max-width:331px){.slideimg{height:346px!important;}}
@media(max-width:329px){.slideimg{height:345px!important;}}
@media(max-width:327px){.slideimg{height:344px!important;}}
@media(max-width:326px){.slideimg{height:343px!important;}}
@media(max-width:324px){.slideimg{height:342px!important;}}
@media(max-width:322px){.slideimg{height:341px!important;}}
@media(max-width:320px){.slideimg{height:340px!important;}}

/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}


/* Media Queries
***********************/
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 767px) {
    .navbar-fixed-top{
        position: absolute;
    }
    .flex-caption .container { display: none; }
    #thumbnail {
        width: 100%;
        background: #333 none repeat scroll 0 0;
    }
    .flex-direction-nav .flex-next {
        right: 5px;
    }
    .flex-direction-nav .flex-prev {
        left: 5px;
    }
}
