.row-padding{
    padding-top: 10px;
    padding-bottom: 20px;
}

.caption{
    margin-top: 10px;
}

.t1{
    font-style: bold;
    color: #CC9;
}

.t2{
    font-style: italic;
    color: #CC9;
}

.d_t1{
    color: #CC9;
}

#director{
    background: url("/static/home/images/director.jpg") no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.carousel-control            { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}

@media only screen and (max-width: 767px) and (-webkit-transform-3d),
       only screen and (max-width: 767px) and (transform-3d){

    .row_first_div{
        padding-top: 30px;
    }

    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@media only screen and (min-width: 768px) and (-webkit-transform-3d),
       only screen and (min-width: 768px) and (transform-3d){

    .nav>li>a {
        padding-left: 10px;
        padding-right:10px
    }

    .row_first_div{
        padding-top: 5px;
    }

    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@media only screen and (min-width: 992px) and (-webkit-transform-3d),
       only screen and (min-width: 992px) and (transform-3d){

    .row_first_div{
        padding-top: 50px;
    }

    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }
}