.mob_menu{display:none}

@media screen and (max-width: 2100px) {
    .popup_one{
        max-width: 50%;
    }
}

@media screen and (max-width: 1900px) {
    .main_menu_r_out{right:0}
    .main_menu_r{transform-origin:left top}
    .main_menu_l_out{left:0}
    .main_menu_l{left:0}
    .order_project{right:0}
    .popup_one{
        max-width: 70%;
    }
}
@media screen and (max-width: 1800px) {
    .mp_reviews_images .items{width:100%;margin-left:0}
    .mp_videos .items{width:100%;margin-left:0}
}
@media screen and (max-width: 1700px) {
    .creative_icon_01::before{width:300px;height:200px;top:-50px;right:-150px;background-size:contain}
    .creative_icon_01::after{width:250px;height:150px;bottom:-230px;left:-100px;background-size:contain}
}
@media screen and (max-width: 1600px) {
    .portfolio_item{flex-wrap:wrap}
    .portfolio_item .rewiev{width:100%}
    .portfolio_item2 .texts{width:75%}
    .portfolio_item .rewiev .rew_in{display:flex;justify-content:space-between}
    .portfolio_item .rewiev .rew_in .rew_img{order:-5}
    .portfolio_item .rewiev .rew_in .rew_img img{margin-top:0;margin-left:0}
    .creative_icon_01::before{right:0}
    .creative_icon_01::after{left:0}
    .creative_slill_thinking{min-width:120%;padding-top:55px;margin-left:-10%;padding-left:10%;padding-right:-10%;margin-bottom:30px;margin-top:20px}
    .portfolio_item .rewiev .item_price {
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }
}
@media screen and (max-width: 1500px) {
    .web_s_p_1_4::after{display:none}
    .web_s_p_1_2::after{display:none}
    .popup_one{
        max-width: 80%;
    }
}
@media screen and (max-width: 1450px) {
    .flying_slogan,.flying_slogan_arrow,.main_menu_r_out,.main_menu_r,.main_menu_l_out,.main_menu_l{display:none}
    #burgerr{display:block;position:fixed;top:5px;left:5px;width:var(--main-wh);height:var(--main-wh);background-image:url(../images/burgerr.svg);background-position:center;background-repeat:no-repeat;z-index:100000}
    .mob_menu{display:none;background-color:rgba(255,255,255,0.4);padding:30px;padding-top:100px;padding-bottom:80px;position:fixed;top:0;left:0;width:100%;z-index:50;background-image:url(../images/arrow11.png);background-position:bottom 30px left 30px;background-repeat:no-repeat}
    .mob_menu ul.menu{margin:0;padding:0;display:block}
    .mob_menu ul.menu li{margin:0;padding:0;display:block;margin-bottom:10px}
    .mob_menu ul.menu > li > a{text-transform:uppercase;color:var(--main-white);text-decoration:none}
    .mob_menu ul.menu li ul{margin:0;padding:0;display:block;margin-left:20px;padding-top:10px;padding-bottom:1px}
    .mob_menu ul.menu li ul li a{font-size:87.5%;color:var(--main-white);text-decoration:none}
    .mob_menu ul.menu > li > a:hover,.mob_menu ul.menu li ul li a:hover,.mob_menu ul.menu > li.active > a,.mob_menu ul.menu li ul li.active a{color:var(--main-black)}
}
@media screen and (max-width: 1400px) {
    .team .links .all{height:66px;margin-left:0}
    .team .links .contacts::before{display:none}
    .creative_slill_thinking{min-width:100%;padding-top:55px;margin-left:0;padding-left:0;padding-right:0;margin-bottom:30px;margin-top:20px;padding-left:10%;padding-right:10%}
}
@media screen and (max-width: 1300px) {
    .blanks{display:none;width:0;max-width:0}
    .servises_cat .tabs .tabtext .services_mod{margin-bottom:20px;margin-bottom:20px;margin-top:20px}
    .servises_cat .tabs .tabtext .services_mod h3{margin-bottom:30px;margin-top:50px}
    .servises_cat .tabs .tabtext .services_mod h4{width:100%;font-size:100%}
    .servises_cat .tabs .tabtext .services_mod p{padding:0;margin:0 auto;width:100%;margin-bottom:10px;text-transform:inherit;font-size:100%}
    .products .subcats a[href="#next"],.products .subcats a[href="#prev"]{display:none}
    .dev_p_1_4::after{display:none}
    .dev_p_1_2::after{display:none}
}
@media screen and (max-width: 1200px) {
    .work_with{padding-left:0}
    .popup_one{
        max-width: 100%;
    }
}
@media screen and (max-width: 1100px) {
    .slogan_in .squares{display:none}
    .slogan_in .slogan__div{padding-left:30px;padding-right:30px;padding-bottom:30px;box-sizing:border-box;width:100%;background:linear-gradient(180deg,#DF0000 0%,#AD0000 100%,rgba(223,0,0,0) 100%,#DF0000 100%)!important}
    .slogan_bg{display:none}
    .slogan_in{height:auto;flex-wrap:wrap}
    .slogan_in .mod-languages{height:auto;margin-left:inherit;order:-5;display:flex;justify-content:flex-end;width:100%;margin-bottom:10px}
    .slogan_in .mod-languages ul{width:auto;flex-wrap:nowrap}
    .slogan_in .mod-languages ul li{margin-left:10px;margin-bottom:10px;width:66px;justify-content:stretch}
    .slogan_in .mod-languages ul li a{width:100%}
    .mp_mod_portfolio .items .item{margin:5px}
    .mp_our_services_list p{width:47%}
    .mp_videos h3::before{width:40%}
    .ans_your_quest{min-height:66px;padding-left:20px;background-image:none;padding-right:20px;width:100%;margin-left:0}
    .footer_out{flex-wrap:wrap;justify-content:center}
    .footer_menus{width:100%;order:-5}
    .team .items .item{width:45%;margin-bottom:30px}
    .servises_cat .tabs ul.tabsu{justify-content:center}
    .servises_cat .tabs ul.tabsu li{margin:10px}
    .products .items{justify-content:center}
    .products .items .item{margin:10px}
    .are_you_still_thinking .order_btn2{position:inherit;right:inherit;bottom:inherit;margin-top:30px}
    .are_you_still_thinking > p{width:100%;font-size:120%}
    .are_you_still_thinking h3{width:100%}
    .portfolio .items .item .texts .item_cat{display:none}
    .creative_slill_thinking h3{font-size:400%}
    .creative_slill_thinking h4{font-size:200%}
    .web_s_p_1_2 .red_btn{padding:15px;width:auto;margin:0 auto;height:auto}
    .talktowebdis{margin-top:20px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}
    .talktowebdis .cantt{width:100%;margin-top:30px;display:flex;justify-content:center}
    .portfolio_item .texts{width:auto}
}
@media screen and (max-width: 900px) {
    .header{justify-content:center}
    #logo{margin-bottom:20px}
    .header .top_menu{margin-bottom:20px;width:100%}
    .mp_mod_portfolio{width:100%}
    .mp_mod_our_clients{width:100%}
    .mp_mod_our_clients .clients{margin-top:25px;overflow:inherit;display:flex;flex-wrap:wrap}
    .mp_mod_our_clients .clients .title{width:350px;height:65px;font-size:180%}
    .mp_mod_our_clients .clients .items{position:inherit;width:100%;padding:10px;left:inherit}
    .mp_mod_our_clients .clients .items .goback{display:none}
    .mp_mod_our_clients .reviews{margin-top:20px}
    .mp_mod_our_clients .reviews .title{height:66px}
    .main h3{font-size:180%}
    .mp_our_services_list h3::after{width:40%}
    .mp_mod_our_clients .clients .title::after{display:none}
    .our_work_with_you_about p img{float:none!important;margin:0 auto!important;display:block!important}
    .prod_after_content_table tr td{font-size:100%}
    .creative_icon{width:300px;height:300px;padding:30px;margin-right:20px;margin-bottom:30px}
    .def_content p span{font-size:100%!important}
    .creative_djobs{background-position:top center;width:100%;box-sizing:border-box;margin-left:0;padding-left:10%;margin-bottom:30px;margin-top:30px;position:relative;padding-right:10px;padding-top:300px}


}
@media screen and (max-width: 800px) {
    .slogan_in .custom h2{font-size:200%;line-height:inherit}
    .mp_our_services_list p{width:100%;padding:0;margin-left:0;margin-right:0}
    .mp_our_services_list p:nth-child(2n) a{color:var(--main-red)}
    .mp_our_services_list{margin-bottom:20px;margin-top:20px}
    .mp_reviews_images .title a[href="#prew"],.mp_reviews_images .title a[href="#next"]{display:none}
    .mp_videos .items .item a div{width:inherit;height:inherit;font-size:100%;padding:10px;right:0;top:inherit;left:inherit;bottom:0;background-image:none}
    .ans_your_quest p{height:auto;padding:15px}
    .ans_your_quest p a{display:block;padding:0;margin:0;margin-top:20px}
    .main{margin-bottom:30px}
    .mp_videos{margin-bottom:20px}
    .mp_videos .title{margin-top:20px}
    .footer_menus{justify-content:center;flex-wrap:wrap}
    .footer_center{width:100%;margin-bottom:30px}
    .def_content .item_im{float:none;margin:0 auto;width:auto;height:50%}
    .team .items .item{width:95%}
    .team .items .item:nth-child(2){margin-left:0;margin-top:0}
    .team .items .item:nth-child(3){margin-left:0;margin-top:0}
    .team{margin-top:20px;margin-bottom:20px}
    .team .items .item:nth-child(2n){margin-top:0}
    .team .items .item_last{width:100%;height:auto;min-height:70px;margin-bottom:20px}
    .team .items .item .team_order{width:100%;height:auto;padding:15px;text-align:center}
    .product_item .pre{flex-wrap:wrap;justify-content:center}
    .product_item .pre .text{width:100%}
    .product_item .descr{margin:0;padding:0;margin-bottom:20px;font-size:100%}
    .portfolio .subcats .subcats_show{display:none}
    .portfolio .subcats .in{justify-content:center;height:auto}
    .portfolio .items .item{flex-wrap:wrap;margin-bottom:30px;justify-content:center}
    .portfolio .items .item .image{width:300px;height:300px;margin-bottom:20px}
    .portfolio .items .item .texts{width:100%;margin-bottom:20px}
    .portfolio .items .item:nth-child(2n) .image{order:inherit}
    .portfolio_item .texts,.portfolio_item .gallery{width:100%}
    .portfolio_item .gallery .portfolio_gal1_out a.pf_gal1_prew{display:none!important}
    .portfolio_item .gallery .portfolio_gal2_out a.pf_gal2_prew{display:none}
    .portfolio_item .rewiev{margin-top:50px}
    .portfolio_item .gallery .portfolio_gal1_out{overflow:hidden}
    .mod_creative .items .item .img{min-width:250px;margin-right:20px;display:block}
    .web_s_p_1{width:100%;display:block;margin:10px;padding:10px}
    .web_s_p_1::before{display:none}
    .web_s_p_1::after{display:none}
    .mp_our_services_list h3::after{display:none}
    .work_with p{width:50%}
    .dev_p_1{width:100%;display:block;margin:5px;padding:5px}
    .dev_p_1::before{display:none}
    .dev_p_1::after{display:none}
    .dev_p_1_1{background-image:none}
    .dev_p_1_7 .red_btn{width:auto;padding:15px;height:auto;font-size:100%}
    .buyashop_item{flex-wrap:wrap}
    .buyashop_item .before,.buyashop_item .after{width:100%;margin-bottom:30px}
    .contacts_slider_tabs .text{flex-wrap:wrap}
    .contacts_slider_tabs .text .intro{width:100%}
    .contacts_slider_tabs .text .media{border:none;width:100%}
    .cat_contacts .form_out{padding:20px;padding-top:50px}
    .cat_contacts .form_out p{font-size:100%;line-height:inherit}
    .cat_contacts .form_out h3{font-size:200%}
    .portfolio_item2 .gallery {
        margin: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 700px) {
    .header .top_menu ul.menu li a._show_news{display:none}
    .proud_about p{width:100%}
    .proud_about p:nth-child(2n) a{color:var(--main-red)}
    .creative_icon_01::before{display:none}
    .creative_icon_01::after{display:none}
    .creative_icon_01{padding-right:0}
    .creative_icon_02{padding-left:0}
    .creative_icon{float:none;clear:both;margin:0 auto;margin-top:20px;margin-bottom:20px}
    .subcat_desc table tr{display:flex;flex-direction:column}
    .subcat_desc table tr td{width:100%!important}



    .popup_one h3{

        font-size: 120%;
        margin: 0;
        margin-bottom: 20px;
        text-align: center;
        justify-content: center;

    }

    .popup_one ul{

        margin: 0;
        padding: 0;

    }

    .popup_one .slick-slide li{
        padding-left: 0px;
        padding-right: 0px;
        font-size: 110%;
    }

    .popup_one .swiss{
        font-weight: normal;
        font-size: 110.50%;
    }


    .popup_one h5{
        font-size: 125.00%;
        margin: 0;
    }

    .popup_one .popup_one_btns{
        flex-wrap: wrap;
        justify-content: center;
    }

    .popup_one .popup_one_btns .red_btn{
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }


    .popup_one .popup_one_btns .black_btn{
        margin: 0;
        width: 100%;

    }

}
@media screen and (max-width: 600px) {
    .form_out{padding:10px}
    .form_out .title{font-size:26px;line-height:inherit;margin-bottom:10px}
    .mp_content{margin-top:20px}
    .mp_videos h3::before{display:none}
    .mp_reviews_images{margin-bottom:20px}
    .footer_center ul.menu{flex-wrap:wrap;align-items:center;justify-content:center}
    .footer_center ul.menu > li{width:55%;margin-bottom:20px;text-align:center}
    .footer_center{margin-bottom:10px}
    .footer_right .custom p{text-align:center}
    .team .items .item{width:250px}
    .team{flex-wrap:wrap}
    .team .items{width:100%;justify-content:center}
    .team .links{margin:0;width:100%;justify-content:center;margin-top:20px;display:flex;flex-wrap:wrap}
    .team .links .all::before{display:none}
    .team .links .all{margin:0;margin-bottom:20px}
    .team .links .contacts{margin:0}
    .prod_after_content_table tr{display:flex;flex-wrap:wrap;justify-content:center}
    .prod_after_content_table tr td{width:300px;margin:10px}
    .portfolio_item .rewiev .rew_in .rew_lnk{height:66px;order:-10;margin-bottom:20px}
    .portfolio_item .rewiev .rew_in{flex-wrap:wrap;justify-content:center}
    .portfolio_item .rewiev .rew_in .rew_lnk::before{display:none}
    .portfolio_item .rewiev .rew_in .rew_img{order:5;width:100%;justify-content:center;display:flex}
    .portfolio_item .texts .order_btn{margin:0 auto;margin-top:20px;width:100%;height:auto;padding:15px}
    .creative_slill_thinking h3{font-size:200%}
    .creative_slill_thinking h4{font-size:150%}
    .mod_creative .items .item{flex-wrap:wrap;justify-content:center}
    .mod_creative .items .item .img{margin-right:0}
    .mod_creative .items .item .txt{width:100%}
    .mod_creative .items .item .img .image .image2{left:10px}
    .rewievs_itemlist .items .item{margin-bottom:20px;padding:20px;padding-left:55px;font-size:100%}
    .talktowebdis .cantt .txt{display:none}
    .cat_team_in{flex-wrap:wrap}
    .team .items{flex-wrap:wrap}
    .cat_contacts .form_out .both{flex-wrap:wrap}
    .cat_contacts .form_out .both .in{width:100%}
}
@media screen and (max-width: 500px) {
    .header .top_menu ul.menu li > a{font-size:100%}
    .header .top_menu ul.menu li a._phone{height:50px}
    .mp_our_services_list h3::after{display:none}
    .mp_videos .title{width:100%;margin-top:30px;height:auto;padding:15px}
    .ans_your_quest{font-size:100%}
    .mp_mod_our_clients .clients .title::after{display:none}
    .mp_mod_our_clients .clients .items .item{width:43%}
    .mp_mod_our_clients .clients .items .item img{display:block;margin:0 auto}
    .def_content .item_im{margin:0 auto;width:100%;height:auto}
    .proud_about{background-image:none!important;padding:0}
    .our_work_with_you_about p img{width:100%;height:auto}
    .servises_cat .tabs .reed_more{width:100%;margin-top:20px;height:auto;padding:15px;box-sizing:border-box}
    .product_item .pre .img{width:100%}
    .product_item .pre .text .links{margin-top:20px;flex-wrap:wrap}
    .product_item .pre .text .links a{width:100%;margin-bottom:20px}
    .main h1{font-size:150%;margin-top:20px}
    .def_content_in p img{display:block!important;float:none!important;margin:0 auto!important;margin-bottom:15px!important;margin-top:15px!important}
    .creative_slill_thinking .red_btn{width:100%;margin-top:20px;height:auto;padding:15px;box-sizing:border-box}
    .creative_slill_thinking h4{text-shadow:-0 -1px 2px #FFFFFF,0 -1px 2px #FFFFFF,-0 1px 2px #FFFFFF,0 1px 2px #FFFFFF,-1px -0 2px #FFFFFF,1px -0 2px #FFFFFF,-1px 0 2px #FFFFFF,1px 0 2px #FFFFFF,-1px -1px 2px #FFFFFF,1px -1px 2px #FFFFFF,-1px 1px 2px #FFFFFF,1px 1px 2px #FFFFFF,-1px -1px 2px #FFFFFF,1px -1px 2px #FFFFFF,-1px 1px 2px #FFFFFF,1px 1px 2px #FFF}
    .creative_djobs h4{font-size:110%}
    .redline_p{font-size:110%}
    .work_with p{width:100%;text-align:center}
    .ecommerce_projectp1{font-size:100%;margin:0}
    .rewievs_itemlist .leave_review{width:auto;margin:0 auto;margin-top:20px;padding:15px;height:auto}
    .stages_web_diz .items{justify-content:center;margin-bottom:30px}
    .clients_items{justify-content:center}
    .clients_items div{margin:1%;width:48%}
    .clients_items div img{display:block;width:100%}
    .products .subcats2{justify-content:space-between}

    .main h3 {
        flex-direction: column;
    }
    .main h3 span {
        text-align: center;
        font-size: .75em;
    }
    .slogan_in .mod-languages ul {
        width: 100%;
    }
    .slogan_in .mod-languages ul li {
        width: 16%;
        height: 50px;
    }
    .slogan_in .mod-languages ul li:first-child {
        margin-left: 0;
    }
    .slogan_in .mod-languages ul li a {
        height: 50px;
    }
}
@media screen and (max-width: 430px) {
    .header .top_menu ul.menu li > a {
        padding: 25px 12px;
    }
}
@media screen and (max-width: 400px) {
    .slogan_in .mod-languages ul li{width:50px}
    .mp_mod_portfolio .items{justify-content:center}
    .mp_mod_portfolio .items .item{width:130px;height:130px}
    .products .items .item{width:100%;height:auto}
    .clients_items div{margin-bottom:20px;width:auto}
    .header .top_menu ul.menu li > a {
        padding: 25px 8px;
    }
}
@media screen and (max-width: 380px) {
    .header .top_menu ul.menu li > a {
        padding: 17px 8px;
        font-size: .875em;
    }
    .slogan_in .mod-languages ul li a {
        height: 40px;
        font-size: .875em;
    }
}