.responsive body
{
min-width: 240px;
}
.responsive.responsive-phone .DesniPanel, .responsive.responsive-phone .GoreDesnoOpslozeno, .responsive.responsive-phone .GoreLijevoOpslozeno
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto !important; margin-right: auto !important; 
width: 100% !important;
float: none !important;
}
.responsive.responsive-phone .GoreDesnoOpslozeno .PodrucjeSlike, .responsive.responsive-phone .GoreLijevoOpslozeno .PodrucjeSlike
{
margin-top: 5px;
margin-bottom: 5px;
width: 250px !important;
height: auto !important;
margin-left: auto !important; margin-right: auto !important;
float: none !important;
}
.responsive.responsive-phone .GoreDesnoOpslozeno .PodrucjeSlike img, .responsive.responsive-phone .GoreLijevoOpslozeno .PodrucjeSlike img, .responsive.responsive-phone .GoreDesnoOpslozeno .PodrucjeSlike .podrucjeLegende, .responsive.responsive-phone .GoreLijevoOpslozeno .PodrucjeSlike .podrucjeLegende
{
width: 100% !important;
height: auto !important;
}
.responsive.responsive-phone .DesniPanel .PodrucjeSlike
{
margin-top: 5px;
margin-bottom: 5px;
width: 210px !important;
height: auto !important;
margin-left: auto !important; margin-right: auto !important;
float: none !important;
}
.responsive.responsive-phone .DesniPanel .PodrucjeSlike img, .responsive.responsive-phone .DesniPanel .PodrucjeSlike .podrucjeLegende
{
width: 100% !important;
height: auto !important;
}
.responsive .pe-content-layout img, .responsive .pe-content-layout video
{}

.responsive.responsive-phone .pe-content-layout img 
{}
.responsive.responsive-phone .pe-shapes .pe-headline, .responsive.responsive-phone .pe-slogan
{
margin: 0px !important;
}
.responsive.responsive-phone .pe-slogan
{
font-size: 12px;
}
.responsive .pe-content-layout .pe-sidebar0, .responsive .pe-content-layout .pe-sidebar1, .responsive .pe-content-layout .pe-sidebar2 
{
width: auto !important;
}
#swipeBox{
border:1px solid blue;
background-color: #657790;
opacity: 0.5;
position:fixed; 
bottom:0px; 
right:25%;
left:50%;
margin-left:-150px;
width:300px; 
height:100px; 
z-index: 10000;
}
.responsive .pe-content-layout .pe-content
{
margin-top: 30px;
}
html
{
background: #657790;
}
.responsive .tpItems
{
background: rgba(212, 217, 226, 0.80);
}
.responsive .tpBlok
{
z-index: 105;
}
.tpItems
{
display: none;
}
.responsive .pe-content-layout, .responsive .pe-content-layout-row, .responsive .pe-layout-cell 
{
display: block;
}
.responsive.responsive-tablet .tpBlok, .responsive.responsive-phone .tpBlok
{
position: absolute;
top: 0;
margin-left: 50%;
}
.responsive.responsive-phone .tpBlok
{
left: -45%;
width: 90%;
}
.responsive.responsive-tablet .tpBlok
{
left: -30%;
width: 60%;
}
.responsive .pe-slidenavigator 
{
display: none !important;
}
.responsive .pe-collage 
{
display: none !important;
}
.responsive .image-caption-wrapper 
{
width: auto !important;
}
.responsive .pe-textblock 
{
display: none;
}
.responsive.responsive-tablet .pe-vmenublock,
.responsive.responsive-tablet .pe-block
{
float: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.responsive .pe-responsive-embed 
{
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.responsive .pe-responsive-embed iframe, .responsive .pe-responsive-embed object, .responsive .pe-responsive-embed embed
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive .pe-sheet
{
width: auto !important;
min-width: 240px !important;
max-width: none;
margin-right: 1% !important;
margin-left: 1% !important;
}
#pe-resp {
display: none;
}
@media all and (max-width: 999px)
{
#pe-resp, #pe-resp-t { display: block; }
#pe-resp-m { display: none; }
}
@media all and (max-width: 480px)
{
#pe-resp, #pe-resp-m { display: block; }
#pe-resp-t { display: none; }
}
.responsive .pe-header 
{
width: auto;
height: auto;
background-position: center center !important;
background-size: cover !important;
background-repeat: repeat !important;
}
.responsive .pe-header .pe-headline, .responsive .pe-header .pe-slogan 
{
display: block !important;
top: 0 !important;
left: 0 !important;
margin: 0px !important;
}
.responsive .pe-vmenublockheader, #abecedarpostwidget-2 .pe-blockheader, #tag_cloud-2 .pe-blockheader, #toppose, #afrikawidget-2 .pe-blockheader, #azijawidget-2 .pe-blockheader, #europawidget-2 .pe-blockheader, #amerikaswidget-2 .pe-blockheader, #amerikajwidget-2 .pe-blockheader, #australijawidget-2 .pe-blockheader 
{
cursor: pointer;
}
.responsive .pe-header .pe-headline a, .responsive .pe-header .pe-slogan 
{
white-space: normal !important;
}
.responsive.responsive-phone .pe-header .pe-headline a
{
font-size: 60%;
}
.responsive.responsive-tablet .pe-header .pe-headline a
{
font-size: 80%;
}
.responsive.responsive-tablet .pe-header .pe-slogan
{
font-size: 12px;
}
.responsive.responsive-phone .pe-header
{
height: auto;
}
.pe-searchoptions
{
font-size: 1em;
}
.responsive .pe-header .pe-shapes .pe-textblock 
{
padding: 2% !important;
margin: 2% !important;
line-height: normal;
background-image: none;
background-color: rgba(127, 127, 127, 0.7);
color: #eee !important;
display: none;
top: auto;
left: auto;
width: auto;
height: auto;
}
.responsive .pe-header .pe-shapes .pe-textblock *, .responsive .pe-header .pe-shapes .pe-textblock a:hover, .responsive .pe-header .pe-shapes .pe-textblock a:visited, .responsive .pe-header .pe-shapes .pe-textblock a:link 
{
color: #eee !important;
}
.responsive .pe-header .pe-shapes .pe-textblock>div 
{
display: none;
top: auto;
left: auto;
width: auto;
height: auto;
padding: 0 !important;
}
.responsive .pe-header .pe-shapes, .responsive .pe-header .pe-shapes *
{
position: relative;
text-align: center;
-webkit-transform:none !important;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.responsive .pe-searchoptions
{
margin-top: 5px;
font-size: 9pt;
alignment-adjust: central;
color: #FFFFFF !important
}
.responsive.responsive-tablet .pe-header .pe-shapes, .responsive.responsive-tablet .pe-headersearchwrapper
{
width: 50%;
}
.responsive.responsive-tablet .pe-headersearchwrapper
{
position: absolute;
top: 0;
right: 0;
}
.responsive.responsive-tablet .pe-header .pe-shapes .pe-headline, .responsive.responsive-tablet .pe-header .pe-shapes .pe-slogan
{
margin-left: 10px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
text-align: left;
}
.responsive .pe-header #pe-flash-area, .responsive .pe-header .pe-shapes>*
{
display: none;
}
.responsive #pe-header-bg 
{
background-position: center center !important;
background-size: cover !important;
background-repeat: repeat !important;
}
.responsive .pe-shapes~.pe-textblock
{
position: relative !important;
display: block !important;
margin: 1% auto !important;
width: 75% !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.responsive nav.pe-nav, .responsive .pe-nav-inner
{
width: auto !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin-top: 0;
margin-bottom: 0;
}
.responsive .responsive-nav 
{
padding-left: 0;
padding-right: 0;
}
.responsive .responsive-nav ul.pe-hmenu 
{
display: block;
float: none;
text-align: center;
}
.responsive .responsive-nav ul.pe-hmenu li
{
float: none;
}
.responsive .responsive-nav ul.pe-hmenu>li:first-child, .responsive .responsive-nav ul.pe-hmenu>li:last-child, .responsive .responsive-nav ul.pe-hmenu>li
{
margin-left: 0;
margin-right: 0;
}
.responsive .responsive-nav ul.pe-hmenu>li:before
{
display: none;
}
.responsive .responsive-nav ul.pe-hmenu a
{
margin-top: 1px !important;
margin-bottom: 1px !important;
text-align: center;
height: auto;
white-space: normal;
}
.responsive .responsive-nav ul.pe-hmenu>li:first-child>a
{
margin-top: 0 !important;
}
.responsive .responsive-nav ul.pe-hmenu>li:last-child>a
{
margin-bottom: 0 !important;
}
.responsive .responsive-nav .ext, .responsive .responsive-nav ul.pe-hmenu>li>ul, .responsive .responsive-nav ul.pe-hmenu>li>ul>li
{
width: auto !important;
}
.responsive .responsive-nav ul.pe-hmenu ul
{
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: none !important;
position: relative !important;
visibility: visible !important;
}
.responsive .responsive-nav ul.pe-hmenu>li>ul>li:first-child:after 
{
display: none;
}
.responsive .responsive-nav ul.pe-hmenu ul a
{
padding-left: 4% !important;
}
.responsive .responsive-nav ul.pe-hmenu ul ul a
{
padding-left: 6% !important;
}
.responsive .responsive-nav ul.pe-hmenu ul ul ul a
{
padding-left: 8% !important;
}
.responsive .responsive-nav ul.pe-hmenu ul ul ul ul a
{
padding-left: 10% !important;
}
.responsive .responsive-nav ul.pe-hmenu ul ul ul ul ul a
{
padding-left: 12% !important;
}
.responsive .responsive-nav ul.pe-hmenu>li>ul
{
padding: 0;
}
.responsive .responsive-nav ul.pe-hmenu>li>ul:before
{
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.responsive .pe-content-layout, .responsive .pe-content-layout-row, .responsive .pe-layout-cell 
{
display: block;
}
.responsive .pe-layout-cell 
{
width: auto !important;
height: auto !important;
border-right-width: 0 !important;
border-left-width: 0 !important;
border-radius: 0 !important;
}
.responsive .pe-content-layout:after, .responsive .pe-content-layout-row:after, .responsive .pe-layout-cell:after 
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.responsive .pe-post
{
border-radius: 0;
}
.responsive .pe-posttagicon, .responsive .wp-tag-cloud, .responsive .pe-footer-inner
{
-webkit-text-size-adjust:100%;
}
.responsive .pe-footer-inner
{
width: auto;
}
.responsive .responsive-tablet-layout-cell 
{
width: 50% !important;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}