@media (min-width: 1600px) {
	#header .header-nav-main nav > ul > li > a {font-size: 20px !important;padding: 8px 10px !important; font-weight:500 !important;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 17px !important;}
}

@media (min-width: 1440px) and (max-width: 1599px) {
	#header .header-nav-main nav > ul > li > a {font-size: 18px !important;padding: 8px 10px !important; font-weight:500 !important;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 16px !important;}
}

@media (min-width: 1440px) {
    .container-xl {max-width: 1860px;}
}

@media (min-width: 1300px) and (max-width: 1740px) {
    #footer {background: linear-gradient(90deg, rgba(67, 85, 153, 1) 96.6%, rgba(191, 206, 233, 1) 96.5%);}
}


@media (min-width: 1200px) {
	.smanjenasirinatekstabox {max-width: 60% !important; margin-left:auto; margin-right:auto;}
    .smanjenasirinateksta p {max-width:85%; margin-left:auto; margin-right:auto;}
    .smanjenasirinateksta ol, .smanjenasirinateksta ul {max-width:85%; margin-left:auto; margin-right:auto;}
    .smanjenasirinateksta ol li, .smanjenasirinateksta ul li {margin-left:2em;}
    .smanjenasirinateksta h1, .smanjenasirinateksta h2, .smanjenasirinateksta h3, .smanjenasirinateksta h4, .smanjenasirinateksta h5, .smanjenasirinateksta h6 {max-width:85%; margin-left:auto; margin-right:auto;}
	
    html #header .header-logo img.logo-link-img,
	html.sticky-header-active #header .header-logo img.logo-link-img {top: 8px !important; width: 200px !important;}
}

@media (min-width: 992px) and (max-width: 1999px) {
    .header-logo, .header-logo img.logo-link-img {top: -12px !important;}
    .sticky-header-active .header-logo img, .header-sticky-active .header-logo img {top: -12px !important;}
	html.sticky-header-active #header .header-logo img {top: -12px !important;}
}	
	
	
@media (min-width: 992px) {
	#header.other-css .header-body .container-xl {padding-left: 0 !important; padding-right: 0 !important;}
    #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down {margin-left: 3px;font-size: 8px;}
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {background: #435599;}
    html #header .header-nav-main nav > ul > li > a {padding-left: 4px; padding-right: 4px; font-size:13px;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {min-width: 100px;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 14px; letter-spacing:0px;}
	
	img.headlogoskola-eko, img.headlogoskola-erasmus {height:60px !important; width:auto !important;}
	img.headlogoskola-erasmus {margin-left:8px !important;}
	
    html.sticky-header-active #header.other-css .header__wrapper-social {padding:0 !important;}
	
    .header-logo, .header-logo img.logo-link-img {transform: none !important; transition: none !important; max-width: none !important; margin:0 !important; padding:0 !important;}
    .sticky-header-active .header-logo img, .header-sticky-active .header-logo img {transform: none !important; margin:0 !important; padding:0 !important;}
    .header-logo, .header-logo img.logo-link-img {width: 150px; height: auto;}
    .sticky-header-active .header-logo img, .header-sticky-active .header-logo img {width: 150px; height: auto;}
	
	.py-4.logotipiskole-mob {padding-top:10px !important; padding-bottom:10px !important; max-width:500px !important; margin: 0 auto !important;}
	.logotipiskole-mob .owl-item {display: flex; justify-content: center; align-items: center; min-height: 160px;}
	.logotipiskole-mob .owl-item > div {display: flex; justify-content: center; align-items: center; height: 100%;}
	.logotipiskole-mob img {display: flex; justify-content: center; align-items: center; width: 100%; height: auto;}
	.logotipiskole-mob img.img-fluid.rounded {width: auto !important; height: auto !important; min-height: auto !important; max-height: 160px !important;  object-fit: contain !important; display: block !important; margin: 0 auto !important;}
	.logotipiskole-mob .header-lists {padding-top: 0; padding-bottom: 0; margin-bottom: 0; display:none !important;}
	
	.swiper {height: auto !important; aspect-ratio: 800/400 !important; margin-top:50px !important; margin-bottom:0 !important;}
	.swiper-slide-content {top: -40% !important; padding: 0 !important;}
	.swiper-slide-content .tp-headertop {font-size: 24px; line-height: 34px; text-transform:uppercase; padding-top: 30px !important;}
	.swiper-slide-content .tp-header {font-size: 46px !important; line-height: 1.2em !important; font-weight:700 !important; letter-spacing:0 !important; text-align: center !important; padding: 15px 30px 45px 30px !important;}
	
	.page-header {margin-top: 125px !important;}

}


@media (max-width: 1720px) {
    .ekoskola-css {left: 4%}
    .erasmus-css {left: 15%}
}
@media (max-width: 1450px) {
    .ekoskola-css {left: 2%}

}
@media (max-width: 1350px) {
    .erasmus-css {left: 205px}
}

@media (max-width: 1440px) {
    .container-xl {width: 100% !important;max-width: 100% !important;margin-right: auto;margin-left: auto;}
    .header__social-inner{background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(234, 190, 0, 1) 39%);}
}

@media (max-width: 1200px) {
    .col-lg-6.box-pad40r {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .box-pad40r {padding-right:15px;padding-bottom: 30px;}
    .col-lg-3.crta-kolona,  .col-lg-3.padding-footer  {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-lg-3.crta-kolona {padding-left: 15px !important;padding-bottom: 15px;}
    .crta-kolona::before {display:none}
}


@media (max-width: 1150px) {
    .header__social-inner {background: linear-gradient(90deg, rgba(255, 255, 255, 1) 25%, rgba(234, 190, 0, 1) 25%);}
}

@media (max-width: 1024px) {

}


@media (max-width: 991px) {
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span {font-size:14px}
    .header__wrapper-social {padding: 0 !important;}
    .section-pocetna {padding-top: 30px;}
	
    #header .header-nav-main {background: #f4f4f4;}
	#header .header-nav-main nav > ul {padding-top: 10px !important;}
    #header .header-nav-main nav > ul li {border-bottom: 1px solid #eee;}
    #header .header-nav-main nav > ul > li > a {font-size:16px !important; font-weight: 600!important;}
	#header .header-nav-main nav > ul.dropdown-menu li a {font-size: 15px !important; font-weight: 400!important;}
	.open {background: transparent !important;}
	#header .header-nav-main nav > ul li a {font-size: 15px !important;}
	
    .header-logo, .header-logo img.logo-link-img {transform: none !important; transition: none !important; max-width: none !important; margin:0 !important; padding:0 !important;}
    .sticky-header-active .header-logo img, .header-sticky-active .header-logo img {transform: none !important; margin:0 !important; padding:0 !important;}
    .header-logo, .header-logo img.logo-link-img {width: 200px; height: auto;}
    .sticky-header-active .header-logo img, .header-sticky-active .header-logo img {width: 200px; height: auto;}
	html #header .header-logo img.logo-link-img,
	html.sticky-header-active #header .header-logo img.logo-link-img {top: 0 !important; width: 200px !important;}
	
	img.headlogoskola-eko, img.headlogoskola-erasmus {height:40px !important; width:auto !important;}
	img.headlogoskola-erasmus {margin-left:10px !important;}
	img.headlogoskola-eko {margin-left:15px !important;}
    
    .izdvojeno-ostalo article.post-large {margin-left: 0;display: flex;flex-direction: row;align-items: flex-start;margin-bottom: 15px;}
    .izdvojeno-ostalo article.post-large .post-image {margin-bottom: 0;max-width: 130px;width: 100%;margin-right: 12px;}
    .izdvojeno-ostalo article.post-large .post-image img {height: 86px !important;width: 130px !important;min-width: 130px;}

    .izdvojeno-ostalo article.post .post-date {float: left;margin-right: 10px;font-size: 12px;margin-left: 0 !important;}
    .izdvojeno-ostalo article.post-large .post-image+.post-date+.post-content {margin-left: 0px;min-height: 80px;margin-bottom: 0;}

    .izdvojeno-ostalo .post-large .post-content h4 {font-size: 15px !important;margin-right: 0;margin-bottom: 18px !important;height: 23px;overflow: hidden;line-height: 22px !important;margin: 0 0 10px 0 !important;}
    .izdvojeno-ostalo .post-large .post-content p {font-size: 14px;margin: 0;}
    .izdvojeno-ostalo article.post .post-meta {display: none;}
    .izdvojeno-ostalo article.post .post-date .day .monthInDay {margin-top: 0;}
    div.izdvojeno-ostalo {padding-bottom: 40px;}
    .toggle>.toggle-title {font-size: 20px;}
	
	.page-header {margin-top: 125px !important;}

    #footer .footer-copyright.footer-copyright-style-2::before {display:none}
	
    .swiper {height: auto !important; aspect-ratio: 800/533 !important; margin-top:95px !important; margin-bottom:0 !important;}
    .swiper .autoplay-progress {display:none !important;}
	.swiper-slide-content {position: absolute !important; top:60% !important; min-width: 100% !important; height:auto !important; padding: 0 !important;}
	.swiper-slide-content .tp-headertop {font-size: 14px !important; line-height: 1.2em !important; text-transform: uppercase !important; display:none !important;}
	.swiper-slide-content .tp-header {font-size: 20px !important; line-height: 1.2em !important; font-weight:700 !important; letter-spacing:0 !important; text-align: center !important; padding: 15px !important;}
	.swiper-pagination {display:none !important;}
	
    .ekoskola-css .col-lg-3 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
    .erasmus-css .col-lg-3 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
    .erasmus-css {left: 155px;top: 11.5%; display:none !important;}
	.ekoskola-css {display:none !important;}
	
	.py-4.logotipiskole-mob {padding-top:10px !important; padding-bottom:10px !important;}
	.logotipiskole-mob .owl-item {display: flex; justify-content: center; align-items: center; min-height: 160px;}
	.logotipiskole-mob .owl-item > div {display: flex; justify-content: center; align-items: center; height: 100%;}
	.logotipiskole-mob img {display: flex; justify-content: center; align-items: center; width: 100%; height: auto;}
	.logotipiskole-mob img.img-fluid.rounded {width: auto !important; height: auto !important; min-height: auto !important; max-height: 160px !important;  object-fit: contain !important; display: block !important; margin: 0 auto !important;}
	.logotipiskole-mob .header-lists {padding-top: 0; padding-bottom: 0; margin-bottom: 0; display:none !important;}
	.container-xl.py-2.naslov-font {padding-top: 10px !important; padding-bottom: 25px !important;}
	.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {display: block !important; white-space: nowrap !important;}
	
}

@media (max-width: 768px) {
    .header__social-inner {background: #eabe00;}
	
    .header-logo, .header-logo img.logo-link-img {width: 150px !important; height: auto !important;}
    .sticky-header-active .header-logo img, .header-sticky-active .header-logo img {width: 150px !important; height: auto !important;}
	html #header .header-logo img.logo-link-img,
	html.sticky-header-active #header .header-logo img.logo-link-img {top: 30px !important; width: 150px !important;}

    .izdvojeno-ostalo .post-large .post-content h4 {height: 77px;line-height: 26px !important;}
    .izdvojeno-ostalo .post-large .post-content p {display: none;}

    .naslov-font h2 span, .naslov-font h2 strong {font-size:40px}
    .naslov-font p {font-size:21px}
    .col-lg-3.crta-kolona,  .col-lg-3.padding-footer  {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .col-lg-3.padding-footer div.text-4 {padding-top: 10px !important;}
    .footer-block-z {margin-bottom: 0 !important;justify-content: flex-start!important;}
}

@media (max-width: 500px) {
    .header-nav-top .nav li:first-child {display: none;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size: 12px;}
    #footer .row.py-5.align-items-baseline {padding-top:0 !important}

    .box-pad40r {padding-right: 15px;padding-left: 0;}
    #footer h5 {font-size:40px}
    #footer p {font-size: 16px;line-height: 22px;}
    .col-lg-3.crta-kolona {padding-left: 0px !important;padding-bottom: 0;}
    .crta-kolona::before {display:none}
    .col-lg-3.padding-footer div.text-4 {padding-top: 30px !important;}
    .col-lg-3.padding-footer {padding-left: 0px !important;}
    #footer p a {font-size: 16px !important;}
    .izdvojeno-ostalo .post-large .post-content h4 {height: 90px;line-height: 22px !important;}
#footer .footer-copyright p, #footer .footer-copyright p a {font-size:12px !important}
}