/*==========  Desktop First Method  ==========*/

/*@media only screen and (min-width : 1800px) {
    .price{
        
    }
    .price__item {
        width: 24%;
    }
}*/

/* Large Devices, Wide Screens */
/*@media only screen and (max-width : 1280px) {
	.portfolio-page .container{
	    padding: 0;
	}
    .portfolio-page__item img{
        width: 310px;
        height: auto;
    }
    .section-seo4 .section-seo__text--alt{
        padding-right: 20px;
    }
    .section-seo4 .section-seo__img{
        margin-left: 0px;
    }
    .price-seo .price__item {
        width: 28.7%;
    }
}*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
   /* .main-menu__link{
        padding: 0 10px;
        font-size: 15px;
    }
    .steps-work__item{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .steps-work__item:nth-child(odd) .steps-work__arrow {
        left: 47%;
    }
    .steps-work__item:nth-child(2n) .steps-work__arrow {
        right: 47%;
    }
    .design__description{
        margin-bottom: 240px;
    }
    .section-seo4 .section-seo__text--alt{
        width: 29%;
    }
    .price-seo .price__item {
        width: 30.7%;
    }
    .work-seo__advantages-item{
        margin-bottom: 0px;
        padding: 0 25px;
        margin-right: 0;
    }
    .work-seo__advantages {
        padding: 0 50px;
        padding-top: 60px;
        width: 100%;
        background: url(img/work_seo_bg.webp) no-repeat 70% top;
    }
    .work-seo__advantages-item:nth-child(n+5) {
        float: left;
    }
    .work-seo__advantages{
        overflow: visible;
    }
    .work-seo__advantages .slick-arrow{
        margin-top: -16px !important;
    }*/
}

@media only screen and (max-width : 1100px) {
    .portfolio__text--left{
        width: 470px;
    }
    .portfolio__text--right{
        width: 490px;
    }
    .portfolio__review{
        width: 470px;
    }
    .content-portfolio .container {
        padding: 0 15px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    /*.steps-mobile__item--right .steps-mobile__right{
        width: 70%;
    }
    .steps-mobile__item--left .steps-mobile__left{
        width: 70%;
    }
    .menu-sticky__link-no-scroll{
        padding: 0 10px;
    }
    .menu-sticky__link{
        padding: 0 12px;
        font-size: 14px;
    }
    .seo-menu-sticky .menu-sticky__link{
        padding: 0 6px;
    }
    .ir-menu-sticky .menu-sticky__link, .ir-menu-sticky .menu-sticky__link-no-scroll{
        padding: 0 18px;
    }
    */
    .portfolio__item--big{
        width: auto;
        height: 366px !important;
    }
    
    .portfolio__item--middle{
        width: auto;
        height: 366px !important;
        margin-bottom: 0;
    }
    .portfolio__item--small{
        width: auto;
        height: 366px !important;
        margin-bottom: 0;
    }
    .porfolio__img{
        height: 190px;
    }
    .porfolio__img img{
        top: 50%;
    }
   /* .slick-prev{
        left: -22px !important; 
    }
    .slick-next{
        right: -20px !important;
        background: url(../css/img/slider_arrows.webp) no-repeat -60px 0 !important;
    }
    .slick-arrow{
        background-size: 90px !important;;
        top: 50% !important;;
        width: 40px !important;;
        height: 80px !important;;
        margin-top: -55px !important;;
    }
    .price__item{
        width: 49%;
        height: 630px;
        margin-bottom: 20px;
    }
    .price__item:nth-child(1), .price__item:nth-child(2){
        height: 570px;
    }
    
    .design__description:before{
        left: -60px;
        width: 600px;
        height: 400px;
    }
    .design__description{
        margin-bottom: 200px;
    }
    .feedback{
        width: 970px;
    }
    .all-site-bg{
        padding-left: 0;
    }
    .all-site{
        width: 50% !important;
    }
    .reviews-slider .slick-prev, .reviews-slider .slick-prev{
    }
    .questions__item{
        margin: 0px 15px;
        margin-bottom: 70px;
    }
    .questions__item .questions__icon{
        right: auto;
        left: 50%;
        margin-left: -35px;
        top: -45px;
    }
    .questions__list{
        width: auto;
        text-align: center
    }
    .slogan__list{
        height: auto;
    }
    .slogan__item:first-child{
        margin-bottom: 100px;
    }
    .slogan__item:last-child{
        margin-bottom: 0px;
    }
    .slogan__list::after{
        bottom: -270px; 
        top: auto !important;
    }
    .feedback-bg-mobile {
        padding-top: 90px;
    }
    .section-seo1{
        background: url(img/seo_section1.webp) 80% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);
        padding-left: 10%;
        background-repeat: no-repeat;
    }
    .section-seo4 .section-seo__text--alt{
        width: 35%;
    }
    .section-seo4 .section-seo__img{
        margin-top: 72px;
        margin-left: 0;
        width: 625px;
        margin-bottom: -152px;
    }
    .section-seo5{
        padding-top: 160px;
    }
    .section-seo5 .section-seo__text--alt:first-child{
        margin-right: 0;
    }
    .section-seo5 .section-seo__img{
        width: 600px;
    }
    .section-seo2 .section-seo__img{
        width: 700px;
        margin: 0 auto;
    }
    .price-seo .price__list{
        text-align: justify;
    }
    .price-seo .price__item{
        width:  31%;
        margin-right: 0;
        height: auto !important;
    }
    .work-seo{
        padding-top: 60px;
    }
    .we-offer__drawback-item{
        margin: 0;
    }
    .tarif-ir__item br{
        display: block;
    }
    .tarif-ir .tarif-ir__box1 {
        width: 0;
        min-width: 300px;
    }
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(1),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(3),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(5),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(6),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(9),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(11),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(14),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(15),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(16),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(17),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(18),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(19){
        padding: 22px 0;
    }
    .internet-reklama-section2 .container {
        background: url(img/we-offer-bg2.webp) no-repeat center 64%;
        background-size: 110%;
    }
    .internet-reklama__middle:first-child{
        padding-right: 20px;
    }
    .internet-reklama__middle:last-child{
        padding-left: 20px;
    }
    .internet-reklama__drawback-item:after{
        right: 100px;
    }
    .internet-reklama__drawback-item:before{
        left: 100px;
    }*/
    .portfolio__text--left{
        width: 49%
    }
    .portfolio__text--right{
        width: 49%
    }
    .portfolio__review{
        width: 100%;
    }
    .portfolio-item__bg{
        margin-top: 40px;
    }
    /*.portfolio-header{
        height: 810px;
    }*/
/*    .contact__list {
        padding: 0 50px;
    }

    .tarif-ir__item {
        height: 69px;
    }

    .tarif-ir .tarif-ir__box1 .tarif-ir__item {
        padding-left: 14px;
    }*/
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
   /* body.over{
        overflow: hidden;
    }
    .internet-reklama-section2 .container {
        background: url(img/we-offer-bg2.webp) no-repeat center 58%;
        background-size: 100%;
    }
    .internet-reklama-section2 .internet-reklama__caption-l3{
        margin-bottom: 150px;
    }
    .tarif-ir .tarif-ir__box2 {
        width: 140px;
    }
    .price__button--ir{
        width: 130px;
    }
    .tarif-ir .tarif-ir__box1 {
        width: 0;
        min-width: 260px;
    }
    .main-menu{
        display: none;
    }
    .header__nav{
        text-align: center;
        height: 60px;
    }
    .logo{
        display: inline-block;
        float: none;
    }
    .hamburglar{
        display: block;
    }
    .hi-icon{
        top: 7px;
        width: 46px;
        height: 46px;
    }*/
    .btn-portfolio {
        top: 60px;
    }
   /* .logo__text{
        line-height: 60px;
    }
    .logo__img{
        height: 60px;
        width: 30px;
        padding-top: 15px;
    }
    .direction{
        padding-top: 180px;
        padding-bottom: 120px;
    }
    .porfolio__color {
        opacity: 1;
    }
    .advantages__item{
        width: 560px;
        margin-bottom: 70px;
    }
    .advantages__item:nth-last-child(2){
        margin-bottom: 70px;
    }
    .steps-work__description{
        width: auto; 
    }
    .design__description:before {
        left: -10px;
        width: 470px;
        height: 310px;
        top: -70px;
    }
    .steps-work{
        padding-top: 40px;
        padding-bottom: 150px;
    }
    .design {
        position: relative;
        padding-top: 40px;
        padding-bottom: 150px;
    }
    .h1--m130 {
        margin-bottom: 100px;
    }
    .design__description {
        margin-bottom: 130px;
    }
    .h1--m80{
    margin-bottom: 60px;
    }
    .advantages{
        padding-top: 50px;
        padding-bottom: 150px;
    }
    .steps-work-post{
        */padding-top: 40px;
    }
    .portfolio{
        padding-top: 70px;
    }
   /* .price{
        padding: 70px 0;
    }
    .benefits{
        padding-top: 70px;
    }
    .amount-of-work{
        margin-bottom: 90px;
    }
    .section-seo4 .section-seo__text--alt{
        padding-right: 0;
        margin-top: 30px;
        float: none;
        text-align: center;
        width: 100%;
    }
    .section-seo4 .section-seo__text--alt br:nth-child(2){
        display: none;
    }
    .section-seo4 .section-seo__img{
        float: none;
        margin: 0 auto;
        margin-top: 34px;
        margin-bottom: -161px;
    }
    .price-seo{
        padding-top: 70px;
        padding-bottom: 0;
    }
    .content--seo .advantages, .internet-reklama{
        padding:70px 0;
    }
    .price__item .best_price {
        right: -40%;
        top: -3%;
    }
    .we-offer__advantages{
        text-align: center;
    }
    .we-offer{
       padding-top: 70px;
       padding-bottom: 20px;
       background-size: 100%, contain;
       background-position-y: 280px;
    }
    .we-offer__drawback{
        margin-bottom: 100px;    
    }
    .internet-reklama-section2{
        padding: 70px 0;
    }*/
    .portfolio-item__bg{
        max-width: 750px;
    }
    /*.portfolio-header {
        height: 650px;
    }*/
    .portfolio__box1.portfolio__box1-mockup {
        padding: 145px 0 50px 0;
    }
  /*  .logo-page-text.right.logo-contact {
        margin-left: 0;
    }*/

}

@media only screen and (max-width : 900px) {
   /* .contact__list {
        padding: 0 20px;
    }
    .footer-menu__link{
        font: 16px/40px 'Roboto Condensed', sans-serif;
    }
    .steps-mobile__item--right:before {
        right: auto;
    }
    .steps-mobile__content img{
        display: none;
    }
    .steps-work.steps-mobile{
        padding-bottom: 100px;
    }
    .steps-mobile__item{
        padding: 60px 0;
    }
    .steps-mobile__item--right .steps-mobile__right {
        width: 100%;
    }
    .steps-mobile__item--left .steps-mobile__left {
        width: 100%;
    }
    .steps-mobile__item:before{
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .steps-mobile__content{
        padding: 0 !important;
        text-align: center !important;
    }
    .steps-mobile__right, .steps-mobile__left{
        display: block;
        margin: 0 auto;
    }
    .steps-mobile .steps-work__list .slick-arrow{
        top: 130px !important;
    }
    .internet-reklama__drawback-item:after{
        right: 200px;
    }
    .internet-reklama__drawback-item:before{
        left: 200px;
    }
    .internet-reklama__middle:first-child{
        padding-right: 0px;
        width: 100%;
        margin-bottom: 60px;
    }
    .internet-reklama__middle:last-child{
        padding-left: 0px;
        width: 100%;
    }
    .internet-reklama-section2 .internet-reklama__caption-l3 {
        margin-bottom: 60px;
    }
    .internet-reklama-section2 .container {
        background: url(img/we-offer-bg-900px.webp) no-repeat center 85%;
        background-size: 100%;
    }
    .internet-reklama-section2 .we-offer__drawback-item:last-child {
        margin-bottom: 150px;
    }
    .slick-disabled{
        display: none !important;
    }
    .tarif-ir__box2-bg .slick-arrow{
        background-size: 50px !important;
        top: 7px !important;
        width: 31px !important;
        height: 45px !important;
        margin-top: 0 !important;
    }
    .tarif-ir__box2-bg .slick-next {
        right: -12px !important;
        background: url(../css/img/slider_arrows.webp) no-repeat -29px 0 !important;
        background-size: 50px !important;
    }
    .tarif-ir__box2-bg .slick-prev {
        left: -12px !important;
    }
    .tarif-ir__box2-bg{
        width: 320px;
    }
    .tarif-ir__box2:hover .tarif-ir-bg{
        box-shadow: none;
    }
    .steps-work{
        background: linear-gradient(to right, #427E84 0%, rgba(100,168,187,1) 50%, #427E84 100%);
    }
    .steps-work .before__con{
        background: linear-gradient(to right, #427E84 0%, rgba(100,168,187,1) 100%)
    }
    .steps-work .after__con{
        background: linear-gradient(to right, rgba(100,168,187,1) 0%, #427E84 100%);
    }
    .steps-work-post, .feedback-bg{
        background: linear-gradient(to right, #822C48 0%, rgb(175, 91, 154) 50%, #822C48 100%);
    }
    .steps-work-post .before__con{
        background: linear-gradient(to right, #822C48 0%, rgb(175, 91, 154) 100%);
    }
    .steps-work-post .after__con{
        background: linear-gradient(to right, rgb(175, 91, 154) 0%, #822C48 100%);
    }
    .steps-work__arrow{
        display: none;
    }
    .steps-work__item{
        padding-top: 420px;
        margin-top: 0;
        text-align: center !important;
    }
    .steps-work__img{
        top: 0;
        position: absolute;
        z-index: 999;
        width: 100%;
    }
    .steps-work__text{
        display: inline-block;
        text-align: center !important;
    }
    .steps-work__title{
        float: none !important;
        display: inline-block;
    }
    img.steps-work__image{
        width: 390px;
        height: auto;
    }
    .steps-work__description{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .steps-work__list .slick-prev, .steps-work__list .slick-next{
        top: 210px !important;
    }
    .design__description{
        padding-top: 190px;
        margin-bottom: 50px;
        text-align: center; 
    }
    .design__description:before {
        left: 50%;
        width: 350px;
        height: 230px;
        top: -70px;
        margin-left: -175px;
    }
    .feedback-bg{
        padding-top: 0;
    }
    .feedback{
        background: url(img/feedback_girl.webp) no-repeat 15% 100%;
        border: none;
        width: 100%;
        height: auto;
        padding-bottom: 50px;
        padding-top: 40px;
    }
    .feedback-bg-mobile .feedback{
        background: url(img/feedback_girl-ma.webp) no-repeat 15% 100%;
    }
    .feedback-bg-mobile .before__con{
        background: linear-gradient(to right, #822C48 0%, rgb(175, 91, 154) 100%);
    }
    .feedback-bg-mobile .after__con{
        background: linear-gradient(to right, rgb(175, 91, 154) 0%, #822C48 100%);
    }
    .feedback__caption{
        position: static;
        top: auto;
        left: auto;
        transform: translate(0);
        text-align: center;
        margin-bottom: 40px;
    }
    .feedback__form form{
        margin-right: 75px;
    }
    .feedback__text{
        padding: 0 15px;
        width: 100%;
    }
    .amount-of-work__text{
        font-size: 46px;
    }
    .reviews__content{
        width: 100%;
    }
    .reviews__caption{
        padding: 0 35px;
    }
    .reviews__caption br{
        display: none;
    }
    .reviews__client-name{
        padding: 0 30px;
    }
    .questions__item{
        margin-bottom: 70px !important;
    }
    .questions__item  .answer{
        left: -20px !important;
        right: auto !important;
    }
    .questions__item  .answer:after {
        left: 35px !important;
        right: auto !important;
    }
    .questions__item:nth-child(2n) .answer{
        right: -20px !important;
        left: auto !important;
    }
    .questions__item:nth-child(2n) .answer:after {
        right: 35px !important;
        left: auto !important;
    }
    .welcome{
        width: 98%;
    }
    .section-seo1 {
        background: url(img/seo_section1.webp) 85% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);
        padding-left: 7%;
        background-repeat: no-repeat;
        padding-top: 170px;
        background-size: 330px, contain;
        height: 600px;
    }
    .section-seo5 .section-seo__text--alt:first-child{
        margin-top: 0;
    }
    .section-seo5 .section-seo__text--alt br{
        display: none;
    }
    .price-seo .price__item{
        width: 50%;
    }
    .price-seo .price__list{
        text-align: center;
    }
    .price__item .best_price {
        right: -44%;
        top: -4%;
    }
    .what-work__item{
        width: 45%;
        margin: 2%;
        margin-bottom: 30px;
        min-width: 320px;
    }
    .what-work__title {
        width: 280px !important;
    }
    .results {
        margin-bottom: -250px;
    }
    .welcome.seo {
        bottom: 30px;
    }
    .work-ir__form{
        margin-bottom: 80px;
    }
    .we-offer__advantages-item{
        display: block;
        margin: 0 auto;
        width: auto;
        max-width: 500px;
        margin-bottom: 50px;
    }
    .we-offer__caption{
        margin-bottom: 70px;    
    }
    .we-offer__drawback-item{
        float: none !important;
        margin: 0 auto;
        max-width: 500px;
        width: auto;
        margin-bottom: 40px;
    }
    .we-offer__drawback-text{
        margin-left: 0;
        background-position: center !important;
        text-align: center;
    }
    .we-offer__drawback-item:last-child{
        margin-bottom: 200px;
    }
    .we-offer{
        background: url(img/we-offer-bg-900px.webp) no-repeat center 300px, linear-gradient(to right, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);
        background-position-y: 42%;  
        background-size: 920px, contain;
    }
    .menu-sticky{
        display: none;
    }
    .tarif-ir .tarif-ir__box1 {
        border-right: 1px solid #EEE;
    }*/
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
/*    .height-100 {
        height: auto;
    }
    .height-100 .footer {
        position: static;
        height: auto;
    }
    .contact__content {
        padding-top: 0;
    }
    .contact__list {
        text-align: center;
        padding: 0;
    }
    .contact__item {
        margin: 0px 20px;
        margin-bottom: 50px;
    }
    .contact__item span {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .footer-menu__list{
        text-align: center;
    }
    .footer-menu__list:after{
        display: none;
    }
    .footer-menu__item{
        width: 100%;
    }
    .md-modal{
        width: 75% !important;
    }
    .steps-mobile__item--left .steps-mobile__left {
        width: 100%;
    }
    .steps-mobile__item--right .steps-mobile__right {
        width: 100%;
    }
    .internet-reklama__drawback-item:after{
        right: 24%;
    }
    .internet-reklama__drawback-item:before{
        left: 24%;
    }
    .internet-reklama-section2 .we-offer__middle span{
        font-size: 22px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .internet-reklama-section2 .we-offer__middle{
        font: 40px 'Appetite-Rounded';
    }
    .internet-reklama-section2 .container {
        background: url(img/we-offer-bg-900px.webp) no-repeat center 87%;
        background-size: 900px;
    }
    .price__item .best_price {
        right: -44%;
        top: -3%;
    }
    .advantages__item{
        width: auto;
    }
    .price__list{
        text-align: center;
    }
    .price__item{
        display: inline-block;
        width: auto;
        max-width: 500px;
        height: auto !important;
        padding: 50px 0;
    }
    .direction__price, .direction__time{
        margin: 0 10px; 
        margin-bottom: 31px;
    }
    .direction__button-item{
        padding-left: 45px;
        margin: 0 10px;
        margin-bottom: 20px;
        width: 250px;
    }
    .feedback{
        background: none !important;
    }
    .feedback__form{
        text-align: center  !important;
        margin-right: 0  !important;
    }
    .feedback__form form{
        margin-right: 0  !important;
    }
    .all-site{
        width: 100% !important;
    }
    .amount-of-work__text{
        padding: 68px 0;
    }
    .reviews__text{
        width: 100%;
        padding: 0 30px;
    }
    .reviews{
        padding-top: 100px;
    }
    .slogan_caption br{
        display: none;
    }
    .slogan_caption{
        padding: 0 20px;
    }
    .startup__list{
        width: 95%;
    }
    .startup__item {
        width: 47%;
    }
    .startup__text br{
        display: none;
    }
    .section-seo__img {
        width: 90% !important;
    }
    .section-seo4 .section-seo__img{
        margin-bottom: -23%;
    }
    .section-seo3 .section-seo__img{
        width: 100% !important;
    }
    .section-seo5{
        padding-bottom: 50px;
        padding-top: 130px;
    }
    .section-seo1{
        padding-left: 4%;
    }
    .section-seo__search img{
        width: 39%;
    }
    .section-seo__title{
        font-size: 46px;
    }
    .price-seo .price__item{
        width: auto;
        max-width: 500px;
    }
    .work-seo__advantages {
        padding: 0 25px;
        padding-top: 60px;
        background: url(img/work_seo_bg.webp) no-repeat 57% top;
    }
    .work-seo__form {
        background: none;
        max-width: 570px;
        padding: 0 20px;
    }
    .we-offer{
        background-position-y: 44%;  
    }*/
    
    .portfolio__text--left, .portfolio__text--right{
        width: auto;
        max-width: 600px;
        margin: 0 auto;
        float: none;
        padding: 0 !important;
    }
    .portfolio__box1 .portfolio__text--right{
        position: static;
        width: auto;
        max-width: 600px;
        margin: 0 auto;
        float: none;
    }
    .portfolio__text--right img{
        margin-bottom: 0;
    }
    .portfolio__text {
        /*text-align: center;*/
    }
    .content-portfolio .container{
        height: auto !important;
    }
    .portfolio__box2{
        padding-bottom: 50px;
    }
    .portfolio__text ul{
        text-align: left;
    }
    .portfolio-item__bg {
        max-width: 600px;
    }
    .portfolio__box1.portfolio__box1-mockup {
        padding: 90px 0 50px 0;
    }
   /* .portfolio-header {
        height: 540px;
    }*/
    .portfolio__text-top br{
        display: block;
    }
    .portfolio-item__company-name, .portfolio-item__link{
        margin-bottom: 30px;
    }
    .portfolio__text-top{
        text-align: center;
    }
/*    .logo-page-text.left, .logo-page-text.right {
        float: none;
        padding: 0;
        max-width: 100%;
    }
    .logo-page-text.right {
        margin-top: 5px;
    }
    .logo-page-text.right.logo-contact {
        max-width: 100%;
    }*/
}

@media only screen and (max-width : 680px) {
    
  /*  .tarif-ir {
        display: flex;
        overflow-x: scroll;
    }

    .tarif-ir .tarif-ir__box1 {
        position: absolute;
        left: 0;
        z-index: 1111;
        background-color: #fff;
        padding-bottom: 55px;
    }

    .tarif-ir {
        padding-left: 259px;
    }*/
}
@media only screen and (max-width : 640px) {
    /*.questions__item .answer, .questions__item:nth-child(2n) .answer{
        left: -214px !important;
        right: auto !important;
    }
    .questions__item  .answer:after, .questions__item:nth-child(2n) .answer:after {
        left: 50% !important;
        margin-left: -23px !important;
    }
    .section-seo4 .section-seo__img {
        margin-bottom: -150px;
    }
    .section-seo1 {
        padding-top: 130px;
        background-size: 250px, contain;
        height: 480px;
    }
    .section-seo__img {
        width: 100% !important;
    }
    .section-seo__text br{
        display: none;
    }
    .section-seo1 .section-seo__text br{
        display: block;
    }
    .internet-reklama-text-bottom-l2{
       font: 28px 'Appetite-Rounded'; 
    }
    .internet-reklama-text-bottom {
        font: 30px 'Appetite-Rounded';
    }
    .contact__item {
        margin: 0px 40px;
        margin-bottom: 50px;
    }*/
}

@media only screen and (max-width : 600px) {
   /* .contact__content-list {
        padding: 35px 0;
    }
    .contact__item:last-child {
        margin-bottom: 0px;
    }*/
    /*.portfolio-header {
        height: 525px;
    }
    .portfolio__text-top:after{
        display: none;
    }*/
    /*.md-modal{
        height: 520px;
    }
    .md-request-order {
        height: 566px;
    }
    .md-request-order-ma {
        height: 600px;
    }
    .md-modal .feedback__input-placeholder{
        display: none !important;
    }
    .md-content textarea{
        height: 135px;
    }
    .steps-mobile__content{
        width: 90%;
    }
    .tarif-ir__box2-bg {
        width: 200px;
    }
    .direction{
        padding-top: 160px;
        padding-bottom: 100px;
    }
    .h1 br{
        display: none;
    }
    .design__description p{
        width: auto;
    }
    .slogan__title{
        width: 101.7%;
    }
    .slogan__item{
        margin-left: 0;
        margin-right: 0;
        width: 98%;
    }
    .footer__order{
        display: none;
    }
    .startup__item {
        width: 100%;
    }
    .section-seo1 {
        padding-left: 0%;
    }
    .section-seo1 {
        background: url(img/seo_section1.webp) no-repeat 95% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);
        background-size: 250px, contain;
    }
    .section-seo4 .section-seo__img {
        margin-bottom: -25.7%;
    }
    .section-seo__title{
        font-size: 36px;
    }
    .h1, .h1-alt, .work-seo__form-title2, .we-offer__caption,  .we-offer__middle, .advantages__caption, .internet-reklama__caption, .internet-reklama-section2 .we-offer__middle {
        font: 36px 'Appetite-Rounded';
        line-height: 40px;
    }
    .advantages__title, .internet-reklama__caption-l3{
        font: 28px 'Appetite-Rounded';
    }
    .we-offer__caption{
        font: 31px 'Appetite-Rounded';
    }
    .work-seo__advantages {
        background: url(img/work_seo_bg.webp) no-repeat 54% top;
    }
    .work-seo__advantages-item {
        padding: 0 10px;
    }
    .we-offer {
        background-position-y: 41%;
    }*/
    /*.footer-portfolio .footer__phone, .footer-portfolio .copyright a{
        line-height: 80px;
    }*/
}

@media only screen and (max-width : 550px) {
    /*.portfolio-header {
        height: 485px;
    }*/
}

@media only screen and (max-width : 500px) {
   /* .portfolio-header {
        height: 447px;
    }*/
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
   /* .tarif-ir {
        padding-left: 220px;
    }
    .logo-page-text-bg {
        width: 90%;
    }
    .portfolio-page__title {
        font: 36px  'Appetite-Rounded';
        margin-bottom: 40px;
    }
    .contact .maps {
        height: 460px;
    }
    .contact__caption {
        font: 34px 'Appetite-Rounded';
    }
    .contact__content:before {
        bottom: -87px;
    }
    .contact__content-list {
        font-size: 18px;
        padding: 0;
    }
    .contact__item {
        margin: 0px 10px;
        margin-bottom: 50px;
    }
    .contact__description {
        margin-bottom: 45px;
        font: 28px 'Appetite-Rounded';
    }
    .contact__text span {
        font-size: 25px;
    }
    .contact__list {
        padding: 0 0px;
        margin-top: 50px;
        text-align: justify;
    }
    .contact__text {
        color: #343434;
        font-size: 18px;
        font-weight: 500;
    }
    .md-modal {
        width: 95% !important;
    }
    .md-request-order {
        height: 566px;
    }
    .md-content{
        padding: 20px !important;
    }
    .steps-mobile .h1--m80 {
        margin-bottom: 30px;
    }
    .steps-mobile__title{
        font: 28px 'Appetite-Rounded';
    }
    .internet-reklama__drawback-item{
        margin-bottom: 40px;
    }
    .internet-reklama__description-item:nth-child(2), .internet-reklama__description-item:nth-child(3){
        float: none;
        width: 80%;
        display: inline-block;
    }
    .internet-reklama__description-item:nth-child(2){
        margin-bottom: 40px;        
    }
    .internet-reklama__drawback-item:before, .internet-reklama__drawback-item:after{
        display: none;
    }
    .tarif-ir__box1 > .tarif-ir__item:first-child, .tarif-ir__box2 > .tarif-ir__item:first-child{
        font-size: 14px;
    }
    .price__button--ir {
        width: 124px;
    }
    .internet-reklama-section2 .internet-reklama__caption-l3 {
        margin-bottom: 50px;
        font: 24px 'Appetite-Rounded';
    }
    .internet-reklama-section2 .container {
        background: url(img/we-offer-bg-900px.webp) no-repeat center 79%;
        background-size: 800px;
    }
    .tarif-ir .tarif-ir__box1{
        width: 0;
        min-width: 220px;
    }
    .tarif-ir__box2-bg{
        width: 180px;
    }
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(5){
        padding: 34px 0;
    }
    .tarif-ir .tarif-ir__box1 .tarif-ir__item{
        padding-left: 20px;
    }
    .price__item .best_price {
        right: -44%;
        top: -4%;
    }
    .steps-work{
        background: linear-gradient(to right, #427E84 0%, #609FB1 50%, #427E84 100%);
    }
    .steps-work .before__con{
        background: linear-gradient(to right, #427E84 0%, #609FB1 100%)
    }
    .steps-work .after__con{
        background: linear-gradient(to right, #609FB1 0%, #427E84 100%);
    }
    .steps-work-post, .feedback-bg{
        background: linear-gradient(to right, #822C48 0%, #9E578C 50%, #822C48 100%);
    }
    .steps-work-post .before__con{
        background: linear-gradient(to right, #822C48 0%, #9E578C 100%);
    }
    .steps-work-post .after__con{
        background: linear-gradient(to right, #9E578C 0%, #822C48 100%);
    }
    .logo__text{
        font-size: 18px;
    }
    .direction__price, .direction__time{
        margin-left: 15px;
        margin-right: 15px;
    }
    .direction__button-item{
        margin-left: 0px;
        margin-right: 0px;
    }
    .direction__caption{
        font-size: 40px;
    }
    .direction__phone{
        font-size: 36px;
        margin-bottom: 50px;
    }
    .direction{
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .direction__description{
        font-size: 25px;
    }
    .header{
        background: url(img/header_site_ir.webp) no-repeat center 90px, linear-gradient(to right, #85B323 0%, #B8CA29 50%, #85B323 100%);
    }
    .header--ma{
        background: url(img/header_bg_ma.webp) no-repeat center 90px, linear-gradient(to right, #A91AAD 0%, #C63BCA 50%, #A91AAD 100%);
    }
    .header--ir{
        background: url(img/header_bg_ir.webp) no-repeat center 90px, linear-gradient(to right, #f4ac21 0%, #ffc001 50%, #f4ac21 100%);
    }
    .advantages__item{
        text-align: center;
        min-width: auto;
    }
    .advantages__img{
        display: inline-block;
        float: none;
        margin-bottom: 20px;
    }
    .advantages__title, .advantages__text{
        margin-left: 0;
    }
    img.steps-work__image{
        width: 350px;
    }
    .steps-work__item{
        padding-top: 370px;
    }
    .steps-work__icon{
        display: none;
    }
    .steps-work__title span{
        margin: 0 !important;
    }
    .steps-work__title span br{
        display: none;
    }
    .design__text{
        font-size: 26px;
    }
    .steps-work-post{
        padding-top: 20px;
    }
    .steps-work__list .slick-prev, .steps-work__list .slick-next {
        top: 190px !important;
    }*/
    .portfolio__description{
        font-size: 20px;
    }
    /*.steps-work, .design, .advantages, .steps-work-post{
        padding-top: 10px;
    }
    .feedback__form form{
        width: 90%;
    }
    .feedback__caption{
        font-size: 36px;
    }
    .feedback__text{
        font-size: 18px;
    }
    .feedback-bg-mobile .before__con{
        background: linear-gradient(to right, #822C48 0%, #9E578C 100%);
    }
    .feedback-bg-mobile .after__con{
        background: linear-gradient(to right, #9E578C 0%, #822C48 100%);
    }
    .all-site__title{
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .all-site{
        font-size: 20px;
        background-position: left 6px;
    }
    .amount-of-work__text{
        font-size: 40px;
        padding: 74px 0;
    }
    .reviews__caption{
        font-size: 26px;
    }
    .reviews .container-alt{
        padding: 0 5px;
    }
    .reviews__caption, .reviews__text, .reviews__client-name{
        padding: 0 20px;
    }
    .reviews {
        padding-top: 60px;
    }
    .answer{
        width: 420px;
        font-size: 16px;
    }
    .questions__item .answer, .questions__item:nth-child(2n) .answer {
        left: -171px !important;
        right: auto !important;
    }
    .questions__list{
        padding-top: 80px;
    }
    .slogan__title{
        background: url(img/slogan_bg_480.webp) no-repeat 0px 100%;
        background-size: contain;
        width: 102%;
        font: 30px 'Appetite-Rounded';
        height: 55px;
        line-height: 55px;
    }
    .slogan_caption{
        font-size: 30px;
        margin-bottom: 100px;
    }
    .welcome__title{
        font-size: 36px;
    }
    .welcome__address{
        font-size: 18px;
        padding: 0 10px;
    }
    .footer{
        padding: 20px 0;
        padding-top: 0;
        height: auto;
        text-align: center;
    }
    .copyright{
        float: none;
    }
    .copyright a{
        display: inline-block;
        line-height: 20px;
        margin-top: 20px;
    }
    .footer__phone{
        line-height: 20px;
        float: none;
        margin-top: 20px;
    }
    .content--mobile-application .advantages{
        padding-top: 50px;
    }
    .startup__text{
        width: 100%;
    }
    .section-seo1 {
        height: auto;
        padding-bottom: 290px;
        padding-top: 50px;
        background: url(img/seo_section1.webp) no-repeat 50% 95%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);
        background-size: 200px, contain;
        text-align: center;
    }
    .section-seo5{
        padding-top: 100px;
    }
    .section-seo__title br{
        display: none;
    }
    .work-seo__advantages-item {
        padding: 0 0px;
    }
    .work-seo__form-item{
        width: 100% !important;
        float: none !important;
    }
    .feedback__form-seo .feedback__input-placeholder{
        display: none;
    }
    .section-seo__text--alt, .section-seo__text{
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .section-seo5 .section-seo__text {
        margin-bottom: 30px;
    }
    .section-seo5__middle {
        margin-top: 30px;
    }
    .section-seo2{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .section-seo3{
        padding: 50px 0 !important;
    }
    .section-seo4{
        padding-top: 50px;  
    }
    .content--seo .advantages{
        padding: 50px 0 !important;
    }
    .price{
        padding: 50px 0 !important;
        padding-bottom: 0 !important;
    }
    .work-seo__form-bg, .what-work {
        padding: 50px 0;
    }
    .what-work__item{
        width: 90%;
        margin: 0;
        margin-bottom: 30px;
        min-width: 0px;
    }
    .what-work__item:last-child{
        margin-bottom: 0;
    }
    .results{
        padding-top: 50px;
    }
    .we-offer{
       padding-top: 50px;
       padding-bottom: 0px;
        background-position-y: 42%;
    }
    .questions__item{
        margin: 0 !important;
        margin-bottom: 70px !important;  
    }
    .we-offer__drawback-text {
        max-width: 350px;
        width: auto;
    }
    .maps {
        height: 550px;
    }
    .internet-reklama, .internet-reklama-section2, .internet-reklama-tarifs{
        padding: 50px 0;
    }*/
    .portfolio, .benefits{
        padding-top: 50px;
    }
   /* .internet-reklama-tarifs .advantages__caption {
        padding: 0 15px;
    }
    .header--seo {
        background: url(img/header_bg_seo.webp) center 90px, linear-gradient(to right, #F38518 0%, #f9a727 50%, #F38518 100%);
        background-repeat: no-repeat;
    }*/
    .footer-portfolio .footer__phone, .footer-portfolio .copyright a{
        line-height: 20px;
    }
    .portfolio-item__bg {
        margin-top: 25px;
    }
    .portfolio__box1.portfolio__box1-mockup {
        padding: 70px 0 50px 0;
    }
   /* .portfolio-header {
        height: 433px;
    }*/
    .portfolio-links {
        /*width: 90%;
        left: 5%;*/
    }
    .portfolio-prev, .portfolio-next{
        display: none;
        width: 60px;
        height: 60px;
    }
    .portfolio-prev{
        left: 10px;
        background-position-x: 10px;
    }
    .portfolio-next{
        right: 10px;
        background-position-x: 17px;
    }
    /*.steps-mobile__item:before {
        font: 250px 'PFDin';
    }
    .feedback .g-recaptcha-error,
    .work-seo__form .g-recaptcha-error {
        position: static;
        display: block;
        margin-top: 8px;
    }*/
}

@media only screen and (max-width : 1600px) {
    /*.portfolio-header {
        height: 412px;
    }*/
    /*h1.logo__title {
        font: 27px 'Appetite-Rounded';
    }*/
    .portfolio__text p, .portfolio__text ul, .portfolio__text ol {
        font-size: 19px;
    }
}

@media only screen and (max-width : 420px) {
    /*.tarif-ir {
        padding-left: 210px;
    }

    .internet-reklama__caption-l2{
        margin-bottom: 50px;
    }
    .tarif-ir .tarif-ir__box1{
        width: 0;
        min-width: 210px;
    }
    .tarif-ir__box2-bg{
        width: 150px;
    }
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(5),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(9),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-last-child(1){
        padding: 34px 0;
    }
    .internet-reklama__drawback-text{
        width: auto;
        line-height: 24px;
        font-size: 16px;
    }
    .md-request-order-ma {
        height: 612px;
    }*/
    .portfolio__box1.portfolio__box1-mockup{
        padding: 70px 0 30px 0;
    }
    .portfolio__box1{
        padding: 50px 0 40px 0;
    }
    .portfolio__box2{
        padding: 40px 0;
    }
    .portfolio__box3{
        padding-top: 40px;
    }
    .direction__description {
        /*font-size: 25px;*/
    }
   /* .portfolio-header {
        height: 385px;
    }*/
    .portfolio-item__company-name, .portfolio-item__link, .portfolio-item__date {
        margin: 0 20px;
        margin-bottom: 30px;
    }
    .portfolio-item__date {
        margin-bottom: 0;
    }
}

@media only screen and (max-width : 400px) {
   /* .portfolio-header {
        height: 365px;
    }*/
    /*.contact__item span {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact__item a {
        font-size: 18px;
    }
    .contact__item {
        margin: 0;
        margin-bottom: 50px;
    }*/
}

@media only screen and (max-width : 380px) {
    /*.tarif-ir__item {
        height: 90px;
    }
    .tarif-ir {
        padding-left: 180px;
    }
    .contact__caption {
        font: 28px 'Appetite-Rounded';
    }
    .contact__description {
        font: 24px 'Appetite-Rounded';
    }
    .contact__text {
        font-size: 17px;
    }
    .contact__content-list {
        font-size: 16px;
    }
    .contact__content .container {
        padding: 0 10px;
    }*/
    .portfolio-item__company-name, .portfolio-item__link, .portfolio-item__date {
        margin: 0px;
        margin-bottom: 30px;
    }
    .portfolio-item__date {
        margin-bottom: 0;
    }
    /*.tarif-ir .tarif-ir__box1{
        width: 0;
        min-width: 180px;
    }
    .tarif-ir__box2-bg{
        width: 130px;
    }
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(1),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(5),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-last-child(9),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(11),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(16),
    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(17){
        padding: 34px 0;
    }
    
    .price__item .best_price {
        right: -41%;
        top: -4%;
        padding-top: 49px;
    }
    .hi-icon-wrap{
        display: none;
    }
    .logo{
        margin-left: 10px;
    }
    img.steps-work__image{
        width: 270px;
    }
    .steps-work__item{
        padding-top: 290px;
    }    
    .steps-work__title span{
        font-size: 28px;
    }
    .steps-work__title{
        margin-bottom: 15px;
    }
    .steps-work__description{
        font-size: 16px;
        line-height: 23px;
    }
    .steps-work__description p.bold{
        font-size: 20px;
    }
    .steps-work__list .slick-prev, .steps-work__list .slick-next {
        top: 150px !important;
    }
    .design__text{
        font-size: 24px;
    }
    .design__description{
        padding-top: 170px;
    }
    .design__description:before{
        width: 310px;
        height: 215px;
        top: -70px;
        margin-left: -155px;
    }
    .amount-of-work__text {
        font-size: 30px;
        padding: 45px 0;
    }
    .amount-of-work{
        background-size: 1300px;
    }
    .answer {
        width: 340px;
    }
    .questions__item .answer, .questions__item:nth-child(2n) .answer {
        left: -132px !important;
        right: auto !important;
    }
    .questions__list{
        padding-top: 60px;
    }
    .slogan__title{
        background: url(img/slogan_bg_380.webp) no-repeat 0px 100%;
        background-size: contain;
    }
    .slogan__title {
        width: 102.6%;
    }
    .slogan__item{
        padding: 40px 25px 40px 45px;
    }
    .work-seo__advantages {
        background: url(img/work_seo_bg.webp) no-repeat 53% top;
    }
    .work-seo__form-title2{
        font: 26px 'Appetite-Rounded';
        margin-top: 50px;
    }
    .work-seo__form .feedback__button{
        width: 100%;
    }
    .section-seo4 .section-seo__img {
        margin-bottom: -26.6%;
    }
    .work-ir__form {
        margin-bottom: 110px;
    }
    .we-offer {
        background-position: center 44%;
    }*/
    .portfolio__text .title{
        font: 20px 'Appetite-Rounded';
    }
   /* .portfolio-header {
        height: 350px;
    }*/
    .logo-page-text.right.logo-contact {
        padding: 30px 20px;
    }
}

@media only screen and (max-width : 425px) {
    .direction__caption {
        font-size: 32px;
        margin-bottom: 0 !important;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
   /* .slogan__title{
        background: url(img/slogan_bg_360.webp) no-repeat 0px 100%;
        background-size: contain;
    }
    .welcome__title {
        font-size: 30px;
    }
    .welcome{
        padding-top: 83px;
        height: 260px;
    }
    .welcome.seo {
        padding-top: 60px;
    }*/
    /*.portfolio-header {
        height: 335px;
    }*/
  /*  .contact__list {
        padding: 0 10px;
        margin-top: 50px;
    }*/
}

@media only screen and (max-width : 340px) { 
   /* .portfolio-header {
        height: 320px;
    }*/
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    /*.portfolio-header {
        height: 305px;
    }*/
    .answer {
        width: 310px !important;
    }
    .questions__item .answer, .questions__item:nth-child(2n) .answer {
        left: -120px !important;
        right: auto !important;
    }
    .slogan__title{
        background: url(img/slogan_bg_320.webp) no-repeat 0px 100%;
        background-size: contain;
    }
    .slogan__title {
        width: 103.4%;
    }
    .we-offer {
        background-position-y: 46%;
    }
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1025px) {
    .portfolio__item--big{
        width: 241px !important;
        height: 366px !important;
    }
    
    .portfolio__item--middle{
        width: 226px !important;
        height: 334px !important;
        margin-bottom: 12px;
    }
    
    .portfolio__item--small{
        width: 214px !important;
        height: 299px !important;
        margin-bottom: 24px;
    }
    .portfolio__item--middle .porfolio__img{
        height: 190px;
        margin-bottom: 11px;
    }
    
    .portfolio__item--middle .portfolio__title{
        margin-bottom: 16px;
    }
    
    .portfolio__item--middle .portfolio__img--two{
        margin-bottom: 10px;
        height: 190px;
    }
    
    .portfolio__item--big .portfolio__title{
        margin-bottom: 17px;
    }
    
    .portfolio__item--big .porfolio__img{
        margin-bottom: 10px;
        height: 220px;
    }
    .portfolio__item--middle .portfolio__link {
        padding-top: 41px;
    }

    .portfolio__item--big .portfolio__link {
        padding-top: 39px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1280px) {
	/*.advantages__title{
	    white-space: nowrap;
	}*/
}


@media only screen and (max-height : 740px) {
    /*.md-request-order-tarif{
        height:95%;
    }*/
}

@media only screen and (max-height : 680px) {
   /* .md-modal{
        height:95%;
    }*/

}