﻿
/*=========== MOBILE =========================*/
@media screen and (max-width: 991px) 
{
    .box-padding-10{
        padding:10px !important;
    }
    .bodycontent {
        padding-top: 90px;
        padding-bottom: 60px;
    }
    .p-b-1rm {
        padding-bottom: 1rem !important;
    }
/*    .form-group{
        margin:0px;
    }*/

    .footer_logo1 {
        max-width: 90px;
        margin: 8px auto;
    }

    .mobinput_padr
    {
        padding:0px;
        padding-right:5px;
    }
        .mobinput_padl
        {
            padding:0px;
            padding-left:5px;
        }

    #mainNav {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        background: #f3f3f3;
    }
        #mainNav .navbar-brand {
            flex-grow: 1;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right:0px
        }

        #mainNav .navbar-nav {
            margin-top: 0px;
            background: #f3f3f3;
             padding-left: 20px;
            padding-right: 35px;
        }
            #mainNav .navbar-nav li.nav-item a.nav-link {
                color: #314973;
            }

    #mennucategory_holder1 {
        order: 99;
        padding-left: 20px;
        padding-bottom: 5px;
    }
    .catpage_h1_title{
        /*font-size:28px;*/
    }
    .catpage_prd_counters{
        /*font-size:14px;*/
    }
    .catpage_navtree_menu
    {
        /*font-size:12px;*/
    }

    .mobile_menu_icon {
        position: relative;
        /*display: inline-block !important; */
        display: inline-block;
        margin-top: 15px;
    }
        .mobile_menu_icon .mynav_links {
            font-size: 15px;
            padding: 10px 5px !important;
        }

        .mobile_menu_icon .dropdown-toggle::after {
            display: none;
        }

    .btn_mobilenavtoggler {
        background-color: #314972;
        border-radius: 0 !important;
        font-size: 21px;
        padding: 6px;
        margin-top: 15px;
    }

    #headerbasket_dropmenu {
        width: 230px;
        left: initial;
        right: -20px;
    }

    #navbarResponsive{
        order:100;
    }


    .show .navlink_gray {
        background-color: none;
    }

    .headerlogo {
        height: 60px;
        margin-left: 5px;
    }
    .navbar-shrink .headerlogo {
        height: 70px;
    }

    .footer_logodiv {
        text-align: center;
        margin-bottom: 20px;
    }

    .mobile_nopadding{
        padding:0px;
    }
    
   

    .section_padd150 {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .panel_loginregister {
        padding: 25px 30px;
        margin-right: initial;
        margin: 0 auto;
    }

    .section_slider_text {
        padding: 80px 0px;
    }

    .section_slider_texttitle {
        font-size: 30px;
        /*margin-top:15px;*/
    }

    .slider_title { 
        /*font-size: 30px;*/
    }
    .section_slider {
        padding: 90px 0px;
    }

    .slider_selectsearchmode {
        padding: 8px 10px !important;
        color: white;
        /*font-size: 14px;*/
    }

    .h2_cat2_titles{
        /*font-size:22px;*/
    }

    .catpage_prd_counters {
        /*font-size: 15px;*/
        display: block;
    }

    .span_tilecatname{
        padding:2px;
        font-size:14px;
    }

    .cart_item_title{
        /*font-size:18px;*/
    }

     
    .span_text_title {
         padding: 2px 2px; 
    }

    .slider_line_separator{height:4px;}

    .checkitems_header {
        font-size: 12px;
        font-weight: bold;
    }

    .total-price-summary {
        width: 100%;
        margin-top: 6px;
        border-top: solid 1px #969696;
    }

    .btn_menu_loginreg {
        border: none;
        min-width: 40px;
        padding: 10px !important;
    }

    .accountribbon_left {
        background-color: #1D4288;
        padding: 25px;
        padding-top: 50px;
        position: fixed;
        z-index: 10;
        top: 90px;
        left: 0;
         height: 100%;
        overflow: auto;
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
    }
    .accountribbon_left_active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
    }

    .btn_mobile_closeeshopfiltes {
        position: absolute;
        right: 10px;
        top: 10px;
        border: none;
        background: black;
        color: #ffffff;
    }

    .widget_filtercontainer {
        position: fixed;
        z-index: 10000;
        top: -10px;
        bottom: 0px;
        left: 0;
        height: 100%;
        padding-bottom: 220px;
        overflow: auto;
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
    }

    .mobile_filteropened {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
    }

    .btn_mobile_filterssidebar {
        color: #ffffff;
        background: #314973;
        border: none;
        /*font-size: 18px;*/
        margin-top:20px;
        outline: none !important;
    }

    .btnmobile_searchbar {
        margin-top: 10px;
        border: solid 1px #f3f3f3;
        font-size: 18px;
        border-radius: 50%;
        height: 30px;
        width: 30px;
    }

    .btnmobile_searchbar_close {
        border-radius: 50%;
        background: #838383;
        color: white;
        border: none;
        margin-top: 80px;
        /*font-size: 20px;*/
        padding: 1px 8px;
        outline: none !important;
        height: 30px;
        width: 30px;
    }

    .mobile_searchbar_default{
        display:none;
    }
    .mobile_searchbaropened {
        display:block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        padding:15px;
        padding-top: 45px;
        right: 0;
        text-align: center;
        z-index: 10;
        background: rgba(240, 240, 240,0.95);
    }
    .header_search_mainmdiv{
        margin:0 auto;
    }

    .col_12_mobileonly {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .account_h3titles {
        /*font-size: 20px;*/
    }
    h5{
        /*font-size:1rem;*/
    }

    .blue_button {
        padding: 6px 25px; 
        /*font-size: 16px;*/
    }

    .topribon_profilepic {
        height: 80px;
    }
    .topribon_stats h1{
        /*font-size:26px;*/
    }
    .cube_imagerounded {
        height:50px;
    }

    .myaccountprod_paged_d3 {
        order:100;
        width:100%;
    }

    .msger-div {
        padding: 0px;
        padding-top: 25px;
    }

    .msger {
        margin: 0px;
        margin-top:15px;
    }

    .cube_leftinfos_imagelogo{
        width:70px;
    }
    .div_messagehistory_initialtitle
    {
        width:100%;
    }

    .dispute_win {
        padding: 6px 10px;
       /* font-size:12px;*/
    }
    .dispute_lose {
        padding: 6px 10px;
        /*font-size: 12px;*/
    }
    .listdisputes_btnview{
        font-size:4px;
    }
    .dispute_statusdiv{
        /*font-size:18px;*/
    }

    #mennusearchfield_holder1 {
        order: 0; 
    }
    .search_headercat_breadcrumbs {
        /*font-size: 13px;*/
    }

    .support_chatdiv2 {
        padding: 5px;
    }
    .sendsupport_ticketpadd {
        padding: 5px;
    }
     
    .prod_title_link {
        /*font-size: 20px;*/
    }
    .prod_grid2_descr {
        /*font-size: 14px;*/
        padding:10px;
    }
    .prd_label_bold {
        /*font-size: 15px;*/
    }
    .prod_company_title{
        /*font-size:20px;*/
    }
    .prod_company_location {
        /*font-size: 14px;*/
    }

    .certs_divholder2{
        min-height:36px;
    }
    .cert_imageicon1 {
        height: 36px;
    }
    .btn_wishlist {
        font-size: 20px;
    }
    .prod_grid1_img{
        padding-bottom:0px;
    }

    .prod_promo_supplierdivmobile{
        display:flex;
        flex-wrap:wrap;
    }
    .div_tag_promo {
        /*font-size: 18px;*/
        padding: 2px 30px;
    }
    .headersellerlogo {
        height: 38px;
    }
    .btn_menu_loginreg_logged{
        padding:0px !important;
        border:none;
    }


    .mobile_menu_icon .mynav_links {
        padding: 10px 2px !important;
    }
}




@media screen and (min-width: 768px) {
    .contact-section {
        padding-top: 30px;
    }
}


@media screen and (min-width: 1360px) {
    .contact-section {
        padding: 35px 140px;
    }
}

@media (max-width: 1450px) {
    .container_100 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 991px){
    .div_productImg {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .padd_40_20 {
        padding: 15px 20px;
    }

    .section_marg50{
        margin:15px auto;
    }
    .index_cattile_link{
        margin-bottom:15px;
    }
}

@media screen and (max-width: 475px) {
    .productimg_200 {
        max-width: 100%;
    }

    .prod_regular_div {
        width: 100%;
    }

    .prod_regular_div_mr {
        margin-right: 0;
    }

    .prod_regular_div_ml {
        margin-left: 0;
    }
    .headerlogo {
        height: 60px;
    }
    .navbar-shrink .headerlogo {
        height: 50px;
    }

    .inproduct_qtydiv {
        width: 100px;
    }

    .div_productImg {
        width: 100%;
    }
    .label_right1{
        text-align:left;
    }

    .slider_inputsearch_products {
        background-color: #ffffff;
       
    }
    #searchbarindex_container{
        width:100%;
    }
    .prod_promo_div {
        flex-wrap:wrap;
    }
    .prod_grid3_infos{
        flex-direction:row;
        flex-basis:100%;
    }
    .div_tag_promo {
        font-size: 10px;
        padding: 1px 5px;
    }
    .mobile_nopadd {
        padding: 0px;
    }

    .mobile_nomarg {
        margin: 0px;
    }

    .pqm_div2{
        padding:2px;
    }

    .font_12{
        font-size:12px;
    }

    .section_slider_text {
        padding: 15px 0px;
    }

    .btn_promdeal_carousel1{
        width:110px;
    }

    .dmenu_langs{
        min-width:120px !important;
        width:120px !important;
    }

    .mob_maxheight80{
        max-height:90px;
    }
    .borderl_memb{
        border-left:none;
    }

    .slider1_btn_right {
        right: -5px;
    }
    .slider1_btn_left {
        left: -10px;
    }

    .msger-send-btn {
        height: 40px;
        padding: 2px;
        font-size: 12px;
    }

    .cart_row_productitem {
        padding: 15px 0;
    }

    .index_cattile_link {
        margin-bottom: 5px;
    }
    .section_marg50 {
        margin: 15px auto;
    }

    .padd_40_20 {
        padding: 15px 15px;
    }

    #div_kiv_pal{
        display:inline-block;
        padding-left:0px;
    }

    #headernotifications_dropmenu{
        width:260px;
    }

    .counter_totalmessages {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 50%;
        background-color: #0094ff;
        color: white;
        font-size: 16px;
        margin-top: 22px;
    }
    #promo_message h2 {
        font-size: 20px;
    }
    #promo_message h3 {
        font-size: 15px;
    }
    #promo_message .mb30 {
        margin-bottom:30px;
    }
  }