.feedback-block-item .customer-name,
.feedback-block-item .customer-rating,
.feedback-block-item .customer-town
{
    float: left;
    line-height: 1em;
    vertical-align: middle;
}

.feedback-block-item .customer-name {
    margin-right: 8px;
    font-weight:bold;
    margin-bottom:10px;
}


.feedback-clear-fix {
    content: "";
    display: table;
    clear: both;  
}

.feedback-block-text {
    height:60px;
    margin-top:10px;
    padding-top:10px;
}

.remsto-feedback-portrait-widget .feedback-block-text
{
    border-top:2px solid #ccc;
}

.feedback-block-date {
    font-size:13px;
    margin-bottom:10px;
}


.feedback-carousel-items .feedback-block-item {
    width: 100%;
    height: 100%;
    margin: 0px;
}

.remsto-feedback-landscape-widget .feedback-carousel-items .feedback-block-item
{
    width:93%;
}

.remsto-feedback-portrait-widget .remsto-btn {
    background-color: #5ab00e;
    cursor: pointer;
    border-radius: 4px;
    color: white;
    display: inline-block;
    margin-right: 5px;
    padding: 5px 8px;
    font-size: 13px;
}

.remsto-feedback-landscape-widget .feedback-block-text
{
    height:127px;
}

.remsto-feedback-landscape-widget .feedback-carousel-items .feedback-block-item
{
    margin:7%;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.feedback-carousel-items {
    position: relative;
    overflow: hidden;
}


.feedback-portrait-carousel-items {
    height: 500px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}


/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.feedback-portrait-carousel-items ul {
    height: 10000em;
    width: 100%;
    position: relative;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.feedback-portrait-carousel-items ul > li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
}


/*
Landscape scroller
*/
.feedback-landscape-carousel-items {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}


/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.feedback-landscape-carousel-items ul {
    width: 10000em;
    position: relative;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.feedback-landscape-carousel-items ul > li {
    float: left;
    width: 220px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
}

@media (min-width:0px) and (max-width:350px) {

        /*.remsto-feedback-landscape-widget .feedback-overview
        {
                font-size: 0.5em;
                width: 100%;
        }*/
        /*.rating-widget-value
        {
                display: none;
        }
        .remsto-feedback-landscape-widget .feedback-overview .feedback-overview-item:nth-child(2)
        {
                width: 70%;
                margin: 0px 0 0 5%;
        }*/
        .remsto-feedback-landscape-widget .feedback-block-text
        {
                width: 100%;
                font-size: 0.8em;
        }
        .remsto-feedback-landscape-widget .feedback-carousel-ctl .feedback-carousel-ctl-forward,
        .remsto-feedback-landscape-widget .feedback-carousel-ctl .feedback-carousel-ctl-back
        {
                width: 8%;
        }
}

@media (min-width:350px) and (max-width:1000px) {
        .remsto-feedback-landscape-widget .feedback-block-text
        {
                max-width: 300px;
                font-size: 1em;
        }
        /*.remsto-feedback-landscape-widget .feedback-overview
        {
                font-size: 0.8em;
                width: 100%;
        }*/
        /*.remsto-feedback-landscape-widget .feedback-overview .feedback-overview-item:nth-child(2)
        {
                width: 70%;
                margin: 0px 0 0 5%;
        }
        .rating-widget-value
        {
                display: none;
        }*/
        .remsto-feedback-landscape-widget .feedback-carousel-ctl.feedback-carousel-ctl-forward,
        .remsto-feedback-landscape-widget .feedback-carousel-ctl.feedback-carousel-ctl-back
        {
                width: 5%;
        }
        .section-content .feedback-block-text
        {
                height: 180px;
        }
}

.remsto-feedback-landscape-widget .feedback-carousel-ctl {
    width: 5%;
    cursor: pointer;
    font-size: 32px;
    font-weight: bold;
}

/*
.feedback-carousel-ctl-back:after {
    content: '<'
}

.feedback-carousel-ctl-forward:after {
    content: '>'
}
*/
.remsto-feedback-landscape-widget {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 6px;
    align-items: center;
    justify-content: center;
}