@media (max-width:1440px) { 
.slide-1{background-position: 50%;}
}
@media (max-width:1199px) { 
.navbar-brand img {width: 171px;top: 13px;}
}

@media (max-width:1024px) { 
.menu_dropdown li ul.sub-menu, .menu_dropdown ul li ul.sub-menu li ul.sub-menu {left: -76px;}
}


@media (max-width:991px) { 
.lb-item {max-height: 105px;}
#event img {min-width:100%;width: 100%; }
.menu-top li a {padding: 0 13px;font-size: 16px;}
.navbar-brand img {width: 145px;top: 8px;margin: 0;}
.navbar-right{margin-top: 3px;}
}
@media only screen and (max-width:767px) { 
#portfolio .grid{text-align:center }
.single_activites p{line-height: 30px;font-size: 21px;}
#event .section-title p{font-size: 19px;}
.navbar-brand img {width: 95px;top: 14px; margin:0}
}
/*TABLET DEVICE*/
@media only screen and (max-width:768px) { 
.menu_dropdown li ul.sub-menu, .menu_dropdown ul li ul.sub-menu li ul.sub-menu {left: -126px;}
.navbar-nav>li {

    padding: 0 3px;
}

.top-info-left  ul li{margin-bottom: 20px;}
.menu-top {margin-top:60px;}
.navbar-default .navbar-nav > li > a {margin-top: 0px;padding: 7px 0;display: inline-block;}
.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;}
.single_address p {font-size: 20px; line-height: 24px;}
.footer_contact p{font-size: 20px;}
.navbar-brand img {width: 70%;top: 2px;margin: 5px 0 0 16px;}
.menu-top li a{font-size: 18px;padding: 17px;}
.menu_dropdown ul{margin: 20px auto;}
.menu_dropdown ul li ul.sub-menu li a{font-size: 12px;display: contents;}
.menu_dropdown ul li ul.sub-menu li{margin-left:0}
.navbar-default.menu-shrink {border-bottom: 4px solid #25b0ea;}
}






@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) { 
    nav{
    /*background: red;*/
    display: block;
    overflow: scroll;
    height: 380px;}
.menu_dropdown ul {list-style-type: none;display: inline-block;}
.menu_dropdown li ul.sub-menu{display: contents; visibility: initial;}
.menu_dropdown li:hover ul.sub-menu{display: contents;}
.menu_dropdown ul li ul.sub-menu li ul.sub-menu {display: contents;left: 0;}
.navbar-right {float:left !important}
.menu_dropdown ul li ul.sub-menu li{margin-left: 7px;}

#event {padding: 35px 20px 20px 35px;}
/*#portfolio h2, #event .section-title h2{visibility: initial;}
section.our_activites h2, #event p{visibility: initial;}*/
.slide-1{background-position: 70%;}
.slide-3{background-position: 10%;}
.slide-4{background-position: 40%;}
}


.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: 53px;}
.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;}
.top-info-left ul li{margin-right: 8px;}
.top-info-left ul li{margin-bottom:8px}
.section-top-title h2{font-size: 35px;}
.section-top{padding: 26px 0;}

}
@media(max-width:480px){
.slide-1{background-position: 70%;}
.slide-2{background-position: 42%;}
.slide-3{background-position: 25%;}
.slide-4{background-position: 40%;}
}
@media(max-width:479px){
	.lb-item {max-height: initial; min-height: initial;background:none}
	.lb-item img {width:100%; }
	}
@media(max-width:464px){
/*.top-info-left ul li:nth-child(2){display:none}*/
}
/*MOBILE 480PX DEVICE*/
@media only screen and (max-width:414px) { 

.sticky {top: 0px;	}
}


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

}




/*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;}
}



@media only screen and (max-width:308px) { 
.navbar-brand img {
    width: 70%;
    top: 2px;
    margin: 6px 0px auto 9px;
}