@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

	.pumpCalculator_recommended_pumps img {} 
	table#pump_calculator_table.pump_calculator_table {width: 275px !important;}
	.pump_calculator_body{margin-left: 0;}
	.pumpCalculator_recommended_pumps {margin-left: 0;}
	div#pumpCalculator_recommended_pumps table.pumpClaculator_table tr td.pumpCalculator_td 	table.pumpcalculator td.pumpcalculator_td {width: 50px !important;}
	div#pumpCalculator_recommended_pumps table table {width: 25% !important;}
	table.pumpCalculatorRecommendedPumpsTable {width: 100% !important;}
	.pumpCalculator_login_form{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #000000;
		height: 300px;
		/* margin: 0 5%; */
		margin-left: 9%;
		padding: 25px 50px 25px 25px;
		position: fixed;
		top: 10%;
		z-index: 9999;
		width: 60%;
	}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
	
	.pump_calculator_body{margin-left: 20px;}
	table.pumpCalculatorRecommendedPumpsTable {margin:0 !important; width: 100% !important;}
	.pumpCalculator_recommended_pumps {margin: 0 !important;}
	.pumpCalculator_login_form{position:fixed; top:50px !important; background:#FFFFFF;padding: 25px 50px 25px 25px !important;height:350px !important;z-index:9999;margin-left: 12%; }
	
	
}

/*@media only screen and (orientation:landscape) { 
	
	.pump_calculator_body{margin-left: 20px;}
	table.pumpCalculatorRecommendedPumpsTable {margin:0 !important; width: 100% !important;}
	.pumpCalculator_recommended_pumps {margin: 0 !important;}
	.pumpCalculator_login_form{position:fixed; top:50px !important; background:#FFFFFF;padding: 25px 50px 25px 25px !important;height:350px !important;z-index:9999;margin-left: 12%; }
	
	
}*/

.nav-button { display: none; } /* hide the navigation button by default */
form#pumpCalculator_login_form {width: 100%;}
input.pumpCalculatorInputField {width: 100%; min-width: 0px;}
.pumpCalculatorLoginForm_td {padding: 0px;}

	/* Navigation Button
	-------------------------------------------------------- */

	}
	.nav-button {
		display: block;
		position: fixed;
		top: 7px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/menu-icon-large-r.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/menu-icon-large-r.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/menu-icon-large-r.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/menu-icon-large-r.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		background-image: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/menu-icon-large-r.png');
	}
	.nav-button.open {
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/close-icon-large-r.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/close-icon-large-r.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/close-icon-large-r.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/close-icon-large-r.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body {}
	/**.headcont {
		margin:64px 0 0 0 !important;
		padding:0 10px 0 0 !important;
		width:100% !important;
	}
	#topright {
		position:absolute;
		top:0;
		left:0;
	}**/
	#topnav {display:none;}
	.nav-button {display:none;}
	#logo a{
		float: left;
		position:absolute;
		top:17px;
		left:7px;
    	margin: 0;
    	z-index:999;
	}
	#logo img{ float:left; width:95% !important;}
	.headcont {min-height:10px !important;}
	.primary-nav {
		width: 100%;
		float: none;
		background-color: #ffffff; /* change the menu color */
		/* background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); */
		display: block;
		/*height: 50px;*/
 height: 60px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
		margin:0 !important;
	}
	.primary-nav li {
		display: none;
		padding:0 !important;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		text-align:left;
		width: 90%;
		padding: 10px 5%;
		font-size: 15px;
		font-weight: bold;
		color: black;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
        
	}
	.primary-nav li a:hover {
		background-color: #F5F5F5;
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: inline-block;
	}

	ul.sub-menu li a {
		text-align:center;
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: #F5F5F5;
		border-bottom-color: transparent;
	}
	/*.primary-nav li.menu-item-has-children > a:after {
		content: "▼";
		color: rgba(0,0,0,.5);
		float: right;
	}*/

	.primary-nav li.menu-item-has-children {
		background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/arrow-icon-large-r.png') 95% 40% no-repeat;
	}

	.primary-nav li.menu-item-has-children:hover > a {
		/*background: url('http://unilocpump.ydodev.com/wp-content/themes/topbest/images/arrowup-icon-large-r.png') 95% 40% no-repeat;*/
background: none;
	}

	/*.primary-nav li.menu-item-has-children:hover > a:after {
		content: "▲";
		color: rgba(0,0,0,.5);
		float: right;

	} */

	.primary-nav li.parent > a:hover {
		background: #F5F5F5;
	}
	.primary-nav li ul {
		display: none;
		background: #F5F5F5;
		border-top: 0 none;
		padding: 0;
		margin:0 !important;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 13px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li ul li:last-child a {
		margin:0 0 7px 0;
	}
	.primary-nav li:last-child ul li:last-child a {
		margin:0 0 1px 0;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
    /*ul.sub-menu li a {border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.2);}*/

 /* End Mobile Styles -top: 0 none; */
	
/*--------- style from javascript ---------

.headcont {margin : 64px 0 0 0 !important; padding : 0 10px 0 0 !important; width : 100% !important;}
#topright {position: absolute; top: 0px; left: 0px;}
ul.sub-menu li {width: 100px;}
#logo a {top: 1px; position: fixed; left: 0px;}
#logo img {width: 75%;}
ul.sub-menu {position: relative; top: 0px; left: 0px; width: 100%;}*/
 /* End Mobile Styles */