@charset "utf-8"; /* CSS Document */

@media(max-width:320px) {
.btn_migrate a { font-size: 12px!important; padding: 10px!important }
.benefitsPoints { margin: 15px 0 0!important }
.benefitsPoints li img { margin-right: 10px!important }
.benefitsPoints li { margin: 0 0 10px 10px!important; width: 93%!important; font-size: 12px!important }
.btn_benefits a { font-size: 10px!important; padding: 10px 5px!important }
.btn_benefits { margin-top: 25px!important; margin-left: 0%!important }
.btn_benefits { margin-top: 5px !important; }
.solWrapper{ margin:0;}
.mhcWrapper1Mob{height: auto !important;} }

@media(max-width:330px) {
.btn_migrate a { font-size: 12px!important; padding: 10px!important }
.benefitsPoints { margin: 15px 0 0!important }
.benefitsPoints li img { margin-right: 10px!important }
.benefitsPoints li { margin: 0 0 10px 10px!important; width: 93%!important; font-size: 12px!important }
.btn_benefits a { font-size: 10px!important; padding: 10px 5px!important }
.btn_benefits { margin-top: 25px!important; margin-left: 0%!important }
.benefitsWrapper .benefitsInner .benefits .benefit { width: 90% !important; height: auto !important; margin: 0 6% 10% 7% !important; }
.benefitsWrapper .benefitsInner .benefits .benefit img { width: 45% !important; }
.btn_benefits { margin-top: 5px !important; } 
.solWrapper{ margin:0;}
.mhcWrapper1Mob{height: auto !important;}}

@media(max-width:480px) {
.demo_Banner_wrapper { height: 590px; margin: 0!important }
.background-video{ height: 100%!important}	
.demo_Banner_wrapper h1 { font-size: 25px !important; width: 96%!important; float: left; padding: 2%; }
.demo_Banner_wrapper video { width: 100%!important; object-fit: cover }
.ourProductsWrapper { height: auto!important; padding-bottom: 30px; }
.cta_pos { top: 56%!important }
.mhcWrapper h3, .ourProducts h3, .testimonialss h3 { font-size: 20px!important; margin: 20px 0 !important; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row { border-bottom: none !important; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product { /***** height: 150px!important; ******/ height: 160px !important; width: 100% !important; border-right: none !important; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .largeT { width: 33.3% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .large { width: 33% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p { margin: 75px 0 0!important; font-size: 13px!important }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product img, .ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product:hover img { height: 150px!important }
.testimonialsWrapper .testimonialsInner { background-position: 0!important }
.testimonialsWrapper { height: 550px !important }
.clientel .mrtp100 { margin-top: 50px }
.testimonialsWrapper .testimonialsInner .clientel .row { /***** margin: 135px 30px!important; *******/ width: 100%!important; margin: 5px 0 70px 0; }
.row .client { width: 50% !important; height: 90px!important }
.wd50 { width: 70%!important }
.wd65 { width: 80% }
.wd20 { width: 25% }
.wd60 { width: 75% }
.wd35 { width: 50%; margin-top: 30px; }
.wd40 { width: 40% }
.dl { width: 30%!important; margin-top: 0%!important; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p.bankingM { margin-top: 42px!important }
.clientel row:nth-child(2) { margin-top: 20px!important }
.path { display: none!important }
.journey { display: block!important; width: 100%; margin: 30px 0 }
.journey img { width: 90% }
.journey ul li.first img, .journey ul li.last img { width: auto!important }
.rowM { margin-top: 0!important }
.benefitsWrapper .benefitsInner .benefits h3 { font-size: 25px!important; margin: 10px 0 20px 0!important }
.benefits .column { width: 100%!important }
.benefits .column.right { display: none!important }
.benefitsPoints li { margin: 0 0 10px 20px!important; width: 90%!important }
.btn_benefits a { font-size: 12px!important; padding: 10px 20px!important }
footer { background-repeat: repeat !important; }
section.centerbox ul li { line-height: 20px !important; }
section.centerbox ul li a { font-size: 10px !important; }
.benefitsPoints li img { margin-bottom: 10px!important; }
.benefitsWrapper .benefitsInner .benefits .benefit { width: 90% !important; height: auto !important; margin: 0 6% 10% 5% !important; }
.benefitsWrapper .benefitsInner .benefits .benefit img { width: 45% !important; }
.btn_benefits { margin-top: 5px !important; } /***************** Media Queries for Solution Page ***************/
.solBanner { height: 250px; }
.solBanner .overlay { height: 250px; }
.solBanner h1 span { font-size: 22px !important; }
.solBanner h1 { font-size: 22px; padding-top: 30px; }
.overlay .heading { border-bottom: none; }
.solBanner h2 { font-size: 16px; }
.dark { background-size: cover; background-position: 50% 50%; }
.light .infoCont { display: table-row !important; }
.light .imgCont { display: table-row !important; }
.dark .imgCont { display: none !important; }
.dark .infoCont { display: table-row !important; }
.dark .imgContMob { display: table-row !important; text-align: center; }
.light figure img { width: 75%; }
.light h2, .dark h2 { font-size: 26px; padding: 25px 0 0 0; }
.light ul, .dark ul { margin: 15px 0 30px 30px; }
.light ul li, .dark ul li { font-size: 13px; line-height: 18px; }
.light .solutionsCta a, .dark .solutionsCta a { width: 80%; display: block; text-align: center; }
.img100 { width: 100% !important; }
.img60 { width: 60% !important; }
.dark .imgContMob figure img { width: 100%; }
.light figure, .dark figure { margin: 30px 0; }
#benefits h2 { font-size: 26px; padding: 25px 0 30px 0; }
.dark .solBenefit { width: 100%; height: 225px; margin: 0 0 0 0; }
.light .solBenefit { width: 100%; height: 225px; margin: 0 0 0 0; }
.light .solBenefit figure img { width: auto; }
.contactStrip { padding: 8% 2% 5% 2%; }
.contactStrip p { font-size: 16px; }
.contactStrip p a { margin-left: 10%; margin-right: 10%; margin-top: 8%; display: block; }
.lh50 span { display: inline; }
.pdbtn { padding: 0 30px !important; }
.solBanner .insurance { background-position: 20% 0; }
.solBanner .bannerInner { padding: 0 3%; }
.solBanner .formB .bannerInner { width: 100%; }
.solBanner .formB .bannerInner h1 { font-size: 22px; margin-top: 30px; margin-bottom: 0px; }
.solBanner .formB .bannerInner h2 { font-size: 16px; }
.solWrapper .leftCol { width: 100%; }
.solWrapper .rightCol { width: 100%; margin-top: 0; }
.pdbt45 .solBanner { height: 210px; }
.pdbt45 .solBanner .formB { height: 210px; background-position: 16% -110px; }
.solBanner .formB .bannerInner h2 { margin-top: 15px; margin-bottom: 15px; }
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { padding: 15px 38%; margin: 3% 0 2% 0; }
.clientsWrapperBg { height: 325px; }
.clientsWrapperBg h2 { font-size: 16px; width: 96%; margin: 0 2%; } /***************** Media Queries for Solution Page Ends***************/
.titleStrip { font-size: 16px; font-family: Roboto; padding: 35px 18px 0px 18px; }
.cmn-t-underline:after { top: -5px; height: 3px; }
.titleStrip:after { border-left: 370px solid rgba(11,75,112,0.8); bottom: -45px; border-top: 0px solid transparent; border-bottom: 45px solid transparent; } 
.solWrapper{ margin:0;}
.mhcWrapper1Mob{height: auto !important;}}

@media only screen and (min-width :481px) and (max-width :640px) {
.demo_Banner_wrapper { height: 526px; position: static!important; margin: 0!important }
.demo_Banner_wrapper video { width: 100%!important; object-fit: cover }
.demo_Banner_wrapper h1 { font-size: 30px; width: 96%; float: left; padding: 2% }
.ourProductsWrapper { height: auto!important }
.cta_pos { top: 60%!important }
.mhcWrapper h3, .mhcWrapper1 h3, .ourProducts h3, .testimonialss h3 { font-size: 25px!important; margin: 20px 0 }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product { height: 150px!important; width: 32.4%!important }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .largeT { width: 33.3% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .large { width: 33% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p { margin: 75px 0 0!important; font-size: 13px!important }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product img, .ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product:hover img { height: 150px!important }
.testimonialsWrapper { height: 530px !important; }
.testimonialsWrapper .testimonialsInner { background-position: 0 80px }
.clientel .mrtp100 { margin-top: 50px }
.testimonialsWrapper .testimonialsInner .clientel .row { margin-left: 10%!important; width: 90%!important }
.row .client { width: 34%!important; height: 110px!important; display: table; margin-bottom: 38px; width: 15%!important; }
.wd50 { width: 75%!important }
.wd65 { width: 80% }
.wd20 { width: 25% }
.wd60 { width: 75% }
.wd35 { width: 50%; margin-top: 50px; }
.wd40 { width: 40% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p.bankingM { margin-top: 55px!important }
.clientel row:nth-child(2) { margin-top: 20px!important }
.rowM { margin-top: 0!important }
.path { display: none!important }
.journey { display: block!important; width: 100%; margin: 30px 0; text-align: center }
.journey ul { float: left!important; width: 45%!important; margin: 10% 30%!important }
.journey ul li { float: left; width: 100%; margin: 0 0 45px -4px!important }
.journey ul li.first img, .journey ul li.last img { width: 60%!important }
.journey ul li.first { margin: -50px 0 35px -80px!important }
.journey ul li.last { position: absolute; bottom: -65px; margin: -50px 0 35px -100px!important }
.journey img { width: 95%!important; margin: 30px 20px 0 0 }
.benefitsWrapper .benefitsInner .benefits h3 { font-size: 25px!important }
.benefits .column { width: 100%!important }
.benefits .column.right { display: none!important }
.benefitsPoints li { margin: 0 0 10px 20px!important; width: 90%!important }
.btn_benefits a { font-size: 12px!important; padding: 10px 20px!important; margin-left: 28%!important }
.benefitsPoints li img { margin-bottom: 10px!important; }
.btn_benefits { margin-top: 5px !important; } /***************** Media Queries for Solution Page ***************/
.solBanner { height: 250px; }
.solBanner .overlay { height: 250px; }
.solBanner h1 span { font-size: 22px !important; }
.solBanner h1 { font-size: 20px; }
.overlay .heading { border-bottom: none; }
.solBanner h2 { font-size: 16px; }
.dark { background-size: cover; background-position: 50% 50%; }
.light .infoCont { display: table-row !important; }
.light .imgCont { display: table-row !important; }
.dark .imgCont { display: none !important; }
.dark .infoCont { display: table-row !important; }
.dark .imgContMob { display: table-row !important; text-align: center; }
.light figure img { width: 60%; }
.light h2, .dark h2 { font-size: 26px; padding: 25px 0 0 0; }
.light ul, .dark ul { margin: 15px 0 30px 30px; }
.light ul li, .dark ul li { font-size: 13px; line-height: 18px; }
.light .solutionsCta a, .dark .solutionsCta a { width: 80%; display: block; text-align: center; }
.img100 { width: 100% !important; }
.img80 { width: 80% !important; }
.img60 { width: 60% !important; }
.dark .imgContMob figure img { width: 100%; }
.light figure, .dark figure { margin: 30px 0; }
#benefits h2 { font-size: 26px; padding: 25px 0 30px 0; }
.dark .solBenefit { width: 100%; height: 225px; margin: 0 0 0 0; }
.contactStrip { padding: 8% 2% 5% 2%; }
.contactStrip p { font-size: 16px; }
.contactStrip p a { margin-left: 10%; margin-right: 10%; margin-top: 8%; display: block; }
.lh50 span { display: inline; }
.pdbtn { padding: 0 30px !important; }
.solWrapper{ margin:0;} /***************** Media Queries for Solution Page Ends***************/ }

@media only screen and (min-width :641px) and (max-width :960px) {
.demo_Banner_wrapper { height: 526px !important; margin: 0!important; position: static !important; background: url(https://s3-us-west-2.amazonaws.com/shepwebimg/shephertz/video-bg.jpg?shep25072016) !important; background-size: cover !important; }
.demo_Banner_wrapper video { width: 100%!important; object-fit: cover }
.demo_Banner_wrapper h1 { font-size: 30px; width: 94%; float: left; }
.ourProductsWrapper { height: 440px !important; }
.demo_Banner_wrapper h1 { margin-top: -15% !important; }
.demo_Banner_wrapper span { font-size: 18px !important; }
.ctp { width: 94% !important; }
.cta_pos { top: 28%!important;}
.mhcWrapper h3, .mhcWrapper1 h3, .ourProducts h3, .testimonialss h3 { font-size: 25px !important; margin: 35px 0 10px 0 !important; }
.mhcWrapper1 { height: 640px !important; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product { height: 150px!important; width: 33%!important }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .largeT { width: 33.3% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .large { width: 33% }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p { margin: 75px 0 0!important; font-size: 13px!important }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product img, .ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product:hover img { height: 150px!important; }
.testimonialsWrapper .testimonialsInner { background-position: 0; }
.clientel .mrtp100 { margin-top: 50px }
.testimonialsWrapper .testimonialsInner .clientel .row { margin: 5% 2%!important; width: 96%!important }
.row .client { width: 16%!important; height: 100px!important; display: table; margin-bottom: 50px; padding: 0 2%; }
.row .client img { width: 100%; }
.wd50 { width: 75% !important; }
.wd65 { width: 100% !important; margin-top: 16%; }
.wd20 { width: 25% !important; }
.wd60 { width: 100% !important; }
.wd35 { width: 65% !important; }
.wd40 { width: 70% !important; }
.wd80ip { width: 80% !important; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p.bankingM { margin-top: 55px!important }
.clientel row:nth-child(2) { margin-top: 20px!important }
.path { display: none!important }
.journey { display: block!important; width: 100%; margin: 30px 0; text-align: center }
.journey ul { float: left!important; width: 45%!important; margin: 10% 30%!important }
.journey ul li { float: left; width: 100%; margin: 0 0 45px -4px!important }
.journey ul li.first img, .journey ul li.last img { width: 60%!important }
.journey ul li.first { margin: -50px 0 35px -80px!important }
.journey ul li.last { position: absolute; bottom: -65px; margin: -50px 0 35px -100px!important }
.journey img { width: 95%!important; margin: 30px 20px 0 0 }
.rowM { margin-top: 0!important }
.benefitsPoints li { margin: 0 0 10px 15px!important; width: 90%!important; font-size: 13px!important }
.benefitsPoints .mrtp10 { margin-top: 0!important }
.benefitsWrapper .benefitsInner .benefits h3 { font-size: 25px!important; }
.demo_Banner_wrapper video { display: none; }
.abpwd { width: 55px!important; }
.dl { width: 60%!important; margin-top: -20% !important; }
.benefitsWrapper { height: 680px !important; }
.benefitsWrapper .benefitsInner .benefits { width: 100%; }
.benefitsWrapper .benefitsInner .benefits .benefit { width: 29% !important; margin: 0 2% 0 2% !important; height: 240px !important; }
.benefitsWrapper .benefitsInner .benefits .benefit figure img { width: 55% !important; }
.benefitsWrapper .benefitsInner .benefits .benefit h2 { font-size: 13px !important; }
.testimonialsWrapper { height: 440px !important; } /***************** Media Queries for Solution Page ***************/
.solBanner { height: 250px; }
.solBanner .overlay { height: 250px; }
.solBanner h1 { font-size: 26px !important; }
.solBanner h1 span { font-size: 26px !important; }
.solBanner h1 { font-size: 26px; margin-top: 55px !important; }
.solBanner .formB .bannerInner h2 { font-size: 18px; }
.overlay .heading { border-bottom: none; }
.solBanner h2 { font-size: 22px; }
.solBanner .formB { height: 270px; }
.solWrapper .rightCol { margin-top: -92%; }
.solWrapper .leftCol h2 { color: #333; font-size: 16px; }
.light { height: 460px !important; }
.dark { height: 520px !important; }
.dark { background-size: cover; background-position: 50% 50%; }
.dark .imgCont { width: 45%; padding-right: 5%; }
.dark figure img { width: 100%; }
.light figure img { width: 80%; }
.light h2, .dark h2 { font-size: 26px; padding: 25px 0 0 0; }
.light ul, .dark ul { margin: 15px 0 30px 30px; }
.light ul li, .dark ul li { font-size: 13px; line-height: 18px; }
.img100 { width: 100% !important; }
.img60 { width: 60% !important; }
.light figure, .dark figure { margin: 30px 0; }
#benefits h2 { font-size: 26px; padding: 45px 0 60px 0; }
.beneWrapperInner { width: 100% !important; }
.dark .solBenefit { width: 26%; height: 300px; margin: 0 2% 0 5%; }
.dark .solBenefit figure img { display: inline !important; width: auto !important; }
.contactStrip { padding: 8% 2% 5% 2%; }
.contactStrip p { font-size: 16px; }
.contactStrip p a { margin-left: 4%; padding: 10px 10px; font-size: 14px; }
.lh50 span { display: inline; }
.pdbtn { padding: 0 30px !important; }
.dark .imgContMob { display: none; }
.solBanner .banking { background-attachment: fixed!important; background-size: inherit !important; }
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { padding: 15px 37%; margin: 3% 0 2% 0; }
.clientsWrapperBg { height: 450px; } /***************** Media Queries for Solution Page Ends***************/
.ourProductsWrapper .ourProductsInner .ourProducts .Products { width: 90% !important; margin: 20px 5% !important; }
.titleStrip { font-size: 18px !important; padding: 35px 18px 0px 18px !important; }
.cmn-t-underline:after { top: -8px; height: 4px; }
.titleStrip:after { border-left: 225px solid rgba(11,75,112,0.8); bottom: -27px; border-top: 0px solid transparent; border-bottom: 27px solid transparent; }
.ctpapp42 img, .ctpappwarp img, .ctpdevops img, .ctpgateway img, .ctpma img, .ctppaas img, .ctpenterprise img { width: 100% !important; height: auto; }
.ctpapp42 { top: -9.5% !important; left: -3% !important; }
.ctpapp42 img { width: 90% !important; }
.ctppaas { top: 60% !important; left: 17% !important; }
.ctppaas img { width: 85% !important; left: -10% !important; }
.ctpdevops { top: -6.5% !important; left: 26% !important; }
.ctpdevops img { width: 100% !important; left: -10% !important; }
.ctpma { top: 59% !important; left: 38% !important; }
.ctpma img { width: 90% !important; }
.ctpappwarp { top: -9.5% !important; left: 51% !important; }
.ctpappwarp img { width: 100% !important; left: -11% !important; }
.ctpgateway { left: 64% !important; top: 58% !important; }
.ctpgateway img { width: 84% !important; }
.ctpenterprise { left: 79% !important; top: -3.9% !important; }
.ctpenterprise img { width: 110% !important; }
.ctpadvantage { left: 84% !important; top: 47% !important; position: absolute !important; } 
.solWrapper{ margin:0;}
.solBanner .abpB .bannerInner{float: left; width: 48%; padding: 0 5%;}
#abp-cs .solBanner {height: 250px !important;}
#abp-cs .solBanner .abpB {height: 250px !important;}
#abp-cs .rightColCS{margin-top: -70% !important;}
#abp-cs .light {height: 290px !important;}
#abp-cs h1 span{font-size: 23px !important;}
#enter-mob .solBanner .bannerInner {float: left; width: 49%; padding: 0 3%;}
#enter-mob .solBanner {height: 250px !important;}
#enter-mob .solBanner .abpB {height: 250px !important;}
#enter-mob .rightColCS{margin-top: -80% !important;}
#enter-mob .light {height: 290px !important;}
#enter-mob h1 {margin-top: 15px !important;}
#enter-mob h1 span{font-size: 21px !important;}
.solBanner .entrpMobi .bannerInner h2{font-size: 18px;}
#info-push .solBanner .bannerInner {float: left; width: 49%; padding: 0 3%;}
#info-push .solBanner {height: 250px !important;}
#info-push .solBanner .abpB {height: 250px !important;}
#info-push .rightColCS{margin-top: -82% !important;}
#info-push .light {height: 290px !important;}
#info-push h1 {margin-top: 15px !important;}
#info-push h1 span{font-size: 21px !important;}
.solBanner .ecomApp .bannerInner h2{font-size: 18px;}
#plat-demo .light{height: 350px !important;padding: 5% 5% 1% 5%;}
.background-video{height: 600px !important;}
}

@media only screen and (max-width: 1024px) and (min-width: 961px) {
.solWrapper { overflow: hidden; }
.solBanner h1 { font-size: 35px !important; }
.solBanner h1 span { font-size: 35px !important; }
.solBanner h2 { font-size: 20px; }
.dark .imgCont { width: 44%; padding: 0 5% 0 0; }
.dark .infoCont { width: 50%; }
.light figure, .dark figure { width: auto; }
.dark figure img { width: 100%; }
.light .infoCont { width: 50%; }
.light .imgCont { width: 44%; padding: 0 5% 0 0; }
.light figure img { width: 100%; }
.light h2 { font-size: 40px; }
.dark h2 { font-size: 50px; }
.dark ul li, .light ul li { font-size: 14px; }
.demo_Banner_wrapper{margin: 0 0 0 0 !important;}
}