/* -------------------------------------------------------------- */
/* --- REPSONSE 980px ------------------------------------------- */
/* -------------------------------------------------------------- */

@media screen and (max-width:1200px) {

/* history */
.history-blocks-wrap {text-align: center;}
.event-block-wrap {display: inline-block; margin: 36px auto; left: auto !important; text-align: left; width: 80%; padding: 12px;}
.event-block-wrap a {float: none; max-width: 100%; margin-right: 0; display: inline-block;}
.event-block-wrap:nth-child(2n) a {float: none; max-width: 100%; margin-right: 0; display: inline-block;}
.event-block-wrap .event-description {float: none; width: 100%;}
.event-block-wrap:nth-child(2n) .event-description {float: none; width: 100%;}
.event-block-wrap-extended {display: inline-block; margin: 36px auto; left: auto !important; text-align: left;}
.event-block-wrap-extended .event-description {float: none; width: 100%; padding-left: 12px; padding-right: 12px;}
.event-block-wrap-extended .image-and-description {max-width: 100%; float: none; }
.event-block-wrap-extended .image-and-description a {display: inline-block; width: auto;}
.event-block-wrap-extended .image-and-description .image-wrapp-ext {margin: 0;}
.event-block-wrap-extended:nth-child(2n) .image-and-description .image-wrapp-ext {margin:0;}
.event-description h2 {margin-top: 36px;}
.event-block-wrap-extended:nth-child(2n) .event-description {float: none; width: 100%; padding-left: 12px; padding-right: 12px;}
.event-block-wrap-extended:nth-child(2n) .image-and-description {max-width: 100%; float: none; }
.event-block-wrap-extended:nth-child(2n) .image-and-description a {display: inline-block; width: auto;}
.event-block-wrap-extended .image-and-description p {position: static; width: 100%;}
.event-block-wrap-extended:nth-child(2n) .image-and-description p {position: static; width: 100%;}
.fotorama-nav-wrap-custom {position: relative; margin: 48px 0; bottom: auto;}
.fotorama__caption.fotorama__caption_overlay {display: none !important;}
.nav-thumb-wrap {background: #ededed;}

.responsive_nav {display: block; width: 50%; float: right; margin: 26px 12px;}
nav .navigation-panel {display: none;}
	}
/* -------------------------------------------------------------- */
/* --- REPSONSE 768px -------------------------------------------- */
/* -------------------------------------------------------------- */
@media screen and (max-width:992px) {
.container [class*="col-md"] {width: 100%;}
[class*="col-md"].sidebar {display: none;}
.parallax_banner_wrapper .banner_text_inner {display: none !important;}
.red-paralax-background .parallax-undercaption {font-size: 0px;}
.event-block-wrap a, .event-block-wrap a img, .event-block-wrap-extended a .image-wrapp-ext img {max-width: auto; width: 100%;}
.event-block-wrap-extended p {padding-top: 12px;}

.blog-post-wrapper .comments-wrapper, .blog-post-wrapper .date-posted-wrap {float: left; margin-top: 0!important; margin-bottom: 12px; margin-right: 12px;}
}
/* -------------------------------------------------------------- */
/* --- REPSONSE 440px ------------------------------------------- */
/* -------------------------------------------------------------- */
@media screen and (max-width:768px) {
footer .container > * {float: none !important; text-align: center;}
.footer_nav_solid li {float: none; display: inline-block;}
.comment_form_wrapper input.input_field:first-child {margin-bottom:12px;}
.comment_form_wrapper input.input_field {width: 100%; float: none;}
.square-portfolio li {width: 50%;}
.event-block-wrap-extended .image-and-description a {width: 100%;}
.event-block-wrap-extended:nth-child(2n) .image-and-description a {width: 100%;}
.table-cell.position-name-wrap, .table-cell.image-round-wrap, .table-cell.description {display: inline-block; width: 100%; text-align: center;}
}
/* -------------------------------------------------------------- */
/* --- REPSONSE 300px ------------------------------------------- */
/* -------------------------------------------------------------- */

@media screen and (max-width:440px) {
.square-portfolio li {width: 100%;}
}