/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {font-size: 16px;}

/* ----------------------------------------- Menu ------------------------------------------- */
#menu { background: #002a54 none; border-color: #002a54; overflow: visible;}
#menu .navbar-collapse, .navbar-default .navbar-form {border-color: #E7E7E7; }
#menu .root > li {display:inline-block;}
#menu .menu-wrapper { border-bottom: none;}
.navbar-header { background: #002a54 none; }
.navbar-brand {height:85px; padding:15px 30px;}
.navbar-default .navbar-toggle {border:none; margin-top:25px; margin-right:25px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; height:3px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}

#logo-small img {width:178px;height:auto;}
#menu-top {margin-top:inherit;}
#language {float: none; margin-bottom:7px !important; text-align:right;}

.container {padding-left:2em; padding-right:2em;}

#footer,
#footer .text-right  {text-align:center !important;}
#footer .footer-links {font-size: 11px;}


/* ----------------------------------------- Custom ------------------------------------------- */
a {color: #002953; text-decoration: underline; cursor: pointer;}

#rz-mijndesco a {text-decoration:none;}
#rz-home-links, #rz-mijndesco-team, #edn_inspiratie, .rz-detail-order, .rz-header-mijndesco-sub > li > div.btn-group {text-align:center;}
#rz-home-featured .btn {text-align:center; margin-bottom:10px; width: 200px; margin-left: auto; display: block; margin-right: auto;}
#rz-mijndesco-team .media,
#rz-niews-customer .media-body,
#rz-folders .col-sm-2.text-center {margin-bottom:50px;}
.rz-footer-list {display:none;}

#menu .navbar-nav > li > a,
.language-object a {
    cursor: pointer;
    padding: 8px 24px;
    margin-bottom:10px;
    text-decoration:none;
	font-weight: 600;
	text-transform: uppercase;
}
.language-object a {padding-right:4px;}
#menu .navbar-nav > li > a:after {
    content:'\e62d';
    font-family:'descoico';
	font-size:95%;
	margin-left:8px;
	font-weight: normal;
}
#menu-top.collapse.in {overflow:visible; padding-right:0;}
#menu-top > div {padding-left:15px; padding-right:15px;}
.rz-header-mijndesco-main .rz-header-mijndesco-main-dropdown,
.rz-header-mijndesco-main .rz-header-mijndesco-main-dropdown.logged-in,
.rz-header-mijndesco-cart .dropdown-toggle,
.rz-header-mijndesco-fav .dropdown-toggle,
.rz-header-mijndesco-cart > .btn-group,
.rz-header-mijndesco-fav > .btn-group,
.rz-header-mijndesco-fav > .btn-group > .btn,
.rz-header-mijndesco-cart,
.rz-header-mijndesco-fav,
.rz-header-mijndesco-main > .btn-group,
.rz-header-mijndesco-main > .btn-group > .btn,
.rz-tabs-steps .nav-tabs > li {width: 100%;}

.rz-tabs-steps .rz-checkout-spacer {display:none;}

.rz-header-mijndesco-main .rz-header-mijndesco-main-dropdown {border-top-right-radius: 4px;}
.rz-header-mijndesco-sub .rz-header-mijndesco-cart-dropdown, .rz-header-mijndesco-sub .rz-header-mijndesco-fav-dropdown {    left: 0;    right: 0;}

#carousel-public .carousel-caption {bottom:35%; padding:0;}
#carousel-b2b .carousel-caption {bottom:10%; padding:0;}
.carousel-caption a {text-decoration:none; color:#fff;}
.carousel-caption h1 {margin:0;}
.carousel-inner {background-color: #808791; }

#rz-mijndesco .rz-mijndesco-direct-bestellen {padding-left: 0; border-left: none; margin-left: 0;}
.rz-ckeckout-add .col-sm-1 {text-align:center;}
.rz-ckeckout-add a.btn.btn-icon {margin-top:1em;}
#rz-checkout .rz-element-title {margin-bottom:10px;}
#rz-checkout div.clearfix .rz-link {margin:0 0 30px 10px;}

.DnnModule-DNN_HTML #rz-verkooppunten-list ul {    display: block;}
#rz-verkooppunten-list ul > span > span, #rz-verkooppunten-list ul li, #rz-verkooppunten-list ul li a { width: 100%;}
#rz-verkooppunten-list ul li a {color: #002953; text-decoration:none; background:#ebebeb; border-radius:4px;}
.rz-tabs .nav-tabs li a {color: #002953; text-decoration:none; background:#ebebeb; border-radius:4px;}
.rz-tabs .nav-tabs > li {
    float: none;
    margin-bottom: 10px;
}
.rz-tabs .nav-tabs li a:hover,
.rz-tabs .nav-tabs li.active a:hover,
.rz-tabs .nav-tabs li.active a{border-radius: 6px;}
#rz-verkooppunten-list ul {margin-bottom:5px;}
#edn_inspiratie .rz-element-content .thumbnail {max-height: inherit;}
#edn_inspiratie .thumbnail:hover .image-hover {display:none !important; visibility:hidden !important;}
#edn_inspiratie .thumbnail {
    background: none repeat scroll 0 0 rgba(0, 41, 83, 0.7);
    color: #ffffff;
    text-align: center;
}

#edn_inspiratie_detail .col-sm-5 {padding-left: 15px;}
#rz-promoties.rz-element.rz-promoties-images .col-sm-2 .thumbnail img {transform: translateY(0px);}
#rz-product-detail.rz-element .rz-detail-verkooppunten table {width: 100%;}
.twitter-typeahead {    float: none;}

#rz-mijndesco-team.right-pane, #rz-account-profiel .right-pane, #rz-account-gebruikers-gebruikertoevoegen .right-pane, #rz-account-instellingen .right-pane {
    border-left: inherit;
    margin-left: inherit;
    padding-left: inherit;
}

#edn_news .media-body {overflow: visible;}
#edn_news .thumbnail {margin-bottom:0;}
#rz-producten ul {text-align:left; padding: 20px;}

#merken-home .desco-logos > div.logo-image.thumbnail {margin:0; padding: 30px 10px;}
#merken-home .desco-logos > div.logo-image.thumbnail img {max-width: 100% !important; max-height: 100%;}
#merken-home  .rz-link {position:absolute; top:-4em; right:1em;}

#edn_jobs .list-item .rz-link div:first-child {overflow:hidden;}

#rz-verkooppunten-list a.rz-link .glyphicon {float:none; margin-left:12px;}
#rz-verkooppunten-list .col-sm-4 {width:50%;}
#rz-verkooppunten-list .col-sm-4:nth-child(2n):not(.clearfix) {float:right;}
#rz-verkooppunten-list .col-sm-4:nth-child(2n+1):not(.clearfix) {float:left;}

.rz-ckekout-add .col-sm-1 {text-align:center;}
.rz-ckekout-add a.btn.btn-icon {margin-top:1em;}
}

@media handheld, only screen and (max-width: 500px) {
#rz-verkooppunten-list .col-sm-4 {width:100%;}
#rz-verkooppunten-list .col-sm-4:nth-child(2n):not(.clearfix),
#rz-verkooppunten-list .col-sm-4:nth-child(2n+1):not(.clearfix) {float:none;}
.carousel-caption {display:none;}
}