/*TABLET DEVICE*/
@media only screen and (max-width:768px) { 
.top-info-left  ul li{margin-bottom: 20px;}
.menu-top {margin-top:60px;}
.navbar-default .navbar-nav > li > a {
margin-top: 10px;
padding: 8px;
}
.hero-text h2 {
font-size: 40px;
line-height: 40px;
}
.single-slide-item h2 {
font-size: 40px;
line-height: 40px;
}
.about_content{margin-top: 30px;}
.counter {margin-bottom: 20px;}
.counter p { font-size: 13px }
.portfolio-filters li { margin-bottom: 10px }
.single_team {margin-bottom:40px}
.single_event { margin-bottom: 100px }
.single_event img{width:100%;}
 .single_address { margin-bottom: 30px }
 .single_address p { font-size: 15px }
 .about_content {
  margin-bottom: 30px;
}
.modalbg:target .dialog {top: 70px;}
}






@media (min-width:481px) and (max-width:562px) { 
.top-info-left ul li:nth-last-child(1){display:none}
}

@media only screen and (max-width:767px) { 
.menu_dropdown ul {
    list-style-type: none;
    display: contents;
}
.menu_dropdown li ul.sub-menu, .menu_dropdown ul li ul.sub-menu li ul.sub-menu {
   
   /* display: contents;*/left: 9px;
  
}

}


.pozivhidden {display:none}
@media (max-width:575px){ 
.pozivhidden {
    display: block;
    position: fixed;
    bottom: 4px;
    right: 4px;
    z-index: 999;
    background: #2dc123;
    height: 56px;
    width: 56px;
    padding: 9px 0 0 0!important;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 3pt 12pt;
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    border-radius: 10px; outline: none; 
}
.pozivhidden i.fa-2x {font-size: 2em;}
a.scrollup{height: 0px}
}
.pozivhidden:hover, .pozivhidden:active, .pozivhidden:focus {color:#fff;background: #2dc123;}


/*MOBILE 480PX DEVICE*/
@media only screen and (max-width:480px) { 
.top-info-right ul { float: left }
.menu-top {margin-top: 108px;}
.menu-top { background-color: #fff }
.navbar-default .navbar-nav > li > a { color: #313131  !important }
.menu-top {
color: #fff !important;
margin-left: 0px;
}
.hero-text h2 {
padding-top:0px;
font-size: 30px;
line-height: 40px;
}
.single-slide-item h2 {
padding-top:0px;
font-size: 30px;
line-height: 40px;
}	
.single_promo h1 {
  font-size: 34px;
}
.single_event {
  margin-bottom: 30px;
}
.about-slide iframe {height: 280px;}
.plan { margin-bottom: 30px }
.single-blog { margin-bottom: 40px }
.section-top-title h2 {text-align: center;}
.breadcrumb {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: none;
  margin-bottom: 0;
  text-align: center;
}

.single_footer {margin-top: 30px;}
.footer_copyright {text-align: center;}
.footer_social {
  float: none;
  margin-top: 10px;
  text-align: center;
}
.modalbg .dialog {width: 300px;}

}


/*MOBILE 480PX DEVICE*/
@media only screen and (max-width:414px) { 
.menu-top {margin-top: 110px;}
.sticky {
	top: -40px;
	}
}


/*IPHONE 375PX DEVICE*/
@media only screen and (max-width:375px) { 
.menu-top {margin-top: 160px;}
}




/*MOBILE 360PX DEVICE*/
@media only screen and (max-width:360px) { 

.hero-text h2 {
font-size: 26px;
line-height: 34px;
}
.single-slide-item h2 {
font-size: 26px;
line-height: 34px;
}
.about-slide iframe {height: 240px;}
.modalbg .dialog {width: 270px;}
}


/*MOBILE 360PX DEVICE*/
@media only screen and (max-width:320px) { 
.about-slide iframe {height: 200px;}
.modalbg .dialog {width: 240px;}
}