﻿.slicknav_menu {
	display:none;
}

@media screen and (max-width: 600px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; display:none }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav span { float:right; height:auto; padding:0px 10px 0px 0px; margin:0px; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {  
	
        margin:15px 5px 0 5px;		
		height: 15px;		
		background-position:15px 50%;
		padding: 15px 15px;
		cursor: pointer;		
		border-radius: 6px;
		display: block; /* show menu icon */
		-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
	
}
.slicknav_btn.slicknav_collapsed {background: #146097 url(../images/menu-icon_white.png) no-repeat; background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #008e3f url(../images/menu-icon_white.png) no-repeat; background-position:15px 50%;}

li.slicknav_collapsed {	background: none; background-position:15px 50%;	}
li.slicknav_open {	background: none; background-position:15px 50%;	}

/* Button Text */
.slicknav_menu  .slicknav_menutxt {
padding-left:42px; font-size:21px; color:#fff; line-height:17px; text-transform: uppercase

}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0 10px;
    padding:0;
    font-size:19px;
	border-left: 1px solid #ddd; border-right: 1px solid #ddd;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 5px;
}

.slicknav_nav li { border-bottom:1px solid #ddd;}
.slicknav_nav li ul li { border-bottom:0px solid #ddd;}


.slicknav_nav .slicknav_row {
    padding:10px 10px;
}
.slicknav_nav a{
    padding:10px 10px;
    margin:0px;
    text-decoration:none;
    color:#333;
}


.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {

    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{

    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.logo{ display: block}
.logo_m{ display: none}

@media screen and (max-width: 600px) {

#wrap{ width:100%; min-height: 100%; height: auto%; background:#FFF; min-width:320px; box-sizing:border-box;}
.screen{ min-width:320px; max-width:640px; position:relative; padding:0px 15px;}

.header{ position:relative; }
.logo{ display:none}
.logo_m{ display: block; margin:15px 0 0 0; text-align: center}
.logo_m img{ width:100%;}

.header .top_shortcut{ padding:0px 0px 0px 0px; position:absolute; right:0px; top:0px;}
.header .top_shortcut ul{ list-style:none; padding:0px; margin:0px;}
.header .top_shortcut ul li{ float:left; padding-left:10px; width:60px;}
.header .top_shortcut ul li a:hover{ text-decoration: none}
.header .top_shortcut ul li a.current{ text-decoration: underline}

.top_linking{ position:absolute; right:15px; top:60px;}
.top_linking div{ float:right; margin-left:15px;}
#top_bag{ border-left:1px solid #ccc;border-bottom:1px solid #ccc; background:url(../images/bg_bag_m.png) no-repeat; background-size:25px 30px; background-position:50% 4px; width:35px; height:35px; line-height:35px; position:absolute; right:0px; top:-15px; font-size:12px; padding-top:3px;}

.brand_logo_vandemoortele{ padding:10px 0px 0 0;}
.index_vandemoortele{ margin:5px 0px 15px 0; min-height:250px;}

.index_vandemoortele ul{ list-style:none; padding:1% 1%}
.index_vandemoortele ul li{ float:left; width:48%; margin:1%; }

.index_vandemoortele span{  width:70px}

.big_vandemoortele span{ width:90px; }

.lastest_new{margin:0px 0px 30px 0; min-height:155px;  background:#f7f5f1; position:relative;  }
.lastest_new .right_photo{ display:none}
.lastest_new ul{ list-style:none; padding:1%; margin:0px; float: none; width: auto;  position:relative;  min-height:155px;  }
.lastest_new ul li{ padding:5px 10px; border-bottom:1px dotted #ddd; line-height:19px;  }
.lastest_new ul li span{ width:30%; float:left;}
.lastest_new ul li p{ width:68%; float: right;}

.lastest_new .more{ text-align: center; position: relative; margin:50px 0 0px 0;}

#footer{ height: auto; margin-top:0px; padding:10px 0 }
#footer .screen{ padding-top:0px; }

.index_main .intro, .index_main .icon_right{ width:100%; float:none; margin:5px 0px 15px;}
.index_main .icon_right ul li{ float:left; width:49%; margin-left:0%;}
.index_main .icon_right ul li + li{ margin-left:2%;}
.cms_demo, .tutor_back{ display:none}
.flexslider{ margin:10px 0 0;}
.index_main{ margin:15px 0px;}


.cd-top {
  height: 50px;
  width: 50px; bottom:50px;
}


#title {
    height: 120px;
    width: 100%; margin:10px 0}
#title h1 { text-align: center; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.4); padding-top:40px; font-size:33px}
.content_position{ margin-right:0px;}
.intro{ background:none}
.Branding .content{ width:100%;}
.Branding .photo{ display:none}
.Branding{ margin:0px;}
.intro_w{ margin-top:0px;}
.Branding p{ margin:0px;}
.cart{ margin:5px 0 0 0}
.Branding_b { margin:50px 0px 10px 0; }
.Branding_b .photo{ float: left; width:30%; text-align: center;   }
.Branding_b .photo img{ width:100%;    }
.top_logo_un{ padding-top:0px;}

.inner_main{ margin:0px 0px 30px 0;  line-height:23px;}
.inner_main .img{ max-width:100%;}
.inner_main p{ clear:both; margin-bottom:15px;}

.product_category{ margin:0px 0 10px 0}
.product_category .logo{ text-align:center; margin:0px 0 0 0}
.product_category ul{ list-style:none; padding:0px; margin-left:-2%;}
.product_category ul li{ float:left; width: 46.5%; border:1px solid #ddd; padding:1px; margin:2% 0% 15px 2%; min-height: 330px;}
.product_category ul li .cover{ height:auto; position:relative; }
.photo_full{ width:100%;}
.product_category ul li span{position: absolute; left:5px; top:5px; }
.product_category ul li h3{ text-align:center; font-size:19px; padding:5px 0px;}

.product_category ul li ul{ padding:0px 10px 20px 10px;}
.product_category ul li ul li{ float:none; border:0px solid #ddd; text-align: left; width:auto; margin:0px; min-height:15px}
.product_category ul li ul li a{ display:block; text-align: left; font-size:17px; color:#0c6493; line-height:21px; background:url(../images/pt_arrow.png) no-repeat; background-position:0px 10px; padding-left:10px;}
.products_category h2{ margin:0px 0 15px 0; padding:0px;}
.products_category .sub_category ul .sp{ padding:0px 5px;}
.products_category .sub_category{ margin-bottom:15px;}
.products { margin:0px; padding:0px 0px 20px 0; min-height:350px;}
.products ul { list-style: none; margin:0px 0px 0px -2%; padding:0px;}
.products ul li{ float: left; width:47.5%; margin:0px 0% 15px 2%;}
.products ul li p{ padding:5px 0px; text-align:center;}
.clear_m{ clear:both}
.back_to_product{ position:relative; text-align:right}
.main-image { margin:0; width: auto; text-align:center}
.main-image img{ max-height:295px; border:1px solid #ddd; padding:1px; width:100%; }
.Branding .logo{ display:block}
.photo_location{ float: none; width:100%;}
.product_des{ float: none; width:100%; }
.product_des h3{ color:#233f7a; font-size:30px; margin-top:15px;} 
.product_des h4{ color:#233f7a; font-size:21px;} 
.product_des h5{ background:#0e5386; color:#fff; padding:5px ; font-size:19px; margin-bottom:0px;  margin-top:25px;} 
.question_box{ background:#f7f7f7; padding:50px 30px 40px 30px; margin:1px 0px 30px 0px; text-align:center; font-size:15px;}

.add_to_cart{ position:absolute; right:0px; top:10px;}
.add_to_cart a{ background:url(../images/add_to_bag_m.png) #313131 no-repeat; background-size:20px 24px; padding:9px 10px 9px 37px; background-position:8px 45%; color:#fff}
.add_to_cart a:hover{ background:url(../images/add_to_bag_m.png) #0e5386 no-repeat; background-size:20px 24px; background-position:8px 45%; }

.intro h2{ text-align:left;}

.Branding_b .logo{ }
.Branding_b p{ margin:0px 0 0 0;}
.Branding_b .content{ float: right; width:70%; border-top:2px solid #ddd; border-bottom:2px solid #ddd;}
.Branding_b h3{ text-align:center; padding:40px 0px 10px 0; font-size:21px;}
ul.thumbnails{ margin:0px 0 0 -2.3%;}
ul.thumbnails li{ width:31%; padding:0px;  float:left; height: auto; padding:0px; margin:10px 0px 0px 2.3%}
ul.thumbnails li img{max-height: auto; width:100%; border:1px solid #f1f1f1; }
.big_vandemoortele{ padding:0.5% 3% 3% 3%;}
.brand_go{text-align: center; margin:10px 0 50px 0;}
.brand_go a{ padding:5px 15px 5px 35px; background:url(../images/icon_back_white.png) no-repeat #003377; background-position:20px 50%; color:#FFF; font-size:13px; text-decoration:none; text-transform:uppercase; }
.brand_go a:hover{ background:url(../images/icon_back_white.png) no-repeat #fed90c; color:#FFF; background-position:12px 50%; }
.contactus .info table{ margin:10px 0; padding:10px; float: none; width:100% }
.maparea{ float:none; width:100%; margin:0px 10px 0 0; }
.Album ul li{ margin:1%; width:48%; height:150px; }
.Album_tpl_B ul li .photo_Area{ width:35%;}
.Album_tpl_B ul li .Description{ width:60%;}
.Pdf_download ul li{  margin:1%; width:45%; }
.sitemap ul li{ width:45%;}
#Main_content_with_submenu{ width:100%;}
.Sub_menu_container{ width:100%;}
.Product_category ul li{  margin:0px 2% 15px 0%; width:48%;  }
.Product_category ul li img{ max-height:150px;}
.product_gallery{ width:100%;}
.product_description{ width:100%;}
.news_listing ul{ margin-right:0%}
.news_listing ul li{ margin:0px; width:100%; }
.News_container{ margin:130px 0 15px}
.contactus .info{ width:100%;}
.contactus .info,.contact_form{ width:100%;}
.maparea iframe{ height:250px;}
.News .date {  left:5px; top:5px; width:90px; z-index:9999; opacity: 0.9; text-align: center}

.News .date2 { position: relative; left:5px; top:18px; width:90px; z-index:9999; opacity: 0.9; text-align: center}

.news_detail{ border: 0px solid #fff; box-shadow: 0px 0px 0px #ccc; position:relative; min-height:250px; clear:both; }
.News_container{ background:#FFFFFF; min-height:300px; margin:0px ; padding:0px;}
.video_post{ float: none; width:100%; margin:0 0 15px 0}
.video_post iframe{ width:100%; height:320px;}
.video_post_left{ float: none; width:100%; margin:0 0 15px 0}
.video_post_left iframe{ width:100%; height:320px;}

}