.smart_shipping img {
    max-width: 100%;
    height: auto;
}
.visible-phone {
    display: none !important;
}
@media (max-width: 959px) {
    .slides_container,
    .wrap-in,
    .full-width,
    .smart_content {
        width: 700px;
    }
    .box-checkout.ongkircek {
        width: 307px;
    }
	.box-checkout input {
    width: 307px;
	}
	.pulwidth {
    width: 320px;
	}
	.opsidaf .bxbutnreg{width:43%;}
    .smart_pdbox {
        width: 211px;
        margin: 5px;
        padding: 0 5px;
    }
    .smart_search .sol {
        width: 260px;
    }
    .smart_search select {
        width: 250px;
    }
    .smart_mess,
    .smart_search {
        width: 333px;
        margin-left: 0;
    }
    .exo {
        width: 273px;
        height: 273px;
    }
    .clearfix.exo .zoomWrapper {
        width: 273px !important;
        height: 273px !important;
    }
    .shopbag .logon {
        display: none;
    }
    #konten {
        width: 678px;
    }
    .content {
        width: 675px;
    }
    .f-nav {
        width: 700px;
    }
    .column_left textarea {
        width: 663px;
    }
    .box-checkout {
        width: 318px;
    }
    .slide2 .slidep,
    .slide2,
    .slide2 .slides_container {
        width: 700px !important;
    }
    .sidebox {
        width: 100%;
        margin-top: 20px;
    }
    .smart_sidebarlft,
    .harini {
        display: none;
    }
    #slides_pdbox {
        display: none;
    }
    .detailsingle_boxleft {
        width: 399px;
    }
    #comments_template .meta-com {
        width: 580px;
    }
    .children .meta-com {
        width: 539px !important;
    }
    .content.liblog {
        width: 700px;
    }
    .list-blog h2 {
        width: 550px;
    }
    .list-blog p {
        width: 545px;
    }
}
@media (max-width: 685px) {
    .slides_container,
    .wrap-in,
    .full-width,
    .smart_content,
    .exo {
        width: 410px;
    }
	.shopbag .logon {
  		display: inherit;
	}
    .box-checkout.ongkircek {
        width: 365px;
    }
    .shopbag {
        width: 385px;
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
    }
    .info-toko .kontak {
        float: left;
        width: 45%;
        margin-left: 12px;
    }
    .sg_share {
        display: none;
    }
    .smart_pdbox {
        width: 183px;
    }
    .smart_mess,
    .smart_search {
        width: 425px;
    }
    .smart_search .sol {
        width: 357px;
    }
    .smart_search select {
        width: 319px;
    }
    .slide2 .slidep,
    .slide2,
    .slide2 .slides_container {
        width: 410px !important;
    }
    .slide_img {
        margin-right: 3px;
        margin-left: 21px;
    }
    .detailsingle_boxleft {
        margin-right: 6px;
    }
    .f-nav {
        width: 410px;
    }
    .cart-fade {
        margin-top: 86px;
    }
    #konten {
        width: 389px;
    }
    .content {
        width: 389px;
    }
    .column_left textarea {
        width: 375px;
    }
    .aui .btn {
        width: 135px;
    }
    .box-checkout {
        width: 388px;
    }
    .box-checkout input {
        width: 377px;
    }
    .pulwidth {
        width: 387px;
    }
    .rght {
        text-align: left;
    }
    #comments_template .meta-com {
        width: 294px;
    }
    .children .meta-com {
        width: 255px !important;
    }
    .column_left textarea {
        width: 376px;
    }
    #related_posts {
        width: 411px;
    }
    #random_posts {
        width: 411px;
    }
    .content.liblog {
        width: 410px;
    }
    .list-blog h2 {
        width: 256px;
    }
    .list-blog p {
        width: 256px;
    }
    #contactForm td {
        padding-left: 96px;
    }
    #contactForm td:nth-of-type(2):before {
        content: "";
    }
}
@media (max-width: 685px) {
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tr {
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }
    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
	.titletable{display:none;}
    td:nth-of-type(1):before {
        content: "Produk";
    }
    td:nth-of-type(2):before {
        content: "Item";
    }
    td:nth-of-type(3):before {
        content: "Harga";
    }
    td:nth-of-type(4):before {
        content: "Kuantitas";
    }
    td:nth-of-type(5):before {
        content: "Subtotal";
    }
    #checkoutCart td:nth-of-type(1):before {
        content: "Produk";
    }
    #checkoutCart td:nth-of-type(2):before {
        content: "Qty";
    }
    #checkoutCart td:nth-of-type(3):before {
        content: "Harga";
    }
	tr.kirim td:nth-of-type(2):before {
    content: "";
	}
	tr.kirim td:nth-of-type(2):before {
    content: "";
	}
	/*
	.produk-ordered table td:before{
		display: none !important;
	}
	*/
	.produk-ordered table tr td:before{
    content: attr(data-title) ": ";
    font-weight: 700;
    position: relative;
    top: 0;
	}
    .smart_cart .btn-group {
        margin-left: 0px;
    }
    .cartSummary {
        width: 100%;
    }
    .smart_cart .input-append {
        margin-top: 18px;
    }
    .smart_cart .cart_pdpri {
        margin-top: 20px;
    }
    .smart_cart .cart_pdtitle {
        margin-top: 20px;
    }
    .smart_cart #right {
        text-align: left;
    }
    .kuponz {
        float: none;
    }
    .input-append .smrt-kupon {
        width: 370px;
    }
    .cart_pdto {
        margin-top: 20px;
    }
}
@media (max-width: 380px) {
    .slides_container,
    .wrap-in,
    .full-width,
    .smart_content,
    .exo {
        width: 310px;
    }
    .box-checkout.ongkircek {
        width: 269px;
    }
	tfoot.cartSummary tr {
    width: 285px;
}
	.opsidaf .bxbutnreg {
    width: 42%;
}
    .smart_logo {
        margin: 0 auto;
        float: none;
    }
    .smart_logo img {
        width: auto;
    }
    .shopbag {
        width: 270px;
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
    }
    .info-toko .kontak {
        float: left;
        width: 45%;
        margin-left: 6px;
    }
    ul#nav li {
        margin-right: -19px;
    }
    .box-checkout {
        width: 288px;
    }
    .box-checkout input {
        width: 275px;
    }
    .pulwidth {
        width: 289px;
    }
    .zx .btn {
        width: 33px;
    }
    .input-append .smrt-kupon {
        width: 203px;
    }
    textarea#pm_note {
        width: 285px;
    }
    .aui .btn {
        width: 74px;
    }
    .smart_mess,
    .smart_search {
        width: 324px;
    }
    .smart_search .sol {
        width: 235px;
    }
    .smart_search select {
        width: 306px;
    }
    #searchform button {
        margin-top: -2px;
        width: 45px;
    }
    .smart_slide {
        display: none;
    }
    .smart_pdbox {
        width: 288px;
    }
    .detailsingle_boxleft {
        width: 304px;
    }
    .sg_stock {
        margin-left: 22px;
    }
    .zoomWrapper {
        margin-left: -35px;
    }
    .sg_button .btn-large {
        margin-left: 37px;
    }
    #konten {
        width: 304px;
    }
    .content {
        width: 210px;
    }
    #comments_template .meta-com {
        width: 117px;
    }
    .children .meta-com {
        width: 76px !important;
    }
    #related_posts {
        width: 244px;
    }
    #random_posts {
        width: 244px;
    }
    .column_left textarea {
        width: 202px;
    }
    .content.liblog {
        width: 239px;
    }
    .list-blog h2 {
        width: 240px;
        margin-top: 1px;
    }
    .list-blog p {
        width: 240px;
    }
    #contactForm td {
        padding-left: 13px;
    }
}
@media (max-width: 290px) {
    .slides_container,
    .wrap-in,
    .full-width,
    .smart_content,
    .exo {
        width: 193px;
    }
    .box-checkout.ongkircek {
        width: 159px;
    }
    .smart_logo img {
        max-height: 41px;
        width: auto;
    }
    .smart_mess,
    .smart_search {
        width: 176px;
    }
    .smart_search .sol {
        width: 162px;
    }
    .smart_search select {
        width: 176px;
    }
    #searchform button {
        margin-top: 2px;
        width: 176px;
    }
    .smart_pdbox {
        width: 171px;
    }
    .smart_ftbox {
        width: 162px;
    }
    .input-append .smrt-kupon {
        width: 158px;
    }
    .aui .btn {
        width: 61px;
    }
    .box-checkout {
        width: 171px;
    }
    .box-checkout input {
        width: 158px;
    }
    .pulwidth {
        width: 168px;
    }
    .smart_ftbox {
        width: 163px;
    }
    .detailsingle_boxleft {
        width: 181px;
    }
    .sg_stock {
        display: block;
        margin-top: -79px;
        margin-left: 87px;
    }
    .sg_button .btn-large {
        margin-left: 11px;
    }
    .zoomWrapper {
        margin-left: -45px;
    }
    .zoomWrapper img {
        width: 163px;
    }
    #konten {
        width: 171px;
    }
    .content {
        width: 174px;
    }
    .column_left input {
        width: 157px;
    }
    .column_left textarea {
        width: 159px !important;
    }
    .btncm button {
        margin-top: 14px;
    }
    #related_posts {
        width: 197px;
    }
    #random_posts {
        width: 197px;
    }
    .content.liblog {
        width: 193px;
    }
    .list-blog h2 {
        width: 195px;
        margin-top: 1px;
    }
    .list-blog p {
        width: 195px;
    }
    #contactForm td select {
        width: 171px !important;
    }
}
@media (max-width: 240px) {
    .shopbag {
        width: 150px;
    }
    .smart_search .sol {
        width: 121px;
    }
    .smart_mess,
    .smart_search {
        width: 188px;
    }
    #searchform button {
        margin-top: -2px;
        width: 40px;
    }
    .linkbxright {
        display: none;
    }
    .smart_logo img {
        max-height: 57px;
        width: auto;
    }
}
@media print {
    .full-width {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 930px;
    }
    .btn-print {
        display: none;
    }
    .sm-footer {
        background: #222;
        padding: 0;
        margin: 0;
        text-align: center;
        border: none;
        color: #474747;
        font-size: 13px;
    }
    .info-toko {
        display: none;
    }
    .smart_dropdownmenu {
        display: none;
    }
    .smart_shipping {
        display: none;
    }
    .smart_footer {
        display: none;
    }
    .smart_header {
        padding: 0;
        margin-top: -20px;
    }
    .smart_logo {
        width: 257px;
        height: 74px;
        margin: 0 auto;
    }
    .list_sm {
        width: 115px;
        margin-left: -35px;
    }
}