@media screen and (min-width: 768px) and (max-width: 991px) { 
                    .modal.half {
                        width:60% !important;
                        margin-left: 20% !important;/* This is hackish idea to implement the margin and will be replaced as soon as we'll get new logic for this. */
                    }
                    .modal.default {
                        width: 80% !important;
                        margin-left: -40% !important;/* This is hackish idea to implement the margin and will be replaced as soon as we'll get new logic for this. */
                    }
                }
                @media screen and (min-width: 992px) { 
                    .modal.half {
                        width:40% !important;
                        margin-left: -20% !important;/* This is hackish idea to implement the margin and will be replaced as soon as we'll get new logic for this. */
                    }
                    .modal.default {
                        width: 80% !important;
                        margin-left: -40% !important;/* This is hackish idea to implement the margin and will be replaced as soon as we'll get new logic for this. */
                    }
                }
                .modal-header .close{font-size: 28px;}
                .modal {
                    border-radius: 0px !important;
                    overflow-y: scroll !important;
                }
                .dialog-ajax-loader {margin-left: 47.8%;}
                .ajax-loader{background: url(/resources/images/ajax-loader.gif) no-repeat center; display: inline-block; height:16px; width: 16px;}
                /* (Begin) Related to credit card type validation.*/
                ul.card_logos {
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                }
                .CCT_VISA, .CCT_MASTERCARD, .CCT_AMERICANEXPRESS, .CCT_DISCOVER, .card_diners, .card_jcb {
                    display: inline-block;
                    width: 50px;
                    height: 30px;
                    overflow: hidden;
                    text-align: left;
                    text-indent: -999px;
                    background: url(/uif/img/sprite-cards.png) 0 0 no-repeat;
                }
                .CCT_MASTERCARD {
                    background-position: -55px 0;
                }

                .CCT_AMERICANEXPRESS {
                    background-position: -110px 0;
                }
                .CCT_DISCOVER {
                    background-position: -165px 0;
                }
                .card_diners {
                    background-position: -220px 0;
                }
                .card_jcb {
                    background-position: -660px 0;
                }
                .is_visa li, .is_mastercard li, .is_amex li, .is_discover li, .is_diners li, .is_jcb li, .is_nothing li {
                    opacity: .2;
                }
                .is_visa li.CCT_VISA, .is_mastercard li.CCT_MASTERCARD, .is_amex li.CCT_AMERICANEXPRESS, .is_discover li.CCT_DISCOVER, .is_diners li.card_diners, .is_jcb li.card_jcb {
                    opacity: 1;
                }
                /*(End) Related to credit card type validation.*/
                .cart, .order-summary {font-size:14px; margin-top:10px;}
                .cart  .product-name, .order-summary .product-name {font-size:18px;}
                .cart input {width:65px; font-size:14px; text-align: center;}
                .cart .product-details{max-width:200px;}
                .cart .product-details-small {vertical-align:top;}
                .credit-cards img {width:45px;}
                .cart-summary-links {margin-bottom:20px;}

                .validation-messages label {display:block !important;}

                .shipping-address-section, .shipping-method-section, .order-summary, shipping-method-section-registered {margin-top:15px;}
                .table > tbody > tr > th, .table > tbody > tr > td {vertical-align: middle !important;}
                .table > tfoot > tr > td > .table td, .table > tfoot > tr > td > .table th {border:none; font-weight:normal;}
                .table > tfoot > tr > td > .table td:last-child {padding-right:0;}
                .table > tfoot > tr > td > .table tr.subtotal td, .table > tfoot > tr > td > .table tr.subtotal th {font-weight:bold;}
                .table > tfoot > tr > td > .table tr.total td, .table > tfoot > tr > td > .table tr.total th {color:#252525; font-weight:bold;}
                .iconlist li {
                    display: inline;
                    float: left;
                }