/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

a#menu-open {
    display: none;
}

#carousel-static {
	display: none;
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media only screen and (max-width: 875px) and (min-width: 700px) {
  #homepage-content .homepage-banner .button {
    font-size: 0.8em;
    margin-top: 3px;
    margin-left: 30px;
  }
}

@media only screen and (max-width: 1100px) {
	#sub-nav .menu {
		width:270px;
		max-width:28%;
	}
	#sub-nav ul {
		width:100%;
	}
	#sub-nav ul.tert,
	#sub-nav ul.quat {
	}
	#page .inner #content {
		margin-left:28%;
		width:70%;
		padding:0 2.5%;
	}
	.finder #search-query-explained,
	.finder #advanced-search {
		margin: 0;
		width: 107.2%;
		left: -3.5%;
		position: relative;
		box-sizing: border-box;
	}
	#content.product #product-information #product-title h1 {
		margin-top:.67em;
	}
	#content.product #product-information #products-related p {
		margin-top:10px;
	}
	#content.product #product-information #product-summary {
		padding-bottom: 1.2em;
	}
	#content.product #product-information #product-summary h2 {
		margin-bottom:1.5em;
	}
	#top #top-menu > ul > li > a {
		font-size:13px;
	}
}

@media only screen and (max-width: 1080px) {
	#homepage-slider .slide-controller {
		right:0px;
	}
	#homepage-slider .slide-controller .slide-tag {
		text-align:left;
		padding-left:10px;
		padding-right:0;
	}
}

@media only screen and (max-width: 1130px) {
	#top #logo {
		margin-left:5px;
		min-width:60px;
	}
	#top #logo img {
		max-height:100%;
		/* width:auto; */
		margin-left:20px;
	}

	.inner {
		max-width:100%;
		margin:0 auto;
	}
  #page-footer.inner {
    width:auto;
    margin:0;
    margin-left:20px;
    margin-right:20px;
  }
	#top .inner {
		max-width:100%;
	}
	#top #search {
		margin-right:20px;
	}
	#homepage-slider {
		height:inherit;
	}
	#homepage-slider .inner {

	}
	#homepage-slider img {
		border:none;
		display: block;
		overflow: hidden;
		width: 100%;
        height: auto;
        min-width: auto;
		max-width: inherit;
		text-align: right;
	}
	#homepage-sidebar {
		width:26%;
		padding-left:2%;
	}
	#homepage-product-catalog {
		width:100%;
	}
	#homepage-product-catalog ul#product-carousel {
		max-width:30%;
	}

	#homepage-product-catalog #product-information {
		max-width:40%;
		margin-left:55%;
	}
	#homepage-product-catalog #carousel-controller {
		max-width:55%;
	}
	#homepage-sidebar {
	}
    .carousel .carousel-content{
        top: 13%;
    }
    .carousel .carousel-text{
        max-width: 326px;
    }
}

@media only screen and (max-width: 970px) {
  .carousel .carousel-content {
    right: 0%;
  }
}

@media only screen and (max-width: 900px) {
  .carousel .carousel-text {
    text-align: right;
    max-width: 238px;
  }

  .carousel .carousel-content {
    top: 2%;
  }

  #homepage-slider .button {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 815px) {
  .carousel .carousel-content h2 {
    font-size: 1.4em;
  }

  #homepage-slider .button {
    font-size: 0.8em;
  }

  .carousel .carousel-text {
    padding-top: 25px;
  }
}

@media only screen and (max-width: 737px) {
	#top #logo {
		margin-left:5px;
		max-width:16%;
		min-width:120px;
	}
	#top #logo img {
		max-height:100%;
		width:auto;
		margin-left:20px;
	}

	.inner {
		max-width:96%;
		margin:0 auto;
	}
	#top .inner {
		max-width:100%;
	}
	#top #search {
		margin-right:20px;
	}
	#homepage-slider {
		height:inherit;
	}
	#homepage-slider .inner {
		width:100%;
		max-width:100%;
	}
	#homepage-slider img {
		border:none;
		display: block;
		overflow: hidden;
		min-width: auto;
		width: 100%;
		max-width: inherit;
		text-align: right;
	}
	#homepage-content .inner {
		width:100%;
		max-width:100%;
	}
	#homepage-content #content {
		float:none;
	}
	#homepage-sidebar {
		width:100%;
		padding-left:0;
		float:none;
	}
	#homepage-product-catalog {
		width:100%;
		height:auto;
	}
	#homepage-product-catalog ul#product-carousel {}

	#homepage-content .inner {
		width:100%;
		max-width:100%;
	}
	#homepage-sidebar,
	.homepage-section {
		margin:40px auto !important;
		width:97% !important;
		clear:both;
		float:none;

	}
	#homepage-sidebar {
		background:none;
	}

	#homepage-product-catalog #product-information {
		width:40%;
	}
	#page .inner #content {
		min-height:650px;
	}
	#homepage-sidebar, .homepage-section {
		width: 93% !important;
	}

  .carousel .carousel-text {
    padding-top: 34px;
  }
}



@media only screen and (max-width: 890px) {
	#top #logo {
    max-width: 12%;
    padding-bottom: 17px;
    line-height: 70px;
	}
	#top #top-menu > ul > li > ul {
		max-width:95% !important;
		top:29px;
	}
  #top #top-menu > ul > li {
    background: none !important;
  }
	.finder #advanced-search-toggle  {
		float:none;
		top:-10px;
	}

}
@media (max-width: 767px) {
		body {
		padding:0px !important;
	}

}

/* Equal to or larger than 738 */
@media only screen and (min-width: 738px) {
    ul.menu {
        display: block !important;
    }
}

@media (max-width: 737px) {

	/* MOBILE MENU */
	#top {
		height:auto;
	}
	#top #logo {
		padding-bottom: 10px;
    line-height: 80px;
	}

	#top-menu {
        padding-bottom: 0;
        width: 100%;
        float: none;
        position: relative;
    }
    #top #top-menu > ul,
    ul.menu {
    	position: inherit;
        height: auto;
        z-index: 1000;
        display: none;
    }

    /*body.home #menu { NEED CORRELATION ON THIS SITE
        display: none;
    }*/
    a#menu-open {
	    display: block;
		cursor: pointer;
		border-radius: 0;
		max-width: 100%;
		margin-bottom: 0;
		padding-right: 10px;
		font-size:15px;
		height:25px;
		line-height:20px;
		padding-left:30px;

    }
    a#menu-open span {
        display: inline-block;
    }

	#top #top-menu > ul >li {
		background:inherit !important;
		border:none !important;
	}

    #top #top-menu > ul > li a {
    	border:none;
		border-bottom:1px solid #0b86ca;
		background:  #219fd9; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzIxOWZkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjg2Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(-45deg,  #219fd9 30%, #0b86ca 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,#219fd9), color-stop(100%,#0b86ca)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #219fd9 30%,#0b86ca 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #219fd9 30%,#0b86ca 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #219fd9 30%,#0b86ca 100%); /* IE10+ */
		background: linear-gradient(135deg,  #219fd9 30%,#0b86ca 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219fd9', endColorstr='#0b86ca',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */



   		border-radius:0;
   		height:15px;
   		padding:10px;
	}
	#top #top-menu > ul >li > a {
   		color:#fff;
	    border-top:0;
    }
    ul.menu li {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        color:#fff;
    }
    ul.menu li a {
        text-align: left;
        width: auto;
    }
    ul.menu li.active a {
    }
    ul.menu li a:hover {
    	color:rgba(255,255,255, .9);
		box-shadow:inset 0 3px 2px 0 rgba(0, 0, 0, 0.15);
		border: 0;
		border-bottom:1px solid #0b86ca;
		background: #007ac2 !important; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwN2FjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzYwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
		background: -moz-linear-gradient(-45deg,  #007ac2 30%, #076099 100%)  !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,#007ac2), color-stop(100%,#076099)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #007ac2 30%,#076099 100%) !important; /* Chrome10+,Safari5.1+ */
		background:  -o-linear-gradient(-45deg,  #007ac2 30%,#076099 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #007ac2 30%,#076099 100%) !important; /* IE10+ */
		background:  linear-gradient(135deg,  #007ac2 30%,#076099 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ac2', endColorstr='#076099',GradientType=1 ) !important; /* IE6-8 fallback on horizontal gradient */

    }


    ul.menu ul.tert {
        position: absolute;
        display: none;
        top: -2000px;
        box-shadow: none;
        margin-bottom:0 !important;
        opacity:1 !important;
    }

    ul.menu ul.tert, ul.menu ul.tert li, ul.menu ul.tert li a {
        height: auto;
        margin:0 !important;
        float:none !important;
    }
    ul.menu ul.tert li a {
        padding-left: 2em;
    }
    /* REMOVE STYLE BELOW TO HIDE MOBILE SUBMENU */
    ul.menu li.active a+ul.tert {
        top: 0;
        left: 0;
        display: block !important;
        visibility: visible !important;
        position: relative;
        top: 0;
        margin-bottom: 1px;
        float: left;
        clear: both;
    }

    /* EXISTING MENU STYLE OVERRIDES */

	#top #top-menu > ul > li a:hover {

	}
    #top #top-menu > ul li ul {
		display: none !important;
		position: relative !important;
		background:none;
		margin-bottom:0 !important;

	}
	#top #top-menu > ul > li > ul > li > ul > li > ul,
	#top #top-menu > ul > li > .tert > li > ul {
		margin-bottom:0 !important;

	}
    #top #top-menu > ul > li a {
    	height: 15px !important;
    	padding: 10px !important;
    }
    #top #top-menu > ul li:hover > ul {
    	display: block !important;
    	position: relative !important;
    	top: 0 !important;
    	background: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    	width: 100% !important;
    	max-width:100% !important;
    	border:none;
    }
    #top #top-menu > ul > li:hover ul a {
    	color: #fff;
    }
    #top #top-menu > ul > li:hover ul a:hover {
    	color: #fff !important;
    }
    #top #top-menu ul {
    	width:100%;
    }
     #top #top-menu li {
     	width:inherit !important;
     }
      #top #top-menu li li {
     	width:inherit !important;
     }
	#top #top-menu > ul > li > ul > li > a {
		font-size:12px;
		text-indent:15px;
	}

	#top #top-menu > ul > li > ul > li > ul > li > a {
		text-indent:30px;
		font-style:italic;
	}
	#top #top-menu > ul > li > ul > li > ul > li > ul > li > a {
		text-indent:45px;
	}

	/* END MOBILE MENU */

	#sub-nav .inner ul {
		display:none !important;
	}
	#page .inner {
		width:100%;
		max-width:inherit;
	}
	#page .inner #content {
		margin-left:0;
		width:95.5%;
		padding:0 2% 0 2.5%;
		border:none;
	}
	#emagazine #page .inner #content {
		width: 100%;
	}
	#k2-header-img {

	}
    .carousel .carousel-content{
        top: -2%;
    }
}

@media only screen and (max-width: 700px) {
  .flex-grid {
    display: block;
  }

  .col + .col {
    margin-left: 0px;
    margin-top:20px;
  }

  #homepage-content .banner-content {
    background-color: #e8e9e9;
    height: 100%;
    position: static !important;
    margin-bottom: 20px;
  }

  .carousel .carousel-content {
    position: relative;
    background-color: #070707;
    height: 100%;
  }

  .carousel .carousel-text {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 45px;
    padding-right: 45px;
    max-width: none;
    text-align: left;
    position: static;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-shadow: none;
  }
}

@media only screen and (max-width: 680px) {
	.finder label[for="q"]{
		display:block;
	}
	#page-footer .footer-content {
		line-height:16px;
	}

	.carousel .carousel-content.japan-carousel {
	    background: url(../img/bracket-right.png) 90% 0 no-repeat;
	}
    .carousel .carousel-content.japan-carousel .carousel-text{
        max-width: none;
    }
}
@media only screen and (max-width: 599px) {
	/*#homepage-product-catalog {
		display:none;
	}*/

	#carousel-static {
		display: block;
		width: 200px;
		margin: 1.6em auto 0 auto;
		text-align: center;
	}
	#product-carousel {
		display: none;
	}
	#carousel-controller {
		display: none;
	}
	#carousel-static a.button.primary {
		margin: 1.2em auto 0 auto;
	}
	a#carousel-static-link {
		display: block;
		width: 200px;
	}
	#homepage-product-catalog {
		background: none;
	}

	#homepage-product-catalog #product-information {
		width: 200px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		text-align: center;
		display: none;
	}


}
@media only screen and (max-width: 530px) {
	.finder .filter-branch label {
		width:100%;
	}
	.finder .filter-branch label + select {
		width:100%;
		margin-bottom:1.5em;
	}

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

	#page .inner .item-page {
		padding-right: 0;
	}

	ul.tab-content {
		padding-left: 0;
	}
	.videos-embed {
		width: 100%;
		height: 100%;
	}

	.videos-embed iframe {
		width: 100%;
		height: 100%;
	}

	.carousel .carousel-content h2 {
		font-size: 1.2em;
	}
    .carousel .carousel-content.japan-carousel h2{
        font-size: 1.2em;
    }

	#homepage-slider .button {
		margin: 0 0 0 0;
	}

	#content.product #product-image,
	#content.product #product-information {
		width:100%;

		padding:0;
		display:block;
		text-align:center;


	}
	#content .items_list #product-information #product-summary {
		padding-right:0;
	}
	#content.product #product-image img{
		margin:20px auto 0;
		max-height:250px;
		display:block;
	}
	#content.product #product-information {
		padding-bottom:20px;
	}

	#content.product #product-information #product-title h1 {
		margin-top:0;
	}
	#content.product #product-information #product-summary h2 {
		margin-bottom:.8em;
	}
	#content.product #product-detail #product-page-tabs li {
		display:block;
		width:100%;
	}
	.product-orderinginfo-catnum {
		float:none;
		width:100%;
		text-align:left;
		margin-bottom:.2em;
	}
	#content.product #product-detail #product-page-tab-content #endorsement blockquote {
		font-size:16px;
		line-height:24px;
	}
	#content.product #product-detail #product-page-tab-content #endorsement blockquote + p {
		/* margin-left:60px; */
	}
	#page-footer .footer-content span,
	#page-footer .footer-content .menu {
		width:100%;
		display:block;
		float:none;
		text-align:center;
		margin-bottom:1em;
		padding:0;
	}
	#page-footer .footer-content .menu li {
		text-align:center;
		display:inline;
		float:none;
		margin:0 5px;
	}
	.finder #search-query-explained, .finder #advanced-search {
		width: 105%;
		left: -3%;
	}
  #content.product #product-detail #product-page-tabs li {
    background: none !important;
  }
}
@media only screen and (max-width: 460px) {

    .carousel .carousel-content .carousel-text {
        margin: 0px;
        max-width: none;
        bottom: -120px;
        padding-left: 50px;
        background-size: auto 100%;
        padding-right: 50px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-shadow: none;
    }

    #homepage-slider .custom_black-text-no-brackets .carousel-text:after {
        background-image: none;
    }

    .carousel .carousel-content p {
        width: 100%;
    }

    .carousel .carousel-content.japan-carousel{
        background: none;
    }
    .carousel .carousel-content.japan-carousel .carousel-text{
        text-shadow: none;
        background: none;
    }
    .carousel .carousel-content.japan-carousel h2{
        color: #f7941f;
    }
}
@media only screen and (max-width: 410px) {

	#top #search {
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding-bottom:5px;
		padding-top:10px;
		background: #007ac2; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwN2FjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzYwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(-45deg,  #007ac2 30%, #076099 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,#007ac2), color-stop(100%,#076099)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #007ac2 30%,#076099 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #007ac2 30%,#076099 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #007ac2 30%,#076099 100%); /* IE10+ */
		background: linear-gradient(135deg,  #007ac2 30%,#076099 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ac2', endColorstr='#076099',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	}
	#top #search input {
		border-radius:0 !important;
	}
	#top #mod-finder-searchword {
		width:90%;
		margin-left:10px;
		box-shadow:none;
	}
	#top #searchsubmit {
		-webkit-box-shadow:  0 1px 1px rgba(0,0,0,0.3);
		-moz-box-shadow:  0 1px 1px rgba(0,0,0,0.3);
		box-shadow:  0 1px 1px rgba(0,0,0,0.3);
		right:10px;
		top:10px;
	}
	#top #logo {
		display:block;
		max-width:35%;
		width:auto;
		min-width:auto;
		margin: 0 0 0 10px;
		padding:10px 0;
		text-align:center;
	}
	#top #logo img {
		margin:0 auto;
	}

	.contact-row .contact-info {
		width: 100%;
		float: none;
	}

	.contact-row .address-info {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	div.itemImageBlock {
		float:none;
		margin:10px 0;
		padding:0;
		max-width:100%;

	}

	span.itemImage {
	}
	span.itemImage img {
		padding:8px 0;
	}

  #homepage-content .banner-text h2 {
    font-size: 1em;
  }

  #homepage-content .banner-content .button {
    margin-top: 0px;
  }
}