/*  BIG SCREEN  */
@media screen and (max-width: 4000px) {
	.social-form {margin: 20px 15vw -30px;}
	.classic-listed-in {margin: 4% 15vw;}
}



/*  BIG SCREEN  */
@media screen and (max-width: 2000px) {
	.social-form {margin: 20px auto -30px;}
	.classic-listed-in {margin: 4% auto;}
}




/*  NOTEBOOOK  */
@media screen and (max-width: 1350px) {
	
.web-header-in {max-width: 1030px;}
.web-new-menu-in {width: 350px;}



}

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

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



.web-main-menu-mobile {display: block; padding: 3px; background: rgba(255,255,255,0.9);}


.web-new-menu {display: none; width: 100%;margin: auto;position: fixed;left: 0px;right: 0px;top: 70px;bottom: 0px;background: rgba(0, 0, 0, 0.9); overflow-y: scroll;}
.web-new-menu-in {width: 350px;margin: 25px auto;}

.w-n-m-1, .w-n-m-2 {float: none;}
.w-n-m-1 {margin-top: 50px;}



.menu-admin {display: none;}



.web-header-ghost, .web-header {height: 70px;}
.menu-background {height: 90px;}

.web-container {min-height: 92vh; overflow-x: hidden;}
.web-logo {width: 185px; height: 185px; z-index: 9;}


.menu-user {height: 48px; width: 48px;float: none; right: 3px; margin: 10px 0px; z-index: 9;}
.menu-user-bg {background-size: 55px auto; background-position: -4px -4px;}
.menu-user-img {width: 39px;height: 39px;margin: 2px 0px 0px 4px; background: none;}

.menu-user-menu-in {padding: 5px 10px; right: 30px;}
.menu-user-menu-in div {font-size: 14px;}


.menu-user-notify {position: absolute;right: 58px;width: 29px;height: 29px;top: 37px;}
.menu-user-add-b {position: absolute;right: 58px;width: 29px;height: 29px;top: 4px;}




/* HOME STREAM */
.stream-refresh, .stream-options, .stream-search {top: 18px;width: 31px;height: 31px;}
.stream-refresh span, .stream-options span, .stream-search span {font-size: 18px;}
.stream-head h2 {font-size: 20px;}
.stream-options {right: 5px;}
.stream-refresh {right: 45px;}
.stream-options-in {top: 32px;}

.stream-search {right: 90px;}



.stream-search-input {top: 0px; padding-right: 31px; height: 27px; background: rgb(255, 255, 255);}
.stream-search-input input {width: 185px; height: 16px; padding: 6px 0px 6px 15px;}
.stream-search-input button {right: 30px;}



.stream-box-date {font-size: 9px;right: 6px;top: 3px; opacity: 0.6;}

.stream-box-inner-head {font-size: 13px; line-height: 26px; margin-top: 8px;}
.stream-box-inner-head a {font-size: 14px;}
.stream-box-inner-head img {max-height: 22px;max-width: 22px;}
.stream-box-inner-head a:nth-child(2) img {margin-left: 0px;}



.stream-box-icon {width: 20%;}
.stream-box-icon-img {width: 44px;height: 44px;}
.stream-box-inner {min-height: 70px; padding-left: 20%;}


.stream-box-inner-bylinka-info {padding-top: 5px; margin-top: 5px;}
.stream-box-inner-bylinka-info-line {font-size: 13px; padding-bottom: 2px;}
.stream-box-inner-bylinka-info-line strong {font-size: 12px;}
.stream-box-inner-bylinka-info-line .rat {font-size: 15px;}
.stream-box-inner-icon {width: 17px;height: 17px; margin-right: 4px; margin-left: 2px; margin-top: 2px;}

.stream-box-obsah-text {line-height: 16px;}

.s-item-title {font-size: 14px;}



.clear-notify {padding: 3% 0px;font-size: 12px;}
.clear-notify span {height: 25px;font-size: 25px;width: 19%;}
.alertt {font-size: 11px;line-height: 14px;height: 18px;width: 18px;right: -5px;}


	
#run-search {top: 0px;right: 10px;}
#run-search span {font-size: 6vw;}


.my-right {}
.my-list .my-title {margin-right: 10px;}
.my-list .my-right div:first-child {padding-left: 0px;}


.classic-item-in {width: 96%; margin: 4% auto;}

.classic-item-in-head h2 {font-size: 5vw; line-height: 6vw;}
.classic-item-in-head i {font-size: 3vw;}

.classic-listed-in {margin: 15px auto;}
.classic-listed-item {width: 100%; height: auto; margin-bottom: 5%;}
.classic-item-in-text {font-size: 15px;}
.classic-item-in-text img {width: auto; height: auto; max-width: 100%;}



.social-form {margin: 5px auto -15px;transform: scale(0.8);transform-origin: left center;}



.classic-item-background div {height: 90px; background-size: cover !important;}
.classic-item-image {height: 40vw; position: relative;}
.classic-item-image img {width: 100vw; height: auto; margin: auto; top: -80px; left: -1000px;right: -1000px;bottom: auto;position: absolute;}




.classic-item-in-head-add a {font-size: 16px;}
.classic-item-in-head-add span {font-size: 24px;line-height: 24px;}

.classic-listed-item-img {width: 30%; height: 30vw;}
.classic-listed-item-img img {height: 100%; width: auto; margin: auto -100%;}


.classic-used-item h3 {font-size: 4vw; line-height: 5vw;}
.classic-used-item h4 {font-size: 3vw; line-height: 4vw;}
.classic-used-item .ik {height: 18px;width: 18px;}
.classic-used-item b {font-size: 15px;}
.classic-used-item img {height: 60px;width: 60px; margin-right: 5px;}


.classic-content-blocker div {font-size: 4.6vw;}
.classic-content-blocker b {padding: 5px 15px;}

.item-video {width: 96vw; height: 54.5vw;}



.extra-forum-icon {top: 0px;}
.forum-right div:first-child {padding-left: 18px !important;}
.my-list .my-right div span {top: 8px;}

.forum-title {max-width: 55%;}
.forum-title .letter-icon {top: 5px;}
.forum-topic-user-img, .forum-post-user-img {width: 100%;height: 14vw;}
.forum-topic-user-img img, .forum-post-user-img img {width: 100%; height: auto;}
.forum-topic-user-name a, .forum-post-user-name a {font-size: 9px;}

.forum-links a {font-size: 14px;}

.forum-topic-content, .forum-post-content {font-size: 13px;}
.forum-topic-content-title {font-size: 16px;}

.forum-post-content-time {font-size: 12px; margin-left: 4px;}
.forum-icon-time {width: 15px;height: 15px;}
.forum-post-add-title {font-size: 14px;}



.topic-add {width: 84%;}
.topic-add input {padding: 2px 1%; height: 39px; font-family: 'Playfair Display', serif;}






.detail-background {height: 90px;}
.detail-background div {height: 90px; background-size: cover !important;}
.herbar-detail-image {height: 40vw; position: relative;}
.herbar-detail-image img {width: 100vw; height: auto; margin: auto; top: -80px; left: -1000px;right: -1000px;bottom: auto;position: absolute;}

.herbar-detail-in {margin: 15px auto; margin-top: 120px;}
.herbar-detail-kvitne b {width: 30%; font-size: 13px; line-height: 20px;}
.herbar-detail-kvitne-items {width: 70%;}
.herbar-detail-kvitne-items div {width: 16.5%; font-size: 14px; padding-bottom: 10px;}



.herbar-detail-in-head {margin-top: 5%;}
.herbar-detail-in-head h2 {font-size: 22px;}
.herbar-detail-in-head i {font-size: 16px;}



.side-space { margin-top: 120px;}
.bylinka-side-box {top:50px; width: 100%; right: 0px; left: 0px; height: 95px;}
.bylinka-side-box-in {border-radius: 5px; float: left; width: 20%; transform: scale(0.8); -webkit-transform: scale(0.8); position: relative;}
.bylinka-side-box-in-text {font-size: 11px;}
.bylinka-side-box-in-text b {display: block;}
.je-tam:before {display: none;}



.score {margin-left: 6px;width: 97%;}
.date-picker .input .result {padding: 20px 11px;}


.herbar-head .form-content-in p {width: 88%; margin: 10px auto;}

.bylinka-side-box-in {transform: scale(0.7); -webkit-transform: scale(0.7);}






.herbar-head-out {height: 400px;}
.herbar-head {width: 96%; margin-top: 90px; width: 360px;}
.form-content-in h2 {font-size: 24px;}
.form-content {font-size: 13px;}
.herbar-search-input {margin-bottom: 5%;}
.herbar-search-input input {padding: 8px 12px;}
.herbar-search-output {top: 40px;padding: 0px 8px; width: 335px; box-shadow: 0px 15px 40px -5px rgb(0, 0, 0);}

.herbar-search-output div span {font-size: 14px;line-height: 16px;}
.herbar-search-output div a i {font-size: 12px;}
.herbar-search-output div div {width: 45px;height: 45px; margin-right: 6px;}

.herbar-filter-right {overflow-x: scroll; left: 0px; width: 100%; top: auto; height: 65px;}
.herbar-filter-right-in {width: 1320px; overflow-y: hidden; overflow-x: hidden; padding-right: 0px;}
.herbar-filter-right-in div {width: 60px; float: left;}
.herbar-filter-right-in div a {margin-left: 7px;}

.herbar-filter-bottom {}
.herbar-filter-bottom div {float: left;width: 9%;}
.herbar-filter-bottom div a {font-size: 4vw;line-height: 7vw;height: 8vw;width: 8vw;}






.herbar-listed-item {width: 100%; height: auto;}
.herbar-listed-item-txt {width: 66%;}
.herbar-listed-item-txt i {font-size: 3vw;}
.herbar-listed-item-txt h3 {font-size: 4vw; line-height: 4.5vw;}
.herbar-listed-item-txt-in {font-size: 13px; margin-bottom: 6vw; margin-top: 2vw; height: 16vw; overflow: hidden; position: relative;}
.herbar-listed-item-txt-in:after {content:""; height: 30px; bottom: 0px; left: 0px; right: 0px; position: absolute; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); pointer-events: none;}
.herbar-listed-item-txt-bottom-more {padding: 2px 0px 2px 10px;font-size: 14px;}

.herbar-listed-item-img {width: 30%; height: 30vw;}
.herbar-listed-item-img img {height: 100%; width: auto; margin: auto -100%;}


.recept-cas {font-size: 13px; padding-left: 20px;}
.recept-cas span {font-size: 15px;}





/* HOME */
.home-box-1 {height: auto; margin-bottom: 15%;}
.home-box-1-in {width: 96%; position: relative; top: auto; background: transparent; box-shadow: none;}
.home-box-1-in-0 {margin-top: 30px;}
.home-box-1-in-1 {width: 360px; font-size: 34px;}
.home-box-1-in-2 .h-2-item {margin: auto; padding: 2% 3%; height: auto; width: 65%; float: none;}
.home-box-1-in-2 .home-box-1-in-2-i {height: 70px;width: 70px;}
.home-box-1-in-2-1 .home-box-1-in-2-i {background-position: -384px center !important;}
.home-box-1-in-2-2 .home-box-1-in-2-i {background-position: -190px center !important;}
.home-box-1-in-2-3 .home-box-1-in-2-i {background-position: -257px center !important;}




.form-content {width: 350px; margin-top: 85px;}
.login-form {padding: 30px 0px;}
.form-content-head-line {width: 120px;}


.profile-head {width: 100%; height: 40px; background-position: -80px top; background-size: auto 42px;}
.profile-head-icon {width: 80px; height: 80px; top: -70px; left: 20px; right: auto;}
.p-line-r { display: none; }
.p-line-l {right: auto;width: 75%;left: 112px;}
.profile-head-name {left: 112px; top: -55px; font-size: 18px;}

.profile-head-follow {top: -8px; right: 1%;}
.profile-head-follow-num {box-shadow: 0px 0px 15px -5px rgb(0, 0, 0);}


.profile-head-banner {width: 100%; height: 50vw; top: -55vw; left: 0px; border-radius: 0px;}
.profile-head-banner img {animation: none; margin-top: 0px; margin-right: 0px; height: auto; width: 100%;}

.banner-1 {margin: 45vw auto 0px;}


.content-head {width: 100%;}
.content-head-line {left: 0px;right: 0px;margin: auto;}
.c-line-r {left: -1237px;right: -600px;margin: auto;}
.c-line-l {left: -600px;right: -1237px;margin: auto;}

.stream-head {margin: 0px 5% 4%;}

.herbar-head .form-content-head .form-content-head-line {width: 140px;}







.content-form-in {width: 98%;padding: 1%;}
.profil-form-main {float: none;width: 100%;}


.profil-bio-holder span {font-size: 45px;}
.profil-bio {width: 87%;}

.profile-my-items-head {padding-left: 12%; width: 88%; font-size: 18px;}

.profile-my-items-item-in-img {height: 19vw;}
.profile-my-items-item-in-name {font-size: 11px;height: 45px;}

.profil-form-side {float: none; width: 96%; margin: auto;}
.profile-my-location {margin: 4% auto;}




.profile-setings-menu {margin-top: -5px;float: none; width: 100%; padding-right: 0px; border-right: none; display: inline-block;}
.profile-setings-menu div {height: 65px; float: left; width: 22%; padding: 1% 0px 1% 3%; margin: 0px auto;}
.profile-setings-menu div img {margin-right: 50%; margin-bottom: 5px;}
.profile-setings-menu div a {font-size: 13px; line-height: 13px;}

.profile-setings-form {float: none; width: 98%; margin: auto; font-size: 14px;}
.profile-setings-form h2 {margin: 15px 0px 20px;font-size: 20px;}
.profile-setings-image-input input {width: 70%;padding: 2.5% 15%;}








.my-list .my-img {width: 55px; height: 55px; margin-right: 8px;}
.my-list .my-title a {min-width: 70%;font-size: 18px;padding-top: 0px;}
.my-list .my-right {float: left;text-align: left;}
.my-list .my-right div {padding: 5px 10px 0px 15px; margin-left: 0px; font-size: 12px; margin-right: 10px;}
.my-list .my-right div span {font-size: 14px;top: 5px;left: 0px;}


.top-items-i {width: 100% !important; margin: auto; margin-bottom: 10px; box-shadow: 0px 0px 3px 0px rgb(155, 155, 155);}
.teren-head-c {font-size: 13px;}







.classic-input input {width: 60%;}
.switch input {width: auto;}
.classic-input textarea {width: 96%;padding: 2%;}
.classic-hint {font-size: 12px;}

.multi-select .options {top: 80px;bottom: 10px;}
.options-list {position: absolute;top: 50px;bottom: 0px;left: 0px;right: 0px; height: auto; }
.multi-select .options .option {width: 46%; font-size: 14px; text-align: left;}
.multi-select .options .option.selected:after {margin-top: 1px; margin-bottom: -3px;}

.date-picker .date-pick-btn {width: 46px;height: 46px;}
.date-picker .date-pick-btn i {font-size: 25px;padding: 22% 26%;}

.druhy-vyber-polozka {height: 30px;}
.druhy-vyber-polozka div {padding-left: 2%; font-size: 18px; height: 36px; line-height: 36px;}
.druhy-vyber-polozka span {font-size: 24px;}
#confirm-foto img {width: 100%; height: auto;}
.druh-vyber-click {height: 66px;}

.mid-items .classic-input {width: 100%;}
.bylinka-img-form {float: left;width: 100%;}



.buttons {margin-bottom: 50px;}
.delete-dialog {border: 2px solid rgb(147, 25, 25); font-size: 19px;}






/* MAPS */
.mapa-form, #free-map {top: 70px;}

.free-map-info-head {font-size: 6.7vw;}
.free-map-info-head span {font-weight: 600;}
.free-map-infotext {font-size: 4vw;padding: 3% 0px;}



.marker-box {width: 270px;}
.marker-box b {font-size: 15px;}
.marker-box-img {height: 75px; width: 70px;}
.marker-box-in {font-weight: 300; font-size: 12px; min-height: 20px; height: 20px;}
.marker-box-icon, .marker-box-ava {width: 16px;height: 16px; margin-right: 5px; margin-left: 5px;}





#mapa-side {width: 320px; right: -320px;}

.detail-map {width: 100%;height: 300px; position: relative; top: auto;bottom: auto;left: auto;right: auto;}


.detail-info { width: 100%;}



.detail-info-head {height: 240px;}
.detail-info-head-img {height: 240px;}
.detail-info-head-img img {width: 100%;height: auto;min-width: 400px;}
.detail-info-head-user {background-size: auto 60px;}
.detail-info-head-user-img {top: -49px; width: 70px; height: 70px;}
.detail-info-head-user-img img {width: 100%; height: 100%; min-width: auto;}


.detail-info-about-user {font-size: 13px; letter-spacing: -0.3px; width: 96%; margin: -10px auto 30px; position: relative;}
.detail-info-about-user-icon {width: 20px;height: 20px; margin-right: 4px;}
.detail-info-about-user-gps {font-size: 14px;}
.detail-info-about-user-gps i {font-size: 13px;width: 13px;height: 13px; margin-right: 5px;}


.detail-info-bylinka-about-all div {width: 100%; margin-bottom: 6px;}
.detail-info-bylinka-about-icon {height: 24px !important; width: 24px !important;}





.detail-side-box {margin-top: 0px; width: 100%; height: 95px;}
.detail-side-box-in {padding: 0px; border-radius: 5px; float: left; width: 20%; transform: scale(0.8); -webkit-transform: scale(0.8); position: relative;}
.detail-side-box-in-text {font-size: 11px;}
.detail-side-box-in-text b {display: block;}

.detail-info-findme {width: 96%;}
.detail-info-findme-2 {font-size: 11px;letter-spacing: -0.3px;}



.detail-info-bylinka {padding: 1%;width: 96%;}


.komentar-body-text-date {font-size: 10px;}
.komentar-body-text a {font-size: 13px;}



.komenty-head {font-size: 18px;}
.komenty-head-icon {width: 27px;height: 27px;}


.map-side-box-in {transform: scale(0.7);-webkit-transform: scale(0.7);}


.m-s-in {width: 320px;}
.m-s-markers-header {font-size: 18px;}
.m-s-markers-footer-in {font-size: 13px;}
.m-s-markers-footer-in-icon {width: 30px;height: 30px;}
.m-s-markers-footer-in-icon span {padding: 5px 6px; font-size: 18px; line-height: 22px; width: 20px; height: 20px;}
.m-s-markers {padding-bottom: 66px;}
.m-s-markers-item {padding: 5px 0px;}
.m-s-markers-item div span {font-size: 14px;margin-top: 5px;}
.m-s-markers-item div:nth-child(2) {padding: 3px 0px;font-size: 12px;}
.m-s-markers-item div b {font-size: 12px;}
.m-s-markers-item div img {height: 22px;width: 22px;}
.m-s-markers-footer-in {padding: 12px 0px 12px 15%;}




.page-content {width: 92%; padding: 50px 3%;}
.page-content h2 {font-size: 20px;}

.search-page-input {width: 45%; font-size: 13px;}
.search-page-btn {padding: 11px 30px;font-size: 13px;}

.search-blok {font-size: 20px;}
.search-blok-item {font-size: 16px;}



.web-footer {font-size: 13px;}


}