/*==========  Mobile First Method  ==========*/
#popup_winkelwagen {
  font-family: 'Open Sans', sans-serif;
padding: 15px;
}
#popup_winkelwagen h1,#popup_winkelwagen h2{
 font-family: 'Open Sans', sans-serif;
 font-weight: 500;
}
.prijs {
    color: #f06000;
    font-size: 16px;
    line-height: 22px;
}

.alert {
 margin-top: 15px;
}
.winkelwagen {
 border-left: 1px solid #efefef;
 font-size: 12px;
}
#popup_winkelwagen .winkelwagen div div {
 padding: 5px !important;
}
.prijzen {
 border-bottom: 1px solid #efefef;
 margin-bottom: 5px;

}
.prijzen.totaal {
 color: #009900;
 font-weight: bold;
 font-size: 14px;
}
.btn-default, .btn-default:link {
 background-color: #009900;
 border: none;
 color: #ffffff;
 margin-right: 10px;
 font-weight: 500;
}
.btn-default:visited, .btn-default:active {
 color: #ffffff;
}

.btn-default:hover {
 background-color: #efefef;
 color: #535353;
}
.acc .btn-default, #addkortingscode .btn-default {
    font-weight: 300;
    font-size: 12px;
    padding: 5px;
    margin-right: 5px;
}

input[type="number"] {
 border-radius: 7px;
 width: 45px;
 border: 1px solid rgba(0,0,0,0.2);
 padding-left: 5px;
}

input[type="text"] {
 border-radius: 5px;
 border: 1px solid rgba(0,0,0,0.2);
 padding: 5px;
 width: 100%;
}
#addkortingscode {
 margin-top: 15px;
}
select {
 width: 95%;
 max-width: 95%;
}
a.plus, a.min {
 color: #009900;
}
a.plus:hover, a.min:hover {
 color: #535353;
}
.acc {
 border-right: 1px solid #efefef;
 margin-bottom: 15px;
}
.acc:nth-child(4n+1) {
 border:none;
}
.acc:nth-child(4n+2) {
 clear:left
}
.accprijs {
    color: #f06000;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }