/* mobile */
@media screen and (max-width: 767px)
{
    .cart_items{
        list-style:none;
        margin:0px;
        padding:0px;
    }
    #code_cont_promo{
        margin-top: 20px;
        display:inline-block;
    }
    #code_cont_barcode{
        position: relative; 
        margin-top: 20px; 
        padding-left: 20px; 
        display: inline-block;
    }
    .cart_item{
        padding-top:20px;
        padding-bottom:20px;
        border-bottom:2px #ccc dotted;
        position: relative;
    }
    .cart_item .thumb{
        width: 70px;
        height: 100px;
        display:inline-block;
        position: relative;
        top:6px;
        left:-16px;
    }
    .cart_item .details{
        display:inline-block;
        position:relative;
        top:15px;
        left:-10px;
    }
    .cart_item .details .name{
        font-weight:bold;
        position:absolute;
        top:-93px;
        font-size:14px;
    }
    .cart_item .details .name a{
        color:#000;
        text-decoration: none;
    }
    .cart_item .details .name a:hover{
        color:#53A02D;
        text-decoration: none;
    }
    .cart_item .details .desc{
        font-weight: normal;
        font-size: 12px;
        position: absolute;
        top: -53px;
        height: 55px;
        width:100%;
    }
    .cart_item .details .disp{
        font-weight:normal;
        position:relative;
    }
    .cart_item .quantity{
        width: 52px;
        position: absolute;
        top: 58px;
        left: 86%;
    }
    .cart_item .quantity .qty_lbl{
        position: absolute;
        left: 25px;
        top: 1px;
        color: #aaa;
    }
    .cart_item .quantity input{
        width:38px !important;
    }
    .cart_item .price{
        color: red;
        width: 68px;
        text-align: right;
        position: absolute;
        top: 23px;
        display: inline-block;
        left: 74%;
    }
    .cart_item .price .dc_price{
        color:#6ad05b;
        text-decoration: line-through;
    }
    .cart_item .del{
        position: absolute;
        top: 24px;
        left: 80%;
        display: inline-block;
        width: 68px;
        text-align: right;
    }
    .subtotal_div{
        text-align:right;
        font-weight:bold;
        color:#000;
        padding-top:10px;
        padding-bottom:10px;
    }
    .code_cont input{
        height: 25px;
        position: relative;
        top: 1px;
    }
    .code_cont #ckbtn, #ck_promo_btn, #ck_cc_btn{
        width:100px; 
        display:inline-block;
    }
    .auth_alert{

    }

    .client_data .label, .address_data .label, .other_data .label{
        margin-left:15px;
        padding-top:10px;
    }
    .p_choice{
        margin-top:20px;
    }
    .small_red{
        font-size:10px;
        color:Red;
    }
    .cart_btn_sm{
        background-image: url('/template/optivita/images/cart-white.png');
        background-position:center left;
        background-repeat: no-repeat;
        background-color:#53A02D;
        color:#fff;
        font-size:14px;
        width:auto;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;

    }
    .cart_btn_sm:hover{
        background-color:#2F7516;
    }
    #ck_src_lc{
        width:100px;
        display:inline;
    }
    .account_creator{
        width: 299px;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 28px;
        position: absolute;
        left: 50%;
        margin-left: -46%;
        top: -175px;
        border: 2px #ccc dotted;
        z-index: 11;

    }
    .account_creator .close_btn{
        position: relative;
        top: -49px;
        left: 133px;
        cursor: pointer;
    }
    .account_creator #password, #confirm_password{
        font-size:16px;
    }
    .account_creator .gbtn{
        background-color:#fff;
    }
    .account_creator .fieldset{
        padding-bottom:10px;
    }
    #checkout_data{
        position:relative;
    }
    #checkout_form_in, #checkout_form_out{
        position: relative;
        top:0px;
    }
    .promo_code .fieldset .label{
        padding-left:15px;
    }
    .promo_code .fieldset #ck_promo_btn{
        height: 21px;
        position: relative;
        top: -2px;
        width:39px;
    }
    .promo_code .fieldset .discount_pct{
        position:absolute;
        top:28px;
        left:258px;
        color:red;
    }
    .promo_code #promo_code{
        width:40% !important;
    }
    #country_ch{
        width:299px !important;
    }
    .cart_addon .green_btn_sm{
        font-size: 11px !important;
        height: 9px !important;
        display: inline-block !important;
        position: absolute !important;
        width: 3px !important;
        overflow: hidden !important;
        margin-left: 23px !important;
        left: 85% !important;
        padding-left: 3px !important;
        padding-top: 2px !important;
        top: 2px;
    }
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 991px)
{
    .cart_items{
        list-style:none;
        margin:0px;
        padding:0px;
    }
    #code_cont_promo{
        margin-top: 20px;
        display:inline-block;
    }
    #code_cont_barcode{
        position: relative; 
        margin-top: 20px; 
        padding-left: 20px; 
        display: inline-block;
    }
    .cart_item{
        padding-top:20px;
        padding-bottom:20px;
        border-bottom:2px #ccc dotted;
        position: relative;
    }
    .cart_item .thumb{
        width: 70px;
        height: 100px;
        display:inline-block;
        position: relative;
        top:6px;
        left:-16px;
    }
    .cart_item .details{
        display:inline-block;
        position:relative;
        top:15px;
        left:-10px;
    }
    .cart_item .details .name{
        font-weight:bold;
        position:absolute;
        top:-93px;
        font-size:14px;
    }
    .cart_item .details .name a{
        color:#000;
        text-decoration: none;
    }
    .cart_item .details .name a:hover{
        color:#53A02D;
        text-decoration: none;
    }
    .cart_item .details .desc{
        font-weight: normal;
        font-size: 12px;
        position: absolute;
        top: -53px;
        height: 55px;
        width:100%;
    }
    .cart_item .details .disp{
        font-weight:normal;
        position:relative;
    }
    .cart_item .quantity{
        width: 52px;
        position: absolute;
        top: 58px;
        left: 92%;
    }
    .cart_item .quantity .qty_lbl{
        position: absolute;
        left: 25px;
        top: 1px;
        color: #aaa;
    }
    .cart_item .quantity input{
        width:38px !important;
    }
    .cart_item .price{
        color: red;
        width: 90px;
        text-align: right;
        position: absolute;
        top: 23px;
        left: 83%;
    }
    .cart_item .price .dc_price{
        color:#6ad05b;
        text-decoration: line-through;
    }
    .cart_item .del{
        position: absolute;
        top: 24px;
        left: 90%;
        display: inline-block;
        width: 68px;
        text-align: right;
    }
    .subtotal_div{
        text-align:right;
        font-weight:bold;
        color:#000;
        padding-top:10px;
        padding-bottom:10px;
    }
    .code_cont input{
        height: 25px;
        position: relative;
        top: 1px;
    }
    .code_cont #ckbtn, #ck_promo_btn, #ck_cc_btn{
        width:100px; 
        display:inline-block;
    }
    .auth_alert{

    }

    .client_data .label, .address_data .label, .other_data .label{
        margin-left:15px;
        padding-top:10px;
    }
    .p_choice{
        margin-top:20px;
    }
    .small_red{
        font-size:10px;
        color:Red;
    }
    .cart_btn_sm{
        background-image: url('/template/optivita/images/cart-white.png');
        background-position:center left;
        background-repeat: no-repeat;
        background-color:#53A02D;
        color:#fff;
        font-size:14px;
        width:auto;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;

    }
    .cart_btn_sm:hover{
        background-color:#2F7516;
    }
    #ck_src_lc{
        width:100px;
        display:inline;
    }
    .account_creator{
        width: 299px;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 28px;
        position: absolute;
        left: 50%;
        margin-left: -46%;
        top: -175px;
        border: 2px #ccc dotted;
        z-index: 11;

    }
    .account_creator .close_btn{
        position: relative;
        top: -49px;
        left: 133px;
        cursor: pointer;
    }
    .account_creator #password, #confirm_password{
        font-size:16px;
    }
    .account_creator .gbtn{
        background-color:#fff;
    }
    .account_creator .fieldset{
        padding-bottom:10px;
    }
    #checkout_data{
        position:relative;
    }
    #checkout_form_in, #checkout_form_out{
        position: relative;
        top:-0px;
    }
    .promo_code .fieldset .label{
        padding-left:15px;
    }
    .promo_code .fieldset #ck_promo_btn{
        height: 21px;
        position: relative;
        top: -2px;
        width:39px;
    }
    .promo_code .fieldset .discount_pct{
        position:absolute;
        top:28px;
        left:258px;
        color:red;
    }
    .promo_code #promo_code{
        width:40% !important;
    }
    #country_ch{
        width:299px !important;
    }
    .cart_addon .green_btn_sm{
        font-size: 11px !important;
        height: 9px !important;
        display: inline-block !important;
        position: absolute !important;
        width: 3px !important;
        overflow: hidden !important;
        margin-left: 23px !important;
        left: 85% !important;
        padding-left: 3px !important;
        padding-top: 2px !important;
        top: 2px;
    }
}

/* desktop */
@media screen and (min-width: 992px)
{
    .cart_items{
        list-style:none;
        margin:0px;
        padding:0px;
    }
    #code_cont_promo{
        margin-top: 20px;
        display:inline-block;
    }
    #code_cont_barcode{
        position: relative; 
        margin-top: 20px; 
        padding-left: 20px; 
        display: inline-block;
    }
    .cart_item{
        padding-top:20px;
        padding-bottom:20px;
        border-bottom:2px #ccc dotted;
        position: relative;
    }
    .cart_item .thumb{
        width: 100px;
        height: 100px;
        display:inline-block;
        position: relative;
        top:6px;
    }
    .cart_item .details{
        display:inline-block;
        width: 400px;
        position:relative;
    }
    .cart_item .details .name{
        font-weight:bold;
        position:absolute;
        top:-79px;
    }
    .cart_item .details .name a{
        color:#000;
        text-decoration: none;
    }
    .cart_item .details .name a:hover{
        color:#53A02D;
        text-decoration: none;
    }
    .cart_item .details .desc{
        font-weight:normal;
        font-size:12px;
        position:absolute;
        top:-40px;
    }
    .cart_item .details .disp{
        font-weight:normal;
        position:relative;
    }
    .cart_item .quantity{
        display:inline-block;
        width:100px;
        padding-left:50px;
        position:relative;
        top:-46px;
        left:42%;
    }
    .cart_item .price{
        display:inline-block;
        color:red;
        width:90px;
        text-align:right;
        position:relative;
        top:-75px;
        left:30%;
    }
    .cart_item .price .dc_price{
        color:#6ad05b;
        text-decoration: line-through;
    }
    .cart_item .del{
        display:inline-block;
        position:relative;
        top:-73px;
        left:30.5%;
    }
    .subtotal_div{
        text-align:right;
        font-weight:bold;
        color:#000;
        padding-top:10px;
    }
    .code_cont input{
        height: 25px;
        position: relative;
        top: 1px;
    }
    .code_cont #ckbtn, #ck_promo_btn, #ck_cc_btn{
        width:100px; 
        display:inline-block;
    }
    .auth_alert{

    }

    .client_data .label, .address_data .label, .other_data .label{
        margin-left:15px;
        padding-top:10px;
    }
    .p_choice{
        margin-top:20px;
    }
    .small_red{
        font-size:10px;
        color:Red;
    }
    .cart_btn_sm{
        background-image: url('/template/optivita/images/cart-white.png');
        background-position:center left;
        background-repeat: no-repeat;
        background-color:#53A02D;
        color:#fff;
        font-size:14px;
        width:auto;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;

    }
    .cart_btn_sm:hover{
        background-color:#2F7516;
    }
    #ck_src_lc{
        width:100px;
        display:inline;
    }
    .account_creator{
        width:355px;
        background-color: #fff;
        padding-top:10px;
        padding-bottom:28px;
        position: absolute;
        left: 35%;
        top: -175px;
        border:2px #ccc dotted;
        z-index: 11;

    }
    .account_creator .close_btn{
        position: relative;
        top:-49px;
        left:162px;
        cursor:pointer;
    }
    .account_creator #password, #confirm_password{
        font-size:16px;
    }
    .account_creator .gbtn{
        background-color:#fff;
    }
    .account_creator .fieldset{
        padding-bottom:10px;
    }
    #checkout_data{
        position:relative;
    }
    #checkout_form_in, #checkout_form_out{
        position: relative;
        top:-56px;
    }
	.promo_code{
		margin-top:20px;
	}
    .promo_code .fieldset .label{
        padding-left:15px;
    }
    .promo_code .fieldset #ck_promo_btn{
        height: 21px;
        position: relative;
        top: -2px;
    }
    .promo_code .fieldset .discount_pct{
        position:absolute;
        top:28px;
        left:258px;
        color:red;
    }
	.cart_addon_container{
		display:table-cell;
		vertical-align:top;
		width:587px;
	}
	
	.add_to_cart_btn_green{
		border: 2px #6ad05b solid;
		font-size: 14px;
		width: auto;
		color: #6d6e71;
		height: 19px;
		padding: 5px 5px 5px 5px;
		margin-top: 5px;
		text-align: center;
		cursor: pointer;
		text-transform: uppercase;
	}
}