/* Clearfix */

.clearfix:before, .clearfix:after {

	content: " ";

	display: table;

}

.clearfix:after {

	clear: both;

}

.clearfix {

 *zoom: 1;

}

/* Basic Styles */





nav {

	height: 40px;

	width: 100%;

	/*float:right;*/

	position: relative;

}

nav ul {

	padding: 0;

	margin: 0 auto;

	width: auto;

	height: 40px;

}

nav li {

	display: inline;

	float: left;

	background: url(https://ilovebloomsburys.com/shop/images/menu-dvdr.jpg) no-repeat right;

}

nav a {

	color: #000;

	display: inline-block;

	text-align: center;

	text-decoration: none;

	line-height: 36px;

}

nav li a {

	/*background: url(https://ilovebloomsburys.com/shop/images/menu-dvdr.png) right 5px no-repeat;*/

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font-size: 14px;

	text-transform: uppercase;

	height: 35px;

	padding: 0px 12px 0px 11px;

	border-right: 1px solid #000;

}

.last-menu {

	background-image: none !important

}

nav li:last-child a {

/*	border-right: 0;*/

}

nav a:hover, nav .active {

	background-color: #be0000;

	color: #fff;

}

nav a#pull {

	display: none;

}

nav li:last-child a {

	border: none !important

}

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

nav ul {

 height: 20px;

}

nav a {

}

nav li a {

 line-height: 20px;

 height: 20px;

}

.names4 {

 border: 1px solid #CCCCCC;

 border-radius: 4px;

 max-height: 25px;

 min-height: 30px;

 padding: 1%;

 width: 89% !important;

}

 table.form-2 {

width:100%;

margin-left:1%;

}

table.form-2 tr {

margin:0;

padding:0;

}

table.form-2 tr td {

line-height:49px;

}

}

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

nav li a {

 padding: 22px 20px 0px 20px;

}

}





/*Styles for screen 600px and lower*/

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

nav {

 height: auto;

}

nav ul {

 width: 100%;

 display: block;

 height: auto;

}

nav li {

 width: 33.3%;

 float: left;

 position: relative;

}

nav li a {

 border-bottom: 1px solid #be0000;

 border-right: 1px solid #be0000;

}

nav a {

 text-align: left;

 width: 100%;

 text-indent: 25px;

}

}



/*Styles for screen 515px and lower*/

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

.top-menu-outer {

 margin: 3px 4px 20px 0px;

}

nav {

 border-bottom: 0;

}

nav ul {

 display: none;

 height: auto;

}

nav li {

 width: 49.6%;

 float: left;

 position: relative;

 z-index: 5;

}

nav a#pull {

 display: block;

 background-color: #be0000;

 width: 99%;

 position: relative;

 border: 1px solid #be0000;

 z-index: 5;

 -webkit-box-shadow: 2px 2px 5px 0px rgba(39, 50, 50, 0.75);

 -moz-box-shadow: 2px 2px 5px 0px rgba(39, 50, 50, 0.75);

 box-shadow: 2px 2px 5px 0px rgba(39, 50, 50, 0.75);

}

nav a#pull:after {

 content: "";

 background: url('nav-icon.png') no-repeat;

 width: 30px;

 height: 30px;

 display: inline-block;

 position: absolute;

 right: 15px;

 top: 10px;

}

nav li a {

 height: 50px;

 padding: 5px 20px 5px 20px;

 background: #353439;

 color: #FFf;

}

 .names4 {

 width: 79% !important;

padding: 1%;

}

 table.form-2 tr td {

line-height:32px;

}

}

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

 .names4 {

 width: 79% !important;

}

 table.form-2 tr td {

line-height:32px;

}

}

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

nav li {

 width: 99%;

}

 .names4 {

 width: 79% !important;

}

 table.form-2 tr td {

line-height:32px;

}

}

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

nav li {

 width: 100%;

}

.top-menu-outer {

 margin: 0px 0px 0px 0px;

 width: 100%;

}

nav a#pull {

 width: 99.4%;

}

}







/*Smartphone*/

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

nav li {

 display: block;

 float: none;

 width: 100%;

}

nav li a {

}

nav a#pull {

 width: 99.4%;

}

 .names4 {

 width: 79% !important;

}

 table.form-2 tr td {

line-height:32px;

}

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    
    /* Safari only override */
    ::i-block-chrome,.fancybox-image {
max-width: 100%;
max-height: 100%;
height: auto !important;
}
}