@media only screen and (max-width: 1536px) {
header .body {width:90%;}
section.welcome .body{width:90%;}
section.posts .body{width:90%;}
section.home-kareta .body{width:90%;}
section.unions .body{width:90%;}
section.partners .body{width:90%;}
section.newsletter .body{width:90%;}
footer .body{width:90%;}
section.inner-text .body{width:90%;}
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1279px) {
.slogan {font-size: 2.1rem;}
}

@media only screen and (max-width: 1152px) {
.member-address{margin:0; width:100% !important;}
.member-phone{margin:0; width:100% !important;}
.profile-item{width:47%;}
}

@media only screen and (max-width: 1080px) {
.slogan {font-size: 1.8rem;}
.subscribe-row{width:45%;}
.select-small{width:46%; margin:0.5rem 2%;}
.btn-small{width:50%; margin:1.4rem 0 0 0; padding:0 0.8rem;}
.btn-sort{margin:1rem 0 0 0;}
.member-item{width:220px;}
.member-address{margin:0; width:100%;}
.member-phone{margin:0; width:100%;}
.files{padding:0; margin:0 0 1.5rem 0; width:100%;}
.people-item {width: 230px;}
.navigation-portrait .nav-search-close-button {top: 5px;}
.btn-big {margin: 1.4rem 2%;}
}

@media only screen and (max-width: 1024px) {
.unions-block {flex-wrap: wrap;}
.union-item{width:45%;}
.article-item{width:47%;}
}

@media only screen and (max-width: 900px) {
.welcome-image{height:500px; width:100%;}
.welcome-image img {width: 150%; position: absolute; margin: auto; top: 0; left: auto; right: 0; bottom: 0;}
.welcome-text {top: 10%;}
section.posts .body{flex-direction: column;}
.post-item{width:100%; margin:0 0 2rem 0;}
section.home-kareta .body{flex-direction: column;}
.kare-item{width:100%;}
.union-item{background-position-x:-5rem;}
.bottom-menu{flex-direction:column; gap:40px; width:100%;}
.bottom-care{width:100%;}
.content{width:100%; font-size:1rem; line-height:1.6rem;}
.people{gap:20px; width:100%;}
.select__arrow {top: 40px;}
h5{padding:0.2rem 0.6rem; margin:0 0 0.5rem 0; font-size:1rem;}
.cpo-box{width:100%; margin:0 0 3rem 0;}
.cpo-city{font-size:1rem;}
.cpo-item p{font-size:1rem; line-height:1rem;}
.cpo-item-info span{font-size:1rem;}
.pagination {width:100%; margin:2rem 0 0 0;}
.text-inline {width:100%; margin:2rem 0 0 0;}
.articles{padding:3rem 0 0 0; margin:0 auto; width:100%;}
.article-item{width:100%;}
.article-item p a{line-height:1.4rem; font-size:1rem;}
.content p {margin: 0 0 1rem 0;}
.content ul {margin: 0 0 1rem 0; padding: 0 0 0 2rem;}
.btn-small {width: 50%; margin: 1.0rem 0 0 0;}
.nav-search > form {width: 70%;}
.control {font-size: 1rem; line-height:1.4rem;}
footer {padding: 0 0 1rem 0;}
.material-symbols-outlined {padding:0.1rem 0 0 0;}
.btn-big {margin: 1rem 2%;}
a.edit-btn {padding: 0.4rem 1.5rem;}
section.banners .body {flex-direction: column; align-items: center;}
.horizontal-banner{margin:0.5rem 0; width:100%;}
section.newsletter .body {flex-direction: column;}
.newsletter-item {flex: none; width: 100%;}
.arrow-2 {top: 18px;}
.arrow-3 {top: 43px;}
}

@media only screen and (max-width: 768px) {
.welcome-image {height: 500px; width: 100%;}
.welcome-text h1 {font-size: 2.4rem; padding: 0 10%; margin: 3rem 0;}
.union-item{width:100%; background-position-x: 10rem;}
.union-item h3{min-height:inherit;}
section.newsletter .body .title {font-size: 2.2rem;}
form.subscribe{flex-direction:column; gap:10px 0;}
.subscribe-row{width:100%;}
.i-eml{text-align:center;}
.btn-subscribe{width:100%;}
span.title {font-size: 2.2rem;}
.kare-item h1 {font-size: 2.2rem;}
span.unions-title {font-size: 2.2rem;}
.title{font-size:2.2rem;}
h1{font-size:2.2rem;}
.member-info{flex-direction:column;}
.member-left{width:100%;}
.member-right{width:100%; font-size:1rem;}
form.become-member {padding: 1rem 3rem;}
input.i1 {margin: 1.5rem 0 0 0;}
.inner-kareta{flex-direction:column;}
.inner-kareta-item{ width:100%;}
.people-item {width: 200px;}
.btn-companies-search{margin:1rem 1.2rem 0 0;}
.btn-companies-search-delete{margin:1rem 1.2rem 0 0;}
form.companies-filter{flex-wrap:wrap;}
.middle{width:95%; margin: 0;}
.btn-companies-search{width:46%;}
.btn-companies-search-delete{width:46%;}


.companies-table {display: block;}
.companies-table > *, .companies-table tr, .companies-table td, .companies-table th {display: block;}
.companies-table tr th {display: none; font-size:16px; line-height:18px; padding:2rem 0;}
.companies-table tbody tr {height: auto; padding: 8px 0;}
.companies-table tbody tr td {padding:0 0 1rem 1rem; margin-bottom:0; font-size:16px; line-height:18px;}
.companies-table tbody tr td:last-child {margin-bottom: 0;}

.companies-table td:before {content: attr(data-th) ": "; font-weight: bold; width:100%; display: flex; color:#53ade1;}
.companies-table td:nth-child(1){width:100%;}
.companies-table td:nth-child(2){width:100%;}
.companies-table td:nth-child(3){width:100%;}
.companies-table td:nth-child(4){width:100%;}
.companies-table td:nth-child(5){width:100%;}
.companies-table td:nth-child(6){width:100%;}
.companies-table td:nth-child(7){width:100%;}
.companies-table td:nth-child(8){width:100%;}
.events-item{flex-direction:column; text-align:center;}
.event-logo{width:100%;}
.event-main h3{text-align:center;}
}

@media only screen and (max-width: 640px) {
.kare-item p{font-size:1rem;}
.union-item {background-position-x: 4rem;}
.welcome-text h1{margin:2rem 0 0 0;}
.member h4{font-size:1rem;}
.cpo-item-info{width:100%;}
.cpo-item-info span img{max-width:10px;}
.people-item {width: 250px;}
.content img{max-width:240px;}
.member-left img{max-width:100%;}
.files img {width: 100%; max-width: 20px; vertical-align: middle;}
.profile-item{width:46%;}
.profile-item a{font-size:1.2rem;}
}

@media only screen and (max-width: 600px) {
.select-big{width:100%; margin:0.5rem 0;}
.select-small{width:100%; margin:0.5rem 0;}
.btn-small {width: 100%; margin: 0; padding:0;}
.files a {width: 88%}
.nav-search > form {width: 65%;}
.middle {width:95%; margin: 0;}
.btn-companies-search{width:45%;}
.btn-companies-search-delete{width:45%;}
.btn-big {margin: 0; width: 100%;}
.settings-item {flex-direction: column;}
.name {width: 100%;}
a.edit-btn {margin: 1rem 0 0 0; width: 100%; text-align: center;}
form.data-change {padding: 1rem 2rem;}
}

@media only screen and (max-width: 480px) {
.welcome-image img {bottom:auto; width: 180%;}
.welcome-text {top: 8%;}
.welcome-text p {font-size: 1.1rem; padding: 0 5%; margin: 3rem 0 0 0;}
.slogan {font-size: 1.4rem; padding: 1rem;}
.union-item {background-position-x: -4rem;}
.member-item{width:180px;}
.content h3 {margin: 2rem 0;}
.files a {width: 85%}
.content img{max-width:100%;}
.content p {float: left; width: 100%;}
.middle {width:95%; margin: 0;}
.btn-companies-search{width:44%;}
.btn-companies-search-delete{width:44%;}
.files img {width: 100%; max-width: 20px; vertical-align: middle;}
.err-search {top: -2.6rem; width: 200px; text-align: right; padding: 0 5px 5px 5px; line-height: 1rem;}
.profile-item{width:100%;}
.horizontal-banner {width: 90%;}
}

@media only screen and (max-width: 441px) {
.welcome-image img {width: 200%;}
.union-item h3 {font-size: 1.4rem;}
h3{font-size:1.4rem;}
form.become-member {padding: 1rem 1.5rem;}
}

@media only screen and (max-width: 376px) {
.welcome-image img {width: 240%;}
.union-item {background-position-x: -12rem;}
.welcome-text h1 {font-size: 1.8rem;}
span.title {font-size: 1.8rem;}
.kare-item h1 {font-size: 1.8rem;}
span.unions-title {font-size: 1.8rem;}
.title{font-size:1.8rem;}
section.newsletter .body .title {font-size: 1.8rem;}
h1{font-size:1.8rem;}
.member-item{width:280px;}
.files a {width: 80%; padding:0.5rem 0 0.5rem 1rem;}
.nav-search > form {width: 100%;}
.middle {width:95%; margin: 0;}
.btn-companies-search{width:100%;}
.btn-companies-search-delete{width:100%;}
}

@media only screen and (max-width: 360px) {
.btn-settings {width: 100%;}
}