/*Media Query Mediium Display*/
@media screen and (max-width:1199px){
	.vc_responsive .wpb_row .vc_span9{ width: 75.8% !important; }
	.vc_responsive .wpb_row .vc_span3{ width: 24% !important; overflow: hidden !important; }
	
	.vc_wp_custommenu li img{ width: 228px !important; height: 163px !important; }
	.vc_wp_custommenu .image{ height: 163px !important; }
	.vc_wp_custommenu li{ max-width: 228px !important; }
	.wpb_text_column .wpb_wrapper.image{ max-width: 100% !important; }
	
	.main{ max-width: 964px !important; }
	.menuBox li{ max-width: 192px; }
	.menuBox li{ width: 19.87% !important; }
	.footerBox .footerMenuWrap div.titleText{ width: 30% !important; }
	
	/* menu fix, Yoeri 29 june 2015 */
	.menuBox li .subMenu .submenuTop .item {width:30%; margin:0; padding:0 1%; font-size: 95%;}
	.menuBox li .subMenu .submenuTop ul li{width:100% !important;max-width:100%;float:none;}
	.menuBox li .subMenu .submenuBot{width:96%; padding:10px 2% 0 2%;}
	.menuBox li .subMenu .submenuTop .image img{width:100%;}
	/* added by raphael 24-7-15 */
	.detailedContent .model{width:114%;}
	.detailedContent .modelInformation ul li{width:calc(93%/3);}
	/* Dennis
	.detailedContent .modelInformation a{margin-right:10px;} */
	
		/* ### Product page ### */
	.text-with-image{ width:24.6%; }
	.text-with-image a{ width: 84%; }
	
	/* added by raphael 28-9-2015 
	.gform_wrapper.salesforce .top_label  input.medium, .gform_wrapper.salesforce .top_label select.medium {  width: 59% !important;}
	.gform_wrapper.salesforce  .top_label .clearNoFloat {} */
	/*added by raphael 5-11-2015*/
	.salesforce li.gfield label.gfield_label {
		text-align: left;
	}
	.salesforce label.gfield_label {
		padding-left: 3% !important;
	}
	.salesforce li.gfield label.error {  top: auto;bottom: 15%;}
	.salesforce .gform_footer .gform_button{margin-right:68.5% !important;}
	
	/*added by dennis 3-12-2015 */
	body.home .products img{ height:auto !important; max-height:220px; }
	body.home .products .txt-img-block{ height:auto !important; max-height:220px; }
	.categoryContent img {height:auto;}
	.detailedContent .model .modelInformation {width:45%;}
	.detailedContent .modelInformation a.pdfd {right:-10px;}
	/*added by mattia 19-01-2016*/
	.wpb_wrapper_inner p img{height:auto!important; }
	
	/* ### Homepage Dealer Locator  ### */	
	.findDealer .wpb_wrapper_inner{ padding: 17px; }
	.findDealer #dealerLocator-form{ margin-left: 17px; }
	
}

/*Media Query   Portrait Tablets*/
@media screen and (max-width:979px){

	input, textarea, button {
		-webkit-appearance: none; /*Safari/Chrome*/
		-moz-appearance: none; /*Firefox*/
		-ms-appearance: none; /*IE*/
		-o-appearance: none; /*Opera*/
		appearance: none;
		-webkit-border-radius: 0; 
	}

	.home .wpb_row.vc_row-fluid{ padding-left: 0px !important; }
	.home .noBottom{ margin-bottom: 15px !important; }
	.home.vc_responsive .wpb_row .vc_span3{ margin-bottom: 0px !important; }

	.vc_responsive .wpb_row .vc_span9{ width: 76% !important; }
	.vc_responsive .wpb_row .vc_span3{ width: 24% !important;  overflow: hidden !important; }
	.home .wpb_row .vc_span9{ width: 72% !important; }
	
	.vc_wp_custommenu li img{ width: 174px !important; height: 151px !important; }
	.vc_wp_custommenu .image{ height: 151px !important; }
	.vc_wp_custommenu li{ max-width: 174px !important; }
	
	.main{ max-width: 748px !important; }
	.menuBox li{ max-width: 149px; }
	.menuBox li{ width: 19.83% !important; }
	.footerBox .footerMenuWrap div.titleText{ width: 30% !important; } 
	.wpb_tabs .wpb_tabs_nav li{ width: 32% !important;  }
	
	.regalCalendar, .regalContent{ width: 100% !important; }
	.regalCalendar.left, .regalCalendar.right{ float: none !important; }
	
	/* Added, latest news, fix stephan, 04-07-2015 */
	.latestNewsBox li span.date{ width: 24% !important; }
	.latestNewsBox li .title{ width: 75% !important; }
	
	/* Added, textblock with image, fix stephan, 04-07-2015 */
	.wpb_text_column .wpb_wrapper.image h3 a, .wpb_text_column .wpb_wrapper.image h3 span{ font-size: 13px !important; }
	
	/* Added, center fix, stephan, 04-07-2015 */
	.home .wpb_row.vc_row-fluid{ padding-left: 28px; }
	
	/* Copyright bottom fix, stephan, 04-07-2015 */
	.copyrightBox p{ font-size: 11px; }
	
	/* text block with image */
	.txt-img-block div.txt-img-block-container h3{
		font-size:12px;
		background-position: 98% 50%;
	}
	/* ### Product page ### */
	.text-with-image{width:46%;}
	.text-with-image:nth-child(odd){margin-right: 7.5%}
	/* added by raphael 5-11-2015 */
	.salesforce li.gfield label.error{    position: relative;		clear: both;		text-align: left;		margin-left: 5%;}
	.salesforce .gform_footer .gform_button {		margin-right: 59.5% !important;	}
	
	/* ### Buttons ### */
	.buttons .wpb_wrapper_inner p img, .buttons img{ width: auto !important; }
	
	/* ### Homepage Bottom Links ### */
	.wpb_content_element.right div.txt-img-block-container h3.external{ background: url('/wp-content/themes/HCMENL/images/icon_feature_popup.png') 100% 52% no-repeat rgba(0,0,0,1) !important; }
	.wpb_content_element.right div.txt-img-block-container h3.external{ width: 73% !important; height: 86px !important; }
	
}
/*Media Query   Phones to Tablets*/
@media screen and (max-width:767px){
	/* title in banner font adjust*/
	.titleInBanner .productDescBox h2{
		/*margin-top: -40px;*/
		font-size: 40px;
		line-height: 40px;
	}
	/* ### General ### */
	body, html{ overflow-x:hidden !important; }
	div.fullwidthHolder{width:100%; margin:0 !important;}
    .main { width: 94% !important; max-width: 100% !important; }
    html body #wpadminbar {z-index: 999999999 !important;position: fixed !important;}
    .alignright, .alignleft {clear: both; float: none; margin: 0 auto;}
	#leftCntr, #rightCntr {width: 100%;}
	#wrapper{ margin-top: 0px; }
	
	/* ### Header ### */
	div#headerCntr .main, .footerBox .main, .copyrightBox .main{ width: 100% !important; }
	#headerCntr .main{ background: url('../images/header-bg.jpg') left -27px repeat-x; height: 61px; }	
	#contentCntr{ border-top: 0px !important; }
	.relaibleSolutions{ overflow: inherit !important; }
	.breadCrumb, .contentTopBox.hasBanner .breadCrumb{ opacity: 0 !important; }	
	.contentTopBox.hasBanner .main, .contentTopBox.hasBanner{ height: 199px; }
	.contentTopBox.hasBanner .bannerTop{ height: 195px; }
	.contentTopBox.hasBanner h2{ left: 0; padding-left: 15px; }	
	
	/* ### Meanmenu Custom Styling And Header### */
    .menuBox, #megadrop {opacity: 0 !important;position: absolute; top: -600px;}
    #headerCntr { height: 60px;}
	#headerCntr h1 a{ font-size: 13px !important; padding-top: 5px; }
	.jp #headerCntr h1 a{ font-size: 17px !important; }
	
	/* ### Mean bar ### */
	.mean-container .mean-bar {z-index: 9999999999999 !important;min-height: 40px; height: 40px;background: -moz-linear-gradient(top, #2a2a2a 0%, #323232 100%);background: -o-linear-gradient(top, #2a2a2a 0%, #323232 100%);background: -ms-linear-gradient(top, #2a2a2a 0%, #323232 100%);background: linear-gradient(to bottom, #2a2a2a 0%, #323232 100%);}
    .mean-container .mean-nav {background: #4c4c4c;margin-top: 0;}
    .mean-bar > span.label {opacity: 0;}
    .mean-container a.meanmenu-reveal {border-right: 1px solid #1b1b1b; height: 24px;line-height: 19px;}
    .mean-container a.meanmenu-reveal.meanclose {background: #4c4c4c !important;color: #ACACAC;}
    .mean-container .mean-nav ul li a.mean-expand {height: 20px;margin-top: 0;background: #4c4c4c !important;line-height: 20px; border-bottom: none !important;border-left: 1px solid #3d3d3d !important;}
    .mean-container .mean-nav ul li a {border-top: none;text-transform: none;background: url("../images/arw2.png") right 18px top 50% no-repeat; opacity: 1 !important;height: 16px;line-height: 16px;}
    /* no submenus, always show link icon, Yoeri 5 july 2015 
	.mean-container .mean-nav ul li.menu-item-has-children > a {background: none;}
	.mean-container .mean-nav ul li.menu-item-has-children:hover > a {background: none;}
	.mean-container .mean-nav ul li.menu-item-has-children:hover > a:first-of-type{background: rgba(255,255,255,0.1);}
	*/
    .mean-container .mean-nav ul li a:hover {background: #252525;background: rgba(255,255,255,0.1) url("../images/arw2.png") right 18px top 50% no-repeat;}
    .mean-container .mean-nav ul li.meanExtra {background: #676767;background-size: 14px 15px;border-top: 1px solid #5a5a5a;}
    .mean-container .mean-nav ul li {border-top: 1px solid #3d3d3d;}
    .mean-container .mean-nav ul li li, .mean-container .mean-nav ul li li:first-of-type {border-top: 1px solid #3d3d3d;}
    .mean-container .mean-nav ul li li a {border-top: none;}
    .mean-container .mean-nav ul li:first-of-type {border-top: none;}
    .mean-container .mean-nav ul li:last-of-type {border-bottom: 1px solid #5a5a5a;}
    .mean-container .mean-nav ul.sub-menu li:last-of-type {border-bottom: none;}    
    .mean-container .mean-nav span.page-title-original-menu {display: block;}
    .mean-container a.meanmenu-reveal span {background: #ACACAC;}
    .meanmenu-search {background: url("../images/icon_sp_search.png") 50% 50% no-repeat !important;background-size: 20px 20px;width: 22px;height: 24px;border-right: 1px solid #1b1b1b;padding: 13px 13px 11px 13px;cursor: pointer;color: #fff;text-decoration: none;line-height: 22px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: 700;left: 48px;right: auto;text-align: center;text-indent: 0px;font-size: 30px;position: absolute;top: 0;}
    .meanmenu-search.open {background: #4c4c4c url("../images/icon_sp_search.png") 50% 50% no-repeat !important;}
    .meanSearch {margin-top: 44px;}
    .meanSearch .searchOption {display: none;background: #4c4c4c;border-bottom: 1px solid #1b1b1b;padding: 1em 5%;}
    .meanSearch .searchOption form{overflow: hidden;}
    .meanSearch .searchOption input[type="text"] {height: 30px;padding: 0 0 0 30px;background: #fff url("../images/icon_sp_search.png") 4px 50% no-repeat;background-size: 20px 19px;border: solid #333333;border-width: 1px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;font-size: 1.4em;outline: none;width: 100%;}
    .meanSearch .searchOption input[type="submit"] {display: none;}
    .meanSearch .searchOption > p {color: #b3b3b3;font-size: 0.9em;text-align: right;}
    .mean-bar > em {position: absolute;z-index: 99999;top: 0;right: 10px;color: white;line-height: 48px;text-decoration: none;font-style: normal;}    
	
	/* ### Banner Thumbs homepage slider ### */
	#contentCntr .bannerThumbs{display:block !important}
    #contentCntr .bannerThumbs {opacity: 1 !important;}
    #contentCntr .bannerThumbs ul {list-style: none;width: 100%; max-width: 100%;}
    #contentCntr .bannerThumbs li {width: 100%;height: 127px;background: #4c4c4c url("../images/arw2.png") right 10px center no-repeat;margin-bottom: 40px;border-left: 3px solid #f6661d;}
    #contentCntr .bannerThumbs li {width: 99%; height: 127px;}
    #contentCntr .bannerThumbs li:hover .image {-webkit-transition: none;-moz-transition: none;-o-transition: opacity 0 ease-in;opacity: 1;cursor: pointer;}
    #contentCntr .bannerThumbs li a {display: block; width: 100%; height: 127px;}
    #contentCntr .bannerThumbs li img {width: 212px; height: 127px;float: left;}
    #contentCntr .bannerThumbs li .description {float: left;}
    #contentCntr .bannerThumbs li .description p {color: white;font-weight: bold; line-height: 127px;padding-left: 10px;}   
    
    /* ### News and search ### */
    .latestNewsBox li .newsImage {width: 18%;padding-right: 2%;min-width: 0;}
    .latestNewsBox li .desc {max-width: 100%;padding-right: 0;}
    .search .latestNewsBox ol li h3.title {background: url('../images/play-button.png') 0px 5px no-repeat;padding-left: 10px;}        
	
    /* ### Visual Composer ### */
    .wpb_column {padding: 0 !important;width: 100% !important;float: none !important;clear: both !important;}
	.wpb_content_element, .wpb_row{ margin-bottom: 35px !important; }	
	.vc_wp_custommenu li {width: 100%;max-width: 100% !important; height: 127px;background: #4c4c4c url("../images/arw2.png") right 10px center no-repeat;margin-bottom: 40px;border-left: 3px solid #f6661d;}
    .vc_wp_custommenu li {width: 100%; height: 127px;}
    .vc_wp_custommenu li a {display: block; width: 100%; height: 127px;}
	

    .vc_wp_custommenu li img {width: 205px !important; height: auto !important;float: left;}
	.vc_wp_custommenu li .description{ float: left;width: auto;background: none;position: static;}
	.vc_wp_custommenu li .description p {color: white;font-weight: bold; line-height: 127px;padding-left: 10px;background: none !important;}    
	.vc_wp_custommenu li { margin-left: 0px !important; }	
    
	.vc_wp_custommenu.submenuBox li {background: #f2f2f0; border-left: none;}
    .vc_wp_custommenu.submenuBox li a {height: auto;}
	.vc_responsive .wpb_row .vc_span9{ width: 100% !important; float: none !important; }
	.vc_responsive .wpb_row .vc_span3{ width: 100% !important; float: none !important; overflow: hidden !important; }
	.vc_wp_custommenu .image{ height: auto !important; }
	.vc_wp_custommenu li img{ height: 127px !important; width: 205px !important; }
	.wpb_tabs .wpb_tabs_nav li{ float: none !important; width: 100% !important; margin-top: 0px !important; }
	.wpb_tabs_nav li.ui-tabs-active, .wpb_tabs_nav li{ margin-top: 0px !important; }
	.wpb_tabs_nav li:first-of-type, .wpb_tabs_nav li{ border-width: 1px 1px 1px 1px !important; margin-left: 0px !important; }
    
	
	/* ### Changes, Stephan, 04-07-2015 ### */
	.wpb_text_column .wpb_wrapper{ min-height: inherit !important; }
	.wpb_text_column .wpb_wrapper.image .image img{ margin:0px !important; padding: 0px !important; width: 31% !important; height: auto !important; float: left; }
	.wpb_text_column .wpb_wrapper.image .image{ background-color: #4c4c4c; width: 100%; overflow: hidden; }
	.wpb_text_column .wpb_wrapper.image .image a{ display: block; clear: both; overflow: hidden; }
	.wpb_text_column .wpb_wrapper.image h3 .bg{ background: none !important; }
	.wpb_text_column .wpb_wrapper.image h3{ display: table; float: left; background: transparent url('../images/arw2.png') right no-repeat; position: static; width: 67%; height: 100%; }	
	.wpb_text_column .wpb_wrapper.image h3 .arrow{ display: none; }
	.wpb_text_column .wpb_wrapper.image .wpb_wrapper_inner{ clear: both; overflow: hiden;}
	.wpb_text_column.wpb_content_element{ border-width: 0px !important; }
	.wpb_text_column .wpb_wrapper.image img{ border-width: 0px 0px 0px 2px !important; border-color: #ff6600 !important; border-style: solid !important; }	
	.wpb_text_column .wpb_wrapper .wpb_wrapper_inner{ padding-top: 15px; }
	.wpb_text_column .wpb_wrapper.image h3 span{ padding: 0px !important; padding-left: 10px !important; height: inherit !important; }
	
    /* ### PopupBox ### */
    div.popupContent {width: 90%;padding: 4%;}
    div.popupContent span.downloadButton {top: 0px;}
    
    /* ### Footer ### */
    .compare #footerCntr {margin-bottom: 53px;}
    .footerBox .main {width: 100%; padding: 0;}
    .footerBox .footerin {padding-top: 0;}
    .footerBox h2 {float: left;width: 49.8%;text-align: center;padding: 0;}
    .footerBox h2 a {display: block;color: #fff;font-weight: normal;line-height: 27px;padding: 15px 0;}
    .footerBox h2 a img {width: 13px; height: auto;margin-right: 5px;display: inline-block;}
    .footerBox span.toptop {float: left;display: block;width: 50%;text-align: center;border-left: 1px solid #262625;}
    .footerBox a.backtotop {display: block; width: 100%; text-align: center;position: relative;top: 0px;background: transparent;font-size: 13px;padding: 15px 0;}
    .footerBox a.backtotop img {width: 7px; height: 6px;margin-right: 5px;display: inline-block;}
    .footerBox .footerMenuWrap {border-top: 1px solid #262625;width: 100%; display: block;height: auto;clear: both;}
    .footerBox .footerMenuWrap > div {display: inline-block; width: 100%;}
    .footerBox .titleText {width: 48%; padding-left: 1%; float: left;padding-right: 0;}
    .footerBox .titleText h3 {border-top: none;font-size: 12px; }
    .footerBox .titleText a{display: block; width: 100%;margin: 0;padding: 0;background: #2d2d2c;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #2d2d2c), color-stop(0.00, #373736));background: -webkit-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: -moz-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: -o-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: -ms-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: linear-gradient(to bottom, #373736 0%, #2d2d2c 100%);border: 1px solid #262625;}
    .footerBox .titleText a h3 {display: block;padding: 10px;background: url("../images/arw2.png") right 18px top 50% no-repeat; margin-top: 0px; }
    .footerBox .titleText li:hover a {border-bottom: none;}	
	.footerBox .socialIcons{ position: absolute; bottom: -14px; right: 7px; clear: both; }
	.footerBox .socialIcons a { background: none !important; border: 0px !important; display: inline-block !important; float: left; width: 25px; margin-left: 10px;  }
	.copyrightBox p { font-size: 13px; color: #3d3d3c; float: none; display: block; width: 100%; clear: both; margin-left: 10px; padding-top: 10px; }			
	.footerMenuWrap .top{ clear: both; overflow: hidden; }
	.footerBox .footerMenuWrap div.titleText{ margin-top: 10px; width: 98% !important; }
	.footerBox .footerMenuWrap > div:last-of-type .titleText:last-of-type{ padding-left: 1% !important; padding-bottom: 30px !important;  }
	
	/* added, stephan, 04-07-2015 */
	.footerBox .menu{ display: none; }
	.footerBox .blck2,
	.footerBox .blck3{ margin-top: 0px !important; }
	.footerBox .blck3{ margin-top: -3px !important; }
	.footerBox a.backtotop{ font-size: 14px !important; }
	
	/* ### Other ### */
    .contentTopBox .overview li {width: 48%; margin-right: 4%;}
    .contentTopBox .overview li a img {margin: 0 auto; display: block;}    
    .productDetailsBox a.gallery {height: auto;}
    .productSlidesBox li, .mainSlider .slides li a, .productSlidesBox li img {height: auto;}    	
    .otherProductsBox .carouselSlider {max-width: 86%;width: 86%;margin: 16px 7% 0 7%;}
    .otherProductsBox a.flex-prev,
    .otherProductsBox a.flex-next {width: 7%;}
	.downloadBox a.button{float:left;} 	
	span.downloadButton, .gform_wrapper input[type="submit"] { float:left !important; }
	
	/* ### Forms ### */
	.gform_wrapper{ max-width: 100%; }
    .gform_wrapper .gform_body {background: none;}
	.gform_wrapper ul.gfield_radio > li, .gform_wrapper .gform_fields > li > .ginput_container{ float: none !important; width: 100% !important; }
	
	/* added by raphael 28-9-2015 */
	.gform_wrapper.salesforce .top_label  input.medium, .gform_wrapper.salesforce .top_label select.medium {  width: 89% !important;}
	.gform_wrapper.salesforce  .top_label .clearNoFloat input,.gform_wrapper.salesforce .top_label textarea,.salesforce li.gfield select{width:95% !important;} 
	/* ### Hide elements */
	.search .latestNewsBox li span.arrow {display: none;}
	.mean-container .mean-nav img {display: none;}
	.headerTopBox, .menuBox{ display: none; }
	#headerCntr .main em{ display: none; }
	
	.parentCalendar{ overflow-x: scroll; }
	
	/* Custom menu sidebar fix 08-04-2015 */
	.vc_wp_custommenu.submenuBox.hide{ display: none; }
	.vc_wp_custommenu.submenuBox{ margin-bottom: 0px !important; }
	.vc_wp_custommenu.submenuBox{ border-top: 1px solid #242423; }
	.vc_wp_custommenu.submenuBox li a{ padding: 10px 8px 12px 26px !important; border: 0px !important;  border-bottom: 1px solid #d7d7d4 !important; }
	.vc_wp_custommenu.submenuBox h2{ border: 0px; background: #f2f2f0 url("../images/bg_btn_tab_ie.png") 100% -34px no-repeat; background: #f2f2f0 url("../images/icon_btn03.png") 95% 50% no-repeat; background: #f2f2f0 url("../images/icon_btn03.png") 95% 50% no-repeat; background: #f2f2f0 url("../images/icon_btn03.png") 95% 50% no-repeat; background: #f2f2f0 url("../images/icon_btn03.png") 95% 50% no-repeat; background: #f2f2f0 url("../images/icon_btn03.png") 95% 50% no-repeat; border-bottom: 1px solid #d7d7d4 !important; }
    .vc_wp_custommenu.submenuBox h2 a{ color: #333332; display: block; font-weight: normal;  }
	.vc_wp_custommenu.submenuBox li{ background: #f2f2f0; float: none !important; width: 100% !important; height: auto !important; }
	.vc_wp_custommenu.submenuBox li.active, .vc_wp_custommenu.submenuBox ul.sub-menu li.active{ background: #f60; }
	.vc_wp_custommenu.submenuBox ul li.active > a, .vc_wp_custommenu.submenuBox ul.sub-menu li.active a{ color: #fff !important; }
	.vc_wp_custommenu.submenuBox li > a:hover, .vc_wp_custommenu.submenuBox li > a{ color: #333332; width: auto !important; border: 0px; background: url("../images/bg_btn_tab_ie.png") 100% -34px no-repeat; background: url("../images/icon_btn03.png") 95% 50% no-repeat; background: url("../images/icon_btn03.png") 95% 50% no-repeat; background: url("../images/icon_btn03.png") 95% 50% no-repeat; background: url("../images/icon_btn03.png") 95% 50% no-repeat; background: url("../images/icon_btn03.png") 95% 50% no-repeat; background: url("../images/icon_btn03.png") 95% 50% no-repeat; }
	.vc_wp_custommenu.submenuBox ul > li.active a.active,
	.vc_wp_custommenu.submenuBox ul.sub-menu li.active a.active { color: #333332; width: auto !important; border: 0px; background: url("../images/arw2.png") 100% -34px no-repeat; background: url("../images/arw2.png") 95% 50% no-repeat; background: url("../images/arw2.png") 95% 50% no-repeat; background: url("../images/arw2.png") 95% 50% no-repeat; background: url("../images/arw2.png") 95% 50% no-repeat; background: url("../images/arw2.png") 95% 50% no-repeat; background: url("../images/arw2.png") 95% 50% no-repeat; }
	.vc_wp_custommenu.submenuBox li.active > a:hover{ color: #333332; }
	.vc_wp_custommenu.submenuBox ul.sub-menu li{ background: #fff; }
	.vc_wp_custommenu.submenuBox ul.sub-menu li a{ padding-left: 34px !important; }
	.vc_wp_custommenu.submenuBox li.active ul.sub-menu a{ color: #333332; }
	.vc_wp_custommenu.submenuBox li{ border:0px !important; }
	
	/* fix dor margin bottom */
	.column_container:last-of-type div.wpb_content_element:last-of-type{
		margin-bottom: 0px !important;
	}

	/* text block with image - responsive */
	.txt-img-block div.txt-img-block-container{
		position: static;
		display:table;
		width:100%;
	}
	.txt-img-block div.txt-img-block-container img{
		width:100%;
		display: block;
	}
	div.border div.txt-img-block-container img{
		border-left: 2px solid #f60;
	}
	.txt-img-block div.txt-img-block-container h3 {
		font-size: 12px;
		background-position: 95% 50%;
		display: table-cell;
		width: 69%;
		position: static;
		vertical-align: middle;
	}
	.txt-img-block div.txt-img-block-container h3 span {
		display: block;
		padding: 0 25px 0 15px;
	}
	/*added by raphael 24-7-2015*/
	.detailedContent .modelInformation ul li {
		width: calc(90%/3);
	}
	#product .wpb_wrapper .dynamicItem{ height:auto !important; }
	#product .wpb_wrapper.image{ height:auto !important; }
	
	/* ### Product page ### */
	.text-with-image{ width:24.6%; }
	.text-with-image:nth-child(odd){margin-right:2px;}
	.product_slider_header img {    width: 67%; }
	.product_slider_header {    min-height:552px; }
	
	/*added by raphael 5-11-2015*/
	.salesforce ul.gfield_radio li{ float: left !important;    margin: 5px;    margin-left: -2%;} 
	.salesforce .gfield_checkbox li{ width: 100% !important; margin-left: -1%; }
	.salesforce .gfield input[type=text],.salesforce .gfield select,.salesforce .gfield textarea{    margin-left: -2%;}
	
	/* ### Homepage Dealer Locator  ### */
	.findDealer #dealerLocator-form{ margin-left: 0px !important; }
	.findDealer .inputbox{ display: block !important; width: 100% !important; }
	.findDealer .maxWidth.alignTop.orangeBorder .headline-M{ margin-top:0px !important; color: #fff !important; margin-bottom: 0px !important; padding-left: 17px !important;  }
	.findDealer .headline-M .hdl{ color: #fff !important; }
	.findDealer #dlQuickSubmit{ background: #f60; width: 100px !important; height: 30px; color: #fff; margin-bottom: 11px !important; margin-left: 5px !important; font-size: 14px !important; text-indent: inherit !important; }
	
	/* ### Homepage Bottom Links ### */
	.wpb_content_element.right div.txt-img-block-container h3{ height: auto !important; }
	.wpb_content_element.right div.txt-img-block-container h3.external{ height: auto !important; }
	.wpb_content_element.right div.txt-img-block-container h3 span{ padding-top: 6px !important; line-height: 18px !important; }

	/* ### HCM Products ### */
	.hcm_products .vc_span24:first-of-type{ padding-top: 15px !important; }
	
	/* ### HCM Dealer Locator ### */
	#dealerSelectForm, #dealerLocatorMapHolder{ float: none !important; width: 100% !important; }
	#resultListDealers{ margin-top: 50px !important; }
}
@media screen and (max-width:620px){
	.gform_wrapper.salesforce  .top_label .clearNoFloat input,.gform_wrapper.salesforce .top_label textarea,.salesforce li.gfield select{width:94% !important;} 
}
/*Media Query   Phones*/
@media screen and (max-width:580px){
	/* title in banner font adjust*/
	.titleInBanner .productDescBox h2{
		margin-top: -35px;
		font-size: 35px;
		line-height: 35px;
	}
	/*.bannerBox{ display: none !important; }*/

	/* ### News and search ### */
	.latestNewsBox li span.date{ width: 100% !important; float: none !important; margin-bottom: 10px !important; }
	.latestNewsBox li .title{ float: none !important; margin-left: 0px !important; }

	/* ### Visual Composer ### */
    .wpb_column {padding: 0 !important;width: 100% !important;float: none !important;clear: both !important;}
	.wpb_content_element, .wpb_row{ margin-bottom: 35px !important; }
    .vc_wp_custommenu li, #contentCntr .bannerThumbs li{width: 100%;max-width: 100% !important; height: 90px;background: #4c4c4c url("../images/arw2.png") right 10px center no-repeat;margin-bottom: 40px;border-left: 3px solid #f6661d;}
    .vc_wp_custommenu li, #contentCntr .bannerThumbs li{width: 100%; height: 90px;}
    .vc_wp_custommenu li a, #contentCntr .bannerThumbs li a{display: block; width: 100%; height: 90px;}
    .vc_wp_custommenu li img { float: left;}
    .vc_wp_custommenu li .description, #contentCntr .bannerThumbs li .description {float: left;width: auto;background: none;position: relative;}
    .vc_wp_custommenu li .description p, #contentCntr .bannerThumbs li .description p {color: white;font-weight: bold; line-height: 90px;padding-left: 10px;background: none !important;}    
	.vc_wp_custommenu li { margin-left: 0px !important; }	
    .vc_wp_custommenu.submenuBox li {background: #f2f2f0; border-left: none;}
    .vc_wp_custommenu.submenuBox li a {height: auto;}
	.vc_responsive .wpb_row .vc_span9{ width: 100% !important; float: none !important; }
	.vc_responsive .wpb_row .vc_span3{ width: 100% !important; float: none !important; overflow: hidden !important; }
	.vc_wp_custommenu .image{ height: auto !important; }
	.vc_wp_custommenu li img, #contentCntr .bannerThumbs li img{ height: 90px !important; width: 149px !important; }
	.vc_wp_custommenu .description p, #contentCntr .bannerThumbs li .description p{ padding: 0px !important; padding-left: 4px !important; }

	 /* ### Footer ### */
    .compare #footerCntr {margin-bottom: 53px;}
    .footerBox .main {width: 100%; padding: 0;}
    .footerBox .footerin {padding-top: 0;}
    .footerBox h2 {float: left;width: 48.8%;text-align: center;padding: 0;}
    .footerBox h2 a {display: block;color: #fff;font-weight: normal;line-height: 27px;padding: 15px 0;}
    .footerBox h2 a img {width: 13px; height: auto;margin-right: 5px;display: inline-block;}
    .footerBox span.toptop {float: left;display: block;width: 50%;text-align: center;border-left: 1px solid #262625;}
    .footerBox a.backtotop {display: block; width: 100%; text-align: center;position: relative;top: 0px;background: transparent;font-size: 14px;padding: 15px 0;}
    .footerBox a.backtotop img {width: 7px; height: 6px;margin-right: 5px;display: inline-block;}
    .footerBox .footerMenuWrap {border-top: 1px solid #262625;width: 100%; display: block;height: auto;clear: both;}
    .footerBox .footerMenuWrap > div {display: inline-block; width: 100%;}
    .footerBox .titleText {width: 48%; padding-left: 1%; float: left;padding-right: 0;}
    .footerBox .titleText ul li {width: 90%;margin: 0;padding: 0;background: #2d2d2c;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #2d2d2c), color-stop(0.00, #373736));background: -webkit-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: -moz-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: -o-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: -ms-linear-gradient(top, #373736 0%, #2d2d2c 100%);background: linear-gradient(to bottom, #373736 0%, #2d2d2c 100%);border: 1px solid #262625;}
    .footerBox .titleText ul li a {display: block;padding: 10px;background: url("../images/arw2.png") right 18px top 50% no-repeat;}
    .footerBox .titleText li:hover a {border-bottom: none;}
	.footerBox .footerMenuWrap div.titleText{ width: 97% !important; }
	
	/* added 05-07-2015, stephan */
	.wpb_text_column .wpb_wrapper.image .image img{ width: 29% !important; }
	.wpb_text_column .wpb_wrapper.image h3 span{ height: 43px !important; }
	
	/* ### Forms ### */
	.gform_wrapper .gform_fields > li > .ginput_container{ padding:0px !important; }
	.gform_wrapper .gform_fields > li > .gfield_label{ padding-left: 0px; float: none; }
	body .wpb_wrapper .gform_wrapper .gform_fields > li > .ginput_container > span > input, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .gform_fields > li > .ginput_container > input{ width: 100% !important; }	
	
	/* ### Single banner responsive fix 08/04/2015 ### */ 
	.wpb_single_banner_image .wpb_wrapper{ overflow-x: auto; }
		/*added by raphael 24-7-2015*/
	.detailedContent .model img { margin-right:4px; }
	.detailedContent .modelInformation a {
		width:122px;
		font-size: 13px !important;
	}
	.detailedContent .modelInformation ul li {
		width: calc(66%/3);
	}
/* 	.detailedContent .modelInformation ul:not(.values) li:first-child{
		width:73%;
	} */
		/* ### Product page ### */
	.text-with-image{width:44%;}
	.text-with-image:nth-child(odd){    margin-right: 11.3%;}
	.product_slider_header{ width:90%; }
	
	
	.salesforce form{width:100%}
	.salesforce ul.gfield_checkbox li,.salesforce ul.gfield_radio li,.salesforce .gfield input[type=text],.salesforce .gfield select,.salesforce .gfield textarea {
		margin-left: 3%;
	}	
	.salesforce li.gfield div.ginput_container input[type=text].medium {
    width: 91.5% !important;
}
}	
/*added by raphael 24-7-2015*/
@media screen and (max-width:510px){
	/* title in banner font adjust*/
	.titleInBanner .productDescBox h2{
		margin-top: -30px;
		font-size: 30px;
		line-height: 30px;
	}
	/*added by raphael 24-7-2015*/
/* 	Dennis
	.detailedContent .model .modelInformation {
		width: 48%;
	} */
/* 	Dennis
	.detailedContent .modelInformation ul:not(.values) li:first-child {
		width: 78%;
	} */
	.detailedContent .modelInformation a {
		height:12px;
		width: 78%;
		padding: 7px 0px 11px 10px!important;
	}
	.detailedContent .modelInformation a.fom {    bottom: 37px; }
	.detailedContent .modelInformation a.pdfd {    left:0; }
	.detailedContent .modelInformation ul.values li{     width: calc(66%/3) }
	.detailedContent .modelInformation ul.values li:last-child p{ text-align:left; }
	.detailedContent .modelInformation ul li {		width: calc(69%/3);	}
}
/*added by raphael 24-7-2015*/
@media screen and (max-width:434px){
	/*added by raphael 24-7-2015*/
	
	.detailedContent .model img { float:none; width: 79% !important; }
	.detailedContent .model .modelInformation {      margin-top: -3px;  height: 220px !important; width:98% !important; float:none !important; }
	.detailedContent .model {height:auto !important;      margin-left: 4%; margin-bottom: 0px !important;  }
	.detailedContent .modelInformation ul.values li:last-child p{ text-align:center !important; }
	.detailedContent .modelInformation ul:not(.values) li:first-child {    width: 78% !important;}
	.detailedContent .modelInformation ul li {    width: calc(73%/3) !important;}
	/* editted by Thomas on 25-2-2016 position relative to position initial */
	.detailedContent .modelInformation a.pdfd{	position: initial !important;}
	.detailedContent .modelInformation a.fom{    bottom: 40px !important; }
	.detailedContent .modelInformation ul.spectable li p.specName{ text-align: center; }
	.product_slider_header img { width: 100% !important; }
	
	.gform_wrapper.salesforce  .top_label .gfield{float:none;width:100%;clear:both;} 
	.gform_wrapper.salesforce  .top_label .clearNoFloat input,.gform_wrapper.salesforce .top_label textarea,.salesforce li.gfield select{width:89% !important} 
	.salesforce li.gfield div.ginput_container select {
		width: 95.7% !important;
		height: 24px;
	}
	
	/* added by dennis 3-12-2015 */
	.detailedContent .modelInformation ul.spectable li p.specName {width:90%;}
	
}
@media screen and (max-width:320px){
	/* title in banner font adjust*/
	.titleInBanner .productDescBox h2{
		margin-top: -20px;
		font-size: 20px;
		line-height: 20px;
	}
	.eng #headerCntr h1 a{ font-size: 11px !important; }
	.vc_wp_custommenu li, #contentCntr .bannerThumbs li{ height: 40px !important; }
	.vc_wp_custommenu li img, #contentCntr .bannerThumbs li img{ height: 40px !important; width: 70px !important; }
	.vc_wp_custommenu li .description p, #contentCntr .bannerThumbs li .description p{ line-height: 40px !important; word-break: break-all; }
	.footerBox a.backtotop, .footerBox a.backtotop:hover{ font-size: 12px !important; }
	/* ### Product page ### */
	.text-with-image {    width: 99%;}
	.text-with-image img { width: 100%; }
	.text-with-image:nth-child(odd){    margin-right: 11.3%;}
}
@media screen and (max-width:300px){
	.eng #headerCntr h1{ padding: 14px 0 15px 15px !important; }
	.eng #headerCntr h1 a{ font-size: 6px !important; }	
}