@media (max-width: 1205px) {
	.content {
        width: 900px;
        padding: 0 20px;
    }
    .story_box {
        display: flex;
        flex-direction: column;
    }
    
    .story_item {
        width: 100%;
        margin-bottom: 20px;
    }
    .box_02 .content_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
    }
    p.big {
        font-size: 32px;
    }
    .pad_left {
        padding: 0;
    }
    img.box_02_img {
        margin-bottom: 40px;
    }
    .projects_litem {
        width: 700px;
        margin: 0px 100px;
    }
    .form_item input {
        width: 95%;
    }
    .box_02 .content_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
    }
    .pad_left {
        padding: 0;
    }
    img.box_02_img {
        margin-bottom: 40px;
    }
    .projects_litem {
        width: 700px;
        margin: 0px 100px;
    }
    .form_item input {
        width: 95%;
    }
    .f_l {
        width: 460px;
        margin-right: 40px;
    }
    .menu_a {
        margin: 0 6px;
    }
    h1 {
        font-size: 48px;
    }
    .mine_butt, .line_button {
        width: 180px;
    }
    .box_01 p {
        width: 400px;
        margin-right: 20px;
    }
    img.box_01_img {
        width: 100%;
    }
    h2 {
        font-size: 36px;
    }
    .nav_menu li {
        margin: 0 10px;
    }
    .f_form:after {
        left: -24%;
    }
    
    .box_01 p {
        padding: 30px 0;
    }
    .discover_box {
        display: flex;
        flex-direction: column;
    }
    
    .disc_text {
        text-align: center;
        width: 100%;
    }
    
    .discover_box .list_x {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
        width: auto;
        margin-left: 0;
    }
    .benefits_01,.benefits_02,.benefits_03,.benefits_04,.benefits_05,.benefits_06,.benefits_07,.benefits_08 {
        background: none;
    }
    
    .benefits_text {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        justify-content: flex-start;
        height: auto;
    }
    .benefits_text h2,.benefits_text h3 {
        text-align: center;
    }
    
    .ben_list {
        display: flex;
        justify-content: center;
        margin: 40px 0;
    }
    
    .benefits_text p {
        text-align: center;
        margin-bottom: 20px;
    }
    
    
    .offer_box_img {width: 50%;}
    
    .offer_list_itm {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .offer_list {
        width: 48%;
    }
    
    .offer_box_img img {
        width: 100%;
    }
    .contact_form_box {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    
    .contact_f_l {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }
    
    .cont_list {
        width: 300px;
    }
    
    .cont_text {
        text-align: center;
    }
    
    .contact_form {
        width: 100%;
    }
    .values_text {
        text-align: center;
        margin: 30px 0;
    }
}
@media (max-width: 992px) {
    .header_form_cont {
        display: block;
    }

    .header_form_img img {
        display: none;
    }

    .modal-body.header_form h2 {
        margin-bottom: 20px;
    }

    .modal-body.header_form {
        padding: 20px;
        text-align: center;
    }

    .header_form_img {
        width: 100%;
    }

    .header_form_box {
        width: 100%;
    }
}
@media (max-width: 900px) {
    .menu_a:hover:after, .footer_menu a:hover:after{
        display:none;
    }
    .widx_box {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .widx,.widxx {
        width: 100%;
    }
    .experts_h_form{
        margin-top:20px
    }
    .widxx p.min_text, .widx_box h2{
        text-align:center;
    }
    .widx_box.wid_bg {
        padding: 30px;
    }
    .exp_list {
        display: flex;
        flex-direction: column;
    }
    
    .exp_item {
        width: 100%;
    }
    .top_menu.active .top_button {
        display: flex;
    }
    .top_menu {
        overflow: hidden;
    }
    .top_button .line_button {
        width: 280px;
        z-index: 6;
    }
	.content {
        width: 768px;
        display: block;
    }
    .b3_item_text {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .b_icon {
        margin-right: 20px;
        margin-bottom: 0;
    }
    span.box_2_b_t {
        font-size: 32px;
    }
    .b3_item {
        width: 100%;
        margin-bottom: 25px;
        padding: 30px 20px;
    }
    .hform {
        margin-bottom: 60px;
    }
    .box_04 {
        padding: 60px 0;
    }
    .box_03 {
        padding: 60px 0;
    }
    
    .title_box {
        margin-bottom: 60px;
    }
    
    .box_02 {
        padding: 60px 0;
    }
    
    .form_item {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .hform form {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    
    .form_item input {
        width: 100%;
    }
    .form_item.button {
        margin: 10px 0 0;
    }
    
    .form_item.button button {
        margin: 0 auto;
    }
    .box_06 {
        padding: 60px 0;
    }
    .item_us {
        width: 100%;
        text-align: center;
    }
    .steps_x .item_us{
        width: 100%;
        
    }
    .why_us {
        display: flex;
        flex-wrap: wrap;
    }
    .f_form_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .f_l {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .f_l .list_x {margin: 20px 0;}
    
    .f_l p {
        text-align: center;
    }
    .box_f_form {
        padding: 60px 0;
    }

    .projects_litem {
        width: 580px;
        margin: 0px 100px;
    }
    .f_r {
    width: 100%;
    }
    .f_l {
        width: 100%;
        margin: 0;
    }
    
    a.b3_arrow {
        height: 40px;
        width: 40px;
    }
    
    .mob_menu {
        display: inline-block;
        cursor: pointer;
    }
    .nav_menu {
        width: 100%;
        display: none;
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }
    .top_button {
        display: none;
        margin-top: 20px;
        justify-content: center;
    }
    
    .nav_menu.active {
        right: 0% !important;
    }
    .nav_menu li {
        padding: 0;
        margin: 0;
    }
    
    ul.dop_menu {
        opacity: 1 !important;
        position: relative;
        top: 0 !important;
        padding: 0 !important;
        margin: 0;
        height: auto !important;
        background: none;
        box-shadow: none;
        border-radius: 0;
        left: 0;
        color: #666;
        font-weight: normal;
        visibility: visible;
    }
    .nav_menu ul {
        display: block;
    }
    
    .nav_menu ul {
        margin: 0 !important;
        padding: 0 !important;
        display: block;
    }
    .nav_menu.active .colse_menu {
        visibility: visible;
    }
    
    ul.dop_menu li a {
        padding-left: 20px;
    }
    
    a.sub_menu_a:after {
        left: 0;
    }
    
    .menu_a {
        font-weight: bold;
        padding: 0;
        margin: 0;
    }
    .top_menu .content {
        display: block;
    }
    
    .menu_cont {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 92px;
    }
    .nav_menu .dop_menu_li {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .f_form:after{
        display: none;
    }
    .offer_box {
        display: flex;
        flex-direction: column;
    }
    
    .offer_box_img {margin-bottom: 20px;}
    
    .offer_list {
        width: 100%;
    }
}
@media (max-width: 768px) {
	.content{
        width: 480px;
        padding: 0;
    }
    img.nomob_img {
        display: none;
    }
    
    img.mob_img {
        display: block;
    }
    .ecomm_item {
        width: 100%;
        text-align: center;
    }
    .box_01 {
        margin-top: 62px;
    }
    .box_01 h2,.box_01 h3 {
        text-align: center;
    }
    .line_button:after {
        width: 480px;
        height: 480px;
    }
    a.mine_butt:after, .form_item.button button:after{
        width: 480px;
        height: 480px;
    }
    
    .box_01 .content {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }
    
    .box_01 p {
        width: 100%;
        margin: 40px 0;
        padding: 0;
    }
    
    .mine_butt, .line_button {
        width: 100%;
        margin: 0;
    }
    
    .title_botton {
        display: flex;
        flex-wrap: wrap;
    }
    
    .title_botton .line_button {
        margin: 0;
        margin-top: 20px;
    }
    
    img.box_02_img {
        width: 100%;
    }
    
    span.box_2_b_t {
        font-size: 26px;
    }
    
    .projects_litem {
        display: flex;
        flex-direction: column;
        width: 320px;
        margin: 0;
    }
    
    .prj_item_img img {
        width: 100%;
    }
    
    .prj_info {
        padding: 16px 0 0;
    }
    h2 {
        font-size: 30px;
    }
    h1 {
        font-size: 32px;
    }
    .offer_box_img {
        width: 60%;
        margin-top: -20px;
    }
    .box_f_form.contacts {
        margin-top: 40px;
        width: 100%;
    }
    
    .cont_text {
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .content{
        width: 95%;
    }
    .title_box {
        margin-bottom: 40px;
    }
    
    .box_02 {
        padding: 30px 0;
    }
    
    img.box_01_img {
        width: 95%;
    }
    
    span.box_2_b_t {
        font-size: 22px;
    }
    
    h2 {
        font-size: 24px;
    }
    
    h3 {
        font-size: 20px;
    }
    
    .b3_item {
        margin-bottom: 15px;
        padding: 20px;
    }
    .projects_litem {
        width: 300px;
    }
    .slidecontainer {
        width: 300px;
    }
    .b3_item_text {
     display: flex;
        flex-direction: column;
        text-align: center;
    }

    .b_icon {
        margin: 0;
        margin-bottom: 10px;
    }

    .hform form {padding: 20px 10px;}

    .f_form form {
        padding: 20px 10px;
    }

    .min_box {
        display: flex;
        flex-direction: column;
    }

    .min_box .form_item {
        width: 100%;
    }

    .nav_menu {
    padding: 10px  20px;
    }


    .footer_top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_menu a {
        margin: 0;
    }

    .footer_text {
        padding-top: 25px;
        margin-top: 25px;
    }
    .top_menu {
        height: 60px;
    }
    .box_01 {
        padding: 20px 0;
        margin-top: 60px;
    }
    .top_logo {
        width: 100px;
        height: auto;
    }
    
    .top_logo img {
        width: 100%;
    }
    a.b3_arrow {
        width: 52px;
        height: 52px;
    }
    .menu_cont {
        height: 60px;
        padding: 0 20px;
    }
    .dop_m_box {
        display: block;
    }
    
    ul.dop_menu li a {
        padding: 7px;
        padding-left: 20px;
    }
    
    a.sub_menu_a:after {
        top: 13px;
    }
}