.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } div.features-tabs .icons { max-width: 870px; margin: auto; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { /*margin:95px auto 0 auto !important;*/ /*font-family: Arial, Helvetica, sans-serif; font-size: 14px;line-height: 20px;*//*color: #787878; background-color: #e9e4e0;*/ } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } img { max-width: 100% !important; } /*@page {margin:0.5cm;}/*p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}*/ } /*body{margin:95px auto 0 auto !important;*/ /*margin:0;*//*font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;color:#333333;background-color:#ffffff;}*/ /*[class*="span"]{float:left;min-height:1px;margin-left:20px;}*/ .row-fluid { /*width:100%;*/*zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block;/*width:100%;min-height:30px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"]+[class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container-fluid { /*padding:20px;*/*zoom: 1;/*padding-right:20px;padding-left:20px;*/ } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } /*input,button,select,textarea{font-family:Arial, Helvetica, sans-serif; color:#555555 !important;} select,textarea,input[type="text"]{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}*/ textarea { height: auto; } textarea, input[type="text"] { background-color: #ffffff;/*border:1px solid #cccccc;*/ } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; margin-top: 1px \9; line-height: normal; } .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"] { float: none; margin-left: 0; } .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .visible-desktop { display: inherit !important; } .hidden-desktop { display: none !important; } @media (width:320px) { div.carousel-bg .carousel ul.bxslider li.item div.title-text, div.carousel-bg .carousel ul.bxslider li.item div.title-text span { font-size: 16px; line-height: 17px; } div.carousel-bg .carousel ul.bxslider li.item div.sub-title-text { font-size: 12px !important; line-height: 15px !important; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 93%; top: 40px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding: 0px; top: 20px !important; width: 83% !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { display: inline-block; float: left; width: 72% !important; height: auto; margin-top: -3px; margin-left: -27px !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { display: inline-block; float: right; width: 47% !important; height: auto; margin-top: -7px; margin-right: -22px !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0px; top: -5% !important; width: 79% !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { width: 85% !important; padding: 0px; top: 20px !important; } div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { width: 93% !important; padding: 0px; top: 24px !important; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 25px !important; width: 95% !important; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: 21px !important; width: 91% !important; } /*-- Customer360 Sections --*/ div.customer360_panel .overview-mobile-app { background-size: 50% auto !important; background-position: center top 59px !important; } div.customer360_panel .overview-mobile-app .highlight-text { padding: 14px 0 181px 0 !important; } div.customer360_panel .overview-complete-social-integration { background-size: 64% auto !important; background-position: center top 59px !important; } div.customer360_panel .overview-multi-channel { background-size: 97% auto !important; background-position: center top 58px !important; } div.customer360_panel .overview-multi-channel #overview-multi-channel.highlight-text { padding: 14px 0 150px 0 !important; } div.customer360_panel .overview-universal-inbox { background-size: 70% auto !important; background-position: center top 58px !important; } div.customer360_panel .helpdesk-multi-channel-support { background-size: 95% auto !important; background-position: center top 53px !important; } div.customer360_panel .helpdesk-multi-channel-support #helpdesk-multi-channel.highlight-text { padding: 14px 0 139px 0 !important; } div.customer360_panel .helpdesk-easy-ticket-management { background-size: 92% auto !important; background-position: center top 60px !important; } div.customer360_panel .helpdesk-enforce-sla { background-size: 93% auto !important; background-position: center top 81px !important; } div.customer360_panel .helpdesk-intelligent-ticket-routing { background-size: 93% auto !important; background-position: center top 60px !important; } div.customer360_panel .helpdesk-automatic-agent-backups { background-size: 93% auto !important; background-position: center top 60px !important; } div.customer360_panel .helpdesk-ticket-forwarding { background-size: 93% auto !important; background-position: center top 59px !important; } div.customer360_panel .helpdesk-custom-forms { background-size: 92% auto !important; background-position: center top 60px !important; } div.customer360_panel .helpdesk-views { background-size: 92% auto !important; background-position: center top 60px !important; } div.customer360_panel .helpdesk-internal-notes { background-size: 93% auto !important; background-position: center top 56px !important; } div.customer360_panel .helpdesk-quick-ations { background-size: 93% auto !important; background-position: center top 58px !important; } div.customer360_panel .helpdesk-canned-messages { background-size: 93% auto !important; background-position: center top 49px !important; } div.customer360_panel #livechat-block { display: inline-block !important; } div.customer360_panel #livechat-block .livechat-header { margin-top: 20px !important; margin-bottom: 0px !important; padding: 0px !important; } div.customer360_panel .livechat.block.sub-panel { margin: 0px !important; padding: 0px !important; position: relative; } div.customer360_panel .livechat .sub-block { margin: 15px 0; height: auto; width: auto; text-align: center; margin-left: 10% !important; margin-right: 10% !important; } div.customer360_panel .livechat .sub-block .sub-block-thumbnail { width: 40%; height: auto; } div.customer360_panel .livechat .sub-block .sub-block-thumbnail img { position: relative; margin: 0 auto; } div.customer360_panel .livechat .sub-block .highlight-text { font-size: 15px; padding: 5px 0; } div.customer360_panel .integration-interactive-widgets { background-size: 94% auto !important; background-position: center top 59px !important; } div.customer360_panel .integration-inapp-customer-support { background-size: 58% auto !important; background-position: center top 57px !important; } div.customer360_panel .integration-consistent-brand-image { background-size: 89% auto !important; background-position: center top 59px !important; } div.customer360_panel .integration-multi-domain-support { background-size: 94% auto !important; background-position: center top 60px !important; } div.customer360_panel .integration-magento-integration { background-size: 94% auto !important; background-position: center top 58px !important; } div.customer360_panel .integration-integrate-wordpress { background-size: 94% auto !important; background-position: center top 50px !important; } div.customer360_panel .reporting-dashboard { background-size: 95% auto !important; background-position: center top 60px !important; } div.customer360_panel .reporting-chat-performance-dashboard { background-size: 95% auto !important; background-position: center top 56px !important; } div.customer360_panel .reporting-customer-satisfaction-forms { background-size: 95% auto !important; background-position: center top 56px !important; } div.customer360_panel .reporting-weekly-performance-reports { background-size: 95% auto !important; background-position: center top 58px !important; } div.customer360_panel .reporting-chat-monitoring { background-size: 99% auto !important; background-position: center top 60px !important; } /*----------- CUSTOMER 360 ENDS HERE -------------*/ /* #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { padding:0px; top:-34px !important; width:83% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { padding:0px; top:-34px !important; width:90% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.learn-more{ top:5px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding:0px; top:-47px !important; width:100% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ width:85% !important; padding:0px; top:0px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ width:93% !important; padding:0px; top:24px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img{ top:25px !important; width:95% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img{top:20px !important; width:91% !important;}*/ .popup_wrapper { margin-top: 80px !important; } #buyers_signup_popup .span12 .form-wrapper { padding: 0 10px 15px 10px; width: 100%; } #buyers_signup_popup .span12 .form-wrapper .span12 .login-signup { padding: 0px !important; top: 0; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification { padding: 25px 0px 15px 0px !important; top: 28px; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification .heading-text { padding: 5px 0; font-size: 15px; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification .content-box .primary-text { font-size: 12px; line-height: 18px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .primary-button { font-size: 14px; padding: 5px 20px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .input-theme .verify { margin: -34px 2px 0 0; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .input-theme .verify .primary-link { font-size: 11px !important; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .header-button { padding: 5px 10px; font-size: 14px; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap .content-box .primary-text { line-height: 18px; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap { padding: 25px 0 20px 0px !important; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap .forgot-password-submit { padding: 50px 0 20px 0px; !important; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap .forgot-password-submit .content-box .primary-text { line-height: 18px; } #buyers_signup_popup_thankyou { width: 95%; height: auto; } #buyers_signup_popup_thankyou .thankyou_screen .heading-text { font-size: 22px; } #buyers_signup_popup_thankyou .thankyou_screen .primary-text { font-size: 14px; line-height: 18px; } #buyers_signup_popup_thankyou .thankyou_screen .secondary-text { font-size: 12px; line-height: 16px; margin: 10px 0; } #buyers_signup_popup_thankyou .thankyou_screen .primary-button { font-size: 14px; padding: 5px 20px; } .buyers_mail { max-width: 100%; margin: 5% !important; } .buyers_mail .buyers_mail_wrapper .container { padding: 0 20px; } .buyers_mail .buyers_mail_wrapper .container .content-text { font-size: 16px !important; text-align: center; margin-top: 15px !important; } .buyers_mail .buyers_mail_wrapper .container .main-image { background-size: 100% auto; width: 100%; height: 175px; background-position: center center !important; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col1.border { border-width: 1px; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col1, .accordion li .faq-ans .inner-pad .table-wrapper .table-col2 { width: 100%; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col1 .table_row, .accordion li .faq-ans .inner-pad .table-wrapper .table-col2 .table_row { min-height: auto; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col2 { margin-top: 20px; } } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (max-width:767px) { div.maps div.maps-panel span.location-name { font-size: 15px; } #award-panel .view-awords-btn a.awords-btn { float: left;/* margin-left: 45px; */ box-sizing:border-box; width:100%; } /*.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} } .visible-print{display:none !important;}*/ .row-fluid { /*width:100%;*/ } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%;/*min-height:30px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"]+[class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } .ROC_table { display: none; } .whatsNew_popup { max-width: 280px; max-height: 300px; } .whatsNew_popup .span3, .whatsNew_popup .span9 { display: inline-block; vertical-align: top; } .whatsNew_popup .span3 { width: 31.9149%; } .whatsNew_popup .span9 { width: 65.9574%; } .whatsNew_popup .wnp_container { padding: 10px 1px 10px 10px; } div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content div.title-text { max-width: 80%; margin: 15px 0 0 0 !important; line-height: 22px; } div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content span.slide-image { margin: 0 !important; } div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content span.slide-image img { max-width: 70%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item { min-height: 215px; height: auto; text-align: center; margin: 0px !important; } #campaign_index div.carousel-bg .carousel .bx-wrapper .bx-controls-direction { width: 100%; left: 0; margin: 0; } #campaign_index div.carousel-bg .carousel .bx-wrapper .bx-controls .bx-pager { /*display:none;*/ } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.zero-setup-fee, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-flashpay div.ccavenue-flashpay, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-inapp-payments div.inapp-payments, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-storefront div.storefront, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-know-your-customer div.knowurcustomer { margin-top: 10px; width: 100%; } #campaign_index div.carousel-bg .carousel ul.bxslider li div.carausel-img { max-width: 100% !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li div div.hidden-desktop img { max-width: 100% !important; max-width: inherit !important; margin: 0 !important; padding-top: 0 !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.learn-more.hidden-desktop { position: static; } /* #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi*/ #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-flashpay div.ccavenue-flashpay div.vault-features { padding-top: 0 !important; } /* #campaign_index div.carousel-bg .carousel ul.bxslider li.item div.sub-title-text { font-size:13px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item { height:220px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item.slide-ccavenue-flashpay div.ccavenue-flashpay .span7 { width:100%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.span12.sub-title-text.cl-white br.visible-phone, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.span12.sub-title-text.cl-white br.visible-phone { display:none !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3.item div.span12.title-text.cl-white span { margin:0 1%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { top:inherit; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { margin-top:-28px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi { margin-top:8px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.span12.learn-more span a.primary-button { line-height:normal; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { width: 81% !important; }*/ #campaign_index.resellers div.carousel-bg .carousel ul.bxslider li.item div.row-fluid.content_hold { position: relative; } #campaign_index.resellers div.carousel-bg .carousel ul.bxslider li.item div.row-fluid.content_hold > .span8 { max-width: 100%; position: inherit; left: unset !important; right: unset !important; margin-left: 0; } #campaign_index.resellers div.carousel-bg .carousel .bx-wrapper .bx-controls-direction { width: 100%; left: unset !important; margin: 0 !important; max-width: 100%; } .close-lead-popup { display: block; background-image: url('../images_mcpg/close_lead_popup.png'); background-repeat: no-repeat; background-position: center center; background-color: #e6e6e6; width: 34px; height: 34px; position: absolute; right: -20px; top: -20px; } .overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; cursor: pointer; z-index: 9999; /* high z-index */ /* fallback */ background-color: rgba(0, 0, 0, 0.5); background-image: url('../images/overlay.png'); background-repeat: no-repeat; background-scroll: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } div.middle-container { min-height: auto; } div.contact-form-panel span.form-panel { position: relative; height: auto; } /*span.contactus-form-div.pg-enquiries, span.contactus-form-div.risk-chargback, span.contactus-form-div.merchant-queries, span.contactus-form-div.customer-queries { position:inherit; left:auto; top:auto; padding-left:0 !important; }*/ span.contactus-form-div.pg-enquiries, span.contactus-form-div.risk-chargback, span.contactus-form-div.merchant-queries, span.contactus-form-div.customer-queries, div.contact-form-panel .form-panel .thankyou-msg { position: fixed; left: 5%; top: 5%; right: 5%; bottom: 5%; width: auto; /*height:100%;*/ overflow-y: scroll; padding: 20px; /*padding-left:0 !important;*/ z-index: 9999; background-color: #fff; margin:0 !important; } span.contactus-form-div span.span6 { width: 100% !important; } span.contactus-form-div span input { width: 100% !important; } div.contact-form-panel span.form-panel a.tabs { /*float:left; width:225px;*/ position: inherit; left: auto; display: inline-block !important; float: left; width: 50%; /*height:auto;*/ /*padding:5px 10px !important;*/ border: solid 2px #fff; } div.contact-form-panel span.form-panel a.tabs table, div.contact-form-panel span.form-panel a.tabs table td { width: 100%; /*height:auto;*/ text-align: center; } /*div.contact-form-panel span.form-panel a.tabs td BR*/ div.contact-form-panel span.form-panel a.tabs td img.arrow { display: none !important; } div.contact-form-panel span.form-panel a.tabs td .page-title { position: relative; } /*div.contact-form-panel span.form-panel a.tabs td .page-title { font-size:14px !important; display:block; line-height:18px; } div.contact-form-panel span.form-panel a.tabs td .secondary-text { font-size:11px; }*/ div.contact-form-panel span.form-panel a.tabs.enquiry, div.contact-form-panel span.form-panel a.tabs.customers, div.contact-form-panel span.form-panel a.tabs.merchants, div.contact-form-panel span.form-panel a.tabs.risk { top: auto; } div.contact-form-panel .form-panel .span9.form input.text-field { height: 38px; } div.contact-form-panel .form-panel .span9.form span.hasError { margin-bottom: 10px; } div.contact-form-panel .form-panel .span9.form span.captcha, div.contact-form-panel .form-panel .span9.form span.try-new-code { max-width: 40%; display: inline-block; } div.contact-form-panel .form-panel .span9.form span.captcha { height: 60px; max-height: 60px !important; } div.contact-form-panel .form-panel .span9.form span.span7.hasError.captcha-textfield { width: 100%; } div.contact-form-panel .form-panel .span9.form textarea.textarea { height: 70px; } div.contact-form-panel .form-panel .thankyou-msg { padding-top: 220px; } .onboarding-process div.page-heading .span12 div.page-title { font-size:22px !important; padding-left:12px !important; line-height:25px !important; } .onboarding-process div.middle-container.onboarding-process-content { margin-top:0px !important; } .customers-grievances-policy div.middle-container.customers-grievances-content { margin-top:0px !important; } .onboarding-process .onboarding-process-content .content-text a.secondary-link:link, .onboarding-process .onboarding-process-content .content-text a.secondary-link:visited { font-size: 12px; } .customers-grievances-policy div.page-heading .span12 div.page-title { /*font-size:22px !important; padding-left:12px !important;*/ line-height:25px !important; } .onboarding-process .onboarding-process-content .processes-flow-sec .img-div { border-width:0px 0px 1px 0px; } .onboarding-process .onboarding-process-content .processes-flow-sec .content-div { width: 85%; } .approval-process-sec .content-div { width:100%; } .approval-process-sec .img-div, .approval-process-sec .img-div img { width:100%; } .complaints-sec { overflow-x: scroll; } .complaints-sec table, .multilevel-support-table table { width:600px; } ul.process-list li { font-size:12px; } ul.process-list li .font14 { font-size: 12px; } .multilevel-support-table .multilevel-support-tr { padding:15px; flex-direction:column; } .multilevel-support-table .multilevel-support-tr .multilevel-support-td { padding:0px; border-width: 0px; width:100%; } } @media (max-width:640px), (min-width:481px) and (max-width:767px) { .menu-list span.arrow { display: none !important; } .back-top { padding: 0 15px 0 15px !important; width: auto !important; } body { margin: 0 !important; } .container-fluid { /*padding:12px;*/ margin: 0px !important; padding: 0px !important; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .visible-phone { /*! display: inherit !important; */ } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .hide-640 { display: none !important; } .view-640 { display: inline-block !important; } /*----------- PAGE HEADER PANEL STARTS ------------*/ /*div.header-panel { position:inherit; top:0; left:0; right:0; width:100%; }*/ div.header-panel .span12.login { /*position:inherit; top:0; left:0; right:0;*/ /* padding: 7px 9px 7px 0; */ } div.header-panel .span12.login table { width: 100% !important; } div.header-panel .span12.masthead { /*position:inherit; top:0; left:0; right:0;*/ padding: 0 5px 0 10px !important; top: 40px !important; border: 0px solid red !important; } div.header-panel div.span12.masthead span.logo-panel .logo h1 { /*width: 37% !important;*/ background-size: auto !important; height: 100% !important; padding: 4px !important; } div.header-panel div.masthead span.logo-panel .logo h1:after { display: none; } div.header-panel div.span12.masthead .navigation-panel { padding-top: 20px; } div.header-panel div.span12.masthead .navigation-panel a { margin-right: 10px; } div.header-panel div.span12.masthead .navigation-panel span.hidden-desktop { display: inline-block !important; margin-left: 10px; /*margin-top:-10px;*/ vertical-align: middle; border: 1px solid red; } div.header-panel div.span12.masthead span.menu-box { /*right: 5px !important;*/ left: 0px !important; } div.header-panel div.span12.masthead a.primary-button.signup-link { padding: 7px 6px !important; font-size: 11px !important; line-height: normal !important; top: 17px !important; right: 7px !important; } div.header-panel div.span12.masthead a.primary-button.login { padding: 7px 6px !important; font-size: 11px !important; line-height: normal !important; top: 17px !important; /* right: 68px !important; */ right: 45px !important;} div.header-panel div.span12.masthead .logo {display: inline-block;margin-left: 25px;} div.header-panel div.span12.masthead .logo h1 {margin-left: 10px;} div.header-panel div.span12.masthead .navigation-panel a.menu { width: 16px; padding: 7px 8px; } div.header-panel div.span12.masthead .navigation-panel a.menu span.stripes { margin-bottom: 3px; } /*----------- PAGE HEADER PANEL ENDS ------------*/ /*----------- SUB NAVIGATION MENU STARTS -------------*/ /*div.submenupanel {height: auto !important;}*/ div.submenupanel div.submenu-inner { position: relative !important; width: auto !important; height: 100% !important; margin: 0px !important; } div.submenupanel div.submenu-inner ul.submenu { margin-top: 0 !important; position: relative !important; height: 100% !important; } div.submenupanel div.submenu-inner ul.submenu li { list-style: none; float: left; display: inline-block; margin: 5px 0 0 12px; height: 24px; } div.submenupanel div.submenu-inner ul.submenu li a.sub-nav-links:Link, .submenupanel ul.submenu li a.sub-nav-links:Visited { padding: 2px 11px 5px 11px; margin-right: 10px; text-decoration: none; } div.submenupanel div.submenu-inner ul.submenu li a.sub-nav-links:Hover { border-radius: 15px; } div.submenupanel div.submenu-inner ul.submenu li a.active { color: #ffffff; text-decoration: none; background-color: #6bc2e4; border-radius: 15px; } /* SUB NAVIGATION MENU CAROUSEL STARTS */ #blue-tab-menu.owl-carousel .owl-wrapper-outer { top: 7px } #blue-tab-menu .owl-item { height: 31px !important; width: auto !important } div.submenupanel div.submenu-inner ul.submenu li { margin-left: 0 !important } /* SUB NAVIGATION MENU CAROUSEL END */ /*----------- SUB NAVIGATION MENU ENDS -------------*/ /*----------- PAGE HEADING STARTS ------------*/ /*.management-team div.container-fluid div.page-heading {margin:220px 0 0 0 !important; }*/ div.page-heading { margin-top: 130px !important; /* margin-top: 200px !important; */ margin-bottom: 0px !important; } div.page-heading.no-nav { margin-top: 125px !important; margin-bottom: 0px !important; } div.page-heading .span12 div.page-title { font-size: 30px !important; margin-bottom: 0; line-height: 39px !important; } div.page-heading .span12 .secondary-text { font-size: 14px; padding: 0 15px; line-height: 18px !important; } div.page-heading.pricing-banner { margin-top: 0px !important; } /*----------- PAGE HEADING ENDS ------------*/ /*----------- MIDDLE CONTAINER STARTS ------------*/ div.middle-container { padding: 0 0px 15px 0px !important; } .home.pageWidth #carousel .carousel .bxslider .item.slider-token-pay-bg { background-position: top 163px right -437px; height: 100%;} .home.pageWidth #carousel .carousel .bxslider .item.slider-token-pay .rightPanel img{margin-top: -12px; margin-left: 0; width: 100%;} /*------------------------------------------ PRESS SECTION PANEL STARTS ------------------------------------------*/ /*.press-room div.page-heading{margin: 220px auto 0 !important; margin-left: 15px !important;margin-right: 15px !important;}*/ div.page-title span.span12 span.content-text { font-size: 11px; } div.page-title span.span12 span.content-text select.year { font-size: 11px !important; padding-right: 20px; } .press-room div.page-title { font-size: 30px !important; } div.page-heading div.content-text { padding-top: 10px !important; font-size: 12px !important; } /* ------------------------------------- Press Landing Table Starts ------------------------------------- */ div.press-landing-table div.default-divider { padding: 20px 0px 10px 0px !important; position:relative; min-height:130px; } div.press-landing-table div.default-divider:first-child{ padding-top:0!important;} div.press-landing-table { padding-bottom: 30px !important; } div.press-landing-table div.default-divider div.span2 { position:absolute; width:80px; left:0;} div.press-landing-table div.default-divider div.span2 span.pill { margin-left: 0 !important; border:none; padding-right:0; } div.press-landing-table div.default-divider div.span10 { margin-top: 0px !important; padding: 0; padding-left:90px; } .press-room div.press-landing-table { } /* ------------------------------------- Press Landing Table Ends ------------------------------------- */ /* ------------------------------------- Press Room Article Starts ------------------------------------- */ .content-title { font-size: 12px !important; } .highlight-marker { font-size: 11px !important; } div.press-room-article div.article-content { padding: 12px 8px 15px 8px !important; } div.press-room-article div.article-content div.secondary-text { font-size: 11px !important; } div.press-room-article div.content-text { line-height: 17px !important; } div.press-room-article div.article-content div.innerpanel { padding: 5px 15px 10px 5px !important; font-size: 11px; } div.press-room-article div.article-content div.innerpanel span.text { margin-top: 0 !important; } div.press-room-article div.article-content ul { display: block !important; } /* ------------------------------------- Press Room Article Ends ------------------------------------- */ /*------------------------------------------ PRESS SECTION PANEL ENDS -------------------------------------------*/ /*--------------------------------------- CLIENTS SECTION PANEL STARTS ---------------------------------------*/ /*.clients div.page-heading { margin:221px auto 0 !important}*/ .clients div.clients-list div.default-divider.first { margin-top: 35px !important; } .clients div.page-heading div.secondary-text { padding-top: 10px !important; font-size: 13px !important; } div.clients-list { margin: 0px 0 10px 0 !important; } div.clients-list div.span12.clients-logo div.span3 { margin: 10px 7px 0 0px !important; display: inline-block !important; min-height: 103px !important; width: 48% !important; } div.clients-list div.span12.clients-logo div.span3.first { margin-left: 0px !important; } div.clients-list div.span12.clients-logo div.span3.second { margin-right: 0px !important; } div.clients-list div.span12.clients-logo div.span3 span.secondary-text { font-size: 11px !important; } .clients div.clients-list div.span12.clients-logo { padding-top: 5px !important; margin: margin:0 0 50px !important } .clients div.clients-list { margin: 0 !important; } .clients div.middle-container { padding: 0 15px 0px !important; } /*--------------------------------------- CLIENTS SECTION PANEL ENDS ---------------------------------------*/ /*--------------------------------------- NEWSLETTER ARCHIVES PANEL STARTS ---------------------------------------*/ .newsletter div.page-heading .page-title { font-size: 23px !important; } .newsletter div.page-heading div.secondary-text { padding-top: 0px !important; } .newsletter div.middle-container .newsletter-list div.span3 { margin-bottom: 20px !important; width: 47% !important; display: inline-block !important; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link { min-height: 137px !important; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:hover .divider-light { border-width: 3px 3px 0px 3px !important; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link .img-main { width: 60% !important; } .newsletter div.middle-container .newsletter-list div.span3.last { margin-bottom: 0px !important } .newsletter div.middle-container .newsletter-list div.span3 div.news-link a.primary-link { margin-top: 3px } /*--------------------------------------- NEWSLETTER ARCHIVES PANEL ENDS ---------------------------------------*/ /*---- CORPORATE PROFILE PANEL START ----------------------------------*/ /*.company-profile div.page-heading{ margin:240px auto 0 !important;}*/ div.container-fluid div.middle-container.corporate-profle { text-align: center; } div.container-fluid div.middle-container.corporate-profle .span12 div.span4 { margin-bottom: 28px !important; margin-left: 0 !important; width: 100% !important; } .company-profile .profile-detail .inline-image { width: 100% !important; margin: 0 auto !important; } .company-profile .profile-detail .inline-image.divider-light { border-width: 0 0 1px 0 !important; margin-bottom: 15px !important; } .company-profile .profile-detail .inline-bio { width: 90% !important; margin-top: 30px !important; padding: 0 15px !important; margin-left: 5% !important; } .company-profile .profile-detail .inline-bio .content { margin: 0px !important; padding-top: 20px !important; } .company-profile .profile-detail .inline-bio .content p { font-size: 12px !important; } .company-profile .profile-detail .inline-bio .content p.title-text { font-size: 22px !important; } .company-profile .profile-detail .inline-bio .content .span12 { padding: 0px !important; } .company-profile .profile-detail .inline-bio .content .corporate-box { border: 1px solid #e5e5e5; width: 100% !important; height: 100% !important; margin-bottom: 15px !important } .company-profile .profile-detail .inline-bio .content .corporate-box.second { float: right !important } .company-profile .profile-detail .inline-bio .content .corporate-box .content-text { padding-top: 0px !important; margin-bottom: 10px !important; } .company-profile .profile-detail .inline-bio .content .corporate-box .content-text p { font-size: 11px !important; } .company-profile .fancybox-close { right: -19px !important; top: 30px !important; } /*---- CORPORATE PROFILE PANEL END ------------------------------------*/ /*---- ASSOCIATES PANEL START ----------------------------------*/ div.associates-list div.span12.associates-logo.border-light { border-width: 1px 0px 0px 1px; } div.associates-list div.span12.associates-logo div.span2 { float: left; margin: 0px 0 0 0 !important; max-width: 50% !important; min-width: 50% !important; } div.associates-list div.span12.associates-logo div.span2.border-light { border-width: 0px 1px 1px 0; } .associates div.submenupanel { height: 47px !important } /*.associates div.page-heading{margin:168px auto 0 !important}*/ .associates .border-nav { margin-bottom: 10px !important; margin-top: 28px !important } .associates div.associates-list div.span12.associates-logo { margin: 0 !important } .resp-tabs-container { margin-top: 20px } .associates h2.resp-accordion { border-width: 1px 0 0 0; border-style: solid; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkist-border-radius: 0 !important; padding: 0 !important; width: 100%; margin-bottom: 27px } .associates h2.resp-tab-active { background: none !important } .border-nav a { font-size: 13px; } .border-nav { margin-top: 0 } .associates h2.resp-accordion .resp-arrow { margin-top: -1px; margin-right: 0px } .associates h2.resp-accordion i { font-size: 15px !important; font-style: normal !important; float: left; padding-left: 5px; padding-right: 5px; margin-top: -31px; font-weight: normal !important; background: #fff } .associates h2.resp-accordion .round-num { font-family: 'openSansRegular', Arial, Helvetica, sans-serif; font-size: 15px; color: #171717; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 6px 12px; border: 1px solid #e6e6e6; background: #fff; margin-bottom: 6px; margin-top: -20px; float: left } /*.associates .resp-tab-active{ background:#FFF !important}*/ .associates h2.resp-tab-active span.resp-arrow { margin-top: -6px !important } .associates h2.resp-tab-active .round-num { background: #171717; border: 0px !important; color: #F4F6F9; padding: 7px 13px !important } .associates h2.resp-tab-active i { color: #171717 } .associates h2.resp-tab-active:hover i { color: #171717 !important } .associates h2.resp-accordion:hover .round-num { border: 1px solid #171717; } .associates h2.resp-accordion:hover i { color: #171717 } .resp-tab-content-active { margin-bottom: 37px !important; } /*---- ASSOCIATES PANEL END ----------------------------------*/ /*---- ALLIANCES PANEL START ----------------------------------*/ .alliances div.submenupanel { height: 47px !important } /*.alliances div.page-heading{margin:168px auto 0 !important}*/ .alliances .border-nav { margin-bottom: 0 !important; margin-top: 28px !important } .alliances .border-nav a { font-size: 14px !important; padding: 7px 8px !important } .alliances .row-fluid .alliances-panel .span8 { margin-left: 0 !important; width: 100% !important; margin-top: 15px } .alliances .row-fluid .alliances-panel .span8 .span8 { width: 100% !important; } .alliances .row-fluid .alliances-panel .span8 .span4 { width: 100% !important; } /*---- ALLIANCES PANEL END ----------------------------------*/ /*--------- FAQ'S STARTS ---------------------------------------*/ /*.faq_ccav div.page-heading, .servicedetails_ccav div.page-heading{ margin-top:158px !important;}*/ .faq_ccav div.middle-container, .servicedetails_ccav div.middle-container { margin-top: 20px !important } .faq_ccav div.submenupanel, .servicedetails_ccav div.submenupanel { height: 47px !important } .faq_ccav div.page-heading .span12 div.page-title, .servicedetails_ccav div.page-heading .span12 div.page-title { line-height: 38px !important; } .url-link { float: left; width: 80px; word-wrap: break-word; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col1.border { border-width: 1px; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col1, .accordion li .faq-ans .inner-pad .table-wrapper .table-col2 { width: 100%; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col1 .table_row, .accordion li .faq-ans .inner-pad .table-wrapper .table-col2 .table_row { min-height: auto; } .accordion li .faq-ans .inner-pad .table-wrapper .table-col2 { margin-top: 20px; } /*--------- FAQ'S END ---------------------------------------*/ /*----------- PRIVACY PAGE SARTS -----------*/ /*.privacy div.page-heading{ margin-top:145px !important;}*/ .privacy div.middle-container { margin-top: 20px !important } .privacy div.page-heading .span12 div.page-title { line-height: 30px !important; } /*----------- PRIVACY PAGE END -----------*/ /*----------- AGREEMENT PAGE SARTS -----------*/ .agreement div.page-heading .span12 div.page-title { line-height: 30px !important; } /*----------- AGREEMENT PAGE END -----------*/ /*-------------------------------------------------- MIDDLE CONTAINER ENDS -------------------------------------*/ /*----------- CARAUSEL STARTS ------------*/ .bx-viewport { width: 100%; min-height: 233px !important; } .bx-wrapper { margin: 0 auto !important; } .bx-wrapper .bx-controls-direction { /*width:95% !important;*/ /* top: 45% !important; */ } div.carousel-bg .carousel .bx-wrapper .bx-controls-direction{ max-width:240px; bottom:15px;} .bx-wrapper .bx-prev { /* left: 10px !important; *//* background: url(../images_mcpg/arrow-prev-mobile.png) no-repeat 0 0px !important; */ /* top: 42% !important; */ width: 25px !important; height: 25px !important; background-size:25px 25px !important; } .bx-wrapper .bx-next {/* right: 10px !important; */ /* background: url(../images_mcpg/arrow-next-mobile.png) no-repeat 0 0px !important; *//* top: 42% !important; */ width: 25px !important; height: 25px !important; background-size:25px 25px !important; } div.carousel-bg { width: 100% !important; } div.carousel-bg .banner-container .span12 div.carousel-bg .middle-container{ margin-top:0!important;} div.carousel-bg .carousel { margin: 0 auto !important; float: none !important; } div.carousel-bg .carousel .bx-wrapper .bx-viewport { height: auto !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-flashpay div.ccavenue-flashpay { width: 90%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-flashpay div.ccavenue-flashpay { width: 90%; } div.carousel-bg .carousel ul.bxslider li.item { margin: 0px !important; /*height: 210px;*/ } div.carousel-bg .carousel ul.bxslider li.item div.title-text, div.carousel-bg .carousel ul.bxslider li.item div.title-text span { font-size: 16px !important; line-height: 18px; margin-top: 10px; } div.carousel-bg .carousel ul.bxslider li.item div.sub-title-text { font-size: 13px; line-height: 15px; margin-top: 5px; display: inline-block; } div.carousel-bg .carousel ul.bxslider li.item div.learn-more { margin-top: 0px !important; } div.carousel-bg .carousel ul.bxslider li.item div.learn-more a.primary-button { padding: 3px 10px !important; font-size: 11px !important; border-radius: 3px !important; margin-top: 8px !important; } div.carousel-bg .carousel ul.bxslider li.item.carausel-bg { min-height: 210px !important; height: 230px; } div.carousel-bg .carousel ul.bxslider li.item div.carausel-img { margin: 0 auto !important; width: 100%; position: relative; float: none !important; min-height: 234 !important; top: 30px; z-index: 0 !important; } div.carousel-bg .carousel ul.bxslider li.slide3, div.carousel-bg .carousel ul.bxslider li.slide4, div.carousel-bg .carousel ul.bxslider li.slide5 { width: 100%; } div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { width: 90%; top: 13px; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 80%; top: 0px; right: 8px; } div.carousel-bg .carousel ul.bxslider li.slide2 div.title-text { line-height: 20px !important; } div.carousel-bg .carousel ul.bxslider li.slide3 { width: 86%; } div.carousel-bg .carousel ul.bxslider li.slide3 div.learn-more { margin-top: 0px !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.title-text { margin-top: 15px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { width: 83%; top: 20px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features { padding-top: 20px !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { display: inline-block; float: left; width: 60%; height: auto; margin-top: -15px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { display: inline-block; float: right; width: 35%; height: auto; margin-top: -13px; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0px; top: -9px; width: 75%; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img img { left: 0; right: 0; margin: 0 auto; top: 0; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { width: 80%; padding: 0px; top: 20px; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img table { width: 100%; text-align: center; } /*div.carousel-bg .carousel ul.bxslider li.slide6 { background: url(../images_mcpg/bg-slider3-new-mobile.jpg) center top repeat-x; }*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 18px; width: 90%; padding-left: 0px; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 20px; width: 97%; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: 10px; width: 95%; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { padding:0px; top:-34px; width:82%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { padding:0px; top:-38px !important; width:82%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.learn-more{ top:-39px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding:0px; top:-40px ; width:100%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ width:82% !important ; padding:0px; top:3px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ width:93%; padding:0px; top:24px ;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img{ top:25px; width:95%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img{top:25px ; width:91%;}*/ div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments { max-width: 90% !important; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments img { margin-top: 15px; width: 100%; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .collections_payments .slide-content div.title-text { margin: 5px 0 20px; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments .slide-content .cl-white .learn-more-btn { width: 19%; font-size: 9px; padding: 3px 3px; bottom: 8px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.zerosetupfee { width: 30%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.onehractivation { width: 45%; } .slider-token-pay .coming-soon{ top:-19px; width:65px; margin-right:-10px;} div.carousel-bg .carousel ul.bxslider li.item.slider-token-pay div.sub-title-text{ margin-top:10px; line-height:18px;} .slider-token-pay .span12.slide-image img{ margin:auto; width:85%; display:block;} .slider-token-pay .span12.slide-image{ margin-top:-10px;} /*----------- CARAUSEL ENDS ------------*/ /*----------- MIDDLE CONTAINER STARTS ------------*/ body.home div.middle-container { margin-top: 10px !important; } div.middle-container { padding: 0 15px 0 15px; margin-top: 30px !important } /*-----------------------------------------------------Home Features Set Style Start-------------------------------------------------*/ div.middle-container #features_set div.span12.sets { margin-bottom: 20px !important; } div.middle-container #features_set div.titles { margin-bottom: 10px !important; } div.middle-container #features_set div.span12 .title-text { font-size: 25px !important; line-height: 25px !important; margin-top: -20px !important; } div.middle-container #features_set div.span12 .sub-title-text { font-size: 18px !important; line-height: 25px !important; } /*div.middle-container #features_set div.span12{ margin-top:0px !important;}*/ div.middle-container #features_set div.span12 div.span4 { position: relative !important; margin: 0 auto !important; margin-top: 30px !important; height: auto !important; } div.middle-container #features_set a .primary-text { line-height: 19px !important; } div.middle-container #features_set a .secondary-text { margin-top: 10px !important; display: inline-block !important; } /*-----------------------------------------------------Home Features Set Style Ends-------------------------------------------------*/ /*-----------------------------------------------------Home Features Tabs Style Starts-------------------------------------------------*/ #features-panel { padding: 10px 0 !important; } #features-panel .features_tabs { margin-top: 15px !important; padding: 0 10px !important } #features-panel .features_tabs div.titles { margin-bottom: 20px !important; } #features-panel .features_tabs div.titles .title-text { font-size: 25px !important; line-height: 25px !important; margin-top: -20px !important; } #features-panel .features_tabs div.titles .sub-title-text { font-size: 18px !important; line-height: 18px !important; margin-top: 10px !important; display: inline-block !important; } #features-panel .features_tabs #verticalTab { display: inline-block !important; padding: 0px 10px !important; } #features-panel .features_tabs #verticalTab div.span8 { display: inline-block !important; float: none !important; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion { text-align: left; line-height: 10px; position: relative !important; width: 95% !important; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.icon-tab1 { background: url(../images_mcpg/icon-tab1.png) no-repeat center bottom; display: inline-block; width: 21px; height: 20px; margin: 0; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.icon-tab2 { background: url(../images_mcpg/icon-tab2.png) no-repeat center bottom; display: inline-block; width: 21px; height: 18px; margin: 0; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.icon-tab3 { background: url(../images_mcpg/icon-tab3.png) no-repeat center bottom; display: inline-block; width: 21px; height: 18px; margin: 0; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.icon-tab4 { background: url(../images_mcpg/icon-tab4.png) no-repeat center bottom; display: inline-block; width: 21px; height: 18px; margin: 0; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.icon-tab5 { background: url(../images_mcpg/icon-tab5.png) no-repeat center bottom; display: inline-block; width: 21px; height: 18px; margin: 0; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.primary-text { font-size: 12px !important; line-height: 15px !important; margin-left: 28px !important; margin-top: -18px !important; display: block; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-accordion span.secondary-text { font-size: 11px; line-height: 14px !important; margin-left: 28px !important; margin-top: 0px !important; display: block; width: 220px !important; } #features-panel .features_tabs #verticalTab div.span8 h2.resp-tab-active span.secondary-text { width: 220px !important; } #features-panel .features_tabs #verticalTab div.span8 .resp-tab-content { width: 95% !important; float: right; right: -2px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container { margin-top: 15px; width: 100% !important; position: relative !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content { position: relative !important; padding: 4px 4px 15px 5px !important; margin: 0px 0px 5px 7px !important; width: 95% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.box { position: relative !important; display: inline-block !important; height: 122px !important; width: 49% !important; float: left !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-1 { background-color: #283d49; left: 0px !important; top: 0px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-2 { background-color: #314b59; left: 5px !important; top: 0px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-3 { background-color: #406071; left: 0px !important; top: 5px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-4 { background-color: #4f768a; left: 5px !important; top: 5px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-5 { background-color: #406071; left: 0px !important; top: 10px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-6 { background-color: #283d49; left: 5px !important; top: 10px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.primary-text { font-family: 'openSansRegular', sans-serif; background-color: #52c8da; font-size: 13px !important; line-height: 22px; font-weight: normal; position: absolute; left: 0; top: 0; padding: 2px 10px; z-index: 200; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.heading-text { font-family: 'openSansRegular', sans-serif; font-size: 12px !important; line-height: 20px; position: relative; float: left; margin: 11px 0 0 32px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.box-icon { position: absolute; bottom: 4px; right: 5px; width: 86% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-1 span.box-icon { position: absolute; bottom: 4px; right: 5px; width: 75% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.text { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.primary-text { font-family: 'openSansRegular', sans-serif; background-color: #52c8da; font-size: 13px !important; line-height: 22px; font-weight: normal; position: absolute; left: 0; top: 0; padding: 2px 10px; z-index: 200; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.heading-text { font-family: 'openSansRegular', sans-serif; font-size: 12px !important; line-height: 20px; position: relative; float: left; margin: 11px 0 0 32px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.text { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4 .img { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.box-icon { position: absolute; bottom: 4px; right: 5px; width: 86% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-1:hover span.box-icon { position: absolute; bottom: 4px; right: 5px; width: 75% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4:hover .img { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4 a.primary-button { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4:hover a.primary-button { display: block; width: 63px; height: 16px; vertical-align: middle; line-height: 15px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; position: relative; float: left; margin: 7px 0 0 5px; text-decoration: none; border-radius: 3px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4:hover a.border { border: 1px solid; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box-big { width: 323px; height: 323px; border: 10px solid rgba(40, 61, 73, .5); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ padding: 0; margin: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content { position: relative !important; padding: 4px 4px 0px 5px !important; margin: 0px 5px 5px 7px !important; min-height: 290px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content div.main-img { display: inline-block !important; width: 100% !important; min-height: 200px !important; top: 8% !important; left: 0 !important; opacity: 0.7 !important; position: absolute !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .icons { left: 0 !important; top: 5px !important; width: 80% !important; text-align: left !important; display: block !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .icons img { width: 10% !important; float: left; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .heading-text { font-size: 11px !important; line-height: 15px; font-family: Arial, Helvetica, sans-serif; margin-left: 7px; float: left; text-align: center !important; position: relative; padding: 8px 0px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #detail-text { position: absolute; top: 203px !important; z-index: 5; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: 0 !important; display: inline-block !important; font-size: 12px !important; line-height: 18px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon1 { left: 5px !important; top: 5px !important; z-index: 5; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon2 { left: 5px !important; top: 60px !important; z-index: 5; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon3 { left: 5px !important; top: 115px !important; z-index: 5; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon3 img { width: 10% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon1 .heading-text { text-align: left !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon2 .heading-text { text-align: left !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon3 .heading-text { margin-top: 7px !important; text-align: left !important; } /*#features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content a.inner-button{bottom:20px; position:absolute; left:35%; display:block;}*/ #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab3-content { position: relative !important; padding: 4px 4px 15px 5px !important; margin: 0 -3px 8px 0px !important; min-height: 190px !important; } /*#features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab3-content a.inner-button{bottom:10px !important; position:absolute !important; left:35% !important; display:block !important;}*/ #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content { position: relative !important; padding: 4px 4px 15px 5px !important; margin: 0px 0 8px 7px !important; min-height: 200px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content div.tab4-content-img { width: 97% !important; top: 29px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content div.tab4-content-hd { width: 97% !important; top: 14px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content div.tab4-left-pan { left: 12px !important; top: 38px !important; width: 48% !important; } /*#features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content a.inner-button{bottom:10px; position:absolute; left:35%;}*/ #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab5-content { position: relative !important; padding: 15px 4px 0px 5px !important; margin: 0 -3px 8px 0px !important; min-height: 190px !important; } /*#features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab5-content a.inner-button{bottom:10px; position:absolute; left:35%; display:block;}*/ /*-----------------------------------------------------Home Features Tabs Style Ends-------------------------------------------------*/ /*-----------------------------------------------------Home Features Tools Style Start-------------------------------------------------*/ #features_tools { margin-bottom: 0px !important; } #features_tools div.titles { margin: 15px 0 !important; } #features_tools div.titles .title-text { font-size: 25px !important; } #features_tools div.titles .sub-title-text { font-size: 16px !important; line-height: 25px !important; } #features_tools div.features-tools-int div.span12 { overflow: visible !important; margin-bottom: 0px !important; max-height: none !important; position: relative !important; } #features_tools div.features-tools-int div.span12 div.span1 { margin: 0px 0 0 0px !important; } #features_tools div.features-tools-int div.span12 div.span2 { width: 90% !important; float: none !important; margin-top: 20px !important; min-height: 125px !important; margin-left: auto !important; margin-right: auto !important; display: block !important; margin-bottom: 10px !important; } #features_tools div.features-tools-int div.span12 div.span2.divider-light { border-width: 0 0 1px 0 !important; border-color: rgba(255, 255, 255, 0.1) !important; } #features_tools div.features-tools-int div.span12 div.span2.last { border-width: 0 0 0px 0 !important; } #features_tools div.features-tools-int div.span12 div.span2 img { float: left !important; display: inline-block !important; margin: 0 20px 15px 0 !important; width: 35% !important; } #features_tools div.features-tools-int div.span12 div.span2 a { float: left !important; display: block !important; width: 140px !important; margin-left: 0px !important; } #features_tools div.features-tools-int div.span12 div.span2 a.img-link { margin: 0px !important; width: 37% !important; } #features_tools div.features-tools-int div.span12 div.span2 a.img-link img { width: 100% !important; } #features_tools div.features-tools-int div.span12 div.span2 .heading-text { margin-top: 5px !important; float: left !important; text-align: left !important; } #features_tools div.features-tools-int div.span12 div.span2 .sub-heading-text { display: block !important; float: left !important; text-align: left !important; } /*-----------------------------------------------------Home Features Tools Style Ends-------------------------------------------------*/ /*----------- CUSTOMER 360 STARTS HERE -------------*/ /*-------------------------------------------------------Navigation Starts--------------------------------------------------*/ #customer360_navigation { width: 38px; top: 40%; } #customer360_navigation li { height: 33px; width: 38px; } #customer360_navigation span { /* Container properties */ right: 33px; /* Text properties */ font-size: 12px; line-height: 33px; height: 33px; } #customer360_navigation a { height: 100%; width: 100%; } #customer360_navigation a.overview { background-size: 40% auto; } #customer360_navigation a.helpdesk { background-size: 40% auto; } #customer360_navigation a.liveChat { background-size: 40% auto; } #customer360_navigation a.integration { background-size: 30% auto; } #customer360_navigation a.reporting { background-size: 35% auto; } #customer360_navigation a.pricing { background-size: 35% auto; } /*-------------------------------------------------------Navigation Ends--------------------------------------------------*/ .customer360_panel { padding: 0; } /*-- Customer360 Sections --*/ div.customer360_panel #overview-block { margin-top: 55px; } div.customer360_panel div.block { margin: 0; padding: 0; width: 100%; } div.customer360_panel div.block.main-panel { padding: 15px 10px 10px 10px; } div.customer360_panel div.block.sub-panel { margin: 10px 0 !important; padding: 0 15px !important; min-height: 100%; } div.customer360_panel div.block .title-text { font-size: 22px; line-height: 22px; letter-spacing: -1px; } div.customer360_panel div.block .sub-title-text { font-size: 12px; line-height: 18px; margin-top: 5px; } div.customer360_panel div.block .highlight-text { display: block; padding: 14px 0 200px 0; font-size: 17px; text-align: center !important; } div.customer360_panel div.block .default-text, div.customer360_panel div.block .default-text li { font-size: 12px; line-height: 15px; } div.customer360_panel div.block .default-text .highlight-text { display: inline; padding: 0; font-size: 14px; } div.customer360_panel div.block .title-divider { width: 40%; } div.customer360_panel .overview-customer360 .main-img { display: inline-block; padding: 10px 0; background-size: 100% auto !important; margin: 0px 0 18px 0; width: 100% !important; max-height: 143px; } div.customer360_panel .overview-mobile-app { background-size: 49% auto; background-position: center top 60px; } div.customer360_panel .overview-complete-social-integration { background-size: 55% auto; background-position: center top 58px; } div.customer360_panel .overview-multi-channel { background-size: 95% auto; background-position: center top 58px; } div.customer360_panel .overview-multi-channel .highlight-text { padding: 14px 0 162px 0 !important; } div.customer360_panel .overview-universal-inbox { background-size: 60% auto; background-position: center top 60px; } div.customer360_panel .helpdesk-multi-channel-support { background-size: 95% auto; background-position: center top 61px; } div.customer360_panel .helpdesk-multi-channel-support .highlight-text { padding: 14px 0 170px 0 !important; } div.customer360_panel .helpdesk-easy-ticket-management { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .helpdesk-enforce-sla { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .helpdesk-intelligent-ticket-routing { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .helpdesk-automatic-agent-backups { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .helpdesk-ticket-forwarding { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .helpdesk-custom-forms { background-size: 80% auto; background-position: center top 58px; } div.customer360_panel .helpdesk-views { background-size: 80% auto; background-position: center top 58px; } div.customer360_panel .helpdesk-internal-notes { background-size: 80% auto; background-position: center top 58px; } div.customer360_panel .helpdesk-quick-ations { background-size: 80% auto; background-position: center top 58px; } div.customer360_panel .helpdesk-canned-messages { background-size: 80% auto; background-position: center top 50px; } div.customer360_panel .helpdesk-canned-messages .highlight-text { padding: 14px 0 190px 0 !important; } div.customer360_panel #livechat-block { display: inline-block !important; } div.customer360_panel #livechat-block .livechat-header { margin-top: 20px !important; margin-bottom: 0px !important; padding: 0px !important; } div.customer360_panel .livechat.block.sub-panel { margin: 0px !important; padding: 0px !important; position: relative; } div.customer360_panel .livechat .sub-block { margin: 15px 0; height: auto; width: auto; text-align: center; margin-left: 10% !important; margin-right: 10% !important; } div.customer360_panel .livechat .sub-block .sub-block-thumbnail { width: 40%; height: auto; } div.customer360_panel .livechat .sub-block .sub-block-thumbnail img { position: relative; margin: 0 auto; } div.customer360_panel .livechat .sub-block .highlight-text { font-size: 15px; padding: 5px 0; } div.customer360_panel .integration-interactive-widgets { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .integration-inapp-customer-support { background-size: 49% auto; background-position: center top 60px; } div.customer360_panel .integration-consistent-brand-image { background-size: 80% auto; background-position: center top 54px; } div.customer360_panel .integration-consistent-brand-image .highlight-text { padding: 14px 0 187px 0 !important; } div.customer360_panel .integration-multi-domain-support { background-size: 80% auto; background-position: center top 62px; } div.customer360_panel .integration-magento-integration { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .integration-integrate-wordpress { background-size: 80% auto; background-position: center top 50px; } div.customer360_panel .integration-integrate-wordpress .highlight-text { padding: 14px 0 190px 0 !important; } div.customer360_panel .reporting-dashboard { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .reporting-chat-performance-dashboard { background-size: 85% auto; background-position: center top 53px; } div.customer360_panel .reporting-customer-satisfaction-forms { background-size: 82% auto; background-position: center top 58px; } div.customer360_panel .reporting-weekly-performance-reports { background-size: 80% auto; background-position: center top 60px; } div.customer360_panel .reporting-chat-monitoring { background-size: 83% auto; background-position: center top 62px; } /*----------- CUSTOMER 360 ENDS HERE -------------*/ /*---------------------------------------------------- Merchant List Styles----------------------------------------------------*/ #punchline { margin-top: 0px !important; margin-bottom: 15px !important; display: block; } #punchline #merchants-banner { position: relative; border: 0px solid red; text-align: center; width: 100%; margin-bottom: 25px; height: auto; } #punchline #merchants-banner span.title-text { padding: 0 7px !important; width: 70% !important; } #punchline #merchants-banner span.heading-text { font-size: 13px; line-height: 13px; display: inline-block; } /*--------------------------------------------------- Merchant List Styles Ends-----------------------------------------------*/ /*----------------------------------------------------- Sign Up Panel Styles -------------------------------------------------*/ Div#signup-panel { margin: 0; padding: 10px 0; vertical-align: middle !important; text-align: center; } Div#signup-panel div.signup-inner { padding: 0; margin: 0 auto !important; margin: 10px 0 20px 0 !important; line-height: 32px !important; float: none !important; } Div#signup-panel div.signup-inner .span12 { margin-top: 10px !important; display: block; text-align: center !important; } Div#signup-panel div.signup-inner .left { text-align: center !important; display: block !important; width: 70% !important; } Div#signup-panel div.signup-inner .right { padding: 0px !important; text-align: center !important; display: block !important; width: 80% !important; margin-top: 5px !important; } Div#signup-panel div.signup-inner a.signup-button { width: 30% !important; margin-top: 10px !important; } /*------------------------------------------------------- Sign Up Panel Styles Ends-------------------------------------------------------*/ /*----------------------------------------------------- Award Panel Styles -------------------------------------------------*/ Div#award-panel { margin-bottom: 15px; } Div#award-panel div.span12 { padding: 0px; } Div#award-panel div.span12 img { width: 95%; height: auto; } /*----------------------------------------------- Award Panel Styles Ends ------------------------------------------- */ /*----------- MIDDLE CONTAINER ENDS ------------*/ /*----------- PRICING PAGE STARTS -----------*/ body.pricing div.page-heading div.span12 div.page-title { padding-top: 42px; font-size: 32px; line-height: 35px !important; margin-top: 0px !important; } div.pricing { padding-top: 25px; padding-bottom: 25px; display: block; } div.pricing .span12 { margin: 0 !important; } div.pricing div.visible-phone .text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #222222; padding: 16px 0; text-align: center; } div.pricing div.visible-phone .text.offer-price { text-align: left; } div.pricing div.visible-phone .text.offer-price .rate { display: block; font-size: 26px; text-align: center; font-size: 26px; } div.pricing div.visible-phone .text.offer-price .rate strike { color: #b6b8bd; } div.pricing div.visible-phone .text.offer-price .offer-text { display: block; font-size: 11px; text-align: center; margin-top: 5px; margin-bottom: 20px; } div.pricing div.visible-phone .text.offer-price li { margin-left: 32px; margin-right: 10px; } div.pricing div.visible-phone .text .small-text { color: #555; font-size: 12px !important; line-height: 20px; } div.pricing div.visible-phone .ccfinance .text * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; vertical-align:top; } div.pricing div.visible-phone .ccfinance .text a.feature-link span.icon.ccavenue-finance { margin-top:-7px; } div.pricing div.visible-phone .ccfinance .text .feature-link { display:inline-block; width:50%; margin-top:8px; } div.pricing div.visible-phone .ccfinance .text span.tag-free { display:inline-block; width:50%; position:unset !important; top:unset; right:unset; text-align:right; font-size:16px !important; } div.pricing div.visible-phone .ccfinance .text span.tag-free .small-text { font-size:11px !important; position:relative; top:-4px; } div.pricing div.visible-phone .ccfinance .text span.tag-free .small-text.note { font-size:9px !important; line-height:11px !important; } div.pricing div.visible-phone .text .small-text span.small-text { font-size: 11px !important; } div.pricing div.visible-phone .last-row .text .small-text { font-size: 11px !important; } span.small-text.asuc-note { font-size: 10px !important; } div.pricing .ccavenue-features-title .text { font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif !important; text-align: center !important; } div.pricing .features-invoice-payments .text a.feature-link .small-text { font-size: 12px !important; top: -6px; } div.pricing div.visible-phone .feature .text { padding: 10px 0 10px 0; text-align: left; position: relative; } div.pricing div.visible-phone .feature .text span.tag-free { font-size: 12px; padding: 5px 8px 4px 8px; position: absolute; top: 14px; right: 12px; } div.pricing a.feature-link:link, div.pricing a.feature-link:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #323232; text-decoration: none; line-height: 12px; text-align: left; padding-left: 5px; } div.pricing a.feature-link span.small-text { font-size: 7.5pt !important; position: relative; top: -10px; left: 48px; } div.pricing a.feature-link span.icon { background-position: right center; background-repeat: no-repeat; display: inline-block; width: 38px; height: 30px; vertical-align: middle; } div.pricing div.visible-phone .button { font-family: 'openSansLight', sans-serif; font-size: 16px; color: #fff; padding: 4px 16px; background-color: #252b2f; border-radius: 6px; -moz-border-radius: 6px; -webkist-border-radius: 6px; text-decoration: none; } div.pricing .span12.visible-phone { width: 100% !important; display: block !important; } div.pricing div.visible-phone div.span12 a.popular, div.pricing div.visible-phone div.span12 a.startuppro { background-color: #55a4cd; } div.pricing div.visible-phone div.span12 a.privilege { background-color: #8fc448; } div.pricing div.visible-phone div.span12.privilege-scheme .span12.row.first .span12.text { font-size: 14px; line-height: 21px; vertical-align: top; } div.pricing div.visible-phone div.span12.privilege-scheme .span12.row.first .span12.text span { font-size: 16px; display: block; margin-top: 5px; margin-bottom: 15px; } div.pricing div.visible-phone div.span12 a.startuppro, div.pricing div.visible-phone div.span12 a.popular, div.pricing div.visible-phone div.span12 a.privilege { padding: 18px 0 0 17px; display: block; height: 62px; background-image: url('../images_mcpg/price-down-arrow.png'); background-position: 94% center; background-repeat: no-repeat; } div.pricing div.visible-phone .span12.price-button { text-align: center !important; padding: 20px 0; height: 100% !important; } div.pricing div.visible-phone .span12.price-button a.button { font-size: 19px; padding: 6px 20px; display: inline-block !important; } div.pricing table.terms-conditions { width: 100%; } /*----------- PRICING PAGE ENDS -----------*/ /*----------- MANAGEMENT PAGE STARTS -----------*/ #team-box div.span12.first-row div.span4 { margin: 0px !important; } #team-box { margin-top: 0px !important; text-align: center !important; } div.container-fluid div.middle-container.team #team-box div.span4 { margin: 0 auto 0 auto !important; } /*#team-box div.span4{ margin-left:-8px !important;}*/ .inline-name { height: 62px; top: 170px !important; width: 83% !important; z-index: 2; } .inline-image-mobile { width: 100% !important; display: block !important; } .team-detail { width: 100% !important; position: relative !important; } .title-text { font-size: 20px; font-weight: normal; } .sub-title-text { font-size: 12px; font-weight: normal; line-height: 12px; } a.primary-link { font-size: 12px !important; } .team-bio { font-size: 11px; width: 94% !important; height: 100% !important; display: inline-block !important; line-height: 15px; margin: 0 auto !important; position: relative !important; left: 4% !important; top: 30px !important; padding: 10px !important; } .content-text { font-size: 12px !important; width: 99% !important; display: block !important; /* height: 100% !important; */ margin: 0px !important; padding: 0px 0 0 0 !important; } .content-text .inline-image { width: 100% !important; margin: 0 auto !important; } .content-text .inline-image .title-text { font-size: 16px !important; line-height: 20px !important; margin-top: 5px !important; } .content-text .inline-image .sub-title-text { font-size: 12px !important; line-height: 18px !important; } .content-text .inline-image a.secondary-link { font-size: 11px !important; margin-top: 0px !important; display: inline-block !important; margin-bottom: 15px !important; } .content-text .inline-image.divider-light { border-width: 0 0 1px 0 !important; margin-bottom: 15px !important; } .content-text .inline-image .bio-img { text-align: center !important; width: 45% !important; } .content-text.scroll-pane { width: 99% !important; margin-top: 15px !important; margin-left: 7px !important; /* height: 100% !important; overflow: auto; */ } .team-detail .team-bio .content-text{ /*min-height:200px;*/} .fancybox-next span { right: -5px !important; } .fancybox-prev span { left: -3px !important; } .fancybox-nav span { top: -458% !important; display: none !important; } .fancybox-outer img { max-width: 235px; } .management-team .fancybox-close { right: -19px !important; position: absolute !important; top: 29px !important; width: 13% !important; background-size: 100% auto !important; } .jspVerticalBar { right: -5px !important; height: 100% !important; } .management-team .jspContainer { width: 100% !important; height: 100% !important; } .jspPane { width: 100% !important; } .jspDrag { width: 5px !important; left: 3px !important; } .fancybox-skin { width: 100% !important; border: 0px solid red !important; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { width: 97% !important; top: 0px !important; left: 0px !important; } /*----------- MANAGEMENT PAGE ENDS -----------*/ /*----------- ASSOCIATES PAGE STARTS -----------*/ .border-nav a { font-size: 13px; } .border-nav { margin-top: 0 } /*----------- ASSOCIATES PAGE END -----------*/ /*----------- REGISTRATION PAGE STARTS -----------*/ .content-text { font-size: 11px; } body.registration div.header-panel { position: inherit !important; } /*body.registration div.page-heading { margin-top:40px; margin-bottom:10px; }*/ body.registration div.page-heading .span12 .page-title { font-size: 27px; } #buyers div.page-heading.no-nav { margin-top: 40px !important; } #buyers div.page-heading div.span12 div.page-title { font-size: 32px !important; } #buyers_signup_popup .span12 .form-wrapper { padding: 0 10px 15px 10px; width: 100%; } #buyers_signup_popup .span12 .form-wrapper .span12 .login-signup { padding: 0; top: 0; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification { padding: 30px 0px 15px 0px; top: 28px; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification .heading-text { padding: 5px 0; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification .content-box .primary-text { font-size: 12px; line-height: 18px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .primary-button { font-size: 14px; padding: 5px 20px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .header-button { padding: 5px 10px; font-size: 14px; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap .content-box .primary-text { line-height: 18px; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap { padding: 25px 0 20px 0px !important; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap .forgot-password-submit { padding: 50px 0 20px 0px; !important; } #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap .forgot-password-submit .content-box .primary-text { line-height: 18px; } #buyers_signup_popup_thankyou { width: 95%; height: auto; } #buyers_signup_popup_thankyou .thankyou_screen .heading-text { font-size: 22px; } #buyers_signup_popup_thankyou .thankyou_screen .primary-text { font-size: 14px; line-height: 18px; } #buyers_signup_popup_thankyou .thankyou_screen .secondary-text { font-size: 12px; line-height: 16px; margin: 10px 0; } #buyers_signup_popup_thankyou .thankyou_screen .primary-button { font-size: 14px; padding: 5px 20px; } .buyers_mail { max-width: 100%; margin: 5% !important; } .buyers_mail .buyers_mail_wrapper .container { padding: 0 20px; } .buyers_mail .buyers_mail_wrapper .container .content-text { font-size: 16px !important; text-align: center; margin-top: 15px !important; } .buyers_mail .buyers_mail_wrapper .container .main-image { background-size: 100% auto !important; width: 100% !important; margin-top: 0px; background-position: center center !important; } .buyers_mail .buyers_mail_wrapper .container .title-text { font-size: 16px !important; line-height: 20px !important; } .buyers_mail .buyers_mail_wrapper .container .secondary-text { font-size: 13px !important; line-height: 18px !important; margin-bottom: 35px; margin-top: 10px; } .buyers_mail .buyers_mail_wrapper .container .secondary-link { font-size: 13px !important; } div.registration-form .form { padding: 5px; margin: 0 !important; } div.registration-form .label { padding: 4px 0; text-align: left; } div.registration-form .form .span12.fields .span8 { padding-left: 0 !important; } div.registration-form .form .span12.fields .span4 { width: auto; padding-bottom: 5px !important; } div.registration-form .form .span12.fields .span4 .visible-phone.inr { display: inline !important; } div.registration-form .form .span12.phone-number .span8 .content-text.label { display: inline-block !important; width: auto !important; padding-top: 5px !important; } div.registration-form .form .span12.monthly-trans { padding: 15px 0 0 0; } div.registration-form .form .span12.phone-number .span8 .textfield.span2 { width: 50px; } div.registration-form .form .span12.phone-number .span8 .textfield.span9 { width: 155px; } div.registration-form .form .span12.phone-number .span8.mobile .textfield.span9 { width: 220px; } div.registration-form .form .span12.min-max-amt .span8 .textfield.span5 { width: 111px; } div.registration-form .form .span12 .span8.monthly-transaction-amt .textfield.span12 { width: 250px; } div.registration-form .form .span12.fields .span8 .currency { position: absolute; left: 260px; top: 6px; } div.registration-form .form .span12.fields .span4.label span.visible-desktop { display: none !important; } div.registration-form .form .span12.fields .span4.label span.hidden-desktop { display: inline-block !important; } div.registration-form .form .span12.fields .primary-button { font-size: 15px; display: inline-block; padding: 4px 12px 8px 12px; } /*----------- REGISTRATION PAGE ENDS -----------*/ /*----------- LOGIN PAGE STARTS -----------*/ body.merchant-login div.header-panel { position: inherit !important; } body.merchant-login div.header-gap { display: none; } div.login-frame { padding: 25px 15px !important; } div.login-frame div.login-content { padding-top: 8px; padding-right: 0; padding-bottom: 40px; } div.login-frame div.login-content div.existing-login span.divider-light { text-align: center; } body.reset-password div.login-frame { padding: 0 15px 15px 15px !important; margin: 20px auto 0 auto !important; } body.reset-password div.login-frame [class*="span"]:first-child { margin-left: auto !important; } body.reset-password .reset-password-table { width: 100% !important; } body.reset-password .reset-password-table .page-title { font-size: 28px; padding: 30px 0 15px 0; } body.reset-password .reset-password-table .reset-footer { font-size: 11px !important; } body.reset-password .reset-password-table div.login-form { width: 100% !important; } body.reset-password .reset-password-table div.login-form .span4 { width: auto; } body.reset-password .reset-password-table div.login-form .span8 { padding-top: 0 !important; } body.reset-password .reset-password-table div.login-form span.info { font-size: 11px !important; } body.reset-password .reset-password-table div.login-form span.button { margin-top: 0; } /*----------- LOGIN PAGE ENDS -----------*/ /*----------- FOOTER PANEL STARTS ------------*/ table.live-chat-banner td .live-chat div.chat { position: absolute; right: -30px; top: -57px; width: 200px; height: 100px; float: right; text-align: right !important; } div.footer-panel { height: 200px !important; padding: 0 10px 20px 10px !important; } .footer-bg .span10.footer-text.footer_bottom{ padding: 0 10px 20px 10px !important;} div.footer-panel div.span12.footer-links div.span4.footer-text { width: 100% !important; margin-top: 8px !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos { margin: 0 !important; width: 100% !important; float: none !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span1.logo { margin-top: 0px !important; margin-right: 14px !important; margin-left: 0 !important; float: left !important; text-align: left !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span1.logo.first { margin-left: 0px !important; } /*----------- FOOTER PANEL ENDS ------------*/ /*----------- CONTACT US PAGE STARTS HERE ---------*/ body.contact-us div.header-panel { position: inherit !important; } body.contact-us .page-heading { margin-bottom: 0px !important; } body.contact-us div.page-heading.no-nav { margin-top: 40px !important; } body.contact-us { /*padding-top: 10px;*/ padding-bottom: 0px !important; } body.contact-us .container-fluid .page-heading .span12 .page-title { margin-top: 0px !important; } div.contact-form-panel .form-tabs.divider-light { border-width: 0; } div.contact-form-panel .form-tabs { padding-left: 0; text-align: center; } div.contact-form-panel .form-tabs a.tabs { display: inline-block; margin-right: 0; padding: 10px 5px; } div.contact-form-panel .form-tabs a.tabs:hover { background-color: #F4F6F9 !important; } div.contact-form-panel .form-panel .span12.form span.hasError.span6 { width: 100%; } div.contact-form-panel .form-panel .span12.form span.captcha-textfield { width: 100%; margin-top: 25px; } div.contact-form-panel .form-panel .span12.form .span2.try-new-code { width: auto; margin: 0 0 0 190px; display: inline; } div.contact-form-panel .form-panel { margin-top: 14px !important; } div.contact-form-panel .form-panel .span12.form { padding-left: 0; } div.contact-form-panel .form-panel .span12.form span.page-title { font-size: 18px; text-align: center; padding: 0; } div.contact-form-panel .form-panel .span12.form input.span6 { width: 100%; } div.contact-form-panel .form-panel .span12.form span.captcha { margin: 0 14px 0 0; padding-top: 0; } div.contact-form-panel .form-panel .span12.form input.captcha-content { display: inline-block; width: 100%; margin-top: 10px; } div.contact-form-panel .form-panel .span12.form .span11 a.submit { font-size: 20px; padding: 4px 20px 6px 20px; height: 56px; } /* Contact Us Maps */ div.maps div.page-title { font-size: 30px; text-align: center; padding: 0px 15px 15px 15px !important; height: auto !important; line-height: 35px; margin-top: -40px !important; display: inline-block !important; } div.maps div.maps-panel table td { padding: 0 0 10px 0; } div.maps div.maps-panel .span3.divider-light { border-width: 2px 0 0 0; border-color: #fff !important; padding: 20px; margin-right: 0; display: inline-block; } div.maps div.maps-panel .span3 span.address span.sub-title-text { line-height: 18px !important; } div.maps div.maps-panel .span3 { width: 100%; margin-right: 0; margin-top: 30px; } /* Contact Us CCAvenue Super Support */ div.ccavenue-support div.contact-icons { margin: 0; } div.ccavenue-support div.page-title { font-size: 30px; text-align: center; padding: 20px 20px 15px 20px; height: 110px; line-height: 35px; } div.ccavenue-support div.contact-icons div.span3 { display: inline-block !important; margin-left: 0px !important; width: 142px !important; margin-bottom: 20px !important; } div.ccavenue-support div.contact-icons div.span3 a { float: left !important; width: 100% !important; } div.ccavenue-support div.contact-icons div.span3 a span.icon { display: block !important; margin: 0 auto !important; } /*----------- CONTACT US PAGE ENDS HERE ---------*/ /*----------- FEATURES PAGE STARTS HERE -------------*/ .features-icon .owl-wrapper-outer { margin-left: 40px !important; /*edited here*/ } div.features-tabs { height: 96px !important; padding-top: 10px; } div.features-tabs .icons { display: block; min-width: auto; } /*div.features-tabs table .span12.icons .span10 { max-width:250px !important; /*border:solid 1px #000; padding-left:15px; padding-right:15px; }*/ a.features-icons:link { width: 110px; } .features-icons-nav { width: 20px !important; height: 80px; } .features-icons #features-icon-panel .owl-controls .owl-buttons .owl-prev { width: 20px !important; text-indent: -150px; top: -96px !important; } .features-icons #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -70px !important; width: 20px; text-indent: 150px; top: -96px !important; } .features-icons-nav { display: inline-block; height: 96px; background-repeat: no-repeat; background-size: auto auto; text-decoration: none; vertical-align: top; } .owl-prev { background-image: url('../images_mcpg/features_icons_prev.png'); background-position: left -60px; background-color: transparent !important; } .owl-prev:hover { background-position: left 20px; } .owl-next { background-image: url('../images_mcpg/features_icons_next.png'); background-position: right -60px !important; background-color: transparent !important; } .owl-next:hover { background-position: right 20px !important; } /*-- Features Icons --*/ a.features-icons:link, a.features-icons:visited { display: inline-block; width: 100px; height: 27px; background-position: center -90px; background-repeat: no-repeat; background-size: auto auto; text-decoration: none; font-family: 'seguisb' Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: #798a96; text-align: center; vertical-align: top; padding-top: 45px; } a.features-icons:hover { background-position: center 5px; color: #273038; } a.active-feature { background-position: center 5px !important; color: #273038 !important; } /*-- Features Sections --*/ div.features div.block { padding: 45px 0; margin: 0; } div.features div.block .title-text { font-size: 22px; line-height: 22px; letter-spacing: -1px; display: block; text-align: center; } div.features div.block .highlight-text { display: block; padding: 14px 0; font-size: 11px; text-align: center; } div.features div.block .default-text, div.features div.block .highlight-text { font-size: 12px; } div.features div.block .default-text li { margin-left: 14px; font-size: 12px; line-height: 15px; margin-bottom: 5px; } div.features div.block .default-text li span { font-size: 12px; } div.features div.block .default-text .highlight-text { display: inline; padding: 0; font-size: 12px; } div.features div.block table td { vertical-align: top; } div.feature-max-payment-options { background-position: center 90px; background-size: 290px; height: 450px; padding-left: 0 !important; } div.features div.feature-max-payment-options .default-text { display: block; padding-top: 140px !important; } div.feature-multi-currency-option { background-position: center 90px; background-size: 300px; padding-left: 0 !important; height: 740px; } div.features div.feature-multi-currency-option .highlight-text { display: block; padding: 220px 0 10px 0 !important; text-align: left; } div.features div.feature-multi-currency-option .default-text { display: block; padding-top: 0 !important; } div.features div.feature-multi-currency-option table td.highlight-text { vertical-align: top !important; padding-top: 0 !important; } div.feature-multilingual-option { background-position: center 90px; background-size: 300px; height: 739px; padding-right: 0px !important; } div.features div.feature-multilingual-option .highlight-text { display: block; padding: 260px 0 10px 0; text-align: left; } div.features div.feature-multilingual-option .default-text { display: block; padding-top: 0 !important; } div.features div.feature-multilingual-option .list-language li.list-title { margin-left: 2px; } div.feature-easy-customization { background-position: center 85px; background-size: 280px; height: 580px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-easy-customization .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } /*padding:290px 0 10px 0 !important; brgv*/ div.features div.feature-easy-customization .default-text { display: block; padding-top: 0 !important; } div.feature-smart-dynamic-routing { background-position: center 90px; background-size: 300px; height: 716px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-smart-dynamic-routing .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-dynamic-routing .default-text { display: block; padding-top: 0 !important; } div.feature-retry-option { background-position: center 60px; background-size: 290px; height: 550px; padding-top: 40px !important; /*padding-right:520px !important;*/ } div.features div.feature-retry-option .highlight-text { display: block; padding: 150px 0 10px 0 !important; text-align: left; } div.features div.feature-retry-option .default-text { display: block; padding-top: 0 !important; } /*div.features div.feature-retry-option .default-text BR { display:none; }*/ div.features div.feature-retry-option .default-text .on { display: block !important; line-height: 50px !important; } div.feature-ccavenue-one-click-checkout { background-position: center 100px; background-size: 290px; height: 636px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-ccavenue-one-click-checkout .highlight-text { display: block; padding: 268px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-one-click-checkout .default-text { display: block; padding-top: 0 !important; } /* CCAvenue Vault Starts */ div.ccavenue-card-storage-vault { background-position: center 110px; background-size: 290px; padding-top: 40px !important; padding-right: 0 !important; height: 580px !important; padding-top: 60px !important; padding-left: 0 !important; position: relative; } div.ccavenue-card-storage-vault .highlight-text { display: block; padding: 217px 0 10px 0 !important; text-align: left !important; } div.ccavenue-card-storage-vault .default-text { display: block; padding-top: 0 !important; } /* CCAvenue Vault Ends */ div.feature-ccavenue-store-front { background-position: center 80px; background-size: 290px; height: 750px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-ccavenue-store-front .highlight-text { display: block; padding: 270px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-store-front .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-shopping-cart { background-position: center 80px; background-size: 290px; height: 670px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-shopping-cart .highlight-text { display: block; padding: 250px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-shopping-cart .default-text { display: block; padding-top: 0 !important; } div.feature-shopping-cart-plugins { background-position: center 80px; background-size: 290px; height: 650px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-shopping-cart-plugins .default-text { display: block; padding-top: 190px !important; } /*padding-top:160px !important;*/ div.feature-iframe-integration { background-image: url('../images_mcpg/responsive-feature-iframe-integration-mobile.png') !important; background-position: center 80px; background-size: 280px; height: 580px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-iframe-integration .highlight-text { display: block; padding: 315px 0 10px 0 !important; text-align: left; } div.features div.feature-iframe-integration .default-text { display: block; padding-top: 0 !important; } div.feature-mobile-checkout-page { background-position: center 80px; background-size: 290px; height: 520px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-mobile-checkout-page .highlight-text { display: block; padding: 210px 0 10px 0 !important; text-align: left; } div.features div.feature-mobile-checkout-page .default-text { display: block; padding-top: 0 !important; } div.feature-marketing-tools { background-position: center 80px; background-size: 280px; height: 600px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-marketing-tools .highlight-text { display: block; padding: 280px 0 10px 0 !important; text-align: left; } div.features div.feature-marketing-tools .default-text { display: block; padding-top: 0 !important; } /*div.features div.ccAvenue-customer360 {background-position: center 80px;background-size: 280px auto;height: 810px; padding-left: 0 !important;padding-top: 40px !important;} div.features div.ccAvenue-customer360 .title-text{margin-bottom: 290px;}*/ div.feature-brand-360-degree { background-position: center 80px !important; background-size: 290px; height: 540px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-brand-360-degree .highlight-text { display: block; padding: 180px 0 10px 0 !important; text-align: left; } div.features div.feature-brand-360-degree .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-snip { background-position: center 180px; background-size: 290px; height: 645px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } /*height:610px;*/ div.features div.feature-ccavenue-snip .default-text { display: block; padding-top: 250px !important; } div.feature-ccavenue-snip span.title-text span { font-size: 12px; } div.feature-invoice-payment-system { background-position: center 80px; background-size: 290px; height: 680px; padding-top: 40px !important; padding-left: 0 !important; position: relative; } /*height:610px;*/ div.feature-invoice-payment-system span.ips-mobile { top: 80px; left: 200px; background-size: 100px; width: 100px; height: 300px; } div.feature-invoice-payment-system span.default-text table.list-ips-features td { font-size: 11px; text-align: left; padding: 0 20px 8px 0; } div.features div.feature-invoice-payment-system .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } div.features div.feature-invoice-payment-system .default-text { display: block; padding-top: 0 !important; } div.features div.feature-invoice-payment-system table td.highlight-text { padding: 0 !important; } div.feature-ccavenue-phonepay { background-position: center 80px; background-size: 290px; height: 680px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } div.features div.feature-ccavenue-phonepay .highlight-text { display: block; padding: 210px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-phonepay .default-text { display: block; padding-top: 0 !important; } div.feature-smart-analytics { background-position: right 25%; background-size: 350px; height: 660px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; position: relative; background-repeat: no-repeat; } div.feature-smart-analytics span.smart-analytics-screen { position: absolute; left: 10px; top: 110px; display: inline-block; width: 260px; height: 361px; background-size: 260px; } div.features div.feature-smart-analytics .highlight-text { display: block; padding: 360px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-analytics .default-text { display: block; padding-top: 0 !important; } div.feature-smart-analytics span.list-smart-analytics { position: absolute; left: 0; top: 300px !important; margin: 0 !important; height: 110px !important; z-index: 0 !important; } div.feature-smart-analytics span.list-smart-analytics table.list-sa-features { width: auto; background-color: #f2f7fa; } div.feature-smart-analytics span.list-smart-analytics td { padding-bottom: 10px; } div.feature-smart-analytics span.list-smart-analytics td .span12.visible-phone { display: block !important; text-align: center; margin-top: 5px; } div.feature-live-monitoring-pro { background-position: center 90px; background-size: 290px; height: 520px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-live-monitoring-pro .highlight-text { display: block; padding: 180px 0 10px 0 !important; text-align: left; } div.features div.feature-live-monitoring-pro .default-text { display: block; padding-top: 0 !important; } div.feature-dynamic-event-notification { background-position: left 70px; background-size: 320px; height: 530px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-dynamic-event-notification .highlight-text { display: block; padding: 210px 0 10px 0 !important; text-align: left; } div.features div.feature-dynamic-event-notification .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-frisk { background-position: center 80px; background-size: 290px; height: 820px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-frisk .highlight-text { display: block; padding: 245px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-frisk .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-frisk span.title-text span { font-size: 12px; letter-spacing: normal; line-height: 10px !important; } div.feature-fastest-activation { background-position: center 120px; background-size: 300px; padding-right: 0 !important; } div.features div.feature-fastest-activation .highlight-text { display: block; padding: 210px 0 10px 0 !important; text-align: left; } div.features div.feature-fastest-activation .default-text { display: block; padding-top: 0 !important; } div.feature-super-support { background-position: center 80px; background-size: 258px; height: 600px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-super-support .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-super-support .default-text { display: block; padding-top: 0 !important; } /*----------- FEATURES PAGE ENDS HERE -------------*/ /*PAY PHONE - HOW IT WORK START*/ .phone-pay-hiw-panel.middle-container { padding: 0 !important; } div.phone-pay-hiw-panel div.block { padding: 25px 0 55px; position: relative; } /*PAY PHONE - HOW IT WORK END*/ /*Transaction Booster page Start*/ .transaction-wrap { display: inline-block !important; height: auto !important; text-align: center; width: auto !important; padding: 10px !important; border: 1px soldi red !important; } .transaction-wrap .trans-problem { height: auto !important; } .latched { position: fixed; bottom: 0; left: 0; right: 0; width: auto; z-index: 0 !important; } .unlatched { position: relative; margin: 0 auto; width: auto; background-color: red !important; } .transaction-wrap .trans-problem img { width: 95%; } .transaction-wrap .trans-problem { float: none !important; height: auto; margin-bottom: 40px; margin: 0 auto !important; max-width: 950px; position: relative; } .transaction-wrap .trans-problem .span12.default-text { padding: 20px !important; font-size: 12px; line-height: 15px; margin-bottom: 20px; } .transaction-wrap .trans-problem .span12.divider-dark { width: 80%; margin-bottom: 30px; } .transaction-wrap .trans-problem .span12.divider-dark .titles { top: -17px; width: 50%; } .transaction-wrap .trans-problem .img4 { margin-bottom: 20px; } .transaction-wrap .trans-solution img { width: 95%; } .transaction-wrap .trans-solution { float: none !important; height: auto !important; margin: 0 auto !important; } .transaction-wrap .trans-solution .span12.default-text { padding: 20px !important; font-size: 12px !important; line-height: 18px; } .transaction-wrap .trans-solution .row-fluid .span12.divider-dark { width: 100% !important; } .transaction-wrap .trans-solution .row-fluid .span12.divider-dark .titles { top: -17px; width: 45% !important; text-transform: uppercase; margin: 0 auto !important; } .transaction-wrap .trans-solution .img3 { margin-bottom: 22px; } #Bluewrap { background-color: #131920; } #darkBluewrap { background-color: #0c1015 !important; } .service_tile p { width: 100%; } .row-fluid .service_grid { padding: 0 25px; } #ccavenueCheckout_img { background: url('../images_mcpg/ccavenue_checkout_mobile.jpg') no-repeat scroll center center #fff; } #quickcheckout_img { background: url('../images_mcpg/quick_checkout_mobile.jpg') no-repeat scroll center center #fff; } #secure100_img { background: url('../images_mcpg/100_secure_mobile.jpg') no-repeat scroll center center #fff; padding: 10px 0 !important; margin-top: 20px !important; } #trackpayments_img { background: url('../images_mcpg/track_payment_mobile.jpg') no-repeat scroll center center #fff; } #disputeresolution_img { background: url('../images_mcpg/dispute_resolution_mobile.jpg') no-repeat scroll center center #fff; } #supersupport_img { background: url('../images_mcpg/ccavenue_super_support_mobile.jpg') no-repeat scroll center center #fff; } #specialoffers_img { background: url("../images_mcpg/special_offers_mobile.jpg") no-repeat scroll center center #FFFFFF; } /* #rechargebillpayment_img{min-height:180px;background:url("../images_mcpg/buyers_recharge_bill_payments.png") no-repeat scroll center center #FFFFFF; background-size:95%;}*/ #ccavenueCheckout_img, #quickcheckout_img, #secure100_img, #trackpayments_img, #disputeresolution_img, #supersupport_img, #specialoffers_img { background-size: 97% !important; height: 100% !important; display: block !important; } .container-fluid .buyers-head-bg { margin-bottom: 10px !important; } .container-fluid .buyers-head-bg .buyers-head { background-size: 142% auto !important; background-position: -50px 0 !important; min-height: 180px !important; } .container-fluid .buyers-head-bg .buyers-head div.title-text { font-size: 20px !important; line-height: 20px !important; display: inline-block !important; margin-top: 5px !important; } .container-fluid .buyers-head-bg .buyers-head div.sub-title-text { font-size: 17px !important; line-height: 19px !important; margin-top: 5px !important; } .container-fluid .buyers-head-bg .buyers-head a.header-button { margin-top: 15% !important; margin-left: 40px !important; padding: 3px 10px !important; font-size: 11px !important; } .container-fluid .buyers-head-bg .buyers-head a.header-button span.icon { margin-top: 3px !important; display: inline-block !important; } .buyers_main .buyers_row { margin-top: 10px !important; } .buyers_main .buyers_row .img_holder { margin-bottom: 5px !important; } .buyers_main .buyers_row .img_holder .title-text { margin-bottom: 0px !important; } .buyers_main .buyers_row .text_holder_vrCenter { padding-top: 0px; } #quick_Checkout p { max-width: 100%; } .buyers_main .buyers_row { margin-bottom: 30px; } .buyers_main .buyers_row:last-child { margin-bottom: 0px; } .buyers_main .buyers_signup { margin-top: 0px !important; margin-bottom: 20px !important; } /*Bhargav 09-Jan PhonePay page Start*/ .features .phonepay-main .block, .features .invoicepay_main .block { padding: 85px 0; } .features .phonepay-main .how_it_works { text-align: center; } .features .phonepay-main .cutomer_cell_mobile { height: 204px !important; } /*Bhargav 09-Jan PhonePay page End*/ /*Bhargav 09-Jan invoicepay page Start*/ /*div.page-heading .page-title { margin-top:90px !important; }*/ div.page-heading .ips.span12 .sub-title-text { display: block; font-size: 20px; line-height: 22px !important; text-align: center; padding: 12px 0 25px 0; } .invoicepay_wrap .invoicepay_main .block { padding: 85px 0 !important; } .invoicepay_wrap .invoicepay_main .titles .page-title { font-size: 25px !important; line-height: 25px !important; } .invoicepay_wrap .invoicepay_main .titles .sub-title-text { font-size: 18px !important; line-height: 25px !important; } .invoicepay_wrap .invoicepay_main .small_width { width: auto !important; padding: 20px 0 !important; font-size: 13px !important; line-height: 16px !important; } .invoicepay_wrap .invoicepay_main { padding: 0 15px !important; } .invoicepay_wrap .invoicepay_main .cube_box, .invoicepay_wrap .invoicepay_main .cube_box.first_cube { border: 1px solid #17bbff !important; border-width: 0 0 1px 0 !important; } .invoicepay_wrap .invoicepay_main .cube_box.last_cube { border-width: 0 !important; } .invoicepay_wrap .invoicepay_main .cube_box { text-align: left; padding: 40px 0; } #darkBluwrap { margin: 0 0 0px !important; } .invoicepay_wrap .invoicepay_main .cube_box .text_cude { padding-left: 0; } .invoicepay_wrap .invoicepay_main .cube_box { min-height: inherit; } /*Bhargav 09-Jan invoicepay page End*/ .service_tile p { width: 100%; } .row-fluid .service_grid { padding: 0 25px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content, #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content, #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab3-content, #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content, #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab5-content { margin: 0 0 5px 0px !important; float: left; } div.submenupanel ul.submenu { float: none; } div.customer360_panel div.block .pricing-tabs li span.sub-title-text { padding: 7px 3px; } div.customer360_panel div.block .pricing-tabs li { padding: 0 5px; } div.customer360_panel div.block.main-panel .tab-group div.content .list { font-size: 12px; } div.customer360_panel div.block.main-panel .tab-group div.content .price { height: auto; } /*----------------------------------- BLOG Pages ----------------------------------------*/ .blog .container-fluid .page-heading .secondary-text { padding: 0 5%; font-size: 13px; } .blog .container-fluid .page-heading .secondary-text a.secondary-link { font-size: 13px; } .blog .container-fluid .middle-container { margin-top: 10px !important; } .blog .container-fluid .middle-container .blog-box { padding: 15px !important; } .blog .container-fluid .middle-container .blog-box .blog-date { display: inline-block; position: absolute; left: auto; } .blog .container-fluid .middle-container .blog-box .blog-date span { position: absolute; left: 0; right: 0; top: 24%; } .blog .container-fluid .middle-container .blog-box div.span10 { margin-left: 75px !important; width: auto; position: relative; } .blog .container-fluid .middle-container .blog-box .highlight-text a { font-size: 17px; line-height: 21px; } .blog .container-fluid .middle-container .blog-box .highlight-text span { font-size: 12px; margin-top: 5px; display: inline-block; } .blog .container-fluid .middle-container .blog-box div.default-text { font-size: 12px; line-height: 18px; margin-top: 9px; } .blog .container-fluid .middle-container .blog-box div.default-text a.secondary-link { font-size: 12px; text-decoration: none; } .blog .container-fluid .middle-container .blog-box.article .highlight-text span { font-size: 12px; line-height: 29px; } .blog .container-fluid .middle-container .blog-box.article div.content-text { font-size: 12px; line-height: 18px; margin-top: 20px !important; } .blog .container-fluid .middle-container .blog-box.article div.content-text span { font-size: 15px; line-height: 27px; } .blog .container-fluid .middle-container .blog-box.article div.content-text a.secondary-link { font-size: 13px; text-decoration: none; } .TLS_container_panel .TLS_content_panel .default-text .divider-line { display: none; } .TLS_container_panel .middle-wrapper { visibility: hidden; } .TLS_container_panel .TLS_content_panel { padding-top: 15px; } .TLS_container_panel .TLS_content_panel .default-text { font-size: 20px; padding-bottom: 15px; } .TLS_container_panel .TLS_content_panel .default-text1 { width: 90%; margin: 0 auto; text-align: justify; line-height: 20px; word-wrap: break-word; } .middle_TLS_content .title-text { font-size: 23px; } .middle_TLS_content .title-text.PB13 { padding-bottom: 5px; } .middle_TLS_content .sub-title-text { text-align: justify; line-height: 20px; padding-bottom: 5px; } .middle_TLS_content .sub-title-text.PB40 { padding-bottom: 20px; } .middle_TLS_content .sub-title-text table.upgrade_requirements_table { width: 100%; } .middle_TLS_content .title-text.PB23 { padding-bottom: 10px; } .TLS_container_table_div { overflow: scroll; padding-bottom: 20px; margin-bottom: 20px; } .steps_to_migrate_div { padding: 10px; word-wrap: break-word; } .middle_TLS_content .sub-title-text.PB40 ul li { padding-left: 20px; background-position: left 4px top 11px; } } @media (min-width:980px) and (max-width:1024px) { #section1.storefront-one div.span6.panel-left, #section2.storefront-two div.span6.panel-right, #section3.storefront-three div.span6.panel-left, #section2.storefront-two div.span6.panel-right, #section3.storefront-three div.span6.panel-left, #section4.storefront-four div.span6.panel-left, #section5.storefront-five div.span6.panel-left, #section7.storefront-seven div.span6.panel-left { padding-bottom: 0; } /*------------------------- STOREPRONT DETAILS STARTS ---------------------------------------*/ #section1.storefront-one div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section1.storefront-one div.span6.panel-right .panel-right-img { background-size: 100% auto !important; width: 90% !important; margin-left: 20px !important; margin-top: 5px; position: relative; } #section2.storefront-two div.span6.panel-right { /*! width:42.6% !important; */ } #section2.storefront-two div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 80% !important; height: 423px; } #section2.storefront-two div.span6.panel-right div.content-text { width: 85% !important; margin-left: 20px !important; } #section2.storefront-two div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section3.storefront-three div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section3.storefront-three div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section3.storefront-three div.span6.panel-left div.content-text .arrow { height: 60px !important; margin-top: 4px !important; float: left !important; } #section3.storefront-three div.span6.panel-right .panel-right-img { background-size: 100% auto !important; width: 85% !important; height: 418px; margin-left: 35px !important; margin-top: 20px; position: relative; } #section4.storefront-four div.span6.panel-left .panel-left-img { background-size: 85% auto !important; width: 100% !important; } #section4.storefront-four div.span6.panel-right { /*! width:43.3% !important; */ padding-left: 20px !important; } #section4.storefront-four div.span6.panel-right div.content-text { width: 95% !important; } #section4.storefront-four div.span6.panel-right div.content-text .secondary-text { line-height: 18px; } #section4.storefront-four div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section5.storefront-five div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section5.storefront-five div.span6.panel-left div.content-text .arrow { height: 60px !important; float: left !important; margin-top: 4px !important; } #section5.storefront-five div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section5.storefront-five div.span6.panel-right .panel-right-img { width: 420px; height: 462px; background-size: contain; } #section6.storefront-six div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 90% !important; margin-right: 20px !important; } #section6.storefront-six div.span6.panel-right { padding: 45px 0 0 30px; } #section6.storefront-six div.span6.panel-right div.content-text { width: 90% !important; } #section6.storefront-six div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section7.storefront-seven div.span6.panel-left div.content-text { width: 85% !important; margin-right: 27px !important; } #section7.storefront-seven div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section7.storefront-seven div.span6.panel-right .panel-right-img { background-size: 100% auto !important; display: inline-block; width: 80% !important; margin-left: 20px !important; margin-top: 20px; position: relative; } /*------------------------- STOREPRONT DETAILS ENDS ---------------------------------------*/ } @media (min-width:768px) and (max-width:979px) { #section1.storefront-one div.span6.panel-left, #section2.storefront-two div.span6.panel-right, #section3.storefront-three div.span6.panel-left, #section2.storefront-two div.span6.panel-right, #section3.storefront-three div.span6.panel-left, #section4.storefront-four div.span6.panel-left, #section5.storefront-five div.span6.panel-left, #section7.storefront-seven div.span6.panel-left { padding-bottom: 0; } .hide-768 { display: none !important; } .view-768 { display: inline-block !important; } .ROC_table { display: block; } .middle-container.middle_TLS_content, .row-fluid.TLS_container_panel .TLS_content_panel { width: 95%; } .buyers_main .buyers_row .text_holder .title-text.visible-desktop.visible-tablet { display: block !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-flashpay div.ccavenue-flashpay { width: 90%; } div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content div.title-text { margin: 25px 0 !important; line-height: 22px; } div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content span.slide-image { margin: 0 !important; } div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content span.slide-image img { max-width: 70%; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi { max-width: 80%; margin: 0 auto; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text { font-size: 25px; margin: 5px 0; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text span { font-size: 25px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { font-size: 17px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text .text-br, div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text .text-br { display: none; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.span6 { width: 100%; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { float: left; margin-top: 95px; margin-left: 25px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { float: right; max-width: 55%; margin-top: -10px; margin-right: 45px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi { height: 165px; margin-bottom: 0; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.learn-more { width: 38%; float: left; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .carousel-collections-payments { margin-bottom: 20px; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .collections_payments .slide-content .cl-white a.learn-more-btn { bottom: 8px; z-index: 555; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .collections_payments { max-width: 80% !important; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .collections_payments .carousel-img img { width: 150% !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.zerosetupfee { width: 30%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.onehractivation { width: 45%; } #campaign_index.digital-payments #features_set div.span12 div.span4 { max-width: none !important; margin-left: 0; } /*#campaign_index.digital-payments div.efiling div.middle-container .span12.steps { margin-left:0 !important; }*/ #campaign_index.digital-payments div.efiling div.middle-container .steps .span4 { width: 30% !important; } #campaign_index.digital-payments div.efiling div.middle-container .steps .span4 .primary-text { font-size: 13px; } #campaign_index.digital-payments div.efiling div.middle-container .steps .span4 .primary-text img.hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .menu-list span.arrow { display: none !important; } .back-top { padding: 0 15px 0 15px !important; } body { /*margin:15px !important;*/ } .container-fluid { /*padding:12px;*/ } .row-fluid { /*width:100%;*/*zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block;/*width:100%;min-height:30px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"]+[class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } /*----------- PAGE HEADER PANEL STARTS ------------*/ /*div.header-panel { position:inherit; top:0; left:0; right:0; width:100%; }*/ div.header-panel .span12.login { /*position:inherit; top:0; left:0; right:0;*/ padding: 0; } div.header-panel .span12.login table { width: 100% !important; } div.header-panel .span12.masthead { /*position:inherit; top:0; left:0; right:0;*/ padding: 0 5px 0 15px; } div.header-panel div.span12.masthead .navigation-panel { padding-top: 10px; } div.header-panel div.span12.masthead .navigation-panel a { margin-right: 10px; } div.header-panel div.span12.masthead .navigation-panel span.hidden-desktop { display: inline-block !important; margin-left: 10px; /*margin-top:-10px;*/ vertical-align: middle; } div.header-panel div.span12.masthead ul.navigation-panel { margin-right: 137px !important; } div.header-panel div.span12.masthead ul.navigation-panel li { float: none; } div.header-panel div.span12.masthead a.primary-button.signup-link, div.header-panel div.span12.masthead a.primary-button.login { padding: 7px 6px !important; font-size: 11px !important; line-height: normal !important; top: 17px !important; right: 10px !important; } div.header-panel div.span12.masthead a.primary-button.login { right: 72px !important; } div.header-panel div.span12.masthead span.menu-box { top: 19px; } div.submenupanel div.submenu-inner { width: auto; } div.submenupanel div.submenu-inner div.submenu-arrow.partner-arrow { right: 49.5%; } div.submenupanel div.submenu-inner div.submenu-arrow.company-arrow { right: 32%; } div.submenupanel div.submenu-inner div.submenu-arrow.faq-arrow { right: 40.7%; } .nav-link span.arrow { bottom: -20px; } #punchline #merchant-list div.span12.client-list { width: auto !important; } /*----------- PAGE HEADER PANEL ENDS ------------*/ /*----------- PAGE HEADING STARTS ------------*/ /*div.page-heading { margin-top:0; }*/ div.page-title span.span12 { padding: 0 15px 0 10px; } /*----------- PAGE HEADING ENDS ------------*/ /*----------- CARAUSEL STARTS ------------*/ div.carousel-bg .carousel ul.bxslider li.item .visible-phone { display: none !important; } div.carousel-bg .carousel ul.bxslider li.item div.learn-more { top: 100px; } div.carousel-bg .carousel ul.bxslider li.item div.carausel-img { width: 68%; top: 100px; padding-left: 0px; } div.carousel-bg { width: 100% !important; } div.carousel-bg .carousel { margin: 0 auto !important; float: none !important; } div.carousel-bg .carousel ul.bxslider li.item { margin: 0px !important; } div.carousel-bg .carousel ul.bxslider li.item div.title-text, div.carousel-bg .carousel ul.bxslider li.item div.title-text span { font-size: 28px; line-height: 45px; } div.carousel-bg .carousel ul.bxslider li.item div.sub-title-text { font-size: 19px; line-height: 25px; margin-top: 0px; } div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { top: 13px; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { top: 10px; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img{ width:67%; padding-left:0px; top:78px;}*/ div.carousel-bg .carousel ul.bxslider li.slide3 div.learn-more { margin-top: 0px !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.learn-more a.primary-button { padding: 4px 15px; border-radius: 3px; font-size: 16px; display: inline-block; } div.carousel-bg .carousel ul.bxslider li.slide3 .ccavenue-flashpay .span7 { width: 100%; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { display: inline-block; float: left; width: 58%; height: auto; margin-top: -12px; margin-left: 0px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { display: inline-block; float: right; width: 44%; height: auto; margin-top: -33px; margin-right: -30px; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { width: 90%; padding-left: 0px; top: -13px; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img img { margin-left: 0px; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { top: 157px; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate{ background-position: center 12px;} div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img{ top:185px;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 48px; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 80px; width: 73%; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: 21px; width: 68%; } /*div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.title-text{ line-height:31px;}*/ div.carousel-bg .carousel ul.bxslider li.item a.primary-button { padding: 3px 8px; font-size: 14px !important; line-height: 20px; border-radius: 3px !important; margin-top: 8px !important; } .bx-viewport { width: 100%; min-height: 420px !important; } .bx-wrapper { margin: 0 auto 29px !important; } /* div.carousel-bg .carousel .bx-wrapper .bx-controls-direction{ width:265px; bottom:22px;}*/ .bx-wrapper .bx-controls-direction { /* top: 30% !important; */ } .bx-wrapper .bx-prev { /* left: 30px !important; *//* background: url(../images_mcpg/arrow-prev-tab.png) no-repeat 0 0px !important; */ /* top: 42% !important; */ } .bx-wrapper .bx-next { /* right: 30px !important; */ right:0;/* background: url(../images_mcpg/arrow-next-tab.png) no-repeat 0 0px !important; *//* top: 42% !important; */ } .bx-wrapper .bx-next { background-position: 100% 0 !important; } div.middle-container #features_set div.span12.sets div.span4 { height: 210px; max-height: 210px; } /*----------- CARAUSEL ENDS ------------*/ /*----------- MIDDLE CONTAINER STARTS ------------*/ div.middle-container { padding: 0 15px; } /*-----------------------------------------------------Home Features Set Style Start-------------------------------------------------*/ #features_set div.span12 .title-text { font-size: 35px !important; margin-top: -20px !important; } #features_set div.span12 .sub-title-text { font-size: 23px !important; line-height: 19px !important; } #features_set div.span12 div.span4 { max-width: 185px !important; } #features_set a .primary-text { line-height: 19px !important; } #features_set a .secondary-text { margin-top: 10px !important; display: inline-block !important; } /*-----------------------------------------------------Home Features Set Style Ends-------------------------------------------------*/ /*-----------------------------------------------------Home Features Tabs Style Starts-------------------------------------------------*/ #features-panel .features_tabs div.titles { margin-bottom: 30px !important; } #features-panel .features_tabs div.titles .title-text { font-size: 35px !important; } #features-panel .features_tabs div.titles .sub-title-text { font-size: 23px !important; line-height: 25px !important; } #features-panel .features_tabs .span8 { width: 60% !important; } #features-panel .features_tabs .resp-tab-content { width: 95% !important; float: right; right: 5px !important; } /*#features-panel .features_tabs #verticalTab ul.resp-tabs-list li{ padding:4px 0 !important; display:inline !important;} div.middle-container #features_tabs #verticalTab ul {margin:0; padding: 0;} div.middle-container #features_tabs #verticalTab ul li {display: inline-block; text-align: left; height:58px; width: 318px; margin: 0;}*/ #features-panel .features_tabs #verticalTab ul.resp-tabs-list li { width: 260px !important; height: 55px !important; display: block !important; padding: 10px 0 3px !important; margin-top: 0px !important; } #features-panel .features_tabs #verticalTab ul.resp-tabs-list li.resp-tab-active { display: block !important; width: 285px !important; padding: 10px 0 3px !important; height: 55px !important; margin-top: 0px !important; text-decoration: none; border: none !important; background: url(../images_mcpg/bg-tab-hover-tablet.png) no-repeat transparent !important; background-position: left top 0px !important; } #features-panel .features_tabs #verticalTab ul.resp-tabs-list li.resp-tab-active.divider-light { border: none !important; } #features-panel .features_tabs #verticalTab ul.resp-tabs-list li .primary-text { font-family: 'openSansRegular', sans-serif; font-size: 13px; line-height: 13px !important; display: inline-block !important; padding: 0px !important; margin: 0 0 7px 7px !important } #features-panel .features_tabs #verticalTab ul.resp-tabs-list li .secondary-text { margin: -2px 0 0 30px !important; font-size: 11px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content { margin-top: 10px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box { position: absolute; display: inline-block; height: 143px; width: 143px; padding: 0px; margin: 0; cursor: pointer; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-1 { background-color: #283d49; left: 0px; top: 0; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-2 { background-color: #314b59; left: 148px; top: 0; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-3 { background-color: #406071; left: 296px; top: 0; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-4 { background-color: #4f768a; left: 0px; top: 148px; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-5 { background-color: #406071; left: 148px; top: 148px; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content #box-6 { background-color: #283d49; left: 296px; top: 148px; z-index: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.primary-text { font-family: 'openSansRegular', sans-serif; background-color: #52c8da; font-size: 15px !important; line-height: 22px; font-weight: normal; position: absolute; left: 0; top: 0; padding: 5px 12px; z-index: 200; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.heading-text { font-family: 'openSansRegular', sans-serif; font-size: 14px !important; line-height: 20px; position: relative; float: left; margin: 40px 0 0 14px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.box-icon { position: absolute; bottom: 4px; right: 5px; width: 69% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box span.text { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.primary-text { font-family: 'openSansRegular', sans-serif; background-color: #52c8da; font-size: 15px !important; line-height: 22px; font-weight: normal; position: absolute; left: 0; top: 0; padding: 6px 13px; z-index: 200; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.heading-text { font-family: 'openSansRegular', sans-serif; font-size: 14px !important; line-height: 15px; position: relative; float: left; margin: 22px 0 0 42px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.text { display: block; margin: 10px 0 0 5px; letter-spacing: 0; color: #fff; font-size: 10px; line-height: 11px; position: relative; float: left; text-align: left; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4 .img { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box:hover span.box-icon { position: absolute; bottom: 4px; right: 5px; width: 50% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4:hover .img { position: absolute; top: 120px; left: 5px; display: block; width: 35% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4 a.primary-button { display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4:hover a.primary-button { display: block; width: 63px; height: 16px; vertical-align: middle; line-height: 15px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; position: relative; float: left; margin: 7px 0 0 5px; text-decoration: none; border-radius: 3px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4:hover a.border { border: 1px solid; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab1-content div.span4.box-big { width: 323px; height: 323px; border: 10px solid rgba(40, 61, 73, .5); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ padding: 0; margin: 0; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content { position: relative; float: left; padding: 10px; overflow: hidden; width: 90%; min-height: 390px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .main-img { height: auto; position: absolute; left: 0px; top: 10px; z-index: 0; display: none; width: 100%; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .icons img { width: 21% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon2 img { width: 19% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon3 img { width: 27% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .icons { position: absolute; left: 0; top: 0; z-index: 5; display: block; vertical-align: middle; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content .heading-text { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-left: 0px; float: right; position: relative; padding: 15px 0px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #detail-text { position: absolute; bottom: 65px; z-index: 5; left: 0; right: 0; margin-left: auto !important; margin-right: 0 !important; float: none; display: none; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon1 { left: -16px; top: 0; z-index: 5; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon2 { left: -15px; top: 65px; z-index: 5; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon3 { left: -15px; top: 140px; z-index: 5; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content a.inner-button { bottom: 38px; left: 42%; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab3-content a.inner-button { bottom: -40px; left: 47%; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content div.tab4-content-hd { width: 100% !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content div.tab4-content-img { width: 100% !important; top: 23px !important; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab4-content div.tab4-left-pan { width: 50% !important; left: -219px; top: 23px; } #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab5-content a.inner-button { bottom: -25px; position: absolute; left: 47%; } /*-----------------------------------------------------Home Features Tabs Style Ends-------------------------------------------------*/ /*-----------------------------------------------------Home Features Tools Style Start-------------------------------------------------*/ #features_tools { margin-bottom: 10px !important; } #features_tools div.features-tools-int div.span12.titles { margin-bottom: 28px !important; } #features_tools div.features-tools-int div.span12.titles .title-text { font-size: 35px !important; } #features_tools div.features-tools-int div.span12.titles .sub-title-text { font-size: 23px !important; line-height: 30px !important; } #features_tools div.features-tools-int div.span12.tools { min-height: 250px !important; } #features_tools div.features-tools-int div.span12.tools div.span1 { margin: 0px 0 0 20px !important; } /*-----------------------------------------------------Home Features Tools Style Ends-------------------------------------------------*/ /*---------------------------------------------------- Merchant List Styles----------------------------------------------------*/ #punchline { margin-top: 20px !important; } #punchline #merchants-banner span.title-text { padding: 0 20px !important; } #punchline #merchants-banner span.heading-text { font-size: 13px; line-height: 13px; display: inline-block; } #merchant-list { width: 100% !important; } #merchant-list div.span12.client-list { padding: 0px; margin-bottom: 15px; } #merchant-list div.span12.client-list div.client-logo { margin: 0 0 0 20px !important; width: 70px !important; } /*--------------------------------------------------- Merchant List Styles Ends-----------------------------------------------*/ /*----------------------------------------------------- Sign Up Panel Styles -------------------------------------------------*/ Div#signup-panel { margin: 0; padding: 18px 0; vertical-align: middle !important; text-align: center; border: 0px solid red; } Div#signup-panel div.signup-inner { padding: 0; max-width: 768px; margin: 0 auto !important; float: none !important; } Div#signup-panel div.signup-inner a.signup-button { padding: 15px 19px 15px 19px; margin-top: 10px !important; } /*------------------------------------------------------- Sign Up Panel Styles Ends-------------------------------------------------------*/ /*----------- MIDDLE CONTAINER ENDS ------------*/ /*--------- CLIENTS SECTION PANEL STARTS ---------------------------------------*/ .clients div.middle-container { margin-left: 15px !important; margin-right: 15px !important } .clients div.clients-list div.span12.clients-logo div.span3.first { margin-left: 5px !important } .clients div.clients-list div.span12.clients-logo div.span3 { margin-left: 18px !important } .clients .primary-link { text-decoration: none !important; } .clients .primary-link img { text-decoration: none !important; } /*--------- CLIENTS SECTION PANEL END ---------------------------------------*/ /*--------- FAQ'S STARTS ---------------------------------------*/ .faq_ccav div.middle-container { margin-left: 15px; margin-right: 15px } .servicedetails_ccav div.middle-container { margin-left: 15px; margin-right: 15px } /*--------- FAQ'S END ---------------------------------------*/ /*----------- PRICING PAGE STARTS -----------*/ div.pricing { padding: 25px 15px !important; display: table; } div.pricing .span12 { margin: 0 !important; } div.pricing table.hidden-phone { display: block !important; } div.pricing .col-1 { width: auto; margin: 0; } div.pricing .col-2, div.pricing .col-3 { width: auto; margin: 0; } div.pricing .col-3 div.gosf-privilege { position: relative; } div.pricing .col-3 div.gosf-privilege img.gosf-banner { max-width: 60px; position: absolute; top: -33px; right: 0px; } div.pricing .description-text { font-family: 'openSansLight', sans-serif; font-size: 15px; color: #444444; background-image: url('../images_mcpg/left-top-round-shadow.png'); background-position: right top; background-repeat: repeat-y; text-align: center; padding: 6px 0; line-height: 20px; } div.pricing .description-text .gap { height: 6px; } div.pricing .highlight-text { font-family: 'open_sanssemibold', sans-serif; font-size: 11px; color: #ffffff; background-color: #535d64; text-align: center; text-transform: uppercase; padding: 4px 0; } div.pricing .text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #323232; padding: 12px 0; text-align: center; } div.pricing .small-text { font-size: 11px !important; } div.pricing a.feature-link:link, div.pricing a.feature-link:visited { font-size: 12px; } div.pricing a.feature-link span.icon { width: 35px; height: 45px; vertical-align: middle; margin-right: 10px; } div.pricing .button { font-family: 'openSansLight', sans-serif; font-size: 16px; color: #fff; padding: 4px 16px; background-color: #252b2f; border-radius: 6px; -moz-border-radius: 6px; -webkist-border-radius: 6px; text-decoration: none; } /*----------- PRICING PAGE ENDS -----------*/ /*----------- REGISTRATION PAGE STARTS -----------*/ div.registration-form { margin: 0px !important; } .content-text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5e5e5f; height: auto !important; } div.registration-form .form { width: auto; } div.registration-form .form .span12.fields .span4 { width: 190px; height: auto !important; } div.registration-form .form .span12.fields .span8 { width: 310px; height: auto !important; } div.registration-form .form .span12.phone-number .span8 .textfield.span2 { width: 42px; } div.registration-form .form .span12.phone-number .span8 .textfield.span9 { width: 195px; } /* -------------------------------------------------------------*/ div.registration-form .form .span12.phone-number .span8.mobile .textfield.span9 { width: 257px; } /* -------------------------------------------------------------*/ div.registration-form .form .span12.min-max-amt .span8 .textfield.span5 { width: 129px; } div.registration-form .form .span12.fields .span8 .currency { position: absolute; right: -20px; top: 5px; } div.registration-form .form .span12.fields .span4.label span.visible-desktop { display: none !important; } div.registration-form .form .span12.fields .span4.label span.hidden-desktop { display: inline-block !important; } /*div.registration-form .heading-text { height:30px; padding-top:2px; }*/ div.registration-form .form .span12.fields .primary-button { font-size: 18px; display: inline-block; padding: 6px 15px 10px 15px; } /*----------- REGISTRATION PAGE ENDS -----------*/ /*----------- CONTACT US PAGE STARTS -----------*/ div.contact-form-panel .form-panel .span12.form span.hasError.span6 { width: 100%; } div.contact-form-panel .form-panel .span12.form span.captcha-textfield { width: 55.80%; } div.contact-form-panel .form-panel .span12.form span.try-new-code { width: 100px; } /* Contact Us CCAvenue Super Support */ div.ccavenue-support div.contact-icons { margin: 0; } /*----------- CONTACT US PAGE ENDS -----------*/ /*----------- LOGIN PAGE STARTS -----------*/ div.login-frame { padding: 30px 15px !important; } div.login-frame div.login-content { padding-right: 0; width: 450px; } div.login-frame div.login-content span.title-text { font-size: 16px; } div.login-frame div.login-content span.divider-light .span10.sub-heading-text { font-size: 12px; } div.login-frame div.login-content span.divider-light .span10.sub-heading-text span.heading-text { font-size: 13px; } /*div.login-frame div.login-form { border:solid 1px #000; }*/ div.login-frame div.login-form { padding: 3px 15px 15px 15px; width: 265px; } div.login-frame div.login-form .span12 { margin-left: 0; } div.login-frame div.login-form span.title-text { font-family: 'openSansRegular', sans-serif; font-size: 18px; border-width: 0 0 1px 0; padding-bottom: 2px; line-height: 12px; margin: 0 !important; } div.login-frame div.login-form #forgotpassbox span.title-text, div.login-frame div.login-form #resetpassbox span.title-text { padding: 17px 0 18px 0; } div.login-frame div.login-form .innerpanel.info-text { font-size: 14px; } div.login-frame div.login-form span.innerpanel { padding: 10px 0 3px 0; } div.login-frame div.login-form .content-text.info { font-size: 11px; } div.login-frame div.login-form span.button a.primary-link, div.login-frame div.login-form span.content-text a.secondary-link { font-size: 11px; } div.login-frame div.login-form a.primary-button { font-family: 'openSansRegular', sans-serif; font-size: 12px; padding: 4px 8px; display: inline-block; } body.reset-password div.login-frame { max-width: 500px; padding: 15px 0 42px 0 !important; margin: 25px auto !important; } body.reset-password div.login-frame [class*="span"]:first-child { margin-left: auto !important; } body.reset-password .reset-password-table { width: 100% !important; } body.reset-password .reset-password-table .page-title { font-size: 28px; } body.reset-password .reset-password-table .reset-footer { font-size: 11px !important; } body.reset-password .reset-password-table div.login-form { width: 100% !important; } /*----------- LOGIN PAGE ENDS -----------*/ /*----------- MANAGEMENT PAGE STARTS -----------*/ #team-box { text-align: center !important; width: 99% !important; } div.container-fluid div.middle-container.team #team-box div.span4 { display: inline-block !important; width: 33% !important; margin-left: 0 !important; max-height: 290px !important; text-align: center !important; } div.container-fluid div.middle-container.team #team-box .first-row div.span4 { margin: 0px !important; text-align: center !important; } div.container-fluid div.middle-container.team #team-box .first-row div.span4 a img { margin-left: 15px !important; text-align: center !important; } div.middle-container.team #team-box div.span4 div.portrait a { margin-left: auto !important; margin-right: auto !important; float: none !important; display: inline-block !important; } div.middle-container.team #team-box div.span4 div.portrait a.gallery img { text-align: center !important; } .inline-name { height: 62px; left: 23%; top: 227px; width: 292px; } div.container-fluid div.middle-container.team #team-box div.span4 .primary-text { text-align: center !important; margin-left: 7% !important; } div.container-fluid div.middle-container.team #team-box div.span4 .secondary-text { text-align: center !important; margin-left: 10% !important; display: inline-block !important; line-height: 15px !important; } .team-bio { left: 0; top: -40px; width: 600px !important; padding: 15px 22px 13px 11px !important; margin: 26px 0 0 0px !important; } .sub-title-text { font-size: 14px; font-weight: normal; } .team-bio { font-size: 12px; line-height: 16px; margin: 6px 0 0 0px !important; padding: 6px 10px 6px 0px; top: -26px; } .inline-image { width: 100% !important; } .content-text.scroll-pane { width: 98.5%; height: auto; overflow: auto; } .fancybox-next span { right: -54px; } .fancybox-prev span { left: -69px; } .fancybox-nav span { top: 119%; } .fancybox-outer img { max-width: 295px; } .management-team .fancybox-close { right: 0px !important; top: 275px !important; } .jspVerticalBar { right: -6px !important; height: 96% !important; } /*----------- MANAGEMENT PAGE ENDS -----------*/ /**************** Buyers Landing Page Starts *******************/ .container-fluid .buyers-head-bg .buyers-head a.header-button { margin-top: 170px !important; } .container-fluid .buyers-head-bg .buyers-head .title-text.cl-white { font-size: 40px; } /**************** Buyers Landing Page Ends *******************/ /*--------------------------------------- NEWSLETTER ARCHIVES PANEL STARTS ---------------------------------------*/ .newsletter div.middle-container .newsletter-list { margin-left: 5px !important } .newsletter div.middle-container .newsletter-list div.span3 { margin-bottom: 50px !important; } .newsletter div.middle-container .newsletter-list div.span3.last { margin-bottom: 0px !important } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link { min-height: 190px; width: 100%; position: relative; top: 0; display: block; bottom: 0; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link .divider-light { border-width: 0px 0px 0px 0px; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:hover .divider-light { border-width: 6px 6px 0px 6px; border-color: rgba(255, 255, 255, 0.7); } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link .img-bg { position: absolute; display: block; margin: 0; padding: 0; left: 0; right: 0; text-align: center; z-index: 0; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link .img-main { position: absolute; width: 60% !important; display: block; margin: 0; max-width: 135px; padding: 0; left: 0; right: 0; margin-left: auto !important; margin-right: auto !important; bottom: 0px; text-align: center; z-index: 50; } .newsletter div.middle-container .newsletter-list div.span3 div.news-link a.primary-link { margin-top: 5px; margin-left: 0; display: block; text-decoration: none; text-align: center; vertical-align: top; height: auto !; line-height: 19px; font-size: 15px; } .newsletter div.middle-container .newsletter-list div.span3 div.news-link a.primary-link:hover { text-decoration: none; } /*--------------------------------------- NEWSLETTER ARCHIVES PANEL ENDS ---------------------------------------*/ /*--------------------------------------- CORPORATE PROFILE PANEL START ----------------------------------*/ .company-profile div.container-fluid { height: 100% !important; } body.company-profile div.page-heading .span12 div.page-title { margin-top: 0px !important; } div.container-fluid div.middle-container.corporate-profle .span12 div.span4 { margin-bottom: 0px !important; max-height: 100% !important; width: 31.6% !important; margin-left: 10px !important; } div.container-fluid div.middle-container.corporate-profle { text-align: center } div.container-fluid div.middle-container.corporate-profle .span12 div.span4 .portrait { width: 100%; } .company-profile .fancybox-wrap { top: 100px !important; border: 0px solid red !important; } div.container-fluid div.middle-container.corporate-profle .span12 div.span4 .primary-text { font-size: 19px !important } div.container-fluid div.middle-container.corporate-profle .span12 div.span4.commercial-div { margin-left: 10px !important } .company-profile .profile-detail { width: auto !important; } .company-profile .profile-detail .inline-bio { width: 600px !important; } .company-profile .profile-detail .inline-bio .content { width: 100% !important; } .company-profile .profile-detail .inline-bio .content .corporate-box { width: 40% !important; } .company-profile .profile-detail .inline-bio .content .corporate-box.second { float: right !important } .company-profile .jspContainer { width: 100% !important; } .company-profile .fancybox-close { right: 0px !important; top: 179px !important; } /*--------------------------------------- CORPORATE PROFILE PANEL END ------------------------------------*/ /*----------- ASSOCIATES PAGE START -----------*/ .associates div.middle-container { padding: 0 15px 15px !important } .associates .resp-tabs-list li span { font-size: 22px !important; } .associates .resp-tabs-list li { padding: 0 10px !important; font-size: 13px !important } .associates .resp-tabs-list li i { font-size: 13px !important; font-style: normal !important } div.associates-list div.span12.associates-logo.border-light { border-width: 1px 0px 0px 1px; } div.associates-list div.span12.associates-logo div.span2 { float: left; margin: 0 0 0 0 !important; max-width: 16.66% !important; height: auto !important; min-width: 16.66% !important; } /*div.associates-list div.span12.associates-logo div.span2.border-light{border-width:0px 1px 1px 0;}*/ /*----------- ASSOCIATES PAGE END -----------*/ /*---- ALLIANCES PANEL START ----------------------------------*/ .alliances div.middle-container { margin: 0 10px } .awards div.middle-container { margin: 0 15px } .alliances .row-fluid .alliances-panel .span8 { margin-left: 3.7% !important; width: 71.3% !important; } .alliances .row-fluid .alliances-panel .span8 .span8 { width: 100% !important; } .alliances .row-fluid .alliances-panel .span8 .span4 { width: 100% !important; } /*---- ALLIANCES PANEL END ----------------------------------*/ /*----------- PRIVACY PAGE SARTS -----------*/ .privacy div.middle-container { margin-left: 15px; margin-right: 15px; } /*----------- PRIVACY PAGE END -----------*/ /*----------- FOOTER PANEL STARTS ------------*/ div.footer-panel { height: auto !important; padding: 0 10px 20px 10px !important; position: relative !important; bottom: 0 !important; } div.footer-panel div.span12.footer-links div.span4.footer-text { width: 50% !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos { margin-top: 12px !important; width: 50% !important; float: none !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span1.logo { margin-left: 0px !important; margin-right: 10px !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span1.logo.first { margin-left: 0px !important; } /*----------- FOOTER PANEL ENDS ------------*/ /*------------------------------------ General Starts Javed -----------------------------------------------*/ /* ----------- Pill Starts ----------------*/ .content-text { font-size: 12px !important; } .pill { font-size: 11px !important; } /* ----------- Pill Ends ----------------*/ /*----------- PAGE HEADING STARTS ------------*/ div.page-heading { margin-left: 15px; margin-right: 15px; } div.page-title { font-size: 40px !important; /*height:65px; position:relative;*/ } /*div.page-title span.span12 { padding:0 15px 0 10px; }*/ /*----------- PAGE HEADING ENDS ------------*/ /*------------------------------------ General Ends Javed ----------------------------------------------------*/ /*------------------------------------- PRESS SECTION PANEL STARTS -------------------------------*/ div.page-title span.span12 span.content-text { font-size: 12px !important; } div.page-title span.span12 span.content-text select.year { padding-right: 20px; } .press-room div.middle-container { margin-left: 15px; margin-right: 15px } /* ------------------------------------- Press Landing Table Starts ------------------------------------- */ div.press-landing-table div.default-divider div.content-height { padding-left: 20px !important; } div.press-landing-table div.default-divider div.content-height1 { padding-left: 20px !important; } div.press-landing-table div.default-divider { padding: 24px 33px 23px 33px !important; } /* div.press-landing-table div.default-divider div.span2 span.pill { width: 115px !important; } */ div.press-landing-table div.default-divider div.span10 span a.primary-link:link { font-size: 12px !important; } /* ------------------------------------- Press Landing Table Ends ------------------------------------- */ /* ------------------------------------- Press Room Article Starts ------------------------------------- */ .content-title { font-size: 15px !important; } div.press-room-article div.article-content { padding: 12px 55px 15px 55px !important; } /* ------------------------------------- Press Room Article Ends ------------------------------------- */ /*------------------------------------ PRESS SECTION PANEL ENDS Javed ----------------------------------------*/ /*----------- CONTACT US PAGE STARTS HERE ---------*/ div.contactus { padding-top: 30px; padding-bottom: 20px; } /* Contact Us Form */ div.contact-form-panel .form-tabs { padding-left: 5px; } div.contact-form-panel .form-panel .span12.form input.span6 { width: 91.43646408839778%; *width: 91.38327259903608%; } /* Contact Us Maps */ /* div.maps div.maps-panel .span4.divider-light { padding:0 18px; margin-right:0; }*/ div.maps div.maps-panel .span3 { width: 40%; margin-right: 25px; margin-top: 30px; } div.maps div.maps-panel .span3, div.maps div.maps-panel .span12.mumbai { padding: 0 50px; } /*----------- CONTACT US PAGE ENDS HERE ---------*/ /*----------- FEATURES PAGE STARTS HERE -------------*/ .features.middle-container { padding: 0 15px !important; } div.features-tabs .icons { display: block; min-width: auto; } /* div.features-tabs table .span12.icons .span10 { max-width:650px !important; /*border:solid 1px #000; padding-left:15px; padding-right:15px; }*/ a.features-icons:link { width: 110px; } .features-icons #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -85px !important; } /*-- Features Sections --*/ .feature-tabs-shrink { top: 66px; transition: all 300ms linear 0s; } div.features div.block { padding: 45px 15px; margin: 0; } div.features div.block .title-text { font-size: 26px; line-height: 22px; letter-spacing: -1px; } div.features div.block .highlight-text { display: block; padding: 14px 0; font-size: 15px; } div.features div.block .default-text li { margin-left: 14px; font-size: 11px; line-height: 22px; } div.features div.block .default-text li span { font-size: 14px; } div.features div.block .default-text .highlight-text { display: inline; padding: 0; font-size: 14px; } div.feature-multilingual-option .default-text .list-language li.list-title { margin-left: 3px; } div.feature-max-payment-options { background-position: 98% 60px; background-size: 345px; padding-top: 50px; /*padding-left:400px !important;*/ height: 360px; } div.feature-multi-currency-option { background-position: left 60px; background-size: 45% auto; padding-top: 50px !important; padding-left: 320px !important; height: 524px; } div.feature-multilingual-option { background-position: right 90px; background-size: 55% auto; height: 565px; padding-right: 392px !important; } div.feature-fastest-activation { background-position: 96% 45px; background-size: 300px; padding-right: 335px !important; padding-left: 0 !important;} div.feature-easy-customization { background-position: left 30px; background-size: 450px; height: 450px; padding-top: 90px !important; padding-left: 460px !important; } div.feature-retry-option { background-position: 210px bottom; background-size: 575px; height: 430px; padding-top: 60px !important; padding-right: 300px !important; } div.feature-smart-dynamic-routing { background-position: 10px 100px; background-size: 350px; /*height:450px;*/ padding-top: 60px !important; padding-left: 380px !important; } div.feature-ccavenue-one-click-checkout { background-position: right 55px; background-size: 400px; height: 460px; padding-top: 55px !important; padding-right: 430px !important; } div.ccavenue-card-storage-vault { background-position: left 55px; background-size: 350px; height: 400px; padding-top: 55px !important; padding-left: 400px !important; } div.feature-ccavenue-store-front { background-position: 95% 60px; background-size: 380px; height: 520px; padding-top: 55px !important; padding-left: 15px !important; padding-right: 420px !important; } div.feature-iframe-integration { background-position: 15px 70px; background-size: 600px; height: 380px; padding-top: 40px !important; padding-left: 310px !important; } div.feature-mobile-checkout-page { background-position: 94% 40px; background-size: 400px; height: 340px; padding-top: 40px !important; padding-left: 15px !important; padding-right: 411px !important; } div.feature-ccavenue-shopping-cart { background-position: 10px 40px; background-size: 420px; height: 480px; padding-top: 40px !important; padding-left: 442px !important; } div.feature-shopping-cart-plugins { background-position: 99% 130px; background-size: 385px; height: 490px; padding-top: 55px !important; padding-right: 420px !important; } div.feature-marketing-tools { background-position: 25px 40px; background-size: 300px; height: 360px; padding-top: 40px !important; padding-left: 380px !important; } div.feature-brand-360-degree { background-position: 15px 90px; background-size: 380px; height: 380px; padding-top: 40px !important; padding-left: 15px !important; padding-left: 420px !important; } /*div.ccAvenue-customer360 { background-position:2% 60px; background-size:320px; height:510px; padding-top:40px !important; padding-right:15px !important; padding-left:350px !important; }*/ div.feature-ccavenue-snip { background-position: 95% 60px; background-size: 420px; height: 450px; padding-top: 55px !important; padding-right: 410px !important; padding-left: 15px !important; } div.feature-ccavenue-snip span.title-text span { display: block; font-size: 15px; line-height: 15px; padding-top: 15px; } div.feature-ccavenue-snip span.title-text span img { vertical-align: bottom; } div.feature-invoice-payment-system { background-position: 10px 50px; background-size: 350px; height: 420px; padding-top: 55px !important; padding-left: 400px !important; position: relative; } div.feature-invoice-payment-system span.ips-mobile { top: 25px; left: 260px; background-size: 120px; } div.feature-invoice-payment-system span.default-text table.list-ips-features td { font-size: 11px; padding: 0 12px 8px 12px; } div.feature-ccavenue-phonepay { background-position: 0 150px; background-size: 320px; height: 490px; padding-top: 55px !important; padding-left: 360px !important; padding-right: 0!important; } div.feature-smart-analytics { background-position: left bottom; background-size: 780px; height: 450px; padding-top: 40px !important; padding-right: 480px !important; position: relative; } div.feature-smart-analytics span.smart-analytics-screen { position: absolute; right: 45px; top: 70px; display: inline-block; width: 400px; height: 361px; background-size: 400px; } div.feature-smart-analytics span.list-smart-analytics td.title-text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: normal; } div.feature-live-monitoring-pro { background-position: 0 100px; background-size: 395px; height: 450px; padding-top: 60px !important; padding-left: 420px !important; } div.feature-dynamic-event-notification { background-position: right 60px; background-size: 385px; height: 362px; padding-top: 60px !important; padding-left: 0px !important; padding-right: 400px !important; } div.feature-ccavenue-frisk { background-position: 10px 60px; background-size: 350px; height: 650px; padding-top: 60px !important; padding-left: 400px !important; padding-right:0!important;} div.feature-ccavenue-frisk span.title-text span { font-size: 16px; } div.feature-super-support { background-position: 25px 55px; background-size: 258px; height: 400px; padding-top: 55px !important; padding-left: 320px !important; padding-right: 30px !important; } /*----------- FEATURES PAGE ENDS HERE -------------*/ /*----------- FEATURES PAGE LEARN MORE START HERE -------------*/ .section { position: relative !important; display: block !important; } .section div.section-int { max-width: 768px !important; height: 100% !important; margin: 0 auto; padding: 0px 20px 39px 20px; border: 0px solid red; } .section div.section-int div.span3 { width: auto !important; margin-left: 55px !important; } .section div.section-int div.logos { min-height: 77px !important; } /*----------------- BACKGROUND COLORS FOR ALL SCREEN STARTS -----------------------------------*/ .snip-bg1 { background-size: 60% auto !important; background-position: 85% 7% !important; } .feature-analytics-graph-bg { background-size: 93% auto !important; background-position: 133% 18% !important; } .success-rate-bg2 { background-size: 100% auto !important; } .seo-bg { background: url(../images_mcpg/seo-bg.png) 0 0 repeat-x #1d252c; } .website-uptime-bg { background: url(../images_mcpg/website-uptime-bg.gif) repeat-x 0 0 #1d252c; } .fb-mgmt-bg { background: url(../images_mcpg/fb_mgmt_bg_right.png) repeat-x 0 96px #1b2329; } .fb-app-bg { background: url(../images_mcpg/fb-app-bg.png) repeat-x 0 96px #1b2329; } .storefront-intro-bg { background-repeat: no-repeat; } #section0 .storefront-intro div.heading-text { } /*----------------- BACKGROUND COLORS FOR ALL SCREEN ENDS -----------------------------------*/ /*------------------------- SNIP START ---------------------------------------*/ #section0 div.snip .snip-logo { margin-top: 8px !important; } #section0 div.snip .secondary-text { width: 40% !important; } #section1 div.snip .animation-wrapper .title-text { left: 446px !important; font-size: 38px !important; } #section1 div.snip .animation-wrapper .sub-title-text { left: 446px !important; font-size: 14px !important; width: 300px !important; line-height: 18px !important; } #section1 div.snip .create-img { background-size: 45% auto !important; } #section1 div.snip .create-img-zoom { left: 305px !important; display: block !important; opacity: 1 !important; top: 150px !important; width: 250px !important; height: 250px !important; } #section2 div.snip .animation-wrapper .title-text { left: 465px !important; } #section2 div.snip .animation-wrapper .sub-title-text { left: 465px !important; width: 275px !important; } #section2 div.snip .publish-screen { background-size: 80% auto !important; width: 573px !important; left: -130px !important; } #section3 div.snip .animation-wrapper { width: 700px !important; } #section3 div.snip .sub-title-text { width: 80% !important; } #section3 div.snip .collect-phone1 { position: absolute !important; left: 0px !important; display: block !important; } #section3 div.snip .collect-phone2 { position: absolute !important; left: 235px !important; display: block !important; } #section3 div.snip .collect-phone3 { position: absolute !important; left: 464px !important; display: block !important; } #section3 div.snip .sub-title-text { line-height: 20px !important; margin-top: 10px !important; } #section4 div.snip .animation-wrapper { width: 700px !important; } #section4 div.snip .animation-wrapper .sub-title-text { width: 60% !important; } #section4 div.snip .animation-wrapper ul li span.sub-title-text { width: 100% !important; } #section4 div.snip .animation-wrapper .qr-code-img { right: -37px !important; top: 19px !important; background-size: 85% auto !important; } #section4 div.snip .animation-wrapper .qr-code-phone { display: block !important; right: 119px !important; top: 169px !important; } /*------------------------- SNIP END ---------------------------------------*/ /*------------------------- SMART ANALYTICS STARTS ---------------------------------------*/ #section0 div.feature-analytics .span12 .span3.icon { width: 20% !important; margin-left: 20px !important; opacity: 1 !important; margin-top: 0px !important; } #section0 div.feature-analytics .span12 .span3 .primary-text { font-size: 12px !important; line-height: 18px !important; } #section1 div.hourly-report { width: 90% !important; margin-left: 0 !important; } #section2 div.success-rate .success-rate-chart { margin: 0px 101px 0 0; opacity: 1 !important; } #section3 div.payment-type-report .highcharts-series-group { padding: 10px !important; } #section3 div.payment-type-report .primary-text { right: 111px; } #section3 div.payment-type-report .pie-chart-tablet { background: url(../images_mcpg/payment-type-pie-tablet.gif) 0 0 no-repeat !important; background-size: 100% auto !important; margin-top: 60px !important; position: relative !important; display: block !important; left: -165px !important; width: 456px !important; height: 367px !important; } #section3 div.payment-type-report div.pie-chart-tip { background: url(../images_mcpg/pie-chart-tooltip.png) 0 0 no-repeat; background-size: 100% auto !important; width: 404px; height: 245px; position: absolute; top: 246px; right: 25px; z-index: 100; display: block; opacity: 1; } #section4 div.payment-gateway-updates .payment-gateway-screen { background-size: 85% auto !important; margin-left: 18px !important; display: block !important; } #section4 div.payment-gateway-updates .notification-no { top: 15px !important; right: 388px !important; display: block !important; } #section4 div.payment-gateway-updates .notification-popup { top: 27px !important; right: 376px !important; opacity: 1 !important; } /*------------------------- SMART ANALYTICS ENDS ---------------------------------------*/ /*------------------------- BRAND 360 STARTS ---------------------------------------*/ #section0 .brand-360 { width: auto !important; padding-top: 0px; } #section0 .brand-360 .animation-wrapper { width: 100% !important; border: 0px solid red; } #section0 .brand-360 .graph { top: 190px !important; left: -107px !important; display: block !important; width: 120% !important; } #section0 .brand-360 div.brand-360-chart { background-size: 70% auto !important; left: 15px !important; top: 28px !important; opacity: 1 !important; } #section0 .brand-360 div.title-text { margin-left: 420px !important; font-size: 40px !important; } #section0 .brand-360 div.sub-title-text { margin-left: 420px !important; font-size: 16px !important; } #section1 .seo-audit .content-text div.title-text { font-size: 35px !important; } #section1 .seo-audit .content-text div.sub-title-text { font-size: 16px !important; } #section1 .seo-audit .content-text .secondary-text { font-size: 13px !important; width: 53% !important; line-height: 18px !important; } #section1 .seo-audit .icons { background-size: 100% auto !important; left: 50px !important; width: 70% !important; } #section1 .seo-audit .icons .secondary-text.one { margin: 140px 0 0 15px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit .icons .secondary-text.two { margin: 140px 0 0 36px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit .icons .secondary-text.three { margin: 140px 0 0 38px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit .icons .secondary-text.four { margin: 140px 0 0 34px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit div.seo-score { background-size: 100% auto !important; width: 25% !important; } #section2 .website-uptime .website-uptime-img { background-size: 57% auto !important; background-position: 25px 40px !important; } #section2 .website-uptime .content-text { padding-top: 35px !important; } #section2 .website-uptime .content-text div.title-text { font-size: 30px !important; } #section2 .website-uptime .content-text div.sub-title-text { font-size: 14px !important; line-height: 18px !important; } #section2 .website-uptime .content-text .secondary-text { font-size: 12px !important; line-height: 18px !important; } #section3 .reputation-monitoring div.span6.panel-left { background-position: 0 -45px !important; padding: 0 !important; vertical-align: top !important; } #section3 .reputation-monitoring div.span6.panel-left .panel-left-img { background-size: 96% auto !important; margin-right: 0px !important; width: 95% !important; background-position: right 88% !important; } #section3 .reputation-monitoring div.span6.panel-right { background-position: -40px -40px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text { width: 93% !important; margin-top: 20px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; margin: 0px 0 0 30px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text div.sub-title-text { margin: 0px 0 0 30px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text .secondary-text { margin: 15px 0 0 30px !important; } #section4 .fb-mgmt div.span6.panel-left .panel-left-divider { right: -25px !important; } #section4 .fb-mgmt div.span6.panel-left .panel-left-img { background-size: 81% auto !important; right: 25px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text { width: 100% !important; z-index: 80 !important; left: 0px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 40px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .secondary-text { font-size: 13px !important; line-height: 18px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons { background-size: 95% auto !important; width: 100% !important; margin-left: 0px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.one { margin: 135px 0 0 14px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.two { margin: 135px 0 0 47px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.three { margin: 135px 0 0 49px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.four { margin: 135px 0 0 26px !important; } #section5 .twitter-mgmt div.span6.panel-left { background-size: 100% auto !important; height: 100% !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text { width: 300px !important; height: auto !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text div.title-text { font-size: 32px !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text .secondary-text { font-size: 13px !important; } #section5 .twitter-mgmt div.span6.panel-right { background-size: 100% auto !important; height: 46.5% !important; float: right !important; } #section5 .twitter-mgmt div.span6.panel-right .panel-right-img { background-size: 100% auto !important; background-position: left bottom !important; width: 100% !important; bottom: 0 !important; } #section5 .twitter-mgmt div.span6.panel-right .best-time-icon { top: 42px !important; left: 60px !important; } #section5 .twitter-mgmt div.span6.panel-right .analytics-icon { top: 42px !important; opacity: 1 !important; left: 270px !important; } #section6 .fb-application div.fb-app-img { background-size: 100% auto !important; margin: 50px 23px 0 0 !important; width: 55% !important; } #section6 .fb-application div.content-text { margin: 30px 0 0 30px !important; } #section7 .social-analytics div.social-analytics-img { background-size: 100% auto !important; left: 20px !important; width: 80% !important; top: 0px !important; } #section7 .social-analytics div.content-text { width: 34% !important; top: -30px !important; right: 56px !important; } #section7 .social-analytics div.content-text div.title-text { font-size: 30px !important; } #section7 .social-analytics div.content-text div.sub-title-text { font-size: 16px !important; } #section7 .social-analytics div.content-text .secondary-text { font-size: 12px !important; margin: 10px 0 0 0px !important; line-height: 18px !important; } /*------------------------- BRAND 360 ENDS ---------------------------------------*/ /*------------------------- STOREPRONT DETAILS STARTS ---------------------------------------*/ #section1.storefront-one div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section1.storefront-one div.span6.panel-right .panel-right-img { background-size: 100% auto !important; width: 90% !important; margin-left: 20px !important; margin-top: 5px; position: relative; } #section2.storefront-two div.span6.panel-right { /*! width:42.6% !important; */ } #section2.storefront-two div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 80% !important; height: 423px; margin-right: 35px; } #section2.storefront-two div.span6.panel-right div.content-text { width: 85% !important; margin-left: 20px !important; } #section2.storefront-two div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section3.storefront-three div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section3.storefront-three div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section3.storefront-three div.span6.panel-left div.content-text .arrow { height: 60px !important; margin-top: 4px !important; float: left !important; } #section3.storefront-three div.span6.panel-right .panel-right-img { background-size: 100% auto !important; width: 85% !important; height: 418px; margin-left: 35px !important; margin-top: 20px; position: relative; } #section4.storefront-four div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 85% !important; margin-right: 35px; } #section4.storefront-four div.span6.panel-right { /*! width:43.3% !important; */ padding-left: 20px !important; } #section4.storefront-four div.span6.panel-right div.content-text { width: 95% !important; } #section4.storefront-four div.span6.panel-right div.content-text .secondary-text { line-height: 18px; } #section4.storefront-four div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section5.storefront-five div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section5.storefront-five div.span6.panel-left div.content-text .arrow { height: 60px !important; float: left !important; margin-top: 4px !important; } #section5.storefront-five div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section5.storefront-five div.span6.panel-right .panel-right-img { width: 80%; height: 100%; background-size: contain; } #section6.storefront-six div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 90% !important; margin-right: 20px !important; } #section6.storefront-six div.span6.panel-right { padding: 45px 0 0 30px; } #section6.storefront-six div.span6.panel-right div.content-text { width: 90% !important; } #section6.storefront-six div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section7.storefront-seven div.span6.panel-left div.content-text { width: 85% !important; margin-right: 27px !important; } #section7.storefront-seven div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section7.storefront-seven div.span6.panel-right .panel-right-img { background-size: 100% auto !important; display: inline-block; width: 80% !important; margin-left: 20px !important; margin-top: 20px; position: relative; } /*------------------------- STOREPRONT DETAILS ENDS ---------------------------------------*/ /*----------- FEATURES PAGE LEARN MORE ENDS HERE -------------*/ /*PAY PHONE - HOW IT WORK START*/ .phone-pay-hiw-panel.middle-container { padding: 0 15px !important; } /*PAY PHONE - HOW IT WORK END*/ /* SUB NAVIGATION MENU CAROUSEL STARTS */ #company #blue-tab-menu .owl-item { width: auto !important } #company .owl-controls { display: none !important } /* SUB NAVIGATION MENU CAROUSEL END */ .transaction-wrap .trans-problem .span12 { margin-left: 0 !important; } /*----------- CUSTOMER 360 STARTS HERE -------------*/ /*-------------------------------------------------------Navigation Starts--------------------------------------------------*/ #customer360_navigation { width: 45px; } #customer360_navigation li { height: 43px; width: 45px; } #customer360_navigation span { /* Container properties */ right: 42px; /* Text properties */ font-size: 13px; line-height: 43px; height: 43px; } #customer360_navigation a { height: 43px; width: 45px; } #customer360_navigation a.overview { background-size: 60% auto; } #customer360_navigation a.helpdesk { background-size: 60% auto; } #customer360_navigation a.liveChat { background-size: 60% auto; } #customer360_navigation a.integration { background-size: 40% auto; } #customer360_navigation a.reporting { background-size: 45% auto; } #customer360_navigation a.pricing { background-size: 45% auto; } /*-------------------------------------------------------Navigation Ends--------------------------------------------------*/ .customer360_panel { padding: 0; } /*-- Customer360 Sections --*/ div.customer360_panel #overview-block { margin-top: 95px; } div.customer360_panel div.block { margin: 0; padding: 0; width: 100% !important; } div.customer360_panel div.block.main-panel { padding: 50px 10px 10px 10px; } div.customer360_panel div.block.sub-panel { width: 100%; margin: 25px 0; height: auto !important; min-height: 290px; } div.customer360_panel div.block .title-text { font-size: 26px; line-height: 22px; letter-spacing: -1px; } div.customer360_panel div.block .highlight-text { display: block; padding: 14px 0; font-size: 18px; } div.customer360_panel div.block .default-text li { margin-left: 14px; font-size: 11px; line-height: 22px; } div.customer360_panel div.block .default-text li span { font-size: 14px; } div.customer360_panel div.block .default-text .highlight-text { display: inline; padding: 0; font-size: 14px; } div.customer360_panel div.block .title-divider { width: 20%; } div.customer360_panel .overview-customer360 .main-img { display: inline-block; padding: 10px 0; background-size: 100% auto !important; margin: 35px 0 18px 0; width: 100% !important; max-height: 275px; } div.customer360_panel .overview-mobile-app { padding-right: 384px !important; background-size: 45% auto !important; background-position: right 10px top 60px; } div.customer360_panel .overview-complete-social-integration { padding-left: 360px !important; background-size: 45% auto !important; background-position: left top 50px; } div.customer360_panel .overview-multi-channel { padding-right: 383px !important; background-size: 49% auto !important; background-position: right 0px top 60px; } div.customer360_panel .overview-universal-inbox { padding-left: 385px !important; padding-right: 32px !important; background-size: 46% auto !important; background-position: left top 55px; } div.customer360_panel .helpdesk-multi-channel-support { padding-right: 370px !important; background-size: 49% auto !important; min-height: 185px !important; background-position: right 0px top 45px; } div.customer360_panel .helpdesk-easy-ticket-management { padding-left: 400px !important; background-size: 52% auto !important; background-position: left top 55px; } div.customer360_panel .helpdesk-enforce-sla { padding-right: 400px !important; background-size: 49% auto !important; background-position: right top 50px; } div.customer360_panel .helpdesk-intelligent-ticket-routing { padding-left: 378px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .helpdesk-automatic-agent-backups { padding-right: 350px !important; background-size: 49% auto !important; background-position: right top 51px; } div.customer360_panel .helpdesk-ticket-forwarding { padding-left: 370px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .helpdesk-custom-forms { padding-right: 370px !important; background-size: 49% auto !important; background-position: right top 50px; } div.customer360_panel .helpdesk-views { padding-left: 375px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .helpdesk-internal-notes { padding-right: 400px !important; background-size: 49% auto !important; background-position: right top 50px; } div.customer360_panel .helpdesk-quick-ations { padding-left: 378px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .helpdesk-canned-messages { padding-right: 378px !important; background-size: 49% auto !important; background-position: right top 40px; } div.customer360_panel .livechat { padding: 0px !important; } div.customer360_panel .livechat .sub-block { margin: 0px 0px 40px 10px; height: 250px; } div.customer360_panel .livechat .sub-block .highlight-text { font-size: 15px; } div.customer360_panel .livechat .sub-block .default-text { font-size: 12px; line-height: 15px; } div.customer360_panel .integration-interactive-widgets { padding-right: 370px !important; background-size: 49% auto !important; background-position: right top 50px; } div.customer360_panel .integration-inapp-customer-support { padding-left: 355px !important; background-size: 35% auto !important; background-position: left 30px top 50px; } div.customer360_panel .integration-consistent-brand-image { padding-right: 350px !important; background-size: 49% auto !important; background-position: right top 50px; } div.customer360_panel .integration-multi-domain-support { padding-left: 378px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .integration-magento-integration { padding-right: 378px !important; background-size: 49% auto !important; background-position: right top 50px; } div.customer360_panel .integration-integrate-wordpress { padding-left: 378px !important; background-size: 49% auto !important; background-position: left top 40px; } div.customer360_panel .reporting-dashboard { padding-right: 370px !important; background-size: 49% auto !important; background-position: right top 48px; } div.customer360_panel .reporting-chat-performance-dashboard { padding-left: 370px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .reporting-customer-satisfaction-forms { padding-right: 370px !important; background-size: 49% auto !important; background-position: right top 48px; } div.customer360_panel .reporting-weekly-performance-reports { padding-left: 370px !important; background-size: 49% auto !important; background-position: left top 50px; } div.customer360_panel .reporting-chat-monitoring { padding-right: 370px !important; background-size: 49% auto !important; background-position: right top 48px; } /*----------- CUSTOMER 360 ENDS HERE -------------*/ div.registration-form .thankyou-msg { margin: 0 0 40px 0; left: 13%; right: 13%; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span6, div.footer-panel div.span12.footer-links div.span7.footer-logos .span8 { width: 100%; } .innapp_wrap { margin: 0 2%; width: 100%; } .innapp_wrap .innapp_main .cube_box .img_cude { width: auto; } .innapp_wrap .innapp_main .cube_box .text_cude { width: 55%; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .content-text { font-size: 13px !important; line-height: 20px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .sub-text { font-size: 17px; display: inline-block; line-height: 30px; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 a.secondary-link { font-size: 13px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .span4 { display: inline-block; text-align: center; } .upi_wrap .upi_main .upi_content .content_wrap, .upi_wrap .upi_main .upi_content .image_wrap { width: 100%; } /*----------------------------------- BLOG Pages ----------------------------------------*/ .blog .container-fluid .page-heading .secondary-text { padding: 0 5%; } .blog .container-fluid .middle-container { margin-top: 10px !important; } .blog .container-fluid .middle-container .blog-box { padding: 15px !important; margin: 0 6% 20px 6%; width: auto; } .blog .container-fluid .middle-container .blog-box .blog-date { display: inline-block; position: relative; } .blog .container-fluid .middle-container .blog-box .blog-date span { position: absolute; left: 0; right: 0; top: 24%; } .blog .container-fluid .middle-container .blog-box div.span10 { margin-left: 10px !important; position: relative; } .blog .container-fluid .middle-container .blog-box div.span10 .highlight-text a { font-size: 17px; line-height: 21px; } .blog .container-fluid .middle-container .blog-box div.span10 .highlight-text span { font-size: 12px; margin-top: 5px; display: inline-block; } .blog .container-fluid .middle-container .blog-box div.span10 div.default-text { font-size: 12px; line-height: 18px; margin-top: 9px; } .blog .container-fluid .middle-container .blog-box div.span10 div.default-text a.secondary-link { font-size: 12px; text-decoration: none; } #award-panel div.span12 span.span3 { width: 50%; max-width: 50%; padding: 0 25px; } #award-panel div.span12 span.span3 { max-width: 100%; } #award-panel div.span12 span.span3.second, #award-panel div.span12 span.span3.forth { border-right: 0; } #award-panel div.span12 span.span3.first, #award-panel div.span12 span.span3.second { margin-bottom: 30px; } .bx-wrapper .bx-controls-direction { width: 100%; } .span12.footer-logos { margin-left: 0px; } .article-main-banner .banner_text { padding: 0px 15px; } .article-details { padding: 0px 15px; margin-top: 30px; } .article-details h2 { font-size: 26px; line-height: 35px; margin-bottom: 25px; } .flow_main .flow_details { margin-left: 345px; } .flow_details .article_top_list:last-child { margin-bottom: 0px; } .payment_bg { min-height: 248px; padding: 18px 15px; } .payment_details { margin-top: 15px; } .payment_details h5 { font-size: 15px; } } @media (min-width:767px) and (max-width:979px) { .cutomer-flow-mobile { display:none; } } @media (min-width:980px) and (max-width:1024px), handheld and (orientation:landscape) { /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { font-size:17px !important; }*/ .hide-1024 { display: none !important; } .view-1024 { display: inline-block !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.span6 { width: 100%; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text { font-size: 25px; margin: 5px 0; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text span { font-size: 25px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { font-size: 17px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text .text-br, div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text .text-br { display: none; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi { height: 130px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { float: left; margin-left: 25px; margin-top: 90px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { float: right; margin-right: 25px; margin-top: -40px; max-width: 55%; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.learn-more { float: left; width: 35%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { max-width: 85%; } /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.span6.carousel-img img { margin-top:70px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { font-size:17px !important; }*/ .upi_wrap .upi_main .upi_content .content_wrap:first-child { margin-right: 1.5641% !important; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .collections_payments .carousel-img img { margin-top: 95px; margin-left: 25px; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments .collections_payments .slide-content .cl-white a.learn-more-btn { bottom: 5px; } } @media (min-width:641px) and (max-width:767px), handheld and (orientation:landscape) { div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { margin-left: 150px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { max-width: 26% !important; margin-right: 150px !important; } } @media (min-width:641px) and (max-width:667px), handheld and (orientation:landscape) { div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { max-width: 20% !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { margin-top: -10px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.learn-more { width: 64% !important; } } @media (min-width:361px) and (max-width:375px), handheld and (orientation:landscape) { div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { margin-left: 58px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { margin-top: -15px !important; } } @media (max-width:760px) { #fullPage-nav { top: 70% !important; } /*----------- FEATURES PAGE LEARN MORE START HERE -------------*/ .section { position: relative !important; display: block !important; } .section div.section-int { max-width: 768px !important; height: 100% !important; /*! margin:0 30px; */ padding: 0px 20px 39px 20px; border: 0px solid red; } .section div.section-int div.span3 { width: auto !important; margin-left: 55px !important; } .section div.section-int div.logos { min-height: 77px !important; } /*----------------- BACKGROUND COLORS FOR ALL SCREEN STARTS -----------------------------------*/ .snip-bg1 { background-size: 60% auto !important; background-position: 85% 7% !important; } .feature-analytics-graph-bg { background-size: 93% auto !important; background-position: 133% 18% !important; } .success-rate-bg2 { background-size: 100% auto !important; } .seo-bg { background: url(../images_mcpg/seo-bg.png) 0 0 repeat-x #1d252c; } .website-uptime-bg { background: url(../images_mcpg/website-uptime-bg.gif) repeat-x 0 0 #1d252c; } .fb-mgmt-bg { background: url(../images_mcpg/fb_mgmt_bg_right.png) repeat-x 0 96px #1b2329; } .fb-app-bg { background: url(../images_mcpg/fb-app-bg.png) repeat-x 0 96px #1b2329; } .storefront-intro-bg { background-position: -150px top !important; background-size: 322% auto !important; height: 275px; } /*----------------- BACKGROUND COLORS FOR ALL SCREEN ENDS -----------------------------------*/ /*------------------------- SNIP START ---------------------------------------*/ #section0 div.snip .snip-logo { margin-top: 8px !important; } #section0 div.snip .secondary-text { width: 40% !important; } #section1 div.snip .animation-wrapper .title-text { left: 446px !important; font-size: 38px !important; } #section1 div.snip .animation-wrapper .sub-title-text { left: 446px !important; font-size: 14px !important; width: 300px !important; line-height: 18px !important; } #section1 div.snip .create-img { background-size: 45% auto !important; } #section1 div.snip .create-img-zoom { left: 305px !important; display: block !important; opacity: 1 !important; top: 150px !important; width: 250px !important; height: 250px !important; } #section2 div.snip .animation-wrapper .title-text { left: 465px !important; } #section2 div.snip .animation-wrapper .sub-title-text { left: 465px !important; width: 275px !important; } #section2 div.snip .publish-screen { background-size: 80% auto !important; width: 573px !important; left: -130px !important; } #section3 div.snip .animation-wrapper { width: 700px !important; } #section3 div.snip .sub-title-text { width: 80% !important; } #section3 div.snip .collect-phone1 { position: absolute !important; left: 0px !important; display: block !important; } #section3 div.snip .collect-phone2 { position: absolute !important; left: 235px !important; display: block !important; } #section3 div.snip .collect-phone3 { position: absolute !important; left: 464px !important; display: block !important; } #section3 div.snip .sub-title-text { line-height: 20px !important; margin-top: 10px !important; } #section4 div.snip .animation-wrapper { width: 700px !important; } #section4 div.snip .animation-wrapper .sub-title-text { width: 60% !important; } #section4 div.snip .animation-wrapper ul li span.sub-title-text { width: 100% !important; } #section4 div.snip .animation-wrapper .qr-code-img { right: -37px !important; top: 19px !important; background-size: 85% auto !important; } #section4 div.snip .animation-wrapper .qr-code-phone { display: block !important; right: 119px !important; top: 169px !important; } /*------------------------- SNIP END ---------------------------------------*/ /*------------------------- SMART ANALYTICS STARTS ---------------------------------------*/ #section0 div.feature-analytics .span12 .span3.icon { width: 20% !important; margin-left: 20px !important; opacity: 1 !important; margin-top: 0px !important; } #section0 div.feature-analytics .span12 .span3 .primary-text { font-size: 12px !important; line-height: 18px !important; } #section1 div.hourly-report { width: 90% !important; margin-left: 0 !important; } #section2 div.success-rate .success-rate-chart { margin: 0px 101px 0 0; opacity: 1 !important; } #section3 div.payment-type-report .highcharts-series-group { padding: 10px !important; } #section3 div.payment-type-report .primary-text { right: 111px; } #section3 div.payment-type-report .pie-chart-tablet { background: url(../images_mcpg/payment-type-pie-tablet.gif) 0 0 no-repeat !important; background-size: 100% auto !important; margin-top: 60px !important; position: relative !important; display: block !important; left: -165px !important; width: 456px !important; height: 367px !important; } #section3 div.payment-type-report div.pie-chart-tip { background: url(../images_mcpg/pie-chart-tooltip.png) 0 0 no-repeat; background-size: 100% auto !important; width: 404px; height: 245px; position: absolute; top: 246px; right: 25px; z-index: 100; display: block; opacity: 1; } #section4 div.payment-gateway-updates .payment-gateway-screen { background-size: 85% auto !important; margin-left: 18px !important; display: block !important; } #section4 div.payment-gateway-updates .notification-no { top: 15px !important; right: 388px !important; display: block !important; } #section4 div.payment-gateway-updates .notification-popup { top: 27px !important; right: 376px !important; opacity: 1 !important; } /*------------------------- SMART ANALYTICS ENDS ---------------------------------------*/ /*------------------------- BRAND 360 STARTS ---------------------------------------*/ #section0 .brand-360 { width: auto !important; padding-top: 0px; } #section0 .brand-360 .animation-wrapper { width: 100% !important; border: 0px solid red; } #section0 .brand-360 .graph { top: 190px !important; left: -107px !important; display: block !important; width: 120% !important; } #section0 .brand-360 div.brand-360-chart { background-size: 70% auto !important; left: 15px !important; top: 28px !important; opacity: 1 !important; } #section0 .brand-360 div.title-text { margin-left: 420px !important; font-size: 40px !important; } #section0 .brand-360 div.sub-title-text { margin-left: 420px !important; font-size: 16px !important; } #section1 .seo-audit .content-text div.title-text { font-size: 35px !important; } #section1 .seo-audit .content-text div.sub-title-text { font-size: 16px !important; } #section1 .seo-audit .content-text .secondary-text { font-size: 13px !important; width: 53% !important; line-height: 18px !important; } #section1 .seo-audit .icons { background-size: 100% auto !important; left: 50px !important; width: 70% !important; } #section1 .seo-audit .icons .secondary-text.one { margin: 140px 0 0 15px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit .icons .secondary-text.two { margin: 140px 0 0 36px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit .icons .secondary-text.three { margin: 140px 0 0 38px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit .icons .secondary-text.four { margin: 140px 0 0 34px !important; font-size: 12px !important; width: 100px !important; } #section1 .seo-audit div.seo-score { background-size: 100% auto !important; width: 25% !important; } #section2 .website-uptime .website-uptime-img { background-size: 57% auto !important; background-position: 25px 40px !important; } #section2 .website-uptime .content-text { padding-top: 35px !important; } #section2 .website-uptime .content-text div.title-text { font-size: 30px !important; } #section2 .website-uptime .content-text div.sub-title-text { font-size: 14px !important; line-height: 18px !important; } #section2 .website-uptime .content-text .secondary-text { font-size: 12px !important; line-height: 18px !important; } #section3 .reputation-monitoring div.span6.panel-left { background-position: 0 -45px !important; padding: 0 !important; vertical-align: top !important; } #section3 .reputation-monitoring div.span6.panel-left .panel-left-img { background-size: 96% auto !important; margin-right: 0px !important; width: 95% !important; background-position: right 88% !important; } #section3 .reputation-monitoring div.span6.panel-right { background-position: -40px -40px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text { width: 93% !important; margin-top: 20px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; margin: 0px 0 0 30px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text div.sub-title-text { margin: 0px 0 0 30px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text .secondary-text { margin: 15px 0 0 30px !important; } #section4 .fb-mgmt div.span6.panel-left .panel-left-divider { right: -25px !important; } #section4 .fb-mgmt div.span6.panel-left .panel-left-img { background-size: 81% auto !important; right: 25px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text { width: 100% !important; z-index: 80 !important; left: 0px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 40px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .secondary-text { font-size: 13px !important; line-height: 18px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons { background-size: 95% auto !important; width: 100% !important; margin-left: 0px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.one { margin: 135px 0 0 14px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.two { margin: 135px 0 0 47px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.three { margin: 135px 0 0 49px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons .secondary-text.four { margin: 135px 0 0 26px !important; } #section5 .twitter-mgmt div.span6.panel-left { background-size: 100% auto !important; height: 100% !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text { width: 300px !important; height: auto !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text div.title-text { font-size: 32px !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text .secondary-text { font-size: 13px !important; } #section5 .twitter-mgmt div.span6.panel-right { background-size: 100% auto !important; height: 46.5% !important; float: right !important; } #section5 .twitter-mgmt div.span6.panel-right .panel-right-img { background-size: 100% auto !important; background-position: left bottom !important; width: 100% !important; bottom: 0 !important; } #section5 .twitter-mgmt div.span6.panel-right .best-time-icon { top: 42px !important; left: 60px !important; } #section5 .twitter-mgmt div.span6.panel-right .analytics-icon { top: 42px !important; opacity: 1 !important; left: 270px !important; } #section6 .fb-application div.fb-app-img { background-size: 100% auto !important; margin: 50px 23px 0 0 !important; width: 55% !important; } #section6 .fb-application div.content-text { margin: 30px 0 0 30px !important; } #section7 .social-analytics div.social-analytics-img { background-size: 100% auto !important; left: 20px !important; width: 80% !important; top: 0px !important; } #section7 .social-analytics div.content-text { width: 34% !important; top: -30px !important; right: 56px !important; } #section7 .social-analytics div.content-text div.title-text { font-size: 30px !important; } #section7 .social-analytics div.content-text div.sub-title-text { font-size: 16px !important; } #section7 .social-analytics div.content-text .secondary-text { font-size: 12px !important; margin: 10px 0 0 0px !important; line-height: 18px !important; } /*------------------------- BRAND 360 ENDS ---------------------------------------*/ /*------------------------- STOREPRONT DETAILS STARTS ---------------------------------------*/ /* div.section .title-text.terms-text em { font-size:12px !important; } div.section div.heading-text, div.section div.title-text { font-size:20px !important; line-height:28px !important; } div.section div.title-text.cl-white { font-size:25px !important; } div.section div.secondary-text.cl-white { font-size:11px !important; } div.section div br.visible-phone { display:none !important; } div.section div.panel-left { padding:30px 0 !important; } div.section div.panel-right { padding:30px 0 !important; } div.section div.hidden-phone { display:block !important; } div.section div.visible-phone { display:none !important; } div.section div.panel-left-img, div.section div.panel-right-img { background-size:80% !important; top:0 !important; } div.section div.panel-right-img { top:0 !important; }*/ #section1.storefront-one div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section1.storefront-one div.span6.panel-right .panel-right-img { background-size: 100% auto !important; width: 90% !important; margin-left: 20px !important; margin-top: 5px; position: relative; } #section2.storefront-two div.span6.panel-right { /*! width:42.6% !important; */ background: none; } #section2.storefront-two div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 98% !important; height: 423px; } #section2.storefront-two div.span6.panel-right div.content-text { width: 85% !important; margin-left: 20px !important; } #section2.storefront-two div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section3.storefront-three div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section3.storefront-three div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section3.storefront-three div.span6.panel-left div.content-text .arrow { height: 60px !important; margin-top: 4px !important; float: left !important; } #section3.storefront-three div.span6.panel-right .panel-right-img { background-size: 100% auto !important; width: 85% !important; height: 418px; margin-left: 35px !important; margin-top: 20px; position: relative; } #section4.storefront-four div.span6.panel-left .panel-left-img { background-size: 103% auto !important; width: 100% !important; } #section4.storefront-four div.span6.panel-right { /*! width:43.3% !important; */ padding-left: 20px !important; background: none; } #section4.storefront-four div.span6.panel-right div.content-text { width: 95% !important; } #section4.storefront-four div.span6.panel-right div.content-text .secondary-text { line-height: 18px; } #section4.storefront-four div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section5.storefront-five div.span6.panel-left div.content-text { width: 85% !important; margin-right: 30px !important; } #section5.storefront-five div.span6.panel-left div.content-text .arrow { height: 60px !important; float: left !important; margin-top: 4px !important; } #section5.storefront-five div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section6.storefront-six div.span6.panel-left .panel-left-img { background-size: 100% auto !important; width: 90% !important; margin-right: 20px !important; } #section6.storefront-six div.span6.panel-right { padding: 45px 0 0 30px; } #section6.storefront-six div.span6.panel-right div.content-text { width: 90% !important; } #section6.storefront-six div.span6.panel-right div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section7.storefront-seven div.span6.panel-left div.content-text { width: 85% !important; margin-right: 27px !important; } #section7.storefront-seven div.span6.panel-left div.content-text div.title-text { font-size: 30px !important; line-height: 32px !important; } #section7.storefront-seven div.span6.panel-right .panel-right-img { background-size: 100% auto !important; display: inline-block; width: 95% !important; margin-left: 20px !important; margin-top: 20px; position: relative; } /*------------------------- STOREPRONT DETAILS ENDS ---------------------------------------*/ /*----------- FEATURES PAGE LEARN MORE ENDS HERE -------------*/ #features_tools div.features-tools-int div.span12 div.span2.divider-light { float: left !important; width: 50% !important; } #features_tools div.features-tools-int div.span12 div.span2.divider-light img { max-width: 100px; } #award-panel div.span12 span.span12 img { width: 80%; max-width: 400px; } #award-panel div.span12 span.span3 { width: 50%; max-width: 50%; padding: 0px; float: left; border-bottom: solid 1px #cdcece; height: auto; padding-bottom: 13px; } #award-panel div.span12 span.span3 a { display: block; text-align: left; } #award-panel div.span12 span.span3 img { width: 100%; max-width: 200px; } /*#award-panel div.span12 span.span3.first { padding-left:25px; }*/ #award-panel div.span12 span.span3.second, #award-panel div.span12 span.span3.forth { border-right: 0 } #award-panel div.span12 span.span3.first, #award-panel div.span12 span.span3.second, #award-panel div.span12 span.span3.third, #award-panel div.span12 span.span3.forth { margin-bottom: 13px; width: 80%; max-width: 80%; margin: 0 auto; float: none; border-right: 0; margin-bottom: 13px; } #award-panel div.span12 span.span3.forth { border-bottom: 0; padding-bottom: 0; } } @media (max-width:640px) { /*----------- FEATURES PAGE LEARN MORE START HERE -------------*/ #fullPage-nav { display: none !important; } /*.slimScrollBar { display:none !important;} #fullPage-nav{right:0 !important; left:0 !important; width:100% !important; padding:0px 0 10px 0 !important; top:42% !important; background-color:rgba( 0, 0, 0, 0.8) !important; z-index:150 !important; -webkit-transition: linear .3s; -moz-transition: linear .3s; -ms-transition: linear .3s; -o-transition: linear .3s; transition: linear .3s;} #fullPage-nav ul{ position:relative !important; width:100% !important; margin-left:25% !important; border:0px solid red !important;} #fullPage-nav li{display: inline-block !important; float:left !important; margin:3px !important;}*/ .section div.section-int { /*! max-width:360px !important; */ padding: 0px 15px 23px 15px; border: 0px solid red !important; /*! min-height:490px !important; */ } .storefront-intro-bg div.section-int { padding-top: 40px; } .section div.section-int div.span3 { width: 43% !important; margin-left: 15px !important; display: inline-block !important; } .section div.payment-option div.logos { margin-top: 30px; } /*#section1, #section2, #section3, #section4, #section5, #section6{padding-top:0px;}*/ #section0 { padding-top: 143px;/* padding-top: 200px; */} /*----------------- BACKGROUND COLORS FOR ALL SCREEN STARTS -----------------------------------*/ .snip-bg1 { background-size: 85% auto !important; background-position: 30% 14%; } .feature-analytics-graph-bg { background-image: url(../images_mcpg/analytics-graph-mobile-bg.png) !important; background-size: 100% auto !important; background-position: left 37px !important; } .brand-360-bg { background: none !important; } .success-rate-bg2 { background-size: 160% auto !important; background-position: 20% 0px !important; } .seo-bg { background: url(../images_mcpg/seo-bg.png) 0 0 repeat-x #1d252c !important; } .website-uptime-bg { background: url(../images_mcpg/website-uptime-bg.gif) repeat-x 0 0 #1d252c !important; } .fb-mgmt-bg { background: url(../images_mcpg/fb_mgmt_bg_right.png) repeat-x 0 78px #1b2329 !important; } .fb-app-bg { background: url(../images_mcpg/fb-app-bg.png) repeat-x 0 78px #1b2329 !important; } .storefront-intro-bg { background-position: left top !important; background-size: cover; background-repeat: no-repeat; } .social-analytics-bg { background-position: 0px 0px !important; } /*----------------- BACKGROUND COLORS FOR ALL SCREEN ENDS -----------------------------------*/ /*------------------------- PAYMENT OPTION START ---------------------------------------*/ .feature-details.associates .container-fluid .middle-container { margin: 200px auto 0 !important; } /*------------------------- PAYMENT OPTION END ---------------------------------------*/ /*------------------------- SNIP START ---------------------------------------*/ #section0 div.snip { min-height: 485px !important; display: block !important; border: 0px solid red !important; } #section0 div.snip .snip-logo { margin-top: 0px !important; display: inline-block !important; position: relative !important; } #section0 div.snip .snip-logo img { width: 60% !important; } #section0 div.snip .title-text { font-size: 16px !important; margin-top: 195px !important; } #section0 div.snip .secondary-text { width: 95% !important; font-size: 13px !important; line-height: 18px !important; margin-top: 0px !important; } #section0 div.snip .secondary-text .highlight-text { font-size: 13px !important; line-height: 18px !important; } #section0 div.snip .secondary-text .highlight-text.text { font-size: 13px !important; line-height: 18px !important; } #section0 div.snip .title-text.tagline { font-size: 14px !important; line-height: 15px !important; margin-top: 10px !important; } #section0 div.snip a.primary-button { padding: 8px 11px !important; font-size: 15px !important; margin-top: 20px !important; } #section0 div.snip a.secondary-button { padding: 5px 11px !important; font-size: 15px !important; } #section0 div.snip a.secondary-button span.video-icon { background-size: 80% auto !important; } #section1 div.snip .animation-wrapper { width: 100% !important; height: 500px !important; } #section1 div.snip .animation-wrapper .title-text { left: 0 !important; display: block !important; top: 75px !important; font-size: 28px !important; } #section1 div.snip .animation-wrapper .sub-title-text { left: 0px !important; font-size: 13px !important; top: 75px !important; bottom: 50px !important; width: 100% !important; line-height: 18px !important; } #section1 div.snip .create-img { background-size: 70% auto !important; position: relative !important; width: auto !important; height: 200px !important; } #section1 div.snip .create-img-zoom { left: 100px !important; display: block !important; opacity: 1 !important; top: 70px !important; width: 66% !important; height: auto !important; } #section2 div.snip .animation-wrapper { width: 100% !important; height: 335px !important; position: relative !important; } #section2 div.snip .animation-wrapper .title-text { left: 0px !important; width: auto !important; font-size: 28px !important; line-height: 40px !important; top: 74% !important; } #section2 div.snip .animation-wrapper .sub-title-text { left: 0px !important; top: 74% !important; width: 100% !important; font-size: 13px !important; line-height: 18px !important; } #section2 div.snip .publish-screen { background-size: 100% auto !important; background-position: left top !important; width: 100% !important; top: 0 !important; left: 0px !important; display: block !important; height: 65% !important; } #section3 div.snip { position: relative !important; } #section3 div.snip .animation-wrapper { width: 100% !important; height: auto !important; } #section3 div.snip .collect-phone3 { position: relative !important; background-size: 100% auto !important; width: 100% !important; height: 443px !important; top: -30px !important; left: 0px !important; display: block !important; } #section3 div.snip .title-text { width: auto !important; font-size: 28px !important; line-height: 40px !important; } #section3 div.snip .sub-title-text { width: 100% !important; line-height: 20px !important; font-size: 13px !important; line-height: 18px !important; } #section4 div.snip .animation-wrapper { width: 100% !important; } #section4 div.snip .animation-wrapper .title-text { font-size: 28px !important; top: 0px !important; } #section4 div.snip .animation-wrapper .sub-title-text { width: 100% !important; top: 5px !important; font-size: 13px !important; line-height: 18px !important; } #section4 div.snip .animation-wrapper ul { margin: 0px 0 0 0 !important; width: 95% !important; } #section4 div.snip .animation-wrapper ul li span.heading-text { width: 100% !important; font-size: 14px !important; line-height: 13px !important; margin: 0px !important; } #section4 div.snip .animation-wrapper ul li span.sub-title-text { width: 100% !important; font-size: 13px !important; margin-top: 0px !important; } #section4 div.snip .animation-wrapper .qr-code-phone-mobile { display: block !important; } /*------------------------- SNIP END ---------------------------------------*/ /*------------------------- SMART ANALYTICS STARTS ---------------------------------------*/ #section0 div.feature-analytics { position: relative !important; height: auto !important; overflow: visible !important; } #section0 div.feature-analytics .title-text { font-size: 28px !important; margin-top: -25px !important; } #section0 div.feature-analytics .primary-text { font-size: 13px !important; line-height: 18px !important; margin-top: -10px !important; width: 100% !important; } #section0 div.feature-analytics .span12.icons-mobile { background: url(../images_mcpg/smart-analytics-icon-mobile.png) center 0 no-repeat !important; display: block !important; width: 100% !important; height: 100px !important; margin-top: 108px !important; } /*#section0 div.feature-analytics .span12{ margin-top:120px !important; border:1px solid red; height:300px !important;} #section0 div.feature-analytics .span12 .span3{width:40% !important; height:120px !important; margin-left:20px !important; opacity:1 !important; margin-top:-20px !important;} #section0 div.feature-analytics .span12 .span3 .primary-text{ font-size:11px !important; width:100% !important; line-height:13px !important; margin-top:80px !important;}*/ #section1 div.hourly-report { width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; padding: 0px 15px; display: inline-block !important; } #section1 div.hourly-report .title-text { font-size: 25px !important; text-align: center !important; line-height: 30px !important; margin-bottom: 5px !important; margin-top: 0px !important; } #section1 div.hourly-report .primary-text { font-size: 13px !important; text-align: center !important; line-height: 16px !important; } #section1 div.hourly-report .hourly-chart { background: url(../images_mcpg/hourly-chart-mobile.png) 0 0 no-repeat !important; display: block !important; position: relative !important; width: 100% !important; height: 210px !important; margin-top: 10px !important; } #section2 .section-int { padding-top: 150px; min-height: 480px !important; display: block !important; } #section2 div.success-rate { padding: 0px 15px; width: 100% !important; } #section2 div.success-rate .success-rate-chart { margin-top: 30% !important; opacity: 1 !important; width: 75% !important; height: 304 !important; display: block !important; position: relative !important; float: none; margin-left: auto !important; margin-right: auto !important; } #section2 div.success-rate .title-text { font-size: 28px !important; text-align: left !important; line-height: 35px !important; margin-bottom: 5px !important; } #section3 div.payment-type-report { position: relative !important; } #section3 div.payment-type-report .highcharts-series-group { padding: 10px !important; } #section3 div.payment-type-report .title-text { font-size: 25px !important; text-align: left !important; left: 0px !important; margin: 25px 0 0 0; line-height: 30px !important; position: relative !important; } #section3 div.payment-type-report .primary-text { font-size: 13px !important; text-align: left !important; left: 0px !important; top: 30px !important; line-height: 16px !important; position: relative !important; } #section3 div.payment-type-report div.pie-chart-tip-mobile { background: url(../images_mcpg/pie-chart-tooltip-mobile.png) 0 0 no-repeat !important; background-size: 100% auto !important; width: 100% !important; height: 165px !important; position: relative !important; top: -70px !important; left: 0px !important; z-index: 100; opacity: 1 !important; } #section3 div.payment-type-report .pie-chart-mobile { background: url(../images_mcpg/payment-type-pie-mobile.png) 0 0 no-repeat !important; background-size: 100% auto !important; margin-top: 60px !important; position: relative !important; display: block !important; left: 0px !important; width: 100% !important; height: 450px !important; } /*#section4{ padding-top:108px !important;}*/ #section4 div.payment-gateway-updates .payment-gateway-screen { background-size: 100% auto !important; background: url(../images_mcpg/payment-gateway-mobile.jpg) center top no-repeat !important; width: 100% !important; height: 210px !important; margin-left: 0px !important; margin-top: -10px !important; display: block !important; } #section4 div.payment-gateway-updates .title-text { font-size: 28px !important; text-align: center !important; left: 0px !important; margin: 0px !important; line-height: 30px !important; position: relative !important; } #section4 div.payment-gateway-updates .sub-title-text { width: 100% !important; top: 5px !important; text-align: center !important; font-size: 13px !important; line-height: 18px !important; } /*------------------------- SMART ANALYTICS ENDS ---------------------------------------*/ /*------------------------- BRAND 360 STARTS ---------------------------------------*/ #section0 .brand-360 { width: auto !important; height: auto !important; padding: 0; } #section0 .brand-360 .animation-wrapper { width: 100% !important; border: 0px solid red; } #section0 .brand-360 .graph { top: 158%; left: -168px !important; display: block !important; width: 213% !important; } #section0 .brand-360 div.brand-360-chart { background-size: 100% auto !important; width: 100% !important; left: 0 !important; top: 124% !important; opacity: 1 !important; } #section0 .brand-360 div.title-text { margin-left: 0px !important; margin-top: 0 !important; font-size: 28px !important; } #section0 .brand-360 div.sub-title-text { margin-left: 0px !important; margin-top: 0px !important; font-size: 13px !important; line-height: 16px !important; } #section1 .seo-audit div.title-text { font-size: 28px !important; margin-left: 0px !important; } #section1 .seo-audit div.sub-title-text { font-size: 13px !important; margin-left: 0px !important; line-height: 18px !important; } #section1 .seo-audit .secondary-text { font-size: 11px !important; width: 100% !important; text-align: justify !important; margin-left: 0px !important; line-height: 16px !important; } #section1 .seo-audit .icons-phone { margin-top: 8px !important; position: relative !important; } #section1 .seo-audit div.seo-score-mobile { background: url(../images_mcpg/seo-img-mobile.png) 0 0 no-repeat !important; display: block !important; background-size: 100% auto !important; width: 110% !important; margin-top: 0 !important; margin-left: -18px !important; height: 217px !important; } #section2 .website-uptime { padding: 0 15px !important; margin-top: 45px; } #section2 .website-uptime .website-uptime-img { background: url(../images_mcpg/website-uptime-img-mobile.png) no-repeat !important; background-size: 99.0% auto !important; min-height: 523px !important; display: block !important; width: 100% !important; background-position: 0 98% !important; } #section2 .website-uptime .content-text { padding-top: 35px !important; width: 100% !important; height: auto !important; position: relative !important; } #section2 .website-uptime .content-text div.title-text { font-size: 28px !important; line-height: 35px !important; } #section2 .website-uptime .content-text div.sub-title-text { font-size: 13px !important; line-height: 17px !important; margin-top: 5px !important; } #section2 .website-uptime .content-text .secondary-text { font-size: 11px !important; line-height: 16px !important; text-align: left !important; margin-top: 10px !important; } #section3 .reputation-monitoring div.span6.panel-right { background-position: -40px -190px !important; top: 0px !important; width: 100% !important; padding-top: 24px !important; height: 253px !important; position: relative !important; left: 0 !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text { width: 100% !important; margin-top: 0px !important; position: relative !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text div.title-text { font-size: 28px !important; margin: 0px 0 0 15px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text div.sub-title-text { margin: 5px 0 0 15px !important; font-size: 14px !important; line-height: 18px !important; } #section3 .reputation-monitoring div.span6.panel-right div.content-text .secondary-text { margin: 10px 0 0 15px !important; font-size: 11px !important; text-align: left !important; line-height: 17px !important; } #section3 .reputation-monitoring .mobile-image-panel { background: url(../images_mcpg/reputation-monitoring-panel.png) no-repeat !important; background-size: 95% auto !important; margin-top: 18px !important; width: 100% !important; height: 300px !important; position: relative !important; background-position: right 0 !important; } #section4 .fb-mgmt div.span6.panel-right { width: 100% !important; position: relative !important; float: left !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text { margin-left: -15px !important; width: 100% !important; padding: 0 15px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text div.title-text { font-size: 27px !important; line-height: 35px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text div.sub-title-text { font-size: 13px !important; line-height: 18px !important; margin-top: 5px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .secondary-text { font-size: 11px !important; line-height: 17px !important; margin-top: 10px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .fb-mgmt-icons { background: url(../images_mcpg/fb-mgmt-icons-mobile.png) 0 0 no-repeat !important; background-size: 100% auto !important; width: 100% !important; height: 165px !important; margin-left: 0px !important; } #section4 .fb-mgmt div.span6.panel-right div.content-text .mobile-image-panel { background: url(../images_mcpg/fb-mgmt-score-mobile.png) 0 0 no-repeat !important; background-size: 100% auto !important; width: 100% !important; position: relative !important; height: 296px !important; } #section5 .twitter-mgmt div.span6.panel-left { background-size: 100% auto !important; background-position: right 100% !important; width: 100% !important; padding-top: 26px !important; height: 75% !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text { width: 90% !important; height: auto !important; float: left; padding: 0 15px !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text div.title-text { font-size: 29px !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text div.sub-title-text { margin-top: 10px !important; font-size: 13px !important; } #section5 .twitter-mgmt div.span6.panel-left div.content-text .secondary-text { font-size: 11px !important; line-height: 17px !important; text-align: justify !important; } #section5 .twitter-mgmt div.mobile-image-panel { background: url(../images_mcpg/twitter-mgmt-chart-mobile.png) no-repeat !important; background-size: 100% auto !important; margin-top: 0px !important; width: 100% !important; height: 384px !important; position: relative !important; background-position: right 0 !important; } #section6 .fb-application .content-text { width: 100% !important; } #section6 .fb-application .content-text .title-text { font-size: 28px !important; } #section6 .fb-application .content-text .sub-title-text { font-size: 13px !important; } #section6 .fb-application .content-text .secondary-text { font-size: 11px !important; line-height: 18px !important; text-align: justify !important; } #section6 .fb-application div.fb-app-img-mobile { display: block !important; background: url(../images_mcpg/fb-app-img-mobile.png) 0 0 no-repeat !important; background-size: 100% auto !important; margin-top: 85% !important; margin-bottom: 20px !important; width: 100% !important; height: 496px !important; } #section7 .social-analytics div.social-analytics-img-mobile { background-size: 100% auto !important; background: url(../images_mcpg/social-analytics-img-mobile.png) 0 0 no-repeat; margin-top: 105%; margin-bottom: 20px !important; left: 0 !important; width: 95% !important; height: 334px !important; } #section7 .social-analytics div.content-text { width: 90% !important; top: 120px; left: 0px !important; padding-left: 15px !important; } #section7 .social-analytics div.content-text div.title-text { font-size: 28px !important; } #section7 .social-analytics div.content-text div.sub-title-text { font-size: 13px !important; } #section7 .social-analytics div.content-text .secondary-text { font-size: 11px !important; margin: 10px 0 0 0px !important; text-align: justify !important; line-height: 18px !important; } /*------------------------- BRAND 360 ENDS ---------------------------------------*/ /*------------------------- STOREPRONT DETAILS STARTS ---------------------------------------*/ #section0 .storefront-intro div.heading-text { font-size: 18px !important; line-height: 20px !important; margin: -20px 0 0 0px !important; text-align: left; } #section0 .storefront-intro div.title-text { font-size: 15px !important; text-align: left; font-weight: normal; margin: 5px 0 0 0px; line-height: 18px !important; } #section0 .storefront-intro div.title-text.terms-text { font-size: 11px !important; margin: 20px 0 0 0px !important; line-height: 12px !important; } #section1.storefront-one div.span6.panel-left { width: 100% !important; height: auto !important; padding-top: 0px; padding-bottom: 35px !important; } #section1.storefront-one div.span6.panel-left div.content-text { float: right !important; width: auto !important; padding: 15px !important; margin-bottom: 30px !important; } /* width:80% !important;*/ #section1.storefront-one div.span6.panel-left div.content-text div.title-text { position: relative; font-size: 28px !important; line-height: 30px !important; } #section1.storefront-one div.span6.panel-left div.content-text .secondary-text { font-size: 12px !important; line-height: 20px !important; } #section1.storefront-one div.span6.panel-right { margin: 0px !important; padding: 10px; width: 100% !important; background: none !important; } #section1.storefront-one div.span6.panel-right .panel-right-img { background: url(../images_mcpg/storefront_one_img_mobile.jpg) center top no-repeat !important; /*! background-size: 100% auto !important; */ position: relative !important; width: 95% !important; height: 477px !important; margin-left: 10px !important; } #section1.storefront-one div.span6.panel-right .down_arrow { background: url(../images_mcpg/down_arrow_blue.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: absolute !important; z-index: 100 !important; } #section2.storefront-two div.span6 .down_arrow { background: url(../images_mcpg/down_arrow_red.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: relative !important; z-index: 100 !important; } #section2.storefront-two div.span6 .panel-left-img-mobile { /*! background: url(../images_mcpg/storefront_two_img_mobile.jpg) left top no-repeat !important; */ background-size: 100% auto !important; width: 90% !important; margin-top: 15px !important; float: none !important; margin-left: auto !important; margin-right: auto !important; height: 524px !important; } #section2.storefront-two div.span6.panel-right { width: 100% !important; height: auto !important; padding: 35px 15px 30px 15px; } #section2.storefront-two div.span6.panel-right div.content-text { float: left; width: 100% !important; margin-left: 0px !important; } #section2.storefront-two div.span6.panel-right div.content-text div.title-text { font-size: 28px !important; line-height: 30px !important; } #section2.storefront-two div.span6.panel-right div.content-text .secondary-text { font-size: 12px !important; line-height: 20px !important; } #section3.storefront-three div.span6.panel-left { width: 100% !important; height: auto !important; padding: 35px 15px 30px 15px; } #section3.storefront-three div.span6.panel-left div.content-text { width: 92% !important; float: left !important; margin: 0 0 20px 15px !important; } #section3.storefront-three div.span6.panel-left div.content-text .arrow { display: inline-block !important; height: 60px !important; margin-top: 4px !important; float: left !important; } #section3.storefront-three div.span6.panel-left div.content-text div.title-text { font-size: 28px !important; line-height: 30px !important; } #section3.storefront-three div.span6.panel-left div.content-text .sub-title-text { font-size: 13px !important; line-height: 18px !important; } #section3.storefront-three div.span6.panel-left div.content-text .secondary-text { font-size: 11px !important; line-height: 16px !important; } #section3.storefront-three div.span6.panel-right { width: 100% !important; background: none !important; padding-top: 0px; margin-left: 15px !important; position: relative !important; } #section3.storefront-three div.span6.panel-right .down_arrow { background: url(../images_mcpg/down_arrow_blue.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: relative !important; z-index: 100 !important; } #section3.storefront-three div.span6.panel-right .panel-right-img { background: url(../images_mcpg/storefront_three_img_mobile.jpg) center top no-repeat !important; /*! background-size: 85% auto !important; */ width: 100% !important; height: 512px !important; margin-left: 0px !important; } #section4.storefront-four div.span6.panel-left { width: 100% !important; height: 100% !important; background: none !important; } #section4.storefront-four div.span6 .down_arrow { background: url(../images_mcpg/down_arrow_red.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: relative !important; z-index: 100 !important; } #section4.storefront-four div.span6 .panel-left-img-mobile { background: url(../images_mcpg/storefront_four_img_mobile.jpg) center top no-repeat !important; float: left !important; /*! background-size: 100% auto !important; */ width: 100% !important; margin-top: 25px !important; height: 299px !important; } #section4.storefront-four div.span6.panel-right { width: 100% !important; height: auto !important; margin: 0 0px 0 0px; padding: 35px 15px 30px 15px; } #section4.storefront-four div.span6.panel-right div.content-text { width: 100% !important; line-height: 20px !important; } #section4.storefront-four div.span6.panel-right div.content-text div.title-text { font-size: 27px !important; line-height: 29px !important; margin-bottom: 15px !important; } #section4.storefront-four div.span6.panel-right div.content-text .sub-title-text { font-size: 13px !important; line-height: 18px !important; margin-top: 0px !important; } #section4.storefront-four div.span6.panel-right div.content-text .secondary-text { font-size: 11px !important; line-height: 14px !important; } #section5.storefront-five div.span6.panel-left { width: 100% !important; height: auto !important; padding-bottom: 35px; } #section5.storefront-five div.span6.panel-left div.content-text { width: 92% !important; float: left !important; margin: 0 0 20px 15px !important; } #section5.storefront-five div.span6.panel-left div.content-text .arrow { display: inline-block !important; height: 60px !important; float: left !important; } #section5.storefront-five div.span6.panel-left div.content-text div.title-text { font-size: 28px !important; line-height: 30px !important; } #section5.storefront-five div.span6.panel-left div.content-text .sub-title-text { font-size: 13px !important; line-height: 18px !important; } #section5.storefront-five div.span6.panel-left div.content-text .secondary-text { font-size: 11px !important; line-height: 16px !important; } #section5.storefront-five div.span6.panel-right { width: 100% !important; height: 100% !important; float: left !important; margin-left: 0px !important; padding: 0px; } #section5.storefront-five div.span6.panel-right .down_arrow { background: url(../images_mcpg/down_arrow_blue.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: absolute !important; z-index: 100 !important; } #section5.storefront-five div.span6.panel-right .panel-right-img { background: url(../images_mcpg/storefront_five_img_mobile.jpg) left top no-repeat !important; /*! background-size: 100% auto !important; */ width: 100% !important; margin-top: 0px !important; height: 533px !important; } #section6.storefront-six div.span6.panel-left { width: 100% !important; height: 106% !important; background: none !important; margin: 0px !important; padding: 45px 15px 0 15px; } #section6.storefront-six div.span6 .down_arrow { background: url(../images_mcpg/down_arrow_red.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: relative !important; z-index: 100 !important; } #section6.storefront-six div.span6 .panel-left-img-mobile { float: left !important; width: 100% !important; height: 400px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; margin-top: 30px !important; } #section6.storefront-six div.span6.panel-right { width: 102% !important; height: auto !important; padding: 45px 15px 30px 15px; } #section6.storefront-six div.span6.panel-right div.content-text { width: 100% !important; } #section6.storefront-six div.span6.panel-right div.content-text div.title-text { font-size: 28px !important; line-height: 30px !important; } #section6.storefront-six div.span6.panel-right div.content-text .sub-title-text { font-size: 13px !important; line-height: 16px !important; } #section6.storefront-six div.span6.panel-right div.content-text .secondary-text { font-size: 12px !important; line-height: 16px !important; margin-top: 10px !important; } #section7.storefront-seven div.span6.panel-left { width: 100% !important; height: auto !important; padding: 45px 15px 30px 15px; background: none; } #section7.storefront-seven div.span6.panel-left div.content-text { float: left !important; width: 100% !important; margin-right: 0px !important; } #section7.storefront-seven div.span6.panel-left div.content-text div.title-text { font-size: 28px !important; line-height: 30px !important; } #section7.storefront-seven div.span6.panel-left div.content-text .secondary-text { font-size: 11px !important; line-height: 16px !important; } #section7.storefront-seven div.span6.panel-right { width: 100% !important; height: 100% !important; padding-bottom: 30px !important; background: none !important; margin-left: 0px !important; } #section7.storefront-seven div.span6.panel-right .down_arrow { background: url(../images_mcpg/down_arrow_blue.png) 0 0 no-repeat !important; display: block !important; top: 0px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; width: 31px !important; height: 14px !important; position: absolute !important; z-index: 100 !important; } #section7.storefront-seven div.span6.panel-right .panel-right-img { background: url(../images_mcpg/storefront_seven_img_mobile.jpg) center top no-repeat !important; width: 100% !important; /*! background-size:98% auto !important; */ /*! height:325px !important; */ margin-left: auto !important; margin-right: auto !important; float: none !important; margin: 0 auto !important; position: relative !important; margin-top: 20px !important; } /*------------------------- STOREPRONT DETAILS ENDS ---------------------------------------*/ /*----------- FEATURES PAGE LEARN MORE ENDS HERE -------------*/ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.span12.learn-more span a.primary-button, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.span12.learn-more a.primary-button { line-height:normal !important; } #campaign_index .bx-wrapper .bx-viewport { min-height:auto !important; } #campaign_index div.form-container { margin-top:0 !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item.slide-ccavenue-flashpay div.ccavenue-flashpay .span7 { width:100% !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { top:31px !important; min-width:auto !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item.slide2 span div.span12.carausel-img img { width:100%; }*/ /*#campaign_index div.header-panel .span12.login span.text-with-ico.callus, #campaign_index div.header-panel .span12.login span.text-with-ico.emailus, #campaign_index div.header-panel .span12.login span.text-with-ico.visitus, { display:block !important; width:100%; margin:5px 0; text-align:center; }*/ } @media (min-width:361px) and (max-width:640px) { div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 80%; top: 20px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding: 0px; top: -33% !important; width: 85% !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0px; top: -33% !important; width: 85% !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img img { margin-left: 0px; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { width: 70%; padding: 0px; top: -3px; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img img{ margin-left:-15px;} div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate {background-position:center 8px !important; background-size:117% auto !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img{ top:97px !important;} div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table{ width:100%; text-align:center;} div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table td a:link, div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table td a:hover, div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table td a:visited{line-height:2px !important;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 17px !important; width: 72% !important; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 20px !important; width: 79% !important; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: -5px !important; width: 82% !important; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments .slide-content .cl-white img { width: 90%; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments .slide-content .cl-white .learn-more-btn { width: 18%; font-size: 9px; padding: 3px 3px; bottom: 8px; left: 8%; right: auto; } /*----------- FEATURES PAGE STARTS HERE -------------*/ .features-icon .owl-wrapper-outer { margin-left: 35px !important; /*edited here*/ } div.features-tabs .icons { display: block; min-width: auto; } /* div.features-tabs .span12.icons .span10 { max-width:642px !important; /*border:solid 1px #000; padding-left:15px; padding-right:15px; }*/ a.features-icons:link { width: 110px; } .features-icons #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -30px !important; } /*-- Features Sections --*/ .feature-tabs-shrink { top: 66px; transition: all 300ms linear 0s; } div.features div.block { padding: 45px 0; } div.features div.block .title-text { font-size: 26px; line-height: 22px; letter-spacing: -1px; } div.features div.block .highlight-text { display: block; padding: 14px 0; font-size: 15px; text-align: center; } div.features div.block .default-text { display: block; /* padding-top: 150px; */} div.features div.block .default-text li { margin-left: 15px; font-size: 11px; line-height: 22px; } div.features div.block .default-text li span { font-size: 12px; } div.features div.block .default-text .highlight-text { display: inline; padding: 0; font-size: 12px; } div.feature-max-payment-options { background-position: center 90px; background-size: 440px; height: 520px; } div.features div.feature-max-payment-options .default-text { display: block; padding-top: 200px !important; } div.feature-multi-currency-option { background-position: center 90px; background-size: 450px; padding-left: 0; height: 720px; } div.features div.feature-multi-currency-option .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } div.features div.feature-multi-currency-option .default-text { display: block; padding-top: 0 !important; } div.feature-multilingual-option { background-position: center 90px; background-size: 440px; height: 520px; } div.features div.feature-multilingual-option .default-text { display: block; padding-top: 200px; } div.feature-easy-customization { background-position: center 95px; background-size: 450px; height: 670px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-easy-customization .highlight-text { display: block; padding: 430px 0 10px 0 !important; text-align: left; } div.features div.feature-easy-customization .default-text { display: block; padding-top: 0 !important; } div.feature-smart-dynamic-routing { background-position: center 80px; background-size: 380px; height: 720px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-smart-dynamic-routing .highlight-text { display: block; padding: 360px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-dynamic-routing .default-text { display: block; padding-top: 0 !important; } div.feature-retry-option { background-image: url('../images_mcpg/responsive-feature-retry-option-mobile.png'); background-position: center 60px; background-size: 450px; height: 580px; padding-top: 40px !important; /*padding-right:520px !important;*/ } div.features div.feature-retry-option .highlight-text { display: block; padding: 230px 0 10px 0 !important; text-align: left; } div.features div.feature-retry-option .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-one-click-checkout { background-position: center 80px; background-size: 400px; height: 610px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-one-click-checkout .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-one-click-checkout .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-store-front { background-position: center 80px; background-size: 450px; height: 800px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-ccavenue-store-front .highlight-text { display: block; padding: 400px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-store-front .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-shopping-cart { background-position: center 80px; background-size: 430px; height: 680px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-shopping-cart .highlight-text { display: block; padding: 350px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-shopping-cart .default-text { display: block; padding-top: 0 !important; } div.feature-shopping-cart-plugins { background-position: center 80px; background-size: 430px; height: 720px; padding-top: 50px !important; padding-right: 0 !important; } div.features div.feature-shopping-cart-plugins .default-text { display: block; padding-top: 270px !important; } /*padding-top:250px !important;*/ div.feature-iframe-integration { background-image: url('../images_mcpg/responsive-feature-iframe-integration-mobile.png') !important; background-position: center 80px; background-size: 350px; height: 630px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-iframe-integration .highlight-text { display: block; padding: 390px 0 10px 0 !important; text-align: left; } div.features div.feature-iframe-integration .default-text { display: block; padding-top: 0 !important; } div.feature-mobile-checkout-page { background-position: center 80px; background-size: 430px; height: 560px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-mobile-checkout-page .highlight-text { display: block; padding: 290px 0 10px 0 !important; text-align: left; } div.features div.feature-mobile-checkout-page .default-text { display: block; padding-top: 0 !important; } /* CCAvenue Vault Starts */ div.ccavenue-card-storage-vault { background-position: center 110px; background-size: 450px !important; padding-top: 40px !important; padding-right: 0 !important; height: 580px !important; padding-top: 60px !important; padding-left: 0 !important; position: relative; } div.ccavenue-card-storage-vault .highlight-text { display: block; padding: 217px 0 10px 0 !important; text-align: left !important; } div.ccavenue-card-storage-vault .default-text { display: block; padding-top: 0 !important; } /* CCAvenue Vault Ends */ div.feature-marketing-tools { background-position: center 80px; background-size: 320px; height: 580px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-marketing-tools .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-marketing-tools .default-text { display: block; padding-top: 0 !important; } div.feature-brand-360-degree { background-position: center 80px; background-size: 430px; height: 570px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-brand-360-degree .highlight-text { display: block; padding: 260px 0 10px 0 !important; text-align: left; } div.features div.feature-brand-360-degree .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-snip { background-position: center 80px; background-size: 430px; height: 650px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } div.features div.feature-ccavenue-snip .highlight-text { display: block; padding: 0 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-snip .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-snip span.title-text span { display: block; padding: 300px 0 0 0; font-size: 18px; text-align: left; } div.feature-invoice-payment-system { background-position: center 80px; background-size: 400px; height: auto; padding-top: 40px !important; padding-left: 0 !important; position: relative; } /*height:670px;*/ div.feature-invoice-payment-system span.ips-mobile { top: 80px; left: 300px; background-size: 140px; } div.feature-invoice-payment-system span.default-text table.list-ips-features td { font-size: 11px; padding: 0 12px 8px 12px; } div.features div.feature-invoice-payment-system .highlight-text { display: block; padding: 400px 0 10px 0 !important; text-align: left; } div.features div.feature-invoice-payment-system .default-text { display: block; padding-top: 0 !important; } div.features div.feature-invoice-payment-system table td.highlight-text { padding: 0 0 0 15px !important; } div.feature-ccavenue-phonepay { background-position: center 90px; background-size: 391px; height: 630px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } div.features div.feature-ccavenue-phonepay .highlight-text { display: block; padding: 270px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-phonepay .default-text { display: block; padding-top: 0 !important; } div.feature-smart-analytics { background-position: center 90px; background-size: 520px; height: 650px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; position: relative; background-repeat: no-repeat; } div.feature-smart-analytics span.smart-analytics-screen { position: absolute; left: 95px; top: 90px !important; display: inline-block; width: 320px; height: 361px; background-size: 320px; } div.features div.feature-smart-analytics .highlight-text { display: block; padding: 370px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-analytics .default-text { display: block; padding-top: 0 !important; } div.feature-smart-analytics span.list-smart-analytics { position: absolute; left: 0; top: 328px !important; margin: 0; } div.feature-smart-analytics span.list-smart-analytics table.list-sa-features { width: auto; background-color: #f2f7fa; } div.feature-smart-analytics span.list-smart-analytics td { padding-bottom: 10px; } div.feature-smart-analytics span.list-smart-analytics td .span12.visible-phone { display: block !important; text-align: center; margin-top: 5px; } div.feature-live-monitoring-pro { background-position: center 90px; background-size: 420px; height: 520px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-live-monitoring-pro .highlight-text { display: block; padding: 230px 0 10px 0 !important; text-align: left; } div.features div.feature-live-monitoring-pro .default-text { display: block; padding-top: 0 !important; } div.feature-dynamic-event-notification { background-position: center 70px; background-size: 390px; height: 500px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-dynamic-event-notification .highlight-text { display: block; padding: 230px 0 10px 0 !important; text-align: left; } div.features div.feature-dynamic-event-notification .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-frisk { background-position: center 80px; background-size: 390px; height: 740px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-frisk .highlight-text { display: block; padding: 290px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-frisk .default-text { display: block; padding-top: 0 !important; } div.feature-fastest-activation { background-position: center 90px; background-size: 300px; height: 470px; padding-left: 0; padding-right: 0 !important; } div.features div.feature-fastest-activation .highlight-text { display: block; padding: 190px 0 10px 0 !important; text-align: left; } div.features div.feature-fastest-activation .default-text { display: block; padding-top: 0 !important; } div.feature-super-support { background-position: center 80px; background-size: 258px; height: 550px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-super-support .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-super-support .default-text { display: block; padding-top: 0 !important; } /*----------- FEATURES PAGE ENDS HERE -------------*/ /*-- Customer360 Sections --*/ div.customer360_panel .overview-mobile-app { background-size: 50% auto !important; background-position: center top 59px !important; } div.customer360_panel .overview-mobile-app .highlight-text { padding: 14px 0 254px 0 !important; } div.customer360_panel .overview-complete-social-integration { background-size: 56% auto !important; background-position: center top 60px !important; } div.customer360_panel .overview-complete-social-integration .highlight-text { padding: 14px 0 254px 0 !important; } div.customer360_panel .overview-multi-channel { background-size: 97% auto !important; background-position: center top 58px !important; } div.customer360_panel .overview-multi-channel .highlight-text { padding: 14px 0 203px 0 !important; } div.customer360_panel .overview-universal-inbox { background-size: 64% auto !important; background-position: center top 54px !important; } div.customer360_panel .overview-universal-inbox .highlight-text { padding: 14px 0 253px 0 !important; } div.customer360_panel .helpdesk-multi-channel-support { background-size: 95% auto !important; background-position: center top 58px !important; } div.customer360_panel .helpdesk-multi-channel-support .highlight-text { padding: 14px 0 198px 0 !important; } div.customer360_panel .helpdesk-easy-ticket-management { background-size: 81% auto !important; background-position: center top 59px !important; } div.customer360_panel .helpdesk-easy-ticket-management .highlight-text { padding: 14px 0 251px 0 !important; } div.customer360_panel .helpdesk-enforce-sla { background-size: 82% auto !important; background-position: center top 59px !important; } div.customer360_panel .helpdesk-enforce-sla .highlight-text { padding: 14px 0 254px 0 !important; } div.customer360_panel .helpdesk-intelligent-ticket-routing { background-size: 81% auto !important; background-position: center top 60px !important; } div.customer360_panel .helpdesk-intelligent-ticket-routing .highlight-text { padding: 14px 0 254px 0 !important; } div.customer360_panel .helpdesk-automatic-agent-backups { background-size: 82% auto !important; background-position: center top 59px !important; } div.customer360_panel .helpdesk-automatic-agent-backups .highlight-text { padding: 14px 0 254px 0 !important; } div.customer360_panel .helpdesk-ticket-forwarding { background-size: 83% auto !important; background-position: center top 59px !important; } div.customer360_panel .helpdesk-ticket-forwarding .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .helpdesk-custom-forms { background-size: 83% auto !important; background-position: center top 58px !important; } div.customer360_panel .helpdesk-custom-forms .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .helpdesk-views { background-size: 83% auto !important; background-position: center top 59px !important; } div.customer360_panel .helpdesk-views .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .helpdesk-internal-notes { background-size: 83% auto !important; background-position: center top 56px !important; } div.customer360_panel .helpdesk-internal-notes .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .helpdesk-quick-ations { background-size: 84% auto !important; background-position: center top 58px !important; } div.customer360_panel .helpdesk-quick-ations .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .helpdesk-canned-messages { background-size: 88% auto !important; background-position: center top 45px !important; } div.customer360_panel .helpdesk-canned-messages .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel #livechat-block { display: inline-block !important; } div.customer360_panel #livechat-block .livechat-header { margin-top: 20px !important; margin-bottom: 0px !important; padding: 0px !important; } div.customer360_panel .livechat.block.sub-panel { margin: 0px !important; padding: 0px !important; position: relative; } div.customer360_panel .livechat .sub-block { margin: 15px 0; height: auto; width: auto; text-align: center; margin-left: 10% !important; margin-right: 10% !important; } div.customer360_panel .livechat .sub-block .sub-block-thumbnail { width: 40%; height: auto; } div.customer360_panel .livechat .sub-block .sub-block-thumbnail img { position: relative; margin: 0 auto; } div.customer360_panel .livechat .sub-block .highlight-text { font-size: 15px; padding: 5px 0; } div.customer360_panel .integration-interactive-widgets { background-size: 85% auto !important; background-position: center top 56px !important; } div.customer360_panel .integration-interactive-widgets .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .integration-inapp-customer-support { background-size: 58% auto !important; background-position: center top 59px !important; } div.customer360_panel .integration-inapp-customer-support .highlight-text { padding: 14px 0 288px 0 !important; } div.customer360_panel .integration-consistent-brand-image { background-size: 86% auto !important; background-position: center top 58px !important; } div.customer360_panel .integration-consistent-brand-image .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .integration-multi-domain-support { background-size: 85% auto !important; background-position: center top 59px !important; } div.customer360_panel .integration-multi-domain-support .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .integration-magento-integration { background-size: 83% auto !important; background-position: center top 58px !important; } div.customer360_panel .integration-magento-integration .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .integration-integrate-wordpress { background-size: 86% auto !important; background-position: center top 48px !important; } div.customer360_panel .integration-integrate-wordpress .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .reporting-dashboard { background-size: 85% auto !important; background-position: center top 58px !important; } div.customer360_panel .reporting-dashboard .highlight-text { padding: 14px 0 256px 0 !important; } div.customer360_panel .reporting-chat-performance-dashboard { background-size: 85% auto !important; background-position: center top 55px !important; } div.customer360_panel .reporting-chat-performance-dashboard .highlight-text { padding: 14px 0 258px 0 !important; } div.customer360_panel .reporting-customer-satisfaction-forms { background-size: 85% auto !important; background-position: center top 56px !important; } div.customer360_panel .reporting-customer-satisfaction-forms .highlight-text { padding: 14px 0 258px 0 !important; } div.customer360_panel .reporting-weekly-performance-reports { background-size: 85% auto !important; background-position: center top 58px !important; } div.customer360_panel .reporting-weekly-performance-reports .highlight-text { padding: 14px 0 260px 0 !important; } div.customer360_panel .reporting-chat-monitoring { background-size: 89% auto !important; background-position: center top 60px !important; } div.customer360_panel .reporting-chat-monitoring .highlight-text { padding: 14px 0 260px 0 !important; } /*----------- CUSTOMER 360 ENDS HERE -------------*/ #buyers_signup_popup { width: 90%; margin: 30% 5% 0 5%; } #buyers_signup_popup .span12 .form-wrapper { padding: 0 10px 15px 10px; width: 100%; } #buyers_signup_popup .span12 .form-wrapper .login-signup { padding: 0; top: 0; width: 100% !important; } #buyers_signup_popup .span12 .form-wrapper .verification { padding: 0 10px 15px 10px; top: 28px; left: 100%; width: 100% !important; } #buyers_signup_popup .span12 .form-wrapper .verification .heading-text { padding: 5px 0; } #buyers_signup_popup .span12 .form-wrapper .verification .content-box .primary-text { font-size: 12px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .primary-button { font-size: 14px; padding: 5px 20px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .header-button { padding: 5px 10px; font-size: 14px; } .buyers_mail { max-width: 100%; margin: 5% !important; } .buyers_mail .buyers_mail_wrapper .container { padding: 0 20px; } .buyers_mail .buyers_mail_wrapper .container .content-text { font-size: 16px !important; text-align: center; margin-top: 15px !important; } .buyers_mail .buyers_mail_wrapper .container .main-image { background-size: 100% auto !important; width: 100% !important; margin-top: 0px; background-position: center center !important; } .buyers_mail .buyers_mail_wrapper .container .title-text { font-size: 16px !important; line-height: 20px !important; } .buyers_mail .buyers_mail_wrapper .container .secondary-text { font-size: 13px !important; line-height: 18px !important; margin-bottom: 35px; margin-top: 10px; } .buyers_mail .buyers_mail_wrapper .container .secondary-link { font-size: 13px !important; } } @media (min-width:1024px) { /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.span6.carousel-img img { margin-top:70px;}*/ .management-team .fancybox-close { right: 8px; top: 276px; (-bracket-: hack; right: 8px; top: 275px; ); } .board-of-directors .fancybox-close { right: 0; top: 220px; } } @media (min-width:1200px) { .row-fluid { /*width:100%;*/*zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block;/*width:100%;min-height:30px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"]+[class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } } @media (min-width:980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } /* SUB NAVIGATION MENU CAROUSEL STARTS */ #blue-tab-menu .owl-item { width: auto !important; } div.submenupanel div.submenu-inner { padding: 0 !important } /* SUB NAVIGATION MENU CAROUSEL END */ div.feature-ccavenue-frisk { background-image: url('../images_mcpg/responsive-feature-ccavenue-frisk.png'); background-position:right center; } div.feature-ccavenue-frisk span.frisk, div.feature-ccavenue-frisk span.frisk-bar1, div.feature-ccavenue-frisk span.frisk-bar2, div.feature-ccavenue-frisk span.frisk-bar3, div.feature-ccavenue-frisk span.frisk-bar4 { display:none; } } @media (min-width:320px) and (max-width:767px) { .promotion-offer .middle-container .new-pricing-section { display: block; overflow-x: scroll; } .promotion-offer .middle-container .new-pricing-section .new-pricing-table { width: 950px; } } @media (min-width:768px) and (max-width:980px) { .promotion-offer .middle-container .new-pricing-section { display: block; overflow-x: scroll; } } @media (min-width:768px) and (max-width:979px), (max-width:480px), (width:480px), (max-width:640px), (min-width:413px) and (max-width:415px), (min-width:641px) and (max-width:767px) { /*div.feature-max-payment-options { background-image:url('../images_mcpg/responsive-feature-max-payment-options.gif'); }*/ div.feature-max-payment-options { background-image: url('../images_mcpg/feature-max-payment-options.gif'); } div.feature-multi-currency-option { background-image: url('../images_mcpg/responsive-feature-multi-currency-processing-new.png'); } div.feature-fastest-activation { background-image: url('../images_mcpg/features-fastest-activation-easy-integration.png'); } div.feature-easy-customization { background-image: url('../images_mcpg/responsive-feature-easy-customization.png'); } div.feature-smart-dynamic-routing { background-image: url('../images_mcpg/responsive-feature-smart-dynamic-routing.png'); } div.feature-ccavenue-one-click-checkout { background-image: url('../images_mcpg/responsive-feature-ccavenue-one-click-checkout.png'); } div.feature-ccavenue-store-front { background-image: url('../images_mcpg/responsive-feature-ccavenue-store-front.png'); } div.feature-iframe-integration { background-image: url('../images_mcpg/responsive-feature-iframe-integration.png'); } div.feature-mobile-checkout-page { background-image: url('../images_mcpg/responsive-feature-mobile-checkout-page.png'); } div.ccavenue-card-storage-vault { background-image: url('../images_mcpg/feature-ccavenue-card-storage-vault.png'); } div.feature-ccavenue-shopping-cart { background-image: url('../images_mcpg/responsive-feature-ccavenue-shopping-cart.png'); } div.feature-shopping-cart-plugins { background-image: url('../images_mcpg/responsive-feature-shopping-cart-plugins.png'); } div.feature-marketing-tools { background-image: url('../images_mcpg/responsive-feature-marketing-tools.png'); } div.feature-ccavenue-snip { background-image: url('../images_mcpg/responsive-feature-ccavenue-snip.png'); } div.feature-invoice-payment-system { background-image: url('../images_mcpg/responsive-feature-invoice-payment-system.png'); } div.feature-invoice-payment-system span.ips-mobile { background-image: url('../images_mcpg/responsive-feature-invoice-payments-system-mobile.png'); } div.feature-ccavenue-phonepay { background-image: url('../images_mcpg/responsive-feature-ccavenue-phonepay.png'); } div.feature-smart-analytics { background-image: url('../images_mcpg/responsive-feature-smart-analytics-graph.png'); } div.feature-smart-analytics span.smart-analytics-screen { background-image: url('../images_mcpg/responsive-feature-smart-analytics.png'); opacity: 1 !important; top: 85px !important; } div.feature-retry-option { background-image: url('../images_mcpg/responsive-feature-retry-option.png'); } div.feature-live-monitoring-pro { background-image: url('../images_mcpg/responsive-feature-live-monitoring-pro.png'); } div.feature-dynamic-event-notification { background-image: url('../images_mcpg/responsive-feature-dynamic-event-notification.png'); } div.feature-ccavenue-frisk { background-image: url('../images_mcpg/responsive-feature-ccavenue-frisk.png'); } div.feature-super-support { background-image: url('../images_mcpg/responsive-feature-super-support.png'); } .currency-process, .circle1, .circle2, .circle3, .ips-circle1, .ips-mobile, .smart-analytics-screen, .ips-circle2, .retry-option-arrow, .retry-button, .retry-circle-arrow, .checkout-btn-zoom, .shopping-cart-zoom, .cart-plugins-zoom, .integration-zoom, .promotions, .discounts, .snip-phone, .snip-icons, .frisk, .frisk-bar1, .frisk-bar2, .frisk-bar3, .frisk-bar4, .dynamic-event-text { display: none !important; } div.pricing { padding-left: 15px; padding-right: 15px; } /*div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span { border:solid 1px red; }*/ /*#campaign_index .bx-wrapper .bx-controls-direction { left:0 !important; }*/ /*#campaign_index div.carousel-bg .carousel .bx-wrapper .bx-controls-direction { width:100% !important; /*2- width:68% !important;*/ /*1 -width:95% !important; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item{ height:250px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item{ height:250px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item span.ccavenue-upi div.carausel-img table.upi-table { width:80%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img{ top:10px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img .upi-table img { width:100%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.title-text.zero-cost { font-size:20px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img { width:42%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item span { margin:0 !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item span div.span12.carausel-img img { width:80%; }*/ div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.zerosetupfee { width: 31%; float: left; } div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.onehractivation { width: 45%; float: right; } div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span a.primary-button { padding: 0 8px; font-size: 11px; line-height: 25px; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child{ display:inline-block; float:left; width:58%; height:auto; margin-top:8px; margin-left:0px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item span div.span12.carausel-img img { margin:0 !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item.slide4 span div.span12.carausel-img img { width:60%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { margin-top:-9px; margin-right:100px; width:28%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { top:0; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.span12.learn-more span a.primary-button { padding:0 10px; font-size:11px; line-height:25px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.item.slide-ccavenue-flashpay div.ccavenue-flashpay .span7 { width:80%; }*/ div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img img { margin-top: 0; margin-left: -9px; } } /*@media (min-width:979px){ */ /*}*/ /*Bhargav 31-Dec service landing page*/ @media (min-width:481px) and (max-width:979px) { .row-fluid .service_grid { padding: 0 15px; } } /*bhargav 02 Jan buyers page*/ @media (max-width:768px) { .hidden-phone { /*! display:none !important; */ } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } #rechargebillpayment_img { background-size: 99%; background-position: top center; } #ccavenueCheckout_img, #quickcheckout_img, #secure100_img, #trackpayments_img, #disputeresolution_img, #supersupport_img, #specialoffers_img { background-size: 91% auto; } #ccavenueCheckout_img { min-height: 212px; } #quickcheckout_img { min-height: 196px; } #secure100_img { min-height: 149px; } #trackpayments_img { min-height: 212px; } #disputeresolution_img { min-height: 245px; } #supersupport_img { min-height: 240px; background-size: 71% auto; } #specialoffers_img { min-height: 195px; } .buyers_main .buyers_row .text_holder_vrCenter { padding-top: 0px; } .buyers_main .buyers_signup { margin-top: 30px !important; } .buyers_main .buyers_row .img_holder .title-text, .buyers_main .buyers_row .text_holder .title-text { font-size: 24px; } /*Bhargav 09-Jan PhonePay page Start*/ .features .phonepay-main { padding: 0 15px; margin-bottom: 40px; } .features .phonepay-main .cutomer_cell { background-size: 100% auto; background-position: center; } /*Bhargav 09-Jan PhonePay page End*/ /*Bhargav 09-Jan invoicepay page Start*/ .invoicepay_wrap .invoicepay_main { display: inline-block !important; padding: 0 15px; } .invoicepay_wrap .invoicepay_main .head_img img { width: 96%; } .invoicepay_wrap .invoicepay_main .cube_box { min-height: 350px; } .invoicepay_wrap .invoicepay_main .block { padding: 65px 0; } .invoicepay_wrap .invoicepay_main .titles .page-title { font-size: 35px !important; margin-top: -20px !important; } .invoicepay_wrap .invoicepay_main .titles .sub-title-text { font-size: 23px !important; line-height: 19px !important; } .invoicepay_wrap #cube_wrap { padding: 0 0 0 15px; } /*Bhargav 09-Jan invoicepay page End*/ .innapp_wrap .innapp_main { display: inline-block !important; padding: 0 15px; } .innapp_wrap .innapp_main .head_img img { width: 96%; } .innapp_wrap .innapp_main .cube_box { min-height: 350px; } .innapp_wrap .innapp_main .block { padding: 65px 0; } .innapp_wrap .innapp_main .titles { margin-bottom: 30px; } .innapp_wrap .innapp_main .titles .page-title { font-size: 35px !important; margin-top: -20px !important; } .innapp_wrap .innapp_main .titles .sub-title-text { font-size: 20px !important; line-height: 26px !important; } .innapp_wrap #cube_wrap { padding: 0px !important; } .innapp_wrap .innapp_main .cube_box .img_cude { display: block; text-align: center; margin-bottom: 20px; } .innapp_wrap .innapp_main .cube_box .text_cude { padding: 0px; } .innapp_wrap .innapp_main .cube_box .text_cude .span12.border { padding-left: 10px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 { padding-left: 0px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .span12.sub-text { font-size: 15px !important; line-height: 20px; margin-bottom: 30px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .highlight-text { line-height: 18px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .content-text { font-size: 13px !important; margin-bottom: 25px !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .span4 { display: inline-block; text-align: center; width: 25% !important; margin-left: 9% !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 .span4:nth-child(2) { width: 11% !important; } .innapp_wrap .innapp_main .cube_box .text_cude .span12 a.secondary-link { font-size: 13px !important; } .upi_wrap .upi_main { display: inline-block !important; padding: 0 15px; } .upi_wrap .upi_main .sub_content { font-family: Arial, Helvetica, sans-serif; line-height: 24px; font-size: 15px; margin-bottom: 40px; padding-bottom: 40px; } .upi_wrap .upi_main .sub_content.border { border-width: 0 0 1px 0; } .upi_wrap .upi_main .span12 { margin-left: 0 !important; } .upi_wrap .upi_main .titles, .upi_wrap .upi_main .sub-titles { margin-bottom: 30px; } .upi_wrap .upi_main .titles .sub-title-text { color: #171717; font-size: 20px !important; line-height: 30px !important; } .upi_wrap .upi_main .titles .page-title { font-size: 28px !important; line-height: 60px !important; } .upi_wrap .upi_main .sub-titles .page-title { font-size: 28px !important; } .upi_wrap .upi_main .upi_content .content_wrap { position: relative; display: inline-block; } .upi_wrap .upi_main .upi_content .content_wrap .content_block { padding: 28px 0; } .upi_wrap .upi_main .upi_content .content_wrap .content_block.border.last { border-width: 0 0 1px 0 !important; } .upi_wrap .upi_main .upi_content .content_wrap .content_block .highlight-text { font-size: 16px; line-height: 20px; } .upi_wrap .upi_main .upi_content .content_wrap .content_block .secondary-text { font-size: 13px; line-height: 18px; } .upi_wrap .upi_main .upi_content .content_wrap:first-child { margin-right: 2.5641%; } .upi_wrap .upi_main .upi_content .image_wrap { margin-left: 0px; } div.customer360_panel #pricing-block div.block.action-panel .default-text { padding: 0 40px; } div.customer360_panel div.block.main-panel .tab-group { max-width: 640px; } div.customer360_panel div.block.main-panel .tab-group div.content .price span.amount { font-size: 30px; } #buyers_signup_popup { margin: 5% 5% 0 5% !important; } #buyers_signup_popup .span12 .form-wrapper { padding: 17px !important; padding-top: 0px !important; width: 99.5% !important; margin-left: 3px; } #buyers_signup_popup .span12 .form-wrapper .span12 .login-signup { padding: 0 !important; top: 0; margin: 0 !important; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification { padding: 30px 0px 15px 0px; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification .heading-text { padding: 5px 0; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .input-theme .verify { margin: -34px 2px 0 0; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .input-theme .verify .primary-link { font-size: 11px !important; } #buyers_signup_popup .span12 .form-wrapper .span12 .verification .content-box .primary-text { font-size: 14px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .primary-button { font-size: 14px; padding: 5px 20px; } #buyers_signup_popup .span12 .form-wrapper .span12 .content-box .header-button { padding: 5px 10px; font-size: 14px; } #buyers_signup_popup_thankyou { width: 95%; height: auto; } #buyers_signup_popup_thankyou .thankyou_screen .heading-text { font-size: 22px; } #buyers_signup_popup_thankyou .thankyou_screen .primary-text { font-size: 14px; line-height: 18px; } #buyers_signup_popup_thankyou .thankyou_screen .secondary-text { font-size: 12px; line-height: 16px; margin: 10px 0; } #buyers_signup_popup_thankyou .thankyou_screen .primary-button { font-size: 14px; padding: 5px 20px; } .buyers_mail { max-width: 100%; margin: 2% !important; } .buyers_mail .buyers_mail_wrapper .container { padding: 0 20px; } .buyers_mail .buyers_mail_wrapper .container .content-text { font-size: 16px !important; text-align: center; margin-top: 15px !important; } .buyers_mail .buyers_mail_wrapper .container .main-image { background-size: 50% auto; width: 100%; margin-top: 0px; background-position: center center !important; } .buyers_mail .buyers_mail_wrapper .container .title-text { font-size: 16px !important; line-height: 20px !important; } .buyers_mail .buyers_mail_wrapper .container .secondary-text { font-size: 13px !important; line-height: 18px !important; margin-bottom: 35px; margin-top: 10px; } .buyers_mail .buyers_mail_wrapper .container .secondary-link { font-size: 12px !important; } } @media (min-width:1280px) { .fancybox-close { right: 0px !important; } } @media (min-width:361px) and (max-width:640px) { #features_tools div.features-tools-int div.span12 div.span2.divider-light { float: left !important; width: 50% !important; } #features_tools div.features-tools-int div.span12 div.span2 img { width: 25% !important; } #features_tools div.features-tools-int div.span12.tools { padding: 0 10px; } .clients div.clients-list div.span12.clients-logo { text-align: center; } .clients div.clients-list div.span12.clients-logo a.primary-link { display: inline-block; width: 48% !important; max-width: 210px; } .clients div.clients-list div.span12.clients-logo a.primary-link div.span3 { width: 100% !important; max-width: 100%; } #buyers_signup_popup { width: 90%; margin: 30% 5% 0 5%; } } @media (min-width:361px) and (width:640px), handheld and (orientation:landscape) { .bx-wrapper .bx-controls-direction { /*width:68% !important;*/ top: 45% !important; } div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { width: 50% !important; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 60% !important; top: 0px !important; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img {padding: 0;top: 7% !important;width: 50% !important;}*/ div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { display: inline-block; float: left; height: auto; margin-left: -7px; margin-top: -29px; width: 59%; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { display: inline-block; float: right; height: auto; margin-right: 15px !important; margin-top: -61px !important; width: 37% } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0; top: 0 !important; width: 40% !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { padding: 0; top: 10px !important; width: 45%; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table td img {width: 36%;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 17px !important; width: 52% !important; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 20px !important; width: 55% !important; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: 10px !important; width: 55% !important; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments .slide-content .cl-white .learn-more-btn { width: 18%; font-size: 9px; padding: 3px 3px; bottom: 8px; left: 22%; } div.features div.block .default-text li { line-height: 16px; margin-bottom: 0px; } div.features div.feature-multilingual-option .highlight-text { padding: 300px 0 10px !important; } div.features div.feature-multilingual-option .default-text { padding-top: 20px !important; width: 100%; display: inline-block; } div.feature-multilingual-option, div.feature-max-payment-options, div.feature-smart-dynamic-routing, div.feature-retry-option, div.feature-ccavenue-one-click-checkout, div.feature-ccavenue-store-front, div.feature-shopping-cart-plugins, div.feature-iframe-integration, div.feature-mobile-checkout-page, div.feature-marketing-tools, div.feature-brand-360-degree, div.feature-ccavenue-snip, div.feature-ccavenue-phonepay, div.feature-smart-analytics, div.feature-live-monitoring-pro, div.feature-dynamic-event-notification, div.feature-ccavenue-frisk, div.feature-fastest-activation, div.feature-super-support { height: auto; } div.features div.block .default-text { padding-top: 10px; } #section3 .reputation-monitoring div.span6.panel-right, #section4 .fb-mgmt div.span6.panel-right, #section5 .twitter-mgmt div.span6.panel-left { text-align: center; } #section3 .reputation-monitoring div.span6.panel-right div.content-text, #section4 .fb-mgmt div.span6.panel-right div.content-text, #section5 .twitter-mgmt div.span6.panel-left div.content-text { max-width: 360px !important; display: inline-block !important; float: none; } #section7.social-analytics-bg { padding-top: 0 !important; } .associates .resp-tab-content { text-align: center; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link { min-height: 213px !important; } #ccavenueCheckout_img, #quickcheckout_img, #secure100_img, #trackpayments_img, #disputeresolution_img, #supersupport_img, #specialoffers_img { background-size: 60% auto !important; } div.registration-form .thankyou-msg { position: relative; left: 0 !important; right: 0 !important; margin: 0 0 40px 0; } .buyers_mail .buyers_mail_wrapper .container .main-image { background-size: 60% auto !important; } } @media (min-width:361px) and (max-width:480px), handheld and (orientation:landscape) { div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 100% !important; top: 25px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding: 0; top: 7% !important; width: 64% !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0; /* top: -67% !important; */ top:0!important; width: 65% !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { padding: 0; top: 10px; width: 75%; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table td img {width: 49%;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 17px !important; width: 69% !important; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 20px !important; width: 73% !important; } .newsletter div.middle-container .newsletter-list div.span3 div.news-block a:link { min-height: 213px !important; } #buyers_signup_popup { width: 90%; margin: 15% 5% 0 5%; } .buyers_mail .buyers_mail_wrapper .container .main-image { background-size: 75% auto !important; } .buyers_mail .buyers_mail_wrapper .container .title-text { font-size: 16px !important; } .buyers_mail .buyers_mail_wrapper .container .secondary-text { font-size: 12px !important; } .buyers_mail .buyers_mail_wrapper .container .secondary-link { font-size: 12px !important; } /* #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { padding:0px; top:50px !important; width:70% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { padding:0px; top:-34px !important; width:70% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.learn-more{ top:5px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding:0px; top:-60px !important; width:80% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ width:69% ; padding:0px; top:3px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ width:93%; padding:0px; top:24px ;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img{ top:7px !important; width:95%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img{top:25px !important; width:80% !important;}*/ } @media (min-width:320px) and (width:480px), handheld and (orientation:landscape) { div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { width: 70% !important; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 60% !important; top: 0px !important; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img {padding: 0;top: 7% !important;width: 50% !important;}*/ div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { display: inline-block; float: left; height: auto; margin-left: -7px; margin-top: -29px; width: 59% !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { display: inline-block; float: right; height: auto; margin-right: 15px !important; margin-top: -36px !important; width: 37% !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0; top: 0 !important; width: 50% !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { padding: 0; top: 10px !important; width: 60% !important; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.best-success-rate div.carausel-img table td img {width: 36%;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 17px !important; width: 52% !important; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 20px !important; width: 55% !important; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: 10px !important; width: 55% !important; } } @media (min-width:320px) and (max-width:480px) { div.carousel-bg .carousel ul.bxslider li.slide-subscriptions div.subscriptions div.slide-content span.slide-image img { max-width: 85%; } .alliances div.middle-container { padding: 0 15px !important } .alliances .border-nav a { font-size: 11px !important; padding: 7px 5px !important } body.godaddy .header-panel { height: 115px; } body.godaddy .header-panel .masthead { top: 20px !important; } body.godaddy .header-panel .masthead span.span2 { min-width: 100px; max-width: 100px; display: inline-block; } body.godaddy .header-panel .masthead .span2.godaddy-logo { padding-right: 10px; } body.godaddy .header-panel .masthead .ccavenue-logo { margin-left: 8px !important; } body.godaddy .header-panel .masthead .godaddy-link { float: none; text-align: left; display: block !important; padding-top: 15px; } body.godaddy .footer-panel .footer-links { text-align: center; line-height: 16px; padding-top: 15px; font-size: 11px; } body.godaddy .footer-panel .footer-links a.secondary-link { font-size: 11px; } div.carousel-bg .carousel ul.bxslider li.item { float: left !important; } div.carousel-bg .carousel ul.bxslider li.item div.title-text, div.carousel-bg .carousel ul.bxslider li.item div.title-text span { font-size: 20px; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { padding:0px; top:-34px !important; width:70% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { padding:0px; top:-34px !important; width:70% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding:0px; top:-60px !important; width:80% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ width:69% ; padding:0px; top:3px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ width:93%; padding:0px; top:24px ;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img{ top:7px !important; width:95%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img{top:25px !important; width:80% !important;}*/ #buyers_signup_popup { width: 90%; } div.registration-form .thankyou-msg { position: relative; left: 0 !important; right: 0 !important; margin: 0 0 40px 0; } div.ccavenue-finance .block .title-text { font-size: 20px; line-height: 30px; font-weight: bold; margin-top: 0; } div.ccavenue-finance .block .sub-title-text { font-size: 16px; margin-bottom: 25px; line-height: 18px; } div.ccavenue-finance .main-text { max-width: 750px; font-size: 16px; line-height: 22px; margin-bottom: 20px; padding: 20px; } div.ccavenue-finance .why-ccavenue-finance { max-width: 293px; } div.ccavenue-finance .why-ccavenue-finance .title.primary-text { font-size: 26px; margin-bottom: 20px; } div.ccavenue-finance .why-ccavenue-finance .box { margin-bottom: 20px; margin-right: 0; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text { font-size: 24px; margin-bottom: 20px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span { font-size: 20px; line-height: 15px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span br.visible-phone { display: none !important; } div.ccavenue-finance .apply-ccavenue-finance .span12 a.primary-button { font-size: 22px; max-width: 160px; height: 50px; line-height: 50px; } /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi { max-width:100% !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text { font-size:15px !important; margin:5px 0 0px !important; line-height:18px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text span { font-size:20px !important;} div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { line-height:15px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { display:inline-block; float:left; max-width:30%; margin-left:45px; margin-top:20px;} div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { display:inline-block; float:right; max-width:42%; margin-right:20px; margin-top:-15px; }*/ /* div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { line-height:20px; margin-bottom:15px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi { margin-bottom:30px; } */ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item{ height:200px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img .upi-table img { width:50% !important;}*/ #rechargebillpayment_img { background-size: 100%; background-position: center center; } .brands.header-panel .masthead.resellers table td.brand-logos { padding-right: 18px; } .brands.header-panel .masthead.resellers table td.ccavenue-logo span { padding-left: 18px; } .brands.header-panel .masthead.resellers table td.brand-logos img { max-height: 40px; } .brands.header-panel .masthead.resellers table td.ccavenue-logo span img { max-height: 22px; } } @media (min-width:361px) and (max-width:480px) { /*.brands.header-panel .masthead .brand-logos { padding-right:10px !important; } .brands.header-panel .masthead .ccavenue-logo { margin-left:5px !important; }*/ } @media (min-width:320px) and (max-width:360px) { #award-panel div.span12 span.span3 { width: 80%; max-width: 80%; /*padding:0 25px;*/ float: none; border-right: 0; } #award-panel div.span12 span.span3.forth { margin-bottom: 0; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi { max-width: 95% !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text { font-size: 18px !important; margin: 10px 0 0px !important; line-height: 20px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text span { font-size: 18px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text .text-br, div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text .text-br { display: none; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { line-height: 18px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { display: inline-block; float: left; max-width: 30%; margin-left: 35px; margin-top: 30px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { display: inline-block; float: right; max-width: 50%; margin-right: 20px; margin-top: -15px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi .span6 div.learn-more { margin-left: 15px; } /* div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { line-height:20px; margin-bottom:15px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi { margin-bottom:30px; } */ /*.brands.header-panel .masthead span { max-width:120px; } .brands.header-panel .masthead .brand-logos { padding-right:12px !important; } .brands.header-panel .masthead .ccavenue-logo { margin-left:10px !important; }*/ .brands.header-panel .masthead .brand-link { float: none; width: 100%; display: block; max-width: 100%; text-align: left; } .brands.header-panel .masthead .brand-link a.primary-button { width: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .godaddy.brands.header-panel.masthead-bg { height: 130px; } } @media (min-width:481px) and (max-width:980px) { /*** Header ***/ body.godaddy .header-panel .masthead span.span2 { min-width: 137px; max-width: 137px; display: inline-block; } body.godaddy .header-panel .masthead .godaddy-link { display: inline-block; max-width: 200px; } body.godaddy .header-panel .masthead .godaddy-link a.primary-button { display: inline-block; padding: 5px 10px; margin-right: 0; } } /*#############################################################################################################################*/ @media (min-width:1200px)and (max-width:1280px) { #section2.storefront-two div.span6.panel-left .panel-left-img { width: 85%; height: 390px; background-size: contain; } } @media (min-width:768px) and (max-width:1024px) { /* #campaign_index .bx-wrapper .bx-controls-direction {width: 60.265% !important; left:2% !important;}*/ #buyers_signup_popup { width: 90% !important; margin: 5% 5% 0 5% !important; } /* #campaign_index div.carousel-bg .carousel .bx-wrapper .bx-controls-direction { width:68% !important; }*/ } @media (min-width:361px) and (max-width:767px) { div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi { max-width: 100% !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text { font-size: 18px !important; margin: 10px 0 0px !important; line-height: 18px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text .text-br { display: none; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.title-text span { font-size: 18px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { line-height: 20px !important; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text .text-br { display: none; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi { float: left; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.learn-more { position: absolute; bottom: 18px; width: 55%; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { display: inline-block; float: left; max-width: 25%; margin-left: 75px; margin-top: 34px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { float: right; max-width: 42%; margin-top: -30px; margin-right: 60px; } div.carousel-bg .carousel ul.bxslider li.slide-collections-payments div.collections_payments .slide-content .cl-white .learn-more-btn { width: 18%; font-size: 9px; padding: 3px 3px; bottom: 0px; left: 12%; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item {height: 250px;}*/ } @media (min-width:768px) and (max-width:979px) { #campaign_index .drop_us_message { z-index: 99999; margin-top: -400px; } /* #campaign_index .bx-wrapper .bx-controls-direction{width: 66.265%;margin-left: -50.132%;}*/ #campaign_index div.form-container .drop_us_message { margin-right: 15px; } /* #campaign_index div.carousel-bg .carousel ul.bxslider li.item .content_hold .span7{width: 65.182%;margin:0 1%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item {height: 250px;} #campaign_index div.form-container .drop_us_message{margin-top: -450px;/*margin-top: -395px;} #campaign_index div.form-container .drop_us_message a.primary-button{margin-bottom: 0;} #campaign_index .bx-wrapper .bx-controls-direction a{width:37px;} #campaign_index div.middle-container{margin:0px auto 0 !important;} #campaign_index .bx-wrapper img{width:100%;margin-top: 30px;} #campaign_index div.carousel-bg .carousel .bx-viewport {min-height:340px !important;} #campaign_index .bx-wrapper .bx-controls-direction{ width: 67.5% !important; left:-1% !important; margin:0 !important;} #campaign_index .bx-wrapper .bx-controls-direction .bx-prev{ margin-left:0px !important;} */ div.carousel-bg .carousel ul.bxslider li.item div.learn-more { top: 0; } /* #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.learn-more{ top:-47px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.learn-more{ top:-47px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.learn-more{ top:-3px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ top:125px !important; width:77% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ top:168px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top:33px; width:83%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img img { width:88% !important; }*/ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td img { width:80% !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td a:link, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td a:hover, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td a:visited { font-size:10px !important; color:#ffffff !important; text-transform: none !important; }*/ /*GOSF Banner Starts*/ /* #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide { background-image:url('../images_mcpg/campaign-gosf-bg.jpg'); background-repeat:repeat-x; background-position:left top; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide span.span12 { margin:0 0 0 12px !important; background-size:67%; background-position:left 10px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide span.span12 div.carausel-img { top:0 !important; margin:0 !important; min-width:100%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide .title-text { margin-top:12px !important; line-height:18px !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide .title-text img { margin:0 !important; max-width:480px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table { float:left; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col1 img { min-width:90px; max-width:140px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col2 { padding-left:15px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col2 img { min-width:180px; max-width:300px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col2 a.primary-button { padding:0 14px; font-size:20px; line-height:43px; height:43px; position:relative; top:-5px; }*/ /*GOSF Banner Ends*/ #buyers_signup_popup .span12 .form-wrapper .forgot-pass-wrap { padding: 25px 0 20px 0px !important; } div.ccavenue-finance .block .title-text { font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 15px; } div.ccavenue-finance .block .sub-title-text { font-size: 20px; margin-bottom: 35px; line-height: 25px; } div.ccavenue-finance .block .sub-title-text br.visible-phone { display: none !important; } div.ccavenue-finance .main-text { max-width: 750px; font-size: 16px; line-height: 22px; margin-bottom: 20px; padding: 20px; } div.ccavenue-finance .why-ccavenue-finance { max-width: 606px; } div.ccavenue-finance .why-ccavenue-finance .title.primary-text { font-size: 28px; margin-bottom: 20px; } div.ccavenue-finance .why-ccavenue-finance .box { max-width: 293px; width: 50%; display: inline-block; margin: 0 10px 20px 0; min-height: 178px; vertical-align: bottom; } div.ccavenue-finance .why-ccavenue-finance .box.last { margin-right: 10px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text { font-size: 28px; margin-bottom: 20px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span { font-size: 25px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span br.visible-phone { display: none !important; } div.ccavenue-finance .apply-ccavenue-finance .span12 a.primary-button { font-size: 22px; max-width: 160px; height: 50px; line-height: 50px; } .news-banner-container { padding: 0 10px; } } @media (max-width:360px), (min-width:361px) and (max-width:767px) { /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item{height: 248px;}*/ #campaign_index div.middle-container { margin-top: 20px !important; } /* #campaign_index .bx-wrapper .bx-viewport{min-height: 275px !important;}*/ /*#campaign_index .success_message {font-size: 16px;width:90%;margin-left: -177px;padding: 15px; top:200px;}*/ /* #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate{ background-position:center 35px !important;} */ #features-panel .features_tabs #verticalTab div.span8.resp-tabs-container div.tab2-content #icon3 .heading-text { margin-top: 0 !important; } .features-icon .owl-wrapper-outer { margin-left: 0px !important; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-prev { left: -15px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -15px; } div.features-tabs .span12.icons .span10 { /*border:solid 1px #000;*/ padding-left: 15px; padding-right: 15px; padding-left: 15px; } /* #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { padding:0px; top:27px !important; width:85% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.learn-more{ top:111px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { padding:0px; top:-61px !important; width:100% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img{ width:90% ; padding:0px; top:3px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ width:93%; padding:0px; top:24px ;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ top:7px !important; width:95%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img{top:25px !important; width:90% !important;}*/ /*-- Features Sections --*/ .feature-tabs-shrink { top: 66px; transition: all 300ms linear 0s; } div.features div.block { padding: 45px 0 !important; width: 100% !important;/*background-size:95%; background-position:center 105px;*/ } } @media (width:320px) { /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item{height: 236px !important;}*/ #campaign_index div.middle-container { margin-top: 0px !important; } #campaign_index #features-panel .features_tabs div.span3 { width: 100%; border-width: 0; } /*#campaign_index .success_message {font-size: 16px;width:90%;margin-left: -159px;padding: 15px; top:110px;}*/ .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-prev { left: -10px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -10px; } div.features-tabs .span12.icons .span10 { /*border:solid 1px #000;*/ padding-left: 15px; padding-right: 15px; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { padding:0px; top:30px !important; width:90% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { padding:0px; top:-34px !important; width:90% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.learn-more{ top:-27px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { padding:0px; top:-28px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ padding:0px; top:17px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img{ width:93%; padding:0px; top:24px ;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img{ top:20px !important; width:95%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img{top:30px !important; width:90% !important;}*/ } @media (max-width:767px) { #campaign_index.digital-payments div.header-panel div.span12.masthead span.logo-panel .logo h1 { background-size: auto !important; /* width: 30% !important; */ } #campaign_index.digital-payments div.header-panel .span12.masthead { top: -2px !important; } #campaign_index.digital-payments div.header-panel div.span12.masthead a.primary-button.signup-link { right: 10px !important; } #campaign_index.digital-payments div.header-panel div.span12.masthead span.dp-links { margin-top: 18px; text-align: right; display:none; } #campaign_index.digital-payments div.header-panel div.span12.masthead a.primary-button.signup-link { position: relative; right: 0 !important; top: 0 !important; } /* #campaign_index.digital-payments div.span12.dp-links { margin-top:70px; background-color:#000; display:block; }*/ #campaign_index.digital-payments div.header-panel div.span12.masthead span.dp-links a.nav-link { margin: 0 5px; } #campaign_index div.form-container { margin: 30px 15px 0 !important; } #campaign_index.digital-payments .superbrands_logo { display: none; } #campaign_index.digital-payments div.efiling div.middle-container .titles { font-size: 20px; } #campaign_index.digital-payments div.efiling div.middle-container .steps { text-align: center; } #campaign_index.digital-payments div.efiling div.middle-container .steps .span4 .primary-text { margin: 0 auto !important; text-align: left; } #campaign_index.digital-payments div.dp-pay-note div.middle-container { margin-top: 15px !important; } #campaign_index.digital-payments div.dp-pay-note div.middle-container div.span8 { padding-top: 0; } #campaign_index.digital-payments div.form-container .drop_us_message { margin-top: 0 !important; } Div#signup-panel div.signup-inner { padding: 15px; line-height: 25px; } Div#signup-panel div.signup-inner .left, Div#signup-panel div.signup-inner .right { width: 100% !important; } #campaign_index div.form-container .drop_us_message .input_holder { width: 100% !important; min-width: 100% !important; } #campaign_index div.form-container .drop_us_message .row-fluid { width: 100% !important; float: left; } #campaign_index div.form-container .drop_us_message .row-fluid span.span4 { max-width: 80px; } #campaign_index div.form-container .drop_us_message .row-fluid .captcha-code { width: 160px; float: left; position: absolute; left: 110px; top: 0; } /* #campaign_index .bx-wrapper .bx-controls-direction a{background-size:100% !important;}*/ #campaign_index .success_message { font-size: 16px; } /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item div.title-text{font-size:17px; line-height: 20px;}*/ div.footer-panel { height: auto !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span12 div, div.footer-panel div.span12.footer-links div.span7.footer-logos .span10 div { margin: 8px 0; float: none !important; } } @media (min-width:640px) and (max-width:767px) { #campaign_index .drop_us_message { margin-top: 0 !important; } /*#campaign_index .bx-wrapper { margin-bottom:0 !important; } #campaign_index .bx-wrapper .bx-viewport {min-height: 290px !important; } #campaign_index .bx-wrapper .bx-controls-direction{ width: 100%; left:0 !important; margin:0 !important; } #campaign_index .bx-wrapper .bx-prev{margin-left:0;} #campaign_index .bx-wrapper img{width:70%;display: inline;}*/ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item {height: 250px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item div.title-text{font-size: 22px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item div.sub-title-text{font-size: 13px; margin-top:10px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item span {margin: 0%;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item div.carausel-img{ width:54% !important;}*/ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { top:23px !important; width:80% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { top:-206px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide2 .learn-more{margin-top: 182px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img { top:-83px !important; width:73% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img{ top:-4px !important; width:61% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { top:20px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top:10px; width:65% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top:10px !important; width:75% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img img { width:100%; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img img { width:90%; }*/ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate{ background-position:center -20px !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td{ width:20% !important;} #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td img { width:60% !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td a:link, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td a:hover, #campaign_index div.carousel-bg .carousel ul.bxslider li.slide3 .best-success-rate div.carausel-img table td a:visited { font-size:9px !important; color:#ffffff !important; text-transform: none !important; }*/ /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi { max-width:100% !important; }*/ div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.learn-more { width: 60%; bottom: 15px; position: absolute; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { margin-left: 120px; margin-top: 30px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { margin-top: -20px; max-width: 30%; float: right; margin-right: 115px; } } @media (max-width:480px) { #campaign_index div.middle-container { margin: 0px auto 0 !important; } #campaign_index #features-panel .features_tabs div.span3 { width: 49.718%; float: left; } #campaign_index #features-panel div.two-row { border-width: 0; background-image: none; } #campaign_index Div#signup-panel div.signup-inner .left, #campaign_index Div#signup-panel div.signup-inner .right { width: 100% !important; } #campaign_index.digital-payments div.header-panel div.span12.masthead span.logo-panel .logo h1 { background-size: 100% !important; } #campaign_index div.header-panel .span12.login { padding: 7px 5px; } #campaign_index div.header-panel .span12.login table { width: 630px; } #campaign_index div.form-container .drop_us_message { position: static; display: inline-block; margin-bottom: 20px; margin-top: 0; } /*#campaign_index.digital-payments div.middle-container .span8 .carousel .dp-pay-note .note { top:0; }*/ /*#campaign_index .bx-wrapper { margin-bottom:0 !important; } #campaign_index .bx-wrapper .bx-viewport {min-height: 230px !important; } #campaign_index .bx-wrapper .bx-controls-direction{ width: 100%; left:0 !important; margin:0 !important; } #campaign_index .bx-wrapper .bx-prev{margin-left:0;} #campaign_index .bx-wrapper img{width:100%;display: inline;}*/ /*#campaign_index div.carousel-bg .carousel ul.bxslider li.item {height: 280px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item div.title-text{font-size: 22px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item div.sub-title-text{font-size: 13px; margin-top:10px;} #campaign_index div.carousel-bg .carousel ul.bxslider li.item span {margin: 0%;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 14px !important; } div.middle-container #features_set { margin-top: 20px; } /*GOSF Banner Starts*/ #campaign_index div.carousel-bg .gosf { margin-left: auto !important; margin-right: auto !important; width: 100% !important; height: 200px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide { background-image: url('../images_mcpg/campaign-gosf-bg.jpg'); background-repeat: repeat-x; background-position: left top; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide span.span12 { margin: 0 !important; background-size: 100%; background-position: left 10px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide span.span12 div.carausel-img { top: 0 !important; margin: 0 !important; min-width: 300px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide .title-text { margin-top: 12px !important; line-height: 18px !important; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide .title-text img { margin: 0 !important; max-width: 300px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table { float: left; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col1 img { min-width: 90px; max-width: 90px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col2 { padding-left: 15px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col2 img { min-width: 180px; max-width: 200px; } #campaign_index div.carousel-bg .carousel ul.bxslider li.gosf-slide table td.col2 a.primary-button { padding: 0 14px; font-size: 20px; line-height: 25px; height: 25px; position: relative; top: -15px; } /*GOSF Banner Ends*/ } @media (min-width:361px) and (max-width:480px) { .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-prev { left: 0; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -40px; } div.features-tabs .span12.icons .span10 { max-width: 440px !important; /*border:solid 1px #000;*/ padding-left: 15px; padding-right: 15px; } .features-icon .owl-item { max-width: 100px !important; } div.features div.feature-max-payment-options { background-position: center 90px; background-size: 345px; height: 520px; } div.features div.feature-max-payment-options .default-text { display: block; padding-top: 185px !important; } div.features div.feature-max-payment-options .primary-button { margin-top: 20px; } div.features div.feature-multi-currency-option { background-position: center 98px; background-size: 400px; padding-left: 0; height: 760px; } div.features div.feature-multi-currency-option .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } div.features div.feature-multi-currency-option .default-text { display: block; padding-top: 0 !important; } div.features div.feature-multilingual-option { background-position: center 98px; background-size: 100%; height: 770px; } div.features div.feature-multilingual-option .highlight-text { padding: 260px 0 10px !important; } div.features div.feature-multilingual-option .default-text { display: block; padding-top: 180px; } div.features div.feature-easy-customization { background-position: center 95px; background-size: 360px; height: 670px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-easy-customization .highlight-text { display: block; padding: 375px 0 10px 0 !important; text-align: left; } div.features div.feature-easy-customization .default-text { display: block; padding-top: 0 !important; } div.features div.feature-smart-dynamic-routing { background-position: center 80px; background-size: 350px; height: 740px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-smart-dynamic-routing .highlight-text { display: block; padding: 350px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-dynamic-routing .default-text { display: block; padding-top: 0 !important; } div.features div.feature-retry-option { background-image: url('../images_mcpg/responsive-feature-retry-option-mobile.png'); background-position: center 80px; background-size: 360px; height: 580px; padding-top: 40px !important; /*padding-right:520px !important;*/ } div.features div.feature-retry-option .highlight-text { display: block; padding: 240px 0 10px 0 !important; text-align: left; } div.features div.feature-retry-option .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-one-click-checkout { background-position: center 95px; background-size: 100%; height: 657px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-one-click-checkout .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-one-click-checkout .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-one-click-checkout { background-position: center 95px; background-size: 345px; height: 700px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-one-click-checkout .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-one-click-checkout .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-store-front { background-position: center 100px; background-size: 80%; height: 800px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-ccavenue-store-front .highlight-text { display: block; padding: 369px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-store-front .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-shopping-cart { background-position: center 95px; background-size: 345px; height: 700px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-shopping-cart .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-shopping-cart .default-text { display: block; padding-top: 0 !important; } /* CCAvenue Vault Starts */ div.ccavenue-card-storage-vault { background-position: center 110px; background-size: 290px; padding-top: 40px !important; padding-right: 0 !important; height: 500px !important; padding-top: 60px !important; padding-left: 0 !important; position: relative; } div.ccavenue-card-storage-vault .highlight-text { display: block; padding: 217px 0 10px 0 !important; text-align: left !important; } div.ccavenue-card-storage-vault .default-text { display: block; padding-top: 0 !important; } /* CCAvenue Vault Ends */ div.features div.feature-shopping-cart-plugins { background-position: center 100px; background-size: 345px; height: 720px; padding-top: 50px !important; padding-right: 0 !important; } div.features div.feature-shopping-cart-plugins .default-text { display: block; padding-top: 270px !important; } /*padding-top:250px !important;*/ div.features div.feature-iframe-integration { background-image: url('../images_mcpg/responsive-feature-iframe-integration-mobile.png') !important; background-position: center 100px; background-size: 300px; height: 630px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-iframe-integration .highlight-text { display: block; padding: 370px 0 10px 0 !important; text-align: left; } div.features div.feature-iframe-integration .default-text { display: block; padding-top: 0 !important; } div.features div.feature-mobile-checkout-page { background-position: center 90px; background-size: 350px; height: 560px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-mobile-checkout-page .highlight-text { display: block; padding: 260px 0 10px 0 !important; text-align: left; } div.features div.feature-mobile-checkout-page .default-text { display: block; padding-top: 0 !important; } div.features div.feature-marketing-tools { background-position: center 90px; background-size: 300px; height: 610px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-marketing-tools .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-marketing-tools .default-text { display: block; padding-top: 0 !important; } div.features div.ccAvenue-customer360 { background-position: center 80px; background-size: 265px; height: 798px; padding-left: 0 !important; padding-top: 40px !important; } div.features div.ccAvenue-customer360 .title-text { margin-bottom: 290px; } div.features div.feature-brand-360-degree { background-position: center 90px !important; background-size: 340px; height: 570px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-brand-360-degree .highlight-text { display: block; padding: 240px 0 10px 0 !important; text-align: left; } div.features div.feature-brand-360-degree .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-snip { background-position: center 135px; background-size: 360px; height: 700px; padding-top: 50px !important; padding-right: 0 !important; padding-left: 0 !important; } div.features div.feature-ccavenue-snip .highlight-text { display: block; padding: 280px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-snip .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-snip span.title-text span { display: block; padding: 20px 0 0 0; font-size: 15px !important; text-align: center; } div.features div.feature-invoice-payment-system { background-position: center 95px; background-size: 330px; height: 760px; padding-top: 40px !important; padding-left: 0 !important; position: relative; } /*height:670px;*/ div.features div.feature-invoice-payment-system span.ips-mobile { display: none !important; } div.features div.feature-invoice-payment-system span.default-text table.list-ips-features td { font-size: 11px; padding: 0 12px 8px 12px; } div.features div.feature-invoice-payment-system .highlight-text { display: block; padding: 380px 0 10px 0 !important; text-align: left; } div.features div.feature-invoice-payment-system .default-text { display: block; padding-top: 0 !important; } div.features div.feature-invoice-payment-system table td.highlight-text { padding: 0 0 0 15px !important; } div.features div.feature-smart-analytics { background-position: center 90px; background-size: 385px; height: 650px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; position: relative; background-repeat: no-repeat; } div.features div.feature-smart-analytics span.smart-analytics-screen { position: absolute; left: 95px; top: 90px !important; display: inline-block; width: 320px; height: 361px; background-size: 320px; } div.features div.feature-smart-analytics .highlight-text { display: block; padding: 340px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-analytics .default-text { display: block; padding-top: 0 !important; } div.features div.feature-smart-analytics span.list-smart-analytics { position: absolute; left: 0; top: 288px !important; margin: 0; } div.features div.feature-smart-analytics span.list-smart-analytics table.list-sa-features { width: auto; background-color: #f2f7fa; } div.features div.feature-smart-analytics span.list-smart-analytics td { padding-bottom: 10px; } div.features div.feature-smart-analytics span.list-smart-analytics td .span12.visible-phone { display: block !important; text-align: center; margin-top: 5px; } div.features div.feature-ccavenue-phonepay { background-position: center 90px; background-size: 340px; height: 700px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } div.features div.feature-ccavenue-phonepay .highlight-text { display: block; padding: 270px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-phonepay .default-text { display: block; padding-top: 0 !important; } div.features div.feature-live-monitoring-pro { background-position: center 98px; background-size: 340px; height: 610px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-live-monitoring-pro .highlight-text { display: block; padding: 270px 0 10px 0 !important; text-align: left; } div.features div.feature-live-monitoring-pro .default-text { display: block; padding-top: 0 !important; } div.features div.feature-dynamic-event-notification { background-position: center 90px; background-size: 350px; height: 590px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-dynamic-event-notification .highlight-text { display: block; padding: 280px 0 10px 0 !important; text-align: left; } div.features div.feature-dynamic-event-notification .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-frisk { background-position: center 90px; background-size: 340px; height: 790px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-frisk .highlight-text { display: block; padding: 290px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-frisk .default-text { display: block; padding-top: 0 !important; } div.features div.feature-fastest-activation { background-position: center 140px; background-size: 340px; height: 598px; padding-left: 0; padding-right: 0 !important; } div.features div.feature-fastest-activation .title-text { line-height: 30px !important; } div.features div.feature-fastest-activation .highlight-text { display: block; padding: 230px 0 10px 0 !important; text-align: left; } div.features div.feature-fastest-activation .default-text { display: block; padding-top: 0 !important; } div.features div.feature-super-support { background-position: center 95px; background-size: 258px; height: 600px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-super-support .highlight-text { display: block; padding: 330px 0 10px 0 !important; text-align: left; } div.features div.feature-super-support .default-text { display: block; padding-top: 0 !important; } /*----------- FEATURES PAGE ENDS HERE -------------*/ } @media (min-width:481px) and (max-width:640px) { div.middle-container #features_set { margin-top: 20px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-prev { left: -10px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -10px; } .features-icon .owl-wrapper-outer { margin-left: 0 !important; } div.features-tabs .span12.icons .span10 { /*border:solid 1px #000;*/ padding-left: 15px; padding-right: 15px; } .features-icon .owl-item { max-width: 125px !important; } #campaign_index div.form-container .drop_us_message { display: block; margin-top: 0 !important; } div.ccavenue-finance .block .title-text { font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 15px; } div.ccavenue-finance .block .sub-title-text { font-size: 20px; margin-bottom: 35px; line-height: 25px; } div.ccavenue-finance .block .sub-title-text br.visible-phone { display: none !important; } div.ccavenue-finance .main-text { max-width: 750px; font-size: 16px; line-height: 22px; margin-bottom: 20px; padding: 20px; } div.ccavenue-finance .why-ccavenue-finance .title.primary-text { font-size: 28px; margin-bottom: 20px; } div.ccavenue-finance .why-ccavenue-finance .box { max-width: 293px; width: 50%; display: inline-block; margin: 0 10px 20px 0; min-height: 178px; vertical-align: bottom; } div.ccavenue-finance .why-ccavenue-finance .box.last { margin-right: 10px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text { font-size: 28px; margin-bottom: 20px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span { font-size: 25px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span br.visible-phone { display: none !important; } div.ccavenue-finance .apply-ccavenue-finance .span12 a.primary-button { font-size: 22px; max-width: 160px; height: 50px; line-height: 50px; } div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img img { max-width: 80%; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img img { margin-top: -5px; margin-left: -9px; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { width: 55%; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { width: 40%; margin-top: -52px; margin-right: -18px; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img img { max-width: 60%; margin: 0 !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.sub-title-text br.visible-phone { display: none !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img img { max-width: 85%; } div.carousel-bg .carousel ul.bxslider li.slide6 div.sub-title-text br.visible-phone { display: none !important; } div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: 6px !important; } div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img img { max-width: 90%; } div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.zerosetupfee { width: 45%; } div.carousel-bg .carousel ul.bxslider li.slide-zero-setup-fee div.span12.learn-more span.onehractivation { width: 55%; } } /*@media (min-width:360px) and (max-width:479px) { div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:first-child { display:inline-block; float:left; max-width:30%; margin-left:40px; margin-top:20px;} div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.carousel-upi img:last-child { display:inline-block; float:right; max-width:45%; margin-right:20px; margin-top:-70px; } /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { margin-bottom:5px !important; }/ }*/ @media (min-width:640px) and (max-width:767px) { /*div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-upi div.ccavenue-upi div.sub-title-text { margin-bottom:5px !important; }*/ } @media (min-width:768px) { div.features-tabs .icons { padding: 0 40px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-prev { left: -30px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -30px; } div.features-tabs .span12.icons .span10 { max-width: 700px !important; /*border:solid 1px #000; padding-left:15px;*/ padding-right: 15px; } .features-icon .owl-item { max-width: 200px !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span12 .span1.logo { margin-right: 3px !important; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span10 { width: 100%; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span10 .span1.logo { margin-left: 20px; margin-right: 8px !important; margin-top: 12px; } .phonepay-main .span6.cutomer_text_cell .cutomer-flow-mobile { display:none; border:1px solid red; } } @media (min-width:979px) { div.features-tabs .icons { padding: 0 40px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-prev { left: -30px; } .features-tabs #features-icon-panel .owl-controls .owl-buttons .owl-next { right: -30px; } div.features-tabs .span12.icons .span10 { max-width: 950px !important; /*border:solid 1px #000;*/ padding-left: 0; padding-right: 0; } /* .owl-carousel .owl-item { max-width:115px !important; margin-left:20px; }*/ div.footer-panel div.span12.footer-links div.span7.footer-logos .span10 { width: auto; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span10 .span1.logo { margin-left: 20px; margin-right: 0 !important; margin-top: 12px; } } @media (min-width:641px) and (max-width:767px) { div.middle-container #features_set { margin-top: 20px; } div.carousel-bg .carousel ul.bxslider li.slide1 div.carausel-img { width: 50% !important; top: 10px !important; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img { width: 60% !important; top: 0px !important; right: 0; } /*div.carousel-bg .carousel ul.bxslider li.slide3 div.carausel-img {padding: 0;top: 20% !important; width: 64% !important;}*/ div.carousel-bg .carousel ul.bxslider li.slide6 div.sub-title-text br.visible-phone { display: none !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.learn-more { margin-top: 0px !important } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:first-child { display: inline-block; float: left; width: 50% !important; height: auto; margin-top: -15px !important; margin-left: 15px !important; } div.carousel-bg .carousel ul.bxslider li.slide3 div.ccavenue-flashpay div.vault-features img:last-child { display: inline-block; float: right; width: 32% !important; height: auto; margin-top: -51px !important; margin-right: 41px !important; } div.carousel-bg .carousel ul.bxslider li.slide2 div.carausel-img img { margin-top: 17px; margin-left: -9px; } div.carousel-bg .carousel ul.bxslider li.slide4 div.carausel-img { padding: 0; top: 10% !important; width: 40% !important; } div.carousel-bg .carousel ul.bxslider li.slide4 div.learn-more { margin-top: 0px !important } div.carousel-bg .carousel ul.bxslider li.slide4 div.sub-title-text br.visible-phone { display: none !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img { padding: 0; top: 0px !important; width: 50% !important; } div.carousel-bg .carousel ul.bxslider li.slide5 div.carausel-img img { max-width: 95%; } div.carousel-bg .carousel ul.bxslider li.slide6 div.carausel-img { top: -5px !important; width: 60% !important; } div.carousel-bg .carousel ul.bxslider li.slide7 div.carausel-img { top: 60px !important; width: 89% !important; } div.carousel-bg .carousel ul.bxslider li.slide8 div.carausel-img { top: 30px !important; width: 85% !important; } div.pricing .description-text { font-size: 14px; padding: 10px 0; line-height: 20px; } div.pricing .text { font-size: 11px; } div.pricing .highlight-text { font-family: 'open_sanssemibold', sans-serif; font-size: 10px; padding: 8px 0; } div.pricing .startuppro-rate { font-size: 39px !important; } div.pricing .startuppro-rate i.fa-rupee { font-size: 32px; } div.pricing tr td.col-1 { width: auto; } div.pricing tr td.col-2, div.pricing tr td.col-3 { width: auto; } div.pricing tr td.col-2 img { width: 100%; height: auto; } div.pricing tr.first td.col-3.custom-text { font-size: 14px; line-height: 22px; } div.pricing tr.first td.col-3.custom-text span { font-size: 16px; } div.pricing a.feature-link:link, div.pricing a.feature-link:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 14px; } div.pricing a.feature-link span.icon { background-size: 25px; width: 25px; margin-right: 5px; } div.pricing a.feature-link span.small-text { font-size: 7.5pt !important; position: relative; top: -15px; left: 30px; } div.pricing .ccavenue-features-title .text { font-size: 14px; padding-left: 16px; } div.features div.block { padding: 45px 30px !important; } div.features div.block .title-text { display: block !important; width: 100% !important; font-size: 26px; line-height: 22px; letter-spacing: -1px; text-align: center !important; } div.features div.block .highlight-text { display: block !important; padding: 14px 0; font-size: 16px; text-align: center; } div.features div.block .default-text { display: block !important; padding-top: 150px; font-size: 12px; } div.features div.block .default-text li { margin-left: 15px; font-size: 11px; line-height: 22px; } div.features div.block .default-text li span { font-size: 12px; } div.features div.block .default-text .highlight-text { display: inline; padding: 0; font-size: 12px; } div.feature-max-payment-options { background-position: center 90px; background-size: 440px; height: 546px; } div.features div.feature-max-payment-options .default-text { display: block; padding-top: 200px !important; } div.features div.feature-max-payment-options .default-text ul { -moz-columns: 2 auto; } div.feature-multi-currency-option { background-position: center 90px; background-size: 450px; padding-left: 0; height: 800px; } div.features div.feature-multi-currency-option .highlight-text { display: block; padding: 300px 0 10px 0 !important; text-align: left; } div.features div.feature-multi-currency-option .default-text { display: block; padding-top: 0 !important; } div.feature-multilingual-option { background-position: center 90px; background-size: 440px; height: 800px; } div.features div.feature-multilingual-option .highlight-text { display: block; padding: 290px 0 10px 0; text-align: left; } div.features div.feature-multilingual-option .default-text { display: block !important; padding-top: 0px !important; } div.features div.feature-multilingual-option .default-text .highlight-text { padding: 0; margin-left: 0; } div.feature-easy-customization { background-position: center 95px !important; background-size: 400px; height: 650px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-easy-customization .highlight-text { display: block; padding: 400px 0 10px 0 !important; text-align: left; } div.features div.feature-easy-customization .default-text { display: block; padding-top: 0 !important; } div.feature-smart-dynamic-routing { background-position: center 90px; background-size: 380px; height: 720px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-smart-dynamic-routing .highlight-text { display: block; padding: 420px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-dynamic-routing .default-text { display: block; padding-top: 0 !important; } div.feature-retry-option { background-image: url('../images_mcpg/responsive-feature-retry-option-mobile.png'); background-position: center 90px; background-size: 450px; height: 660px; padding-top: 40px !important; /*padding-right:520px !important;*/ } div.features div.feature-retry-option .highlight-text { display: block; padding: 290px 0 10px 0 !important; text-align: left; } div.features div.feature-retry-option .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-one-click-checkout { background-position: center 98px; background-size: 400px; height: 610px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-one-click-checkout .highlight-text { display: block; padding: 330px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-one-click-checkout .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-store-front { background-position: center 98px; background-size: 450px; height: 800px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-ccavenue-store-front .highlight-text { display: block; padding: 420px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-store-front .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-shopping-cart { background-position: center 98px; background-size: 430px; height: 680px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-shopping-cart .highlight-text { display: block; padding: 360px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-shopping-cart .default-text { display: block; padding-top: 0 !important; } div.feature-shopping-cart-plugins { background-position: center 90px; background-size: 430px; height: 750px; padding-top: 50px !important; padding-right: 0 !important; } div.features div.feature-shopping-cart-plugins .default-text { display: block; padding-top: 310px !important; } /*padding-top:250px !important;*/ div.feature-iframe-integration { background-image: url('../images_mcpg/responsive-feature-iframe-integration-mobile.png') !important; background-position: center 95px; background-size: 350px; height: 670px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-iframe-integration .highlight-text { display: block; padding: 410px 0 10px 0 !important; text-align: left; } div.features div.feature-iframe-integration .default-text { display: block; padding-top: 0 !important; } div.feature-mobile-checkout-page { background-position: center 95px; background-size: 430px; height: 590px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-mobile-checkout-page .highlight-text { display: block; padding: 320px 0 10px 0 !important; text-align: left; } div.features div.feature-mobile-checkout-page .default-text { display: block; padding-top: 0 !important; } div.feature-marketing-tools { background-position: center 98px; background-size: 350px; height: 580px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-marketing-tools .highlight-text { display: block; padding: 380px 0 10px 0 !important; text-align: left; } div.features div.feature-marketing-tools .default-text { display: block; padding-top: 0 !important; } div.feature-brand-360-degree { background-position: center 98px; background-size: 430px; height: 580px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-brand-360-degree .highlight-text { display: block; padding: 280px 0 10px 0 !important; text-align: left; } div.features div.feature-brand-360-degree .default-text { display: block; padding-top: 0 !important; } div.ccAvenue-customer360 { background-position: center 90px; background-size: 389px; height: 803px; } div.features div.ccAvenue-customer360 .default-text { display: block !important; padding-top: 430px; } div.feature-ccavenue-snip { background-position: center 150px; background-size: 430px; height: 750px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } div.feature-ccavenue-snip span.title-text { margin-bottom: 330px; } div.features div.feature-ccavenue-snip .highlight-text { display: block; padding: 0 !important; text-align: left; } div.features div.feature-ccavenue-snip .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-snip span.title-text span { display: block !important; padding: 30px 0 0 0; font-size: 18px; text-align: center; } div.feature-invoice-payment-system { background-position: center 90px; background-size: 400px; height: 750px; padding-top: 40px !important; padding-left: 0 !important; position: relative; } /*height:670px;*/ div.feature-invoice-payment-system span.ips-mobile { top: 80px; left: 300px; background-size: 140px; } div.feature-invoice-payment-system span.default-text table.list-ips-features td { font-size: 11px; padding: 0 25px 8px 25px; } div.features div.feature-invoice-payment-system .highlight-text { display: block; padding: 400px 0 10px 0 !important; text-align: left; } div.features div.feature-invoice-payment-system .default-text { display: block; padding-top: 0 !important; } div.features div.feature-invoice-payment-system table td.highlight-text { padding: 0 0 0 15px !important; display: table-cell !important; } div.feature-ccavenue-phonepay { background-position: center 90px; background-size: 391px; height: 630px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; } div.features div.feature-ccavenue-phonepay .highlight-text { display: block; padding: 270px 0 10px 0 !important; text-align: left; } div.features div.feature-ccavenue-phonepay .default-text { display: block; padding-top: 0 !important; } div.feature-smart-analytics { background-position: center 90px; background-size: 100%; height: 730px; padding-top: 40px !important; padding-right: 0 !important; padding-left: 0 !important; position: relative; background-repeat: no-repeat; } div.feature-smart-analytics span.smart-analytics-screen { position: absolute; left: 95px; top: 90px !important; display: inline-block; width: 320px; height: 361px; background-size: 320px; } div.features div.feature-smart-analytics .highlight-text { display: block; padding: 450px 0 10px 0 !important; text-align: left; } div.features div.feature-smart-analytics .default-text { display: block; padding-top: 0 !important; } div.feature-smart-analytics span.list-smart-analytics { position: absolute; left: 0; top: 60% !important; margin: 0; } div.feature-smart-analytics span.list-smart-analytics table.list-sa-features { width: auto; background-color: #f2f7fa; } div.feature-smart-analytics span.list-smart-analytics table.list-sa-features tr:last-child { display: none !important; } div.feature-smart-analytics span.list-smart-analytics td { padding-bottom: 10px 0px; } div.feature-smart-analytics span.list-smart-analytics td .span12.visible-phone { display: block !important; text-align: center; margin-top: 5px; margin-bottom: 10px; } div.feature-live-monitoring-pro { background-position: center 98px; background-size: 450px; height: 580px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-live-monitoring-pro .highlight-text { display: block; padding: 290px 0 10px 0 !important; text-align: left; } div.features div.feature-live-monitoring-pro .default-text { display: block; padding-top: 0 !important; } div.feature-dynamic-event-notification { background-position: center 98px; background-size: 420px; height: 600px; padding-top: 40px !important; padding-right: 0 !important; } div.features div.feature-dynamic-event-notification .highlight-text { display: block; padding: 310px 0 10px 0 !important; text-align: left; } div.features div.feature-dynamic-event-notification .default-text { display: block; padding-top: 0 !important; } div.feature-ccavenue-frisk { background-position: center 98px; background-size: 390px; height: 850px; padding-top: 40px !important; padding-left: 0 !important; } div.features div.feature-ccavenue-frisk .highlight-text { display: block; padding: 346px 0 10px 0; text-align: left; } div.features div.feature-ccavenue-frisk .default-text { display: block; padding-top: 0 !important; } div.features div.feature-ccavenue-frisk .default-text .highlight-text { padding: 20px 0 10px 0 !important; } div.feature-fastest-activation { background-position: center 90px; background-size: 300px; height: 470px; padding-left: 0; padding-right: 0 !important; } div.features div.feature-fastest-activation .highlight-text { display: block; padding: 190px 0 10px 0 !important; text-align: left; } div.features div.feature-fastest-activation .default-text { display: block; padding-top: 0 !important; } div.feature-super-support { background-position: center 90px; background-size: 258px; height: 550px; padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } div.features div.feature-super-support .highlight-text { display: block; padding: 330px 0 10px 0 !important; text-align: left; } div.features div.feature-super-support .default-text { display: block; padding-top: 0 !important; } div.features div.feature-super-support .default-text .highlight-text { padding: 10px 0; } /*----------- FEATURES PAGE ENDS HERE -------------*/ div.footer-panel div.span12.footer-links { padding: 0 20px; } div.footer-panel div.span12.footer-links div.span4.footer-text { width: 50%; } div.footer-panel div.span12.footer-links div.span7.footer-logos .span1.logo { display: inline-block; float: left; } div.ccavenue-finance .block .title-text { font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 15px; } div.ccavenue-finance .block .sub-title-text { font-size: 20px; margin-bottom: 35px; line-height: 25px; } div.ccavenue-finance .block .sub-title-text br.visible-phone { display: none !important; } div.ccavenue-finance .main-text { max-width: 750px; font-size: 16px; line-height: 22px; margin-bottom: 20px; padding: 20px; } div.ccavenue-finance .why-ccavenue-finance { max-width: 600px; } div.ccavenue-finance .why-ccavenue-finance .title.primary-text { font-size: 28px; margin-bottom: 20px; } div.ccavenue-finance .why-ccavenue-finance .box { max-width: 293px; width: 50%; display: inline-block; margin: 0 10px 20px 0; min-height: 178px; vertical-align: bottom; } div.ccavenue-finance .why-ccavenue-finance .box.third { margin-right: 10px; } div.ccavenue-finance .why-ccavenue-finance .second, div.ccavenue-finance .why-ccavenue-finance .fourth, div.ccavenue-finance .why-ccavenue-finance .sixth { margin-right: 0; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text { font-size: 28px; margin-bottom: 20px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span { font-size: 25px; } div.ccavenue-finance .apply-ccavenue-finance span.primary-text span br.visible-phone { display: none !important; } div.ccavenue-finance .apply-ccavenue-finance .span12 a.primary-button { font-size: 22px; max-width: 160px; height: 50px; line-height: 50px; } } @media (max-width:767px) { /*-------------------- country Drop List END ------------------*/ #punchline #merchant-list { min-height: 140px !important; margin-top: 10px; } #punchline #merchant-list div.span12.client-list { text-align: center; padding: 0 10px; } #punchline #merchant-list div.span12.client-list div.client-logo { margin-bottom: 15px; margin-left: 15px !important; text-align: center;/*width: 20% !important;*/ max-width: 100px; } #punchline .bx-viewport { min-height: 200px !important } #punchline #merchants-banner span.title-text { width: 80% !important; line-height:23px; margin-top:-13px!important; } /* whats news css start */ #punchline #merchant-list { min-height: 195px !important; overflow: scroll; } .awards-Recognition-sec .new-panel .news-details h5 { font-size: 18px; padding-bottom: 0px; } .news-details h5 { margin-top: 20px; font-size: 24px; } .news-banner-container { padding: 0 15px; } .whats-news-banner { height: 103px; background: url(../images_mcpg/whats-new/banner_whatsnew_mobile.jpg) no-repeat top right #025777; margin-bottom: 30px; } .news-banner-container img { width: 160px; } #launcher { right: 60px !important; } .whatsNew_btn { padding: 13px 12px; } .whatsNew_btn img:first-child { margin-right: 0; } .whatsNew_btn img.hide-mobile-text { display: none; } .footer_bottom { margin-bottom: 50px; } .footer-logo-list ul li { display: inline-block; width: 16%; margin-top:-10px; margin-right: 10px; } .span2.divider-light.element { padding: 0px 15px 10px 15px; } /* whats news css End */ /*============ Artcile page UPI css Start ============*/ .article-main-banner { height: 113px; background-size: cover; } .article-main-banner.business_usual_for_ccavenue { /*height: 98px;*/ height:135px;background-size: cover; } .article-main-banner.article-Gratification-feature { /*height: 98px;*/ height:135px; background-size: cover; } .article-main-banner.article-ccavenue-B2Biz { /*height: 98px;*/ height:135px; background-size: cover; } .article-main-banner.article-CCAvenue-FRISK { /*height: 98px;*/ height:135px; background-size: cover; } .article-main-banner.article-real-time { /*height: 98px;*/ height:135px; background-size: cover; } .article-main-banner.article-automated-recurring-payments { /*height: 98px;*/ height:135px; background-size: contain; } .article-main-banner.article-multiple-sellers-main { /*height: 98px;*/ height:110px; background-size: contain; } .article-main-banner.article-onboarding-process-main { /*height: 98px;*/ height:120px; background-size: contain; background-position: center top 5px; } .article-main-banner.article-ccav-instant-refunds-main { height:110px; background-size: contain; background-position: center top 5px; } .article-main-banner.article-multiple-sellers-main.new { /*height: 98px;*/ height:110px; background-size: contain; } .article-ccav-instant-refunds-content .instant-refunds-content .span6 table.content-table tr td.td-height { height:15px; } .article-ccav-instant-refunds-content .article-details .sub-heading-text { padding-bottom:0px; } .article-ccav-instant-refunds-content .instant-refunds-content .span6 .content-table .article-contenttext { padding-left:80px; } .article-ccav-instant-refunds-content .instant-refunds-content .span6.right-img { margin-bottom:15px; } .article-ccav-instant-refunds-content .instant-refunds-content .span6.right-img .content-table .article-contenttext { text-align:left; padding-right:0px; padding-left:80px; min-height:80px; } .article-ccav-instant-refunds-content .instant-refunds-content .span6.right-img .content-table img.absolute { left:0px; } .article-ccav-instant-refunds-content .instant-refunds-content .span6 .content-table img.absolute { width:75px; } .article-main-banner.stay-protected-Fraudulent { /*height: 98px;*/ height:110px; background-size: contain; } .step-row .span3 { text-align:center; margin-bottom:40px; } .step-row .step:before { content: ''; background: url(../images_mcpg/article/down-arrow-img.png) no-repeat; position: absolute; width:19px; height:21px; right:0px; left:0px; bottom:-30px; top:auto; margin:0 auto; } .article-main-banner .banner_text { padding: 0px 15px; } .article-main-banner .banner_text img { width: 120px; bottom: 10px; } .article-details h2 { font-size: 25px; line-height: 30px; margin-bottom: 25px; } .article_top_list h3 { font-size: 17px; line-height: 25px; } .lets_talk { padding-top: 0px; } .article_top_list ul li { padding-bottom: 5px; } .flow_main { margin-bottom: 15px; } .flow_main .flow_video_data { width: 100%; float: none; padding: 0px; } .flow_main .flow_details { margin-left: 0px; margin-top: 30px; } .flow_details .article_top_list:last-child { margin-bottom: 0px; } /* .banner_green_btn{ padding: 3px 10px !important; font-size: 11px !important; } .top_space{ margin-top:5px; } div.carousel-bg .carousel ul.bxslider li.slide-ccavenue-flashpay div.ccavenue-flashpay div.carousel-img{ margin-top:20px; } */ /*============ Artcile page UPI css End ============*/ /*============ Artcile page Payment link css Start ============*/ .receive_payment { margin-top: 40px; } .full-payment { margin-bottom: 0px; } .payment-step { width: 100%; margin-bottom: 30px; } .payment_details { margin-top: 18px; } .article-main-banner.payment-link-banner .banner_text img { width: 300px; } /*============ Artcile page Payment link css End ============*/ /*============ Artcile page online-business-article css Start ============*/ .article-main-banner.oba-banner { height: 120px; } .article-main-banner.oba-banner .banner_text img { width: 100%; } .article-main-banner.digital-banner-bg .banner_text img { width: 180px; } .article-main-banner.advanced_marketing-banner-bg, .article-main-banner.npci-enhances-banner-bg, .article-main-banner.whatsapp-banner-bg { height: auto; } .advanced_marketing-banner-bg.article-main-banner .banner_text img, .article-main-banner.npci-enhances-banner-bg .banner_text img, .article-main-banner.whatsapp-banner-bg .banner_text img, .article-main-banner.pci-dss-banner-bg .banner_text img { position: static; width: 100%; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); } .article-main-banner.pci-dss-banner-bg { height: auto; } .img-left { float: none; display: block; margin: 30px auto; } .superbrands_logo { bottom: 70px; display: none; } .superbrands_logo img { width: 120px; } .brand-awards { padding-top: 18px; } div.maps div.maps-panel table { max-width: 250px; } span.span12.mumbai { margin-top: 20px; } /*============ Artcile page online-business-article css End ============*/ } /*-------------------- Header Offer Start ------------------*/ @media (min-width:993px) { .top-header-links { min-height: 40px;height:40px } } @media (min-width:768px)and (max-width:992px) { .top-header-links { padding: 8px 9px 8px 0; } .hdr-r-lnks { margin-right: 10px; } .country-ls { display: none; } .country-ls.country-drop-list { display: flex; margin-left: 10px; } #campaign_index div.header-panel div.span12.masthead span.dp-links a.nav-link{ font-size:12px; margin: 0 5px;} #campaign_index div.middle-container{padding: 0 15px !important;} .payment-solution-list{ min-height:250px;} .bnr-content{ width:350px; padding-right:0; margin-top:0px;} .bnr-top-text{ height:200px;} .diw-banner{ margin-top:5px;} #campaign_index div.form-container .drop_us_message{ width:350px; padding:20px 15px 30px; margin-top: -430px; } #campaign_index div.form-container .drop_us_message .primary-text:after{ font-size:15px;} .diw-faq-container .tab-list{width: 330px;} .tab-link{ margin-left: 370px;} .bnr-second-text {font-size: 27px; line-height: 36px;} .bnr-date{ font-size:15px; padding-left:15px; padding-right:15px;} .nav-header-top .nav-header-details{ padding-left:10px; padding-right:10px;} div.header-panel div.span12.masthead a.menu{ display:none!important;} .bnr-tc{ font-size:12px;} .diwali-faq-container .tab-list{ width:370px;} } /*-------------------- Header Offer End ------------------*/ @media (max-width:999px) { .special-text { font-size:20px;} } @media (max-width:992px) { .hdr-r-lnks { margin-right: 10px; } .header-offer { padding: 0 30px; font-size: 14px; } .header-offer span { font-size: 16px; } .header-offer a { margin-left: 15px; } .nav-blink { content: url(../images-new/new-mobile.gif); position: absolute; top: 10px; left: -6px; width: 30px; height: 17px; right: 0; margin: auto; z-index: 1; text-align: center; } .country-ls { display: none; } .country-ls.country-drop-list { display: flex; } .header-btns ul li a { padding: 7px 6px; font-size: 11px; } } @media (max-width:767px) { .hdr-r-lnks { margin-right: 0; } div.header-panel { height: 100px; } div.slide-menu { top: 84px; } div.carousel-bg { margin-top: 94px; /* margin-top: 161px; */} .bnr-content{width:100%;} #campaign_index.digital-payments div.form-container .drop_us_message{width:100%;} #campaign_index div.form-container .drop_us_message .primary-text:after{ font-size:11px; padding-bottom:0; margin-top: -6px;} .payment-solution-sec{ margin-bottom: 50px; margin-top: 10px;} .diwali-heading {font-size: 26px;} .tab-heading h4{ border-right:none; padding:20px 35px 20px 15px; } .tab-heading h4:before{right:20px; left:auto;} .tab-link{ padding-top:0;} .tab-heading[data-id ='tab-05'] h4{ border-bottom:0;} .diwali-faq-container h6{display:none;} .tab-data{ padding:20px 15px; background:#ffffff; border-bottom:1px solid #dae7fc} .diwali-faq-container p, .diw-faq-container h6{ margin-bottom:15px;} .diwali-faq-container p:last-child{ margin-bottom:10px;} .tab-heading.active h4:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);} .diw-faq-sec { margin-bottom:0;} .menu-links{ display:block; position:absolute; right:15px; top:18px;} div.middle-container{padding: 0 15px 15px 15px !important;} #campaign_index div.header-panel div.span12.masthead span.dp-links.active{ display:block; background: #161a1c; padding:7px 0 10px; margin: -13px 9px 0 0; border-radius:4px; width:176px; right:0; position:absolute; text-align:left; } .diwali-banner{ margin-top:0; } .bnr-top-text{padding-top: 30px; /* font-size:33px; line-height:39px; */ height: 173px;} .bnr-top-text img {width: 300px; left: 0; right: 0;margin: auto;} .bnr-content{ padding-right:0;} .bnr-date{padding:10px 6px; font-size: 13px; } .bnr-tc{ font-size:10px; margin-top:10px; text-align:left;} #campaign_index div.form-container .drop_us_message:before{ display:none;} #campaign_index div.form-container{ margin-top:20px !important;} .banner-data-main{ max-width:290px; margin:auto;} .bnr-second-text{ margin-top:15px; font-size:20px; line-height:25px; width:280px;} .bnr-second-text strong{ font-size:22px;} /*#campaign_index div.header-panel .span12.masthead {top: 2px !important;}*/ #campaign_index div.header-panel div.span12.masthead span.dp-links{/* display:none; */ position: absolute; top:17px; right:0; margin-top:0; margin-right:10px;} #campaign_index div.header-panel div.span12.masthead .logo{ margin-left:0; position:relative; z-index:1;} #campaign_index div.form-container .drop_us_message{ width:100%; padding: 19px 22px 26px;} #campaign_index div.form-container .drop_us_message .primary-text:before{ font-size:17px;} #campaign_index div.form-container .drop_us_message .input_holder:before, #campaign_index div.form-container.custom-form .drop_us_message .input_holder:before{ font-size:12px;} #campaign_index .superbrands_logo{bottom: 70px!important; z-index:4;} #campaign_index #launcher {right: 0!important;} .diw-faq-container .tab-list{ width:100%;} .tab-link::before {content: '';position: static;border-left:none;} .tab-link{ min-height:1px; padding-bottom: 0;} .tab-heading.active h4{margin-right: 0; } #campaign_index div.header-panel .span12.masthead {/* top: 2px !important; */ top: 40px !important;} /* diw header Start here*/ .nav-header-top{ height:78px; background-image:url('../images_mcpg/new-year-header-bg_mobile.jpg'); background-size:100%;} .nav-header-top .nav-header-details{ padding: 9px 12px 0; float:left; width: 100%; box-sizing: border-box;} .special-line{ display:none;} .nav-header-top:before{ width:81px; /* background-size:cover; */} .nav-header-top:after{width:82px; } .enjoy-text{ font-size:15px; margin:4px 0 0; max-width: 202px; float:left; display:block; line-height:18px; padding-right:10px;} .special-text { padding-top:0; width:100%; font-size:20px;} .explore-btn{ margin-top:5px; width:105px; height:28px; font-size:12px; padding-left:9px; overflow:hidden; float:left; position: absolute; right:12px; bottom:10px; } .enjoy-text strong{ margin:0;} .enjoy-text small{ font-size:8px; text-align:right; display:none;} #campaign_index div.header-panel div.span12.masthead span.dp-links a.nav-link{ margin:0 3px; padding:5px 5px; font-size:12px; color:#adb6c2; position:relative;} /* #campaign_index div.header-panel div.span12.masthead span.dp-links a.nav-link:after{ content: ''; width:1px; height:14px; position: absolute; top:5px; right:0; background:#ffffff;} #campaign_index div.header-panel div.span12.masthead span.dp-links a.nav-link:last-child :after{ content:''; background:none;} */ #campaign_index div.header-panel div.span12.masthead span.dp-links a.nav-link img{ margin-right:0;} #campaign_index div.header-panel div.span12.masthead span.dp-links a.nav-link img{ margin-left:0;} #campaign_index div.header-panel div.masthead span.logo-panel .logo h1 {width: 146px; background-size: contain;height: 17px;} .payment-solution-list{ min-height:1px; padding-bottom:20px;} .payment-solution-list h5{ margin-top:-15px;} .camp-table .table tr th{ font-size:20px; } .pfee-value{font-size:28px; line-height:26px;} .pfee-value span{ font-size:18px;} #campaign_index div.form-container .drop_us_message .row-fluid span.label, #campaign_index div.form-container .drop_us_message .row-fluid .captcha-code span.label{ font-size:11px;} div.header-panel .span12.login{ /* top:78px; */ } div.carousel-bg{ /* margin-top:116px; */ } div.header-panel .span12.masthead{ /* top: 116px!important; */ } div.header-panel{ /* height:174px; */} div.carousel-bg .banner-container .span12 div.carousel-bg{/* margin-top:60px; */ } div.header-panel div.span12.masthead span.menu-box{top: 20px !important;} /*.menu-container .manu{ top:192px !important;}*/ div.header-panel .span12.login{padding:7px 9px 7px 9px; /*z-index:2;*/} /* div.page-heading {margin-top: 215px !important} div#features, div#phonepay, .container-fluid .buyers-head-bg .buyers-head{ margin-top:175px!important;} div.page-heading.no-nav{margin-top: 175px!important;} .storefront-intro-bg div.section-int{ padding-top:97px;} .storefront-intro-bg{padding-top: 222px!important;} .invoicepay_wrap.invoicePanel{ padding-top:222px;} #section0 {padding-top: 223px;} */ div.carousel-bg .carousel ul.bxslider li.item.slider-token-pay div.sub-title-text { max-width:304px;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-32px !important;} div#features, div#phonepay { margin-top: 108px !important;/* margin-top: 158px !important; */} /* diw header End here*/ /* div.header-panel .span12.masthead { z-index:2; }*/ .newsletter div.middle-container .newsletter-list{ margin-left:0;} .newsletter div.middle-container .newsletter-list div.span6{ width:100%; padding-right:0; margin-bottom:40px;} .newsletter div.middle-container .newsletter-list div.span6:nth-child(2n+2){ padding-left:0;} .newsletter div.middle-container .newsletter-list div.span6 div.news-link h2{line-height: 22px;} .newsletter div.middle-container .newsletter-list div.span6 div.news-link h2 a{font-size:16px;} } @media (max-width:480px) { /* .diw-bg { background: url(../images_mcpg/christmas-bg-mobile.jpg) top center no-repeat;} */ .diw-bg { background: url(../images_mcpg/new-year-bg-mobile.jpg) top center no-repeat;} .special-text { width:auto; } } @media (max-width:359px) { .special-text{ font-size:20px;} .explore-btn {width:100px;} .enjoy-text{font-size:12px;} /*.features .phonepay-main .cutomer_cell { height:540px; }*/ } /*@media (min-width:361px) and (max-width:640px) { .features .phonepay-main .cutomer_cell { background-size:80%; height:600px; } }*/ /*@media (min-width:768px)and (max-width:992px) { .home.pageWidth #carousel .bx-viewport { min-height: auto !important; } .home.pageWidth #carousel div.middle-container { min-height: auto; } .home.pageWidth #carousel .bx-wrapper ul li.item { padding:0 20px; min-height: auto; } .home.pageWidth div.carousel-bg { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 0% 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 0% 100%); padding-bottom: 30px; } .homeSlider { margin-top:20px; margin-bottom:20px;} .homeSlider .leftPanel span.intro { font-size:20px;} .homeSlider .leftPanel span.title { font-size:25px; padding-bottom:15px; padding-top:5px; } .homeSlider .leftPanel span.content { font-size:16px; line-height:26px; padding-bottom:18px; } .superbrands_logo { display:none; } .brand-awards { padding:10px 0px 0px; margin-left:0px !important; } }*/ @media (min-width:1024px) and (max-width:1279px) { .home.pageWidth #carousel .carousel .bxslider .item.slider_mobileApp_bg { background-position:top -50px right 100%; } .home.pageWidth #carousel .carousel .bxslider .item .mobileApp.homeSlider .rightPanel img { max-width: 88%; left: -53px; } .home.pageWidth #carousel .carousel .bxslider .item.slider_tapPay_bg { background-position: top -50px right 90%; } .home.pageWidth #carousel .carousel .bxslider .item .tapPayIntro.homeSlider .rightPanel img { left: 0px; } .home.pageWidth #carousel .carousel .bxslider .item .tapPayIntro .rightPanel { padding-top: 100px; } .home.pageWidth #carousel .carousel .bxslider .item .tokenIntro.homeSlider .rightPanel img { max-width: 80%; } .home.pageWidth #carousel .carousel .bxslider .item .b2bBizIntro.homeSlider .rightPanel img { left: -170px; max-width: 80%; margin-top: 110px; } .home.pageWidth #carousel .carousel .bxslider .item .expressSettleIntro.homeSlider .rightPanel img { margin-top: 110px; max-width: 80%; left: 0; } } @media (min-width:1280px) and (max-width:1680px) { .home.pageWidth #carousel .carousel .bxslider .item.slider_tapPay_bg { background-position: top -50px right 120%; } .home.pageWidth #carousel .carousel .bxslider .item.slider_mobileApp_bg { background-position: top -6px right 200%; } } /*@media (max-width:767px) {*/ @media (max-width:1023px) { /*.home.pageWidth .masthead-bg { border-bottom: 1px solid #878b92; } .home.pageWidth div.carousel-bg { /*-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 35px), 0% 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 35px), 0% 100%);* padding-bottom: 50px; } .home.pageWidth #carousel div.middle-container { min-height: auto; } .homeSlider { flex-direction: column; margin-top:28px; margin-bottom: 30px; } .homeSlider .leftPanel { max-width:100%; padding-bottom:20px; } .homeSlider .leftPanel span { text-align:center; } .homeSlider .leftPanel span.intro { display:none; } .homeSlider .leftPanel span.title { font-size:26px; padding-top:0px; padding-bottom:8px; } .homeSlider .leftPanel span.content { width:100%; font-size:16px; line-height:20px; } .home.pageWidth #carousel div.carousel-bg .carousel ul.bxslider li.item.carausel-bg { height: auto; }*/ .home.pageWidth div.middle-container { padding: 0px !important; } .home.pageWidth .bx-wrapper { margin: 0 auto !important; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 12px !important;} .home.pageWidth .header-panel.masthead-bg {background-color: #18212e; } .home.pageWidth .masthead-bg { border-bottom: 1px solid #878b92; } .home.pageWidth #carousel .carousel .bxslider .item.slider_mobileApp_bg { background-position: top 160px center; background-size: 100%;} .home.pageWidth #carousel .carousel .bxslider .item .homeSlider { flex-direction: column; justify-content: center; align-items: center; } .home.pageWidth div.carousel-bg .carousel ul.bxslider li.item { min-height: 540px; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .leftPanel { margin-top: 80px; margin-bottom: 0px; max-width: 100%; flex: 1 1 100%;text-align: center; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .leftPanel span.intro { display: none; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .leftPanel span.title { font-size: 26px; text-align: center; padding-bottom: 13px; line-height: 29px; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .leftPanel span.content { width: 95%; text-align: center; font-size: 14px; line-height: 20px; margin: 0 auto; padding-bottom: 10px; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .leftPanel span.moreBtn { text-align: center; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .rightPanel { flex: 1 1 100%; } .home.pageWidth #carousel .carousel .bxslider .item .mobileApp.homeSlider .rightPanel img { left: 0px; margin: -10px auto 0px auto; max-width: 100%; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .rightPanel img { left: 0px; margin: 10px auto 0px auto; max-width: 80%; } .home.pageWidth #carousel .carousel .bxslider .item .expressSettleIntro.homeSlider .rightPanel img { left: 0px; margin: 30px auto 0px auto; max-width: 80%; } .home.pageWidth #carousel .carousel .bxslider .item .tapPayIntro .rightPanel { padding-top: 20px; padding-right: 0px; } .home.pageWidth #carousel .carousel .bxslider .item .tapPayIntro.homeSlider .rightPanel img { left: 0px; } .home.pageWidth #carousel .carousel .bxslider .item.slider_tapPay_bg { background-position: top 160px center; background-size: cover; } .home.pageWidth #carousel .carousel .bxslider .item.instantOnboarding_bg { background-position: top 195px center; background-size: 100%; } .home.pageWidth #carousel .carousel .bxslider .item .instantOnboardingIntro.homeSlider .rightPanel img{ left: 0px; margin: 15px auto 0px auto; max-width: 80%;} .home.pageWidth #carousel .carousel .bxslider .item .tokenIntro .rightPanel { padding-top: 50px; } .home.pageWidth #carousel .carousel .bxslider .item .b2bBizIntro.homeSlider .leftPanel { margin-top: 80px; } .home.pageWidth #carousel .carousel .bxslider .item .b2bBizIntro.homeSlider .rightPanel img { left: 0px; margin: 20px auto 0px auto; max-width: 100%; } .home.pageWidth #carousel .carousel .bxslider .item .expressSettleIntro.homeSlider .leftPanel span.title { line-height: 28px; padding-top: 2px; padding-bottom: 9px; } .cross-bg { height: 35px; position: relative; margin-top: -1px; } .cross-bg .skewLine { height: 30px; margin-top: 6px; margin-right: -1px; } } @media(min-width:980px) and (max-width:1024px) { .home.pageWidth div.header-panel .span12.login table{ width:950px;} .home.pageWidth div.header-panel .span12.masthead {max-width: 950px;} .home.pageWidth #carousel .carousel .bxslider .item.slider_cbdc{ background-image: url(../images_mcpg/central-bank-digital-currency-cbdc.png);background-repeat: no-repeat; background-position:top -6px right 120%;} .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .leftPanel{ padding-left:15px;} .home.pageWidth #carousel .carousel .bxslider .item.slider_cbdc .cbdc.homeSlider .rightPanel img{display:none;} } @media (min-width:768px) and (max-width:992px) { .home.pageWidth #carousel .carousel .bxslider .item .tapPayIntro.homeSlider .rightPanel img { max-width: 100%; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .rightPanel img { max-width: 100%; } .home.pageWidth #carousel .carousel .bxslider .item .homeSlider .rightPanel img { margin-top: 30px; } .home.pageWidth #carousel .carousel .bxslider .item.slider_tapPay_bg { background-position: top 220px center; background-size: cover; } .home.pageWidth #carousel .carousel .bxslider .item.instantOnboarding_bg { background-position: top 240px center; background-size: 100%; } .home.pageWidth #carousel .carousel .bxslider .item.instantOnboarding_bg .homeSlider .rightPanel img{ left: 0px; margin: 50px auto 0px auto; max-width: 100%;} .home.pageWidth #carousel .carousel .bxslider .item.slider_cbdc{ background:none;} .home.pageWidth #carousel .carousel .bxslider .item.slider_cbdc .cbdc.homeSlider .rightPanel img{ left:0; right:0; max-width:100%; display:block;} .footer-left-details .fdes br{ display:none;} .footer-mpic{ margin-right:10px} .footer-top-left{ max-width:533px; padding-bottom:8px;} .footer-left-details{ max-width:260px; flex:0 0 260px;} .footer-left-details .fdes{ max-width:245px;} } @media (max-width:360px) { .bnr-second-text { font-size:25px;} } @media( max-width:767px){ .home.pageWidth #carousel .carousel .bxslider .item.slider_cbdc .cbdc.homeSlider .rightPanel img{ left:0; right:0; max-width:100%; display:block; transform: scale(1.5)} div.page-heading div.content-text .select-bg{ padding-top:10px; padding-bottom:10px;} .footer-top{ background-color:#000f2f; padding-top:0;} .footer-top-left{ max-width:60%; justify-content: normal; flex-direction: column; padding-left:20px; padding-right:14px; background:none; display:block;} .footer-left-details .ftitle{ font-size:18px;} .footer-left-details .fdes{ font-size:11px; line-height:18px; max-width: 192px;} .footer-left-details{max-width:100%; flex:0 0 100%;} .download-app .down-title {font-size:11px; float: left; width: 68px;} .download-app .down-title br{ display:block;} .footer-mpic{position:static; marigin:0; width:40%; text-align:center; margin-right:10px; margin-top:auto;} .footer-mpic img{ display:block; margin:auto;} .footer-top{ position:relative;} .footer-top-container{ position:static; display:flex;} .download-app{ padding-top:15px; float:left;} .download-app a { float:left; margin-left: 8px;} .download-app a img{ width:100px} .farrow{ right:15px; display:none;} .footer-left-details .fdes br{ display:none;} div.span12.footer-panel div.span2.super-brand-seal img{ display:block; margin: auto;} div#award-panel div.span12{padding: 20px; box-sizing: border-box;} .footer-bg .span10.footer-text.footer_bottom{ margin-top:0!important;} .footer-logo-list{ border-bottom:0;} div.span12.footer-panel div.span2.super-brand-seal{ margin-top:10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;} span12.footer-logos { margin-top: 10px;} div.footer-panel div.span10.footer-links, .footer-logo-list ul, .footer-bg .span10.footer-text.footer_bottom{ text-align:center;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 9px !important;} .board-of-directors .fancybox-close, .management-team .fancybox-close{ top:30px !important; right:-2px;} .fancybox-overlay{ z-index:999999 !important;} .team-detail .inline-image.visible-phone{ display:block !important; padding-bottom:10px;} .team-detail .team-bio .content-text.scroll-pane{ height:80vh;} } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images_mcpg/fancybox-img/fancybox_sprite.png') !important; /*The size of the normal image, half the size of the hi-res image*/ } }