@media screen and (min-width:600px) and (max-width:767px) {

#menug  {
padding: 30px 30px;
}

#baner .logobaner {
top: 120px;
}

#blokstart h2 {
font-size: 18px;
}

#blokstart ul {
width: 550px;
}


.calosc.pokaz .menuglowne {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}


#blokstart ul li {
padding: 0px 10px;
}

.zwin #menug {
padding: 0px 30px;
}

.menuglowne ul li a {
padding: 10px 18px;
box-sizing: border-box;
text-align: left;
}

header,
header.zmien {
height: 129px;
box-shadow: none;
}

header.zmien.zwin,
header.zwin {
height: 68px;
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);

}

header:after {
display: none;
}


.zamek .item-page,
.willa .item-page,
.sala-ricevimenti .item-page,
.masseria-tenuta .item-page,
.plener .item-page,
.plaza .item-page,
.restauracja .item-page,
.slub-i-wesele .item-page,
.apulia-tour .item-page,
.sesja-slubna .item-page,
.galeria .item-page,
.wypozyczalnia .item-page p:nth-child(1),
.apulia-tour .item-page p:nth-child(1),
.sesja-slubna .item-page p:nth-child(1),
.galeria .item-page p:nth-child(1),
.item-page,
.slub-i-wesele .item-page p:nth-child(1),
.slub-i-wesele .item-page p:nth-child(2),
.slub-i-wesele .item-page p.mniej,
#blokstart p {
max-width: 540px;
}

#blokstart p {
font-size: 18px;
}

.logosek {
width: 240px;
display: block;
float: left;
}

.fmenu {
display: none;
}

.innastrona .margines.zmien {
margin-top: 128px;
}


.calosc.pokaz .menuglowne,
.calosc .menuglowne,
.menuglowne {
position: fixed;
display: block;
left: -400px;
top: 0;
z-index: 30;
background: #fff;
width: 280px;
overflow-x: auto;
height: 100vh;
opacity: 1;
box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.3);
}

.menuglowne.zmien {
left: 0px!important;
}

.menuglowne ul li {
float: none;
display: block;
}


.menuglowne.zmien ul li.item-110,
.menuglowne.zmien ul li.item-103 {
padding-left: 0px;
padding-right: 0px;
} 

.menuglowne ul ul {
display: block;
position: relative;
box-shadow: none;
}

.moduletable_menu,
.zmien .moduletable_menu {
width: 280px;
}


.menuglowne ul ul li a {
font-size: 13px;
padding: 5px 6px;
box-sizing: border-box;
text-align: left;
}


.menuglowne ul li.item-103 ul {
width: 238px;
}

.menuglowne ul li.item-110 ul {
width: 160px;
}

.sociale {
width: 240px;
display: block;
float: left;
}

.mobilne  {
display: block;
float: right;
padding: 20px 0;
}

.sociale ul li a {
padding: 24px 22px;
}

.mobilne .pokaz .kr3,
.mobilne .pokaz .kr2,
.mobilne .pokaz .kr1 {
width: 46px;
}

.menuglowne ul ul {
padding: 0px 20px;
}

.item-page  {
padding-top: 40px;
padding-bottom: 50px;
}

.pokaz .naglowek {
height: 150px;
}


.naglowek {
height: 175px;
}

.lewa,
.prawa {
padding: 10px;
}

.item-page p {
font-size: 16px;
}

.referencje h3,
.item-page h2,
.item-page h3,
#blokstart h3 {
font-size: 32px;
line-height: 32px;
}

#baner {
margin-top: 110px;
}

#blokstart ul li {
width: 250px;
height: 204px;
}

#blokstart ul li .maska { 
height: 154px;
}

#blokstart ul li:hover .maska {
height: 112px;
}

.maska img {
width: 250px;
height: 154px;
}

#baner .logobaner.pokaz {
width: 200px;
height: 204px;
}

.wiecej {
width: calc(100% - 20px);
}




#baner .logobaner span {
width: 200px;
height: 200px;
}

#baner h1 {
top: calc(290px + 0px);
font-size: 18px;
line-height: 18px;
height: 20px;
}

#baner .logobaner {
left: calc(50% - 100px);
}


.slub-i-wesele .item-page .lista .item {
display: block;
}

.slub-i-wesele .item-page .lista .item p {
text-align: center;
}

.referencje {
max-width: 540px;
}

.referencje li p {
font-size: 16px;
}

}