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

}

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

}

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


.web-header-ghost {height: 60px;}
.web-header {height: 60px;}
.web-header-inner {height: 60px;}

.web-logo {height: 50px; width: 222px; left: 5px; top: 5px;}

.web-main-menu {display: none; visibility: none;}


#menu-btn {right: 0px; top: 4px; display: block; visibility: visible; position: absolute;}
#menu-btn span {font-size: 38px; padding: 6px 10px; line-height: 38px; display: block; color: rgb(226, 26, 26);}

.mobil-menu {left:0px; right: 0px; top: 60px; bottom: 0px; background: rgba(17, 17, 17, 0.95); display: block; visibility: visible; position: fixed; overflow-y: scroll;}
.mobil-menu {opacity: 0; transform: scale(1,0); transform-origin: center top;}
.mobil-menu-in {width: 300px; margin: 15% auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: white;}
.mobil-menu-in-item {font-size: 22px; margin-top: 22px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
.mobil-menu-in-item-sub {font-size: 17px; padding-left: 8%; padding-top: 10px; letter-spacing: 0.5px; opacity: 0.8;}
.mobil-menu-in-item-sub i {padding-right: 15px;width: 16px;text-align: center;}
.menu-go {opacity: 1; transform: scale(1);}

.web-header-social {top: 15px; right: 53px; left: auto; min-width: auto;}
.web-header-social div {padding: 2px;}
.web-header-social div a i {width: 15px; height: 15px; font-size: 14px; padding: 5px;}




#swipe-home {height: 340px;}
.home-info {transform: scale(0.4); top: -950px; bottom: -1000px;}
.home-info-formular-out, .home-info-info {display: none;}


.home-form-1-title {margin: 0px auto 15px; padding: 15px 0px;}
.home-form-1-title strong {font-size: 5vw;}
.home-form-1-title span {font-size: 2.7vw;}
.home-form-1-items {width: 95%; margin: auto;}
.home-form-1-item {width: 100%; height: auto; margin: 0px auto 50px;}
.home-form-1-item:last-child {margin-bottom: -50px;}
.home-form-1-item-title {height: auto; margin-bottom: 5px;}
.home-form-1-item-btn {margin: 20px auto;}
.home-form-1-item-img {height: 50vw; position: relative; left: auto; bottom: auto;}
.hf1-bot .home-form-1-item-title {margin-top: 0px;}
.home-form-1-item-btn a {font-size: 12px;}

.home-form-2 {margin: 60px auto 40px;}
.home-form-2-in {height: 65vw;}
.ponuka-slide-title {font-size: 2.4vw;}
.swiper-slide-active .ponuka-slide-title {font-size: 2.9vw; height: 15vw;}
.ponuka-slide-image {width: 30vw; height: 30vw; border: 4px solid rgb(157, 157, 157);}
.hp-btn {top: 5%;bottom: auto;}
.hp-prev {left: 0px;}
.hp-next {right: 0px;}
.home-form-2-in .swiper-button-disabled {opacity: 0.2;}
.home-form-2-helma {width: 220px; height: 180px; bottom: -100px;}




/* CONTENT */
.web-content {width: 96%; padding: 15px 2% 40px;}
.content-text {font-size: 15px; line-height: 20px;}
.web-content h2 {font-size: 22px !important; margin: 10px 0px 15px; padding: 0px 4px 4px; border-bottom: 2px solid rgb(70, 161, 191);}
.web-content h3 {font-size: 17px; margin: 25px 0px 10px;}

.content-text ul li:before {left: 15px;}
.content-text ul li {padding: 3px 0px 3px 35px;}

.content-text-short {font-size: 16px; line-height: 20px; letter-spacing: 0.4px;}
.img-side-text {width: 96%; float: none; margin: auto;}

.img-side-gall {width: 100%; float: none; margin: auto;}
.web-content-gallery-item {width: 18%;}
.referencie-img-item {width: 23%;}
.referencie-vid-item {width: 98%; float: none; margin-bottom: 3%;}
.referencie-vid-item-title {font-size: 16px; }


.timeline-vertical-body-line {border-left: 2px dashed rgb(255, 165, 0); right: -1px;}
.timeline-vertical-title h2 {font-size: 18px !important;}
.timeline-vertical-body-item-icon {width: 70px;}
.timeline-vertical-body-item-icon > .hexagon {left: -100px; right: -100px; top: 0px; transform: scale(0.6);}
.timeline-vertical-body-item-icon-in {font-size: 34px !important; left: -100px; right: -100px; top: -22px;}
.timeline-vertical-body-item-title {font-size: 24px; width: 38%; height: 60px; line-height: 60px;}
.timeline-vertical-body-item-text {width: 38%; font-size: 13px; line-height: 16px; padding-top: 20px; padding-bottom: 10px;}
.timeline-vertical-body-item-text strong {font-size: 18px; line-height: 19px; margin-bottom: 12px;}

.timeline-vertical-body-text {width: 92%; font-size: 13px; line-height: 16px; padding-left: 8%;}
.timeline-vertical-body-text i {height: 22px; width: 22px; font-size: 22px; top: -3px; left: 1.5%;}

.page-contact-text {width: 96%; float: none; margin: auto;}
.page-contact-imgs {width: 100%; float: none; margin-top: 35px;}


.dalsie-kraj {font-size: 15px; line-height: 24px; padding: 3% 3%;}





.foot-formular-out {max-height: 31px; width: 250px; right: 0px; left: 0px; margin: auto; padding: 3px 10px 5px;}
.home-info-formular-title {margin-bottom: 8px;}
.home-info-formular-title strong {font-size: 15px; line-height: 20px;}
.home-info-formular-title span {font-size: 9px;}
.foot-formular-out-open {height: 43px;}
.foot-formular-out-open i {padding: 5px 10px;}
.home-info-formular input {font-size: 13px;}


.ffo-open {max-height: 1000px;}







.bottom-logos-in-title {font-size: 20px; padding: 0px 5% 0px;}
.swipe-logos-item img {max-width: 70%;}


.web-down-form-logo {width: 330px; height: 75px; top: 20px; left: 0px; right: 0px; margin: auto;}

.web-down-logo {width: 190px; height: 70px; left: 0px; right: 0px; margin: auto; background-size: 60% auto;}
.web-down-form {width: 330px; margin: 200px auto 30px;}
.web-down-form-item {width: 100%; padding: 5% 0px; float: none; min-height: auto;}
.web-down-form-item:before {height: 1px; width: 100%; top: 0px; bottom: auto; left: 0px;}
.web-down-form-item strong {font-size: 17px;}
.web-down-form-item p {font-size: 14px; line-height: 17px;}
.web-down-form-item iframe {margin: auto;}
.fi-social {text-align: center;}
.web-footer-link {font-size: 9px;}

.web-down-form-social {width: 100%; top: 120px; left: 0px; right: 0px; margin: auto; text-align: center;}
.web-down-form-social div {float: none; display: inline-block;}

#to-top {font-size: 18px; right: 3px; bottom: 3px;}

}