/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .first_slide {
        background: url(../img/mobilebg.png) 50% 50% / cover;
    }

    #parallax2 {
        display: none;
    }

    .first_slide_inner_title {
        padding-bottom: 50px;
    }

    .first_slide {
        padding: 50px 0;
    }

    .our_product {
        flex: 0 0 33.333%;
    }

    .get_consult {
        background-size: 50%;
    }

    .catalog_page_items .our_product {
        flex: 0 0 50%;
    }
}

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


    .header_block_inner .logo {
        order: 1;
        padding-right: 15px;
        padding-left: 15px;
    }

    .header_block_inner .logo img {
        max-width: 100%;
    }

    .header_block_inner .menu {
        order: 5;
        padding-right: 15px;
        padding-left: 15px;
    }

    .header_block_inner .phone {
        order: 2;
        font-size: 24px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .header_block_inner .callback {
        order: 3;
        padding-right: 15px;
        padding-left: 15px;
    }

    .languages {
        order: 4;
        padding: 0 15px;
    }

    .header_block_inner {
        margin: 0 -15px;
        flex-wrap: wrap;
    }

    .about_inner {
        flex-wrap: wrap;
    }

    .about_image_outer {
        flex: 0 0 100%;
        padding-right: 30px;
        padding-left: 30px;
    }

    .about_text {
        flex: 0 0 100%;
        background: rgba(255, 255, 255, .7);
        padding: 30px 30px 0 30px;
    }

    .top_footer_inner {
        flex-wrap: wrap;
    }

    .footer_contacts {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .catalog_page_inner_menu_outer {
        flex: 0 0 250px;
    }

    .catalog_page_items {
        flex: 0 0 calc(100% - 250px);
    }

    .contacts_page_inner_information,
    .contacts_page_inner_map {
        flex: 0 0 50%;
    }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .header_block_inner .phone {
        font-size: 16px;
    }

    .header_block_inner .logo {
        flex: 0 0 150px;
    }

    .our_product {
        flex: 0 0 50%;
    }

    .footer_logo {
        flex: 0 0 190px;
    }

    .footer_menu {
        flex: 0 0 150px;
    }

    .footer_address_and_socials {
        flex: 0 0 300px;
    }

    .catalog_page_items .our_product {
        flex: 0 0 100%;
    }

    .block_title {
        background: rgba(255, 255, 255, 0.7);
    }

     .first_slide_inner_title {
        font-size: 55px;
    }
}

@media only screen and (max-width : 640px) {
    .header_block_inner .logo {
        flex: 0 0 140px;
    }

    .green_button {
        padding: 10px;
    }

    .our_product {
        flex: 0 0 100%;
    }

    .get_consult .inputs {
        width: 100%;
        background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        padding: 10px;
    }

    .get_consult_title {
        text-align: center;
        font-size: 24px;
    }

    .footer_item {
        flex: 0 0 100%;
    }

    .top_footer_inner {
        justify-content: center;
        text-align: center;
    }

    .footer_socials ul {
        justify-content: center;
    }

    .footer_contacts_phone {
        flex: 0 0 100%;
        text-align: center;
    }

    .footer_contacts {
        flex-wrap: wrap;
    }

    .footer_contacts_callback {
        flex: 0 0 100%;
    }

    .contacts_page_inner {
        flex-wrap: wrap;
    }

    .contacts_page_inner_information,
    .contacts_page_inner_map {
        flex: 0 0 100%;
    }

    .contacts_page_inner_information {
        padding-top: 30px;
    }

   
    .first_slide_inner_title {
        font-size: 45px;
    }

}

@media only screen and (max-width : 560px) {
    .header_block_inner .callback .green_button {
        font-size: 12px;
    }

    .header_block_inner .logo {
        flex: 0 0 120px;
    }

    .catalog_page_inner {
        flex-wrap: wrap;
    }

    .catalog_page_inner_menu_outer {
        flex: 0 0 100%;
    }

    .catalog_page_items {
        flex: 0 0 100%;
    }

    #fixed {
        position: relative;
        left: auto;
        right: auto;
    }

    .breadcrumbs {
        background: rgba(255, 255, 255, 0.7);
        padding-top: 30px;
    }

    .breadcrumbs_outer .breadcrumbs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .first_slide_inner_title {
        font-size: 37px;
    }

    .toggle_menu {
        display: block;
    }

    .menu {
        position: relative;
    }

    .menu .main_menu {
        display: none;
        position: absolute;
        z-index: 2;
        margin-top: 15px;
        background: rgba(255, 255, 255, 0.8);
        padding: 10px;
        width: 160px;
        z-index: 10;
        right: 0;
    }

    .menu .main_menu li:not(:last-child) {
        padding-bottom: 10px;
    }

    .header_block_inner .phone {
        padding: 0;
    }

    .languages {
        padding-left: 0;
        padding-right: 10px;
    }

    .header_block_inner .menu {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .header_block_inner .callback {
        display: none;
    }

    .first_slide_inner_title {
        font-size: 50px;
    }

    .copyright {
        flex: 0 0 100%;
        order: 2;
    }

    .developer {
        flex: 0 0 100%;
        padding-bottom: 15px;
        order: 1;
    }

    .bottom_footer_inner {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .first_slide_inner_title {
        font-size: 20px;
    }

    .header_block_inner .phone {
        display: none;
    }

    .languages ul {
        display: flex;
    }

    .languages ul li {
        padding: 0 5px;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}


/*==========  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 : 561px) {
    .toggle_menu {
        display: none;
    }

    .menu .main_menu {
        display: flex;
    }
}

@media only screen and (min-width : 561px) and (max-width: 992px) {
    .header_block_inner .menu {
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }
}

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

}

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

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}