/* 
    Document   : responsive.css
    Created on : May 13, 2014, 9:00:59 AM
    Author     : arthur.t
    Description:
        Purpose of the stylesheet follows.
*/
@media (max-width: 1200px)  {
    #navigation li {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 992px)  {
    #navigation li {
/*        margin-left: 15px !important;
        margin-right: 15px !important;*/
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 767px) {
    #navigation {
        width: 100%;
    }
    
    #header {
/*        height: 94px !important;*/
    }
    
    .navbar-collapse.in {
        overflow-y: visible;
    }
    
    #navigation li {
        float: left;
        width: 100%;
        padding: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        border-right: 0px !important;
    }
    
    #navigation ul {
        display: block !important;
        position: relative !important;
    }
    
    #navigation ul.sub-menu li {
        background: none !important;
        border: 0px !important;
        text-align: left;
    }
    
    #navigation ul.sub-menu li a {
        color: #fff;
        padding-left: 20px;
    }
    
    #dc-floater-2 {
        top: 53px !important;
    }
    
    main.content {
        padding: 50px 0 !important;
    }
    
    div#logo {
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        z-index: 9999;
    }
    
    #menu-products ul.sub-menu {
        left: 50px !important;
        top: 32px !important;
        z-index: 9999 !important;
    }
    
    .box-content-container {
        padding: 0 5px !important;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
	ul#breadcrumbs {
  	position: absolute;
    top: -60px;
    left: 260px;
  }
}