@charset "utf-8";
/* CSS Document */

@media (max-width: 1249px) {
    .toggleMenu{display:block;}
    .headerMenu{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.8); z-index:5; text-align:center; padding:100px 0 0 0;}
    .headerMenu > li, .headerMenu > li:first-child{margin:0 0 20px 0; display:block;}
    .headerMenu > li > a{font-size:20px; line-height:24px; margin:0; padding:0; border:none; color:#fff; font-weight:200;}
    .burma .thumbHolder{width:225px; height:225px;}
    .burma .thumb{width:225px; height:225px;}
}

@media (max-width: 991px) {
    #baneri-podoblasti a{margin:0 5px 10px 5px;}
    .burma h2{font-size:15px; line-height:17px; height:51px; padding:0 10px;}
    .burma .thumbHolder{width:183px; height:183px;}
    .burma .thumb{width:183px; height:183px;}
    .largeThumbHolder, .largeThumbHolder .thumb-burma{height:220px;}
    #forma{width:100%;}
}

@media (max-width: 767px) {
    .burma .thumbHolder{width:156px; height:156px;}
    .burma .thumb{width:156px; height:156px;}
    .largeThumbHolder, .largeThumbHolder .thumb-burma{height:186px;}
}

@media (max-width: 649px) {
    .toggleMenu{top:66px;}
    .h1{width:100%;}
    .largeThumbHolder, .largeThumbHolder .thumb-burma{height:auto;}
    #levi-deo{margin:0 0 5px 0; font-size:14px; line-height:18px; overflow:hidden; text-align:center;}
    #levi-deo li{float:none; display:inline;}
    #levi-deo a{border:none;}
    #desni-deo{margin:0 0 5px 0; font-size:14px; line-height:18px; overflow:hidden; text-align:center;}
    #desni-deo li{float:none; display:none;}
    #desni-deo li:last-child{float:none; display:block;}
    #desni-deo a{border:none;}
    .nbViber{float:none;}
    .iconViber{float:none; display:inline;}
    .headerLogo{width:80%; max-width:250px;}
    .headerMenu{padding:80px 0 0 0;}
    #baneri-podoblasti a{width:80%; margin:0 auto 15px auto;}
    .slikaKategorije{display:none;}
    #izdvojeneBurmeHolder .burma{background:#eee;}
    .burma h2{height:auto;}
    .burma .cena{width:auto;}
    .mapFrame{margin:40px 0 0 0;}
    #forma{width:100%;}
    .footerLogo{text-align:center;}
    .footerLogo>img{display:inline-block;}
    #footer-desno{margin:40px 0 0 0; text-align:center;}
    #footerLevo{text-align:center;}
}