/* ----------------------------------------------------------------

	Name: Responsive Media Queries
	Version: 1.0
	
-----------------------------------------------------------------*/


@import url( 'slicknav.css' );


/*-------------------------------------
   0. RESPONSIVE MEDIA QUERIES
-------------------------------------*/

@media only screen and (min-width: 1000px) {

	.slicknav_menu {
		display: none;
		}

}


@media only screen and (max-width: 999px) {

	.slicknav_menu {
		background: #fff;
		display: block;
	}

	.slicknav_btn {
		line-height: 0;
	}

	a.slicknav_btn {
		background-color: #eee;
		border-bottom: none;
	}

	a.slicknav_btn:hover {
		background-color: #000;
		border-bottom: none;
	}

	a.slicknav_btn:hover .slicknav_menutxt {
		color: #FFF;
	}

	.slicknav_menu .slicknav_icon {
		margin: 0;
	}

	.slicknav_menu .slicknav_icon-bar {
		background-color: #333;
	}

	a.slicknav_btn:hover .slicknav_icon .slicknav_icon-bar {
		background-color: #FFF;
	}

	.slicknav_menu .slicknav_menutxt {
		font-size: 15px;
		line-height: 16px;
		color: #000;
	}

	.slicknav_nav li {
		text-align: left;
	}

	.slicknav_nav a {
		color: #000;
		border-bottom: none;
	}

	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_item:hover {
		border-radius: 4px;
		background: #EEE;
		color: #000;
	}

	.slicknav_nav .slicknav_arrow {
		font-size: 0.8em;
		margin: 0 0 0 0.4em;
		color: silver;
	}

	.wrap {
		width: 93%;
		margin: 0 auto;
	}

	#header #nav {
		display: none;
	}

	#links .social {
		display: none;
	}

	#content,
	#sidebar {
		float: none;
		width: 100%;
		margin: 0;
	}

	.widget {
		float: none;
		width: auto;
	}

	.maximus_ad_widget a {
		margin: 0 25px 25px 0 !important;
	}

	.maximus_instagram_widget li,
	.maximus_flickr_widget li {
		margin: 0 25px 25px 0 !important;
	}

	.maximus_social_widget li {
		margin: 0 15px 20px 0!important;
	}

	.maximus_dribbble_widget a img {
		width: 100%;
		height: auto;
	}

	#content #comments .comment-author,
	#content #comments .comment-content,
	#content #comments .comment-reply,
	#content #comments .children .comment-author,
	#content #comments .children .comment-content,
	#content #comments .children .comment-reply {
		float: none;
		width: auto;
	}

	#content #comments .comment-author time {
		display: block;
	}

	#content #comments .children .avatar {
		margin: 6px 16px 0 0;
	}

}


@media only screen and (max-width: 640px) {

	#header .search-form .search-input {
		width: 180px;
	}

	#footer {
		text-align: center;
	}

	#footer nav {
		float: none;
		margin-bottom: 25px;
	}

}


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

	#links {
		padding: 7px 0 9px;
		text-align: center;
	}

	#links li a {
		padding: 5px 10px;
		border-left: none;
	}

	#header .logo {
		float: none;
		text-align: center;
	}

	#header .logo a {
		float: none;
	}

	#header .search-form {
		display: none;
	}

	#content .entry-header .entry-title {
		margin-bottom: 25px;
	}

	#content .entry-header .entry-image {
		display: block;
		margin: 0 0 35px;
		width: 100%;
		height: auto;
		}

	#content .entry-header .entry-image img {
		width: 100%;
		height: auto;
		}

}