/*======================================================
  Tablet Style Sheet
  HunterLab
  ------------------------------------------------------
  Author(s): RACHEL MAYO
  Created: 01/16/16
  ======================================================*/
  
@media only screen 
and (min-width :768px) 
and (max-width :1039px) {

  
        .internal-banner-img.PP {bottom:auto!important;}
    
    .productPrice {
    	position: unset;
    	right: unset;
    	font-weight: bold;
    	bottom: unset;
    	width: 100%;
    	display: block;
    }
	
	/* Responsive Classes */
	
	.fullsite,.h1-change .overlay,#banner-overlay,#middle-bg,.copyright a {display: none !important;}
	.smallsite,.tablet,.h1-change .normal {display: block !important;opacity: 1 !important;}
	
	/* Structure */
	#content-wrap,
	#product-banners .slider-wrapper, 
	#product-banners .nivoSlider {
		width: 100% !important;
		overflow: hidden;
	}		

	.constrain,
	.content-wide,
	.slider-wrapper,
	#content,
	.content-line,
	#home-block,
	#home-buckets {
	    width: 96% !important;
	    float: none !important;
	    margin:0 auto;
	}
	
	.industry-block {
		width: 98%;
	}
	
	h1 {
		width: 96%;
		margin:20px auto;
	}
	.internal-banner h1 {
		width: 100%;
	}
	.h1-change {
		margin:10px auto 30px;
	}
	
	.glossaryIndex {
		font-size: 18px !important;
	}
	.glossaryIndex li a {
		padding: 6px 4px;
	}
	
	
	/* Header */
	#header {
		box-shadow: 0 4px 4px rgba(0,0,0,0.3);
	}
	#header-wrap {
		height: 110px;		
	}
	#logo {
		top:14px;
		left:80px;
	}
	#logo {
		height:77px;
		width: 220px;
	}
	
	#global-nav {
		top:16px;
		right:0;
	}
	
	#lang-wrap {
		width: 520px;
		position: absolute;
		top:12px;
		right:0;
		z-index: 99;
	}			
	.lang-options {
		display: none;
		top:47px;
	}	
	
/*
	#simpleSearchForm {
		top:58px;
		right:0;
	}
	#search {
		font-size: 13px;
		line-height: 1;
		box-shadow: none !important;
		border: 1px solid #ccc;
		height: 20px;
		padding: 5px 12px;
		width: 390px;
	}
*/
	.search-container{
		width: 160px;
	    right: 0;
	    top: 116px;
	    position: absolute;
	}
	
	/* Primary Nav */
	#header nav {
		position: inherit;
	}
	#primary_nav,
	#primary_nav>li,
	#primary_nav li>ul {
		border-radius: 0 !important;
	}
	#primary_nav {
		background: #003f7f;
		border: none;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		width: 400px !important;
		padding: 5px 0;
		position: absolute;
		top:110px;
		left:-460px;
		z-index: 9999;
	    -webkit-transition: left 0.3s ease;
	    -moz-transition: left 0.3s ease;
	    -ms-transition: left 0.3s ease;
	    -o-transition: left 0.3s ease;
	    transition: left 0.3s ease;
	}
	#primary_nav.open {
		left:0;
	}
	#primary_nav>li {
		font-weight: bold;
		background: none !important;
		border-bottom: 1px solid #036;
		height: auto;
		padding:5px 0;
		display: block;
	}
	#primary_nav>li.last {
		border-bottom: none;
	}
	#primary_nav>li.open {
		padding-bottom: 0;
		border-bottom: none;
	}
	#primary_nav>li>a {
		font-size: 14px;
		text-align: left;
		border:none !important;
		width: 330px;
	}
	#primary_nav li>ul {
		background: #00274f;
		box-shadow: inset 0 0 4px rgba(0,0,0,0.6);
		width: 100%;
		margin:5px auto 0;
		padding:0;
		position: relative;
		top:0;
	}
	#primary_nav li>ul li {
		border-top: none;
		border-bottom: 1px solid #036;
		padding: 0;
	}
	#primary_nav li>ul li a {
		padding: 15px;
	}
	
	/* Breadcrumbs Bar */
	.breadcrumbs-bg {
		margin:0 auto;	
	}
	ul.B_crumbBox {
		font-size: 11px;
		top:9px;
		left:2%;
	}
	#share-media-bar {
		right: 2%;
	}
	
	/* Home Page */	
	#home-buckets {
		height:auto;
		margin:30px auto;
	}
	#home-buckets .bucket-text-1,
	#home-buckets .more-btn {
		display: none;
	}
	#home-block {
		text-align: center;
	}
	#home-block p {
		font-size: 14px;
		width: 100%;
		float: none;
	}
	.rfq-btn-home {
		margin:10px auto 0;
		padding: 12px 30px;
		float: none;
	}
	#home-buckets .image-wrapper {
		text-align: center;
	}
	#home-buckets .image-wrapper img {
		height: 100%;
	}
	
	
	/* Banners */
	.language-banner {
	    height:300px;
	}
	#hero-banners {
		-webkit-background-size:cover !important;
		-moz-background-size:cover !important;
		-o-background-size:cover !important;
		background-size:cover !important;
	    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path_relative_to_the_HTML_file',sizingMethod='scale')";
	    border-bottom: 2px solid #fff;
	    width: 100%;
	    height:300px;
	    overflow: hidden;
	}
	#hero-banners a {
		padding-top: 30px;
	}
	#hero-banners .caption h2 {
	    font-size: 30px;
	}
	#hero-banners img {
		height:180px;
	}
	#cycle-nav {display: none;}
	
	.nivo-slice{
		background: none !important;    
	}
	.nivoSlider .nivo-box,
	.nivoSlider img,
	.nivoSlider .nivo-imageLink {
		display: none !important;
	}
	.internal-banner, 
	#product-banners {
/* 		max-height:367px !important; */
		width: 97%;
		margin:0 auto 20px;
		padding: 15px 2.5%;
		position: relative;
		left:-1%; /* to hide rounded corners */
		overflow: visible;
	}
	#product-banners {
		width: 102% !important;
		padding: 0;
	}
	#product-banners .slider-wrapper, 
	#product-banners .nivoSlider {
		max-height: 300px;
	}
/*
	.tpl-2 .internal-banner,
	#product-banners {
		padding: 0;
	}
*/
	#product-banners .nivoSlider {
		background-position: right center !important;
		-webkit-background-size:cover !important;
		-moz-background-size:cover !important;
		-o-background-size:cover !important;
		background-size:cover !important;
	    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path_relative_to_the_HTML_file',sizingMethod='scale')";
	}
	.internal-banner .internal-banner-img {
		bottom:0 !important;
	}
	.internal-banner p .internal-banner-img {
		max-height: 170px !important;
		margin:0 0 0 20px;
		position: relative;
		float: right;
		top:auto !important;
		right:auto !important;
		bottom:auto !important;
		left:auto !important;
	}
	.internal-banner p {
		width: 100%;
	}
	#hero-banners .nivo-caption {
		top:80px;
	}
	#product-banners .nivo-caption {
		left:2%;
	}
	
	
	/* Submenu Dropdown */
	#sidebar-left {
		width:100%;
		margin:0 auto 20px;
		float:none;
		display: none;
	}
	#sidebar-left nav,
	.internal-banner nav {
		position: relative;
	}
	#secondary-nav {
		display: none;
		background: #036;
		box-shadow: 0 6px 10px -2px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 6px 10px -2px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 6px 10px -2px rgba(0,0,0,0.6);
		border-radius: 0px 0px 6px 6px;
		-moz-border-radius: 0px 0px 6px 6px;
		-webkit-border-radius: 0px 0px 6px 6px;
		width: 95%;
		padding: 20px 2.5% 10px;
		position: absolute;
		top:30px;
		left:0;
		z-index: 99;
	}
	#secondary-nav li>a {
		color:#fff !important;
		font-size: 13px;
		border-top:none !important;
		border-bottom: none !important;
	}
	#secondary-nav li a {
		border-bottom: 1px solid #00274f !important;
	}
	#secondary-nav>li.last a {
		border-bottom: none !important;
	}
	#secondary-nav li a{
		padding:10px 0;
	}
	#secondary-nav>li.active>a:after, 
	#secondary-nav>li.active>ul>li.current>a:after {
		content:none;
	}
	#secondary-nav>li.active>ul {
		padding:0;
	}
	#secondary-nav>li.active>ul a {
		color:#ccc !important;
		padding: 10px 10px 10px 20px;
	}
	
	
	/* Flyout QC Box */
	#flyout-box {
		display: none;
		background:#014f6b;
		border:none;
		border-radius: 0;
		width: 100%;
		margin:40px 0 0;
		padding: 40px 0;
		position: relative !important;
		top:auto;
		right:auto !important;
	}
	#flyout-box h4,
	#contact h2 {
		color:#fff;
		font-family: 'Ubuntu',sans-serif;
		font-size: 24px;
		font-weight: 400;
		text-align: center;
/* 		text-transform: uppercase; */
		text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
		margin:0 auto 20px;
	}
	form sub {
		color:#fff;
		font-size: 13px;
		text-align: center;
		vertical-align: middle;
		margin:0 auto 20px;
		display: block;
		bottom:0;
	}
	#flyout-box fieldset,
	#contact fieldset {
		width: 600px;
		margin:0 auto;
	}
	#flyout-box input,
	#contact input,
	select#country, select#state{
		width: 276px !important;
		margin:0 5px 10px;
		display: block;
		float: left;
	}
	select#country, select#state{height:31px !important;}
	#contact .group{
		margin:0 5px 10px;
		display: block;
		float: left;
	}
	#contact .group {
		width: auto !important;
	}
	#flyout-box input:nth-child(odd),
/* 	#flyout-box #country-box, */
	#contact input:nth-child(odd),
	#contact .group.zip {
		margin-left:0;
	}
	#flyout-box input:nth-child(even),
/* 	#flyout-box #state-box, */
	#contact input:nth-child(even),
	#contact .group.city,
	#contact .group.countryGroup {
		margin-right:0;
	}
/* #flyout-box select{
    width: 294px !important;
    float: left;
    margin: 1px 0 0 5px;
}
#contact select{
    margin:1px 0 0 0;
} */
/*     #flyout-box textarea,
#contact textarea {
    width: 582px !important;
    margin:10px auto;
    clear: both;
} */
	#radioRecipient-cont,
	#qc-contact-attach {
		clear: both;
	}
#contact #qc-contact-attach {
    width: 581px !important;
}
	#page-contact-us #radioRecipient-cont label:first-child {
		color:#fff !important;
	}
	
	#flyout-box .realperson-challenge,
	#flyout-box #defaultReal,
	#contact .realperson-challenge,
	#contact #defaultReal {
		width: 280px !important;
		margin: 0 auto 10px;
		padding-left:6px;
		padding-right: 6px; 
		float:none;
	}
	
	label.error {
		margin: -5px 0 10px !important;
	}

	/* Contact Page */
	#contact,
	.map {
		width: 100%;
		float: none;
	}
	#contact {
		background:#014f6b;
		margin:40px 0 0;
		padding: 40px 0;
	}
	

	/* Tabbed Content */
	#scroller-header>a.selected,
	#scroller-body {
		background:#fff;
	}

	#overview-text.left {
		width: 96%;
	}
	#overview-text.left img {
		margin:0 0 20px 20px;
		float: right;
	}


	/* Video Gallery */
	.video-player {
		text-align: center;
		background: none;
	}
	.video-player .video, 
	.video-player .video iframe {
		height: 400px;
		margin:0 auto;
	}
	#carousel {
		height:auto;
		width: 100%;
		margin:20px auto 0;
	}
	.galItem {
		text-align: left;
		height: 120px;
		width: 31%;
		margin:0 1% 20px;
		float: left;
	}
	.galItem h4,
	.galItem p {
		font-size: 12px;
	}
	
	/* Distribution */	
	.contact-block img {
		display: none;
	}
	
	.distribution-map .instructions {
		font-weight: 700;
		text-align: center;
	}
	.distribution-map .contact-block,
	.map .contact-block {
		height: 200px;
		width: 31%;
		margin:0;
		padding:10px 1%;
		float: left;
	}
	.distribution-map .contact-block a.region-block, 
	.map .contact-block a.region-block {
	    font-weight: bold;
	    display: none;
	}
	.distribution-map .contact-block a.region-block,
	.map .contact-block a.region-block {
		font-weight: bold;
	}
	.distribution-map .contact-block h3,
	.map .contact-block h3 {
		font-size: 18px;
		text-transform: none;
		margin:0 0 10px;
	}
	.distribution-map .contact-block h4,
	.map .contact-block h4 {
		color:#888;
	}
	.contact-block p,
	.contact-block h4 {
		font-size: 13px !important;
	}
	.contact-info p>strong {
		color:#000;
		font-weight: normal;
	}
	.contact-info strong.smallsite {
		display: inline-block !important;
	}
	
	.distribution-map .drop-down-map {
		background: none;
		border:none;
		width: 730px;
		min-height: 0;
	}
	.distribution-map .drop-down-map .tabs {
		margin:15px 0 0 0;
	}
	.drop-down-map .region-image {
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
		margin:0 auto;
		float:none;
		position: relative;
		top:auto !important;
		left:auto !important;
		right:auto !important;
	}
	.drop-down-map a.close-map {
		font-size: 16px !important;
		font-weight: bold;
		text-transform: none;
		top:15px;
		right:0;
	}
	.drop-down-map h2,
	.ui-tabs-panel {
		width: 730px;
		margin:0 auto 10px !important;
		float:none;
	}
	.drop-down-map .country-nav {
		background: #fff;
		max-height:0;
		width: 730px;
		float:none;
		overflow: hidden;
		position: absolute;
		top:85px;
		z-index: 99;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	.drop-down-map .country-nav.open {
		box-shadow: 0 4px 4px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	    max-height: 360px;
		padding:10px 0 0;	    
	    overflow: scroll;
	}
	.drop-down-map .country-nav li {
		font-weight: bold;
		letter-spacing: 0.025em;
		margin:0 auto !important;
	}
	.drop-down-map .country-nav li a {
		padding: 10px 16px;
	}
	.tab-page {
		margin:0 auto;
	}
	.tab-page li {
		list-style: none;
	}
	.drop-down-map .distributor-detail-box {
		margin:0 auto;
	}
	.drop-down-map h3 {
		margin:10px auto;
	}
	#radioRecipient-cont input[type=radio] + label{
	    width:152px;
	    margin:0 5px 10px;
	    display:block;
	    float:left;
	}
	#qc-contact-comment{
	    width:580px !important;
	    margin:0 !important;
	}
	#flyout-box textarea{width:560px !important;}
	/* Footer */
	#footer {
		margin:0 auto;
	}
	#footer-inside {
		width: 100% !important;
	}
	#footer .footer-line-1 {
		border:none;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ccc;
		border-radius: 0;
		box-shadow: none;
		padding:10px 2%;
	}
	#footer .footer-line-2 {
		padding:10px 2% 30px;
	}
	#footer .iso a {
		top:-4px;
	}
	#simpleSearchForm{
	    top:56px;
	}

}


@media only screen 
and (min-width :768px) 
and (max-width :991px) {
	
	#buckets .span3 {
		width: 31%;
	}
	.landing-bucket .span3 {
	    height: 270px;
	}
	
	#product-banners .nivo-caption,
	#product-banners .nivo-caption p,
	#product-banners .nivo-caption .p,
	#product-banners .nivo-caption .h1 {
		width: 480px !important;
	}
}


@media only screen and (max-width :1039px) {
	.vista-banner {
		background:url("../images/vista.jpg");
		height:300px;
	}
	
	.vista-banner iframe {
		display:none;
	}
	
	.vista-play {
		display: block;
		position: absolute;
		font-size: 50px !important;
		color: #fff;
		top: 50%;
		left: 50%;
		margin-left: -25px;
		margin-top: -25px;
	}
}

@media only screen and (max-width :520px) {
	.vista-banner {
		height:150px;
	}
}

@media only screen and (min-width: 767px) { 
     .lang-options {display:none !important;}
}