@charset "utf-8"; 
/* CSS Document */
/* Import CSS files */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900,300&subset=latin,latin-ext);
@import url("smoothness/jquery-ui-1.9.2.custom.css");
@import url("bootstrap.min.css");
@import url("layout.css");
@import url("komunikat-cookie.css");

@media screen and (max-width: 1200px){
    
    .content { margin: 0; }
    .container-main::after { content: none; }
    .touristic-box .owl-controls .owl-buttons,
    .touristic-box .owl-controls .owl-pagination
    { display: none; }
    .sidebar-right { top: auto; width: 100%; position: static; }
    .menu-right ul li { display: inline-block; width: auto;  }
    .menu-right > ul > li > a { width: auto; transition: none; }
    .menu-right > ul > li > a:hover { margin-left: 0;  }
    .menu-right > ul > li > a .name { width: auto; padding-right: 20px;  }
    .row { padding: 0; }
    .row-tools .tools { height: auto; }
    body { }
    .container,
    .row-header,
    .row-menu-top,
    .breadcrumbs,
    .row-bottom,
    .rss-box .rss-list ul li a,
    .touristic-box a
    { width: 100% !important; }
    .menu-top { padding: 0; }
    .wai { display: none; }
    .breadcrumbs { display: none; }

    .logo-main {   }
    .gallery-video-player { padding-bottom: 56.25%; }
    .gallery-video-player iframe { height: auto; min-height: 450px; }

    .search-box #search-box-value { background: #ffffff; }

    .row-header { text-align: center;}
    .row-header .container { margin: 0 0 20px 0; text-align: center;}
    .search-box { margin-bottom: 0; }
    
    .gallery-images-list ul li { width: 100%; display: block; }
    
    .col-news-box { padding: 0; }
    .row-news-box::after { content: none; }
    .row-news-box { padding: 0; }
    .row-news-box .container { padding: 0; }
    .news-box-wrapper { background: none; padding: 0; }
    .news-box .owl-content { margin: 0; padding: 0; }
    .news-box .tab-content { height: auto; } 
    .row-news-box { height: auto; position: relative; }
    .news-box .heading { position: static; }
    .news-box { height: auto; height: auto; padding: 0; }
    .news-box .caption { margin: 0; left: 0; padding: 20px; }
    .news-box .news-box-text { position: static; height: 100%; padding: 10px; width: 100%; }
    .news-box .tabs { left: auto; margin: 0; right: 0; position: static; width: 100%;  }
    .news-box .tabs li {   }
    .news-box h3 { padding: 0px; margin: 30px 0; }
    .news-box .owl-controls { width: 50%; height: auto; bottom: 0; background: #009de0; width: 100%; }
    .news-box .owl-pagination { text-align: left; padding-left: 20px; }
    .news-box .caption::after { content: none; }
    .news-box .owl-actions-control { bottom: 5px; left: auto; right: 20px;  }
    
    .news-box .news-box-text { padding: 0; }
    .news-box .tabs li.current { background: #333333; }
    .news-box .tabs li.current h3, 
    .news-box .tabs li.current .date
    { display: block; }
    .news-box .tabs li.current::before { display: none; }
    .news-box::before { content: none; }
    .news-box .news-header { height: auto; margin-top: 0; }
    .news-box .photo::after { width: 100%;}
    .media-shark-box .media-shark-list .media-shark-content { width: 100% !important; }
    
    .information-list-1 .information { min-height: auto; }

    .units-list ul { text-align: center; }
    .units-list ul li { text-align: center; display: inline-block; width: auto; }
    .units-list ul li a span { display: block; max-width: none; text-align: center;}
    
    .media-shark-box .media-shark-list .prev,
    .media-shark-box .media-shark-list .next
    { display: none; }
    .owl-carousel .owl-wrapper, .owl-carousel .owl-item { text-align: center; }
    
    .row.contact-box { text-align: center; }
    .row.contact-box img { float: none !important; margin: 0 auto !important; display: block;}
    .newsletter-box { margin: 20px 0; padding: 20px 0; }
    .newsletter-box .email { float: none; }
    
    .information-list-1 { padding: 0 20px;}
    .contact-box-wrapper { background: none; }

}

@media screen and (max-width: 768px) { 
    
    body{ overflow-x: hidden; }
    html { background-size: 768px auto; ; }

    .col-large-8 { padding-left: 15px; }
  
    .gallery-video-player iframe { height: auto; min-height: 300px; }

    .menu-left-wrapper { padding: 10px; }
    .row-menu-top { min-height: auto; height: 0; border: none; }    
    .shark-1 { display: none;  }
    .menu-left-1 { max-width: none; }
    .menu-left-2 ul { padding: 0; }
    .row-header { text-align: left; }
    .logo-main { position: relative; }
	.menu-top .show-menu { display: block;  }
	.menu-top  input[type=checkbox]:checked ~ #menu-top { display: block; }
    .menu-top { left: 0; margin: 0; position: relative; width: 100%; padding: 0; }
    .menu-top > ul { margin:  0; }
    .menu-top > ul > li { padding-right: 0; text-align: center; border: 1px solid #dddddd; border-width: 1px 0 0 0; }
    .menu-top > ul > li { width: 100%; display: block; text-align: center; height: auto; }
    .menu-top > ul > li > a { display: block; padding: 0 20px; }
    .menu-top ul li a span { text-align: left; height: auto; padding: 5px 0; display: block; }

    .menu-top .subMenu { width: 100%; position: relative; top: auto; }
    .menu-top > ul > li:last-child { position: static; margin: 0; display: block; height: auto; }
    .menu-top > ul > li:last-child a { /*! padding: 0; */ border: none; }
    .menu-top > ul > li:last-child a span { padding: 0; border: navajowhite;}
    
    .video_container_buttons { display: none; }
    .sidebar-left { display: block; float: none; padding: 0px; }
    .rwd-menu-wrapper { position: fixed;  top: 0; width: auto; right: 20px; z-index: 1000; }
	.rwd-menu-wrapper #rwdMenu { display: none; background: #ffffff; height: 100vh; width: 100%; padding-bottom: 60px; overflow: scroll; left: 0; top: 0; z-index: 9999; position: fixed; }
    .rwd-menu-wrapper .show-menu { display: block; position: relative; top: auto; left: 0; margin: 10px 0; z-index: 10000; padding-left: 70px; text-align: left; }
	.rwd-menu-wrapper  input[type=checkbox]:checked ~ #rwdMenu { display: block; border-top: 60px solid #ffffff; }
    .rwd-menu-bt.show-menu { display: block; }

    .row-menu-top-2 { background: none; border-bottom: none; }
    .menu-top-2 { width: 100%;  }
	.menu-top-2 .show-menu { display: block; position: relative; top: auto; left: 0; margin: 10px 0; background: url(../images/menu-top-rwd-switch-bg.png) 10px center no-repeat #ffffff; }
	.menu-top-2  input[type=checkbox]:checked ~ #menu-top-2 { max-height: 20000px;  }
	.menu-top-2 > ul { position: static; max-height: 0;  background: #ffffff; padding: 0px; transition: max-height 0.2s ease-in; overflow: hidden; }
	.menu-top-2 li { margin-bottom: 1px; border-bottom:  1px solid #dddddd;     }
	.menu-top-2 > ul > li,
	.menu-top-2 > ul > li > a,
    .menu-top-2 > ul > li > ul
	{ background: none; display: block; width: 100%;  }
    .menu-top-2 > ul > li > a { padding: 10px 0; color: #000000; }
    .menu-top-2 > ul > li > a.with-submenu::after { content: none;  }
    .menu-top-2 > ul > li { border-bottom: 1px solid #dddddd; padding: 0; }
	.menu-top-2 ul li a span { margin: 0; text-align: left; width: 100%; border: none; }
    .menu-top-2 .subMenu { display: block !important; background: none; box-shadow: none; position: static; float: left; /*! background: #f4f4f4; */ text-align: center;}
    .menu-top-2 .subMenu ul { display: block !important; }
    .menu-top-2 .subMenu ul li a { color: #000000; }
    

    .menu-left-1 { width: 100%; padding: 0;  }
	.menu-left-1 .show-menu { display: block; position: relative; top: auto; left: 0; margin: 10px 0; background: url(../images/menu-top-rwd-switch-bg.png) 10px center no-repeat #ffffff; }
	.menu-left-1  input[type=checkbox]:checked ~ #menu-left-1 { max-height: 2000px;   }
	.menu-left-1 > ul { position: static; max-height: 0; background: #ffffff; padding: 0px; transition: max-height 0.2s ease-in; overflow: hidden; }
    .menu-left-1 > ul > li > a { padding: 10px 0px;}
    .menu-left-1 > ul > li > a:hover { background: #237836; color: #ffffff; padding-left: 0; }
    .menu-left-1 ul li a span { padding: 0 20px; }

    .news-box .caption { height: auto; }
    .news-box .owl-controls { width: 100%; height: auto; position: static;}
    .news-box .owl-controls .owl-page span::before { content: none; }
    .news-box .owl-controls .owl-page span::after { content: none; }
    .news-box .owl-actions-control { }
    .news-box .photo { width: 100%;  display: none; }

    .search-box #search-box-value { width: 100%; }
    
    .information-expanded { margin: 10px 0 0 0; } 
    .information-list-1 .information h3 { margin-top: 10px; }

    .row-tools { position: relative; height: auto;}
    .row-header,
    .information-list-1 .tb,
    .news-box .photo,
    .touristic-box
    { height: auto; width: 100%; }
    .row-slider { display: none; }
    .calendar-box {  }
    .calendar-box.show { height: auto; }
    .calendar-box.show h3 { margin-bottom: 60px; }
    .calendar-bt-show { display: block; }
    .calendar-box.show .calendar-bt-show  { background: #d32f2f; color: #ffffff; }

    .footer .footer-ue img { width: 100%; height: auto; }
    .footer {text-align: center; }
    .footer .copyright { margin-bottom: 20px;  }
    .footer .footer-tools ul { text-align: center; }
    .footer .footer-tools ul li.e-line { float: none; display: block; }
    


}


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

    
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12
    { width: 100%; }

    .gallery-video-player iframe { height: auto; min-height: auto; }
    .row-tools { line-height: 60px; text-align: center;}
    .row-tools { height: auto;}
    .search-box,
    .search-box .inputs,
    .wai
    { width: 100%;margin: 0; line-height: 60px; height: 60px; text-align: center; }
    .news-box .caption { height: auto; }
    .news-box .photo { display: none;  }
    .language-box { text-align: center; display: block;  }
    .current-date { line-height: 1.4; max-width: 70%; text-align: center; }

    .search-box #search-box-value { width: 100%; border: 1px solid #dddddd; }
    
    .logo-main img { max-width: 230px;}
    
    .attachments ul li .filetype,
    .attachments ul li .attachments-size,
    .attachments ul li .counter
    { display: block; text-align: left; padding: 0; margin: 0;}
     
    .show-all-home .bt-1 { display: block; width: 100%; text-align: center; padding: 0; } 

@media screen and (max-width: 360px) {
	.menu-left-1 ul li a img { display: inline; vertical-align: middle; }
	.menu-left-1 ul li a span { display: table-cell; line-height: inherit; float: none; }
}

@media screen and (max-width: 320px) {
	.menu-left-1 ul li a img { display: none;}

}