/*  NOTEBOOK  */
@media screen and (max-width: 1700px){

html, body {width: 100vw; overflow-x: hidden;}

}



/* MOBIL */
@media screen and (max-width: 900px){

.web-header-ghost {height: 60px;}
.web-header {height: 60px; left: 0px; position: fixed;}
.web-header-inner {height: 60px;}

.web-logo {height: 56px; width: 145px; top: 3px; left: 0px; background-size: auto 95% !important;}

.web-header-social {top: 9px; height: 36px; right: 45px;}
.web-header-social div {height: 22px; padding: 7px 5px;}
.web-header-social div a i {font-size: 19px; width: 12px; height: 12px; padding: 5px;}

.web-header-contact {top: 21px; right: 5px;}
.web-header-contact a {display: block;}
.web-header-contact a span {display: none;}

.web-main-menu-btn {height: 28px; width: 40px; top: 11px; left: 15px;}
.web-main-menu-btn span {font-size: 8px; letter-spacing: 1px; bottom: -15px;}

.web-main-menu {left: 69px; top: 24px; z-index: 33; background: rgba(0, 0, 0, 0.85);}







/* HOME */

#home-slider {height: 70vw;}
#home-slider .swiper-pagination-bullet {width: 13px; height: 13px;}



.home-form-2 {margin-top: 4%; margin-bottom: 22vw;}
.home-form-2-in {width: 94%;}
.home-form-2-in-bg {width: 100%; height: 60vw;}
.home-form-2-in-text {width: 90%; padding: 65vw 0px 15vw; top: auto; right: auto; margin: auto; position: relative;}
.home-form-2-in-text-subtitle {font-size: 16px;}
.home-form-2-in-text-title {font-size: 6.5vw;}
.home-form-2-in-text-text {font-size: 15px; margin: 10px auto 25px; line-height: 22px;}
.home-form-2-in-text-btn a {font-size: 14px; padding: 9px 25px;}
.home-form-2-in-bgg {height: 25vw; width: 100%; bottom: -15vw; right: 0px; left: 0px; margin: auto;}



.home-form-3-in {height: auto;}
.home-form-3-in-text {width: 66%; margin: 7vw 0px 0px 7vw; top: auto; left: auto; position: relative;}
.home-form-3-in-text-subtitle {font-size: 16px;}
.home-form-3-in-text-title {font-size: 7vw;}
#home-ponuka {width: 100%; height: 70vw; margin-top: 5vw;}
.ponuka-slide-image {width: 40vw; height: 40vw;}
.ponuka-slide-title {font-size: 4vw; margin-top: 5vw; padding: 1vw 2vw; letter-spacing: -0.05vw; border-radius: 4px;}
.hp-btn {top: auto; bottom: -5vw;}
.hp-prev {left: 0px;}
.hp-next {right: 0px;}



.home-form-4-in {width: 92%; min-height: auto; background-position: top center !important; background-size: 100% auto !important;}
.home-form-4-in-text {width: 100%; padding-top: 75vw; top: auto; left: auto; position: relative;}
.home-form-4-in-text-subtitle {font-size: 16px;}
.home-form-4-in-text-title {font-size: 7vw;}
.home-form-4-in-text-text {line-height: 22px;}
.home-form-4-in-text-btn a {font-size: 14px; padding: 9px 25px;}



.home-form-5-in {height: 64vw;}

.home-form-5-in-bg {height: 190vw;}

.home-form-5-in-text {width: 68%; height: 11vw; font-size: 4vw; line-height: 12vw; right: -17%; padding-left: 3%; border-radius: 7px;}

.home-form-5-in-text-bg {width: 22vw; height: 22vw; left: -18vw;}















/* CONTENT */
.web-content {width: 98%; padding: 10px 0px; font-size: 16px;}
.web-container {width: 100%; overflow-x: hidden;}
.page-title, .web-content h2 {font-size: 24px !important; margin: 10px 0px 5px;}


.page-contact-text {width: 100%; float: none; margin-bottom: 25px;}
.page-contact-text iframe {width: 100%; height: 80vw;}
.page-contact-text table {}
.page-contact-text table td {display: block; width: 100% !important;}
.page-contact-imgs {width: 100%; float: none;}
.page-contact-imgs img {margin-top: 4%;}

.page-slides-item {height: 50vw;}
.page-slides-item-info-title {font-size: 21px;}

.content-text table {width: 100% !important;}
.content-text table td {vertical-align: top;}












/* FOOTER */
.web-down-logo {width: 190px; height: 55px; left: 5%; font-size: 22px; line-height: 55px;}

.web-down-form {width: 300px; margin: 70px auto 40px;}
.web-down-form-item {width: 100%; padding: 1% 0%; min-height: auto;}
.web-down-form-item strong {padding-bottom: 0px; padding-top: 15px;}
.web-down-form-item:before {display: none; visibility: hidden;}
.web-down-form-item iframe {margin-top: 25px;}


.web-down-form-map {width: 100%; float: none;}


.web-footer-link {width: 70%; padding: 15px 15%;}

#to-top {font-size: 20px; right: 5px; bottom: 5px;}




}