/*
	
	Theme Name: Icy
	Theme URI: http://www.wildweblab.com/theme/icy
	Description: Icy is a clean and elegant blogging theme with Post Formats. Responsive layout and Retina ready icons & images makes this theme look beautiful on any device. Easy to use Theme Options panel, integrated Customizer, Custom Menu and 6 Widget Areas will allow you to easily customize your website. Icy is build on the latest WordPress and web standards such as HTML5 & CSS3, it's also child theme friendly.
	Author: WildWebLab.com
	Author URI: http://www.wildweblab.com
	Version: 1.0.5
	Tags: post-formats, light, blue, white, gray, red, theme-options, threaded-comments, translation-ready, custom-menu, custom-header, fixed-width, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, featured-images, full-width-template, editor-style

	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.html


	*********************************

	WARNING! DO NOT EDIT THIS FILE!

	To make it easy to update your theme, you should not edit the styles in this file. 
	Instead go to Appearance > Theme Options > Styling > Custom CSS and enter your custom CSS there.
	Any style attributes declared there will override the ones in this file and will not be lost during theme update.

	You have been warned!

	*********************************


	Table of Contents:
	------------------

	1. Reset & Clearfixes
	2. General
		2.1 Typography
		2.2 Grid & Layout
	3. Header
	4. Navigation
		4.1 Breadcrumbs
		4.2 Pagination
	5. Posts
		5.1 Galleries
		5.2 Post Formats
		5.3 Attachment
		5.4 Author Bio
	6. Comments
	7. Footer
	8. Widgets
	9. Misc
		9.1 Forms
		9.2 Tables
		9.3 Buttons
		9.4 404 Page
	10. Media Queries
	
*/


/* 1. Reset
--------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, 
ul { list-style: none; }

blockquote, 
q { quotes: none; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after { 
	content: ""; 
	content: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* Clearfixes */

.row:before, 
.row:after, 
.clearfix:before, 
.clearfix:after { 
	content: ""; 
	display: table; 
}

.row:after, 
.clearfix:after { clear: both; }

.row, 
.clearfix { zoom: 1; }


/* 2. General
--------------------------------------- */

*, 
*:before, 
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box; 
}

html, 
body { font-size: 100%; }

body {
	background: #f2f2f2 url("assets/img/background.png");
	color: #4e4e4e;
	padding: 0;
	margin: 0;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
}


/* 2.1 Typography
--------------------------------------- */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 20px 0;
	margin: 1.25rem 0;
	line-height: 1.1; 
	font-family: "Oxygen", Georgia, serif;
	font-weight: 300;
	color: #525252; 
	text-rendering: optimizeLegibility;
}

h1 small, 
h2 small, 
h3 small, 
h4 small, 
h5 small, 
h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0; 
}

h1 { font-size: 2.125em; }

h2 { font-size: 1.6875em; }

h3 { font-size: 1.375em; }

h4 { font-size: 1.125em; }

h5 { font-size: 1.125em; }

h6 { font-size: 1em; }

a { 
	color: #2185c5; 
	text-decoration: none; 
	line-height: inherit; 
}

a:hover, 
a:focus { color: #236688; }

p { 
	font-size: 1em; 
	line-height: 1.6; 
	margin-bottom: 1.25em; 
}

p a, 
p a:visited { line-height: inherit; }

em, 
i,
var { 
	font-style: italic; 
	line-height: inherit; 
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

strong, 
b { 
	font-weight: bold; 
	line-height: inherit; 
}

small { 
	font-size: 70%; 
	line-height: inherit; 
}

hr { 
	border: solid #ddd; 
	border-width: 1px 0 0; 
	clear: both; 
	margin: 20px 0 20px; 
	height: 0; 
}

ul, 
ol, 
dl { 
	line-height: 1.6; 
	margin-bottom: 1.25em;
	list-style-position: inside; 
}

ul li ul, 
ul li ol { 
	margin-left: 10px; 
	margin-bottom: 0; 
}

ul, 
ul.square, 
ul.circle, 
ul.disc { margin-left: 0.5em; }

ul.square { list-style-type: square; }

ul.square li ul { list-style: inherit; }

ul.circle { list-style-type: circle; }

ul.circle li ul { list-style: inherit; }

ul, 
ul.disc { list-style-type: disc; }

ul.disc li ul { list-style: inherit; }

ul.no-bullet { list-style: none; }

ul.large li { line-height: 21px; }

ol { 
	margin-left: 1.5em; 
	list-style: decimal;
}

ol li ul, 
ol li ol,
ul li ul, 
ul li ol { margin: 0 0 0 1.2em; }

dl { margin: 0 1em;}

dl dt { font-weight: bold; }

dl dd { margin-bottom: 1.25em; }

abbr, 
acronym {
	text-transform: uppercase;
	font-size: 0.9em;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	cursor: help; 
}

abbr { text-transform: none; }

blockquote {
	padding: 0 1.25em;
	font-style: italic;
}

cite { font-style: italic; }

address { 
	margin-bottom: 1.25em;
	font-style: italic;
}

code,
kbd,
tt {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.8em;
}

pre {
	margin-bottom: 1.25em;
	padding: 1.2em;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	border: 1px solid #eee;
}


/* 2.2 Grid & Layout
--------------------------------------- */
.container-header{
	margin: 0 auto; 
	width:100%;
	min-height:104px;
	background-image:url(assets/img/header.html);
	background:#fff;
	
}
	
.container-nav{
	float:left;
	width:70%;
	margin-top:10px;
	
	margin-left:200px;
	}
.container1200,
.container1140,
.container1024,
.container { 
	margin: 0 auto; 
	width: 100%; 
	clear: both;
	margin-left:200px;
}

.container ul li a{
	padding:10px 0px;}

.container1200 { max-width: 1200px; }

.container1140 { max-width: 1140px; }

.container1024 { max-width: 1024px; }

.container { max-width: 960px; }

.container:after {
	content: " ";
	display: block;
	clear: both; 
}
#content{
margin-left:-5px;}

.row { 
	width:100%; 
	margin:0 auto; 
}

.span1 { width:8.33%; }

.span2 { width:16.66%; }

.span3 { width:25%; }

.span4 { width:33.33%; }

.span5 { width:41.66%; }

.span6 { width:50%; }

.span7 { width:58.33%; }

.span8 { width:66.66%; }

.span9 { width:75%; }

.span10 { width:83.33%; }

.span11 { width:91.66%; }

.span12 { width:100%; }

.span1-5 { width:20%; } /* This column can be used as a one fifth of the row */

.span1-8 { width:12.5%; } /* This column can be used as a one eigth of the row */ 

.span1, 
.span2, 
.span3, 
.span4, 
.span5, 
.span6, 
.span7,
.span8, 
.span9, 
.span10, 
.span11, 
.span12, 
.span1-5, 
.span1-8, 
#content, 
#sidebar-primary, 
#sidebar-secondary {
	min-height: 1px; 
	float: left; 

	position: relative;
	
}

.row .row { margin-left: -10px; }

sub, 
sup { 
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; 
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Content Sidebar */

.layout-cs #content { 
	width: 66.66%; 
	float: left; 
}

.layout-cs #sidebar-primary { 
	width: 33.33%; 
	float: right; 
}

/* Sidebar Content */

.layout-sc #content { 
	width: 66.66%; 
	float: right; 
}

.layout-sc #sidebar-primary { 
	width: 33.33%; 
	float: left; 
}

/* Content */

.layout-c #content { width: 100%; }


/* 3. Header
--------------------------------------- */

#header { 
	margin-bottom: 20px;
	background: #fff;
}

#header .container { padding: 0 10px; }

#header a {	
	text-decoration: none; 
	border: 0; 
}

#logo { 
	float: left; 
	
}
#site-title { 
	margin: 0; 
	font-size: 2.5em; 
	line-height: 1; 
	font-family: "Oxygen", Georgia, serif;
	
}

#site-title a { 
	color: #fff; 
	-moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	margin-left:180px;
}

#site-description {
	display: block;
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.7);
}


/* 4. Navigation
--------------------------------------- */

.nav {
	
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	background-color:#fff;
	/*border-bottom: 45px solid #2708a4;
    border-right: 46px solid transparent;
    height: 0;
    width:100%;*/
	}
	.no-js{background-color:#173C74;
		}

.nav a,
#header-widget .menu a {
	display: block;
	position: relative;
	padding: 10px 30px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	text-decoration: none;
/*color: #A52A2A;*/
color:#ffffff;
	/*background:#fff;*/
 /*background: url(blog/wp-content/uploads/2015/10/nav-bg.png) no-repeat;*/

	text-align:center;
	margin-top:-2px;
	
}


.nav a:hover,
#header-widget .menu a:hover { 
/*color:#ffffff:*/
color:##ffb900 !important;
  }

.nav ul,
#header-widget ul.menu {
	margin: 0;
	padding-right: 10px;
	display: block; 
	list-style: none;
}

.nav ul li,
#header-widget ul.menu li {
	float: left;
	position: relative; 
	list-style: none;
	border-left: 1px solid #ccc;
	
}

.nav ul li:hover,
#header-widget ul.menu li:hover { 
	visibility: inherit; 
	
}

.nav ul li:hover a,
#header-widget ul.menu li:hover a { 
	color: #fff;
}

.nav ul li:hover a:hover,
#header-widget ul.menu li:hover a:hover { 
	/*color:#0D5086;*/color:#ffb900;);
}

.nav ul li:hover li ul, 
#header-widget ul.menu li:hover li ul { top: -999em;}

.nav ul ul li, 
#header-widget ul.menu ul li { width: 100%; }

/* First submenu */

.nav ul li:hover ul,
#header-widget ul.menu li:hover ul {
	left: 0;
	top: 100%;
	z-index: 999; 
}

.nav .sub-menu,
#header-widget .sub-menu {
	position: absolute;
	top: -999em;
	margin: 0;
	min-width: 280px;	
	
}


.nav .sub-menu li, 
#header-widget .sub-menu li { border-right: none; }

.nav .sub-menu li a, 
#header-widget .sub-menu li a { 
	padding:10px 10px 10px 50px;
	color: #A52A2A;
	font-size:13px;
	/*background-color:#ccc;*/	
}

.nav .sub-menu{
	/*background:#ccc;*/
 background:#2708a4;
}

.nav .sub-menu li a{
	padding:5px;
	width:260px;
	margin-left:20px;
	text-align:left;
	margin-top:5px;
	padding-top:5px;
	
	/*color:#A52A2A !important;*/
	color:#ffffff;	
}
.nav .sub-menu li a:hover{
	/*color:#0D5086 !important;*/
	color:##ffb900 !important;
	
	}

/* Second submenu */

.nav ul li li:hover ul, 
#header-widget ul.menu li li:hover ul {
	left: 100%;
	top: -0.24em; 
	margin-top: -1px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.nav ul li li:hover li ul, 
#header-widget ul.menu li li:hover li ul { top: -999em; }

.nav ul li li li:hover ul, 
#header-widget ul.menu li li li:hover ul {
	left: 10em;
	top: 0;
	
}

/* Menu in the header */

#header-widget .menu a {
	padding: 7px 15px;
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
}

/* Arrows */

.menu .sf-sub-indicator { display: none; }

.menu .sf-with-ul {
	padding-right: 2em !important;
}

.menu .sf-with-ul:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -2px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: rgba(255, 255, 255, 0.4);
}

.nav .sf-with-ul:after {
	border-top-color: rgba(0, 0, 0, 0.13);
}

.menu > li > .sf-with-ul:focus:after,
.menu > li:hover > .sf-with-ul:after,
.menu > .sfHover > .sf-with-ul:after {
	border-top-color: #fff; /* IE8 fallback colour */
	border-top-color: rgba(255, 255, 255, 0.9);
}

/* Right-facing arrows */

.menu ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255, 255, 255, 0.4);
}

.menu ul li > .sf-with-ul:focus:after,
.menu ul li:hover > .sf-with-ul:after,
.menu ul .sfHover > .sf-with-ul:after {
	border-left-color: #fff;
	border-left-color: rgba(255, 255, 255, 0.9);
}

/* Hide mobile menu */

.mobile-menu,
.mobile-menu-text,
.mobile-menu-icon { display: none; }




/* 4.1 Breadcrumbs
--------------------------------------- */

.breadcrumb {
	padding: 12px 20px;
	margin-bottom: 20px;
	background-color: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.breadcrumb li { display: inline-block; }

.breadcrumb .divider { padding: 0 8px; }


/* 4.2 Pagination
--------------------------------------- */

.page-navigation { 
	display: block;
	margin-bottom: 20px;
	padding: 12px 0;
}

.page-navigation .current, 
.page-navigation a {
	clear: both;
	margin-right: 3px;
	padding: 11px 15px 11px;
	text-decoration: none;
	background-color: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.page-navigation .current, 
.page-navigation a:hover { 

}

.page-navigation .dots { margin-right: 3px; }

.nav-previous { float: left; }

.nav-next { float: right; }

/* Page Links */

.page-links { margin-bottom: 1.25em; }

/* Comments Navigation*/

.comment-navigation {
	margin-bottom: 20px;
}


/* 5. Posts
--------------------------------------- */

.hentry {
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.hentry header { margin-bottom: 10px; }

.entry-title { margin: 0 0 15px; }

.entry-title, .entry-title a { color: #525252; }

.entry-title a:hover { color: #236688; }

h2.entry-title { font-size: 2.125em; }

/* Entry meta */

.entry-info { 
	margin-bottom: 10px;
	padding-bottom: 20px;
	font-size: 0.8em;
	line-height: 1.3;
	border-bottom: 1px solid #efefef;
}

.entry-meta {
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 1.3;
	border-top: 1px solid #efefef;
}

.entry-date,
.author.vcard,
.entry-tags,
.entry-categories,
.full-size-link { margin-right: 10px; }

.comments-link { float: right; }

.more-link {
	float: right;
	margin-left: 10px;
}

.more-link,
.entry-info, 
.entry-meta, 
.entry-info a, 
.entry-meta a {
	color: #a9a9a9;
	text-transform: uppercase;
}

.more-link:hover,
.entry-info a:hover, 
.entry-meta a:hover {
	color: #236688;
}

.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date { display: none; }

/* Alignment */

.alignleft { 
	float: left; 
	margin: 0.45em 1.1em 1em 0; 
}

.alignright { 
	float: right; 
	margin: 0.45em 0 1em 1.1em; 
}

.aligncenter { 
	display: block; 
	text-align: center; 
	margin: 0 auto 1.25em; 
}


/* Images */

img.scale-with-grid { 
	max-width: 100%;
	height: auto; 
}

.hentry img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full { max-width: 100%; }

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.25em;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f5f5f5;
	color: #666;
	-moz-text-shadow: 1px 1px 0px #fff;
	-webkit-text-shadow: 1px 1px 0px #fff;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow: 1px 1px 6px #ddd;
	-moz-box-shadow: 1px 1px 6px #ddd;
	box-shadow: 1px 1px 6px #ddd;
}

.wp-caption img {
	margin: 0;
	padding: 0.4em 0.4em 0;
	background: none;
	border: 0;
}

.wp-caption-text { 
	margin: 3px 0; 
	padding: 0; 
	text-align: center; 
	font-size: 0.9em;
}

.post-thumbnail {
	margin: 10px -20px 20px;
	text-align: center;
}

.attachment-wwl-large { max-width: 100% !important; }


/* 5.1 Galleries
--------------------------------------- */

.gallery { 
	margin-bottom: 1.25em !important;
	margin-right: -5px !important;
}

.gallery img {
	border: 1px solid #fff !important;
	-webkit-box-shadow: 1px 1px 6px #DDD;
	-moz-box-shadow: 1px 1px 6px #ddd;
	box-shadow: 1px 1px 6px #DDD;
}

.gallery-item { 
	margin: 5px 0 0 !important; 
	padding-right: 5px;
}

.gallery-caption { margin: -5px 0 0; }


/* 5.2 Post Formats
--------------------------------------- */

.post-format-indicator {
	position: absolute;
	top: 20px;
	width: 50px;
	height: 50px;
	background-color: #ff7f66;
	background-image: url("assets/img/post-format-icons.png");
	display:none;
}

.layout-cs .post-format-indicator,
.layout-c .post-format-indicator { left: -50px; }

.layout-sc .post-format-indicator { right: -50px; }

.post-format-indicator .entry-format {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-image: url("assets/img/post-format-icons.png");
	background-position: 0 -100px;
}

.layout-sc .post-format-indicator .entry-format {
	background-position: -50px -100px;
}

.hentry.format-link .entry-header,
.hentry.format-aside .entry-header,
.hentry.format-status .entry-header,
.hentry.format-quote .entry-header {
	margin-bottom: 20px;
}

.hentry.format-link .entry-content a { 
	font-size: 2.125em; 
	font-family: "Oxygen", Georgia, serif;
	line-height: 1.1;
}

.hentry.format-video .first-video {
	margin: 0 -20px 20px -20px;
}

/* Post Format Images */

.hentry.format-standard .post-format-indicator { 
	background-position: -150px 0;
}

.hentry.format-aside .post-format-indicator { 
	background-position: 0 0;
}

.hentry.format-gallery .post-format-indicator { 
	background-position: -200px 0;
}

.hentry.format-image .post-format-indicator { 
	background-position: 0 -50px;
}

.hentry.format-audio .post-format-indicator { 
	background-position: -50px 0;
}

.hentry.format-video .post-format-indicator { 
	background-position: -200px -50px;
}

.hentry.format-status .post-format-indicator { 
	background-position: -150px -50px;
}

.hentry.format-quote .post-format-indicator { 
	background-position: -100px -50px;
}

.hentry.format-link .post-format-indicator { 
	background-position: -50px -50px;
}

.hentry.format-chat .post-format-indicator { 
	background-position: -100px 0;
}


/* 5.3 Attachment
--------------------------------------- */

.attachment #content { width: 100%;  }

.attachment .hentry { padding-bottom: 0; }

.attachment .entry-title { margin-bottom: 20px; }

.attachment .entry-attachment { 
	margin: 0 auto;
	text-align: center;
}

.attachment .entry-attachment img { margin-bottom: 1em; } 


/* 5.4 Author Bio
--------------------------------------- */

.author-info {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.author-avatar { float: left; }

.author-description { margin-left: 90px; }

.author-title { margin-top: 0; }

.author-link { margin-left: 3px; }


/* 6. Comments
--------------------------------------- */

#comments {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comments-title { margin: 0 0 20px; }

.commentlist,
.commentlist .children { 
	margin: 0; 
	list-style: none; 
}

.commentlist {
	margin-bottom: 50px;
}

.commentlist .avatar { 
	position: absolute;
	left: -50px;
	margin-top: 5px;
}

.commentlist article.comment { 
	position: relative;
	margin: 0 0 5px 50px;
	padding: 5px 0 5px 10px;
}

.commentlist .comment-author { font-weight: bold; }

.commentlist .comment-author a { border-color: rgba(255, 255, 255, 0); }

.commentlist .comment-author a:hover { border-color: #236688; }

.commentlist .comment-meta,
.commentlist .comment-edit-link {
	margin-bottom: 0.7em;
}

.commentlist .comment-meta a,
.commentlist .comment-reply-link,
.commentlist .comment-edit-link {
	color: #888;
	font-size: 0.9em;
	line-height: 0.9;
}

.comment-meta a:hover,
.comment-reply-link:hover,
.comment-edit-link:hover {
	color: #236688;
}

.comment-edit-link { margin-left: 10px; }

.comment-content p { margin-bottom: 0.5em; }

.comment-moderation {
	margin-bottom: 0.5em;
	font-weight: bold;
}

.commentlist .children, 
.commentlist .children li { margin-left: 27px; }

.commentlist #respond { margin-bottom: 20px; }

.commentlist .comment.depth-1:last-of-type #respond { margin-bottom: -50px; }

#reply-title { margin: 0; }

#cancel-comment-reply-link {
	display: block;
	margin: 1.2em 0 1.8em;
}

#commentform { max-width: 550px; margin: 20px 0 0; }

#commentform p { margin: 0 0 2px; }

#commentform input[type="text"] { vertical-align: baseline; }

#commentform input[type="text"],
#commentform textarea { margin-bottom: 5px; }

#commentform label { 
	display: inline; 
	margin-left: 10px; 
}

#commentform #comment { width: 97%; }

#commentform #submit { margin: 5px 0 0 !important; }

#commentform .com-logged-in { margin: -10px 0 10px; }

.bypostauthor > article.comment { background: #ffffed; }

.nocomments { margin: 0; }


/* 7. Footer
--------------------------------------- */

#footer { 
	padding-top: 20px; 
	line-height: 1.5;
	background:#843200;
		-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
	-moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

#footer-widgets { 
	margin-bottom: 20px;
	padding: 15px 5px 20px 5px; 
}

#footer-content { 
	margin-top: -20px;
	padding: 20px 0;
	text-shadow:none;
	color:#ffffff;
}

#copyright { 
	float: left; 
	padding-left: 15px;
}

#credit { 
	float: right; 
	padding-right: 15px;
}


/* 8. Widgets
--------------------------------------- */

.widget { 
	margin-bottom: 20px; 
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.widget-title {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1em;
	text-transform: uppercase;
}

.widget ul {
	margin: 0;
	list-style: none;
}
.widget ul li {
  padding-bottom: 10px;
}

.widget ul li ul, 
.widget ul li ol { 
	margin-left: 15px; 
	margin-bottom: 0; 
}

.widget select {
	max-width: 100%;
}

#header-widget { 
	float: right; 
	padding: 25px 5px 10px; 
}

#header-widget ul { border: 0; }

#header .widget-title { display: none; }

#header-widget .widget-content { 
	float: left; 
	margin-left: 10px;
}

/* Footer Widgets */

#footer .widget {
	padding: 0;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Search Widget */

.widget_search {
	padding: 0 !important;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-form {
	padding-right: 50px;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.search-form label { display: none; }

.s {
	float: left;
	height: 40px;
	width: 100%; 
	margin: 0 !important;
	padding: 10px !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.search-submit { 
	float: right; 
	height: 40px;
	width: 50px;
	margin: 0 -50px 0; 
	padding: 0;
	border: none;
	color: #777;
}

.search-submit .icon-search {
	margin-right: -0.5em;
} 

/* Social Icons */

.social-icons a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 5px 0;
	text-align: center;
	background: #fff;
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.social-icons a:last-child {
	margin-right: 0;
}

.social-icons i {
	margin-right: -0.3em;
	font-size: 1em;
}

#header .social-icons {
	float: right;
	padding: 28px 0 0 10px;
}

.widget_wwl_social_widget {
	padding: 0 !important;
	margin-bottom: 10px;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#footer .social-icons a {
	background: rgba(255, 255, 255, 0.5);
}

#footer .social-icons a:hover {
	background: #fff;
}

/* WP Calendar Widget */

#calendar_wrap { max-width: 300px; }

#wp-calendar { 
	width: 100%;  
	font-size: 1em; 
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#wp-calendar td {
	padding: 8px 5px;
	text-align: center;
	border: none;
}

#wp-calendar a { 
	display: block; 
	text-decoration: none; 
}

#wp-calendar a:hover { 
	text-decoration: none; 
}

#wp-calendar td#today { font-weight: bold; }

#wp-calendar caption { 
	text-align: right; 
	margin: 0 10px 10px;
}

#wp-calendar th {
	text-align: center;
	padding: 5px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
}

#wp-calendar #prev {
	text-align: left;
	padding-left: 10px;
}

#wp-calendar #next {
	text-align: right;
	padding-right: 10px;
}


/* 9. Misc
--------------------------------------- */

.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.space-top { margin-top: 20px; }

.space-bot { margin-bottom: 20px; }

.space-htop { margin-top: 10px; }

.space-hbot { margin-bottom: 10px; }


/* 9.1 Forms
--------------------------------------- */

label {}

form { margin-bottom: 10px; }

fieldset { margin-bottom: 10px; }

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
select {
	background: #fff;
	border: 1px solid #ddd;
	padding: 7px 6px;
	outline: none;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	margin: 0;
	margin-bottom: 10px;
}
	
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="url"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
textarea:focus, 
select:focus {
	border: 1px solid;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
}

textarea { min-height: 120px; }

input[type="checkbox"] { display: inline; }

form span, 
legend span { 
	font-size: 12px; 
	color: #444; 
}


/* 9.2 Tables
--------------------------------------- */

table {
	border-collapse: separate;
	border-spacing: 0;
}

.hentry table,
#comments table {
	width: 100%;
	margin-bottom: 34px;
	text-align: left;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 1px 0 0 1px;
}

.hentry th,
#comments th {
	padding: 8px 8px 9px 8px;
	font-weight: normal;
	font-size: 1.1em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
	text-transform: uppercase;
}

.hentry td,
#comments td {
	padding: 8px 8px 9px 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
}


/* 9.3 Buttons
--------------------------------------- */

#commentform #submit, 
input[type="submit"],
button {
	display: inline-block;
	*display: inline;
	padding: 5px 20px;
	margin-bottom: 5px;
	*margin-left: 0.3em;
	line-height: 20px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e6e6e6));
	background: -moz-linear-gradient(top, #eee, #e6e6e6);
	border: 1px solid #bbbbbb;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-color: #eee, #eee, #d4d4d4;
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom:1;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

#commentform #submit:hover, 
#commentform #submit:active, 
input[type="submit"]:hover,
input[type="submit"]:active,
button:hover, 
button:active {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f8f8f8));
	background: -moz-linear-gradient(top, #eee, #f8f8f8);
}

button.large { 
	padding: 10px 35px; 
	font-size: 1.1em; 
}

button.small { 
	padding: 3px 13px; 
	font-size: 0.8em; 
}

/* Skyblue color button */

button.skyblue { 
	color:#fff !important;
	background-color: #26a2b6;
	background: -moz-linear-gradient(#34bac9, #26a2b6);
	background: -webkit-gradient(linear, left top, left bottom, from(#34bac9), to(#26a2b6));
	background: -webkit-linear-gradient(#34bac9, #26a2b6);
	background: -o-linear-gradient(#34bac9, #26a2b6);
	background: -ms-linear-gradient(#34bac9, #26a2b6);
	background: linear-gradient(#34bac9, #26a2b6);
}

button.skyblue:hover, 
button.skyblue:active {
	background: #a9016b;
	background: -webkit-gradient(linear, left top, left bottom, from(#26a2b6), to(#34bac9));
	background: -moz-linear-gradient(top, #26a2b6, #34bac9);
}

/* Blue color button */

button.blue { 
	color: #fff !important;
	background-color: #008fd5;
	background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#0085c6));
	background: -moz-linear-gradient(top, #008fd5, #0085c6);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.blue:hover, 
button.blue:active {
	background: #008fd5;
	background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#009de9));
	background: -moz-linear-gradient(top, #008fd5, #009de9);
}

/* Green color button */

button.green { 
	color: #fff !important;
	background-color: #46a546;
	background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#419a41));
	background: -moz-linear-gradient(top, #46a546, #419a41);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.green:hover, 
button.green:active {
	background: #46a546;
	background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#4cb34c));
	background: -moz-linear-gradient(top, #46a546, #4cb34c);
}

/* Yellow color button */

button.yellow { 
	color: #fff !important;
	background-color: #f0bf4a;
	background: -moz-linear-gradient(#f0c930, #f0bf4a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0c930), to(#f0bf4a));
	background: -webkit-linear-gradient(#f0c930, #f0bf4a);
	background: -o-linear-gradient(#f0c930, #f0bf4a);
	background: -ms-linear-gradient(#f0c930, #f0bf4a);
	background: linear-gradient(#f0c930, #f0bf4a);
}

button.yellow:hover, 
button.yellow:active {
	background: #f0bf4a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0bf4a), to(#f0c930));
	background: -moz-linear-gradient(top, #f0bf4a, #f0c930);
}

/* Orange color button */

button.orange { 
	color: #fff !important;
	background-color: #ff5c00;
	background: -moz-linear-gradient(#ff6f40, #ff5c00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#ff5c00));
	background: -webkit-linear-gradient(#ff6f40, #ff5c00);
	background: -o-linear-gradient(#ff6f40, #ff5c00);
	background: -ms-linear-gradient(#ff6f40, #ff5c00);
	background: linear-gradient(#ff6f40, #ff5c00);
}

button.orange:hover, 
button.orange:active {
	background: #d798d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5c00), to(#ff6f40));
	background: -moz-linear-gradient(top, #ff5c00, #ff6f40);
}

/* Red color button */

button.red { 
  color: #fff !important;
  background-color: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#b1322c));
  background: -moz-linear-gradient(top, #bd362f, #b1322c);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.red:hover, 
button.red:active {
  background: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#cc3b34));
  background: -moz-linear-gradient(top, #bd362f, #cc3b34);
}

/* Magenta color button */

button.magenta {	
	color: #fff !important;
	background-color:#b9298f;
	background: -moz-linear-gradient(#b93180, #b9298f);
	background: -webkit-gradient(linear, left top, left bottom, from(#b93180), to(#b9298f));
	background: -webkit-linear-gradient(#b93180, #b9298f);
	background: -o-linear-gradient(#b93180, #b9298f);
	background: -ms-linear-gradient(#b93180, #b9298f);
	background: linear-gradient(#b93180, #b9298f);
}

button.magenta:hover, 
button.magenta:active {
	background: #b9298f;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9298f), to(#b9358f));
	background: -moz-linear-gradient(top, #b9298f, #b9358f);
}

/* Black color button */

button.black { 
	color: #fff !important;
	background-color: #111;
	background: -moz-linear-gradient(#222, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(#222, #111);
	background: -o-linear-gradient(#222, #111);
	background: -ms-linear-gradient(#222, #111);
	background: linear-gradient(#222, #111);
}

button.black:hover, 
button.black:active {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
	background: -moz-linear-gradient(top, #222, #333);
}

/* 9.4 404 Page
--------------------------------------- */

.error404 #content .widget {
	padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* 10. Media Queries
--------------------------------------- */

/* 960px Screens */

@media only screen and (max-width: 960px) {
	.row .row .span1, 
	.row .row .span2, 
	.row .row .span3, 
	.row .row .span4, 
	.row .row .span5, 
	.row .row .span6, 
	.row .row .span7,
	.row .row .span8, 
	.row .row .span9, 
	.row .row .span10, 
	.row .row .span11, 
	.row .row .span12, 
	.row .row .span1-5, 
	.row .row .span1-8 {
		width: 100% !important;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px; 
	}
	
	.row .row > div:last-child { margin-bottom: 0 !important; }

	.post-format-indicator { display: none; }
}

/* iPad & Tablets */

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
	body { font-size: 90%; }

	.row { margin-bottom: 0 !important; }

	.span1, 
	.span2, 
	.span3, 
	.span4, 
	.span5, 
	.span6, 
	.span7,
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12, 
	.span1-5, 
	.span1-8, 
	#content, 
	#sidebar-primary, 
	#sidebar-secondary {
		width: 100% !important;
		margin-right: 0;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	#header { text-align: center; 
	margin-top:0px;}

	#logo,
	#site-title a,
	#header .social-icons,
	#header-widget,
	#header-widget .widget-content {
		float: none;
		margin: 0 auto;
		padding: 10px 0;
	}

	#header-widget { padding: 0; }

	#header-widget ul.menu li, 
	.nav ul.menu li {
		float: none;
		display: inline-block;
		text-align: left;
	}

	.nav {
		position: relative;
		width: 100%;
		vertical-align: middle;
		
	}

	.nav .menu { display: none;margin-top:-180px;	}

	.mobile-menu { 
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: none !important;
		border: 0 !important;
		opacity: 0;
	}

	.mobile-menu-text { 
		display: block;
		float: left;
		margin-left: 20px;
		overflow: hidden;
		line-height: 45px;
	}

	.mobile-menu-icon { 
		display: block;
		float: right;
		margin-right: 10px;
		line-height: 45px;
		font-size: 22px;
	}

	#content { margin-bottom: 10px;  }
	#content-sidebar-wrap{
		margin-right:15px;}
	
	.hentry,
	.widget,
	.author-info,
	#comments { padding: 10px; }

	.entry-info { padding-bottom: 10px;	}

	.entry-meta { padding-top: 10px; }

	#footer-content { 
		padding-bottom: 0;
		text-align: center;
	}

	#copyright,
	#credit { 
		display: block;
		float: none;
		padding: 0 15px;
		margin: 0 auto 20px auto;
	}

	.post-thumbnail {
		margin: 10px -10px 20px;
	}

	.hentry.format-video .first-video {
		margin: 0 -10px 20px -10px;
	}

	.commentlist .children, 
	.commentlist .children li {
		margin-left: 0;
	}
}

/* Mobile Devices */

@media (max-width : 480px) {
	.entry-title {
		font-size: 1.5em !important;
	}

	.entry-meta { display: none; }
}

/* Retina Images */

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-moz-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) {
	body {
		background-image: url("assets/img/background%402x.png");
		background-size: 100px 100px;
	}

	#footer {
		background-image: url("assets/img/footer-background%402x.png");
		background-size: 100px 100px;
	}

	.post-format-indicator,
	.post-format-indicator .entry-format {
		background-image: url("assets/img/post-format-icons%402x.png");
		background-size: 250px 150px;
	}
}
/**************************************************/
/************** media query stars***********************/
/**************************************************/
@media only screen 
and (min-width:50px) 
and (max-width:500px){

.home.blog.layout-cs > div {
 
}
#wrap > header {
    height: auto;
    width: 100%;
}
.container-header {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    min-height: 104px;
    padding: 0 2.5%;
    width: 95%;
}
.container-nav {
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
border-bottom: 45px solid #2708a4;
    border-right: 46px solid transparent;
    height: 0;
    width:100%;
}
.nav {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.container {
    margin: 0;
    max-width: 100%;
    padding: 0;
}
#site-title a{background:url("../../uploads/2013/12/disneland-phone.jpg") no-repeat!important; height: 85px!important; width: 100%!important;}
#wrap {
    padding: 0;
    width: 100%;
}
.container-nav{margin-top:0; 




}
.layout-cs #sidebar-primary {
    float: left;
    width: 33.33%;
}
#footer-content {
    padding: 2.5%;
    text-align: center;
}
.layout-cs #content {
    float: left;
    padding: 0 2.5%;
    width: 66.66%;
}
.layout-cs #sidebar-primary {
    float: left;
    padding: 0 2.5%;
    width: 33.33%;
}

}

/**************************************************/
/**************50 to 500 ends***********************/
/**************************************************/
@media only screen 
and (min-width:501px) 
and (max-width:640px){
.home.blog.layout-cs > div {
    padding: 0 2.5%;
    width: 95%;
}
#wrap > header {
    height: auto;
    width: 100%;
}
.container-header {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    min-height: 104px;
    padding: 0 2.5%;
    width: 95%;
}
.container-nav {
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.nav {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.container {
    margin: 0;
    max-width: 100%;
    padding: 0;
}
#site-title a{background:url("../../uploads/2013/12/disneland-mob.jpg") no-repeat!important; height: 130px!important; width: 100%!important;}
#wrap {
    padding: 0;
    width: 100%;
}
.container-nav{margin-top:0}
.layout-cs #sidebar-primary {
    float: left;
    width: 33.33%;
}
#footer-content {
    padding: 2.5%;
    text-align: center;
}
.layout-cs #content {
    float: left;
    padding: 0 2.5%;
    width: 66.66%;
}
.layout-cs #sidebar-primary {
    float: left;
    padding: 0 2.5%;
    width: 33.33%;
}

}
/**************************************************/
/**************501 to 640 ends***********************/
/**************************************************/
@media only screen 
and (min-width:641px) 
and (max-width:800px){
#wrap > header {
    height: auto;
    width: 100%;
}
.container-header {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    min-height: 104px;
    padding: 0 2.5%;
    width: 95%;
}
.container-nav {
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.nav {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.container {
    margin: 0;
    max-width: 100%;
    padding: 0;
}
#footer-content {
    padding: 2.5%;
    text-align: center;
}
#site-title a{background:url("../../uploads/2013/12/disneland-mob.jpg") no-repeat!important; height: 130px!important; width: 100%!important;}
#wrap {
    padding: 0;
    width: 100%;
}
.container-nav{margin-top:0}
.layout-cs #sidebar-primary {
    float: left;
    width: 33.33%;
}
#footer-content {
    padding: 2.5%;
    text-align: center;
}
.layout-cs #content {
    float: left;
    padding: 0 2.5%;
    width: 66.66%;
}
.layout-cs #sidebar-primary {
    float: left;
    padding: 0 2.5%;
    width: 33.33%;
}


}
/**************************************************/
/**************501 to 640 ends***********************/
/**************************************************/

@media only screen 
and (min-width:801px) 
and (max-width:1004px){

#wrap > header {
    height: auto;
    width: 100%;
}
.container-header {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    min-height: 104px;
    padding: 0 2.5%;
    width: 95%;
}
.container-nav {
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.nav {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.container {
    margin: 0;
    max-width: 100%;
    padding: 0;
}
#footer-content {
    padding: 2.5%;
    text-align: center;
}
#site-title a{background:url("../../uploads/2013/12/disneland-mob.jpg") no-repeat!important; height: 130px!important; width: 100%!important; margin-left:0}
#wrap {
    padding: 0;
    width: 100%;
}
.container-nav{margin-top:0}
.layout-cs #sidebar-primary {
    float: left;
    width: 33.33%;
}
#footer-content {
    padding: 2.5%;
    text-align: center;
}
.layout-cs #content {
    float: left;
    padding: 0 2.5%;
    width: 66.66%;
}
.layout-cs #sidebar-primary {
    float: left;
    padding: 0 2.5%;
    width: 33.33%;
}
#logo {
    float: none;
}

#menu-navigation{ width:88% !important;}


}
#menu-navigation{border-bottom: 45px solid #2708a4;
    border-right: 46px solid transparent;
    height: 0;
    width:81%;}
@media only screen and (max-width:850px){
	#menu-navigation{width:100% !important;}
	.nav a{  padding: 10px 22px;}
}
/**************************************************/
/**************801 to 1004 ends***********************/
/**************************************************/