article.mainslides{width: 500px; margin: 0 auto;}
.cbp-qtrotator { position: relative; margin: 3em auto 1em auto; width: 100%;  min-height: 400px;}
.cbp-qtrotator .cbp-qtcontent {  position: absolute;min-height: 200px;border-top: 3px solid #f4f4f4; border-bottom: 3px solid #f4f4f4;padding: 2em 0;top: 0;z-index: 0;opacity: 0;width: 100%;}
.no-js .cbp-qtrotator .cbp-qtcontent {border-bottom: none;}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,.no-js .cbp-qtrotator .cbp-qtcontent {position: relative;z-index: 100;pointer-events: auto;opacity: 1;}
.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after { content: " ";display: table;}
.cbp-qtrotator .cbp-qtcontent:after { clear: both;}
.cbp-qtprogress { position: absolute;background: #FC3544;height: 3px;width: 0%;top: 0;z-index: 1000;}
.cbp-qtrotator blockquote {margin: 0;padding: 0;}
.squre{    width: 12px;height: 12px; background: #c22e43; display: block;float: right;margin-top: 10px;margin-left: 8px;}
.cbp-qtcontent h3{    font: 16px Naskhbold;
    float: right;
    margin-top: 3px;}

.cbp-qtcontent h3 a{color: #555;cursor: pointer;transition: all 0.2s ease-in}
.cbp-qtcontent h3 a:hover{color:#c22e43}

.cbp-qtrotator blockquote p {
    font: 11px tahoma;
    color: #888;
    font-weight: 300;
    margin: 0.4em 0 1em;
    text-align: justify;
    line-height: 20px;
}

.cbp-qtrotator blockquote footer {
    font-size: 1.2em;
    font-family: naskhbold;
}



.cbp-qtrotator .cbp-qtcontent img {
    width: 100%;
    height: 250px;
}

/* Example for media query */
@media screen and (max-width: 30.6em) {

    .cbp-qtrotator {
        font-size: 70%;
    }

    .cbp-qtrotator img {
        width: 80px;
    }

}