/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .pi-item p {
        font-size: 19px !important;
    }
    
    /* 1 floor*/
    #fp-1 .fl-3 {
        right: 20px;
    }
    
    /* 6 floor */
    #fp-6 .fl-1 {
        right: 99px;
    }
}
    
/* Portrait tablets and small desktops */
@media (min-width: 800px) and (max-width: 991px) {
    .ffi ul,
    .ffi.room ul { padding-left: 65px !important; }
    .ffi.about ul { padding-left: 0 !important; }
    .fpi-title { top: 15px;}
    .fpi-title h2 { text-align: center !important; }
    .pi-item { margin-bottom: 10px; }
    /* 1 floor */
    #fp-1 .fl-1 { left: 114px; }
    #fp-1 .fl-2 { left: 210px; }
    #fp-1 .fl-3 { left: 238px; }
    /* 2 floor */
    #fp-2 .fl-1 { left: 125px; }
    #fp-2 .fl-2 { left: 520px; }
    #fp-2 .fl-3 {left: 493px;}
    #fp-2 .fl-4 {left: 80px;}
    #fp-2 .fl-5 {left: 268px;}
    #fp-2 .fl-6 {left: 316px;}
    #fp-2 .fl-7 {left: 267px;}
    #fp-2 .fl-8 {left: 213px;}
    #fp-2 .wc-1 {left: 426px;}
    #fp-2 .wc-2 {left: 463px;}
    #fp-2 .wc-3 {left: 213px;}
    #fp-2 .wc-4 {left: 213px;}
    #fp-2 .koridor {left: 98px;}
    /* 3 floor */
    #fp-3 .fl-1 { left: 346px; }
    #fp-3 .fl-2 { left: 123px; }
    #fp-3 .fl-3 {left: 532px;}
    #fp-3 .fl-4 {left: 82px;}
    #fp-3 .fl-5 {left: 435px;}
    #fp-3 .fl-6 {left: 349px;}
    #fp-3 .fl-7 {left: 430px;}
    #fp-3 .fl-8 {left: 379px;}
    #fp-3 .fl-9 {left: 285px;}
    #fp-3 .fl-10 {left: 235px;}
    #fp-3 .wc-1 {left: 449px; }
    #fp-3 .wc-2 {left: 483px; }
    #fp-3 .wc-3 {left: 235px; }
    #fp-3 .wc-4 {left: 235px; }
    #fp-3 .serv-1 {left: 537px; }
    #fp-3 .koridor {left: 102px; }
    /* 4 floor */
    #fp-4 .fl-1 { left: 82px; }
    #fp-4 .fl-2 { left: 107px; }
    #fp-4 .fl-3 {left: 235px;}
    #fp-4 .fl-4 {left: 373px;}
    #fp-4 .fl-5 {left: 466px;}
    #fp-4 .fl-6 {left: 437px;}
    #fp-4 .fl-7 {left: 349px;}
    #fp-4 .fl-8 {left: 532px;}
    #fp-4 .fl-9 {left: 122px;}
    #fp-4 .wc-1 {left: 449px; }
    #fp-4 .wc-2 {left: 483px; }
    #fp-4 .wc-3 {left: 235px; }
    #fp-4 .wc-4 {left: 235px; }
    #fp-4 .serv-1 {left: 532px; }
    #fp-4 .koridor {left: 102px; }
    /* 5 floor */
    #fp-5 .fl-1 { left: 124px; }
    #fp-5 .fl-2 { left: 82px; }
    #fp-5 .fl-3 {left: 332px;}
    #fp-5 .fl-4 {left: 352px;}
    #fp-5 .fl-5 {left: 527px;}
    #fp-5 .fl-6 {left: 465px;}
    #fp-5 .fl-7 {left: 374px;}
    #fp-5 .fl-8 {left: 232px;}
    #fp-5 .wc-1 {left: 444px; }
    #fp-5 .wc-2 {left: 479px; }
    #fp-5 .wc-3 {left: 232px; }
    #fp-5 .wc-4 {left: 232px; }
    #fp-5 .koridor {left: 106px; }
    /* 6 floor */
    #fp-6 .fl-1 {left: 326px;}
    #fp-6 .fl-2 {left: 82px;}
    #fp-6 .fl-3 {left: 124px;}
    #fp-6 .wc-1 {left: 444px; }
    #fp-6 .wc-2 {left: 479px; }
    #fp-6 .wc-3 {left: 272px; }
    #fp-6 .wc-4 {left: 272px; }
    #fp-6 .koridor {left: 105px; }
    /* 8 floor */
    #fp-8 .fl-1 {left: 82px;}
    #fp-8 .fl-2 {left: 125px;}
    #fp-8 .fl-3 {left: 326px;}
    #fp-8 .wc-1 {left: 444px; }
    #fp-8 .wc-2 {left: 479px; }
    #fp-8 .wc-3 {left: 272px; }
    #fp-8 .wc-4 {left: 272px; }
    #fp-8 .koridor {left: 105px; }
    /* 9 floor */
    #fp-9 .fl-1 {left: 125px;}
    #fp-9 .fl-2 {left: 82px;}
    #fp-9 .fl-3 {left: 326px;}
    #fp-9 .wc-1 {left: 444px; }
    #fp-9 .wc-2 {left: 479px; }
    #fp-9 .wc-3 {left: 272px; }
    #fp-9 .wc-4 {left: 272px; }
    #fp-9 .koridor {left: 105px; }
    /* 10 floor */
    #fp-10 .fl-1 {left: 107px;}
    #fp-10 .fl-2 {left: 124px;}
    #fp-10 .fl-3 {left: 286px;}
    #fp-10 .fl-4 {left: 444px;}
    #fp-10 .wc-1 {left: 272px; }
    #fp-10 .wc-2 {left: 272px; }
    #fp-10 .koridor {left: 105px; }
}

@media (min-width: 481px) and (max-width: 799px) {
    .ffi ul,
    .ffi.room ul { padding-left: 65px !important; }
    .ffi.about ul { padding-left: 0 !important; }
    .fpi-title { top: 15px;}
    .fpi-title h2 { text-align: center !important; }
    .pi-item { margin-bottom: 10px; }
    /* 1 floor */
    #fp-1 .fl-1 { left: 114px; }
    #fp-1 .fl-2 { left: 210px; }
    #fp-1 .fl-3 { left: 238px; }
    /* 2 floor */
    #fp-2 .fl-1 { left: 125px; }
    #fp-2 .fl-2 { left: 520px; }
    #fp-2 .fl-3 {left: 493px;}
    #fp-2 .fl-4 {left: 80px;}
    #fp-2 .fl-5 {left: 268px;}
    #fp-2 .fl-6 {left: 316px;}
    #fp-2 .fl-7 {left: 267px;}
    #fp-2 .fl-8 {left: 213px;}
    #fp-2 .wc-1 {left: 426px;}
    #fp-2 .wc-2 {left: 463px;}
    #fp-2 .wc-3 {left: 213px;}
    #fp-2 .wc-4 {left: 213px;}
    #fp-2 .koridor {left: 98px;}
    /* 3 floor */
    #fp-3 .fl-1 { left: 346px; }
    #fp-3 .fl-2 { left: 123px; }
    #fp-3 .fl-3 {left: 532px;}
    #fp-3 .fl-4 {left: 82px;}
    #fp-3 .fl-5 {left: 435px;}
    #fp-3 .fl-6 {left: 349px;}
    #fp-3 .fl-7 {left: 430px;}
    #fp-3 .fl-8 {left: 379px;}
    #fp-3 .fl-9 {left: 285px;}
    #fp-3 .fl-10 {left: 235px;}
    #fp-3 .wc-1 {left: 449px; }
    #fp-3 .wc-2 {left: 483px; }
    #fp-3 .wc-3 {left: 235px; }
    #fp-3 .wc-4 {left: 235px; }
    #fp-3 .serv-1 {left: 537px; }
    #fp-3 .koridor {left: 102px; }
    /* 4 floor */
    #fp-4 .fl-1 { left: 82px; }
    #fp-4 .fl-2 { left: 107px; }
    #fp-4 .fl-3 {left: 235px;}
    #fp-4 .fl-4 {left: 373px;}
    #fp-4 .fl-5 {left: 466px;}
    #fp-4 .fl-6 {left: 437px;}
    #fp-4 .fl-7 {left: 349px;}
    #fp-4 .fl-8 {left: 532px;}
    #fp-4 .fl-9 {left: 122px;}
    #fp-4 .wc-1 {left: 449px; }
    #fp-4 .wc-2 {left: 483px; }
    #fp-4 .wc-3 {left: 235px; }
    #fp-4 .wc-4 {left: 235px; }
    #fp-4 .serv-1 {left: 532px; }
    #fp-4 .koridor {left: 102px; }
    /* 5 floor */
    #fp-5 .fl-1 { left: 124px; }
    #fp-5 .fl-2 { left: 82px; }
    #fp-5 .fl-3 {left: 332px;}
    #fp-5 .fl-4 {left: 352px;}
    #fp-5 .fl-5 {left: 527px;}
    #fp-5 .fl-6 {left: 465px;}
    #fp-5 .fl-7 {left: 374px;}
    #fp-5 .fl-8 {left: 232px;}
    #fp-5 .wc-1 {left: 444px; }
    #fp-5 .wc-2 {left: 479px; }
    #fp-5 .wc-3 {left: 232px; }
    #fp-5 .wc-4 {left: 232px; }
    #fp-5 .koridor {left: 106px; }
    /* 6 floor */
    #fp-6 .fl-1 {left: 326px;}
    #fp-6 .fl-2 {left: 82px;}
    #fp-6 .fl-3 {left: 124px;}
    #fp-6 .wc-1 {left: 444px; }
    #fp-6 .wc-2 {left: 479px; }
    #fp-6 .wc-3 {left: 272px; }
    #fp-6 .wc-4 {left: 272px; }
    #fp-6 .koridor {left: 105px; }
    /* 8 floor */
    #fp-8 .fl-1 {left: 82px;}
    #fp-8 .fl-2 {left: 125px;}
    #fp-8 .fl-3 {left: 326px;}
    #fp-8 .wc-1 {left: 444px; }
    #fp-8 .wc-2 {left: 479px; }
    #fp-8 .wc-3 {left: 272px; }
    #fp-8 .wc-4 {left: 272px; }
    #fp-8 .koridor {left: 105px; }
    /* 9 floor */
    #fp-9 .fl-1 {left: 125px;}
    #fp-9 .fl-2 {left: 82px;}
    #fp-9 .fl-3 {left: 326px;}
    #fp-9 .wc-1 {left: 444px; }
    #fp-9 .wc-2 {left: 479px; }
    #fp-9 .wc-3 {left: 272px; }
    #fp-9 .wc-4 {left: 272px; }
    #fp-9 .koridor {left: 105px; }
    /* 10 floor */
    #fp-10 .fl-1 {left: 107px;}
    #fp-10 .fl-2 {left: 124px;}
    #fp-10 .fl-3 {left: 286px;}
    #fp-10 .fl-4 {left: 444px;}
    #fp-10 .wc-1 {left: 272px; }
    #fp-10 .wc-2 {left: 272px; }
    #fp-10 .koridor {left: 105px; }

}

/* Landscape phones and portrait tablets */
@media (max-width: 480px) { 
    .ffi ul,
    .ffi.room ul { padding-left: 25px !important; }
    .ffi.about ul { padding-left: 0 !important; }
    .fpi-title { top: 15px;}
    .fpi-title h2 { text-align: center !important; font-size: 20px !important; }
    .pi-item { margin-bottom: 10px; }

}

/* Smartphones */
@media (max-width: 360px) {
    .ffi ul,
    .ffi.room ul { padding-left: 50px !important; }
    .ffi.about ul { padding-left: 0 !important; }
    .fpi-title { top: 15px;}
    .fpi-title h2 { text-align: center !important; font-size: 20px !important; }
    .pi-item { margin-bottom: 10px; }

}