/* RESPONSIVE SUPPORT MENU
----------------------------------------------- */
@media only screen and (max-width: 60em) {
	.nav-open {
		display: block;
		text-align: center;
		}
	#main-navigation:target > .nav-open {
		display: none;
		}
	#main-navigation:target > .nav-close {
		display: block;
		text-align: center;
		}
	#main-navigation > .sf-menu {
		position: relative;
		text-align: left;
		}
	#main-navigation > .sf-menu > ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-height: 0;
		max-width: 16em;
		overflow: hidden;
		background: #333;
		}
	#main-navigation:target > .sf-menu > ul {
		max-height: 400px;
		}
	#main-navigation > .sf-menu > ul > li {
		float: none;
		display: block;
		border-bottom: 1px dotted #565656;
		}
	#main-navigation > .sf-menu > ul > li:after {
		display: none;
		}
	#main-navigation li a {
		float: none;
		display: block;
		color: #fff;
		}
	}

/* RESPONSIVE SUPPORT
----------------------------------------------- */

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

       .block-19 .box { width: 23%; }

}

@media screen and (max-width: 991px) {
	.container {
		width: 90% !important;
		}
        #masthead .col-md-3 { text-align: center; }

        #main-navigation { padding: 5px 0 5px 0; }

        .sf-menu li { float: none;
            display: inline-block; }

        #main-navigation .sf-menu { text-align: center; }

        .block-1 .box { max-width: 159px; }

        .block-3 .box { width: 31%;
             margin: 40px auto;
             display: block; }

        .block-3 .box p{ text-align: center; }

        .block-4 .i-col { padding: 49px 0px 40px 0px;
             text-align: center; }

        .block-4 .i-col h2 { background-position: bottom center; }

        .block-4 .link { margin: 125px auto 2px auto; }

        .block-4 img { margin: 0px auto 30px auto;
             display: block; }

        .block-2 { background-size: cover; }

        .block-19 .box { width: 100%;
             max-width: 100%;
             margin: 15px 0px 40px 0px; }

        .block-17 .box { width: 30%; }

        .block-24 .container{ width: 100% !important; }

        .block-24 .row-eq-height { display: block;
             overflow: hidden; }

        .block-24 .box { width: 101%; }

        .block-24 .box p { margin: 17px 20px 114px 20px; }

        .box-gall{ width: 28%; }
}

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

	.site-content {
		/*margin-right: 40%;*/
		}
	.site-sidebar {
		/*width: 35%;
		margin-left: -35%;*/
		}
	.site-sidebar .widget_search .search-field {
		width: 95%;
		margin: 0 0 10px;
		}
	.site-extra .widget-area {
		width: 100%;
		}
        #main-navigation { padding: 18px 0 20px 0; }
 
        .block-1 .box { max-width: 100%; 
                margin: 30px 0; }

        .block-2 .media { display: block;
              width: 100%;
              max-width: 100%;
              margin: 22px 0px 6px 0px; }

        #select select{ display: block; }

}

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

        .box-gall{ width: 100%;
           text-align: center; }

        .box-gall img{ max-width: 100% !important;
             height: auto; }

        p br{ display:none; }

        .block-20 .box { padding: 32px 10px 26px 10px; }

        .block-20 h2 { padding: 0 20px; }

        .block-17 .box { width: 100%; }

        .block-15 h2 { font-size: 40px;
           line-height: 35px; }

        .block-15 p { line-height: 20px;
           margin: 10px 0 0 0; }

        .block-6 h2 { font-size: 40px;
           margin: 0 0 20px 0; }

        .block-6 p { line-height: 20px; }

        .block-23 h1 { font-size: 40px; }

        .block-2  .media-body{ width: 100%;
           padding: 0px;
           display: block; }

        .block-3 .box { width: 100%; }

        .block-2 .media h4 { text-align: center; }

        .block-2 .media p { text-align: center;
             font-size: 11.5px;
             color: #fff;
             margin: 0px 0px 0px 0px; }

        .block-2 .media>.pull-left { margin: 20px auto;
             display: block;
             float: none !important;
             text-align: center; }

	.site-content.col-md-8, .side-bar.col-md-4{
		width: 100%;
		}

	.site-header .widget-area {
		display: none;
		}
	.site-header .site-branding {
		float: none;
		text-align: center;
		}
	.content-area {
		float: none;
		}
	.site-content {
		margin: 0;
		}
	.entry-thumbnail {
		float: none;
		margin: 0 auto 15px;
		}
	.entry-summary {
		margin-left: 0;
		}
	.site-sidebar {
		width: auto;
		float: none;
		margin: 20px 0 0;
		}
	.site-extra .widget-area {
		width: 100%;
		}
	}
@media screen and (max-width: 480px) {

        p br{ display:none; }

	.site-footer {
		text-align: center;
		}
	.site-footer .site-info,
	.site-footer .site-credit {
		float: none;
		}
	}
@media screen and (max-width: 320px) {
	}