/*--- main page --*/
@media (max-width: 770px) {
    .search-field {
        width: 250px;
    }
    .form-select {
        width: auto !important;
        margin-top: 10px;
    }
}
@media (max-width: 1470px) {
    .form-select {
        width: 300px !important;
    }
}
@media (max-width: 1410px) {
    .navbar_content {
        text-align: inherit;
    }
    .form-select {
        width: 400px !important;
    }
}
@media (max-width: 1400px) {
    .container_header {
        display: block;
    }
    .filter_count_parts {
        margin-left: 10px;
    }
}
@media (max-width: 800px) {
    .form-select {
        width: 100% !important;
    }
}
@media (max-width: 770px) {
    .header_contant_search {
        margin-top: 10px;
    }
    .pr_img_st {
        padding: 0;
    }
    .pr_img_lodst {
        padding: 10px 0;
    }
    .drawing_save_text {
        font-size: 14px;
    }
}
@media (max-width: 800px) {
    .fa-plus-circle {
        margin: 5px 5px; 
    }
}
@media (max-width: 770px) {
    .logo_content {
        width: 130px;
    }
}
@media (max-width: 1400px) {
    .order_drawing_container_img {
        width: 130px;
        height: auto;
    }
}
@media (max-width: 1200px) {
    .order_drawing_container_img {
        width: 210px;
        height: auto;
    }
}
@media (max-width: 1025px) {
    .order_drawing_container_img {
        width: 250px;
        height: auto;
    }
}
@media (max-width: 770px) {
    .namest {
        float: none;
        margin-top: 10px;
    }
}
@media (max-width: 1200px) {
    .piccls {
        display: none;
    }
}
@media (max-width: 1400px) {
    .namest {
        margin-top: 2%;
    }
}
@media (max-width: 1200px) {
    .namest {
        margin-top: 5%;
    }
}
@media (max-width: 1025px) {
    .namest {
        margin-top: 3%;
    }
}
@media (max-width: 990px) {
    .namest {
        margin-top: 9%;
    }
}
@media (max-width: 770px) {
    .col-md-4 {
        float: none !important;
        justify-content: center;
        display: block;
        margin-top: 0;
    }
    .ord_int {
        display: block;
    }
    .tab_bott {
        display: block !important;
    }
    .input_profile {
        margin: 0 0 15px 0 !important;
    }
    .menu-adimin-rows {
        margin: 0 0 20px 0;
    }
    .view_page {
        display: block;
    }
    .title-head-info {
        gap: 20px;
        font-size: 13px;
    }
}
@media (max-width: 1025px) {
    .sticky {
        display: none !important;
    }
}
@media (max-width: 1025px) {
    .hide-elem {
        width: auto !important;
        padding: 0;
    }
}
@media (max-width: 330px) {
    .hide-elem {
        width: 100% !important;
    }
}
@media (max-width: 770px) {
    .open_order {
        margin-top: 10px;
        margin-bottom: 11px;
        position: relative;
        justify-content: center;
        display: flex;
    }
}
@media (max-width: 770px) {
    .row_card {
        position: relative;
    }
}
@media (max-width: 1200px) {
    .navbar_zx {
        font-size: 13px;
    }
    .btn_search_header {
        display: none;
    }
}
@media (max-width: 450px) {
    .btn_authorizate {
        display: block;
        margin: 5px 0 0 0;
    }
    .billform {
        width: 100%;
    }
    .labelRadioPayment,
    .order-summary,
    .labelRadioPayment,
    .inside-box-payment {
        width: 100% !important;
        height: auto;
    }
    .labelRadioPayment {
        align-items: center;
    }
    .inside-box-payment {
        margin: 0 0 0 10px;
        display: flex;
        align-items: center;
    }
    .image-payment {
        text-align: left;
        min-width: 50px;
    }
    .profile-text-box {
        margin: 0 0 0 20px;
    }
    .btn-pay-profile {
        text-align: center;
    }
    .go-btn-admin {
        justify-content: center;
    }
    .how-pay-box {
        display: block;
    }
    .how-pay-box label {
        margin: 10px 0 0;
    }
}
@media (max-width: 800px) {
    .navbar_text {
        display: flex;
    }
}
@media (max-width: 800px) {
    .btn_item {
        display: flex;
        border-bottom: 1px solid #ccc;
        justify-content: center;
        padding: 4px;
    }
}
@media (max-width: 1400px) {
    .navbar_zx {
        margin: 20px 0;
    }
}
@media (max-width: 1000px) {
    #navbarzx {
        display: none;
    }
    .nav_main_menu {
        display: block;
        text-align: center;
    }
    .burger_menu {
        display: inline-block;
    }
    .contact_content {
        display: none;
    }
    .nav_menu {
        border-bottom: 1px solid #ccc;
        margin-right: 0;
        padding: 4px;
        position: relative;
    }
    .btn_search_header {
        display: none;
    }
    .navbar_zx {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .btn_search_header {
        position: absolute;
        right: 0;
        bottom: 0
    }
    .add_seach {
        position: relative;
    }
    .category_orders_md {
        display: none;
        margin-top: 5px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        width: 100%;
    }
    .burger_cat {
        display: flex;
    }
    .contst {
        margin-top: 0px !important;
    }
    .container_insert {
        margin-top: 0;
    }
    .both-parts-invoice {
        display: block;
    }
    .right-part-invoice {
        margin: 20px 0 0;
    }
    .btn-pay-profile {
        display: block;
        margin: 20px 0 0 0;
    }
    .shield-check {
        margin: 0;
    }
    .shield-box {
        margin: 30px 0 0;
    }
    .paymentOptionsBox {
        display: block;
    }
    .how-pay-box {
        display: grid;
    }
    .labelRadioPayment {
        margin: 15px 0;
        width: 250px;
    }
}
@media (max-width: 800px) {
    .nav_drop_ul {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        text-align: left;

    }
    .fa-angle-right {
        position: absolute;
        right: 0;
        margin-right: 10px;
        margin-top: 3px;
    }
    .nav_drop_ul {
        border: none;
        transition: all 0s ease 0s;
        padding: 15px 15px 15px 15px;
    }
    .nav_drop2 {
        transition: all 0s ease 0s;
    }
    .drop_nav_menu {
        border-bottom: 1px solid #ccc;  
        position: relative;
        text-align: center;
    }
    .nav_drop2 {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 45px;
        text-align: left;
        border: none;
    }
    .fa-plus-circle {
        display: none;
    }
    /* .active {
        position: relative;
        margin-top: 5px;
        padding-top: 0;
    } */
}
@media (min-width: 800px) {
    .nav_menu:hover .nav_drop_ul {
        opacity: 1;
        visibility: visible;
    }
    .nav_drop_ul {
        opacity: 0;
        visibility: hidden;
    }
    .drop_nav_menu:hover .nav_drop2 {
        opacity: 1;
        visibility: visible;
    }
    .navmenu_plus {
        display: none;
    }
    .navmenu_plus2 {
        display: none;
    }
}
@media (max-width: 800px) {
    .change {
        margin-bottom: 20px;
    }
}
@media (max-width: 1024px) {
    .orders_numbers {
        display: none;
    }
    .metall_calc_icon {
        width: 26px;
        margin-right: 5px;
    }
    .topbar_link_calc {
        display: block;
        padding: 5px;
        text-align: center;
    } 
    .calc_metall_icon {
        position: initial;
        width: 200px;
    }
    .calc_metall_icon:hover {
        transform: none;
    }
}
@media (max-width: 1200px) {
    .descr_orders {
        display: grid;
    }
}
@media (max-width: 1200px) {
    .category_orders_tab {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-gap: 10px;
        grid-auto-flow: column;
    }
}
@media (max-width: 1000px) {
    .category_orders_tab {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-gap: 10px;
        grid-auto-flow: column;
    }
}
@media (max-width: 770px) {
    .category_orders_tab {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(7, 1fr);
        grid-gap: 10px;
        grid-auto-flow: column;
    }
}
@media (max-width: 330px) {
    .category_orders_tab {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(14, 1fr);
        grid-gap: 10px;
        grid-auto-flow: column;
    }
}
@media (max-width: 770px) {
    .dialog {
        width: 100%;
        font-size: 14px;
    }
}
@media (max-width: 388px) {
    .close_btn {
        position: relative;
    }
}
@media (max-width: 800px) {
    .text_company {
        margin-left: 12px;
        margin-right: 12px;
    }
    .mob_comp {
        margin: 10px auto 5px;
    }
    .mob_catalog {
        margin: 10px;
    }
    .show_all_facts {
        margin: 10px 0 0 16px;
    }
}
@media(max-width: 800px) {
    .okompanyst {
        margin-left: 12px;
        margin-right: 12px;
    }
}
@media(max-width: 800px) {
    .styledop {
        margin-left: 12px;
        margin-right: 12px;
    }
}
@media(max-width: 800px) {
    .box_comp {
        margin-left: 12px;
        margin-right: 12px;
    }
    .factsInfoCompBox {
        margin-left: 12px;
        margin-right: 12px;
    }
    .innCompPageInfo {
        margin-left: 12px;
        margin-right: 12px;
    }
    .factBox {
        display: block;
    }
    .fPDOWg {
        margin: 15px 0 0 0;
    }
    .allFacts {
        margin: 15px 0 0 15px;
    }
}
@media(max-width: 1200px) {
    .ul_column {
       column-count: 2;
    }
}
@media(max-width: 1000px) {
    .ul_column {
       column-count: 1;
    }
}
@media (max-width: 1409px) {
    .header_contant_search {
        position: relative;
    }
    .form-select {
        position: relative;
    }
}


/*--- Page add company ---*/
@media (max-width: 770px) {
    .row_price {
        display: block;
    }
}
@media (max-width: 770px) {
    .stcl {
        margin-right: 0;
    }
}
@media (max-width: 770px) {
    .row_price {
        margin-top: 0;
    }
}
@media (max-width: 770px) {
    .tarif-column {
        margin-top: 20px;
    }
}
@media (max-width: 770px) {
    .form-block {
        display: inline-block;
        width: 100%;
    }
}
@media (max-width: 770px) {
    .colfb {
        width: 100%;
    }
}
@media (max-width: 770px) {
    .grfpadd {
        padding-top: 30px;
    }
}
@media (max-width: 995px) {
    .pluschinp {
        display: flex;
    }
}
@media (max-width: 995px) {
    .pluschk {
        margin-left: 5px;
    }
}


/*--- page order ---*/
@media (max-width: 770px) {
    .mobrow {
        display: inline-block;
        width: 100%;
        margin: 0;
    }
    .drawing_img {
        max-height: 230px;
    }
    .mobcol4 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}
@media (max-width: 990px) {
    /* .mobcol {
        width: auto;
    } */
}
@media (max-width: 770px) {
    .mobcol {
        width: 100%;
    }
}
@media (max-width: 770px) {
    .cat {
        display: inline-block;
    }
}
@media (max-width: 770px) {
    .mobpr {
        display: inline-block;
        margin-top: 5px;
    }
}
@media (max-width: 1200px) {
    .chekbtn  {
        display: inline-block;
        margin: 7px 0 7px 0;
    }
}
@media (max-width: 1200px) {
    .chekbtn2  {
        display: inline-block;
        margin: 7px 0 7px 0;
    }
}
@media (max-width: 1200px) {
    .price_chek {
        margin-top: 5px;
    }
}
@media (max-width: 990px) {
    .price_chek {
        display: block;
    }
}
@media (max-width: 990px) {
    /* .mobcol4  {
        width: 100%;
    } */
}
@media (max-width: 1400px) {
    .order_drawing_container_imgmd  {
        width: 178px;
    }
}
@media (max-width: 1200px) {
    .order_drawing_container_imgmd  {
        width: 148px;
    }
}
@media (max-width: 770px) {
    .order_drawing_container_imgmd  {
        text-align: center;
        width: auto;
    }
}
@media (max-width: 770px) {
    .order_drawing  {
        display: block;
    }
    .blockcontact {
        display: block;
        margin: 10px 0 20px 0;
        padding: 0;
    }
    .classcomp {
        display: block;
    }
    .order_contact_zakaz {
        text-align: center;
    }
    .order_block {
        display: block;
    }
    .show_cont_order {
        margin: 0 auto;
    }
    .spinner_box {
        margin: 0 auto;
    }
    .btn_show_box {
        margin: 10px 0 30px 0;
    }
    .contact_zakaz_content_header {
        margin: auto;
    }
    .textclasscomp {
        padding: 0;
    }
    .region-item {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 470px) {
    .region-item {
        grid-template-columns: repeat(1, 1fr);
    }
    .ul_top {
        display: flex;
        display: flex;
        justify-content: flex-end;
        min-width: 0;
        flex: 1;
        margin: 0;
    }
    .sbv_amd {
        margin-right: 3px;
        position: relative;
        top: -1px;
        fill: #d60000;
        flex-shrink: 0;
    }
    .stylea {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        text-decoration: none;
    }
    .name-log {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .metallwork_orders_btn {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }
    .contstyle {
        display: flex;
        gap: 10px;
    }
    
}
@media (max-width: 400px) {
    .img_content  {
        max-width: 100%;
    }
    .img_content_md  {
        max-width: 100%;
    }
    .topbar, .geo_position {
        font-size: 13px;
    }
}
@media (max-width: 580px) {
    .popup_content  {
        min-width: 100%;
    }
}
@media (max-width: 770px) {
    .cft_box  {
        margin-top: 10px;
    }
}
@media (max-width: 770px) {
    .payments_mp  {
        width: 100%;
    }
}
@media (max-width: 990px) {
    .adv_img_content  {
        width: 100%;
    }
}
@media (max-width: 770px) {
    .adv_img_content  {
        padding: 22px 0 11px 0;
    }
    .mode_order_descr {
        font-size: 12px;
    }
    .btn_group_switch {
        margin: 35px 10px 0 10px;
    }
    .descr_tarif_div {
        margin: 10px 0 0 15px;
    }
}
@media (max-width: 1200px) {
    .category_orders {
        font-size: inherit;
    }
}
@media (max-width: 1200px) {
    .uslugi_order {
        display: inline-block;
    }
}
@media (max-width: 550px) {
    .modal {
        padding: 2em;
    }
    .optTarLabel, .optTarDec {
        font-size: 11px !important;
    }
}
@media (max-width: 1200px) {
    .categories_company {
        width: 100%;
    }
    .filter_cont {
        display: block;
    }
    .max_div {
        margin: 15px 0;
    }
    .parametry_city {
        display: none;
        padding: 20px 30px;
    }
    .filters_mobile {
        display: flex;
    }
    .filter_count_parts {
        margin: 15px 0 0 0;
    }
    .count_parts_box {
        margin: 0;
    }
    .min_div label {
        display: block;
    }
    .max_div label {
        display: block;
    }
    .filter_number label {
        display: block;
    }   
}
@media (max-width: 767px) {
    .button_requestBill {
        margin: 10px 0 0 0;
    }
    .mainBoxTar {
        margin: 0;
    }
    .billformRequest {
        margin: 10px 0 0 0;
    }
    .order_list {
        margin: 30px 10px 0 10px;
    }
    .bill_box {
        width: auto;
    }
    .form_block_widget input {
        width: 100%;
    }
    .demo_block_widget img {
        max-width: 100%;
    }
    .filter_invoice {
        display: block;
        margin: 20px 0;
    }
    .filter_invoice label {
        margin-bottom: 10px;
    }
    .dotesAdmin {
        max-width: 16px;
        margin: 0;
    }
    .dotesCol {
        display: block !important;
        margin: 10px 0;
    }
    .dotesBox {
        max-width: 130px !important;
        left: 8px;
        top: 46px;
    }
}
@media (max-width: 991px) {
    #tarif_connect {
        margin: 5px 0 0 0;
    }
    .cat_popular_orders {
        overflow: scroll;
        scroll-behavior: auto;
        scrollbar-width: thin;
    }
    .scroll-buttons {
        display: none;
    }
}

/*--- page company ---*/
@media (max-width: 768px) {
    .compstcol {
        padding: 25px 15px 0 15px !important;
        text-align: center !important;
    }
    .region_tags_box, .nearComp {
        padding: 0 15px;
    }
    .items-header,
    .item-row {
        display: block;
    }
}
@media (max-width: 768px) {
    .recommend {
        font-size: 100%;
    }
}
@media(max-width: 767px) {
    .stcompsrc {
        top: 25%;
    }
    .button_requestBill {
        margin: 10px 0;
    }
    .button_requestBill:hover {
        margin: 10px 0;
    }
    .sentButton_reqBill {
        margin: 10px 0;
    }
    .btn_sbm_sent {
        margin: 10px;
    }
    .text_company_inside {
        margin: 10px;
    }
    .reviews {
        margin: 10px;
    }
    .reviews_block {
        margin: 10px;
    }
    .modal_content {
        width: 80%;
    }
    .rvbo {
        display: inline-block;
        margin-left: 10px;
    }
    .orc {
        padding-right: 0;
    }
    .rvShow p {
        margin-right: 0;
    }
    .cat_list_curr {
        column-count: 1;
    }
    .opend_cat_list {
        margin: 15px 30px;
    }
    .main_categor_all {
        margin: 30px;
    }
    .main_categor_all ul {
        column-count: 1;
    }
    .main_categor {
        display: block;
    }
    .all_cat_list {
        padding: 25px;
    }
    .range_slider {
        display: block;
    }
    .form_feedback {
        width: auto;
    }
    .profile_table {
        display: block;
    }
    .href_view_page {
        font-size: 12px;
    }
}

/*--- banner page-advertising ---*/
@media (max-width: 768px) {
    .advertising_tarif {
        display: block;
        text-align: center;
    }
    .clue_show {
        transform: translateX(-70%);
    }
}
@media (max-width: 880px) {
    .text_card-box {
        width: auto;
    }
    .company_src {
        margin: auto;
        display: flex;
        padding-top: 50px;
    }
}

/* page_payments */
@media (max-width: 540px) {
    .wighet_pay {
        width: 93%;
    }
    .insertCityValue {
        min-width: 0;
    }
}
@media (max-width: 540px) {
    .radio_group {
        display: inline-block;
        margin-top: 15px;
    }
}
@media (max-width: 540px) {
    .style_label {
        margin-bottom: 5px;
    }
}

/* style_profile */
@media (max-width: 800px) {
    .company_card {
        display: block;
    }
    .order_row {
        display: grid;
    }
    .actInv {
        margin: 10px 0;
    }
    .btn-light {
        margin: 5px 0;
    }
    /* .order_table {
        display: inline-block !important;
    } */
    .order_table div {
        width: 100%;
    }
    .title_table {
        display: none !important;
    }
    .colSidebar {
        width: 100% !important;
    }
    .inside_box {
        display: block;
    }
    .labelRadioTarifExt {
        margin: 0 0 10px 0;
    }
    .chMobileSt label {
        font-size: 12px;
    }
    .newstEdit {
        display: grid;
    }
    .rigthActInput {
        position: absolute;
        margin: 0 0 0 25px;
    }
    .add_banner_style {
        font-size: 5px;
    }
}
@media (max-width: 360px) {
    .insertSummBox {
        margin: 10px 0 0 0;
    }
}
@media (max-width: 1200px) {
    .searchCities {
        display: block;
    }
    .createOrder {
        margin: 20px 0 0 0;
    }
    .descripAddOrders {
        margin: 20px 0 0 0;
    }
    .name_order {
        display: block;
    }
}
@media (max-width: 1100px) {
    .banner_open_orders {
        display: none;
    }
    .calculator_col {
        display: block;
    }
}
@media (max-width: 768px) {
    .c2cust {
        flex-direction: row;
        justify-content: space-around;
        padding: 10px !important;
        margin-bottom: 20px;
    }
    #dateOrderCustEdit div{
        margin-left: 0px;
    }
    .name_order {
        display: block;
    }
    .header_contant_md {
        margin-top: 3px;
    }
    .catBtnComp {
        left: auto;
    }
    .t_main {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-bottom: 10px;
    }
    .t_one, .t_two {
        flex: 0 0 100%;
        scroll-snap-align: start;
        white-space: normal;
        position: relative;
    }
    .dark_variable {
        background-color: #555555b8;
    }
    .images_box {
        width: 49%;
        margin-bottom: 5px;
    }
    .image_portfolio {
        text-align: center;
    }
    .pricing-table th,
    .pricing-table td {
        font-size: 12px;
    }
    .dots_mobile {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin: 0 0 20px 0;
    }
    .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #d8d8d8;
        transition: background .3s;
    }
    .dot.active {
        background: #555;
    }
}