.mobile-btn {
    display: none;
    width: 30px;
    height: 30px;
    background: url(../img/burger.svg);
    
    margin-right: 10px;
    
    transition: all .5s;
}

.mobile-btn:hover {
    cursor: pointer;
    opacity: .75;
}

.mobile-menu {
    display: none;
    
    position: absolute;
    top: 145px;
    left: 10px;
    z-index: 999;
    padding: 20px;
    background: #F7F8FA;
    border-radius: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

@media (max-width: 1300px) {
    .mobile-btn {
        display: inline-block;
    }
    
    header .menu,
    header .btn a.btn-lite,
    header .btn a.btn {
        display: none;
    }
    
    .mobile-menu .menu {
        display: block;   
    }
    
    .mobile-menu .menu li {
        list-style: none;
        
        margin: 0 0 10px;
    }
    
    .mobile-menu .menu li a {
        font-family: Lato;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: #5E5E5E;
        text-decoration: none;
    }
    
    .mobile-menu .btn a.btn-lite,
    .mobile-menu .btn a.btn {
        display: inline-block;
    }
    
    .container {
        max-width: 100%;
    }
    
    footer,
    main {
        margin: 30px 10px;
    }
    
    main section {
        width: calc(100% - 360px);
    }
}

@media (max-width: 1000px) {
    .container {
        flex-wrap: wrap;
    }
    main aside,
    main section {
        width: 100%;
    }   
    
    main aside .form--subscibe {
        display: none;
    }
    
    main h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .rating--button a {
        font-size: 16px;
        line-height: 22px;
    }
    .list--block .list--block__item--title {
        font-size: 32px;
        line-height: 40px;
    }
    .list--block .list--block__item {
        margin: 30px 0 0;
    }
    .list--block__item--content__list--rating {
        padding: 15px 20px 0px 20px;
    }
    .list--block__item--content__list--text {
        padding: 20px;
    }
    .list--block__item--content__list {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        display: grid;
        gap: 10px;
        margin: 0 0 20px;
    }
    .list--block .list--block__item--content h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .list--block .list--block__item--content p {
        font-size: 16px;
        line-height: 24px;
    }
    table thead tr th {
        font-size: 18px;
        line-height: 18px;
    }
    table tbody tr td {
        font-size: 15px;
        line-height: 15px;
    }
    .lead--block {
        margin: 30px 0 0;
    }
    .block--title {
        margin: 30px 0 10px;
        font-size: 32px;
        line-height: 40px;
    }
    main aside {
        margin: 30px 0 0;
    }
    .form--subscibe {
        min-height: auto;
        padding: 30px;
        background: #50C28B;
        border-radius: 20px;
        border: 1px solid #f0f0f1;
    }
    .form--subscibe input[type=text] {
        background: #FFFFFF;   
    }
    footer .footer--block {
        flex-direction: column;
    }
    footer .footer--block .column--item_2 {
        width: 100%;
    }
    .companies--list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .reviews--list__item {
        padding: 15px;
    }
    .reviews .reviews--list__item--title__first {
        width: 100%;
    }
    .reviews .reviews--list__item--title {
        flex-direction: column;
    }
    .companies--list.authors--list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 800px) {
    .list--block__item--content__list--rating {
        grid-template-columns: repeat(1, 1fr);
    }
    .bottom--block {
        flex-direction: column;
        gap: 15px;
    }
    .companies--list {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .reviews--form {
        margin: 30px 0 0;
    }
    .reviews--form {
        padding: 30px;
    }
    .page--one_companies .companies--list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 600px) {
	.list--block__item--content__meta {
		grid-template-columns: 1fr;
	}
	.list--block__item--content__list--text {
		padding: 20px 0;
	}	
	.list--block .list--block__item {
		padding: 20px;
	}
	.list--block__item--content__list--rating .list--block__item--content__list--rating__portal, .list--block__item--content__list--rating .list--block__item--content__list--rating__yandex, .list--block__item--content__list--rating .list--block__item--content__list--rating__2gis {
		float: none;	
	}	
	.list--block__item--content__list--rating {
		padding: 0 20px 0px 20px;
	}
    .mobile-menu {
        top: 160px;
    }
    header .btn {
        align-items: start;
        flex-direction: column;
    }
    .list--block .list--block__item--content p {
        font-size: 14px;
        line-height: 18px;
    }
    .list--block__item--content__list .list--item p:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }
    .list--block .list--block__item--content h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .block--experts {
        padding: 20px;
    }
    .block--experts__item--header {
        align-items: start;
        flex-direction: column;
        gap: 15px;
    }
    .block--experts__item--header .block--experts__item--header__btn a {
        display: inline-block;
    }
    .block--experts__item--content {
        font-size: 16px;
        line-height: 20px;
    }
    .block--experts__item--header__author .experts--sublogo p:nth-child(1) {;
        font-size: 20px;
        line-height: 24px;
    }
    .footer--content ul {
        flex-wrap: wrap;
    }
    .footer--content ul li {
        width: 100%;
    }
    .block--faq,
    footer .footer--block {
        padding: 20px;
    }
    .block--faq .block--faq__list {
        font-size: 18px;
        line-height: 24px;
    }
    .rating {
        flex-wrap: wrap;
    }
    .rating .rating--item {
        width: 100%;
    }
    .table--block {
        padding: 20px;
    }
    table tbody tr td {
        min-width: 100px;
    }
    .block--desc {
        padding: 20px;
    }
    .block--desc p {
        font-size: 16px;
        line-height: 22px;
    }
    .block--desc h2 {
        margin: 15px 0 5px;
        font-size: 28px;
        line-height: 32px;
    }
    .list--block__item--content__list--rewards {
        grid-template-columns: repeat(1, 1fr);
        padding: 15px 20px 0px 20px;
    }
    .reviews--form .reviews--form__title--left{
        font-size: 28px;
        line-height: 34px;
    }
    .reviews--form .reviews--form__title {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 15px;
    }
    .reviews--form .reviews--form__body p:nth-child(1), 
    .reviews--form .reviews--form__body p:nth-child(2) {
        width: 100%;   
    }
    .form--subscibe form p {
        line-height: 24px;
    }
    .reviews--form__bottom {
        flex-direction: column;
        gap: 10px;
    }
    .companies--list.authors--list,
    .reviews .reviews--list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
	.form--subscibe form p {
		flex-direction: column;
	}
	.lead--block .form--subscibe input[type=text] {
		width: 100%;
	}
	.lead--block .form--subscibe .title {
		font-size: 28px;
	}
}

@media (max-width: 450px) {
    .companies--list {
        grid-template-columns: repeat(1, 1fr);
    }
    .page--one_companies .companies--list {
        grid-template-columns: repeat(1, 1fr);
    }
	.companies--list .companies--list__item {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
    .lead--block {
        min-height: auto;
        padding: 0;
        background: transparent;
        border-radius: 0;
        border: none;
    }
    .lead--block .form--subscibe {
        padding: 30px;
    }
    .block--title .title--btn {
        position: relative;
        left: 0;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
}