/* Start Desktop sizes */
#hamburger {
    border: 1px solid #374C77;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    width: 25px;
    background: #999;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4569b2', endColorstr='#4062a5',GradientType=0 );
}
 
/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 90%;
}

#hamburger span {
	position: relative;
	display: block;
	top: -15px;
  left: 15px;
}
@media (min-width: 991px) { 
	body #header {
		background: transparent url(/mm5/images/MoleskineNotebook/images/header.png) top no-repeat;
		width: 100%;
		height: 310px;
		padding-top: 10px;
		background-size: 100% 117%;
		transition: .5s all;
	}
	#hamburger {
		display: none !important;
	}
	#myslidemenu #nav {display: block !important;}
}
@media (max-width: 990px) { 
	#hamburger {
		display: block;
		margin: 0 auto;
	}
	#navigation-bar .jqueryslidemenu#myslidemenu {
		background: none !important;
	}
	#myslidemenu #nav {display: none;}
	#myslidemenu #nav li,
	#myslidemenu #nav li a,
	#myslidemenu #nav li ul,
	#myslidemenu #nav .level2,
	#myslidemenu #nav .level3,
	#myslidemenu #nav .level4{ 
		padding-right: 0px !important;
		display: block !important;
		float: none !important;
		width: 96% !important;
		clear: both !important;
		background: none  !important;
		position:relative  !important;
		overflow: auto !important;
		top: auto !important;
		left: auto !important;
		margin-top:0 !important;
		line-height: 1.3em;
	}
	
	#myslidemenu #nav .level2,
	#myslidemenu #nav .level3,
	#myslidemenu #nav .level4{ 
		width: 90% !important;
	}
	.downarrowclass {
  position: absolute;
  top: 5px !important;
  right: 7px;
}
	#site-container {
		width: 95%;
	}
		#global-header #search {
			  float: right;
			  padding: 5px 0px 5px 0;
			  width: 210px;
		}
		#global-header #header-links {}
		#global-header #header-links a{margin-left: 5px;}
		#global-header #header-links br{ display: none;}
		#global-header #logo {
			height: auto;
			width: 70%;
		}
		#global-header #logo a{
			background: url(/mm5/images/MoleskineNotebook/images/Palladium-store-logo.png) no-repeat left top transparent;
			cursor: pointer;
			display: block;
			height: 67px;
			width: 100%;
			background-size: cover;
		}
	
	body #header {
		background: transparent url(/mm5/images/MoleskineNotebook/images/header.png) top no-repeat;
		width: 100%;
		height: 0px;
		padding-top: 10px;
		background-size: contain;
		transition: .5s all;
	}
	body.SFNT #main-content {
		
	}

	#myslidemenu.jqueryslidemenu ul {}
	#myslidemenu.jqueryslidemenu ul li {}
	#myslidemenu.jqueryslidemenu ul li a {
		padding: 8px 0;
	}
	
	.book_wrapper {
		width: 100%;
		background-size: cover;
		height: auto;
		padding-top: 4px;
	}
	.book_wrapper a#next_page_button {
		
	}
	.book_wrapper a#prev_page_button {
	  left: -25px;
	}
	.book_wrapper #mybook {
		width: 86%;
	}
	.book_wrapper .b-page {
		width: 51%;
	}
	
	.book_wrapper .b-page .b-wrap {
		left: 0px;
		width: 100%;
		height: 290px;
		padding: 0px;
	}
	.book_wrapper h1 {background-size: contain;}
	#welcome-box {
	  float: left;
	  width: 100%;
	}
	#social-media {
		background: transparent top no-repeat;
		width: 100%;
		height: 146px;
		padding-bottom: 20px;
		margin-left: 20px;
		float: right;
	}

	#featured-productsz {
		color: #222;
		display: block;
		margin: 0 auto;
		width: 100%;
		  overflow: auto;
	}
	
	#featured-productsz .product-item {
	  float: left;
	  padding: 0 10px 20px 10px;
	  width: 30% !important;
	}
	
	
	
	
}

/* Start mobile sizes */
@media (max-width: 767px) { 

}
@media (max-width: 479px) { 

}
@media (max-width: 399px) { 

}