﻿.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:0;		
		height: 15px;		
		background-position:15px 50%;
		padding: 15px 15px;
		cursor: pointer;		
		
		display: block;
	
}
.slicknav_btn.slicknav_collapsed {background: #50158c url(../images/menu-icon_white.png) no-repeat; background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #96ca10 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:0px;
}
.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; background:#fff;}
.slicknav_nav li ul li { border-bottom:0px solid #281a0d;}


.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;   
}


@media screen and (max-width: 800px) {

.menu_right, .menu_left{ display:none }
.info_contact .footer_logo{ width:38%;}
.info_contact{ text-align: center;}
.info_contact .footer_logo{ float:none;}

.info_contact .footer_logo_b { width:100%; float:none; text-align: center;}
.footer_logo_b img{ max-width:100%;}

.info_contact .footer_logo img{ width:100%;}
.footer_contact{ padding:0; clear:both}
.home_right_area{ padding:0 0 30px 0; width:100%; position:relative;}
#wrap{ width:100%; min-height: 100%; height: auto%;  min-width:320px; box-sizing:border-box;}
.screen{ min-width:320px; max-width:640px; position:relative; padding:0px;}
.header { height: auto; }
.home_page_banner{ float:left; width:100%;}
.header .logo{ padding:60px 0 10px 0; float: none; text-align:center; }
#home_page{ padding:0;}
.header .logo img{ height:70px; float:none }

.main_bg{background:url(../images/bg_main_m.jpg) no-repeat center top; height:250px; background-size:cover }
.main_bg h1{ font-size:28px; color:#fff; padding:80px 0 10px; line-height:28px; text-shadow:0 0 3px rgba(0,0,0,.7); font-weight:normal; text-align: center}
.main_bg h2{ font-size:19px; color:#fff; padding:0px 0 10px; line-height:21px;text-shadow:0 0 3px rgba(0,0,0,.7); font-weight:normal; text-align:center}
.inner_main{ width:100%; padding:0;}
.banner_area{ margin:0;}
#our_products, #news{ width:100%;}
#home_page{ padding:0; clear:both}
.container{ min-height:380px;}
#our_products #raven{ padding: 30px 0 30px 0}
.banner_title{ margin-top:15px;}
.banner_title h1{ position:absolute; right:0px; top:10px; font-size:21px; }
.main_product{  padding:20px 0 20px 0}
#footer .copy{ width:100%; text-align: center;}
#footer .by{ width:100%; text-align: center; padding-bottom:0;}
.big_title{ background-size:cover; margin-top:0px; margin-bottom:20px; width:70%;}
.main_content_area{ margin:0 5px;}
.main_product ul{ list-style: none; margin:0 0 0 0%; padding:0}
.main_product ul li{ float:left; width:100%; margin-left:0%;}

.main_product h3{ padding:15px 0 20px 0; }
.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;}
.banner_area{ width:100%;  margin:30px 0; }
.lastest_new .more{ text-align: center; position: relative; margin:50px 0 0px 0;}
.info_contact .footer_logo{ padding-right:0; }
.info_contact .footer_logo_b{ float: right; padding:0;}
.info_contact .footer_logo img{ max-width:100%;}
.footer_contact{ float: none;}
.register_now{ float:none; margin:0px auto; margin-top:20px;}
#footer{  margin-top:0px; padding:10px 0; }
#footer .screen{ padding-top:0px; }
#news_body img{ display:none}
.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;}
.paper_top, .paper_bottom{ display:none;}
.Album ul li img{ max-width:100%;}
.cd-top {
  height: 50px;
  width: 50px; bottom:50px;
}
.paper_bg {
    width: auto;
    background: none;
   
    float: left;
    padding: 10px;
    min-height: 320px;
}
.inner_main{ overflow:auto;}
.content_inside{ background: none; padding:10px 0; float:none;  overflow:auto;}
.Album ul li p{ display:none}
.Album {margin:0px 0; float:right; width: auto; margin-left:0;}
.right_inner_silde{ display:none;}
#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;}
.products_category{ margin:20px 0 0 ;}
.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;}
.news_listing ul li .prev{ widthz:40%;}
.news_listing ul{ padding:0 10px;}



.Album_news ul{ list-style: none; padding:0; margin:15px 0 0 -1%;}
.Album_news ul li{ float: left; margin:0 5% 15px 0%; width:45%; text-align: center; position:relative;  }

.right_content{ padding:5px 0;}
.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 { }
.products ul { list-style: none; margin:0px 0px 0px 0%; padding:0px;}
.products ul li{ float: left; width:100%; margin:0px 0% 15px ;}
.products ul li p{ padding:5px 0px; text-align:center;}
.clear_m{ clear:both}
.back_to_product{ position:relative; }
.main-image { margin:0; width: auto; text-align:center}
.main-image img{ height: auto; border:1px solid #ddd; padding:1px; width:100%; }
.Branding .logo{ display:block}
.photo_location{ float: none; width:100%;}
.product_des{ float: none; width: auto; margin-top:15px; }
.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;}
.back_to_product{ margin:0px;}
.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%; }
.main_content_area{ padding:20px 0 0 0;}
.Album_tpl_B .title{ text-align: left}
.intro h2{ text-align:left;}
#inner_page{ padding:0;}
.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{  }
.maparea{ }

.copyright{ width:100%; text-align: center;}
.Sub_menu_container .title{ background-size:cover}
.cd-top{ bottom:0px; right:0px;}
.Album ul li{ margin:0; width:100%;}
.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 ,.news_detail h2{ display:none}

.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;}

.Pdf_download ul li{ width:98%}
h1{ padding:30px 0; }
.fb_Link{ margin:100px 0 35px 0; text-align: center; width:100%;}
.fb_Link img{ max-width:80%;}


.btn_sitemap{ position:absolute; right:0; top:0;}
.btn_sitemap a{ background:url(../images/bg_map.png) no-repeat center top; padding:17px 50px 20px 50px; width:157; text-align: center; display:block; }

.content_inside{ width: auto; overflow:auto; margin:0px; padding:0;}

/* Tiny Carousel */
#slider1 { display:none;}
.latest_listing ul li span{ padding:5px;}


.number{ width:25%; float:left;}
.title_p{ width:50%; float:left;}
.view{ width:25%; float:left;}
.latest_listing ul li .view a{ margin:0;}
} 