/*:::::::::::::::::::::::::::::::::::Achivment event slider :::::::::::::::::::::*/



.img-responsive_
{
    display: block;
    max-width: 100%;
    height: 343px;
}


.headevent2
{
    font-size: 19px;
    color: Black;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 37px;
}


.col-centered
{
    float: none;
    margin: 0 auto;
}

.img-responsiveslider
{
    display: block;
    max-width: 98%;
    height: 245px;
    margin: 0px;
    padding: 2px;
}

.carousel-control > a > span
{
    color: white;
    font-size: 29px !important;
}

.carousel-col
{
    position: relative;
    min-height: 1px;
    padding: 5px;
    float: left;
}

.active > div
{
    display: none;
}
.active > div:first-child
{
    display: block;
}

/*xs*/
@media (max-width: 767px)
{
    .carousel-inner .active.left
    {
        left: -50%;
    }
    .carousel-inner .active.right
    {
        left: 50%;
    }
    .carousel-inner .next
    {
        left: 50%;
    }
    .carousel-inner .prev
    {
        left: -50%;
    }
    .carousel-col
    {
        width: 100%;
    }
    .active > div:first-child
    {
        display: block;
    }

}

/*sm*/
@media (min-width: 768px) and (max-width: 991px)
{
    .carousel-inner .active.left
    {
        left: -50%;
    }
    .carousel-inner .active.right
    {
        left: 50%;
    }
    .carousel-inner .next
    {
        left: 50%;
    }
    .carousel-inner .prev
    {
        left: -50%;
    }
    .carousel-col
    {
        width: 50%;
    }
    .active > div:first-child + div
    {
        display: block;
    }
    .blockCLIENT
    {
        width: 85%;
        height: 230px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px)
{
    .carousel-inner .active.left
    {
        left: -50%;
    }
    .carousel-inner .active.right
    {
        left: 50%;
    }
    .carousel-inner .next
    {
        left: 50%;
    }
    .carousel-inner .prev
    {
        left: -50%;
    }
    .carousel-col
    {
        width: 50%;
    }
    .active > div:first-child
    {
        display: block;
    }
    .active > div:first-child + div
    {
        display: block;
    }
}

/*lg*/
@media (min-width: 1200px)
{
    .carousel-inner .active.left
    {
        left: -50%;
    }
    .carousel-inner .active.right
    {
        left: 50%;
    }
    .carousel-inner .next
    {
        left: 50%;
    }
    .carousel-inner .prev
    {
        left: -50%;
    }
    .carousel-col
    {
        width: 100%;
    }
    .active > div:first-child
    {
        display: block;
    }
    .active > div:first-child + div
    {
        display: block;
    }


}

.blockCLIENT
{
    width: 100%;
    height: 249px;
    margin-right: auto;
    margin-bottom: 6px;
    background-color: #1b4168;
    box-shadow: 2px 4px 2px 1px;
}


.border_left
{
}

.blue
{
    background: blue;
}

.green
{
    background: green;
}

.yellow
{
    background: yellow;
}
@media only screen and (max-width: 460px)
{
    .blockCLIENT
    {
        width: 90%;
        height: 297px;
        margin-left: auto;
        margin-right: auto;
    }

}
@media only screen and (max-width: 768px)
{
    .blockCLIENT
    {
        width: 100%;
        height: 297px;
        margin-left: auto;
        margin-right: auto;
    }

    .img-responsiveslider
    {
        display: block;
        max-width: 100%;
        height: 293px;
        margin: 0px;
        padding: 2px;
    }
    .height_400px
    {
        height: 476px;
    }
}