/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */


@media only screen and (min-width: 1680px) {
	
.abs_inner { 
	width:570px; margin:-10px 75px; max-width:97%;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1679px) {
	
	
.abs_inner {
	width: 570px;
	margin: 170px 75px;
	max-width: 97%;
}

.abs_sldertext h4 {
	background: url(../images/transparentsliderback.png) left top;
	font-size: 21px;
	color: #fff;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 2px;
	padding: 6px 16px;
}

}


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

.abs_inner { 
	width:570px; margin:170px 75px; max-width:97%;
}

.abs_sldertext h4 {
	background: url(../images/transparentsliderback.png) left top;
	font-size: 21px;
	color: #fff;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 2px;
	padding: 6px 16px;
}


}


@media only screen and (max-width: 1279px) {
	
.banner_inner img { width:auto !important; max-width:inherit;}

}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.search_box input[type="text"], .search_box input[type="search"] { width:90%; padding:0 5%; margin-bottom:10px;}
	.search_box input[type="submit"] { width:100%;  margin-bottom:10px; }
	.event_second .post_desc { float:left; margin-top:20px; width:100%;} 
	
	.nav ul li a			{ font-size:14px; padding:14px 11px 14px 36px;}
	.heade_bottom .logo	{ 
		width:20%; 
		/*margin-left:0; 
		left:36%;*/
		margin-left: auto;
		margin-right: auto;
	}

	.right_nav
	{
		margin-left:180px;
	}



	.abs_inner { 
		width:570px; margin:170px 75px; max-width:97%;
	}

	.abs_sldertext h4 {
		background: url(../images/transparentsliderback.png) left top;
		font-size: 21px;
		color: #fff;
		line-height: 30px;
		font-weight: normal;
		margin-bottom: 2px;
		padding: 6px 16px;
	}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	



}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.right_nav
{
margin-left: 143px;
}
.left_menu {
    margin-right: 190px;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.mobile_meu				{ display:block;}
	.heade_bottom .nav		{ display:none;}
	.header					{ margin-top:0px; position:relative; top: 0!important; background:url("https://ilovelakemac.com/wp-content/uploads/2023/12/header-bg-mobile.png") no-repeat center bottom; background-size:cover;}
	.heade_top 				{ display:none;}
	.flexslider				{ margin-top:-65px !important;}
	.footer_bottom	.footbox1,  .footer_bottom	.footbox2  , .footer_bottom	.footbox3  { text-align:center; margin-bottom:25px;}
	.foot_social li	{ float:none; display:inline-block;}
	.event_first { padding-top:40px;}
	
	.event_second .post_desc { float:left;  padding-bottom:30px;}
	a.post_img 		{ margin-right:20px; margin-bottom:20px; }
	.footer_top ul { text-align:center;}
	.footer_top ul li , .footer_top .footnav_inner ul li{ margin-bottom:10px; float:none; display:inline-block; }

.footer_top .copy_inner { float:none; text-align:center;}
	.heade_bottom .logo  { margin-left:-80px; left:50%; width:150px; top:15px;}
	.heade_bottom .logo a { display:block;}
	
	.banner_inner { display:none;}
	.expl_box 	{ padding-top:80px; margin-top:-40px;}
	
	.main_content				{ background: #FDE9DC;}
	.inner_temp					{ background: #FDE9DC;}
	.mobile_meu					{ background:#EC6400;}
	.mobile_meu.nav ul			{ background:#EC6400;}
	.expl_box					{ background:#EC6400;}
	
	
	.abs_inner { 
	width:570px; margin:80px 16px; max-width:97%;
}
.left_menu {
margin-right: 0px;
}
.abs_sldertext h4 {
	background: url(../images/transparentsliderback.png) left top;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 2px;
	padding: 6px 16px;
}

	
	
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	.round_container ul li { width:50% !important; margin-bottom:30px !important;}
}

	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */


@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 639px) {
	.heade_top			 { padding-bottom:20px;}

	.heade_bottom .logo a img { width:100%; height:auto; margin-top:-20px;}
	
	.expl_box h1		{ text-align:center; float:none; clear:both; padding-bottom:10px; margin:0; padding-top:40px;}
	.inner_soc			 { float:left !important; text-align:center;width:100%;}
	.inner_soc ul li a	{ margin:0; margin:0 5px;}
	.inner_soc ul li 	{ display:inline-block;}
	.left_menu 			{	margin-right: 0px;}
}

@media only screen and (max-width: 479px) {
	.heade_bottom .logo { }
	.abs_sldertext h4 { font-size:15px; line-height:20px;}
	.abs_sldertext span { font-size:13px;}
	.orange_box { height:12px;}
	.heade_top {padding-bottom: 4px;}
	.left_menu {margin-right: 0px;}

.heade_top .cloud_list a span { font-size:17px;}
.event_second .post_desc { width:100%;}
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/