/* video promotion*/
@media only screen and (max-width: 1200px)  {
  #video-promotion .video-overlay img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1335px) {
  #video-wrapper iframe {
    width: 560px;
    height: 315px;
  }
  .home-split.active .wrapper {
    visibility: hidden;
  }
  .home-split.active {
    height: 315px;
  }
  .home-split.active .goleft1, .goright1 {
    margin-top: 108px;
  }
  .home-split.active .col2 {
    width: 560px;
  }
  .home-split.active .wrappernew {
    padding: 0 568px 0 0;
  }
  #video-wrapper .ifr.active .wrappervideoimageinner1,
  #video-wrapper .ifr.active .wrappervideoimageinner2 {
    margin: auto;
    width: 560px;
    margin-top: 0;
    height: 315px;
    background-position-x: -137px;
    background-size: 864px 315px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    -khtml-opacity: 1.0 !important; 
    opacity: 1.0 !important;
    
    -webkit-transition: margin ease, margin-top 1s ease, width 1s ease, height 1s ease, background-position-x 1s ease, margin-left 1s ease, margin-top 1s ease, background-size 1s ease, opacity 1s ease 1s;
    -moz-transition: margin ease, margin-top 1s ease, width 1s ease, height 1s ease, background-position-x 1s ease, margin-left 1s ease, margin-top 1s ease, background-size 1s ease, opacity 1s ease 1s;
    transition: margin ease, margin-top 1s ease, width 1s ease, height 1s ease, background-position-x 1s ease, margin-left 1s ease, margin-top 1s ease, background-size 1s ease, opacity 1s ease 1s;
  }
}

/* */
@media only screen and (max-width: 1095px)  {
	div.content,
	div#footer-menu,
	div#contact,
	div#footer-copyright-inner,
	div#breadcrumb_container,
	div#header {
      width: auto;
	}
	div#text-8 {
	  margin-bottom:12px;
	}
  .home-split.active .goleft1, .goright1 {
    text-indent: -99999px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px)  {
	/* 4 tiles */
	#next {
	   right: -365px;
	}
	#prev {
	   left: -365px;
	}
	#carousel div.slide {
	   width: 730px;
	}
	div.logo a {
	   margin-left: 15px;
	}
}
@media only screen and (min-width: 1041px) {
	/* footer */
	div#footer-menu ul#menu-footer-navigation ul.sub-menu {
	   display: block;
	}
}
@media only screen and (min-width: 320px) and (max-width: 450px) {
.video-overlay iframe { /* iframe gets moved from video-wrapper */
      height: 150px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  
    /* homepage video and consumer/industrial section */
    div.home-split,
    div.home-split .wrapper,
    body.home div#header-wrapper {
      height: auto !important;
    }
    div#consumer, div#industries, div#video-promotion {
      width: 100%;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1.0;
      -khtml-opacity: 1.0;
      opacity: 1.0;
    }
    .home-split.active {
      background-color: transparent;
    }
    #video-wrapper iframe {
      width: 560px;
      height: 315px;
    }
    .home-split.active div#consumer, .home-split.active div#industries {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1.0;
      -khtml-opacity: 1.0;
      opacity: 1.0;
    }
    .col1, .col3 {
      display: none;
    }
    .video-overlay iframe { /* iframe gets moved from video-wrapper */
      width: 100%;
      height: 250px;
    }
    #video-wrapper .ifr.active .wrappervideoimage {
      display: none;
    }
    .home-split.active .wrapper > div, .home-split.active .wrapper div.vid {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1.0;
      -khtml-opacity: 1.0;
      opacity: 1.0;
    }
    #video-promotion .video-overlay > img {
      max-width: 100%;
    }
    
	/* 1 tile */
	#next {
		right: -182px;
		top: -100px;
	}
	#prev {
		left: -183px;
		top: -100px;
	}
	#carousel div.slide {
		width: 365px;
		margin-right: 0 !important;
	}
	#metro_wrapper, #metro_slider {
		height: 213px;
	}
	div#consumer, div#industries {
		display: block;
		width: 100%;
		border: none;
	}
	div.home-split-padding img {
		width: 100%;
		height: auto;
	}
	div.home-split .sub_subtitle {
		height: inherit;
	}
	.js-masonry > div {
		display: none;
	}
	.js-masonry > div:first-child {
		display: block;
	}
	
	/* Contact Us */
	div#contact div.gform_wrapper form li#field_1_1, 
	div#contact div.gform_wrapper form li#field_1_2, 
	div#contact div.gform_wrapper form li#field_1_3,
	div#contact div.gform_wrapper form li#field_1_7,
	div#contact div.gform_wrapper, 
	div#contact div#gforms_confirmation_message,
	div#contact ul li.contact-form {
		width: auto;
	}
	div#contact div.gform_wrapper form li#field_1_4,
	div#contact div.gform_wrapper form li#field_1_5,
	div#contact div.gform_wrapper form li#field_1_6 {
		display: none;
	}
	div#contact ul li.information .contact-expert,
	div#contact ul li.information .social {
		float: none !important;
	}
	
	/* change logo down when get to 1 tile */
	div.logo a {
		background-size: 134px;
		margin-left: 15px;
	}
	#hamburger {
		margin: 34px 30px 20px 50px !important;
		padding-top: 30px;
	}
	div#header {
		height: 121px;
	}
	#metro_wrapper {
		top: 333px;
	}
	#nav-main {
		top: -27px !important;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
	/* iPad landscape in blue area */
	
	/* center product list */
	div.products ul li {
		float: none;
		display: inherit;
		margin: 0 auto;
		margin-bottom: 40px;
		
	}
	div#product-grid ul,
	div#related-products ul {
		margin: 0 auto;
	}
	div.products div.entry {
		min-height: 0;
	}
	div#product-grid ul, div#related-products ul {
		width: 100%;
	}
	/* archive */
	body.archive.category div.content div.featured-image.post-featured-lg {
		display: none;
	}
	body.archive.category div.channel-wrapper div.channel-meta {
		padding: 20px 20px 20px 20px;
	}
	body.archive.category div.channel-wrapper div.hentry {
		padding-right: 0;
	}
	
}
@media only screen and (min-width: 700px) and (max-width: 1023px) {
	div#product-grid ul, div#related-products ul {
		width: 50%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1040px) {
	
	/* contact us */
	div#contact ul > li {
		float: none;
	}
	div#contact ul li.information {
		width: 60%;
		min-width: 300px;
		margin: 0 auto;
	}
	div#contact ul li.information .contact-expert {
		float: left;
	}
	div#contact ul li.information .social {
		float: right;
	}
	
	/* footer */
	div#footer-menu ul#menu-footer-navigation > li > ul.sub-menu {
		display: none;
	}
	div#footer-menu ul#menu-footer-navigation>li {
		float: none;
		display: block;
		min-height: initial;
		border-right: none;
		width: 100% !important;
		border-top: 1px solid #4380a7;
	}
	div#footer-menu ul#menu-footer-navigation>li:last-child {
		border-bottom: 1px solid #4380a7;
	}
	div#footer-menu ul#menu-footer-navigation>li>a {
		background: url(../images/footer-arrow.png) no-repeat right;
		border-bottom: none;
	}
	div#footer-menu ul#menu-footer-navigation>li>a.active {
		background: url(../images/footer-close.png?v=1) no-repeat right;
	}
	div#footer-copyright {
		border: none;
	}
	
	/* custom solution */
	div#ad-callout div.featured-image {
		display: none;
	}
	div#ad-callout div.entry {
		width: 100%;
	}
}
@media only screen and (min-width: 970px) and (max-width: 1074px) {
	/* header */
	#nav-main {
		width: 730px;
	}
	#nav-main ul li a.parent {
		padding: 6px 15px;
	}
}
@media only screen and (min-width: 910px) {
	/* main menu changes here from hamburger to drop-down */
	
	#nav-main ul li:hover ul {
		display: block;  
		position: absolute; 
		left: 0px; 
		top: 142px; 
		width: 300px; 
		z-index: 999;
	    box-shadow: 0 8px 0 8px rgba(0, 0, 0, 0.2);
	}
	
	#nav-main ul li:hover ul.sub-menu li a {
		background: none !important; 
		border: none !important;
		display: block; 
		float: left; 
		font-size: 13px;
		font-family: 'Conv_helvetica-light'; 
		margin: 0px; 
		position: relative; 
		width: 300px;
		line-height: 100% !important;
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.0);
	}	
}
@media only screen and (max-width: 881px) {
	/* main menu changes here from drop-down to hamburger */
	#nav-main ul li.hover ul {
		display: block;  
		position: absolute; 
		left: 0px; 
		top: 142px; 
		width: 300px; 
		z-index: 999;
	    box-shadow: 0 8px 0 8px rgba(0, 0, 0, 0.2);
	}
	
	#nav-main ul li.hover ul.sub-menu li a {
		background: none !important; 
		border: none !important;
		display: block; 
		float: left; 
		font-size: 13px;
		font-family: 'Conv_helvetica-light'; 
		margin: 0px; 
		position: relative; 
		width: 300px;
		line-height: 100% !important;
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.0);
	}	
}
@media only screen and (min-width: 910px) and (max-width: 969px) {
	/* header */
	#nav-main {
		width: 675px;
	}
	#nav-main ul li a.parent {
		padding: 6px 10px;
	}
}
@media only screen and (max-width: 1120px) {
	/* Sidebars get moved to body */
	div#post-2533 img.wp-image-3227 {
		display: none;
	}
	div.content div#copy,
	.woocommerce div.content div#copy {
		width: 100%;
	}
	div.callout.grey {
		width: 267px;
	}
	#copy h1 .featured-image {
		margin-top: 25px;
		position: relative;
	}
	#copy h1 .featured-image .square-image {
		margin: 0 auto;
		background-size: cover !important;
		background-position: center center;
		width: 100% !important;
	}
	
	.woocommerce #copy h1 .featured-image .square-image {
		background-size:auto !important;
		background-position:50% 0px !important;
	}
	
	.woocommerce-cart div.content div#copy {
		width:100%;
	}
	
	ul.widget_channels {
		width: 60%;
	}
	#wp-paginate {
		margin-bottom: 50px;
		margin-top: -50px;
	}
	div#copy div#wp-paginate ol {
		margin: 0 auto;
		width: 50%;
		white-space: nowrap;
	}
	div.widget_compact-archives ul li strong {
		background-size: 84% 48px !important;
	}
	div#breadcrumb_container {
		margin-left: 20px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 700px) {
	div.products ul li div.featured-image {
		float: none;
		width: 190px;
	}
	div.products div.entry {
		width: 190px;
	}
	#copy h1 .featured-image .square-image {
		width: 100% !important;
	}
	#investors .type-investors .entry {
		margin: 0;
	}
	div.products ul li {
		width: 190px;
	}
}
@media only screen and (max-width: 560px) {
	/* Video in the sidebar */
	#copy iframe {
		width: 100%;
		height: 50%;
	}
	
	/* Blog teasers.  Move below image */
	div.hentry div.entry {
		margin: 0;
	}
	div.hentry div.featured-image {
		position: relative;
		margin-bottom: 10px;
	}
	div.featured-image .square-image {
		background-size: cover !important;
		width: 100% !important;
	}
	ul.widget_channels {
		width: auto;
	}
}
@media only screen and (max-width: 400px) {
	div#copy div#wp-paginate ol {
		width: 100%;
	}
	a.large-green, p.large-green a {
		width: 205px;
	}
}
@media only screen and (max-width: 360px) {
	#breadcrumbs .breadcrumb_last {
		display: none;
	}
	.item .metro_title_position {
		width: 268px !important;
		text-align: left;
		margin-left: 20px;
	}
	.item.social1,
	.item.social2,
	.item.xsmall_left,
	.item.xsmall_right {
		display: none;
	}
	div#sidebar ul.widget_channels li a, div#copy ul.widget_channels li a {
		font-size: 10pt;
	}
	
	div.widget_compact-archives ul {
		margin-left: 0 !important;
	}
	
	/* blog arrows */
	div.blognav a {
		width: 123px;
	}
	div#text-8 {
		margin-bottom: 10px;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 909px) {
	#hamburger {
		background: #fff url("../images/menu-icon.png") no-repeat center right;
		margin: 50px 30px 50px 50px;
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-indent: -9999px;
		float: right;
		display: inline-block;
		z-index: 10002;
		position: relative;
	}
	#hamburger.active {
		background: #fff url("../images/menu-close.png") no-repeat center right
	}
	ul#menu-header-navigation li:last-child {
		border-bottom: none;
	}
	#nav-main ul li ul.sub-menu li.top_items,
	#nav-main ul li ul.sub-menu li.top_items_divider,
	#nav-main ul li ul.sub-menu li.bottom_items,
	#nav-main ul li ul.sub-menu li.bottom_items_divider,
	#nav-main ul li ul.sub-menu li.top_section_title_clipboard,
	#nav-main ul li ul.sub-menu li.bottom_section_title_tower,
	#nav-main ul li ul.sub-menu li.bottom_section_title_tower_divider,
	#nav-main ul li ul.sub-menu li.bottom_section_title,
	#nav-main ul li ul.sub-menu li.bottom_section_title_divider {
		padding: 0 0 10px 0 !important;
	}
	#nav-main ul li ul.sub-menu li.bottom_section_title a,
	#nav-main ul li ul.sub-menu li.bottom_section_title_tower a {
		padding-top: 25px;
	}
	
	#search form {
		display: block !important;
	}
	#search a {
		display: none !important;
	}
	div#header div#search form#site_search {
		width: 100%;
		top: 0;
		right: 0;
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}
	#nav-main {
		width: 100%;
		background: #ffffff;
		height: auto;
		z-index: 10000;
		clear: both;
		float: none;
		margin-left: 0;
		top: -10px;
	}
	div#header div.logo {
		position: absolute;
		z-index: 10001;
	}
	#nav-main ul li ul.sub-menu {
		top: 0;
		padding-top: 0;
	}
	#nav-main ul li ul.sub-menu li,
	#nav-main ul li ul.children li {
		width: 100% !important;
		display:block;
	}
	#nav-main ul li ul.sub-menu li.top_section_title {
		margin-left: 40px;
		padding: 0;
	}
	.top_header_nav {
	 width:100%;
	 margin-top:-118px;
	}
	 .active {
	 display: block;
	}
	#nav-main ul li a {
		color: #fff;
	}
	ul#menu-header-navigation
	{
		display: none;
		background-color: #4bab48;
		height:auto;
		position: relative;
	    z-index: 10000;
		clear:both;
		float:none;
		margin: 0;
	}
	 ul#menu-header-navigation > li {
	 float: none;
	 z-index:auto;
	}
	 ul#menu-header-navigation > li > .parent {
	 background-position: 95% 50%;
	}
	 ul#menu-header-navigation li li .parent {
	 background-repeat: no-repeat;
	 background-position: 95% 50%;
	}
	 ul#menu-header-navigation ul {
	 display: block;
	 width: 100%;
	}
	 ul#menu-header-navigation li ul {
	 position: absolute;
	 left: -9999px;
	}
	ul#menu-header-navigation > li > a {
	 line-height: 30px;
	 display: block;
	}
	ul#menu-header-navigation li:hover a {
	  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	ul#menu-header-navigation > li.hover > ul, ul#menu-header-navigation li li.hover ul {
	  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	 position: static;
	}
	ul#menu-header-navigation li ul.sub-menu, ul#menu-header-navigation li ul.children {
	 width:100%;
	 position:relative;
	}
	ul#menu-header-navigation li ul.sub-menu li a, ul#menu-header-navigation li ul.children li a {
	 display: block;
	 width: 100%;
	 padding-left: 40px;
	}
	ul#menu-header-navigation li li.hover ul {
	 left: 100%;
	 top: 0;
	}
	ul#menu-header-navigation:after {
	 clear: both;
	}
	ul#menu-header-navigation > li.hover > ul {
	 left: 0;
	}
	ul#menu-header-navigation li li a {
	 display: block;
	 position: relative;
	 z-index:100;
	 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	 width: 90% !important;
	 padding-left: 50px !important;
	}
	ul#menu-header-navigation li {
	 display: block;
	 position: relative;
	 width: 100%;
	 border-bottom:1px solid #fff;
	}
	ul#menu-header-navigation li a {
	 display: block;
	 position: relative;
	 z-index:100;
	 background: #54a947 url("../images/nav-arrow.png") no-repeat 96% center !important;
	}
	ul#menu-header-navigation li.hover > a {
		background: #54a947 url("../images/nav-close.png") no-repeat 96% center !important;
	}
	ul#menu-header-navigation li:hover ul {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	div#search 
	{
		display: none;
		float:none !important;
		margin-left:0;
		clear: both;
		border-bottom: 1px solid #fff;
	}
	div#search a {
		display: none;
	}
	div#search form#site_search {
	    top: 22px;
	    right: 11px;
		position:static;
		box-shadow: none !important;
	}
	div#search form#site_search.active {display:block;}
	form#site_search input {
	    float:left;
	    border:1px solid #dedede;
	    height:27px;
	    font-size:12px;
	    margin-left: 3%;
		width: 74%;
	}
	form#site_search button {
	    background: #d3d2d2;
	    color: #FFF;
	    display:block;
	    border:0;
	    height:29px;
	    margin-right: 3%;
		width: 10%;
	    cursor: pointer;
	}
}

@media only screen and (max-width: 768px) {
	.terms-and-conditions-wrap {
		width:100%;
	}

}

@media only screen and (max-width: 767px) {
	.woocommerce-cart div.content div#copy {
		width:100%;
	}
}

@media only screen and (max-width: 479px) {
	div.callout.grey {
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
}