.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.carousel-fullwidth {
    border-bottom: 8px solid #4a4a4a;
}

.carousel-fullwidth .carousel-caption {
    color: #000;
    text-align: left;
    top: 0px;
    right: 100px;
    left: 100px;
    padding: 0;
    text-shadow: none;
}

.carousel-fullwidth .carousel-indicators li {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: none;
    background-color: #4a4a4a;
}

.carousel-fullwidth .carousel-indicators li.active {
    background-color: #ED2939;
    
}

.carousel-fullwidth img.cover {
    width: 100%;
    object-fit: cover;
}

.coverTopCarousel {	
   height: 300px !important;
   width: 100%;
   object-fit: cover;
}

#myCarousel .col-xs-6 {
    padding-right: 20px;
}

#myCarousel .carousel-caption a,
#myCarousel .carousel-caption a:visited {
    color: #ED2939;
    font-size: 13px;
}

.carousel-short-description {
    display:none;
}

.carousel-long-description,.carousel-short-description{
    margin-bottom:10px;
}

@media (max-width:991px) {
     .carousel-fullwidth, .carousel-fullwidth .carousel-inner, .carousel-fullwidth img.cover {
        min-height: 150px;
    }   

    .carousel-fullwidth .carousel-caption {
        top: 20px;
        right: 20px;
        left: 20px;
    }

    .carousel-fullwidth h2 {
        font-size: 18px;
    }
}


@media (min-width:200px) and (max-width:300px){
    .col-xs-6{
        width:100%;
    }

   .coverTopCarousel {
        height:360px!important;
    }
    
    .carousel-short-description{
        display: block;
    }
    
    .carousel-long-description{
        display:none;
    }
}


@media (min-width:301px) and (max-width:400px){
    .col-xs-6{
        width:100%;
    }

   .coverTopCarousel {
        height:350px!important;
    }
    
        .carousel-short-description{
        display: block;
    }
    
    .carousel-long-description{
        display:none;
    }
}

@media (min-width:401px) and (max-width:500px){
    .col-xs-6{
        width:100%;
    }

   .coverTopCarousel {
        height:330px!important;
    }
    
        .carousel-short-description{
        display: block;
    }
    
    .carousel-long-description{
        display:none;
    }
}

@media (min-width:501px) and (max-width:600px){
    .col-xs-6{
        width:100%;
    }

   .coverTopCarousel {
        height:320px!important;
    }
    
        .carousel-short-description{
        display: block;
    }
    
    .carousel-long-description{
        display:none;
    }
}


@media (min-width:610px) and (max-width:700px){
    .col-xs-6{
        width:100%;
    }

   .coverTopCarousel {
        height:240px!important;
    }
    
}

@media (min-width:701px) and (max-width:800px){
    .col-xs-6{
        width:100%;
    }

   .coverTopCarousel {
        height:250px!important;
    }
    
}