@charset "utf-8";

/*Tablet landscape*/
@media (min-width: 769px) and (max-width: 1064px) {
	.header,
	.inner,
	.innerslide,
	.bottom,
	#wrapper ,
	#singlewrap{
		width:100%;
		position:relative;
		}
		
	
	
	h1.site-title{
		left:30px;
		}
	#menubar {
		right:30px;
		}
		
	#menubar li a, #menubar li a:link, #menubar li a:visited{
		padding:0 14px;
		font-size:14px;
		}
	
	img.imgright{
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
    	vertical-align: bottom;
		}
		
	img.imgleft{
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
    	vertical-align: bottom;
		}
	
	img.topleft	{
		left:80px;
		top:105px;
		display:none;
		}
		
	.textleft{
		width:78%;
		left:80px;
		display:none;
		}
		
	.textright{
		width:78%;
		right:80px;
		display:none;
		text-align:right;
		}	
		
	.social_icon{
		margin-left:30px;
		}
	
	.topsearch{
		right:30px;
	}
	
	#homewrapper{
	margin-top:20px;}
	
	#content{
		width:68%;
		margin-left:10px;
		}
	
	#sidebar{
		width:28%;
		margin-right:10px;
		}
		
 
	#sidebar input{
		max-width:94%;
		}
		
	#fb-root {
    display: none;
	}
	
	/* To fill the container and nothing else */
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	
	.postin img{
		max-width:100%;
		height:auto;
		}
		
	#bottom .widget{
 	 
	width:28%;
	margin:0 20px 20px 20px;
	vertical-align:top;
	}
}


/*Small tablet landscape*/
@media (min-width: 601px) and (max-width: 768px) {
	
	.header,
	.inner,
	.innerslide,
	.bottom,
	#wrapper ,
	#singlewrap{
		width:100%;
		position:relative;
		}
	
	h1.site-title{
		left:30px;
		}
		
	.top_social{
		display:none;
		}
		
	#menubar {
		right:30px;
		}
		
	#menubar li a, #menubar li a:link, #menubar li a:visited{
		padding:0 14px;
		font-size:14px;
		}
		
	.bxslider, .bxslider li {
		height:450px;
		}
	
	img.topleft	{
		left:80px;
		top:105px;
		display:none;
		}
		
	.textleft{
		width:78%;
		left:80px;
		display:none;
		}
		
	.textright{
		width:78%;
		right:80px;
		display:none;
		text-align:right;
		}
		
	.social_icon{
		margin-left:30px;
		}
	
	.topsearch{
		right:30px;
	}
	
	#homewrapper{
	margin-top:20px;}
	
	#content{
 
 		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		width:90%;
		}
	
	#sidebar{
		width:100%;
		 
		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		}
		
	#sidebar .widget{
		width:39.5%;
		display:inline-block;
		margin:20px 30px;
		}
		
	#sidebar input{
		max-width:94%;
		}
		
	.optin{
		margin:0 30px;
		border:5px solid #6B8E16;
		}
		
	.optin .widget{
		width:100%;
		}
		
	.optin input[type=text]{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	.optin label{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	#fb-root {
    display: none;
	}
	
	/* To fill the container and nothing else */
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	
	.postin img{
		max-width:100%;
		height:auto;
		}
	#bottom {
		padding:30px 0;
		margin:20px auto 0 auto;
		}	
	#bottom .widget{
 	 
	width:86%;
	margin:0px auto 30px auto;
	vertical-align:top;
	display:block;
	float:none;
	}	
 
 	#menubar select {
       display: block;
	   background: transparent;
	   width: 63px;
	   padding: 5px;
	   font-size: 16px;
	   line-height: 1;
	   border: 0;
	   border-radius: 0;
	   height: 34px;
	   -webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	   direction: rtl;
 		text-indent: -999999px;
       text-overflow: '';
	   z-index:40;
	   border:none !important;
	   
    }
 
	
	#menubar select option{
		padding:10px;
		margin:0 0 0 -16px;
		width:280px;
	   text-align:left;
	   text-indent: -10px;
 	   overflow:hidden;
	   border: none;
	   background:url(images/list_line.jpg) bottom repeat-x;   
		
		}
	
	 #menubar  {
	   width: 33px;
	   height: 34px;
	   overflow: hidden;
	   background: url(images/down_arrow_select.jpg) no-repeat right #D1CFD0;
	   border: 1px solid #F15D39;
	   position:absolute;
	   top:30px;
	  
	   }
	
    #menubar ul {
        display: none;
    }
 
}

/*Small tablet portrait */
@media (min-width: 481px) and (max-width: 600px) {
	
	.header,
	.inner,
	.innerslide,
	.bottom,
	#wrapper ,
	#singlewrap{
		width:100%;
		position:relative;
		}
		
		.top_social{
		display:none;
		}
	
	h1.site-title{
		left:30px;
		}
	#menubar {
		right:30px;
		}
		
	#menubar li a, #menubar li a:link, #menubar li a:visited{
		padding:0 14px;
		font-size:14px;
		}
		
	.bxslider, .bxslider li {
		height:400px;
		}
	
	img.topleft	{
		left:80px;
		top:105px;
		display:none;
		}
		
	.textleft{
		width:78%;
		left:80px;
		display:none;
		}
		
	.textright{
		width:78%;
		right:80px;
		display:none;
		text-align:right;
		}
		
	.social_icon{
		margin-left:30px;
		}
	
	.topsearch{
		right:30px;
	}
	
	#homewrapper{
	margin-top:20px;}
	
	#content{
 
 		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		width:90%;
		}
	
	#sidebar{
		width:100%;
		 
		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		}
		
	#sidebar .widget{
		width:86%;
		margin:0px auto 30px auto;
		vertical-align:top;
		display:block;
		float:none;
		}
		
	#sidebar input{
		max-width:94%;
		}
		
	.optin{
		margin:0 30px 30px 30px;
		border:5px solid #6B8E16;
		}
		
	.optin .widget{
		width:100%;
		}
		
	.optin input[type=text]{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	.optin label{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	#fb-root {
    display: none;
	}
	
	/* To fill the container and nothing else */
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	
	.postin img{
		max-width:100%;
		height:auto;
		}
	#bottom {
		padding:30px 0;
		margin:20px auto 0 auto;
		}	
	#bottom .widget{
 	 
	width:86%;
	margin:0px auto 30px auto;
	vertical-align:top;
	display:block;
	float:none;
	}	
	
	#menubar select {
       display: block;
	   background: transparent;
	   width: 63px;
	   padding: 5px;
	   font-size: 16px;
	   line-height: 1;
	   border: 0;
	   border-radius: 0;
	   height: 34px;
	   -webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	   direction: rtl;
 		text-indent: -999999px;
       text-overflow: '';
	   z-index:40;
	   border:none !important;
	   
    }
 
	
	#menubar select option{
		padding:10px;
		margin:0 0 0 -16px;
		width:280px;
	   text-align:left;
	   text-indent: -10px;
 	   overflow:hidden;
	   border: none;
	   background:url(images/list_line.jpg) bottom repeat-x;   
		
		}
	
	 #menubar  {
	   width: 33px;
	   height: 34px;
	   overflow: hidden;
	   background: url(images/down_arrow_select.jpg) no-repeat right #D1CFD0;
	   border: 1px solid #F15D39;
	   position:absolute;
	   top:30px;
	  
	   }
	   
    #menubar ul {
        display: none;
    }
	
	.greybar{
	
	height:100px;
 
 
	}
	
	.social_icon{
		float:none !important;
		display:block!important;
		clear:both!important;
		margin:0 auto !important;
		width:160px;
		position:none;
		}
	
	.topsearch{
	position:none!important;
	display:block!important;
	clear:both!important;
	margin:45px auto 0 auto !important;
	width:90%;
	}
	
	 .topsearch form input[type=text], 
	.topsearch form input[type=search]{
		border:none;
		background:none;
		margin:4px;
		padding:4px 6px;
		width:86%;
		}
		
	.topsearch form input[type=button],
	.topsearch form input[type=submit],
	.topsearch form button{
		display:block;
		float:right;
		margin:10px 10px 0 0;		
		}
}

/*Mobile landscape */
@media (min-width: 321px) and (max-width: 480px) {
	
	.header,
	.inner,
	.innerslide,
	.bottom,
	#wrapper ,
	#singlewrap{
		width:100%;
		position:relative;
		}
		
		.top_social{
		display:none;
		}
		
	.logo{
	 
		height:82px;
		max-height:90%;
		max-width:80%;
 		margin:0 auto 0 auto;
		}
		
	h1.site-title{
		left:30px;
		}
	#menubar {
		right:30px;
		}
		
	#menubar li a, #menubar li a:link, #menubar li a:visited{
		padding:0 14px;
		font-size:14px;
		}
	.bxslider, .bxslider li {
		height:300px;
		}
		
	img.topleft	{
		left:80px;
		top:105px;
		display:none;
		}
		
	.textleft{
		width:78%;
		left:80px;
		display:none;
		}
		
	.textright{
		width:78%;
		right:80px;
		display:none;
		text-align:right;
		}
		
	.social_icon{
		margin-left:30px;
		}
	
	.topsearch{
		right:30px;
	}
	
	#homewrapper{
	margin-top:20px;}
	
	#content{
 
 		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		width:90%;
		}
	
	#sidebar{
		width:100%;
		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		}
		
	#sidebar .widget{
	width:86%;
	margin:0px auto 30px auto;
	vertical-align:top;
	display:block;
	float:none;
		}
		
	#sidebar input{
		max-width:94%;
		}
		
	.optin{
		margin:0 30px 20px 30px;
		border:5px solid #6B8E16;
		}
		
	.optin .widget{
		width:100%;
		}
		
	.optin input[type=text]{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	.optin label{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	#fb-root {
    display: none;
	}
	
	/* To fill the container and nothing else */
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	
	.postin img{
		max-width:100%;
		height:auto;
		}
	#bottom {
		padding:30px 0;
		margin:20px auto 0 auto;
		}	
	#bottom .widget{
 	 
	width:86%;
	margin:0px auto 30px auto;
	vertical-align:top;
	display:block;
	float:none;
	}	
	
	#menubar select {
       display: block;
	   background: transparent;
	   width: 63px;
	   padding: 5px;
	   font-size: 16px;
	   line-height: 1;
	   border: 0;
	   border-radius: 0;
	   height: 34px;
	   -webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	   direction: rtl;
 		text-indent: -999999px;
       text-overflow: '';
	   z-index:40;
	   border:none !important;
	   
    }
 
	
	#menubar select option{
		padding:10px;
		margin:0 0 0 -16px;
		width:280px;
	   text-align:left;
	   text-indent: -10px;
 	   overflow:hidden;
	   border: none;
	   background:url(images/list_line.jpg) bottom repeat-x;   
		
		}
	
	 #menubar  {
	   width: 33px;
	   height: 34px;
	   overflow: hidden;
	   background: url(images/down_arrow_select.jpg) no-repeat right #D1CFD0;
	   border: 1px solid #F15D39;
	   position:absolute;
	   top:30px;
	  
	   }
	   
    #menubar ul {
        display: none;
    }
	
	.greybar{
	
	height:100px;
 
 
	}
	
	.social_icon{
		float:none !important;
		display:block!important;
		clear:both!important;
		margin:0 auto !important;
		width:160px;
		position:none;
		}
	
	.topsearch{
	position:none!important;
	display:block!important;
	clear:both!important;
	margin:45px auto 0 auto !important;
	width:90%;
	}
	
	 .topsearch form input[type=text], 
	.topsearch form input[type=search]{
		border:none;
		background:none;
		margin:4px;
		padding:4px 6px;
		width:80%;
		}
		
	.topsearch form input[type=button],
	.topsearch form input[type=submit],
	.topsearch form button{
		display:block;
		float:right;
		margin:10px 10px 0 0;		
		}
	
}

/*Mobile portrait  */
@media (max-width: 320px) {
	 
	.header,
	.inner,
	.innerslide,
	.bottom,
	#wrapper ,
	#singlewrap{
		width:100%;
		position:relative;
		}
		
		.top_social{
		display:none;
		}
	
	h1.site-title{
		left:30px;
		}
		
	.logo{
		width:90%;
		height:auto;
		margin:16px auto 0 auto;
		}
		
	#menubar {
		right:30px;
		display:none;
		}
		
	#menubar li a, #menubar li a:link, #menubar li a:visited{
		padding:0 14px;
		font-size:14px;
		}
		
	.bxslider, .bxslider li {
		height:300px;
		}
		
	img.topleft	{
		left:80px;
		top:105px;
		display:none;
		}
		
	.textleft{
		width:78%;
		left:80px;
		display:none;
		}
		
	.textright{
		width:78%;
		right:80px;
		display:none;
		text-align:right;
		}
		
	.social_icon{
		margin-left:30px;
		}
	
	.topsearch{
		right:30px;
	}
	
	#homewrapper{
	margin-top:20px;}
	
	#content{
 
 		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		width:90%;
		}
	
	#sidebar{
		width:100%;
		 
		float:none;
		clear:both;
		display:block;
		margin: 0 auto;
		}
		
	#sidebar .widget{
	width:86%;
	margin:0px auto 30px auto;
	vertical-align:top;
	display:block;
	float:none;
		}
		
	#sidebar input{
		max-width:94%;
		}
		
	.optin{
		margin:0 30px 20px 30px;
		border:5px solid #6B8E16;
		}
		
	.optin .widget{
		width:100%;
		}
		
	.optin input[type=text]{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	.optin label{
		width:90%;
		display:block;
		margin:10px auto;
		}
		
	#fb-root {
    display: none;
	}
	
	/* To fill the container and nothing else */
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	
	.postin img{
		max-width:100%;
		height:auto;
		}
	#bottom {
		padding:30px 0;
		margin:20px auto 0 auto;
		}	
	#bottom .widget{
 	 
	width:86%;
	margin:0px auto 30px auto;
	vertical-align:top;
	display:block;
	float:none;
	}	
	
	#menubar select {
        display: block;
		background: transparent;
	   width: 63px;
	   padding: 5px;
	   font-size: 16px;
	   line-height: 1;
	   border: 0;
	   border-radius: 0;
	   height: 34px;
	   -webkit-appearance: none;
    }
	
	 #menubar  {
	   width: 33px;
	   height: 34px;
	   overflow: hidden;
	   background: url(images/down_arrow_select.jpg) no-repeat right #ddd;
	   border: 1px solid #F15D39;
	   position:absolute;
	   top:30px;
	   right:30px;
	   }
	   
    #menubar ul {
        display: none;
    }

	.social_icon{
		float:none !important;
		display:block!important;
		clear:both!important;
		margin:0 auto !important;
		width:160px;
		position:none;
		}
	
	.topsearch{
	position:none!important;
	display:none!important;
	clear:both!important;
	margin:45px 0 0 20px!important;
	width:90%;
	}
	
	 .topsearch form input[type=text], 
	.topsearch form input[type=search]{
		border:none;
		background:none;
		margin:4px;
		padding:4px 6px;
		width:80%;
		}
		
	.topsearch form input[type=button],
	.topsearch form input[type=submit],
	.topsearch form button{
		display:block;
		float:right;
		margin:10px 10px 0 0;		
		}
	
}