#page-report .col-main hr.line { margin: 25px auto 38px auto; }
#page-report .related .related-title { margin: 20px 0 15px 18px; font-weight: bold; font-size: 24px; line-height: 25px; }

#page-report main { padding: 0 30px 0; }
#page-report .report-category {font-size: 14px; color: #2ecc71; margin-bottom: 15px; }
#page-report .footer .needhelp { background: white; }
#page-report .report { padding: 18px 18px 0 18px; }
#page-report .report .title { font: 600 36px Titillium; line-height: 40px; margin: 20px 0 10px 0; }
#page-report .report .meta {margin-bottom: 5px;}
#page-report .report .meta > div { white-space: nowrap; }
#page-report .report .meta .like-count {font-size: 0;}
#page-report .report .meta .like-count .count {font-size:14px;vertical-align: middle;}
#page-report .report .meta > div  { line-height: 38px; }
#page-report .report .meta .comment-count { color: #afb2b4; }
#page-report .report .meta > .col-xs-12 { margin-top: 5px; }
#page-report .report .meta .like-count .icon { display: inline-block; width: 40px; height: 40px; vertical-align: top; background: url('img/sprites.png') -380px -260px no-repeat; margin-right: 10px; }
#page-report .report .social2 {width: 100%;}

#page-report .report-body .intro {font-size: 18px; font-weight:600;}
#page-report .report-body img:first-child {margin: 0;}
#page-report .report-body img { width:100%;margin: 10px 0;}
#page-report .report-body img + *:after { content: ""; display: block; clear: both; }
#page-report .report-body q,
#page-report .report-body .section-title {clear:both;font-size: 24px; font-weight: 600; line-height: 25px; margin: 15px 0; }
#page-report .report-body q:before { float: right; position: relative; top: 0; right: -20px; }
#page-report .report-body p { margin: 15px 0; }
#page-report .your-experience { padding-left: 0; padding-right: 0; }
#page-report .comments-list {padding: 0 20px; margin-bottom: 20px;}
#page-report .report-body .quote {background: #2ecc71; position: relative; margin: 25px 0;}
#page-report .report-body .quote + *:after { content: ""; display: block; clear: both; }
#page-report .report-body .quote:before { content: ""; display: block; position: absolute; right: -16px; width: 16px; height: 15px; background: url('img/sprites.png') -60px -120px no-repeat; }
#page-report .report-body .quote.quote-right:before { left: -16px; background-position: -60px -135px; }
#page-report .report-body .quote + b:after,
#page-report .report-body .quote + strong:after,
#page-report .report-body .quote + u:after {
    display: none;
}
#page-report .report-body q { display: block; color: white; position: relative;	padding: 20px 25px 20px 20px; font-size: 19px; }
#page-report .report-body q:before { content: ""; display: block; position: relative; float: right; top: 0px; right: -8px; width: 50px; height: 44px; background: url('img/sprites.png') 0 -400px no-repeat; }
#page-report #reportajes { padding-top: 35px; padding-bottom: 35px; background-color: #f3f5f7; margin-left: -35px; margin-right: -35px;  }
#page-report #reportajes .cards {padding-top: 15px; padding-bottom: 5px; }
#page-report #reportajes .box .box-wrap { padding: 14px 14px 16px 14px; }
#page-report #reportajes .box:hover .box-wrap {background-color: #f8f9fa; }

#page-report .course-box .price {color:#2ecc71;right: auto;position: relative}
#page-report .clickToAction{width:67%}

#page-report-result .sidebar-xs .form-group{border-bottom-width: 2px;}

#Muex2021_widget {
    min-width: 280px;
}
.col-xs-12.col-sm-3.sidebar-xs {
    min-width: 280px;
}

@media (max-width: 1255px) {
    .col-xs-12.col-sm-9.col-main {
        width: 100%;
    }
    #page-report .sidebar-xs {
        min-width: 100%;}
        .banner.hidden-xs,
        .box.offer.course-box.hidden-xs {
            display: none;
        }
      .course-box .img img {
            width: 150px;  
        }
  .col-xs-12.col-sm-3.sidebar-xs{
            width: 100%;
        }
}  

@media(max-width:767px){
    #page-report .col-main hr.line { width: 90%; }
}

@media(max-width:479px){
    #page-report main { padding: 0; }
    #page-report .col-main { padding: 0; }
    #page-report .report .like-count .icon { margin-right: 0; }
    #page-report .report .star-widget .count,
    #page-report .report .like-count .count { display: none; }
    #page-report .report .comment-count .visible-xs-inline {display: none !important;}
    #page-report .report .col-comment-count { width: 25%; }
    #page-report .report .col-share-count {width: 25%; }
    #page-report .report .meta .text-center { padding: 0 4px; }
    #page-report .related {padding-left: 10px; padding-right: 10px;}

    #page-report #reportajes { margin-left: 0; margin-right: 0; }
}

@media(min-width:768px){
    #page-report main { padding: 0; }
    #page-report .report-category { font-size: 18px; }
    #page-report .report .title { font-size: 40px; }
    #page-report .report .meta {margin-bottom: 7px;margin-top:15px;}
    #page-report .report .meta > .col-xs-12 { margin-top: 0; }
    #page-report .report .meta .col-social {padding-left:0;}
    #page-report .sidebar-xs { margin-top: 40px; }
    #page-report .sidebar-xs .banner { margin-bottom: 10px; }
    #page-report .sidebar-xs .banner a {display: block;border:1px solid #e2e7ea;padding:3px;}
    #page-report .sidebar-xs .banner a img { width: 100%; }
    #page-report .col-main {padding: 0;}
    #page-report .report .title {margin-top:  15px;}
    #page-report .report img:first-child { width: 100%; }
    #page-report .report .col-comment-count { text-align: right; padding-right: 0; }
    #page-report #reportajes { margin: 0 0 20px 0; padding-top: 25px; }   
    #page-report .sidebar-xs .course-box .box-wrap { padding: 14px;}
    #page-report .sidebar-xs .course-box .title { font-size: 18px; line-height: 22px; }
    #page-report .sidebar-xs .course-box .img { float: none;width:100%; max-width: 100%;padding:0; margin-bottom: 10px; }
    #page-report .sidebar-xs .course-box .subtitle {text-overflow: initial;	overflow: visible;white-space: pre-wrap;}
    #page-report .sidebar-xs .course-box .star-widget {margin: 8px 0;}
    #page-report .sidebar-xs .course-box.offer .band { background-position: -500px -360px; top: -4px; right: -6px; width: 55px;height:55px;}
    #page-report .report-body .quote { float: left; width: 160px; margin: 5px 30px 28px 0; }
    #page-report .report-body q:before {width: 28px;height:25px;background-position: -120px -400px; right: -20px; }
    #page-report .report-body .quote.quote-right { float: right; margin: 5px 0 28px 30px; }
    #page-report .report-body .section-title { font-weight: bold; }
    #page-report .report-body img { float:left; width: auto; max-width: 285px; margin-top: 5px; margin-right: 30px; }
    #page-report .report-body img:first-child { float: none;  width: 100%; max-width: none; margin-top: 0; margin-right: 0; }
    #page-report .col-main > hr.line,
    #page-report .col-main > .your-experience,
    #page-report .col-main > .related { margin-left: 15px; margin-right: 15px;}
    #page-report #reportajes {background-color: white;}
    #page-report .sidebar-xs .tags-collapsable .tag, 
    #page-report-result .sidebar-xs .tags-collapsable .tag,
    #page-report .sidebar-xs .tags-collapsable .tag:hover , 
    #page-report-result .sidebar-xs .tags-collapsable .tag:hover { width: 35px; height: 35px; padding: 5px 0 0 0;  margin: 0; display: inline-block; margin: 0 9px 9px 0; }
    #page-report .sidebar-xs .tags-collapsable .tag:hover .text , 
    #page-report-result .sidebar-xs .tags-collapsable .tag:hover .text { display: none;}
    #page-report .sidebar-xs .tags-collapsable .text-right .tag , 
    #page-report-result .sidebar-xs .tags-collapsable .text-right .tag { 
        margin-right: 0; 
    }
    #page-report .sidebar-xs .course-box .band { background-position: -460px -280px; width: 67px; height: 67px; }
    #page-report .footer .needhelp { background-color: #f3f5f7; }
}

@media(min-width:768px) and (max-width:991px){
    #page-report .report .meta > div { line-height: 35px; }
    #page-report .report .meta .like-count .icon,
    #page-report .report .meta .social2 .icon {width: 35px;height:35px;}
    #page-report .report .meta .like-count .icon {background-position: -380px -340px;}
    #page-report .report .meta .social2 .icon.facebook, #page-webmap .report .meta .social2 .icon.facebook {background-position: -260px -340px; }
    #page-report .report .meta .social2 .icon.gplus, #page-webmap .report .meta .social2 .icon.gplus {background-position: -300px -340px; }
    #page-report .report .meta .social2 .icon.twitter, #page-map .report .meta .social2 .icon.twitter {background-position: -340px -340px; }
    #page-report .report-body q, #page-webmap .report-body q { font-size: 18px; padding: 20px; }
    #page-report .report-body q:before { right: -6px; }
    #page-report .report-body p:last-child, #page-webmap .report-body p:last-child {margin-bottom: 0;}
}


@media(min-width:900px) {
    #page-report .sidebar-xs .tags-collapsable .text-right .tag { margin-right: 9px; }
}

@media(min-width:992px){
    #page-report .sidebar-xs, 
    #page-report-result .sidebar-xs  { margin-top: 50px; }
    #page-report .sidebar-xs .banner { margin-bottom: 18px; }
    #page-report .sidebar-xs .tags-collapsable , 
    #page-report-result  .sidebar-xs .tags-collapsable { margin-right: -4px; }
    #page-report .sidebar-xs .tags-collapsable .tag, 
    #page-report-result .sidebar-xs .tags-collapsable .tag,
    #page-report .sidebar-xs .tags-collapsable .tag:hover, 
    #page-report-result .sidebar-xs .tags-collapsable .tag:hover,
    #page-report .sidebar-xs .tags-collapsable .text-right .tag, 
    #page-report-result .sidebar-xs .tags-collapsable .text-right .tag { 
        margin-right: 2px; margin-bottom: 2px; 
    }
    #page-report .sidebar-xs .course-box .comment-count { float:right; margin-top: 8px;}
    #page-report .sidebar-xs .banner a {padding: 5px;}
    #page-report .report .title { margin-top: 25px; }
    #page-report .report .meta { margin-bottom: 12px; }
    #page-report .report .col-comment-count { padding-right: 10px; }
    #page-report .report .col-share-count { text-align: right; }
    #page-report .report-body .quote { width: 214px; margin: 5px 30px 28px 0; }
    #page-report .report-body .quote.quote-right { margin: 5px 0 28px 30px; }
    #page-report .report-body q { padding-top: 20px; padding-bottom: 30px; }
    #page-report .report-body q:before {width: 44px;height:37px;background-position: -60px -400px; right: -16px; }
    #page-report .report-body .quote-right q:before { left: 10px; }
    #page-report .report-body img { max-width: 374px; }
    #page-report .your-experience .collapse.in { margin-top: -15px; }
    #page-report .sidebar-xs .course-box.offer .band { background-position: -460px -280px; top: -5px; right: -5px; width: 67px;height:67px;}
}

@media(min-width:1200px){
    #page-report .report-body .quote {width: 263px;}
    #page-report .report-body q { padding: 20px 25px 20px 20px; }
    #page-report .report-body .quote-right q { padding: 20px 20px 20px 25px; }
    #page-report .report-body q:before { right: -10px; }
    #page-report .report-body .quote-right q:before { left: 5px; }
    #page-report .sidebar-xs .course-box.offer .band { background-position: -460px -200px; top: -6px; right: -6px; width: 78px;height:78px;}
    #page-report .sidebar-xs .course-box .title { font-size: 24px; line-height: 28px; }
    #page-report .sidebar-xs .course-box .subtitle { font-size: 18px; line-height: 22px; }
    #page-report .report .col-social { padding-left: 0; }
    #page-report .report .col-author { padding-left: 20px; padding-right: 0; text-align: left; }
    #page-report .report-body img { max-width: 460px; }
}

#page-report .report-body img:nth-of-type(even) {
  float: right;
  margin-left: 30px;
  margin-right: 0px;
}
