/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	.arc_image_top, .arc_image_bottom {
    min-width: 100%;
    height: 60px;
}

	.inside .header {
    position: relative;
    height: 175px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(/templates/images/lake-erie-avon-lake-inside.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom: 15px;
}

	.container{
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
		overflow:hidden;
	}
	.inner_container{
		padding-left:10px;
		padding-right:10px;
	}
	.footer{
		padding-left:10px;
		padding-right:10px;
	}
	.navbar {
		padding:0px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		position:relative;
	}
	.navbar .navbar-collapse{
		position:absolute;
		top:0px;
		right:0px;
		width:80%;
		border:1px solid #E7E7E7;
		text-align:left;
	}
	.ml-auto{
		margin-left:0px !important;
	}
	.mr-auto{
		margin-right:0px !important;
	}
	.navbar .nav-item{
		margin:0px 0px;
	}
	.navbar .nav-item:first-child{
		padding-left:0px;
	}
	.navbar .nav-item:last-child{
		padding-right:0px;
	}
	.navbar .navbar-nav{
		background:#FFFFFF;
		padding-top:35px;
	}
	.navbar .nav-link{
		color:#231f20;
		border-top:1px solid #EAEAEA;
		padding:5px 15px;
		font-weight:400;
		position:relative;
	}
	.navbar .nav-link:after{
		content:"\f105";
		font:24px FontAwesome;
		color:#231f20;
		position:absolute;
		top:2.5px;
		right:15px;
		transition:all 0.2s ease-in;
	}
	.navbar .dropdown.show .nav-link:after{
		transform:rotate(90deg);
	}
	.navbar .nav-item:first-child .nav-link{
		border-top:2px solid #E7E7E7;
	}
	.navbar .nav-item:last-child .nav-link{
		border-bottom:2px solid #E7E7E7;
	}
	.navbar .nav-item:first-child .nav-link{
		padding-left:15px;
	}
	.navbar .nav-item:last-child .nav-link{
		padding-right:15px;
	}
	.navbar-togglerr{
		display:block;
		position:absolute;
		top:12.5px;
		right:12.5px;
		z-index:99999;
	}
	.animated-icon2.open{
		width:18px;
		height:2px;
		top:-7.5px;
	}
	.animated-icon2.open span {
		background: #231f20;
	}
	.animated-icon3.open{
		width:18px;
		height:2px;
		/*top:-7.5px;*/
	}
	.animated-icon3.open span {
		background: #231f20;
		margin-top: -20.5px;
	}	
	.header .dropdown {
		
	}
	.header .dropdown-menu {
		padding: 0px 15px;		
		width: 100%;
		border: 1px solid #EAEAEA;
		border-radius: 0;
		margin: 0;
		top: 38px;
		background: #FFFFFF;
		box-shadow: none;
	}
	.header .dropdown-menu:before{
		display:none;
	}
	
	.social_desktop{
		display:none;
	}
	.social_mobile{
		display:block;
		border-bottom:1px solid #E7E7E7;
	}
	.header .top .default_logo img {
		max-width: 120px;
		margin-left: 0px;
	}
	.header{
		height:310px;
		/*padding-bottom:10px;*/
	}
	.header .bottom .action_buttons .single_action{
		margin:1%;
	}
	.header .bottom .action_buttons .single_action img {
		max-width: 55px;
	}
	.header .bottom .action_buttons .single_action h6{
		font-size:13px;
	}
	.header .top .default_logo{
		top:10px;
	}
	
	.calender_news .news_part {
		border-left:none;
		padding-left: 0px;
		min-height: inherit;
		margin-top:20px;
	}
	.videos_wrapper .title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0%;
		margin-bottom:0px;
	}
	.videos_wrapper .videos_slider {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer{
		max-width:380px;
	}
	.footer .single_part {
		margin:15px 0px;
	}
	.footer .col-6:nth-child(1){
		order:1;
	}
	.footer .col-6:nth-child(4){
		order:2;
	}
	.calender_news .calender_part .calender_main h1{
		font-size:28px;
		margin-bottom:5px;
	}
	.header .bottom .action_buttons .single_action img {
		max-width: 55px;
	}
	.calender_news {
		padding: 10px 0px;
	}
	.calender_news .calender_part .calender_main .top_action ul li a{
		font-size:18px;
	}
/*	.calender_news .calender_part .calender_main .top_action ul li a::before {
		content: "\f10c";
		font: 18px FontAwesome;
		color: #231f20;
		position: absolute;
		left: 0px;
		top: 3px;
	}
	*/
	div.zabuto_calendar .table td,
	div.zabuto_calendar .table th {
		padding: 2.5px;
		vertical-align: top;
		border-top: none;
		color: #231f20;
		font-family: 'PT Sans', sans-serif;
		font-weight: 400;
		font-size: 18px;
		text-transform: uppercase;
	}
	div.zabuto_calendar div.calendar-month-navigation {
		padding-top: 3.5px;
	}
	div.zabuto_calendar .table tr.calendar-month-header td {
		padding: 5px 0px;
	}
	.calender_news .calendar_highlights {
		margin-top: 10px;
	}
	.highlights_wrap .single_wrap .left_info{
		padding:5px;
	}
	.highlights_wrap .single_wrap .left_info .date_time h5{
		font-size:14px;
	}
	.highlights_wrap .single_wrap .left_info .title h6{
		font-size:12px;
		margin:2.5px 0px;
	}
	.highlights_wrap .single_wrap .left_info ul li a{
		font-size:12px;
	}
	.highlights_wrap .single_wrap .left_info ul li::before {
		content: "\f111";
		color: #FFFFFF;
		font: 7px FontAwesome;
		position: absolute;
		left: 0px;
		top: 9.5px;
	}
	.highlights_wrap .single_wrap .left_info ul li {
		padding-left: 15px;
		height:16px;
	}
	.calender_news .calendar_highlights h3{
		font-size:28px;
	}
	.calender_news .news_part h1{
		margin-bottom:0px;
		font-size:28px;
	}
	.calender_news .news_part .single_news {
		margin: 10px 0px;
	}
	.calender_news .news_part .single_news h6{
		font-size:18px;
	}
	.calender_news .news_part .single_news p{
		font-size:16px;
	}
	.video_inner{
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	.videos_wrapper{
		padding:10px 15px;
		margin-bottom:10px;
	}
	.videos_wrapper .title h1 {
		font-size: 28px;
		margin-bottom: 5px;
		padding-left: 5px;
	}
	.videos_wrapper .videos_slider h6{
		font-size:16px;
	}
	.social_mobile ul li img {
		width: 20px;
	}
	.calendar_maiin_wrap .list_calendar .calendar_header ul li{
		font-size:20px;
	}
	.calendar_maiin_wrap .list_calendar .calendar_header ul{
		padding:5px 0px;
		margin-bottom:5px;
	}
	.calendar_maiin_wrap .list_calendar .calendar_header ul li img {
		margin-top: -3px;
	}
	.calendar_maiin_wrap .list_calendar .single_day h6{
		font-size:16px;
	}
	.calendar_maiin_wrap .list_calendar .single_day ul li{
		font-size:16px;
	}
	.footer{
		padding-bottom:30px;
	}
	
}
@media (max-width: 767.98px) {
	.home_arc {
	position:fixed !important;
	top: 0px !important;
}



.header .dropdown-menu::before, .header2 .dropdown-menu::before {
	display:none;
}



#citylogo {
	max-width:100px;
}

}

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.arc_image_top, .arc_image_bottom {
    min-width: 100%;
    height: 60px;
}


.inside .header {
    position: relative;
    height: 175px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(/templates/images/lake-erie-avon-lake-inside.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom: 15px;
}

	.container{
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
		overflow:hidden;
	}
	.inner_container{
		padding-left:10px;
		padding-right:10px;
	}
	.footer{
		padding-left:10px;
		padding-right:10px;
	}
	.navbar{
		padding:0px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		position:relative;
	}
	.navbar .navbar-collapse{
		position:absolute;
		top:0px;
		right:0px;
		width:80%;
		border:1px solid #E7E7E7;
		text-align: left;
	}
	.ml-auto{
		margin-left:0px !important;
	}
	.mr-auto{
		margin-right:0px !important;
	}
	.navbar .nav-item{
		margin:0px 0px;
	}
	.navbar .nav-item:first-child{
		padding-left:0px;
	}
	.navbar .nav-item:last-child{
		padding-right:0px;
	}
	.navbar .navbar-nav{
		background:#FFFFFF;
		padding-top:35px;
	}
	.navbar .nav-link{
		color:#231f20;
		border-top:1px solid #EAEAEA;
		padding:5px 15px;
		font-weight:400;
		position:relative;
	}
	.navbar .nav-link:after{
		content:"\f105";
		font:24px FontAwesome;
		color:#231f20;
		position:absolute;
		top:2.5px;
		right:15px;
		transition:all 0.2s ease-in;
	}
	.navbar .dropdown.show .nav-link:after{
		transform:rotate(90deg);
	}
	.navbar .nav-item:first-child .nav-link{
		border-top:2px solid #E7E7E7;
	}
	.navbar .nav-item:last-child .nav-link{
		border-bottom:2px solid #E7E7E7;
	}
	.navbar .nav-item:first-child .nav-link{
		padding-left:15px;
	}
	.navbar .nav-item:last-child .nav-link{
		padding-right:15px;
	}
	.navbar-togglerr{
		display:block;
		position:absolute;
		top:12.5px;
		right:12.5px;
		z-index:99999;
	}
	.animated-icon2.open{
		width:18px;
		height:2px;
		top:-7.5px;
	}
	.animated-icon2.open span {
		background: #231f20;
	}
	.animated-icon3.open{
		width:18px;
		height:2px;
		/*top:-7.5px;*/
	}
	.animated-icon3.open span {
		background: #231f20;
		margin-top: -20.5px;
	}	
	.header .dropdown {
		
	}
	.header .dropdown-menu {
		padding: 0px 15px;		
		width: 100%;
		border: 1px solid #EAEAEA;
		border-radius: 0;
		margin: 0;
		top: 38px;
		background: #FFFFFF;
		box-shadow: none;
	}
	.header .dropdown-menu:before{
		display:none;
	}
	
	.social_desktop{
		display:none;
	}
	.social_mobile{
		display:block;
		border-bottom:1px solid #E7E7E7;
	}
	.header .top .default_logo img {
		max-width: 120px;
		margin-left: 0px;
	}
	.header{
		height:360px;
		/*padding-bottom:10px;*/
	}

	.header .bottom .action_buttons .single_action h6{
		font-size:13px;
	}
	.header .bottom .action_buttons .single_action img{
		max-width:75px;
	}
	.header .top .default_logo{
		top:10px;
	}
	
	.calender_news .news_part {
		border-left:none;
		padding-left: 0px;
		min-height: inherit;
		margin-top:20px;
	}
	.videos_wrapper .title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0%;
		margin-bottom:0px;
	}
	.videos_wrapper .videos_slider {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer{
		max-width:380px;
	}
	.footer .single_part {
		margin:15px 0px;
	}
	.footer .col-6:nth-child(1){
		order:1;
	}
	.footer .col-6:nth-child(4){
		order:2;
	}
	.calender_news .calender_part .calender_main h1{
		font-size:34px;
	}
	.video_inner{
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	
}

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.container{
		max-width:100%;
		padding-left:0px;
		padding-right:0px;
		overflow:hidden;
	}
	.inner_container{
		padding-left:10px;
		padding-right:10px;
	}
	.footer{
		padding-left:10px;
		padding-right:10px;
	}
	.navbar{
		padding-left:10px;
		padding-right:10px;
	}
	.navbarinside {
		padding:0px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		position:relative;
	}
	.navbar .nav-item {
		margin: 0px 5px;
	}

	.navbar .nav-link{
		padding-left:5px !important;
		padding-right:5px !important;
		font-size:14px;
	}
	.header .top .default_logo img {
		max-width: 130px;
		margin-left: 40px;
	}
	.social_desktop{
		margin-top:160px;
	}
	.highlights_wrap .single_wrap .left_info .date_time h5{
		font-size:15px;
	}
	.highlights_wrap .single_wrap .left_info .title h6{
		font-size:12px;
	}
	.highlights_wrap .single_wrap .left_info ul li a{
		font-size:12px;
	}
	.videos_wrapper .videos_slider h6{
		font-size:16px;
	}
	.videos_wrapper .title h1{
		font-size:32px;
	}
	.calender_news .news_part .single_news h6{
		font-size:18px;
	}
	.calender_news .news_part .single_news p{
		font-size:16px;
	}
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.inner_container{
		padding-left:15px;
		padding-right:15px;
	}
	.navbar .nav-item:first-child .nav-link{
		padding-left:15px;
	}
	.navbar .nav-item:last-child .nav-link{
		padding-right:15px;
	}	
	.social_desktop{
		margin-top:160px;
	}
	
}

/*	Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {
	
	
}

@media (min-width: 1445px) {
	

}