/**
* @author    innothemes Team <support@innothemes.com>
* @copyright Copyright (C) 2012 innothemes.com. All Rights Reserved.
* @license   GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
				  SMARTPHONE LAYOUT (240 - 480)
=============================================================*/
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	#it-wrapper,
	#it-logo,
	#it-searchbox,
	#it-topmenu,
	#it-footermenu,
	#it-right-header,
	.it-social,
	.it-entry-content,
	.social-share,
	.timeline-entry,
	.row [class*="col-md-"] {
		width: 100%;
	}
	.row [class*="offset"],
	.row [class*="offset"][class*="col-md-"] {
		margin: 0;
	}
	#it-logo,
	#it-topmenu,
	#it-footermenu,
	.it-social,
	.it-copyright {
		margin: 15px 0;
		text-align: center;
	}
	#it-wrapper,
	#it-searchbox {
		border: none;
	}
	#it-corner-pagepeel,
	.it-entry-calendar,
	.desktop-logo,
	.timeline-bar,
	.timeline-thumbnail,
	.arrow-box,
	.arrow-dot {
		display: none;
	}
	.timeline-entry time {
		top: -23px;
		right: 32%;
	}
	#it-searchbox {
		margin: 0;
	}
	#it-top-menu,
	.it-entry-content,
	.it-social {
		padding: 0;
	}
	.nav-seemore {
		margin: 10px 0 25px;
		float: none;
	}
	.it-page-meta {
		font-size: 0.8em;
	}
	.responsive-logo {
		display: block;
	}
/* ===================== MAIN MENU ===================== */
	#it-mainmenu {
		border: none;
		background: #333;
	}
	#it-mainmenu.on-top {
		top: 0;
	}
	#it-mainmenu ul.nav-menu,
	#it-responsive-menu.simple #it-menu-toggle,
	#it-responsive-menu.advanced #it-menu-dropdown {
		display: none;
	}
	#it-responsive-menu.simple,
	#it-mainmenu ul.nav-menu.toggled-on {
		display: inline-block;
	}
	#it-responsive-menu.advanced {
		display: block !important;
	}
	#it-mainmenu,
	#it-responsive-menu.simple,
	#it-menu-dropdown select,
	#it-main-menu li,
	#it-main-menu ul {
		width: 100%;
	}
	#it-menu-dropdown {
		padding: 10px;
	}
	#it-menu-dropdown select {
		border: 1px solid #efefef;
	    padding: 5px;
	}
	#it-menu-toggle h3 {
		background: #444;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		margin: 0;
		padding: 10px;
	}
	#it-menu-toggle h3.toggled-on {
		background: #222;
	}
	#it-main-menu li,
	#it-main-menu li a {
		border-style: solid;
		border-width: 0 0 1px 0;
	}
	#it-main-menu li {
		border-color: #fff;
	}
	#it-main-menu li a {
		border-color: #ddd;
	}
	#it-main-menu ul {
		left: 0;
		opacity: 1;
		position: relative;
		visibility: visible;
	}
	#it-main-menu ul ul {
		margin: 0;
		top: 0;
	}
	#it-main-menu > li ul {
		background: none;
		border-top: 1px solid #fff;
		float: left;
		margin-bottom: -1px;
	}
}