@media screen and (max-width: 1200px){
    .events-row .event .info-txt { padding-top: 30px; }
    .events-row .event.active .info-txt{ padding-bottom: 10px; }
    #footer>.container .col.col-3 a.logo:first-child{ margin: 0 auto 15px auto; }
    #footer>.container .col.col-3 a.logo{ width: 80%; margin: 0 auto; float: none; }
}

@media screen and (max-width: 1050px){
    .events-row .event .info-txt span.close-btn, .events-row .event.right.img-square .info-txt span.close-btn, .events-row .event.left.img-rect .info-txt span.close-btn{ top: -21px; }
    .events-row .event .info-txt { padding-top: 2px; }
    .events-row .event .info-txt .description{ padding-top: 10px; }
}

@media screen and (max-width: 1024px){
    
    #header>.container .col.col-1{ display: none; }
    #header>.container .col.col-5{ width: 10%; }
    
    
    .events-row .event.right.img-rect, .events-row .event.left.img-rect{ position: relative; }
    .events-row .event{ width: 100%; margin: 30px 0; }
    
    .events-row .event .info-txt { padding-top: 15px; }
    .events-row .event.left.img-square .info-txt, .events-row .event.right.img-square .info-txt{ position: relative; float: right; width: 40%; text-align: right; left: auto; right: auto; padding-right: 0; padding-left: 20px; }
    .events-row .event.left.img-square .more-info, .events-row .event.right.img-square .more-info{ float: left; width: 60%; }
    .events-row .event.right.img-square .info-txt h3{ text-align: right; }
    
    .events-row .event.right.img-rect .more-info, .events-row .event.left.img-rect .more-info{ width: 40%; float: left; }
    .events-row .event.right.img-rect .more-info img, .events-row .event.left.img-rect .more-info img{ width: 100%; }
    .events-row .event.right.img-rect .info-txt, .events-row .event.left.img-rect .info-txt{ width: 60%; }
    
    .events-row .event.left.img-rect .info-txt, .events-row .event.left.img-rect .info-txt h3{ text-align: right; }
    
    #footer>.container .col:last-child{ border: 0; }
    #footer>.container .col.col-1 { width: 30%; border-bottom: 1px solid #c6c5c6}
    #footer>.container .col.col-2 { width: 70%; border-bottom: 1px solid #c6c5c6; border-right: 0;}
    #footer>.container .col.col-3{ width: 100%; }
    #footer>.container .col.col-3 a.logo:first-child{ margin-right: 10%; }
    #footer>.container .col.col-3 a.logo{ width: 45%; margin: 0; float: left; text-align: center; }
    #footer>.container .col.col-3 a.logo img.logo-footer{ max-width: 100px; }
}


@media screen and (max-width: 768px){
    #wrapper{ margin-top: 90px; }
    #wrapper>.container{ padding: 0 15px; }
    #header>.container .col { padding: 5px 10px; }
    #header>.container .col.col-2{ width: 80% }
    #header>.container .col.col-3, #header>.container .col.col-4{ display: none; }
    #header>.container .col.col-5{ width: 20%; }
    h3 { font-size: 18px; }
    
    
    .events-row .event{ margin: 0 0 30px 0; }
    .events-row .event img{ width: 100%; }
    .events-row .event .info-txt span.date-txt{ font-size: 13px; }
    .events-row .event.left.img-rect .info-txt, .events-row .event.left.img-rect .info-txt h3, .events-row .event.left.img-square .info-txt h3, .events-row .event.left.img-square .info-txt, .events-row .event.left.img-square .info-txt h5{ text-align: left; }
    
    .events-row .event.left.img-square .more-info, 
    .events-row .event.left.img-rect .more-info,
    .events-row .event.right.img-square .more-info, 
    .events-row .event.right.img-rect .more-info{ width: 35%; }
    
    .events-row .event.left.img-rect .info-txt,
    .events-row .event.left.img-square .info-txt, 
    .events-row .event.right.img-rect .info-txt, 
    .events-row .event.right.img-square .info-txt{ width: 65%; }
    
    .events-row .event.left.img-square .info-txt{ float: left; padding-left: 0; }
    
    .events-row .event.active .info-txt .description{ display: none; }
    .events-row .event.active .description-responsive{ display: block; }
    
    .events-row .event .info-txt{ padding-top: 30px; }
    
    .events-row .event .more-info .content .links, .events-row .event.active .more-info .content .links{ display: none; }
    .detail-view .events-row .event.active img, .detail-view .events-row .event.active:hover img, .events-row .event.active img, .events-row .event.active:hover img{ opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
    
    .events-row .event .info-txt span.close-btn, .events-row .event.right.img-square .info-txt span.close-btn, .events-row .event.left.img-rect .info-txt span.close-btn{ top: 0; }
    
    .events-row .event.right.img-square .info-txt span.close-btn, .events-row .event.right.img-square .info-txt span.close-btn, .events-row .event.left.img-rect .info-txt span.close-btn{ left: inherit; right: 0; }
    
    .events-row .event.active.left.img-square .more-info, .events-row .event.active.left.img-rect .more-info, .events-row .event.active.right.img-square .more-info, .events-row .event.active.right.img-rect .more-info{ width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
    
    .events-row .event.right.img-square .info-txt,.events-row .event.right.img-square .info-txt h3{ text-align: left; }
    
    .events-row .event.right.img-rect.no-img .info-txt, .events-row .event.left.img-rect.no-img .info-txt{ width: 100%; padding: 30px 0 0 0; }
    .events-row .event img.img-rect.no-img{ display: none; }
    .events-row .event.active.left.img-rect .info-txt, .events-row .event.active.left.img-square .info-txt, .events-row .event.active.right.img-rect .info-txt, .events-row .event.active.right.img-square .info-txt { width: 100%; padding: 30px 0 20px 0; }
    
    #footer>.container .col{ padding: 40px 15px; }
    #footer>.container .col.col-1 { width: 100%; border-right: 0; border-bottom: 1px solid #c6c5c6; }
    #footer>.container .col.col-2 { width: 100%; }
    #footer>.container .col.col-3{ padding-bottom: 0; }
    #footer>.container .col.col-3 a.logo img.logo-footer{ padding: 10px; }
}