@media screen and (max-width: 1300px) {
	img{max-width:100%;height:auto;}
	
}
@media screen and (max-width: 1161px) {
	.ogranicznik {width:100%;}
	
} 
@media screen and (min-width: 1025px) and (max-width: 1050px) {
	
}
@media screen and (max-width: 820px) { 
    .columns2{
        width: 100%;
    }
    #footer .columns2{
        width: 100%;
        /*width: calc(50% - 30px);*/
    }  
    /*#footer .columns2{width: 35%;}*/
    /*#footer .columns2:first-child {width: 65%;}*/
    #mapDescription{
        width: 100%;
    }
    #mapOutline{
       width: 100% !important;
    }
    #rootContentRep-all .rootContentRep{
        width: calc(100%/2 - 20px);
    }
	.nivo-caption .slideshow_h {font-size: 1.5em!important;}
}
@media screen and (max-width: 390px) { 
    #rootContentRep-all .rootContentRep{
        width: calc(100% - 20px);
    }
}
@media screen and (min-width: 1024px) { 
    .close{
        transform: none !important;
    }
}
@media screen and (max-width: 1124px) { 
    .button-empty {	
        font-size: 0.8em;
    } 
}
@media screen and (max-width: 1224px) { 
    .logo img {	
        padding-left: 25px;
        max-width: 150px;
    } 
    a.logo span{
        padding: 0.9em 0px 0px;
    }
}
@media screen and (max-width: 924px) { 
    #menuMCP_1{ font-size: 1.5em;}
}
@media screen and (max-width: 1023px) { 
    #menu-toggle{display:block;}
	#menuMCP_1{
        overflow: auto;
        transition: transform 300ms ease; 
        max-width: 45%;
        min-width: 300px;
        width: 45%;
        height: 100vh;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 20;
        background-color: white;
        transform: translateX(105%);

    }
    div#menuMCP_1 ul.level0{
        max-width: none;
        width: 100%;
        padding: 18px 0;
        margin: 0px;
    }
    div.menuMCP ul.level1{
        position: static;
        font-size: 0.8em;
    }
    #menuMCP_1 a{
        border-bottom: none;
    }
    div#menuMCP_1 ul.level1, div#menuMCP_1 ul.level2{
        width: 100%;
    }
    div#menuMCP_1 ul.level1 li a, div#menuMCP_1 ul.level2 li a{
        text-align: center;
    }
    div#menuMCP_2.menuMCP, #footer p{
        line-height: 1.4em;
    }
    #topmenu_box .social_media{
        display: none;
        /*position: relative;*/
    }
    div#menuMCP_1.menuMCP a.activeMenuItem{
        border-bottom: none;
    }
    div#menuMCP_1 ul.level1, div#menuMCP_1 ul.level2{
        box-shadow: none;
    }
    #menuMCP_1>ul::before{
        content: ' ';
        display: block;
        position: relative;
        width: 70%;
        height: 2px;
        background-color: rgba(128, 128, 128, 0.5);
        top: -23px;
        margin: auto;
        border-radius: 10px;
    }
    #menuMCP_1>ul:first-child::before{
        content: none;
    }
    .fb-like{
       right: 80px; 
    }
}
@media screen and (min-width: 980px) and (max-width: 1024px) {
/*
.menu{display:none;width:100%;top:0;left:0;margin:0;background:#fff;z-index:11;}
.menu li{width:100%;display:block;margin:0 !important;border-bottom:1px solid #4b2616;}
.menu li a{width:100%;display:block;margin:0 !important;padding:12px;text-align:center;}*/
}

@media screen and (max-width: 568px){
    body {
        font-size: 16px;
    } 
    a.logo span{
        padding: 1.4em 0px 0px;
    }
}
@media screen and (min-width: 481px) and (max-width: 568px) {
	
}
@media screen and (min-width: 481px) and (max-width: 520px) {
	
}
@media screen and (min-width: 381px) and (max-width: 480px) {
	
}
@media screen and (min-width: 321px) and (max-width: 380px) {
	
}
@media screen and (max-width: 384px) {
	#image_box{
        display: none;
    } 
    body {
        font-size: 16px;
    } 
}  
@media screen and (max-width: 414px) {
	#image_box{
        display: none;
    } 
}   
@media screen and (max-width: 475px) {
#menuMCP_1{
        max-width: none;
        width: 100%;
    } 
}   
@media screen and (max-width: 450px) {
	.logo img{
        max-width: 100px;
    }
	a.logo span{
        font-size: 0.6em;
        line-height: 18px;
    }
}