
@media screen and (max-width: 1100px){
    .main{
        padding: 40px 0 0 0;
    }
    .main .center{
        display: grid;
    }
    .main__row{
        display: contents;
    }
    .main__item{
        width: 100%;
        display: contents;
    }
    .main__item-description{
        order: 1;
        margin: 20px 0 0 0;
    }
    .main-poster{
        order: 2;
        margin: 40px 0 0 0;
    }
    .main__item-button{
        order: 1;
    }
    .features__item{
        width: 100%;
    }
    .features__box{
        width: 100%;
        margin: 10px 0 0 0 !important;
    }
    .features__item-button{
        margin: 40px 0 0 0;
    }
    .profile__box {
        width: calc(50% - 13px);
    }
    .profile__box-poster{
        height: 300px;
    }
    .profile__item__navigation {
        width: 90%;
    }
    .editor__item{
        width: 100%;
    }
    .editor__controler{
        display: flex;
    }
    .editor__item-download, .editor__item-share{
        display: none;
    }
    .editor__item__view{
        margin: 0;
        height: 35em;
    }
    .editor__item:nth-child(2){
        display: none;
    }
    .career__row {
        padding: 50px 20px 30px;
    }
    .career__box{
        width: 100%;
    }
    .resume__item{
        width: 23%;
    }
}
@media screen and (max-width: 900px){
    .header__row{
        padding: 22px 5%;
    }
    .header__item-bar{
        display: block;
        width: 30px;
        height: 30px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMmgyNXY0SDBWMlptMCA4aDI1djRIMHYtNFptMCA4aDI1djRIMHYtNFoiIGZpbGw9IiMxMzY5Y2YiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PC9zdmc+");
    }
    .header__item-bar.active{
        background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDguNTg2IDIuOTI5IDEuNTE1IDEuNTE1IDIuOTI5IDguNTg2IDEwbC03LjA3MSA3LjA3MSAxLjQxNCAxLjQxNEwxMCAxMS40MTRsNy4wNzEgNy4wNzEgMS40MTQtMS40MTRMMTEuNDE0IDEwbDcuMDcxLTcuMDcxLTEuNDE0LTEuNDE0TDEwIDguNTg2eiIgZmlsbD0iIzEzNjljZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PC9zdmc+")
    }
    .header__item ul{
        width: 90%;
        height: auto;
        position: absolute;
        left: 5%;
        top: 109px;
        background-color: #ffffff;
        padding: 20px 0;
        box-sizing: border-box;
        border-radius: 10px;
        display: none;
        border: 1px solid #1469d04d;
        z-index: 1000005;
    }
    .header__item ul > li{
        width: 100%;
        margin: 5px auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .header__item_lang {
        width: 100%;
        height: auto;
        position: relative;
        background: #FFFFFF;
        border-radius: 5px;
        padding: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        left: unset;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
        display: none;
    }
    .header__item_lang a {
        width: fit-content;
        margin: 10px auto 0;
    }
    .career__item__filter__block{
        width: 100%;
    }
    .career__item__filter__block:nth-child(2){
        margin: 20px 0 0 0;
    }
    .career__item__filter__block__interval{
        width: 100%;
    }
    .career__item__filter__block label > select{
        width: 100%;
    }
    .resume__item{
        width: 30%;
    }
    .resume-title{
        text-align: center;
    }
}
@media screen and (max-width: 800px){
    .comments__row{
        padding: 50px 0 35px;
    }
    .comments__item__carousel__section-description{
        width: 100%;
    }
    .comments__item__carousel .owl-nav{
        display: none !important;
    }
    .comments__item__carousel .owl-dots{
        display: flex;
        width: 100%;
        height: auto;
        float: left;
        margin: 40px 0 0 0;
        justify-content: center;
    }
    .comments__item__carousel .owl-dots > .owl-dot{
        width: 15px;
        height: 15px;
        border: 1px solid #1369CF;
        margin: 0 6px;
        border-radius: 15px;
    }
    .comments__item__carousel .owl-dots > .owl-dot.active{
        background-color: #1369CF;
    }
    .security__row{
        padding: 50px 20px;
    }
    .security-title br{
        display: none;
    }
    .security__item{
        width: 100%;
    }
    .signInBanner__item-title{
        padding: 0 30px 69px;
    }
    .security__item-description{
        width: 100% !important;
    }
    .signInBanner__item-title br{
        display: none;
    }
    .footer__block{
        width: 100%;
        padding: 20px 0 0;
    }
    .footer__block-link {
        float: left;
    }
    .signUp__row {
        padding: 50px 10px 25px;
        box-sizing: border-box;
    }
    .singUpNetworks__row {
        padding: 50px 10px 40px;
        box-sizing: border-box;
    }
    .signIn__row {
        padding: 50px 10px 40px;
        box-sizing: border-box;
    }
    .forget__row {
        padding: 50px 10px 100px;
        box-sizing: border-box;
    }
    .profile-title{
        text-align: center;
        padding: 60px 0 40px;
    }
    .profile-title{
        text-align: left;
        padding: 40px 20px 36px;
        font-size: 30px;
        line-height: 35px;
        border-radius: 0;
    }
    .profile__item:nth-child(2){
        width: 100%;
        border-left: unset;
        margin: 10px 0 0 0;
        border: unset;
        border-radius: 10px;
    }
    .profile__item:nth-child(3){
        width: 100%;
        border-radius: 10px;
        padding: 40px 20px 0;
        margin: 10px 0 0 0;
        border: unset;
    }
    .profile__box {
        width: 48%;
        margin: 0 0 20px 0;
    }
    .profile__item__navigation {
        width: 100%;
        height: auto;
        margin: 40px 0;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .profile__item__navigation li{
        width: 48%;
        margin: 0;
    }
    .profile__item:nth-child(3)::after{
        display: none;
    }
    .premium__row{
        padding: 40px 10px;
    }
    .premium__item{
        width: 100%;
    }
    .plans__item{
        width: 100%;
        border: unset;
        border-radius: 30px;
    }
    .plans__item::after{
        display: none;
    }
    .plans-title{
        padding: 100px 20px 50px 20px;
    }
    .plans__item ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .plans__item ul > li {
        width: fit-content;
    }
    .resume__item{
        width: 48%;
    }
    .partnerModal {
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        overflow: scroll;
        padding: 20px 0;
        box-sizing: border-box;
        background: #f1f3f4;
    }
    .partnerModal__row {
        width: 90%;
        height: auto;
        padding: 20px 5%;
        box-sizing: border-box;
    }
    .partnerModal__item:nth-child(1){
        order: 1;
    }
    .partnerModal__item:nth-child(2){
        width: 100%;
        order: 3;
        display: contents;
    }
    .partnerModal__item:nth-child(3){
        width: 100%;
        order: 2;
        display: contents;
    }
    .partnerModal__item-title {
        font-size: 32px;
        line-height: 37px;
        order: 3;
    }
    .partnerModal__item-description {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 0 0;
        order: 4;
    }
    .partnerModal__item-logo{
        order: 1;
    }
    .partnerModal__item-poster{
        order: 2;
        margin: 17px 0 0 0;
    }
    .partnerModal__item-button{
        order: 5
    }
}
@media screen and (max-width: 600px){
    .main-title {
        font-size: 40px;
        line-height: 46px;
    }
    .main__item-description{
        font-size: 14px;
        line-height: 18px;
    }
    .main-poster {
        margin: 20px 0 0 0;
        height: 330px;
        object-fit: cover;
        object-position: left;
        border-radius: 0 0 0 130px;
    }
    .main__item-button {
        margin: 20px 0 0 0;
    }
    .footer__box{
        width: 100%;
    }
    .footer__item:nth-child(1){
        padding: 30px 0 20px;
    }
    .footer__box-logo {
        font-size: 30px;
        line-height: 40px;
    }
    .footer__box__networks{
        width: 100%;
        justify-content: space-between;
        padding: 0;
    }
    .footer__box__networks a{
        margin: 20px 0 0 0;
    }
    .footer__block-copyright, .footer__block-link{
        font-size: 14px;
        line-height: 18px;
    }
    .signInBanner__row {
        padding: 70px 10px 40px;
    }
    .signInBanner__item-title {
        font-size: 30px;
        line-height: 40px;
        padding: 0 10px 70px;
    }
    .signInBanner__item-signUp{
        width: 100%;
    }
    .security-title {
        font-size: 30px;
        line-height: 35px;
    }
    .security-description {
        font-size: 18px;
        line-height: 21px;
        margin: 10px 0 0 0;
    }
    .security__item{
        margin: 20px 0 0 0;
    }
    .security__item-description {
        font-size: 15px;
        line-height: 20px;
        padding: 0 0 0 35px;
    }
    .security__item-description::before {
        height: 23px;
        width: 20px;
    }
    .comments__item__carousel__section-description {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
    }
    .comments__item__carousel__section__auther{
        margin: 15px 0 0 0;
    }
    .comments__item__carousel__section__box:nth-child(1){
        width: 100%;
    }
    .comments__item__carousel__section__box:nth-child(2){
        width: 100%;
    }
    .comments__item__carousel__section__box-user {
        width: 100px !important;
        margin: 0 auto;
    }
    .comments__item__carousel__section__box-logo {
        width: 100px !important;
        height: 34px;
        float: unset;
        object-fit: contain;
        object-position: center;
        margin: 15px auto 0;
    }
    .comments__item__carousel__section__box-name {
        font-size: 11px;
        line-height: 14px;
        text-align: center;
    }
    .features__item:nth-child(1) {
        padding: 50px 20px 30px;
    }
    .features__item-title{
        font-size: 30px;
        line-height: 35px;
    }
    .features__item-description {
        font-size: 14px;
        line-height: 22px;
        margin: 0;
        padding: 0 0 0 55px;
        box-sizing: border-box;
    }
    .features__box{
        padding: 30px 20px;
        position: relative;
    }
    .features__box-icon {
        width: 40px;
        height: 40px;
        float: left;
        object-fit: contain;
        object-position: center;
        position: absolute;
        left: 20px;
        top: 30px;
    }
    .features__item:nth-child(1) .features__item-description{
        margin: 20px 0 0 0 !important;
        padding: 0 !important;
    }
    .signUp__item-title {
        font-size: 30px;
        line-height: 35px;
        text-align: center;
    }
    .singUpNetworks__item-title {
        font-size: 30px;
        line-height: 35px;
        text-align: left;
    }
    .singUpNetworks__item__networks a {
        font-size: 16px;
        line-height: 23px;
    }
    .signIn__item-title {
        font-size: 30px;
        line-height: 35px;
        text-align: center;
    }
    .signIn__item-link {
        font-size: 14px;
        line-height: 16px;
    }
    .forget__item-title{
        font-size: 30px;
        line-height: 35px;
        text-align: left;
    }
    .forget__item-link {
        font-size: 14px;
        line-height: 16px;
    }
    .profile__item__navigation{
        margin: 20px 0;
    }
    .profile__item__navigation li{
        margin: 20px 0;
        width: 100%;
    }
    .profile__box{
        width: 100%;
    }
    .premium__item {
        margin: 20px 0 0 0;
    }
    .premium-title {
        font-size: 30px;
        line-height: 35px;
    }
    .premium__item-poster {
        width: 100%;
        height: auto;
    }
    .premium__item-title {
        font-size: 18px;
        line-height: 21px;
        margin: 20px 0 0 0;
    }
    .premium__item-description {
        font-size: 14px;
        line-height: 21px;
        margin: 10px 0 0 0;
    }
    .plans-title {
        font-size: 30px;
        line-height: 35px;
        padding: 40px 20px;
    }
    .plans__item {
        width: 100%;
        border: unset;
        padding: 40px 20px;
        border-radius: 10px;
    }
    .plans__item-button{
        width: 100%;
        text-align: center;
    }
    .plans__item ul > li {
        font-size: 14px;
        line-height: 18px;
    }
    .plans__item:nth-child(1) {
        padding: 140px 20px 40px;
    }
    .plans-close{
        width: 20px;
        height: 20px;
    }
    .editor__controler a {
        font-size: 11px;
        line-height: initial;
    }
    .editor__controler a > img {
        width: 23px;
        height: 20px;
    }
    .editor__row{
        padding: 15px 10px;
    }
    .editor__item-cvTitle{
        margin: 0;
    }
    .editor__item-cvTitle input{
        width: 85%;
    }
    .editor__item-cvTitle::before{
        width: 85%;
    }
    .editor__item-cvTitleEdit{
        font-size: 14px;
    }
    .editor__item__selects{
        margin: 10px 0 0 0;
    }
    .editor__item__select__block-title{
        font-size: 18px;
        line-height: 35px;
    }
    .editor__item__select__block.premium::before {
        width: 30px;
        height: 30px;
    }
    .editor__item__select{
        padding: 0px 13px 13px 13px;
        margin: 0px 0 0 0;
    }
    .editor__item__select__block-edit{
        font-size: 14px;
    }
    .editor__item__select-premium {
        font-size: 18px;
        line-height: 24px;
    }
    .premiumSection::before {
        width: 65%;
        height: 15px;
        left: 0;
        top: 17px;
    }
    .editor__item__select__box__personalSection__block:nth-child(1) {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin: 0 0 20px;
    }
    .editor__item__select__box__personalSection__block:nth-child(2){
        width: 100%;
    }
    .editor__item__select__box__personal label {
        width: calc(50% - 7px);
    }
    .editor__item__select__box__work__form label{
        width: 100%;
    }
    .editor__item__select__box__work__form-duration::before{
        top: 79px;
    }
    .editor__item__select__box__education__form label{
        width: 100%;
    }
    .editor__item__select__box__education__form-duration::before{
        top: 79px;
    }
    .editor__item__select__box__awards__form label{
        width: 100%;
    }
    .editor__item__select__box__certificates__form label{
        width: 100%;
    }
    .editor__item__select__box__graphs__block:nth-child(1){
        width: 100%;
    }
    .editor__item__select__box__graphs__block:nth-child(2){
        width: 100%;
    }
    .editor__item__select__box__graphs__block-add {
        padding: 20px 0;
        height: auto;
        margin: 15px 0;
    }
    .editor__item__select__box__graphs__section-chart{
        margin: 0 auto;
    }
    .editor__item__select__box__hobbies label {
        width: 100%;
    }
    .editor__item__select__box__hobbies-add{
        padding: 20px 0;
    }
    .editor__item__select__box__publications__form label{
        width: 100%;
    }
    .editor__item__select__box__reference__form label{
        width: 100%;
    }
    .editor__item__select__box__volunteering__form label{
        width: 100%;
    }
    .editor__item__select__box__volunteering__form-duration::before{
        top: 79px;
    }
    .editor__item__select__box__media__box {
        border-bottom: 1px solid #dfdfdf;
    }
    .editor__item__select__box__media__block:nth-child(1) {
        width: 30px;
        height: auto;
        margin: 10px 0 0 0;
    }
    .editor__item__select__box__media__block:nth-child(2) {
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }
    .editor__item__select__box__media__block:nth-child(3) {
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }
    .editor__item__select__box__media__block:nth-child(4) {
        width: 100%;
        height: auto;
        margin: 15px 0 10px 0;
        display: flex;
        justify-content: center;
    }
    .editor__item__select__box__skills__form__box:nth-child(1){
        width: 100%;
    }
    .editor__item__select__box__skills__form__box:nth-child(2){
        width: 100%;
        margin: 10px 0 0 0;
    }
    .editor__item__select__box__skills__form__box:nth-child(3) {
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
        display: flex;
        justify-content: center;
    }
    .editor__item__select__box__skills__form__box-delet{
        margin: 0 5px;
    }
    .editor__item__select__box__skills__form__box-premium{
        margin: 0 5px;
    }
    .career__row {
        padding: 40px 10px 25px;
    }
    .career__item-title{
        font-size: 24px;
        line-height: normal;
    }
    .career__item-filter{
        font-size: 14px;
        line-height: normal;
        margin: 6px 0 0 0;
    }
    .career__box{
        margin: 10px 0 0 0;
    }
    .career__item:nth-child(3) {
        margin: 10px 0 0 0;
    }
    .career__item__pagination a{
        padding: 7px 10px 8px;
        font-size: 14px;
    }
    .career__item__pagination a.previous::before {
        left: 10px;
        top: 15px;
        width: 11px;
        height: 5px;
    }
    .career__item__pagination a.next::before {
        right: 10px;
        top: 15px;
        width: 11px;
        height: 5px;
    }
    .career__item__filter {
        padding: 24px 18px;
    }
    .career__item__filter {
        padding: 15px;
    }
    .career__item__filter__block-title{
        font-size: 14px;
        line-height: normal;
    }
    .career__item__filter__block label > span{
        font-size: 14px;
        line-height: normal;
    }
    .career__item__filter__block label > input{
        width: 100%;
    }
    .career__item__filter__block .checkbox {
        margin: 3px 0 0 0;
    }
    .career__item__filter__block .custom-checkbox+label{
        font-size: 14px;
    }
    .career__item__filter__block-clean{
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .career__item__filter__block-apply{
        width: 100%;
        padding: 10px 0;
        text-align: center;
        margin: 15px 0 10px;
    }
    .resume__row{
        padding: 40px 5% 0;
    }
    .resume__item{
        width: 100%;
    }
    .resume__item-poster{
        height: 350px;
    }
    .resume-title {
        font-size: 30px;
        line-height: 42px;
        text-align: left;
        padding: 40px 30% 22px 5%;
    }
    .offer__row{
        padding: 30px 5% 50px;
    }
    .offer__item__carousel .owl-dots > .owl-dot{
        margin: 0 5px;
    }
    .offer__item__block-title {
        font-size: 24px;
        line-height: normal;
    }
    .offer__item__block-price span {
        font-size: 22px;
        line-height: normal;
        margin: 0 0 0 0;
    }
    .offer__item-description {
        width: 100%;
        font-size: 18px;
        line-height: normal;
        margin: 20px 0 0 0;
    }
    .offer__item__hashteg__types {
        width: 100%;
    }
    .offer__item-description b{
        width: 100%;
        float: left;
    }
    .offer__item__hashteg__types a{
        margin: 10px 10px 0 0;
    }
    .offer__item__block-price em{
        display: none;
    }
}