/**
 * @package WordPress
 * @subpackage Increase
 * @since Increase 2.0
 * 
 * Responsive Design CSS Rules
 * Created by CMSMasters
 * 
 */

 /* ---------- Small Monitor (Note: Design for a width less than 800px) ---------- */

@media only screen and (max-width: 800px) {
.content-l, .content-r {
    float: none;
	clear:both;
    width: 95%;
}

#page {
	min-width:50px; 
}
	#header {
		padding:0;
		overflow:hidden;
		min-height:100px !important;
		height:auto !important;
		background-color:#FFFFFF;
	}

	#header > .header_inner {
		min-height:auto !important;
		height:100px !important;
		clear:none;
		background:none;
	}
	
	#header nav.navi_scrolled {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		width:100%;
	}
	
	#header nav {
		top:auto;
		right:auto;
		display:block;
		position:relative;
	}
	

/*---------------------*/
	.responsive_nav {
		position:relative;
		display:block;
		float:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		/*margin:29px 30px 10px 0;*/
		margin:10px auto;
		width:48px;
		height:38px;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	
	.responsive_nav:before {
		position:absolute;
		bottom:0;
		left:9%;
		z-index:0;
		width:82%;
		height:1px;
		box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
		content:"";
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	
	.responsive_nav:hover:before, 
	.responsive_nav.active:before {
		height:1px;
		opacity:0;
		filter:alpha(opacity=0);
		content:"";
	}
	.responsive_nav span {
    background-color: #33BEE5;
}
	.responsive_nav span {
		display:block;
		width:45x;
		height:38px;
		position:relative;
		background-image:url(/wp-content/themes/estorage-v2/img/resp_nav_but_bg.png);
		background-position:50% 12px;
		background-repeat:no-repeat;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	
	.responsive_nav:hover span,
	.responsive_nav.active span {
		background-color:#e5e5e5;
		background-color:rgba(0, 0, 0, .1);
	}
	
	
	#navigation {
		position:relative;
		display:none;
		overflow:hidden;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0 0 30px 0;
		width:100%;
		height:auto;
		background-color: #FFFFFF;
		z-index: 202;
		font-size:14px;
	}

	#navigation li:before, 
	#navigation li ul li:before	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:1px;
		background-color:#e5e5e5;
		background-color:rgba(0, 0, 0, .08);
		content:"";
	}
	
	#header nav:before {
		display:none;
		content:none;
	}

	#navigation > li:hover {top:auto;}

	#navigation a {display:block;}

	#navigation > li > a {padding:0 0 0 30px;}

	#header nav {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	#header nav {
		position:relative;
		top:auto !important;
		right:auto;
		margin:0;
		padding:0 0 0 0;
		background:none;
		background: none repeat scroll 0 0 transparent;
		text-align:left;
		/*visibility:visible;*/
		height:auto;
		display:block;
		overflow:hidden;
		z-index:20;
	}
	
	#navigation > li {float:none;}
	
	#navigation > li > a > span {
		padding: 5px 0 11px 0;
		width:100%;
		height:18px;
		text-align:left;
		line-height:18px;
		color: #4E5C64;
		font-size:14px;
	}
	
	#navigation li.dropdown > a > span:before {
		position:absolute;
		top:17px;
		right:29px;
		width:7px;
		height:9px;
		background:url(/wp-content/themes/estorage-v2/img/resp_nav_arrow.png) no-repeat right top;
		content:'';
		-webkit-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-moz-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-ms-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-o-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
	}
	
	#navigation > li.dropdown > a:hover span:before, 
	#navigation li.current-menu-ancestor > a span:before, 
	#navigation > li.dropdown:hover > a span:before {background-position:left top;}

	#navigation li.dropdown li a:hover span:before, 
	#navigation ul > li.current-menu-ancestor.dropdown span:before {background:url(/wp-content/themes/estorage-v2/img/resp_nav_arrow.png) no-repeat right top;}
	
	#navigation ul {
		position:relative;
		top:auto;
		left:auto;
		display:none;
		visibility:visible;
		background-color: #FFFFFF;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		padding:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}
	
	
	#navigation ul ul {
		top:auto;
		left:auto;
		margin:0;
		background:none;
	}

	#navigation ul li:hover > ul {margin:0;}

	#navigation ul ul:before {
		display:none;
		content:none;
	}
	
	#navigation ul li:before {
		position:absolute;
		top:0;
		left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		height:1px;
		background:rgba(0, 0, 0, .08);
		content:'';
	}
	
	#navigation ul li {background:#ffffff;}
	
	#navigation ul li a {
		padding:0 10px 0 30px;
		min-width:auto;
		min-height:40px;
		-webkit-transition:background-color .3s ease-in;
		-moz-transition:background-color .3s ease-in;
		-ms-transition:background-color .3s ease-in;
		-o-transition:background-color .3s ease-in;
		transition:background-color .3s ease-in;
	}
	
	#navigation li.dropdown ul li{background-color:#ffffff;}
	
	#navigation li.dropdown ul li:hover, 
	#navigation li ul li.current-menu-ancestor , 
	#navigation ul li.current-menu-ancestor > a {background-color:#fdfdfd;}
	
	#navigation ul ul li a {padding-left:60px;}
	
	#navigation ul ul ul li a {padding-left:90px;}
	
	#navigation ul li.current_page_ancestor > a,
	#navigation ul li.current-menu-ancestor > a {
		background-color:rgba(255, 255, 255, 1);
		-webkit-transition:background-color 0.01s;
		-moz-transition:background-color 0.01s;
		-ms-transition:background-color 0.01s;
		-o-transition:background-color 0.01s;
		transition:background-color 0.01s;
	}
	
	#navigation ul li a span {
		display:block;
		padding: 5px 45px 10px 30px;
		white-space:normal;
	}
/*---------------------*/
.containerLogoPartner {
	border-top: 5px solid #D1D3D4;
    margin-top: 25px;
    height: auto;
	max-height: none;
    overflow: hidden;
    padding-top: 15px;
    width: 100%;
	display:block;
}

.logoPartner {
	width:40%;  
	float:left; 
	margin:auto 5%; 
	text-align:center;
}

.logoPartner2 {
	width:15%;  
	float:left; 
	margin:auto 5%; 
	text-align:center;
}

/*================START Home page============*/
.div3sur4 {
    float: none;
	clear:both;
    width: 100%;
}
.div1sur4 {
    float: none;
	clear:both;
    width: 100%;
}
.cadrenews {
	width:97%; 
	overflow:hidden;
	border:1px solid #D1D3D4;
	padding:5px;
	margin-bottom:20px;
}

/*================END Home page============*/


}