@media screen and (max-width: 1220px){
    .Htop , .Hbottom{padding-left: 10px;padding-right: 10px;}
    .faderEle img { max-width: 100%;}
    .grp3Top {display: block;padding: 0px 10px;box-sizing: border-box;}
    #mainPage .grp3 h2 {text-align: center;}
    .Bright{padding-right: 10px;padding-left: 50px;}
    .Bleft{padding-left: 10px;box-sizing: border-box;}
    .centerPhotos{text-align: center;}
    
    
}

@media screen and (max-width: 1100px){
    .Bright h2{font-size: 25px;}
    .boxy h2{font-size: 22px;}
    #mainPage h2 { font-size: 32px;}
    #mainPage .grp3 p { font-size: 24px;}
    .HRright  , .Hbottom > div , #slider1 .bx-controls-direction , #slider2 .bx-controls { display: none;}
    #mMenu { display: block;float: none;}
    .Htop .rightRight{justify-content: flex-end;}
    .HRlLeft { width: auto;}
    
    .Htop .left { width: 50%;display: flex;align-items: center;}
    #slider1 {margin-top: 0px;}
    .grp1Top {display: block;text-align: center;}
    .grp1el1 { width: 50%;margin: -2.5px;display: inline-block;}
    .grp1el1img img { margin: 0px auto;width: 100%;}
    .grp1el1 > div:not(.grp1el1img) { text-align: justify;}
    
    .grp1el1 > div:not(.grp1el1img) { top:405px;}
    .grp1el1 > div:not(.grp1el1img) a { top: 90px;}
    
    .grp2el1right { left: 0px;box-sizing: border-box;position: static;width: auto;position: static;padding: 25px 10px;transform: none;}
    .grp2el1 { max-width: 100%;}
    p{font-size: 16px;}
    .grp2el1left { display: none;}
    #slider2 .slider {height: auto;}
    #mainPage .grp3 h2 { padding-bottom: 15px;}
    #mainPage .grp3right img { max-width: 100%;box-sizing: border-box;height: auto;}
        
    .grp4el1left { max-width: 50%;transform: translate(0px,25%);}
    .grp4el1 {padding: 20px 0px;box-sizing: border-box;}
    .grp4el1right{ padding: 0px 35px}
    .grp4el1left img{max-width: 100%;}
    footer .grp4 h2 { margin-top: 0px;}
    .Ftop{display: block;padding:28px 20px 0px;box-sizing: border-box;max-width: 100%;}
    .FTleft, .FTright{justify-content: center;}
    .FTR2 , .FTR1 {text-align: center;}
    .FTR2 a, .FTR1 a{justify-content: center;}
    .FTL1 , .FTL2 , .FTR2 , .FTR1{ text-align: center;width: 50%;padding-right: 0px;padding-bottom: 20px;}
    footer {padding-bottom: 0px;}
    .Bleft{display: none;}
    .Bright{padding-left: 10px;padding-right: 10px;box-sizing: border-box;padding-bottom: 20px;}
    .boxy .box img{width: 100%;height: auto;}
    .boxy .box{ margin: 0px -2.5px 0px;width: 50%;}
    .boxy {text-align: center;}
    .bottom{ padding-top: 20px;}
    #navi {padding: 30px 10px;}
    .topTitle{padding:0px 10px 40px;font-size:34px;box-sizing: border-box;}
    .centerPhotos a{width: auto;max-width: 50%;margin: 0px -1.0px 2px;border-left: 1px solid #fff;border-right: 1px solid #fff;box-sizing: border-box;}
    .cboxElement img {max-width: 100%;height: auto;}
    .checkMore.rezerwacja{margin: 0px auto;}
    .files {margin: 0px -10px;}
    #mapa, #map { height: 350px;margin: 0px -10px;width: auto;}
    .galery .img{height: auto;}
    .popupWindow.bigImgPopup {max-width: 50%;}
    .bigImgPopup img {max-width: 100%;}
}

@media screen and (max-width: 630px){
    a {font-size: 16px;}
    .Bright h2{font-size: 22px;}
    .topTitle{font-size:26px;}
    #navi span, #navi a{font-size: 13px;}
    #mainPage h2 { font-size: 25px;}
    .grp1el1 h1, #mainPage .grp4 h2 , #mainPage .grp3 p{font-size: 21px;}
    .HRlLeft p, .grp1el1 > div:not(.grp1el1img) a, .grp2el1right a, .grp4el1right a { font-size: 17px;}
    .boxy h2{font-size: 18px;}
     p, #mainPage .grp3 p, table tr > * , .Bright li{font-size: 15px;}
    .grp1el1 h1 { top: 39px;}
    .grp1el1img{padding-top: 80px;}
    
    .HRlLeft { display: none;}
    .grp1el1 > div:not(.grp1el1img) { top:305px;}
    .grp1el1 > div:not(.grp1el1img) a { top: 180px;}
    .grp1el1 { height: 532px;}
    .grp3Rleft { width: 60%;}
    .grp3Rright { width: 40%;}
    .grp4el1left{ display: none;}
    .grp4el1right{ padding: 0px 10px;}
    .FTL1 , .FTL2 , .FTR2 , .FTR1{ width: 100%;padding-bottom: 10px;}
    .FTleft, .FTright{display: block;}
    .FTleft a, .FTright a, .FTR1 a, .FTR1 p{font-size: 15px;}
    .Htop .rightRight{width: 10%;}
    .Htop .left{width: 90%;}
    .Htop .left img { max-width: 100%;}
    .Htop .right{display: none;}
    .boxy {margin: 0px -10px;}
    table{margin: 20px auto;}
    .boxy h2{padding: 10px 60px 10px 10px;}
    table tr > * { padding: 15px 30px;box-sizing: border-box;}
    .checkMore.rezerwacja{font-size: 42px;}
    #mapa, #map { height: 200px;}
    .smenu2 { margin: 0px -10px;}
    .form {margin: 0px -10px;padding: 30px 10px;}
    .form .left , .form .right{ width: 100%;padding: 0px 0px 8px;}
    .centerPhotos a { margin: 0px -1.5px 2px;}
    .popupWindow.bigImgPopup, #popupOverlayer { display: none!important;}
    
}

@media screen and (max-width: 450px){
    
    .checkMore.rezerwacja{font-size: 32px;width: auto;margin: 0px -10px;}
    table tr > * { padding: 10px 20px;}
    #navi{display: none;}
    .topTitle{font-size:22px;}
    #mainPage h2 { font-size: 20px;}
    .boxy h2{padding: 10px 47px 10px 10px;}
    .grp1el1 > div:not(.grp1el1img) { top:267px;left: 10px;right: 10px;}
    .grp1el1 > div:not(.grp1el1img) a { top: 153px;}
    .grp1el1 { height: 496px;}
    .Bright h3{ font-size: 18px;}
    .Htop{
        background-image: none;
    }
}


@media screen and (max-width: 330px){
    table{width: auto;margin: 20px -10px;}
}