﻿.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:10px 0 0 0;		
		height: 15px;		
		background-position:15px 50%;
		padding: 15px;
		cursor: pointer;	
		display: block; /* show menu icon */
	
}
.slicknav_btn.slicknav_collapsed {background: #ed1a23 url(../images/menu-icon_white.png) no-repeat; background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #333 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 0px;
    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;   
}

@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;}
.screen_inner{ box-shadow: 0 0 0; float:left; width:100%;}
.header{ height: auto;  }
.header .logo{ height:40px; padding:35px 0 5px 0;}
.header .logo img{ height:40px;}
.header .top_shortcut{ padding:20px 0px 0px 0px; right:15px; top:0px;}
.header .language{ display: none}
.header .top_shortcut ul li { padding-left:15px;}
.header .header_title{ line-height:24px; text-align: center}
.index_main{ margin:0px 0px 0px 0; min-height:250px; background: none; float:left;}
.header_title p{ text-align: center}
.index_main{ width:100%; float:none; margin:0; background:none}
.header .header_link span{ }

.header .header_link a{border:#febcba solid 0px; background:url("../images/top_right_icon.png") no-repeat #d40d11; 
padding:7px 5px 7px 40px; background-size:25px 25px; background-position:10px 50%; display:block; color:#fff;}
.header .header_link a:hover{background:url("../images/top_right_icon.png") no-repeat #666;border:#febcba solid 0px; background-size:25px 25px; background-position:10px 50%;}
#home{ display:none}
.inner_main{ width:100%;}
.main_cotainer{ background:none}
.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:15px 0 0;}
.index_main{ margin:0px 0px 10px 0;}

#footer{ margin:30px 0 0 0;}

#footer{ height: auto; margin-top: 30px; clear: both; float: none;}
#footer a{ color:#fff;} 
#footer .copy{ width:100%; float: none; color:#fff; text-align: center}
#footer .designby{ width:100%; float: none; color:#fff; text-align: center}
#footer .footer_left{float: none; text-align: center;}
#footer .footer_right {float: none; text-align: center;}

.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:65px 0 15px}
.contactus { width:100%; padding:0px;}
.fb_like{ padding-bottom:15px;}
.contactus .info{ width:100%;}
.contactus .info,.contact_form{ width:100%;}
.maparea iframe{ height:250px;}
.home_right{ width:100%;}
.home_left{ width:100%}
.inner_main{margin:20px 0px 0px 0;}
.slogon_about{width:100%;}
.slogon_about a{background: rgba(0, 0, 0, 0) url("../images/bg_serious.jpg") no-repeat scroll left bottom; padding-right:5px;}
.slogon_about a span{margin-left: 154px;}
.Silder_banner{position: relative; top: 0px; left: 0px; width: 320px; height: 109px;}
.home_left{  padding-bottom:10px;}
#home a{ background:url(../images/icon_home_m.png) no-repeat center center;}
.slicknav_nav span{ float: none;}

.sbanner_title{ display:none}
.sbanner_title_m{ display: block;position: absolute; top: 100px; left: 0%; width: 100%; height: auto; background:url(../images/bg_banner.png) repeat center ; font-size: 53px; line-height:60px; font-weight:normal; color: #ffffff; padding:20px 0px; text-align: center;}


.jssorb01{ display:none}
}