.slicknav_menu {
	display:none;
  }
  
  @media screen and (max-width: 1013px) {
  	/* #menu is the original menu */
  #navigation {
  		display:none !important;
  	}
  	
  	.slicknav_menu {
  		display:block;
  	}
    .slicknav_nav{
        position: relative !important;
        top:0px !important;
    }
}

  
  
  /*----------------- responsive special class --------------*/
	
  .lam,	
  .in-smartfon,
	.in-mobile,
	.in-desktop,
	.in-laptop{
		display:none
	}
	
	/*----------------- smartfon --------------*/
	
	@media screen and (max-width: 360px) {
		.homepage-scroll {display:none}
	}
	@media screen and (max-width: 560px) {
		.no-smartfon{display:none !important}
		.in-smartfon{display:inline !important}
    	.wrap{width:86%;}
    	section#content{width:100%; border-left:0; border-right:0; margin:0;}
		body, html{font-size:16px}
		#wrap-top {position: static}
		section#homepage .bgmoviecolor, section#homepage .backg #bgmovie{display:none !important; opacity:0}
		#wrap-top .main-navi-lang, #wrap-top .topsearch, .facebooktest{display:none}
		.backg {background-position: top center !important}
		.backgr{height:40%;}
		#wrap-top {padding: 11px 0;}
		nav li a {padding: 5px 15px;}
		.topsearch form input#search {width: 100px;}
		section h1 {font-size: 1.6em;}
		article p {font-size: 1.1em;}
		section:not(#homepage) article p, section:not(#homepage) article h1 {padding: 0%; text-align:left; width: 100%;letter-spacing:0px}
		section.subpage article p{display:none}
		section#technical article h1, section#technical article p {padding-right: 0%;}
		section#homepage .wrap{top:25%;}
		#wrap-aside p {font-size: 1em;}
		footer{text-align: center}
		footer p, footer img {float:none; padding-bottom: 20px}
		section.subpage article {padding-bottom: 8%}
		section.subpage article .localiation, section#content #contentnav{display:none}
		section#content #contenttext{width:100%}
		section#content div.tablediv{width: 100%; margin-bottom: 15px;overflow-y: hidden;overflow-x: scroll;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;-webkit-overflow-scrolling: touch;}
		section#content #contenttext header {margin-bottom: 20px;}
		section#content #contenttext header img {margin-bottom: 15px;}
		section#content #contenttext header h1 {line-height: 25px; font-size: 1.5em; margin-bottom: 10px;}   
    section#homepage header img{width:60%; } 
    section#homepage .wrap{top:15% !important;}
		section#industry h1, section#technical h1, section#wisdom h1{font-size: 2.5em; margin-bottom:30px}
		section.subpage  h1{font-size:1.3em;} 
	}
	
	/*----------------- tablet --------------*/
	
	@media screen and (min-width: 561px) and (max-width: 1013px) {
		.no-mobile{display:none !important}
		.in-mobile{display:inline !important}
    .wrap{width:86%;}
    section#content{width:calc(100% - 16px);margin:0;}
		body, html{font-size:17px}
		#wrap-top {position: absolute}
		#wrap-top .main-navi-lang, #wrap-top .topsearch, .facebooktest{display:none}
		.backg {background-position: top center !important}
		.backgr{height:70%;}
		#wrap-top {padding: 11px 0;}
		nav li a {padding: 5px 15px;}
		.topsearch form input#search {width: 100px;}
		section#homepage .wrap{top:25%;}
		section:not(#homepage) article p, section:not(#homepage) article h1 {padding-left: 10%; width: 65%;}
		section.subpage article h1{padding: 0%; text-align:left; width: 100%;letter-spacing:1px}
		section.subpage article p{display:none}
		section#technical article h1, section#technical article p {padding-right: 10%;}  
		footer{text-align: center}
		footer p, footer img {float:none; padding-bottom: 20px}
		section#content #contentnav{display:none}
		section#content #contenttext{width:100%}
		section#content #contenttext header {margin-bottom: 20px;}
		section#content #contenttext header img {margin-bottom: 15px;}
		section#content #contenttext header h1 {line-height: 25px; font-size: 1.5em; margin-bottom: 10px;}
		section#homepage header img{width:60%; }
		section#industry h1, section#technical h1, section#wisdom h1{font-size: 2.5em; padding-bottom:30px}
		section.subpage  h1{font-size:1.8em;} 
  }
	@media screen and (max-width: 700px) {

    }

	@media screen and (max-width: 750px) {
	  .col3, .col2, .col4{width:100%; padding:0;}
	  .col3 p{width:100% !important;}
	  .col3 p img{float:left; width:100%;}
		section#homepage .wrap{top:25%;}
		section#homepage p a{display: table;text-align: center;margin: 0 auto;padding: 10px;}
	}
	@media screen and (max-width: 800px) {
    }

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



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


    }
	
	/*----------------- desktop --------------*/
	
	@media screen and (min-width: 1014px)  and (max-width: 1219px){
		.no-desktop{display:none !important}
		.in-desktop{display:inline !important}
    .wrap{width:86%;}
		body, html{font-size:17px}
		.backg {background-size: 125%}
		.backgr{height:70%;}
		#wrap-top {padding: 11px 0;}
		nav li a {padding: 5px 15px;}
		.topsearch form input#search {width: 100px;}
		section#content #contenttext header {margin-bottom: 30px;}
		section#content #contenttext header img {margin-bottom: 15px;}
		section#content #contenttext header h1 {line-height: 35px; font-size: 1.7em; margin-bottom: 15px;}
		section:not(#homepage) article p,	section:not(#homepage) article h1{width: 41%;}	
    section:not(#homepage) article p{width: 45%;}
    section#industry h1, section#technical h1, section#wisdom h1{font-size: 2.5em;}
    section.subpage article p, section.subpage article h1{width:100% !important; padding:0 !important}	
    section.subpage h1{font-size:2.1em;}         
	}

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

	}
	
	/*----------------- laptop --------------*/
	
	@media screen and (min-width: 1220px)  and (max-width: 1629px){
		.no-laptop{display:none !important}
		.in-laptop{display:inline !important}
		body, html{font-size:18px}
		.backg {background-size: 115%;}
		section.subpage article {padding-top:10%}
		section.subpage article p{font-size:1em}
    .wrap{width:86%; max-width: 1660px}
		#wrap-top {padding: 14px 0;}
		section#content #contenttext header {margin-bottom: 30px;}
		section#content #contenttext header img {margin-bottom: 15px;}
		section#content #contenttext header h1 {line-height: 35px; font-size: 1.7em; margin-bottom: 15px;}
		.backgr{height:80%;}
  	section:not(#homepage) article p,	section:not(#homepage) article h1{width: 41%;}
    section.subpage article p, section.subpage article h1{width:100% !important; padding:0 !important}	
    section.subpage  h1{font-size:2.2em;} 
		section#homepage header{margin-bottom:10% }           
	}

    	/*----------------- big monitor --------------*/
	
	@media screen and (min-width: 1630px) {
		.no-laptop{display:none !important}
		.in-laptop{display:inline !important}
    .wrap{width:90%; max-width: 1660px}
    section#content{width:calc(90% - 16px);margin:0 5%;}
    .backgr{height:60%;}
    nav li a{	margin: 7px 35px;}
    section#homepage h1 {margin-bottom: 15%;}
	}
	
    	/*----------------- 4k 2560px --------------*/
	
	@media screen and (min-width: 2500px) {
		.no-laptop{display:none !important}
		.in-laptop{display:inline !important}
        .wrap{width:86%; max-width: inherit}
        body, html{font-size:26px}
        .backgr{height:60%;}
	}