.slicknav_menu {
	display:none;
  }
  
  @media screen and (max-width: 989px) {
  	/* #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
	}
	.naglowek-h1 {
		font-weight: 100;
		    margin-bottom: 0px;
	}
	/*----------------- smartfon --------------*/
	
	@media screen and (max-width: 360px) {

	}
	@media screen and (max-width: 460px) {
		.no-smartfon{display:none !important}
		.in-smartfon{display:inline !important}
		body{font-size: 15px; line-height: 22px;}
        .wrap{width: 100%}
		.toppage, nav, aside, article .content hgroup{display:none}
		article {width:100%; background: url(../img/header.gif) left top repeat-y; background-size: 8% }
		article .mobhead{width: 75%; padding: 0 10% 2% 15%; margin:20px 0 }
		article .mobhead img.minilogo{margin-left:0%; margin-bottom: 25px !important}
		article .mobhead img.minifoto{width:80%}
		article .mobhead hgroup{float:left; clear: both; background: none}
		article .mobhead .minipin{display:inline}
		article .content{width:75%; padding: 0 10% 20% 15%; background: none}
		article hgroup{margin:50px 0 30px 0; padding-top: 30px !important; width: 100% !important;}
		article hgroup h1{font-size: 2.4em !important;line-height:1em !important;}
		.naglowek-h1{font-size: 2.4em !important;line-height:1em !important;}
		article hgroup h2{font-size: 1.8em !important}
		footer p{left:8%}
		footer img{margin-right: 8%}
	}
	
	/*----------------- tablet --------------*/
	
	@media screen and (min-width: 461px) and (max-width: 989px) {
		.no-mobile{display:none !important}
		.in-mobile{display:inline !important}
		body{font-size: 15px; line-height: 22px;}
        .wrap{width: 100%}
		.toppage, nav, aside, article .content hgroup{display:none}
		article {width:100%; background: url(../img/header.gif) left top repeat-y; background-size: 8% }
		article .content{font-size:1.1em; line-height:1.3em; width:75%; padding: 0 10% 20% 15%; background: none}
		article hgroup{margin:50px 0 30px 0; padding-top: 30px;}
		article hgroup h1{font-size: 3.8em;line-height:1.1em;}
		.naglowek-h1{font-size: 3.8em;line-height:1.1em;}
		article hgroup h2{font-size: 2.8em}
		footer p{left:8%}
		footer img{margin-right: 8%}
  }
	@media screen and (max-width: 600px) {
     .col2{width:100% !important;padding:0 !important}
    }

	@media screen and (max-width: 650px) {
		article hgroup h1{font-size: 2.8em;line-height:1.1em;}
		.naglowek-h1{font-size: 2.8em;line-height:1.1em;}
		article hgroup h2{font-size: 1.8em}
	}
	@media screen and (max-width: 700px) {
		footer p{margin-bottom: 10px; width: auto; width: 86% !important;}
		footer img{clear:both; float:left; margin-left: 8%}

    }

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

    }
    
	
	/*----------------- desktop --------------*/
	
	@media screen and (min-width: 990px)  and (max-width: 1199px){
		body{font-size: 14px; line-height: 22px;}
        .wrap{width: 880px;}
		.toppage{height:160px; margin-top:50px;}
		.toppage .toploc {margin-top: 40px;}
		nav{width: 20%;}
		nav img{left:-11px;	top:201px; width:11px}
		nav ul{margin:50px 0 30px 0; padding-top: 30px;}
		aside{width: 30%;}
		aside img.mp{top:-122px;}
		article hgroup{margin:50px 0 30px 0; padding-top: 30px;}
		article hgroup h1{font-size: 3em;line-height:1.1em}
		
		.naglowek-h1{font-size: 3em;line-height:1.1em}
		article hgroup h2{font-size: 2em}
	}

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


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

        }
	
	/*----------------- laptop --------------*/
	
	@media screen and (min-width: 1200px) and (max-width: 1441px) {
		.no-laptop{display:none !important}
		.in-laptop{display:inline !important}
		body{font-size: 13px; line-height: 22px;}
        .wrap{width: 1040px;}
		.toppage{height:210px; margin-top:50px;}
		.toppage .toploc {margin-top: 40px;}
		nav img{left:-13px;	top:244px; width:13px}
		nav ul{margin:60px 0 40px 0; padding-top: 40px;}
		aside img.mp{top:-170px;}
		article hgroup{margin:60px 0 40px 0; padding-top: 40px;}
		article hgroup h1{font-size: 3.5em;line-height:1.1em}
		
		.naglowek-h1{font-size: 3.5em;line-height:1.1em}
		article hgroup h2{font-size: 2.4em}
	}

/*----------------- big monitor --------------*/
	@media screen and (min-width: 1440px) and (max-width: 1680px) {
		.no-laptop{display:none !important}
		.in-laptop{display:inline !important}
		body{font-size: 14px; line-height: 22px;}
        .wrap{width: 1180px;}
		.toppage{height:200px; margin-top:60px;}
		.toppage .toploc {margin-top: 40px;}
		nav img{left:-18px;	top:288px; width:18px}
		nav ul{margin:60px 0 80px 0; padding-top: 40px;}
		aside img.mp{top:-160px;}
		article hgroup{margin:60px 0 60px 0; padding-top: 40px;}
		article hgroup h1{font-size: 4em;line-height:1.25em}
		.naglowek-h1{font-size: 4em;line-height:1.25em}
		article hgroup h2{font-size: 2.7em}
	}

    @media screen and (min-width: 1681px){  
		.no-laptop{display:none !important}
		.in-laptop{display:inline !important}  
		body{font-size: 15px; line-height: 24px;}
        .wrap{width: 1480px;}
		.toppage{height:240px; margin-top:80px;}
		.toppage .toploc {margin-top: 45px;}
		nav img{left:-20px;	top:375px}
		nav ul{margin:70px 0 100px 0; padding-top: 50px;}
		aside img.mp{top:-195px;}
		article hgroup{margin:70px 0 100px 0; padding-top: 50px;}
		article hgroup h1{font-size: 4.8em;line-height:1.25em}
		.naglowek-h1{font-size: 4.8em;line-height:1.25em}
		article hgroup h2{font-size: 3em}
    }
	
	@media screen and (max-width: 460px) {
article .mobhead hgroup {
    float: left;
    clear: both;
    background: none;
}
}



@media screen and (max-width: 460px) {
article hgroup {
    margin: 50px 0 30px 0;
    padding-top: 30px !important;
    width: 100% !important;
}
}

@media screen and (max-width: 650px) {
article hgroup h1 {
    font-size: 2.8em;
    line-height: 1.1em;
}
}
@media screen and (max-width: 460px) {
article hgroup h1 {
    font-size: 2.4em !important;
    line-height: 1em !important;
}
}

@media screen and (max-width: 460px) {
.content hgroup {
	display:block !important;
}

}