@charset "utf-8";



@media (min-width: 768px) and (max-width: 1169px) {

form {
	padding-top: 56px;
	min-width: 0;
}



.top_container .top_content,
.header_container .header_content,
.login_container .login_content,
.partners_container .partners_content,
.cc1 .content_content,
.tematike,
.cc2 .content_content,
.step_container .form_container {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 2% !important;
	padding-right: 2% !important;
	width: 96% !important;
}


#toggle-menu {
	display: block;
}


.top_container {
	z-index: 20;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
.top_container .top_content {
	display: none;
	z-index: 21;
	position: absolute;
	top: 56px;
	left: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: white;
}
.top_container .top_content .menu_item {
    float: none;
	padding: 0;
    border-right: 0;
	width: 80%;
}
.top_container .top_content .menu_item a {
	float: left;
	clear: left;
	margin: 3px;
	padding: 3px;
}
.top_container .top_content .language {
	z-index: 22;
    float: none;
	position: absolute;
	right: 2%;
	top: 21px;
}


.countdown_container {
	top: 71px;
    left: auto;
	right: 4%;
    margin-left: 0;
}


.table-entry-1 table {
	width: 100% !important;
}
.table-entry-1 table td {
	width: 50% !important;
}
.table-entry-1 table td img {
	max-width: 100% !important;
	height: auto;
}


.table-entry-2 {
	width: 100% !important;
}
.table-entry-2 > tbody > tr > td {
	padding-left: 2%;
	padding-right: 2%;
}
.table-entry-2 table > tbody > tr > td:first-child {
	padding-right: 2%;
}


.menu_container .menu_content .side_menu_item.hover .overlay .desc {
	height: 270px;
	padding:15px 7px 25px 15px;
}


.important_dates table {
	width: 100% !important;
}
.important_dates table > tbody > tr > td:first-child {
	width: 70% !important;
}
.important_dates table > tbody > tr > td:last-child {
	width: 30% !important;
}
.important_dates table > tbody > tr > td:last-child img {
	max-width: 100%;
	height: auto;
}


.calendar_container .calendar_content {
	width: 100% !important;
}
.calendar_container .calendar_content .calendar .buttons {
	width: 100% !important;
}
.calendar_container .calendar_content .calendar .buttons a {
	width: 33.2% !important;
}
.calendar_container .calendar_content .calendar .calendar_content .overflow {
	padding-left: 2%;
	padding-right: 2%;
    height: 480px;
}


.partners_container .partners_content table {
	width: 100% !important;
}


.posvet-1 {
	width: 100% !important;
}
.posvet-1 td:first-child {
	width: 40%;
}
.posvet-1 td:last-child {
	width: 60%;
}


.image_border{
	width: 90%;
	height: auto;
}


.table-1 {
	width: 100% !important;
}
.table-1 td:first-child {
	width: 60%;
}
.table-1 td:last-child {
	width: 40%;
}


.druzabni-program-1 {
	width: 100% !important;
}
.druzabni-program-1 td:first-child {
	width: 60%;
}
.druzabni-program-1 td:last-child {
	padding-left: 15px !important;
	width: 40%;
}
.druzabni-program-1 td:last-child img {
	width: 90%;
	height: auto;
}

.druzabni-program-2 {
	width: 100% !important;
}
.druzabni-program-2 td {
	width: 50% !important;
}
.druzabni-program-2 img {
	width: 90%;
	height: auto;
}

.druzabni-program-3 {
	width: 100% !important;
}
.druzabni-program-3 td {
	width: 33.3% !important;
}
.druzabni-program-3 img {
	width: 90%;
	height: auto;
}


.datumi-1 {
	width: 100% !important;
}
.datumi-1 td:first-child {
	padding-right: 15px !important;
	width: 40%;
}
.datumi-1 td:first-child img {
	width: 90%;
	height: auto;
}
.datumi-1 td:last-child {
	width: 60%;
}


.termins {
	width: 100% !important;
}


.tematike table {
	width: 100% !important;
}


.table-2 > tbody > tr > td:first-child {
	padding-right: 2%;
}
.table-2 > tbody > tr > td:last-child {
	padding-left: 2%;
}


.articles_content {
    height: 740px;
}
.articles_content .art_item {
    width: 24%;
    height: 760px;
}
.articles_content .art_item.sel,
.articles_content .art_item:hover{
	width: 25%;
	height:790px;
}
.articles_content .art_item .title {
    height: 115px;
}


.h {
	text-align: center;
}
.h .clear {
	display: none;
}
.g {
	display: inline-block !important;
    float: none !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
}


.footer_container .footer_content {
	padding-left: 2%;
    width: 98%;
    float: none;
}
	
}



@media (min-width: 0px) and (max-width: 767px) {

form {
	padding-top: 56px;
	min-width: 0;
}

table:not(.not-responsive) {
	width: 100% !important;
}

table td:not(.not-responsive) {
	display: block;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

img:not(.not-responsive) {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}



.top_container .top_content,
.header_container .header_content,
.login_container .login_content,
.partners_container .partners_content,
.cc1 .content_content,
.tematike,
.cc2 .content_content,
.step_container .form_container {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 2% !important;
	padding-right: 2% !important;
	width: 96% !important;
}


#toggle-menu {
	display: block;
}
.mobile-show {
	display: initial;
}


.top_container {
	z-index: 20;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
.top_container .top_content {
	display: none;
	z-index: 21;
	position: absolute;
	top: 56px;
	left: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: white;
}
.top_container .top_content .menu_item {
    float: none;
	padding: 0;
    border-right: 0;
	width: 80%;
}
.top_container .top_content .menu_item a {
	float: left;
	clear: left;
	margin: 3px;
	padding: 3px;
}
.top_container .top_content .language {
	z-index: 22;
    float: none;
	position: absolute;
	right: 2%;
	top: 21px;
}


.countdown_container {
	position: static;
	top: auto;
    left: auto;
    margin-left: 0;
	width: 100%;
	height: auto;
}
.countdown_container .counter {
	padding-left: 2%;
	padding-right: 2%;
    width: 96%;
}


.image_border {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
}


.table-entry-1 table table td {
	padding-left: 2% !important;
	padding-right: 2% !important;
	width: 96% !important;
}


.table-entry-2 {
	width: 100% !important;
}
.table-entry-2 > tbody > tr > td {
	padding-left: 2% !important;
	padding-right: 2% !important;
	width: 96% !important;
}
.table-entry-2 table,
.table-entry-2 td {
	height: auto !important;
}
.table-entry-2 table table > tbody > tr > td {
	padding-top: 20px;
}
.table-entry-2 > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:first-child > td:first-child {
	padding-top: 0;
}
.table-entry-2 table table > tbody > tr > td  td {
	padding-top: 10px;
	padding-bottom: 10px;
}


.menu_container .menu_content .side_menu_item {
    float: none;
    width: 100%;
}
.menu_container .menu_content .side_menu_item.hover .overlay .desc {
	height: 220px;
	padding:15px 7px 25px 15px;
}


.login_container .login_content input {
	margin: 5px !important;
}


.important_dates table table td {
	padding-left: 2% !important;
	padding-right: 2% !important;
}
.important_dates td {
	border-right: 0 !important;
}

table.termins  > tbody > tr > td {
	width: 96% !important; 
}


.calendar_container .calendar_content {
	width: 100% !important;
}
.calendar_container .calendar_content .calendar .buttons {
	position: static;
	width: 100% !important;
	margin-top: 0;
}
.calendar_container .calendar_content .calendar .buttons a {
	float: none;
	width: 90% !important;
	margin-left: auto;
	margin-right: auto;
}
.calendar_container .calendar_content .calendar .calendar_content .overflow {
	padding-left: 2%;
	padding-right: 2%;
    height: 580px;
}


.druzabni-program-2 td {
	text-align: center;
}

.druzabni-program-3 td {
	text-align: center;
}
.druzabni-program-3 img {
	margin-left: 0 !important;
	margin-top: 10px;
}


table.termins-1 {
	width: 100% !important;
}
table.termins-1 td {
	padding-left: 2% !important;
	padding-right: 2% !important;
	width: 96% !important;
}
.table-2 > tbody > tr > td:last-child {
	padding-top: 20px;
}


.step_container .title {
    font-size: 15px;
}
.step_container .title .left {
    width: 19%;
}
.step_container .title .right {
    width: 68%;
}
.step_container .company_right {
    float: none;
    width: 100%;
}
.step_container .form_item {
	height: auto;
	margin-bottom: 10px;
}
.step_container .form_item.quarter {
    float: none;
}
.step_container .form_item.quarter .button {
	margin-bottom: 10px;
}

.articles_content {
	height: auto;
}
.articles_content .art_item {
	float: none;
    border-radius: 10px;
    border-radius: 10px;
	border: 2px solid #f1f1f1;
	margin-left: auto;
	margin-right: auto;
}


.h {
	text-align: center;
}
.h .clear {
	display: none;
}
.g {
	display: inline-block !important;
    float: none !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
}


.footer_container .footer_content {
	padding: 15px 2%;
    width: 96%;
    float: none;
}

}