/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {


body{
font-size: 80% !important;
line-height: 2 !important;
}
a {font-size: 90%;}

/* Start Mobile Menu Navigation - Only on .nav-primary
	 --------------------------------------------------- */
ul.nav-menu, ul.sub-menu {
list-style:none;
margin: -10px 0px 0px -12%;
width: 100%;
}
.nav-menu ul{
list-style:none;}
.menu-primary{
margin-right: 66px;}
#pronav-inner, .kon , .menu-primary.displaynone,#navigation {
		display: none;
	}

.nav-primary .nav-menu.menu-item{
display: none;
}
.nav-primary {
		text-align: center;
		background: #FFF;
	}

.nav-primary  img{
display:none;
}
.nav-primary #menu-mobile {
		background-color: #7EA8D3;
		color: #fff;
		cursor: pointer;
		display: block;
		font-family: Lato, sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
		height: auto;
		line-height: 18px;
		padding: 1.6rem 0.6rem;
		text-transform: uppercase;
	}
.nav-primary .nav-menu .menu-item{
border-top:1px solid #ddd;
padding:5px;
}
	.nav-primary #menu-mobile:hover,
	.nav-primary #menu-mobile:focus,
	.nav-primary #menu-mobile:active {
		background-color: #7EA8D3;
		color: #fff;
		display: block;
	}

	/* Only .nav-primary is mobile */
	.nav-primary .nav-menu .menu-item,
	.nav-primary .nav-menu a,
	.nav-primary .nav-menu .sub-menu {
		text-align: center;
		width: 100%;
	}
	.nav-primary .nav-menu .menu-item > .sub-menu {
		clear: both;
		margin: 12px 0px 0px -35px;
		opacity: 1;
		position: inherit;
		width: 100%;		
		left: -999em;
	}

#menu-mobile {
		background-color: #f5f5f5;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		cursor: pointer;
		display: inline-block;
		padding: 7px 3%;
	}

	#menu-mobile:hover {
		background-color: #fff;
	}

	.menu-primary.displaynone {
		display: none;
	}

.nav li:first-child a{
	margin-left:0;
}
.nav li:last-child  a{
	margin-right:0;
}
/* == INTERMEDIATE: IE Fixes == */
.nav ul li{
	display:inline;
}

.nav{
	width:100%;
}

#header #logo img,
#header #logo{
	width: 100% !important;
	}
h1.site-title a{
	font-size: 110%;
	}
#logo > h1 > a{
line-height:1;}	
/****************Content Area********************/
.post .thumbnail img{
	border: none !important;
	width: 100% !important;
	max-height: 100% !important;
	}
#content span.homecat {
  max-height: 136px;
  max-width: 35%;}
#content span.homecat a {
  font-size: 110%;
}

#author-bio {
	font-size: 10px;
	}
#content,
#pagecont {
	width:100% !important;
	font-size: 22px;
	line-height: 2;
	}
.postmeta_box {
	font-size: 18px !important;
	line-height: 2;
	}
#singlecontent .entry,
#pagecont .entry,
#post .entry {
	font-size: 100%;
}
.entry {
	font-size: 75%;
	line-height: 1.6;
	}
h1{
	font-size:15px;
	line-height: 2;
	}
h2.entry-title a{
	font-size:22px !important;
	color: #1FB6D3;
	}
#page{
	padding: 5px !important;
	margin: 0 !important;
	}
.post .thumbnail{
	float: none !important;
	}
h2 {
	font-size:14px;
	}
h3 {
	font-size:13px;
	}
	#commentform p {
	font-size:10px;
}
/**************Navigation***************/	
.wp-pagenavi{
	padding:5px;
	margin: 0px;
	}
#pagenavi a{
	padding: 5px; margin: 0px;}	
/**************Sidebar***************/	
.ltl{
	width: auto !important;
	}

#sidebar2 {
	width: 100% !important;
	font-size: 14px;
	line-height: 2;
	padding-left: 5px;}
#sidebar{
	width: 100% !important;
	font-size: 14px;
	line-height: 2;
	padding-left: 5px;}

/**********Footer***********/
#bottom-menu #bottom-menu-1,
#bottom-menu #bottom-menu-2,
#bottom-menu #bottom-menu-3,
#bottom-menu #bottom-menu-4{
	width:100%;
	margin-left: 10%;
	}

#footer-right {
	float: none !important;
	width: auto !important;
}
#footer-left{
	float: none !important;
	width: auto !important;
}

/****************Display None Content******************/
#banner-top,
.backtop,
.postmeta_box,
.pages,
.dots,
.readmore,
.nav select,
#TopMenuSocial,
.spicesocialwidget,
#pronav,
#ltpost,
#single-nav,
.kon
{display: none !important;}



}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.nav{
	width:100%;
}
.nav select {
	display: none;
}
body{
zoom: 1.2;
}
#header #logo{
float: none !important;
display: block !important;
text-align: center;
}

#navigation-inner{
width: 95% !important;
}
.latest-post{width: 28% !important;}
#top-menu{width:100% !important;}
#top-menu-inner{margin-top: 8px !important;}
#page{padding-left: 12px !important;}
#content{width: 100% !important;margin-right: 5% !important;}
#pagecont,#singlecontent{width: 94% !important;}
#banner-top, #TopMenuSocial, #sidebar{display:none !important;}
.postmeta_box{display:none !important;}
}


@media (max-width: 960px) {

#singlecontent{width: 100% !important;}
	.authmt{display: none;}
.imag{width: 95% !important;}

.ltl {
  width: auto !important;
}
#populars  img{  height: 100%;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.nav{
	width:100%;
}
.nav select {
	display: none;
}
}