.mobile {
	display: none;
}

.ontab {
	display: none;
}

@media (max-width: 1440px) {

	p, li {
    	font-size: 22px;
	}
	

	.header-logo img {
	    height: 40px;
	}

	.border-r-50 {
    	border-radius: 40px;
	}

	nav {
    	gap: 40px;
	}

	.hero-descr {
    	font-size: 16px;
	}

	.search-form-input {
    	padding: 10px 20px;
    	font-size: 18px;
	}

	.search-btn img, .search-btn svg {
    	width: 22px;
	}

	.search-btn {
    	font-size: 18px;
    	padding: 10px 20px;
    	min-width: 300px;
	}

	.category-title {
		font-size: 15px;
	}

	.listing-card-title-text {
    	font-size: 14px;
	}

	.listing-card-like svg {
    	width: 18px;
	}

	.listing-card-price {
		font-size: 14px;
	}

	.listing-card-price-val {
		font-size: 16px;
	}

	.listing-card-info {
    	gap: 8px;
	}

	h2 {
    	font-size: 30px;
	}

	.swiper-control-btn img {
    	width: 35px;
	}

	.popular-swiper-controls {
    	gap: 12px;
	}

	.margin-c-40 {
    	margin-block: 35px;
	}

	.padding-c-70 {
    	padding-block: 60px;
	}

	.padding-r-70 {
    	padding-inline: 60px;
	}

	.banner-text {
    	font-size: 40px;
	}

	.banner-btn {
    	font-size: 18px;
    	padding: 10px 28px;
    	margin-bottom: 20px;
	}

	.banner-btn img {
    	width: 18px;
	}

	.footer-logo img {
    	height: 40px;
    	margin-bottom: 25px;
	}

	.footer-info {
    	font-size: 16px;
	}

	.footer-col-title {
        font-size: 16px;
        margin-bottom: 18px;
    }

	.footer-link {
    	font-size: 14px;
    	margin-top: 15px;
	}

	.footer-bottom {
		font-size: 14px;
	}

	.checkbox-other span {
    	padding: 0 0 0 27px;
    	font-size: 12px;
	}

	.filter-col {
    	padding: 15px;
	}

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

	.filter-title {
    	font-size: 16px;
	}

	.author-col {
    	padding: 30px;
	}

	.author-info {
    	gap: 15px;
	}

	.listing-grid {
    	gap: 30px;
	}

	.author-img img {
    	width: 60px;
	}

	.author-name {
    	font-size: 16px;
	}

	.author-rating {
    	font-size: 14px;
	}

	.author-rating img {
    	height: 18px;
	}

	.rating-link {
    	font-size: 14px;
	}

	.author-meta {
    	gap: 7px;
	}

	.cont-btn {
    	gap: 3px;
    	font-size: 12px;
    	padding: 8px;
	}

	.cont-btn img {
    	display: block;
    	width: 14px;
	}

	.action-btn {
    	font-size: 14px;
    	padding: 8px;
	}

	.contact-buttons {
    	gap: 5px;
	}

	.buttons-block {
    	gap: 5px;
	}

	.author-price {
    	font-size: 20px;
	}

	.actions-item img {
    	width: 25px;
	}

	.listing-text-block {
    	padding: 30px;
	}

	.padding-40 {
    	padding: 30px;
	}

	h4 {
    	font-size: 22px;
    	margin-bottom: 18px;
	}

	.info-table-item-title {
    	font-size: 22px;
	}
	.info-table-item-value {
    	font-size: 22px;
	}

	.info-table {
    	gap: 18px;
	}

	.padding-40 {
        padding: 30px;
    }

    .how-item-img {
    	margin-block: 30px;
	}

	.how-item-title {
    	font-size: 20px;
	}

	.how-item p, .why-us-item p {
    	font-size: 14px;
	}

	.how-grid {
    	gap: 20px;
	}

	.how-it-works {
    	gap: 20px;
	}

	.why-us {
    	gap: 30px;
	}

	.why-us h2 {
        font-size: 28px;
    }

    .contacts-item img {
    	width: 45px;
	}

	.contacts-item {
    	font-size: 20px;
    	gap: 15px;
	}

	.faq-cat-item {
    	padding: 18px 25px;
    	font-size: 18px;
	}

	.faq-quest-title {
    	font-size: 18px;
	}

	.faq-answer {
    	font-size: 16px;
	}

	.faq-quest-title .arrow {
    	width: 12px;
	}

	.faq-quest-item {
    	padding: 18px;
	}

	.faq-grid {
    	gap: 18px;
	}

	.faq-categs {
    	gap: 18px;
	}

	.profile-img img {
   		width: 90px;
	}

	.profile-name {
    	font-size: 16px;
	}

	.mobile-nav-link {
    	font-size: 14px;
	}

	.unlogin {
    	padding: 10px 10px;
	}

	.profile-login-btn {
    	font-size: 15px;
	}

	.mobile-section-title {
    	font-size: 16px;
    	margin-bottom: 3px;
	}

	.lk-listing-img img {
    	height: 220px;
	}

	.lk-listing-title {
    	font-size: 19px;
	}

	.lk-listing-adress {
    	font-size: 17px;
    	gap: 10px;
	}

	.lk-listing-adress img {
		width: 17px;
	}

	.lk-listing-info p {
    	font-size: 16px;
	}

	.lk-listing-price {
    	font-size: 22px;
	}

	.lk-listing-inter-item {
    	gap: 8px;
    	font-size: 14px;
	}

	.lk-listing-inter-item img {
		width: 20px;
	}

	.lk-listing-info {
    	height: 220px;
	}

	.lk-listing-actions-item {
    	width: 20px;
	}

	.lk-grid {
    	gap: 30px;
	}

	.listing-btn {
    	padding: 10px 30px;
    	font-size: 18px;
	}

	.listings-buttons {
    	gap: 10px;
	}

	.inact-prich {
    	font-size: 16px;
	}

	.group-title {
    	font-size: 22px;
	}

	.input-title {
   		font-size: 18px;
	}

	.input {
    	padding: 14px 18px;
    	font-size: 16px;
	}

	.select {
    	padding: 14px 18px;
    	font-size: 16px;
	}

	.profile-pic-field img {
    	width: 185px;
	}

	.profile-pic-group {
    	gap: 35px;
	}

	.profile-pic-notif {
    	gap: 25px;
    	padding: 25px;
	}

	.passport-pic-group {
    	gap: 25px;
	}

	.message-col.padding-40 {
    	padding: 25px;
	}

	.message-col-item img {
    	width: 50px;
	}

	.message-item-author {
    	font-size: 14px;
	}

	.messages-block-author-title {
    	font-size: 16px;
	}

	.chat-user-img img {
    	width: 45px;
	}

	.chat-message-author {
    	font-size: 14px;
	}

	.chat-message-content p {
    	font-size: 14px;
	}

	.message-input {
    	font-size: 16px;
	}

	.message-file-input img {
    	width: 20px;
	}

	.message-form-wrap {
    	padding: 12px 20px;
	}

	.send-message img {
    	height: 40px;
	}

	.messages-footer {
    	gap: 10px;
	}

	.message-col-title {
    	font-size: 20px;
	}

	.messages-start-title {
    	font-size: 22px;
	}

	.messages-start img {
    	width: 180px;
	}

	.feedback-btn {
    	font-size: 15px;
    }

    .feedback-btn img {
    	width: 18px;
	}

	.review-item {
    	gap: 15px;
    	padding: 25px;
	}

	.review-author {
    	font-size: 16px;
	}

	.review-content {
    	gap: 15px;
	}

	.review-content p {
    	font-size: 16px;
	}

	.order-img img {
    	width: 100px;
	}

	.order-title {
    	font-size: 18px;
	}

	.order-price {
    	font-size: 22px;
	}

	.order-info {
    	gap: 13px;
	}

	.order-item {
    	padding: 18px;
    	gap: 15px;
	}

	.order-user-img img {
    	width: 35px;
	}

	.order-info {
        gap: 9px;
    }

    .form-input {
    	font-size: 18px;
    	padding: 18px 26px;
	}

	.register-btn {
    	padding: 18px;
    	font-size: 22px;
	}

	.form-wrap form {
    	gap: 15px;
	}

	.offer-item-title {
    	font-size: 18px;
	}

	.offer-listing img {
    	width: 80px;
	}

	.offer-listing-meta {
    	height: 80px;
	}

	.offer-listing-title {
    	font-size: 16px;
	}

	.offer-listing-price {
    	font-size: 16px;
	}

	.offer-user img {
    	width: 40px;
	}

	.offer-user {
    	gap: 15px;
	}

	.offer-user-name {
    	font-size: 16px;
	}

	.form-wrap {
    	gap: 15px;
	}

	.offer-input {
    	padding: 10px 10px;
    	font-size: 16px;
	}

	.balance-text {
    	font-size: 16px;
	}

	.balance-btn {
    	gap: 8px;
    	padding: 7px;
    	font-size: 13px;
	}
	
	.notification-text {
        font-size: 22px;
    }
    
    .notification-empty img {
        height: 26px;
    }
    
    .notification-empty {
        gap: 18px;
        padding: 18px 25px;
    }

}

@media (max-width: 1200px) {
	
	p, li {
        font-size: 20px;
    }

	.header-logo img {
        height: 30px;
    }

    .border-r-50 {
    	border-radius: 30px;
	}

	.padding-r-50 {
    	padding-inline: 40px;
	}

	.padding-c-50 {
    	padding-block: 40px;
	}

	nav {
    	gap: 30px;
	}

	.hero-descr {
        font-size: 14px;
    }

    .search-form-input {
        padding: 10px 20px;
        font-size: 16px;
    }

    .search-btn {
        font-size: 16px;
        padding: 10px 20px;
        min-width: 260px;
    }

    .search-btn img, .search-btn svg {
        width: 20px;
    }

    .category-title {
		font-size: 14px;
	}

	h2 {
        font-size: 28px;
    }

    .padding-c-70 {
    	padding-block: 50px;
	}

	.padding-r-70 {
    	padding-inline: 50px;
	}

	.banner-text {
        font-size: 35px;
    }

    .banner-btn {
        font-size: 16px;
        padding: 10px 26px;
        margin-bottom: 10px;
    }

    .banner-btn img {
        width: 16px;
    }

    .banner-content {
    	gap: 25px;
	}

	.listings-main-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.footer-logo img {
        height: 35px;
        margin-bottom: 20px;
    }

    .footer-col-title {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .footer-link {
        font-size: 12px;
        margin-top: 13px;
    }

    .footer-info {
        font-size: 14px;
    }

    .footer-bottom {
		font-size: 12px;
	}

	.catalog-page {
		grid-template-columns: 1fr 3fr;
	}

	.catalog-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.listing-grid {
        gap: 20px;
    }

    .author-col {
        padding: 20px;
    }

    .author-img img {
        width: 55px;
    }

    .author-info {
        gap: 10px;
    }

    .author-name {
        font-size: 14px;
    }

    .author-rating {
        font-size: 12px;
        gap: 5px;
    }

    .author-rating img {
        height: 12px;
    }

    .rating-link {
        font-size: 12px;
    }

    .author-meta {
        gap: 5px;
    }

    .cont-btn {
        gap: 3px;
        font-size: 10px;
        padding: 7px;
    }

    .action-btn {
        font-size: 12px;
        padding: 8px;
    }

    .author-price {
        font-size: 16px;
    }

    .actions-item img {
        width: 20px;
    }

    .listing-text-block {
        padding: 20px;
    }

    .padding-40 {
        padding: 20px;
    }

    h4 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .info-table-item-title {
        font-size: 20px;
    }

    .info-table-item-value {
        font-size: 20px;
    }

    .info-table {
        gap: 16px;
    }

    .margin-c-25 {
    	margin-block: 20px;
	}

    .listing-col {
    	gap: 20px;
	}

	.about-text {
    	gap: 15px;
	}

	.how-item {
    	padding: 15px;
    	gap: 10px;
	}

	.how-item-img {
        margin-block: 25px;
    }

    .how-item-title {
        font-size: 18px;
    }

    .how-item p, .why-us-item p {
        font-size: 12px;
    }

    .why-us h2 {
        font-size: 22px;
    }

    .why-us-item-text {
    	width: 80%;
	}

	.contacts-item img {
        width: 40px;
    }

    .faq-cat-item {
        padding: 16px 22px;
        font-size: 16px;
    }

    .faq-quest-title {
        font-size: 16px;
    }

    .faq-answer {
        font-size: 14px;
    }

    .faq-quest-title .arrow {
        width: 10px;
    }

    .faq-categs {
        gap: 16px;
    }

    .faq-questions {
    	gap: 16px;
	}

	.faq-grid {
        gap: 16px;
    }

    .lk-grid {
        gap: 20px;
    }

    .profile-name {
        font-size: 15px;
    }

    .profile-img img {
        width: 80px;
    }

    .menu-profile {
    	gap: 10px;
	}

	.mobile-nav-link {
        font-size: 12px;
    }

    .profile-login-btn {
        font-size: 13px;
    }

    .profile-login-btn img, .profile-login-btn svg {
    	width: 14px;
	}

	.menu-separator {
    	margin: 15px 0px;
	}

	.mobile-section-title {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .lk-listing-img img {
        height: 190px;
    }

    .lk-listing {
    	padding: 15px;
    	gap: 15px;
	}

	.lk-listing-title {
        font-size: 16px;
    }

    .lk-listing-adress {
        font-size: 15px;
        gap: 7px;
    }

    .lk-listing-info p {
        font-size: 14px;
    }

    .lk-listing-price {
        font-size: 20px;
    }

    .lk-listing-info {
        height: 190px;
    }

    .listing-btn {
        font-size: 16px;
    }

    .inact-prich {
        font-size: 13px;
    }

    .group-title {
        font-size: 18px;
    }

    .inputs-group {
    	gap: 16px;
	}

	.input-title {
        font-size: 16px;
    }

    .input-container {
    	gap: 12px;
	}

	.input {
    	padding: 13px 16px;
        font-size: 15px;
	}

	.select {
    	padding: 13px 16px;
        font-size: 15px;
        background-size: 10px;
	}

	.sort-select {
    	background-size: 10px;
	}

	.inputs-wrap {
    	gap: 20px;
	}

	.images-uploaded-item img {
    	width: 100px;
	}

	.deleteupload img {
		width: 100%;
	}

	.profile-pic-field img {
        width: 165px;
    }

    .profile-pic-group {
        gap: 25px;
    }

    .profile-pic-notif p {
    	font-size: 15px;
	}

	.profile-pic-notif {
        gap: 20px;
        padding: 20px;
    }

    .passport-pic-group {
        gap: 20px;
    }

    .passport-pic-group p {
    	font-size: 14px;
	}

	.message-col.padding-40 {
        padding: 16px;
    }

    .message-col-item {
    	gap: 8px;
    	padding: 8px;
	}

	.message-col-item img {
        width: 40px;
    }

    .message-item-message {
    	font-size: 13px;
	}

	.messages-start-title {
        font-size: 20px;
    }

    .messages-start img {
        width: 170px;
    }

    .feedback-btn {
        font-size: 14px;
        gap: 8px;
    }

    .feedback-btn img {
        width: 16px;
    }

    .order-title {
        font-size: 16px;
    }

    .order-price {
        font-size: 16px;
    }

    .balance-btn {
        gap: 5px;
        padding: 7px;
        font-size: 12px;
        border-radius: 5px;
    }

    .balance-btn img {
    	width: 12px;
    }

    .header-profile-link img {
    	height: 28px;
	}

	.header-icon-link img {
    	height: 28px;
	}
	
	.notification-text {
        font-size: 20px;
    }
    
    .notification-empty img {
        height: 24px;
    }
    
    .notification-empty {
        gap: 16px;
        padding: 16px 22px;
    }

}

@media (max-width: 992px) {
	
	p, li {
        font-size: 18px;
    }

	.padding-r-50 {
        padding-inline: 30px;
    }

    header {
    	padding-block: 15px;
	}

	nav {
    	gap: 20px;
	}

	.header-logo img {
        height: 25px;
    }

    .header-link {
    	font-size: 14px;
	}

	.header-bottom-link {
    	gap: 6px;
    	font-size: 14px;
	}

	.header-bottom-link img, .header-bottom-link svg {
    	width: 16px;
	}

	.header-btn {
    	font-size: 14px;
	}

	.hero-title {
    	width: 40%;
	}

	.listing-card-title-text {
        font-size: 12px;
    }

    .listing-card-like svg {
        width: 16px;
    }

    .listing-card-price {
        font-size: 12px;
    }

    .listing-card-price-val {
        font-size: 14px;
    }

    h2 {
        font-size: 24px;
    }

    .swiper-control-btn img {
        width: 30px;
    }

    .popular-swiper-controls {
        gap: 10px;
    }

    .banner-text {
        font-size: 28px;
    }

    .banner-content {
        gap: 20px;
    }

    .banner-btn {
        font-size: 14px;
        padding: 10px 20px;
        margin-bottom: 0px;
    }

    .banner-btn img {
        width: 14px;
    }

    .padding-c-70 {
    	padding-block: 40px;
	}

	.padding-r-70 {
    	padding-inline: 40px;
	}

	.listings-main-grid {
		gap: 10px;
	}

	.footer-logo img {
        height: 30px;
        margin-bottom: 15px;
    }

    .footer-info {
        font-size: 12px;
    }

    .footer-col-title {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .footer-link {
        font-size: 10px;
        margin-top: 10px;
    }

    footer {
		gap: 15px;
	}

	.footer-bottom {
		font-size: 10px;
		padding-block: 10px;
	}

	.catalog-page {
		gap: 10px;
	}

	.filter-col {
        padding: 12px;
    }

    .filter-title {
        font-size: 14px;
    }

    .filter-item-title {
        font-size: 12px;
    }

    .checkbox-other span {
        padding: 0 0 0 25px;
        font-size: 10px;
    }

    .checkbox-other span:before {
    	width: 20px;
    	height: 20px;
	}

	.catalog-grid {
		gap: 10px;
	}

	.tablet {
		display: none;
	}

	.ontab {
		display: flex;
	}

	.author-col {
        padding: 30px;
    }

    .author-img img {
        width: 70px;
    }

    .author-name {
        font-size: 18px;
    }

    .author-rating {
        font-size: 16px;
        gap: 10px;
    }

    .author-rating img {
        height: 18px;
    }

    .rating-link {
        font-size: 16px;
    }

    .cont-btn {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
    }

    .cont-btn img {
        display: block;
        width: 20px;
    }

    .action-btn {
        font-size: 18px;
        padding: 10px;
    }

    .contact-buttons {
        gap: 10px;
    }

    .buttons-block {
        gap: 10px;
    }

    .author-price {
        font-size: 20px;
    }

    .actions-item img {
        width: 25px;
    }

    .listing-text-block {
        padding: 30px;
    }

    .padding-40 {
        padding: 30px;
    }

    h4 {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .info-table-item-title {
        font-size: 18px;
    }

    .info-table-item-value {
        font-size: 18px;
    }

    .how-item-img {
        margin-block: 20px;
    }

    .how-grid {
        gap: 15px;
    }

    .how-item-title {
        font-size: 16px;
    }

    .how-item p, .why-us-item p {
        font-size: 10px;
    }

    .how-item {
        padding: 10px;
        gap: 7px;
    }

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

    .how-item-img {
        margin-block: 10px;
    }

    .why-us {
        gap: 20px;
    }

    .why-us-item {
		aspect-ratio: 3/2;
	}

	.why-us-item-text {
        width: 100%;
    }

    .why-us h2 {
        font-size: 20px;
    }

    .why-img {
    	display: none;
    }

    .contacts-item {
        font-size: 18px;
        gap: 10px;
    }

    .contacts-item img {
        width: 35px;
    }

    .lk-grid {
		grid-template-columns: 1fr 2fr;
	}

	.lk-col {
		padding: 20px;
	}

	.lk-col .author-rating {
        font-size: 14px;
        gap: 7px;
    }

    .lk-col .author-rating img {
        height: 12px;
    }

    .lk-col .rating-link {
        font-size: 14px;
    }

    .lk-col .profile-name {
        font-size: 14px;
    }

    .lk-listing-img img {
        height: 120px;
    }

    .lk-listing-title {
        font-size: 14px;
    }

    .images-uploaded-item img {
    	width: 90px;
	}

	.deleteupload img {
		width: 100%;
	}

	.profile-pic-field img {
        width: 100px;
    }

    .profile-pic-notif img {
    	height: 50px;
	}

	.profile-pic-notif p {
        font-size: 14px;
    }

    .profile-pic-group {
        gap: 20px;
    }

    .profile-pic-notif {
        gap: 15px;
        padding: 15px;
    }

    .fields-row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.pass-desktop {
		display: none !important;
	}

	.pass-mobile {
		display: block !important;
	}

	.passport-pic-group {
        gap: 10px;
        align-items: flex-start;
    }

    .passport-pic-group p {
        font-size: 12px;
    }

    .chat-message-item {
    	width: 100%;
	}

	.messages-start img {
        width: 150px;
    }

    .messages-start-title {
        font-size: 18px;
    }

    .messages-start {
    	gap: 15px;
	}

	.order-img img {
        width: 70px;
    }

    .order-title {
        font-size: 14px;
    }

    .order-price {
        font-size: 14px;
        width: 40%;
    }

    .order-item {
        padding: 15px;
        gap: 10px;
    }

    .order-date-item {
    	font-size: 18px;
	}

	.order-user-name {
    	font-size: 14px;
	}

	.order-user-img img {
        width: 30px;
    }

    .back-btn {
    	top: 20px;
    	right: 20px;
    	left: auto;
	}

	.back-btn.other {
	bottom: 20px;
	right: 20px;
	left: auto;
	top: auto;
	z-index: 100;
	position: fixed;
	}
	
	.notification-text {
        font-size: 18px;
    }
    
    .notification-empty img {
        height: 20px;
    }
    
    .notification-empty {
        gap: 15px;
        padding: 15px 20px;
    }

}

@media (max-width: 768px) {

	p, li {
        font-size: 16px;
    }

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.border-r-50 {
		border-radius: 20px;
	}

	.padding-r-50 {
		padding-inline: 20px;
	}

	.padding-r-50 {
		padding-inline: 20px;
	}

	header.mobile {
		display: block;
		bottom: 0;
		position: fixed;
		top: auto;
		background-color: transparent;
		padding-block: 0px;
	}

	.nav-mob {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		gap: 5px;
		width: 100%;
		padding: 15px 10px;
		background-color: #fff;
		border-bottom-right-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.nav-mobile-link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		font-size: 10px;
		font-family: reg;
		color: var(--gray-text);
		width: 100%;
		text-align: center;
	}

	.nav-mobile-link img, .nav-mobile-link svg {
		display: block;
		width: 45px;
	}

	.hero {
		background-image: url(../img/heromob.png);
		aspect-ratio: 3/2;
		background-position: top;
		margin-bottom: 15px;
	}

	.hero-title {
        width: 70%;
    }

    .hero-descr {
        font-size: 18px;
        width: 250px;
        text-align: center;
    }

    .hero-content {
    	align-items: center;
    	gap: 15px;
	}

	.search-form {
		margin-top: 50px;
		border-radius: 100px;
		padding: 15px 24px;
		background-color: #fff;
		justify-content: space-between;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.15);
	-moz-box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.15);
	}

	.search-form-input {
        padding: 0px;
        font-size: 18px;
        border-radius: 0px;
        -webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;
    }

    .search-btn {
    	background-color: transparent;
    	width: auto;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		min-width: auto;
		padding: 0px;
    }

    input:focus-visible {
		background-color: transparent;
	}

	.cat-block {
		margin-top: 15px;
	}

	h2 {
        font-size: 22px;
    }

    .padding-c-70 {
    	padding-block: 25px;
	}

	.padding-r-70 {
    	padding-inline: 25px;
	}

	.banner-text {
        font-size: 20px;
    }

    .banner-content {
        gap: 15px;
    }

    .banner-btn {
        font-size: 12px;
    }

    .banner-btn img {
        width: 12px;
    }

    .listings-main-grid {
		grid-template-columns: repeat(3, 1fr);
	}


	footer {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}

	.footer-logo img {
		height: 50px;
		margin-bottom: 30px;
	}

	.footer-info {
		font-size: 20px;
	}

	.footer-col-title {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.footer-link {
		font-size: 16px;
		margin-top: 20px;
	}

	.footer-bottom {
		font-size: 16px;
		padding-block: 15px;
		text-align: center;
	}

	.catalog-page {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .filter-col {
        padding: 20px;
    }

    .filter-title {
        font-size: 18px;
    }

    .filter-item-title {
        font-size: 16px;
    }

    .checkbox-other span {
        padding: 0 0 0 25px;
        font-size: 14px;
    }

    .checkbox-other span {
        padding: 0 0 0 30px;
        font-size: 14px;
    }

    .catalog-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}

	.listing-grid {
    	grid-template-columns: 1fr;
	}

	.info-table-item-title {
        font-size: 16px;
    }

    .info-table-item-value {
        font-size: 16px;
    }

    .about-block {
    	align-items: flex-start;
    	justify-content: flex-end;
    	flex-wrap: wrap;
	}

	.about-block-img {
		display: block;
		width: 30%;
	}

	.how-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.how-item {
		padding: 20px;
		gap: 15px;
		aspect-ratio: auto;
	}

	.how-item-title {
        font-size: 18px;
    }

    .how-item p, .why-us-item p {
        font-size: 14px;
    }

    .why-us {
		grid-template-columns: 1fr;
		gap: 10px;
	}

    .why-us-item {
    	display: flex;
    	flex-direction: column;
    	align-items: flex-end;
		aspect-ratio: auto;
		min-height: 200px;
	}

	.why-us h2 {
        font-size: 22px;
    }

    .why-img {
		display: block;
		bottom: 30px;
		right: 30px;
	}

	.contacts {
		background-image: url(../img/contbgmob.png);
		background-position: bottom;
		padding-bottom: 290px;
	}

	.contacts-info {
    	width: 100%;
	}

	.faq-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.faq-categs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		gap: 20px;
	}

	.faq-cat-item {
		text-align: center;
		justify-content: center;
	}

	.lk-col {
		display: none;
	}

	.lk-listing {
    	flex-direction: column;
	}

	.lk-listing-img img {
        height: auto;
        width: 100%;
    }

    .lk-listing-info p {
        font-size: 16px;
    }

    .lk-listing-info {
        height: auto;
        gap: 20px;
    }

    .lk-listing {
        padding: 20px;
        gap: 15px;
    }

    .listing-btn {
        font-size: 14px;
    }

    .lk-grid {
        grid-template-columns: 1fr;
    }

    .lk-listing-title {
        font-size: 16px;
    }

    .inact-prich {
        font-size: 18px;
    }

    .menu-profile .profile-name {
        font-size: 20px;
    }

    .menu-profile .profile-img img {
        width: 100px;
    }

    .mobile-section-title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .mobile-nav-link {
        font-size: 16px;
    }

    .group-title {
        font-size: 20px;
    }

    .inputs-group {
        gap: 20px;
    }

    .input-multi-container {
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
	}

	.select {
    	background: url(../img/arrowfilt.svg) no-repeat 95% #fff;
		background-size: 10px;
	}

	.inputs-wrap {
        gap: 15px;
    }

    .publish-submit {
		flex-wrap: wrap-reverse;
		gap: 20px;
	}

	.policy span {
        font-size: 12px;
    }

    .profile-pic-group {
        gap: 30px;
        flex-direction: column;
        margin-bottom: 0px;
        align-items: center;
    }

    .profile-pic-field img {
        width: 200px;
    }

    .profile-pic-notif {
        gap: 15px;
        padding: 20px;
        border-radius: 10px;
    }

    .passport-pic-group {
		grid-template-columns:1fr;
	}

    .passport-pic-group p {
        font-size: 14px;
    }


    .chat-message-item {
        width: 95%;
        padding: 15px;
        background-color: #F2F0FF;
        border-radius: 10px;
    }

    .chat-wrap {
    	gap: 10px;
	}

    .chat-user-img {
    	display: none;
    }

    .my-message {
    	align-self: flex-end;
    	background-color: #DEDEDE;
    }

    .message-input {
        font-size: 14px;
    }

    .message-form-wrap {
        padding: 10px 20px;
    }

    .messages-block {
    	height: 90vh;
    	gap: 15px;
	}

	.message-col {
        gap: 10px;
    }

    .message-col-item img {
        width: 60px;
    }

    .message-col-title {
        margin-bottom: 10px;
    }

    .user-profile {
    	display: flex;
    }

    .feedback-btn {
		gap: 10px;
		font-size: 16px;
	}

	.feedback-btn img {
		width: 20px;
	}

	.order-date {
    	justify-content: space-between;
	}

	.order-img img {
        width: 120px;
    }

    .order-title {
        font-size: 18px;
        width: 100%;
    }

    .order-price {
        font-size: 18px;
        text-align: right;
        width: 100%;
    }

    .balance-block {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	background-color: #F2EAF6;
	border-radius: 10px;
	width: 100%;
}

.balance-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 20px;
}

.balance-text {
	font-size: 18px;
	font-family: med;
}

.balance-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	font-family: semi;
	width: 100%;
	background-color: #086D2A;
}

.balance-btn img {
  width: 15px;
}

.mobile-hat {
	display: flex;
}

.header-bottom-link {
	font-size: 16px;
}

.header-logo img {
    height: 30px;
}

.search-form {
	display: flex;
}

.antifrod {
	margin: 0px;
}

.back-btn.other {
        bottom: 120px;
        right: 20px;
        left: auto;
        top: auto;
        z-index: 100;
        position: fixed;
    }

.why-img {
	position: initial;
	margin-top: 20px;
}

.hero {
    padding-top: 30px;
}

.messages-start {
    display: none;
}

.chat-message-item.message-my {
    align-self: end;
    background-color: #f6f6f6;
}

.message-my .chat-message-content p {
    align-items: flex-end;
}

.chat-message-content p img {
    display: block;
    border-radius: 10px;
    width: 100%;
}

.attach_preview {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    gap: 10px;
    position: relative;
    white-space: nowrap;
    padding-bottom: 15px; /* место для скроллбара */
}

#reMessages .image_preview {
    display: block !important;
    width: 30% !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
}

}

@media (max-width: 576px) {
	.nav-mobile-link img, .nav-mobile-link svg {
    	width: 40px;
	}

	.nav-mobile-link {
    	font-size: 9px;
	}

	.nav-mobile-link {
    	gap: 6px;
	}

	.category-title {
        font-size: 12px;
    }

    .listing-card-title-text {
        font-size: 14px;
    }

    .listing-card-price {
        font-size: 14px;
    }

    .listing-card-price-val {
        font-size: 16px;
    }

    .listing-card-like svg {
        width: 18px;
    }

    .banner {
    	aspect-ratio: 1/1;
    }

    .padding-c-70 {
    	padding-block: 45px;
	}

	.padding-r-70 {
    	padding-inline: 45px;
	}

	.banner-text {
        font-size: 30px;
    }

    .banner-btn {
        font-size: 18px;
    }

    .banner-btn img {
        width: 18px;
    }

    .banner-content {
        gap: 25px;
    }

    .listings-main-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.footer-bottom {
        font-size: 14px;
        padding-block: 15px;
        text-align: center;
    }

    .catalog-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.catalog-header {
    	align-items: flex-start;
    	justify-content: flex-start;
    	flex-direction: column;
    	gap: 20px;
	}

	.catalog-sort {
   		justify-content: space-between;
   		width: 100%;
	}

	.cont-btn {
        gap: 10px;
        font-size: 14px;
        padding: 10px;
    }

    .about-block {
        justify-content: center;
        gap: 20px;
    }

    .about-block-img {
        display: block;
        width: 45%;
    }

    .why-us h2 {
        font-size: 20px;
    }

    .publish-submit {
        justify-content: center;
    }

    .review-item {
        padding: 20px;
    }

    .review-avatar img {
    	width: 50px;
	}

	.review-content {
        gap: 10px;
    }

    .balance-popup {
    	padding: 15px;
	}

	.balance-popup-input-title {
    	font-size: 16px;
	}

	.balance-popup-select, .balance-popup-input {
    	padding: 13px;
    	font-size: 16px;
	}

	.balance-popup-select, .balance-popup-input {
    	background-size: 10px;
	}

	.balance-popup-sum-title {
    	font-size: 16px;
	}

	.balance-popup-sum {
    	font-size: 20px;
	}

	.balance-popup-btn {
    	padding: 8px 20px;
    	font-size: 16px;
	}

	.back-btn.other {
        bottom: 100px;
        right: 20px;
        left: auto;
        top: auto;
        z-index: 100;
        position: fixed;
    }
    
    .order-item {
        flex-wrap: wrap;
    }
    
    .notification-empty {
        width: 100%;
    }

}

@media (max-width: 500px) {

	p, li {
        font-size: 16px;
    }
    
    ul {
    margin-left: 15px;
    }

	.nav-mobile-link {
    	font-size: 8px;
	}

	.nav-mobile-link img, .nav-mobile-link svg {
    	width: 30px;
	}

	.hero-descr {
        font-size: 16px;
        width: 220px;
    }

    .hero-title {
        width: 80%;
    }

    .hero {
        aspect-ratio: 1/1;
    }

    .hero-content {
        gap: 10px;
    }

    .category-title {
        font-size: 10px;
        margin-top: 5px;
    }

    .listing-card-title-text {
        font-size: 12px;
    }

    .listing-card-price {
        font-size: 12px;
    }

    .listing-card-price-val {
        font-size: 14px;
    }

    .listing-card-like svg {
        width: 16px;
    }

    h2 {
        font-size: 20px;
    }

    .swiper-control-btn img {
        width: 25px;
    }

    .popular-swiper-controls {
        gap: 8px;
    }

    .padding-c-70 {
    	padding-block: 30px;
	}

	.padding-r-70 {
    	padding-inline: 30px;
	}

	.banner-text {
        font-size: 25px;
    }

    .banner-btn {
        font-size: 16px;
    }

    .banner-btn img {
        width: 16px;
    }

    .banner-content {
        gap: 20px;
    }

    .listing-text-block {
        padding: 20px;
    }

    .padding-40 {
        padding: 20px;
    }

    .author-col {
        padding: 20px;
    }

    .cont-btn {
        gap: 10px;
        font-size: 12px;
        padding: 8px;
    }

    .cont-btn img {
        display: block;
        width: 16px;
    }

    .contact-buttons {
        gap: 8px;
    }

    .buttons-block {
        gap: 8px;
    }

    h4 {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .info-table-item-title {
        font-size: 12px;
    }

    .info-table-item-value {
        font-size: 12px;
    }

    .how-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.how-item {
		flex-direction: row;
		text-align: left;
	}

	.how-item:nth-child(1) {
		background-image: url(../img/howbg1mob.png);
	}

	.how-item:nth-child(2) {
		background-image: url(../img/howbg2mob.png);
	}

	.how-item:nth-child(3) {
		background-image: url(../img/howbg3mob.png);
	}

	.how-item:nth-child(4) {
		background-image: url(../img/howbg4mob.png);
	}

	.how-item-img {
		height: 70px;
		width: auto;
		margin: 0px;
	}

	.how-item-title {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.how-item p, .why-us-item p {
        font-size: 12px;
    }

    .contacts {
		padding-bottom: 230px;
	}

	.contacts-item img {
		width: 30px;
	}

	.contacts-item {
		font-size: 14px;
		gap: 10px;
	}

	.faq-answer {
        font-size: 16px;
    }

    .faq-quest-title .arrow {
    	display: block;
        width: 10px !important;
    }

    .faq-quest-item {
        padding: 20px;
    }

    .faq-cat-item {
        padding: 8px 15px;
        font-size: 12px;
    }

    .faq-quest-title {
    	align-items: baseline;
        gap: 10px;
    }

    .margin-c-40 {
        margin-block: 20px;
    }

    .images-uploaded-item img {
        width: 65px;
    }

    .deleteupload img {
		width: 100%;
	}

	.profile-pic-field img {
        width: 160px;
    }

    .profile-pic-notif p {
        font-size: 12px;
    }

    .profile-edit-buttons {
		flex-direction: column;
		gap: 20px;
	}

	.order-title {
    	-webkit-line-clamp: 2;
	}

	.order-title {
        font-size: 14px;
    }

    .order-info {
        gap: 6px;
    }

    .form-input {
        font-size: 16px;
        padding: 16px 20px;
    }

    .register-btn {
        padding: 16px;
        font-size: 18px;
    }

    .form-wrap .policy span {
		font-size: 10px;
	}

	.offer-item-title {
        font-size: 16px;
    }

    .offer-listing {
    	gap: 15px;
	}

	.balance-popup-group {
    	grid-template-columns: 1fr;
    	gap: 10px;
	}

	.price-group {
		grid-template-columns: repeat(2, 1fr);
	}

	.balance-popup-sum {
        text-align: right;
    }

    .back-btn.other {
        bottom: 70px;
        right: 20px;
        left: auto;
        top: auto;
        z-index: 100;
        position: fixed;
    }
    
    .order-img img {
        width: 100%;
    }
    
    .lastfor {
        display: block;
        padding-bottom: 100px !important;
    }

}

@media (max-width: 435px) {
	.nav-mobile-link {
    	font-size: 0px;
    	gap: 0px;
	}
}

@media (max-width: 400px) {
	.nav-mobile-link {
    	font-size: 0px;
    	gap: 0px;
	}

	.listing-card-title-text {
        font-size: 10px;
    }

    .listing-card-price {
        font-size: 10px;
    }

    .listing-card-price-val {
        font-size: 12px;
    }

    .listing-card-like svg {
        width: 14px;
    }

    .padding-c-70 {
    	padding-block: 20px;
	}

	.padding-r-70 {
    	padding-inline: 20px;
	}

	.banner-text {
        font-size: 22px;
    }

    .banner-btn {
        font-size: 14px;
    }

    .banner-btn img {
        width: 14px;
    }

    .banner-content {
        gap: 15px;
    }

    .listings-main-grid {
		gap: 10px;
	}

	.footer-logo img {
        height: 45px;
        margin-bottom: 25px;
    }

    .footer-info {
        font-size: 18px;
    }

    .footer-col-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .footer-link {
        font-size: 14px;
        margin-top: 15px;
    }

    .author-name {
        font-size: 16px;
    }

    .author-rating {
        font-size: 14px;
    }

    .author-rating img {
        height: 16px;
    }

    .author-adress {
    	font-size: 14px;
	}

	.author-adress img {
    	width: 18px;
	}

	.cont-btn {
        font-size: 10px;
    }

    .action-btn {
        font-size: 14px;
        padding: 10px;
    }

    .author-price {
        font-size: 18px;
    }

    .lk-listing-price {
        font-size: 18px;
    }

    .input, .select {
    	min-width: auto;
    }

    .message-input {
        font-size: 12px;
    }

    .message-form-wrap {
        padding: 10px 16px;
    }

    .catalog-sort {
    	gap: 16px;
    	font-size: 14px;
	}

	.sort-select {
    	padding: 8px 40px 10px 15px;
    	font-size: 12px;
	}

	.catalog-grid {
        gap: 15px;
    }
}