/* ==========================================================================
Hugo Müller custom styles Media Queries
============================================================================= */

/*============  Mobile First Method  ============*/
    /* Additional MediaQuery */
    @media only screen and (min-width : 0px) {
        .header-search .searchbox { width: calc(100% - 22px); }
        .header-search { margin-top: 25px; }
    }

    /* Additional MediaQuery */
    @media only screen and (min-width : 320px) {

    }

    /* Additional MediaQuery */
    @media only screen and (min-width : 328px) {
        .header-search { margin-top: 0px; }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Additional MediaQuery */
    @media only screen and (min-width : 640px) {
     
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 769px) {
        .header-search .searchbox { width: calc(100% - 52px); }
    }

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

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .header-search .searchbox {
            width: calc(100% - 86px);
        }
    }

/*===============================================*/


/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .navbar-nav > li {
            padding-left: 5px;
            padding-right: 5px;
        }
    }


    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .navbar-nav .open .dropdown-menu {
            position: absolute;
            background-color: #E3E3E3;
        }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 6px 25px 6px 20px;
        }

        .cat-item { padding-bottom: 10px; }

        .product-overview-image { margin-bottom: 15px; }
        .product-overview-ordernumber { margin-bottom: 15px; }
        .product-overview-content { border-left: 0px; min-height: 0px; }
    }
	
    /* Small Devices, Tablets */
    @media only screen and (max-width : 769px) {

        .header-topbar {
            text-align: right;
            margin-top: 10px;
        }

        .navbar-nav .open .dropdown-menu {
            position: static;
        }

        .navbar-nav > li {
            padding-left:  0px;
            padding-right: 0px;
        }

        .yamm .dropdown-toggle {
            padding-left: 30px;
            padding-right: 30px;
        }

        .yamm .dropdown.yamm-fullwidth .dropdown-menu,
        .yamm .dropdown .dropdown-menu
        {
            background-color: #E3E3E3;
            width: calc(100% - 0px);
            margin-left: 0px;
        }

        .yamm .yamm-content {
            width: calc(100% + 60px);
            margin-left: -30px;
            padding: 20px;
        }

        .row.home-banner .col-md-12 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
            width: 100%;
        }

        .nav-toplevel-icon {
            display: inline-block;
            padding-right: 5px;
        }

        .product-image-slider.boxed {
            padding: 10px 25px 0px 25px;
        }

    }

	/* Additional MediaQuery */
    @media only screen and (max-width : 640px) {

    }
	
    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
        .product-ordernumber { padding: 15px; }
        .product-ordernumber-list { padding: 5px 5px 10px 0px; }
        .product-overview-ordernumber .product-ordernumber-logos { margin-bottom: 5px; }
        .product-overview-ordernumber img.logo-mueller,
        .product-overview-ordernumber img.logo-paladin { max-width: 85%; }

        .boxed .col-xs-4 { padding-right: 0px; }
    }

	/* Additional MediaQuery */
    @media only screen and (max-width : 384px) {
    }

/*===============================================*/