@media(min-width: 768px) {
    .modal-dialog {
        max-width: 900px !important;
    }
}

.alert{
    margin-top: 20px;
}

.product-detail .availability.block {
    margin-top: 10px;
    text-align: right;
}

.product-detail .availability{
    margin: 20px auto 25px auto;
    display: block;
    color: #448048;
    height: 30px;
    line-height: 20px;
}

.product-detail .bundle-thumb{
    width: 200px;
    height: 200px;
    margin: 20px;
    line-height: 200px;
}

.product-detail .bundle-thumb img{
    width: 100%;
    max-height: 200px;
}

.product-detail .plus{
    line-height: 200px;
    margin: 0 15px;
    font-weight: 600;
    font-size: 16px;
}

.product-grid .price-box{
    height: 75px;
    line-height: 35px;
    width: 100%;
    padding: 0 10%;
    overflow: hidden;
}

.product-grid .price-box-search {
    height: 160px;
    line-height: 35px;
    width: 100%;
    padding: 0 10%;
    overflow: hidden;
}

.availability-search {
    margin: 10px auto 20px auto;
    display: block;
    color: #448048;
    height: 45px;
    padding-top: 5px;
    /*overflow: hidden;*/  /* OVERFLOW REMOVED for search box*/
}

.list-price-small{
    font-size: 14px;
    line-height: 20px;
}

.availability{
    margin: 10px auto 20px auto;
    display: block;
    color: #448048;
    height: 45px;
    padding-top: 5px;
    /*overflow: hidden;*/
}

.availability-phone{
    color: #448048 !important;
}

.availability .icon-check{
    border-radius: 50%;
    background-color: #448048;
    color: #fff;
    font-size: 12px !important;
    padding: 4px 8px !important;
    margin-right: 8px;
}

.availability .icon-phone{
    border-radius: 50%;
    background-color: #448048;
    color: #fff;
    font-size: 12px !important;
    padding: 4px 8px !important;
    margin-right: 8px;
}

.detail-price {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    margin: 0 0 10px 0;
}

.list-price {
    font-weight: 700;
    font-size: 16px;
    margin: 0;
}

.ex-vat-price{
    font-weight: 400;
    font-size: 12px;
    color: #AAAAAA;
    margin: 0 0 15px 0;
    line-height: 14px !important;
}

.account-cart{
    margin: 15px 0;
}

.bundles.product-grid{
    background: #FFF !important;
    border: 0;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 0;
    height: auto !important;
}

.bundles .products{
    margin-top: 10px;
}

.bundles h2{
    margin-bottom: 0;
}

.bundles .product-compare .btn-group-lg > .btn, .btn-lg {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.tel-top {
    margin-right: 30px;
    font-size: 18px;
}

@media only screen and (max-width: 600px) {
    .tel-top {
        font-size: 14px;
    }
}


/* - - - - - - - - - - CHECKOUT STEPS STYLING - - - - - - - - - - */
.steps hr{
    margin-top: 0;
}

.step {
    border: 2px solid #ddd;
    color: #737373;
    font-weight: 600;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;

}

.steps .icon {
    margin-right: 5px;
    font-size: 18px;
}

/* - - - - - - - - - - CART/CHECKOUT STYLING - - - - - - - - - - */
.checkout-cart {
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-cart .grey-box{
    line-height: 40px;
}

.cart-table img {
    max-width: 100px;
    margin-bottom: 20px;
}

.checkout-cart .cart-table tr {
    padding: 10px;
    border-bottom: 1px dotted #ddd;
    text-align: left;
    height: 110px;
    background: #fff;
}

.checkout-cart .pricing-table td {
    padding: 5px 0;
    text-align: left;
    background: #fff;
}

.checkout-cart .cart-table td{
    padding: 0 10px;
}

.checkout-cart input {
    border: 0;
    text-align: center;
}

.checkout-cart .icon {
    top: 8px;
    font-size: 20px;
}

.checkout-cart .product-grid h2{
    padding: 0 !important;
}

.checkout-cart .list-price{
    margin-top: 20px;
}

.checkout-cart .btn-apple-outline{
    max-width: 70%;
    margin: 0 auto;
}

.confirm img {
    margin: 15px 0;
    max-width: 100px;
}

.panel {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 0;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-body {
    padding: 20px 0 0 0;
}

.cart-subtotal{
    margin-top: 20px;
}

/* - - - - - COUPON STYLING - - - - - */
.coupon{
    margin-top: 20px;
}

.coupon .button{
    border: 0;
    background: transparent;
    height: 25px;
    line-height: 25px;
    padding: 0 !important;
    margin-left: 5px;
}

.coupon .button .icon-erase{
    margin: 0 0 0 10px;
}

.coupon .button .icon-circle-with-plus{
    margin: 0 5px 0 0;
    top: 4px !important;
}

.coupon .btn{
    margin-bottom: 2px;
}

.coupon .btn .icon{
    margin-left: 0;
}

.coupon input[type=text]{
    border: 1px solid #ddd;
    padding: 11px 15px;
    text-align: left;
    margin: 5px 10px 0 0;
    border-radius: 4px;
}

/* - - - - - - - - - - LOGIN/REGISTER STYLING - - - - - - - - - - */
.register, .login, .payment, .shipping, .confirm {
    margin-top: 20px;
}

.register .formlabel label, .account .formlabel label {
    margin: 0 0 15px 0;
    height: 34px;
    line-height: 34px;
}

.register input[type="text"], .account input[type="text"] {
    width: 100%;
    margin: 0 0 15px 0;
}

.register label, .account label {
    margin: 0 0 20px 10px;
}

.account .panel-body {
    padding: 0 !important;
}

.btn.update{
    background-color: red;
}

.login .formfield {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.login label {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: #f2f2f2;
    margin: 0 5px 0 0;
    border-right: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
}

.login input[type="text"], .login input[type="password"], .login input[type="email"] {
    float: left;
    width: 70%;
    height: 50px;
    line-height: 50px;
    border: 0;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.login button {
    margin-top: 10px;
}

.login .grey-box {
    min-height: 400px;
}

.btn.forgot-password {
    margin-top: 10px;
    text-transform: none;
    color: #555;
}

.btn.forgot-password a {
    color: #555 !important;
}

.btn.forgot-password:active {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
}

.terms-conditions{
    margin-bottom:20px;
}

.terms-conditions input[type=checkbox]{
    margin-right: 5px;
}

/* - - - - - - - - - - PAYMENT STYLING - - - - - - - - - - */

.payment .grey-box {
    min-height: 250px;
}

.payment .option {
    border: 1px solid #ddd;
    background: #f2f2f2;
    border-radius: 4px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 25px;
}

.payment .option input[type="radio"] {
    margin-left: 0 !important;
    margin-top: 30px;
}

.payment .option .logo {
    float: right;
    height: 80px;
    background: #f2f2f2;
    margin: 0;
    padding: 20px;
    border-radius: 0 4px 4px 0;
    width: 100%;
}

.payment .option .logo img {
    max-height: 40px;
}

.payment .option label {
    width: 100%;
}

.payment #payment {
    margin-top: -30px;
}

/* - - - - - - - - - - SHPPING STYLING - - - - - - - - - - */
.shipping {
}

.shipping .type .icon {
    font-size: 40px;
}

.shipping .type h2 {
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.shipping .type h3 {
    font-weight: 400;
    font-size: 14px;
    color: #bbb;
    margin: 0;
    padding: 0;
}

/* - - - - - - - - - - Cayan STYLING - - - - - - - - - - */

.form-group.cayan {
    height: 30px;
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 768px) {
    .form-group.cayan {
        height: 60px;
    }

    .cayan {
        margin-bottom: 30px;
    }
}