/*  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; top: 0px; position: fixed;}

.web-logo {height: 60px; width: 190px; left: 5px; top: 0px; background-size: auto 90% !important;}

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




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

.mobil-menu {left:0px; right: 0px; top: 60px; bottom: 0px; background: rgba(38, 38, 37, 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: 5% auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: white;}
.mobil-menu-in-item {font-size: 20px; 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: 4px; 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 {display: none;}


.web-header-search {height: 60px; top: 0px; right: 10px;}
.web-header-search-icon {padding: 10px 0px;}




/* HOME */
.home-block-1-in {height: 560px;}
.home-block-1-particles {left: 0px; right: 0px; top: 0px; bottom: -10%;}
.home-block-1-in-text {font-size: 30px;}
.home-block-1-bg-1 {width: 480px; height: 220px; top: 100px; bottom: auto !important;}
.home-block-1-bg-2 {display: none; visibility: hidenn;}
.home-block-1-in-text {left: 10%; top: 70px; bottom: auto !important;}
.home-block-1-in-text1 {width: 330px; left: 0px; bottom: 4%; margin: auto; font-size: 14px; line-height: 17px;}
.fadein .home-block-1-in-text1 {bottom: 4%;}
.home-block-1-in-text1-link a {font-size: 16px; padding: 6px 15px;}
.home-block-1-in-text1-title {font-size: 19px; white-space: normal;}


.home-block-2-bg {width: 28%; margin-right: 0px;}
.home-block-2-in-text {width: 67%; padding-left: 2%; padding-top: 50px;}
.home-block-2-in-text-title {font-size: 17px;}
.home-block-2-in-text-text {font-size: 14px; line-height: 17px;}
.home-block-2-in-bg {width: 260px;height: 130px; bottom: 6px;}
.home-block-2-in-bgg {width: 150px; height: 173px; left: 74%;}
.fadein .home-block-2-in-bg {bottom: 6px;}
.home-block-2-in-text-link a {font-size: 16px;}


.home-block-3-in {height: auto; padding-bottom: 60px;}
.home-block-3-in-text {width: 350px; display: block; padding-top: 60px; margin: auto;}
.home-block-3-in-bg {width: 100%; height: 200px; position: relative; margin: auto; left: auto; bottom: auto;}
.fadein .home-block-3-in-bg {bottom: auto;}
.home-block-3-in-text-title {font-size: 23px;}
.home-block-3-in-text-text {font-size: 14px; line-height: 17px;}
.home-block-3-in-text-link {margin: 30px auto 30px;}
.home-block-3-in-text-link a {font-size: 16px;}


.home-block-4-in-text {width: 360px; display: block; margin: auto; padding-top: 120px;}
.home-block-4-in-text-title {width: 80%; font-size: 20px;}
.home-block-4-in-bg {width: 250px;height: 150px; top: -15%; left: 0px; right: 0px; margin: auto;}
.fadein .home-block-4-in-bg {top: -12%;}


.home-block-5-in {height: auto;}
.home-block-5-in-text {width: 360px; padding: 30px 0px 40px; left: auto; right: auto; margin: auto; position: relative;}
.home-block-5-in-text-title {width: 80%; font-size: 20px;}
.home-block-5-in-bg {width: 100%; height: 30vw; position: relative; left: auto; right: auto; margin: auto; bottom: auto;}


.home-block-6-in {height: auto;}
.home-block-6-in-text {width: 360px; padding: 30px 0px 220px; left: auto; right: auto; margin: auto; position: relative;}
.home-block-6-in-text-title {width: 80%; font-size: 20px;}
.home-block-6-in-bg-2 {width: 300px;height: 250px; right: auto; left: -10%;}
.home-block-6-in-bg-1 {width: 230px; height: 130px; right: -5%; left: auto; bottom: 15%;}
.fadein .home-block-6-in-bg-1 {right: -5%; left: auto;}




/* 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;}


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


.content-text table td {font-size: 14px;}
.content-text table td strong {font-size: 18px;}



.content-text-short {font-size: 15px; line-height: 18px;}

.img-side-1 .content-text {width: 100%;float: none;}
.img-side-2 .content-text {width: 100%;float: none;}

.img-side-1 .web-content-gallery {width: 100%; float: none;}
.img-side-2 .web-content-gallery {width: 100%; float: none;}







/* FOOTER */

.web-down {width: 350px; padding: 110px 0px 30px;}

.footer-bottom-map {width: 100%;}

.footer-bottom-form, .footer-bottom-form-half {width: 100%; margin: auto; margin-top: 15%; min-height: auto;}






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

}