.container-fluid{padding:25px 20px;*zoom: 1;/*padding-right:20px;padding-left:20px;*/} @media (min-width:768px) and (max-width:979px){ body{margin:12px !important;} .container-fluid {padding:12px;} } /*DCC integration*/ @media (min-width:641px) { /*div.dcc span.span6.content-bg { width:auto; }*/ div.dcc span.span6.content-bg.marginR { margin-right:2.5% !important; } } @media (max-width:640px){ /*div.dcc { padding:12px !important; margin-top:12px !important; } div.dcc span.span12.title { font-weight:bold; margin-bottom:10px !important; }*/ div.dcc span.span6.content-bg.marginR { margin-right:0; margin-bottom:2.5%; } div.dcc span.span6.content-bg { text-align:left; font-size:10px; padding:6px; width:100% !important; } div.dcc span.span6.content-bg span.span12 { font-size:13px; font-weight:bold; } div.dcc span.span6.content-bg span.span12 BR { display:none; } div.dcc span.span6.content-bg span.span12 input.radio { margin-right:5px; } } /*DCC integration*/ /*Available in the Customizable panel*/ .page-bg{background-color: #f0f0f0;} .header-bg {background-color:#ffffff;} /*Available in the Customizable panel*/ .content-bg{background-color:#ffffff;} /*Available in the Customizable panel*/ .webstore-name-text { color:#000000; font-size:30px; font-weight:bold; } /* #ordertotal input.textfield {margin-bottom:6px !important;}*/ /*#viewcart div.dropdown {color: #555; position: relative; text-align:right; z-index:52; } #viewcart div.dropdown div.submenu { position:absolute; top:-10px; right:-6px; width: 137px; display:none; margin-left:10px; padding:25px 0 0 0;} #viewcart div.dropdown a.account { position: absolute; top:-11px; right:-6px; z-index: 52; display: block; text-decoration: none; outline:none; padding:10px 6px 0 0; width:137px; height:53px; border-width:0 0 0 1px;} #viewcart div.dropdown div.submenu #gap { position: absolute; top:0; right:0; width:137px; padding-left:15px; height:37px; border-width:0 0 0 1px;} #viewcart div.dropdown div.submenu #cart-content { position: absolute; top:53px; right:-1px; text-align:left;}*/ /* Billing Shipping Form Starts */#billing_form.span8, #shipping_form.span8{padding-right:0;} div.billing-pre-populate .content-text { font-size:12px; } div.shipping-pre-populate .content-text { font-size:12px; } div.billing-pre-populate .span12 .span3, div.shipping-pre-populate .span12 .span3 { width:25%; } /* Billing Shipping Form Ends */ div.prepopulate-payment-option div.payment-options .span7 { min-width:280px; /*max-width:280px; width:65%;*/ } div.prepopulate-payment-option div.payment-options .span5 { width:25%; } div.prepopulate-payment-option div.payment-options .span12 { font-size:12px; } div.prepopulate-payment-option div.payment-options .span12 a.primary-link span { font-size:12px; } div.prepopulate-payment-option div.payment-options .span12 a.primary-link span.plus { font-size:18px; top:2px; } /*Available in the Customizable panel*/ .content-text{ font-size:12px; color:#474747;} /*Available in the Customizable panel*/ .secondary-text{ font-size:12px; color:#878787;} /*Available in the Customizable panel*/ .heading-bg{background-color: #1572e8;} /*Available in the Customizable panel*/ .heading-text{ font-size:18px; color:#000000; font-weight:600;} #creditcard_form div.popular-banks span.innerpanel-bg { padding:10px 7px; /*background-size:65%;*/ } /*Available in the Customizable panel*/ .innerpanel-text{ font-size:12px; color:#292929;} /*Available in the Customizable panel*/ .highlight-text {color:#1572e8;} /*Available in the Customizable panel*/ .coupon-text { font-size:11px; color:#ec423f; padding:3px 5px; } #rightpanel.span4 {padding-left:6px !important; } #ordertotal.span12 {margin:0 0 15px 0 !important; /*padding:10px 14px 14px 14px !important;*/ position:relative;} #ordertotal #grandtotal div.span6 {font-size:12px; font-weight:bold; margin-bottom:2px !important; } #ordertotal #grandtotal div.pull-right {font-size:13px;} /* #ordertotal input.textfield {margin-bottom:6px !important;}*/ /* Billing Shipping Form Starts */#billing_form.span8, #shipping_form.span8{padding-right:0;}/* Billing Shipping Form Ends */ /*Available in the Customizable panel*/ .border, .divider {border:solid 1px #e4e4e4;} /*Available in the Customizable panel*/ .primary-button-bg {background-color:#1572e8; padding:4px 8px 4px 8px;} /*Available in the Customizable panel*/ .primary-button-text { font-size: 18px; color:#fff; text-decoration:none;} /*Available in the Customizable panel*/ .primary-button-bg:Hover {background-color:#1572e8;} /*Available in the Customizable panel*/ .primary-button-text:Hover {color:#fff;} /*Available in the Customizable panel*/ .primary-button-border { border:solid 1px #1572e8; } /*Available in the Customizable panel*/ .primary-button-border-hover:Hover { border:solid 1px #1572e8; } /*Available in the Customizable panel*/ .secondary-button-bg { background-color:#242a31; padding:4px 8px 4px 8px; } /*Available in the Customizable panel*/ .secondary-button-text { font-size:13px; color:#ffffff; text-decoration:none; } /*Available in the Customizable panel*/ .secondary-button-bg:Hover { background-color:#242a31; } /*Available in the Customizable panel*/ .secondary-button-text:Hover { color:#ffffff; } /*Available in the Customizable panel*/ .secondary-button-border { border:solid 1px #242a31; } /*Available in the Customizable panel*/ .secondary-button-border-hover:Hover { border:solid 1px #242a31; } #ordertotal .innerpanel-text, #ordertotal .highlight-text { font-size:12px; } #ordertotal .order-details-title.span12 { font-size:18px; } #ordertotal .order-details-title.span12 a.primary-link { font-size:12px; font-weight:normal; text-transform:capitalize; line-height:28px; } div.phone-links { text-align:right; padding:4px 0 5px 0; } div.phone-links a.primary-link { text-decoration:underline; } div.phone-links span.content-text { font-size:14px; } .icon-cart-white { background-image: url(../images/icon-cart-white.gif); background-position: left top; background-repeat: no-repeat; } /*Available in the Customizable panel*/ A.primary-link:Link, A.primary-link:Visited { font-size:12px; color:#1572e8; text-decoration:none;} /*Available in the Customizable panel*/ A.primary-link:Hover {color:#1572e8;} /*Available in the Customizable panel*/ A.secondary-link:Link, A.secondary-link:Visited { font-size:12px; color:#202020; text-decoration:none; outline:none;} /*Available in the Customizable panel*/ A.secondary-link:Hover {color:#202020;} .middlePanel .secondary-text, .middlePanel .heading-text, .middlePanel .innerpanel-text, .middlePanel .content-text, .middlePanel .highlight-text, .middlePanel .primary-link, .middlePanel .secondary-link, .middlePanel select, .middlePanel input, .middlePanel textarea { font-size:11px !important; } .middlePanel div.cart-list { padding:10px; } .middlePanel div.cart-list .title-panel span.content-text { font-size:18px !important; font-weight:bold; padding-top:0; } .middlePanel div.cart-list .heading-bg { padding:10px 12px 10px 12px; margin:0 !important; } .middlePanel div.cart-list .heading-bg .product-unit-price, .middlePanel div.cart-list .addtocart-list .product-unit-price { text-align:left !important; } .middlePanel div.cart-list .addtocart-list .product-qty { float:none; } .middlePanel div.cart-list .addtocart-list .product-qty .subtotal { text-align:left; } .middlePanel div.cart-list .product-img { width:95px !important; float:left; } .middlePanel div.cart-list .product-img .visible-phone { width:85px !important; text-align:center; padding-top:5px; } .middlePanel div.cart-list .product-img .visible-phone .remove { vertical-align:middle; margin:-2px 4px 0 0; } .middlePanel div.cart-list .product-desc, .middlePanel div.cart-list .product-unit-price, .middlePanel div.cart-list .product-qty { float:none; padding-left:95px !important; } .middlePanel div.cart-list .addtocart-list .product-desc select { width:100% !important; max-width:250px !important; } .middlePanel div.cart-list .addtocart-list .product-desc .messagecontent { width:auto; } .middlePanel div.cart-list .addtocart-list .product-desc .messagecontent .innerpanel-bg { padding:10px; } .middlePanel div.cart-list .addtocart-list .product-desc .messagecontent .innerpanel-text { font-size:11px; } .middlePanel div.cart-list .product-unit-price { /*line-height:16px;*/ padding-top:8px; } .middlePanel div.cart-list .product-unit-price .visible-phone { font-weight:bold; /*padding-top:4px; padding-bottom:5px;*/ } .middlePanel div.cart-list .product-unit-price .secondary-text { padding-left:6px; } .middlePanel div.cart-list .product-qty { /*line-height:16px;*/ padding-top:8px; } .middlePanel div.cart-list .product-qty .visible-phone { font-weight:bold; /*padding-top:8px; padding-bottom:5px;*/ } .middlePanel div.cart-list .product-qty input.textfield { width:50%; } .middlePanel div.cart-list .product-qty .subtotal { /*line-height:16px;*/ padding-top:8px; } .middlePanel div.cart-list .product-qty .visible-phone { font-weight:bold; /*padding-top:8px; padding-bottom:5px;*/ } .middlePanel div.cart-list .add-coupon-code .apply-coupon-code { position:inherit; padding:12px 10px; border-width:0 0 1px 0; height:auto; margin:0 !important; } .middlePanel div.cart-list .add-coupon-code .apply-coupon-code input.textfield { width:60%; } .middlePanel div.cart-list .add-coupon-code .apply-coupon-code .primary-button-bg { padding:6px 10px !important; margin-top:1px !important; } .middlePanel div.cart-list .add-coupon-code .coupon-discount-value { padding:10px; border-width:1px 0 0 0; } .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .pull-right { float:none; } .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .order-amount .amount.subtotal { padding-right:0; } .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .span8, .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .span4 { } .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .label { font-weight:bold; } .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .remove { margin-left:4px; margin-top:-2px; vertical-align:middle; } /*.middlePanel div.cart-list .add-coupon-code .coupon-discount-value .gap { border-width:1px 0 0 0; margin:7px 0 8px 0; }*/ .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .content-text, .middlePanel div.cart-list .add-coupon-code .coupon-discount-value .highlight-text { line-height:normal !important; } .middlePanel div.cart-list .coupon-discount-value .order-amount .amount { padding-right:0; line-height:25px; } /*.middlePanel div.cart-list .coupon-discount-value .order-amount { line-height:25px; }*/ .middlePanel div.cart-list .total-order-amt { padding:8px 10px; margin:0 !important; } .middlePanel div.cart-list .total-order-amt .span5 { display:none; } .middlePanel div.cart-list .total-order-amt .span7 .pull-right { float:none; } .middlePanel div.cart-list .total-order-amt .label { float:none; } .middlePanel div.cart-list .total-order-amt .amount.subtotal { padding-right:0; margin:0; float:none; } /*.middlePanel div.cart-list a.secondary-button-bg { padding:6px 8px !important; } .middlePanel div.cart-list .secondary-button-text { font-size:11px !important; }*/ /*.middlePanel div.cart-list a.primary-button { padding:8px 8px 9px 8px !important; } .middlePanel div.cart-list .primary-button-text { font-size:12px !important; }*/ .middlePanel div.cart-list .buttonspanel .checkout-btn.span10 {position:fixed; left:0; bottom:0; right:0; z-index:99999; display:block; padding:20px 0; /*background-image:url('../images/sticky.png'); background-position:left top; background-repeat:repeat;*/ background-color:#f8f8f8; border-top:solid 1px #ccc; box-shadow:1px -1px 5px #ccc;} .middlePanel div.cart-list .buttonspanel .continue-shop-btn { display:block; } .middlePanel div.cart-list .buttonspanel .checkout-btn { display:block; text-align:center; } .middlePanel div.cart-list .buttonspanel .checkout-btn a.checkout { font-size: 12px; text-decoration:none; display:inline-block; width:160px; } .middlePanel div.cart-list .buttonspanel .checkout-btn a.checkout img { margin-right:6px; } .middlePanel div.cart-list .total-order-amt .content-text { font-size:13px !important; font-weight:bold; } .message-popup { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -20%); background: white; padding: 20px; border-radius: 10px; width: 670px; display: none; z-index: 1001; } .message-popup .close-popup { float:right; margin-top:-10px; margin-right:-5px; } body.iframe div.ccavenue-checkout .title table td.innerpanel-text { font-size:12px !important; padding-left:5px; } body.iframe .content-text, body.iframe .innerpanel-text, body.iframe .primary-link, body.iframe .highlight-text { font-size:12px !important; } body.iframe input[type="text"], body.iframe input[type="password"], body.iframe select { font-size:12px !important; } body.iframe .heading-text { font-size:13px; } body.iframe #creditcard_form #emi_duration table.emi-table td.content-text { font-size:11px !important; } #cc-footer { padding:20px 0 !important; } #cc-footer .span12 { position:none; padding-right:0; } #cc-footer .span12 ul { text-align:left; margin:0 0 0 -30px; width:100%; display:block; } #cc-footer .span12 ul li { margin:0 0 8px 0; } #cc-footer .span12 span.visa-logo { display:block !important; width:100% !important; position:inherit; text-align:left; padding:20px 0 0 0; } #cc-footer .footer-text a.primary-link:link { font-size:11px; } #cc-footer .span6.footer-logos { padding:15px 0; text-align:left; } /*#cc-footer .span6.footer-logos img { width:31%; }*/ .cancel-transaction table td[class*="reason"] { font-size: 13px; vertical-align:top; padding:10px 0 0 5px !important; } .cancel-transaction table td input.radio { margin:0 !important; } /*.cancel-transaction table td #buttons .primary-button-inside-border, .cancel-transaction table td #buttons .primary-button-text, .cancel-transaction table td #buttons .secondary-button-inside-border, .cancel-transaction table td #buttons .secondary-button-text { padding:2px 0; font-size:11px; }*/ .challan-preview div.scroll-content #creditcard_form .row-fluid div.span12.details .span6.content-text { width:97.4358%; min-width:97.4358%; } } @media (max-width:480px){ body { margin:0; } body.iframe .container-fluid { padding:0; } div.fix-desktop { padding:0 !important; max-width:100%; margin:0 !important; } span.cvv:hover .tip-content { right:-110px !important; } .content-text, .secondary-text, .innerpanel-text, A.primary-link, A.secondary-link, select, input.textfield, .orpay-text.content-text, #creditcard_form #savecard .span12.content-text .span11.note { font-size:11px; } .heading-text, #shipping_form.span12 div.span12 span.shipping-address-title { font-size:13px; } .upi-popups .radius6 .content ol li{line-height:14px; padding-bottom:5px;} /*div.heading-bg.show-phone { display:block; } div.heading-bg.payInfoDiv { display:none; }*/ /* Logo/Header Starts */#logo div.banner {padding:12px 12px;}/* Logo/Header Ends */ /* Billing Shipping Form Starts */ #billing_form.span8, #shipping_form.span8{padding-right:0;}/* Billing Shipping Form Ends */ body.idea-page #billing_form { min-height:30px; } #billing_form, #shipping_form { display:block; min-height:260px; } #billing_form input.textfield {min-height:25px !important; font-size:12px !important;} select {padding:2px !important; min-height:25px !important; height:25px !important;} #orderinfo {padding:6px 0 6px 0;} #orderinfo div.content-text {font-size:12px;} #sectionheading {padding:8px 0 8px 10px;} #billing_form.span12{margin:0 !important;} #billing_form div.span6, #billing_form div.span12{margin:0 !important; padding:0 !important;} #billing_form span.content-text{margin:10px 0 0 0 !important; float:left !important;} #shipping_form.span12{margin:0 !important; padding:10px 10px 12px 10px !important;} #shipping_form div.span6, #shipping_form div.span12{margin:0 !important; padding:0 !important;} #shipping_form span.content-text{margin:10px 0 0 0 !important; float:left !important;} #check_address.span12 {margin:0 !important; height:25px !important;} .display {display:block;} .nodisplay {display:none !important;} .error {margin:0 !important; padding:5px 0 0 0 !important; /*line-height:24px;*/} /* Shipping Form Starts */ #creditcard_form.span12{margin:15px 0 0 0 !important; padding:0 !important;} #creditcard_form .cvv_number {position:relative;} /*#creditcard_form span.cvv{background-image:url('../images/cvv.png'); background-position:2px 2px; background-repeat:no-repeat; width:50px; height:34px; display:inline-block; /*float:right; position:absolute; left:65px; top:-8px;}*/ /*span.cvv{background-image:url('../images/cvv.png'); background-position:2px 2px; background-repeat:no-repeat; width:50px; height:34px; display:inline-block; /*float:right; position:absolute; left:75px; top:-8px;} span.cvv div.tip-content, span.cvv span.arrow{ display:none; } span.cvv:hover div.tip-content { font-size:10px; line-height:normal; width:200px !important; padding:4px 8px 8px 8px !important; display:block; /*height:auto; position:absolute; top:-70px; right:-130px; border:solid 1px #d9d7d7; background-color:#fff; } span.cvv:hover div.tip-content strong { line-height:22px; } span.cvv:Hover span.arrow { background-image:url('../images/tip_arrow.png'); background-position:center center; background-repeat:no-repeat; display:block; width:50px; height:34px; position:absolute; bottom:20px; right:0; /*border:solid 1px red; }*/ /*span.cvv{background-image:url('../images/cvv.jpg'); background-position:2px top; background-repeat:no-repeat; margin-top:-7px; width:170px; height:34px; margin-left:5px; display:block; float:right;}*/ #creditcard_form div{margin:0 !important; padding:0;} #creditcard_form span.content-text{margin:10px 0 5px 0 !important;} #creditcard_form span.error{margin:0 !important; padding:2px 0 5px 0 !important;} #creditcard_form #savecard.span12 span.content-text {padding:4px 0; margin:15px 0 0 0 !important;} #creditcard_form #savecard .span12.content-text .span1 { width:20px; display:inline-block; } #creditcard_form #savecard .span12.content-text .span1 input[type="checkbox"] { margin:2px 0 0; } #creditcard_form #savecard .span12.content-text .span1 input.register-new { margin:0 !important; vertical-align:top; } #creditcard_form #savecard .span12.content-text .span11.note { margin:0 !important; padding:2px 0 0 2px !important; display:inline-block; width:90%; vertical-align:top; } #creditcard_form #amount span.content-text strong {font-size:17px !important;} #creditcard_form #amount span.content-text {font-size:11px; margin-bottom:15px;} #creditcard_form span.span12 a.btn-style {padding:5px 10px; margin:20px 0;} #creditcard_form #emi_duration div.span3 { min-width:120px; max-width:170px !important; margin-bottom:10px;} #creditcard_form #emi_duration .span12 {margin:15px 0 5px 0 !important; padding:0 0 0 0 !important;} #creditcard_form #emi_duration .span3 .span12{margin:0 0 0 0 !important; padding:0 0 0 0 !important;} #creditcard_form #emi_duration .span3 .span8{font-size:11px; margin:3px 0 10px 16px !important; padding:0 0 0 6px !important;} #creditcard_form div.divider {margin:10px 0 15px 0 !important; padding-top:1px !important;} /*.tip-content{ width:150px !important; height:auto; position:relative;}*/ /* Shipping Form Ends */ #pagetitle .span4 .pull-right {float:left;} #contentpanel #productlist div.productinfo { margin:0 !important; padding:11px 0 10px 10px;} #contentpanel #productlist div.productinfo div.productdesc, #contentpanel #productlist div.productinfo div.productqty, #contentpanel #productlist div.productinfo div.productprice, #contentpanel #productlist div.productinfo div.message-link {margin-left:95px !important; display:table-row;} #contentpanel #productlist div.productinfo div.entermessage {margin:0 !important; display:none;} #contentpanel #productlist div.productinfo div.productqty {line-height:25px;/*padding-top:15px !important; padding-bottom:15px !important;*/} #contentpanel #productlist div.productinfo div.productprice { line-height:30px; } #contentpanel #productlist div.productinfo div.productqty input.textfield-50x20 {margin-top:-3px !important; padding-top:5px !important;} #paymentinformation.border {border-width:0;} /*#checkoutbtn span.content-text {display:inline-block; padding:15px 0;!important; font-size:13px; opacity:100%;} a.checkout {display:inline-block; width:170px; max-width:178px; min-height:21px !important; height:31px; padding:0; opacity:100%;}*/ /*a.checkout img {/*position:absolute; left:-75px; top:0;*/ /*width:90px !important; height:31px !important; position:relative; top:-5px; display:inline-block; opacity:100%;}*/ /*#cc-footer .footer-logos {text-align:left; margin-top:10px;}*/ #cc-footer { padding:15px 8px !important; } /*#cc-footer .span12 img { width:auto; }*/ #retrypaymentoption #retrybuttons { margin:10px 0 0 0 !important; text-align:left; } div.invoice-info div.content-bg.border { border-top-width:1px; } div.invoice-info div.content-bg.border span.visible-phone { display:inline-block !important; font-weight:bold; } .buttonspanel.visible-phone { text-align:center; } .buttonspanel.visible-phone .checkout-btn a.checkout-button-bg span.checkout-button-text { line-height:30px; } #billing_form { min-height:180px; } div.billing-pre-populate div.span12 span.span3 { width:40%; display:inline-block; } div.billing-pre-populate div.span12 span.span9 { width:60%; display:inline-block; } #shipping_form { min-height:150px; } #shipping_form div.shipping-address { margin:0 0 10px 0; } div.prepopulate-payment-option div.payment-options .span7 { margin:0; /*padding:5px 0;*/ font-size:11px; min-width:280px; /*max-width:280px; width:100%;*/ } div.prepopulate-payment-option div.payment-options .span5 { padding:8px 0 0 18px; position:relative; } div.prepopulate-payment-option div.payment-options .span5.content-text span.cvv { position:absolute; left:100px; top:-2px; } .popup-overlay table { max-width:100%; width:90%; } .popup-overlay .message-popup { margin:20% auto 0 auto !important; width:80%; padding:10px 15px; font-size:11px; line-height:15px; } .popup-overlay .message-popup .close-popup { float:right; margin-top:-8px; margin-right:-10px; } /* #creditcard_form div.creditcards span.cards { top:-25px; } */ #creditcard_form div.creditcards span.cards span { width:25px; right:0; margin:0; } #creditcard_form div.creditcards span.cards span.Visa { background-size:100%; background-position:right 10px; } #creditcard_form div.creditcards span.cards span.Amex { background-size:80%; width:20px; } #creditcard_form div.creditcards span.cards span.MasterCard { background-size:80%; } /*#creditcard_form div.creditcards span.cards span.meastro { background-size:70%; }*/ #creditcard_form div.creditcards span.cards span.JCB { background-size:80%; width:20px; } #creditcard_form div.creditcards span.cards span.Diners { background-size:100%; } div.promotions-panel { padding:15px 0; } .message-popup { top:10px; right:-600px; width:auto; padding:20px 10px 10px 10px; font-size:11px; } #creditcard_form div.creditcards span.emicards {top:-28px;} } @media (max-width:767px) { div.prepopulate-payment-option div.payment-options .span7 { width:100%; margin:0; /*padding:5px 0;*/ font-size:11px; } div.prepopulate-payment-option div.payment-options .span5 { width:100%; padding:8px 0 0 0; position:relative; right:0; top:0; } } @media (min-width:320px) and (max-width:360px) { div.prepopulate-payment-option div.payment-options { padding:8px 5px; } } @media (min-width:768px) and (max-width:979px){ #paymentinformation.border {border-width:0;} /*#viewcart div.dropdown div.submenu #gap { position: absolute; top:0; right:0; width:137px; padding-left:15px; height:61px; border-width:0 0 0 1px;} #viewcart div.dropdown div.submenu #cart-content { position: absolute; top:61px; right:-1px; text-align:left; }*/ #ordertotal #grandtotal div.span6 {font-size:12px;} #ordertotal #grandtotal div.pull-right {font-size:14px;} #checkoutbtn A.btn-style {padding:8px 15px; font-weight:normal; font-size:16px;} #retrypaymentoption .radio-button{ margin:0 0 15px 0 !important; text-align:left; font-size:12px;} div.invoice-info div.content-bg.border { border-top-width:0; } div.invoice-info div.content-bg.border span.visible-phone { display:none !important; font-weight:bold; } } @media (min-width:980px){ div.fix-desktop { padding:30px 0 !important; max-width:950px; margin:0 auto; } span.cvv:hover div.tip-content { right:-75px; } div.invoice-info div.content-bg.border { border-top-width:0; } div.invoice-info div.content-bg.border span.visible-phone { display:none !important; font-weight:bold; } } @media (min-width:980px){#paymentoption_form.span8 {padding:0 !important; margin:0 0 0 30px;}} @media (min-width:481px) and (max-width:979px){ body { margin:0; } body.iframe .container-fluid { padding:0; } .container-fluid.fix-desktop {padding:0 !important;} /*div.heading-bg.show-phone { display:none !important; } #phone_option, #sectionheading.visible-phone { display:none !important; }*/ /*#sectionheading.hidden-phone { display:block !important; }*/ #paymentinformation.span12 {margin:0 !important; padding:0 !important;} #paymentinformation.border {border-width:1px;} #paymentoption_tabs.span3 { width:135px; position:relative; display:inline-block !important;} #paymentinformation div.gap {margin:0 !important; min-height:360px; border-width:0 0 0 1px; display:inline-block !important; width:70%; } #paymentoption_form.span12 {padding:0 20px 15px 20px !important; margin:0 !important; display:inline-block !important;} /* changes mode today */ #creditcard_form #savecard.span12 span.content-text {padding:8px 8px 8px 8px; margin:15px 0 0 0 !important;} #creditcard_form #savecard .span12.content-text .span1 { width:15px; display:inline-block; } #creditcard_form #savecard .span12.content-text .span1 input.register-new { margin:0 !important; vertical-align:top; } #creditcard_form #savecard .span12.content-text .span11.note { margin:0 !important; padding:0 0 0 2px !important; display:inline-block; width:90%; vertical-align:top; } #creditcard_form #amount span.content-text strong {font-size:17px !important;} #creditcard_form #amount span.content-text {font-size:11px; margin-bottom:15px;} #creditcard_form span.span12 a.btn-style {padding:5px 10px; margin:20px 0;} #creditcard_form #emi_duration div.span3 { max-width:170px !important; margin-bottom:10px;} #creditcard_form #emi_duration .span12 {margin:15px 0 5px 0 !important; padding:0 0 0 0 !important;} #creditcard_form #emi_duration .span3 .span12{margin:0 0 0 0 !important; padding:0 0 0 0 !important;} #creditcard_form #emi_duration .span3 .span8{font-size:11px; margin:3px 0 10px 16px !important; padding:0 0 0 6px !important;} #creditcard_form div.divider {margin:10px 0 15px 0 !important; padding-top:1px !important;} .range_slider { width:95% !important; } body.idea-page #billing_form { min-height:auto; } #billing_form { min-height:160px; } div.billing-pre-populate div.span12 span.span3 { width:35%; display:inline-block; } div.billing-pre-populate div.span12 span.span9 { width:65%; display:inline-block; } #shipping_form { min-height:150px; } #shipping_form div.shipping-address { margin:0; } div.prepopulate-payment-option div.payment-options .span7 { margin:0; /*padding:5px 0;*/ font-size:11px; } /*div.prepopulate-payment-option div.payment-options .span5 { padding:8px 0 0 18px; position:relative; }*/ div.prepopulate-payment-option div.payment-options .span5.content-text span.cvv { position:absolute; left:100px; top:-2px; } #loginscreen.span12 div.login-form { padding:8px 10px 8px 10px; } #loginscreen.span12 div.login-form a.primary-link {font-size:11px; text-decoration:underline; line-height:15px;} } @media (max-width:979px) { #check_address.span12 { margin:0 !important; height:50px !important; } #check_address.span12 .content-text { font-size:12px; } #creditcard_form .span6.expiry-date { width:100% !important; display:block !important; } #loginscreen.span12.visible-phone { margin:0 !important; } /*#orderinfo { margin-bottom:20px; }*/ .phone-links a.open-cc-checkout-form img { width:100%; max-width:209px; max-height:42px; } .phone-links a.open-cc-checkout-form { outline:none; } .login-screen div.cc-checkout-form { margin:0 0 15px 0 !important; } /*div.cc-checkout-form div.login-form { padding:10px; }*/ /*.login-screen.span12.visible-phone { margin:0 0 15px 0 !important; }*/ .login-screen.span12 div.ccavenue-checkout-title { padding:12px 10px 12px 10px; } /*.login-screen.span12 div.ccavenue-checkout-title img { width:100%; max-width:227px; max-height:30px; }*/ .login-screen.span12 div.cc-checkout-form div.login-form { padding:8px 10px 12px 10px; } .login-screen.span12 div.login-form .title { font-size:12px; font-weight:bold; } .login-screen div.cc-checkout-form div.login-form .span12 { margin:0 0 8px 0 !important; padding:0; } .login-screen div.cc-checkout-form div.login-form .span6 { margin:0 !important; width:auto; display:inline-block; padding:0; } .login-screen div.cc-checkout-form div.login-form a.primary-link {text-decoration:underline; line-height:15px; /*font-size:11px;*/ } .login-screen div.cc-checkout-form div.login-form #loginbtns { float:right; width:150px; } .login-screen div.cc-checkout-form div.login-form #loginbtns span.visible-phone { display:inline-block !important; } .login-screen div.cc-checkout-form div.login-form #loginbtns a.primary-button { padding:6px 8px; } .login-screen div.cc-checkout-form div.login-form #loginbtns a.primary-button .primary-text { font-size:12px; } /*.login-screen div.cc-checkout-form div.login-form #loginbtns a.primary-button { margin:0; }*/ .login-screen div.cc-checkout-form div.login-form #forgot_password_div .innerpanel-text { padding:8px; font-size:11px; line-height:13px; } } @media only screen and (max-width: 480px){ /* Force table to not be like tables anymore */ table.invoice-details-table, table.invoice-details-table thead, table.invoice-details-table tbody, table.invoice-details-table th, table.invoice-details-table td, table.invoice-details-table tr { display: block; } table.invoice-details-table.border { border-width:1px 0 0 0; } table.invoice-details-table th { border-width:0 0 1px 1px; font-weight:bold; } table.invoice-details-table td.last { font-weight:bold; text-align:left; padding-left:75px; } /* Hide table headers (but not display: none;, for accessibility) */ table.invoice-details-table thead tr { position: absolute; top: -9999px; left: -9999px; } /* tr { border: 1px solid #ccc; }*/ table.invoice-details-table td { /* Behave like a "row" */ /* border: none; border-bottom: 1px solid #eee; */ position: relative; padding-left:75px; text-align:left; } div.invoice-info table.invoice-details-table td { text-align:right; } table.invoice-details-table tr.item-table td { padding-left:75px; } table.invoice-details-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; /* width: 10%; */ padding-right: 10px; white-space: nowrap; } /* Label the data */ table.invoice-details-table tbody.invoice-number td { width:auto; } table.invoice-details-table td.border { border-right-width:1px; } div.invoice-info table.invoice-details-table td:nth-of-type(1):before { content: "Invoice No.:"; font-weight:bold; } div.invoice-info table.invoice-details-table td:nth-of-type(2):before { content: "Unique Reference #:"; font-weight:bold; } div.invoice-info table.invoice-details-table td:nth-of-type(3):before { content: "Invoice Date:"; font-weight:bold; } div.invoice-info table.invoice-details-table td:nth-of-type(4):before { content: "Valid Upto:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(1):before { content: "Tasks:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(2):before { content: "Time Entry Notes:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(3):before { content: "Curr.:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(4):before { content: "Rate:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(5):before { content: "Hrs.:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(6):before { content: "Tax1:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(7):before { content: "Tax2:"; font-weight:bold; } table.invoice-details-table td:nth-of-type(8):before { content: "Line Total:"; font-weight:bold; } table.invoice-details-table #total td:nth-of-type(1) { padding:0 !important; } table.invoice-details-table #total td:nth-of-type(2) { padding:0 !important; border-width:0 0 !important; } table.invoice-details-table #total td:nth-of-type(3) { border-left-width:1px; text-align:right; /*padding-left:195px;*/ } table.invoice-details-table #total tr.total-amount td:nth-of-type(1):before { content: ""; } table.invoice-details-table #total tr.total-amount td:nth-of-type(2):before { content: ""; } table.invoice-details-table #total tr.total-amount td:nth-of-type(3):before { content: "Total Amount Due (All Inclusive):"; font-weight:bold;} table.invoice-details-table #total tr.discount td:nth-of-type(1):before { content: ""; } table.invoice-details-table #total tr.discount td:nth-of-type(2):before { content: ""; } table.invoice-details-table #total tr.discount td:nth-of-type(3):before { content: "Early Payment Discount (5%)"; } table.invoice-details-table #total tr.amount-payable td:nth-of-type(1):before { content: ""; } table.invoice-details-table #total tr.amount-payable td:nth-of-type(2):before { content: ""; } table.invoice-details-table #total tr.amount-payable td:nth-of-type(3):before { content: "Total Amount Payable"; } table.invoice-details-table tr.item-table td:nth-of-type(1) { border-top-width:1px; } table.invoice-details-table tr.item-table td:nth-of-type(1):before { content: "Item:"; font-weight:bold; border-top-width:1px !important; } table.invoice-details-table tr.item-table td:nth-of-type(2):before { content: "Description:"; font-weight:bold; } table.invoice-details-table tr.item-table td:nth-of-type(3):before { content: "Curr.:"; font-weight:bold; } table.invoice-details-table tr.item-table td:nth-of-type(4):before { content: "Unit Cost:"; font-weight:bold; } table.invoice-details-table tr.item-table td:nth-of-type(5):before { content: "Qty.:"; font-weight:bold; } table.invoice-details-table tr.item-table td:nth-of-type(6):before { content: "Tax1:"; font-weight:bold; } table.invoice-details-table tr.item-table td:nth-of-type(7):before { content: "Tax2:"; font-weight:bold; } table.invoice-details-table tr.item-table td:nth-of-type(8):before { content: "Line Total:"; font-weight:bold; } table.invoice-details-table tr.blank td:nth-of-type(1) { padding:0 !important; height:20px; } table.invoice-details-table tr.blank td:nth-of-type(1):before { content: ""; } table.invoice-details-table { margin-bottom:20px; } } @media (max-width:340px) { body.iframe div.ccavenue-checkout .ccavenue-checkout-form { padding:7px 10px 12px 14px; } body.iframe div.ccavenue-checkout .ccavenue-checkout-form span.span5 { width:70% !important; margin:5px 0 5px 0; } body.iframe div.ccavenue-checkout .ccavenue-checkout-form span.span2 { margin:5px 0 5px 0; } } @media (min-width:685px) and (max-width:767px){ #creditcard_form div.popular-banks span.innerpanel-bg { width:30%; padding:10px 7px; } } @media (min-width:400px) and (max-width:684px){ #creditcard_form div.popular-banks span.innerpanel-bg { width:45%; padding:10px 7px; margin-right:10px; } } /*For RELIANCE JIO*/ @media(min-width:321px){ #ordertotal div.span12.coupon-code a.primary-link { margin-left:10px; } .noscroll { overflow-y:hidden !important; margin-right:17px !important; } } @media (max-width:320px){ .container-fluid { padding:10px !important; } body { margin:0 !important; } #logo.banner { padding:10px 10px 0 10px; text-align:center; } #logo.banner span img { width:50px !important; } .webstore-name-text { font-size:18px; } #ordertotal A.primary-link { font-size:11px !important; } #ordertotal .order-details-title.span12 { font-size:15px !important; } #ordertotal .order-no.innerpanel-text { font-size:12px !important; text-align:left; } #ordertotal div.span12.coupon-code { position:relative; padding:8px 0 0 0 !important; } #ordertotal div.span12.coupon-code a.primary-link { position:absolute; top:34px; right:8px; font-size:11px; } #ordertotal div.span12.coupon-code input.span5.textfield { width:100% !important; } #ordertotal .innerpanel-text { font-size:11px !important; } #creditcard_form div.creditcards span.cards span { display:none; } #creditcard_form #savecard .span12.paymentspanel-text .span11.note { width:88%; } .overlay-content { top:10px !important; } #cc-footer .span12 a.norton { width: 60px; background-size:contain; height:25px; } #cc-footer .span12 span.pci { width: 60px; background-size: contain; height: 25px; } #cc-footer .span12 span.poweredby { width:119px; height:25px; } #loading { display:none !important; } input[type="radio"], input[type="checkbox"] { margin-top:0 !important; } div.upi-payment { opacity:1; } select.select-90x25 { width:80px; } span.cvv { top:-5px; } input.textfield-55x25 { width:58px !important; } .cancel-transaction table td #buttons .primary-button-inside-border, .cancel-transaction table td #buttons .primary-button-text { padding:2px !important; font-size:11px !important; } body.noscroll .overlay-content.popup3 { position:fixed !important; top:0; right:0; /*bottom:0;*/ left:0; overflow-y: scroll; } body.noscroll .overlay-content.popup3 * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .cancel-transaction table td { font-size:11px; } .cancel-transaction table td[class*="reason"] { padding:4px 0 11px 5px !important; } .cancel-transaction table td #buttons .secondary-button { line-height:50px; } #creditcard_form.upi .upi-popups div { max-width:200px !important; } } /*For RELIANCE JIO*/