
.slider {
    width:100%;
    height:600px;
    position:relative;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.sliderContent {
    float:left;
    width:100%;
    height: 100%;
    clear:both;
    overflow:hidden;
}

.sliderArrows a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:50;
    background-image:url(../gfx/prev_next.png);
    width:40px;
    height:40px;
    position:absolute;
    bottom: 20px ;
    margin-top:-34px;
    z-index: 9999;
    cursor: pointer;
    /*content: '.';*/
    /*background-color: #89816D ;*/
}

.prev {
    background-position:0 0;
    right:40px;
    /*background-color: yellow;*/
}

.prev:hover {
    /*background-position:0 -44px;*/
}

.next {
    right:0px;
    background-position:-44px 0;
}

.next:hover {
    /*background-position:-44px -44px;*/
}

.sliderContent .item {
    position:absolute;
    width: 100%;
    height:100%;
    background:#fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;

}

.sliderContent .item img{
    width: 100%;
    height: 100%;
    /*    border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;*/
}

.sliderBullets {
    position:absolute;
    bottom:35px;
    left:10%;
    z-index:50;
    /*margin-left:-45px;*/
}

.sliderBullets a {
    display:block;
    float:left;
    text-indent:-9999px;
    outline:none;
    margin-left:-15px;
    width: 25px;
    height: 1px;
    border-bottom: #89816D solid 1px;
     -ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Chrome, Safari, Opera */
    transform: rotate(-60deg);
    /*margin-top: -50px;*/
    /*background:url(../gfx/bullets.png) no-repeat;*/
}

.sliderBullets .active {
   opacity: .5;
}

.sliderContent a {
    outline:none;
}

a {
    color: #999999;
}

a img {
    border:none;
}


@media only screen
and (min-device-width : 320px)
and (max-width : 600px)
and (orientation : portrait) {

    .slider {
    width:100%;
    height:300px;
    position:relative;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}


    .sliderContent {
        float:left;
        width:100%;
        height: 300px;
        clear:both;
        position:relative;
        overflow:hidden;
    }  
    .sliderBullets{
        display: none;
    }



}