/* Responsive Css */

@media only screen and (max-width: 1600px){
	
	.info-list, .info-list > li, .info-list li i, .info-list li a { font-size: 13px; }
	.header-top .info-list { left: 80px; }
	.header-top .info-list > li { margin-right: 5px; }
  
	.council-section .sec-title { padding-left: 80px; }
	.sec-title h2 { font-size: 57px; line-height: 67px; }

    .main-header .outer-box { padding: 0px 30px; }
	.footer-bottom-two { padding: 80px 30px 100px 80px; }
	.footer-style-two .logotip { max-width: 450px; }


	.banner-carousel .content-box { display: none; }

	.links-list li a { font-size: 15px; padding-left: 5px; }



}



@media only screen and (max-width: 1200px){
	
	.banner-carousel .content-box { display: block; }
	


  .menu-area .mobile-nav-toggler {
    display: block;
    padding: 10px;
  }

  .megamenu ul li:first-child{
    display: none;
  }

  .main-header .logo-box{
    padding: 25px 0px;
  }

  .main-header .menu-right-content .search-box{
    margin-left: 30px;
  }

  .banner-carousel .owl-dots{
    display: none;
  }

  .about-section .image-box{
    margin-right: 0px;
  }


  .cta-section .pattern-layer{
    width: 100%;
    background-position: right center;
  }

  .header-style-two .outer-box{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-style-two .menu-area .mobile-nav-toggler .icon-bar{
    background: #fff;
  }

  .header-top-two .right-column,
  .header-top-two .left-column .search-box{
    display: none;
  }

  .header-top-two .left-column .logo-box{
    margin-right: 0px;
    padding: 0px;
  }

  .header-top-two .left-column .logo-box:before{
    display: none;
  }

  .header-top-two .top-inner{
    justify-content: center;
  }

  .header-top-two:before{
    width: 100%;
  }


  .header-style-two .header-lower{
    padding: 0px;
  }

  .header-style-two .header-lower .outer-container{
    border-radius: 0px;
  }

  .about-style-two .image-layer{
    display: none;
  }







  .sidebar-page-container .sidebar-side:before{
    display: none;
  }

  .default-sidebar,
  .blog-list-two .default-sidebar{
    margin: 0px;
  }



  


}





@media only screen and (max-width: 991px){
	
	#page-2 .cta-section .bg-layer,
	#page-5 .cta-section .bg-layer,
	#page-9 .cta-section .bg-layer,
	#page-10 .cta-section .bg-layer,
	#page-11 .cta-section .bg-layer,
	#page-12 .cta-section .bg-layer,
	#page-8 .cta-section .bg-layer,
	#page-22 .cta-section .bg-layer,
	#page-23 .cta-section .bg-layer,
	#page-24 .cta-section .bg-layer,
	#page-26 .cta-section .bg-layer,
	#page-27 .cta-section .bg-layer,
	#page-28 .cta-section .bg-layer,
	#page-29 .cta-section .bg-layer { background: none!important; border-bottom-right-radius: 0%; border-right: 0; } 
	
	#page-2 .sub.banner-section,
	#page-8 .sub.banner-section,
	#page-22 .sub.banner-section,
	#page-23 .sub.banner-section,
	#page-24 .sub.banner-section,
	#page-26 .sub.banner-section,
	#page-28 .sub.banner-section,
	#page-29 .sub.banner-section { height: 160px; max-height: 160px; }
	
	#page-12 .about-style-three .content-box:before,
	#page-28 .about-style-three .content-box:before	{ display:none; }
	
	#page-15 .cta-section .bg-layer,
	#page-16 .cta-section .bg-layer,
	#page-17 .cta-section .bg-layer,
	#page-18 .cta-section .bg-layer,
	#page-19 .cta-section .bg-layer,
	#page-20 .cta-section .bg-layer { border-right: 0; } 
	
	#page-15 .cta-section, 
	#page-16 .cta-section,
	#page-17 .cta-section,
	#page-18 .cta-section,
	#page-19 .cta-section,
	#page-20 .cta-section { margin: 0; } 
	
	#page-15 .about-style-three .content-box .sec-title h2,
	#page-16 .about-style-three .content-box .sec-title h2,
	#page-17 .about-style-three .content-box .sec-title h2,
	#page-18 .about-style-three .content-box .sec-title h2,
	#page-19 .about-style-three .content-box .sec-title h2,
	#page-20 .about-style-three .content-box .sec-title h2 { font-size: 55px; line-height: 65px; letter-spacing:0; }
	
	#page-18 .sec-title h3,
	#page-19 .sec-title h3 { font-size: 2.75rem; }
	
	#page-15 .about-style-three .content-box,
	#page-16 .about-style-three .content-box { margin-top: 80px; }
	
	#page-17 .about-style-three .content-box { margin-top: 0px; }
	#page-18 .about-style-three .content-box,
	#page-19 .about-style-three .content-box,
	#page-20 .about-style-three .content-box { margin-top: 80px; }
	
	#page-15 .content-box,
	#page-16 .content-box,
	#page-16 .content-box { margin-right: 0; }
	
	#page-15 .tab-btns li,
	#page-16 .tab-btns li { font-size: 16px; line-height: 30px; padding: 6px 7px; }
	
	#page-16 .project-section.masonry,
	#page-17 .project-section.masonry,
	#page-18 .project-section.masonry,
	#page-19 .project-section.masonry,
	#page-20 .project-section.masonry { margin-right: 0; }
	
	#page-16 .sidebar { margin-bottom: 0; top: 0; }
	#page-16 .sidebar .inner-box { padding: 30px 15px; }
	
	#page-16 .about-style-three,
	#page-17 .about-style-three,
	#page-18 .about-style-three,
	#page-19 .about-style-three,
	#page-20 .about-style-three,
	#page-8 .about-style-three,
	#page-28 .about-style-three,
	#page-29 .about-style-three { margin: 0 20px 0px 20px !important; }
	
	#page-8 .about-style-three .image-box { margin-right: 0px; padding-right: 0; padding-bottom: 30px; }
	
	.schedule-section .default-sidebar.lijevi .post-widget .post:last-child { margin-bottom: 50px; }
	#page-8 .subscribe-section,
	#page-22 .subscribe-section,
	#page-23 .subscribe-section,
	#page-24 .subscribe-section,
	#page-26 .subscribe-section { padding-top: 100px; }
	
	
	
	.staticniWrapp { margin: 50px 15px 50px 15px; }
	.lokacijaWrapp { margin: 0 15px 50px 15px; }

	.file-title a { font-weight: 700; font-size: 15px; line-height: 18px; }
	
	
	.sidebar_content h3 { font-size: 35px; line-height: 40px; }
	
	
	
	.linkoviWrap  { margin: 0 70px 100px 70px; padding-top: 90px; }
	.linkoviWrap .mreza3x3 li { width: 100%; height: auto; }
	.linkoviWrap .mreza3x3_XXL .mreza3x3 li:before { border: 0; }
	.mreza3x3 li:before { border: 0; }
	.mreza3x3 li:nth-child(3n):before { border: 0; }
	
	
	.feature-block-one .inner-box { margin-bottom: 30px; }

	.about-section .content-box { margin-top: 30px; }
	
	.about-style-three .category-list li,
	.timelineWrap .category-list li,
	.contact-info-section .category-list li,
	.lokacijaWrapp .category-list li { display: block; }
	
	.contact-info-section { margin: 30px 0 0 0!important; }
	.contact-info-section .category-box,
	.lokacijaWrapp .category-box { padding: 55px 0; }
	
	.schedule-section .innerWrap { padding: 250px 0 50px 0; }
	.schedule-section .tab-btn { margin-bottom: 20px; transform: rotate(0); height:200px; }
	.schedule-section .tab-btn span { transform: rotate(90deg); display: block; font-size: 17px; line-height: 18px; text-align: center; padding: 5px 0px 5px 0px; }
	.schedule-section .tab-btn:before { position: absolute; content: ''; width: 40px; height: 20px; left:5px; bottom: -2px; }
	.schedule-section .tab-btn:hover { padding: 35px 0px 0 0px; bottom: -30px; }
	.schedule-section .tabs-content { padding: 25px 15px; }
	.schedule-section .tabs-content:before { border-bottom-left-radius: 0; border-bottom-right-radius: 0%; border-bottom: 0px solid rgba(129, 124, 47, 1); }

	a.lazy-more-btn span { width: 260px; }
	.decoration { display: none; }

  .schedule-section .schedule-calander { margin-bottom: 30px; }



  .news-section .title-inner{
    max-width: 100%;
    margin-bottom: 30px;
  }


  .online-service-section{
    padding-bottom: 70px;
  }


  .footer-widget{
    margin: 0px 0px 30px 0px !important;
  }

  .main-footer .contact-widget{
    text-align: left;
  }

  .main-footer .widget-section{
    padding-bottom: 70px;
  }

  .news-inner  .owl-nav{
    display: none;
  }

  .news-inner  .text{
    padding-right: 30px;
  }



  .departments-section .content-box,
  .departments-section .image-box{
    margin-bottom: 30px;
  }

  








  .news-style-two{
    padding-bottom: 70px;
  }


  .footer-bottom-two .bottom-inner{
    display: block;
    text-align: center;
  }





  .about-style-three .image-box{
    margin-right: 0px;
  }

  .about-style-three .content-box{
    margin: 0px;
    margin-top: 30px;
  }

  .council-section .sec-title{
    margin-bottom: 30px;
  }








  .footer-style-three .widget-section{
    padding-bottom: 55px;
  }








  .faq-section .image-box{
    margin-right: 0px;
    margin-bottom: 30px;
  }






  .sidebar-page-container .blog-grid-content,
  .sidebar-page-container .blog-list-content{
    padding-bottom: 0px;
  }

  .blog-list-two .default-sidebar{
    padding-bottom: 0px;
  }

  .blog-details-content .content-two .image-box .image{
    margin-bottom: 30px;
  }

  .blog-details-content{
    padding-bottom: 0px;
  }

  .contact-info-section .owl-dots{
    display: none;
  }

  .info-block-one{
    margin-bottom: 5px;
  }

  .info-block-one .inner-box{
    margin-top: 5px;
  }

  .contact-info-section .tab-btn-box{
    margin-bottom: 15px;
  }
  
  
  
  
  
  
	.council-section { margin: 0; height: 310px; }
	
	.council-section .inner-container { padding: 80px 30px 80px 30px; text-align: center; }
	.council-section .inner-container .bg-layer:before { width: 100%; }
	.council-section .inner-container .bg-layer:after { display:none; }
	.council-section .quote-box { display: none; }
    .council-section .imageThumb { display: none; }

.sluzbeni-glasnik .btn-box { 
 position:relative; z-index: 9; display: block;
 width: 260px; margin: 0 auto; background: #fff; 
	cursor: pointer;
    padding: 15px;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 50px ;
    border: 6px solid rgb(129 124 47);
	
}
.sluzbeni-glasnik .btn-box a { color: #175280;
 
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  
}
.sluzbeni-glasnik .btn-box a:hover { color: #817c2f; }


}


@media only screen and (max-width: 767px){

  .header-top { display: none; }

.logo-box-wrap {
    position: relative;
    z-index: 9;
    display: block;
    min-height: 330px;
}
.logo-box {
    position: relative;
    left: 50px;
    top: 90px;
    width: 120%;
}
.banner-section {
    top: 20px;
    box-shadow: none;

    clip-path: ellipse(125% 98% at 49.5% 32%);
    -webkit-clip-path: ellipse(125% 98% at 49.5% 32%);
    height: auto;

}
.banner-section:after {
	display: none;
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: none;
    top: 0;
    width: 100%;
    height: 100vh;
    left: 0px;
    right: 0px;
}
.banner-carousel .slide-item { margin: 0; box-shadow: none; }

.owl-carousel .owl-stage-outer {
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom: 0px solid rgba(129, 124, 47, 0.75);
}
.banner-carousel .content-box {
    position: relative;
    background: rgba(26, 47, 82, 0.7);
max-width: 100%; 
transform: rotate(0deg); text-align: center;
padding:30px; border-radius: 8px; }

  .main-header .menu-right-content .option-box{
    margin-right: 0px;
  }

  .banner-carousel .content-box h2{
    font-size: 30px;
    line-height: 36px;
	color:#fff;
  }
.banner-carousel .content-box p{
     font-size: 16px;
    line-height: 22px;
	color:#fff;
  }
  .banner-carousel .slide-item{
    padding: 0;
  }
  
  .online-service-section { padding: 50px 0; }
  
  .columnWrapp { width: unset; }
  .columnWrapp .card {

		-webkit-box-shadow: none;
    box-shadow: none;

}
  .columnWrapp .column {
    flex: 0 0 100%;
    perspective: unset;
}
.columnWrapp .card.livo:hover, .columnWrapp .card.sredina:hover, .columnWrapp .card.desno:hover { -webkit-transform: none; transform: none; }

.online-service-section .single-item.livo:hover, 
.online-service-section .single-item.sredina:hover,
.online-service-section .single-item.desno:hover { box-shadow: none; }
  .about-section{
    padding: 70px 0px;
  }

  .about-section:before{
    display: none;
  }

  .about-section .content-box .inner-box .single-item{
    margin-bottom: 15px;
  }

  .about-section .content-box .inner-box .single-item:before{
    display: none;
  }



  .sec-pad{
    padding: 58px 0px 70px 0px;
  }

  .department-section{
    padding: 58px 0px 60px 0px;
  }



  .schedule-section{
    padding-top: 50px;
	    margin: 70px 0;
  }
  
  
  .krugTextWrap svg { width: 230px; height: 230px; }
  .krugTextCont { margin: 30px 0 0 0; }
  
  
  
  
  
  

  .sec-title h2{
    font-size: 30px;
    line-height: 38px;
  }

  .cta-section .content-box h2{
    font-size: 40px;
    line-height: 50px;
  }

  .cta-section {
    padding: 10px 0px 10px 0px;
  }

  .news-section{
    padding: 70px 0px 30px 0px;
  }

  .news-block-one .inner-box .content-box{
    padding-left: 30px;
  }



  .online-service-section{
    padding-bottom: 40px;
  }


  .news-inner  h6{
    position: relative;
    width: 100%;
    text-align: center;
  }

  .news-inner {
    padding-left: 0px;
  }






  .service-style-two{
    padding: 58px 0px 40px 0px;
  }

  .about-style-two .pattern-layer{
    display: none;
  }

  .about-style-two .content-box{
    padding-left: 0px;
  }

  .about-style-two .content-box .period-box{
    position: relative;
    margin-bottom: 20px;
    left: 0px;
    top: 0px;
  }

  .about-style-two{
    padding: 70px 0px;
  }

  .departments-section,
  .departments-style-two{
    padding: 58px 0px 60px 0px;
  }

 



  .news-style-two{
    padding-bottom: 40px;
  }




  .about-style-three{
    padding: 70px 0px!important;
  
 
    margin: 0 20px 190px 20px!important;
  }
  .council-section .single-links{
    margin-bottom: 15px;
  }








 



  .page-title{
    padding: 80px 0px;
  }

  .page-title .content-box h1{
    font-size: 50px;
    line-height: 60px;
  }





  .sortable-masonry .filters .filter-tabs li span{
    bottom: 30px;
  }

  .project-section.masonry{
    padding: 70px 0px;
  }

  .contact-info-section{
    padding-top: 58px;
  }

  .contact-style-two{
    padding: 70px 0px;
  }

  

  .departments-style-two.alternat-2,
  .department-section.alternat-2{
    padding: 58px 0px 40px 0px;
  }

  .department-details{
    padding: 60px 0px 70px 0px;
  }

  .department-details-content .content-one .single-item-carousel{
    margin-bottom: 30px;
  }

  .department-details-content .content-two .download-box .download-btn{
    position: relative;
    top: 0px;
    right: 0px;
    margin-top: 15px;
  }

  .event-page-section .filter-box .filter-inner{
    padding-right: 0px;
  }

  .event-page-section .filter-box .filter-btn{
    position: relative;
    right: 0px;
    width: 100%;
  }

  .event-page-section .filter-box .filter-btn .theme-btn{
    width: 100%;
  }

  .event-page-section .filter-box{
    padding-bottom: 20px;
  }

  .event-page-section{
    padding-bottom: 40px;
  }

  .sidebar-page-container{
    padding-top: 70px;
    padding-bottom: 70px;
  }



  .sidebar-page-container .blog-grid-content,
  .sidebar-page-container .blog-list-content{
    padding: 0px;
  }

  .blog-sidebar{
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .blog-list-two .blog-sidebar{
    padding-top: 0px;
  }

  .blog-list-two .blog-list-content{
    padding-bottom: 0px;
    padding-top: 70px;
  }

  .blog-list-two{
    padding-bottom: 40px;
  }

  .blog-details-content{
    padding-top: 0px;
  }

  .blog-details-content .content-three .text-box .list-inner{
    display: block;
  }

  .blog-details-content .content-three .text-box .list-item li{
    margin-bottom: 8px !important;
  }

  .page-title .pattern-layer{
    width: 100%;
    background-position: left center;
  }
  
  .social-lg {

    top: -49px;
    right: 50px;

}
  
  .video-section { margin-top: 150px; }

	.footer-style-two { margin: 0; padding: 30px 0 0 0; }
	.footer-bottom-two { padding: 80px 30px 70px 30px; }
  
	.row.vertical-divider > div[class^="col-"] { border: none; box-shadow: none; padding: 150px 50px 0 50px; }
	.row.vertical-divider > div[class^="col-"]:nth-child(1), 
	.row.vertical-divider > div[class^="col-"]:nth-child(2), 
	.row.vertical-divider > div[class^="col-"]:nth-child(3) { display: none; }
  
  .footer-style-two .logotip  { display: none; }
  
   .copyright { margin-top: 100px; }
  
  
   .footer-bottom-two .bottom-inner .copyright p {
  font-size: 14px;
    line-height: 22px;
        display: inline;
}  .footer-bottom-two .bottom-inner .copyright p br, .footer-style-two .copyright_text p i {
  display:none;
}
  
  .footer-bottom-two .bottom-inner .copyright p a {
    display: contents;
	width:100%;
}


.dizajn p {
    position: relative;
	
    left:unset;
    bottom: unset;
    height:60px;
    transform: rotate(0deg);
    padding: 15px 20px 0 20px;
    margin: 0;
	text-align: center;
    border-radius: 0;
    font-size: 12px;
	line-height: 16px;
    color: #817c2f;
    box-shadow: none;
	
}
.dizajn p a {
    display: block;
	padding-left:0; 

}
  .dizajn p:before, .dizajn p:after { display: none; }


}

@media only screen and (max-width: 599px){

  .main-header .menu-right-content .option-box{
    display: none;
  }

  .main-header .menu-right-content .search-box{
    margin-right: 0px;
  }

  .search-popup .upper-box{
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-style-two .menu-right-content{
    display: none;
  }

  .header-style-two .outer-box{
    padding-left: 0px;
    padding-right: 0px;
  }





  .faq-section .accordion-box:before,
  .faq-section .accordion:before{
    display: none;
  }

  .contact-style-two .content-box{
    padding-left: 30px;
    padding-right: 30px;
  }

  .error-section .content-box .error-image span{
    left: -30px;
  }

  .blog-details-content .content-two .document-box{
    padding: 0px;
  }

  .blog-details-content .content-two .document-box .image-box{
    position: relative;
    margin-bottom: 15px;
  }

  .header-top .info-list{
    padding-left: 10px;
    padding-right: 10px;
  }

  .banner-carousel .content-box h2 br,
  .banner-carousel .content-box p br{
    display: none;
  }


}


@media only screen and (max-width: 499px){



  .header-top .option-list li{
    margin-right: 20px;
  }

  .main-header .menu-right-content{
    display: none;
  }

  .main-header .outer-box{
    padding: 0px 15px;
  }

  .banner-carousel .content-box .btn-box{
    display: block;
  }

  .banner-carousel .content-box .btn-box .theme-btn{
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .awards-block-one .inner-box{
    padding-left: 0px;
  }

  .awards-block-one .inner-box .award-box{
    position: relative;
    top: 0px;
    margin-bottom: 15px;
  }


  .header-style-two .outer-box{
    padding: 15px 0px;
  }



 

  .council-section .inner-container{
    padding-left: 30px;
    padding-right: 30px;
  }



  .faq-section .image-box{
    padding-right: 0px;
  }

  .faq-section .image-box .category-box{
    position: relative;
    top: 0px;
    margin-top: 30px;
    width: 100%;
  }

  .pagination li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .error-section .content-box .error-image span{
    left: 0px;
  }

  .department-details-content .content-two .download-box{
    padding-left: 30px;
    padding-right: 30px;
  }

  .department-details-content .content-two .download-box .icon-box{
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 20px;
  }

  .department-details-content .content-three .tab-btns li{
    margin-bottom: 20px;
  }





  .sidebar-page-container .blog-list-content .news-block-two .inner-box .lower-content .lower-box{
    display: block;
  }

  .blog-details-content .news-block-two .inner-box .other-option{
    position: relative;
    top: 0px;
  }

  .blog-details-content .content-two .document-box{
    margin-left: 0px;
  }

  .blog-details-content .post-nav-btn{
    display: block;
  }

  .blog-details-content .post-nav-btn .single-btn.prev-btn{
    margin-bottom: 15px;
  }

  .blog-details-content .post-nav-btn .single-btn h4 br{
    display: none;
  }


}