@media(max-width:320px) {
.col60 { width: 90%; padding: 0 5%; }
.col40 { display: none!important; }
.migrationWrapper .migrationBanner .bannerInner h1 { position: static!important; font-size: 23px!important; width: 100%!important; }
.seamless_migration .steps { width: 90%; min-height: 260px; margin-left: 5%!important; }
.seamless_migration .steps h2 { font-size: 18px!important; }
#slider1_container div { overflow: visible!important; }
.disNmb { display: none!important; }
.disN { display: block!important; }
.ctpMob { display: block!important; width: 100%; margin: 30px 0; }
.ctpMob ul, .ctpMob ul li { width: 96%!important; float: left; padding: 0 }
.ctpMob ul { margin: 20px 0 100px 2%!important; border-left: 2px dashed #3c454f; position: relative; width: 100%!important; clear: both!important; }
.ctpMob ul li { list-style: none; margin: 0 0 20px -4px }
.ctpMob ul li.first { margin: -25px 0 35px -10px }
.ctpMob ul li.last { margin: -5px 0 0 -10px; position: absolute; bottom: -65px }
.benefitsWrapper { height: auto; margin-bottom: 50px; }
.btn_benefits { margin-top: 25px!important; margin-left: 15%!important }
.benefitsWrapper .benefitsInner .benefits .benefit { width: 90% !important; height: auto !important; margin: 0 6% 10% 7% !important; }
.benefitsWrapper .benefitsInner .benefits .benefit img { width: 50% !important; } }
@media(max-width:480px) {
.atWrapper, .blogsWrapper, .guaWrapper, .migrationWrapper, .pricingWrapper, .scheduleDemoWrapper, .tutorialsWrapper { height: auto }
.migrationWrapper .migrationBanner { vertical-align: text-bottom }
.migrationWrapper .migrationBanner .bannerInner h1 { font-size: 22px; left: 10px!important; width: 230px!important; width: 320px!important; text-align: center; }
.migrationWrapper .migrationBanner .bannerInner h1 span { font-size: 26px!important; margin-top: 0px!important; }
.migrationWrapper .migrationBanner .bannerInner { width: 100%; margin-top: 100px }
.migrationWrapper .migrationBanner .bannerInner .btnwrapper { width: 96%; margin: 45px 2% }
.migrationWrapper .migrationBanner .bannerInner .button { width: 100%!important; }
.migrationWrapper .migrationBanner .bannerInner .button a { padding: 15px 0; width: 90%; margin: 0 5% !important; }
.mrlt30 { margin-left: 0!important }
.easy_waysWrapper .easy_waysBanner .bannerInner h2, .migrationFeatureWrapper .migrationFeatureBanner .bannerInner h3, .scheduleDemoWrapper h2 { font-size: 20px; padding-bottom: 20px; margin: 30px 0; }
.sub_abt_contact { font-size: 14px }
.migrationFeatureWrapper .migrationFeatureBanner .bannerInner h3 span { font-size: 13px }
.migration_features ul li { width: 85%; padding: 0 0 0 15%; height: 100px }
.migration_features ul li font { font-size: 14px }
.migration_features ul li p { font-size: 13px }
.acquireSteps { display: none }
.acquireStepsM { display: block; float: left; width: 100%; text-align: center; margin: 0 0 30px }
.acquireStepsM img { width: 98% }
.easy_waysWrapper .easy_waysBanner .bannerInner { width: 100% }
.easy_waysWrapper { height: 520px }
.sub_abt_contact { width: 98%; margin: 0; padding: 0 }
.scheduleDemoWrapper h2 { padding-bottom: 0; margin-bottom: 10px }
.easy_waysWrapper .easy_waysBanner .bannerInner h2 { font-size: 22px; margin: 30px 0; padding-bottom: 0px; }
.countdownWrapper .countdown { width: 100% }
.countdownWrapper .countdown .counter { font-size: 24px }
.seamless_migration { width: 90%; padding: 0 5%; background-image: none }
.seamless_migration .ways { width: 100% }
.seamless_migration .ways h3 { font-size: 22px; margin: 0 0 20px }
.seamless_migration .ways ul { margin: 0 0 0 5%; width: 95% }
.seamless_migration .ways ul li { font-size: 14px }
.seamless_migration .left { border-bottom: 1px solid #ccc; float: left; margin: 0 0 20px; padding: 0 0 10px }
.migrationTWrapper { height: auto }
.migrationTWrapper .inner { width: 90% }
.migrationTWrapper .inner .migrationTool { margin: 0 0 30px }
.migrationTWrapper .inner .migrationTool .title { font-size: 29px }
.migrationTWrapper .inner .migrationTool .toolImg img { width: 100% }
.caseStudyWrapper .caseStudyBanner .bannerInner, .svpWrapper .svpBanner .bannerInner { width: 96% }
.svpWrapper .svpBanner .bannerInner h4 { font-size: 22px; margin: 30px 0; }
.svpWrapper .svpBanner .bannerInner .features table th { padding: 15px 5px }
.caseStudyWrapper, .migrationTWrapper { height: auto; padding: 20px 0 }
.caseStudyWrapper .caseStudyBanner .bannerInner h5 { font-size: 26px; margin: 0 0 10px; padding: 0 0 10px }
.caseStudyWrapper .caseStudyBanner .bannerInner h5 span { font-size: 22px }
.caseStudyWrapper .caseStudyBanner .bannerInner .real_drift img { width: 100% }
.col60 { width: 100%; padding: 0; }
.col40 { display: none!important; }
.migrationWrapper .migrationBanner .bannerInner h1 { position: static!important; font-size: 20px!important; width: 100%!important; margin-top: 0px; }
.seamless_migration .steps { width: 100%; min-height: 260px; margin-left: 7%!important; }
.seamless_migration .steps h2 { font-size: 18px!important; }
.testimonials_Wrapper { height: 520px!important; display: block!important; }
#testimonials { display: block!important; width: 100%!important; }
#testimonial { padding: 0 0 0!important; }
.testimonialInner { width: 100%; margin: 0 auto; display: table; }
.ts-testimonial-slide { text-align: center; color: #ffffff; width: 100% !important; margin: 0 auto; }
.ts-testimonial-slide p { padding: 2% 10% 2% 10%!important; width: 80%!important; line-height: 30px!important; }
.ts-testimonial-slide .ts-testimonial-item .client-name { }
#testimonials h4 { font-size: 22px!important; margin: 30px 0!important; }
.ts-testimonial-slide .ts-testimonial-item .client-name { padding-left: 0px !important; }
#slider1_container p { font-size: 30px!important; line-height: 40px !important; height: auto !important; }
.client-info { font-size: 22px!important; }
/*** .mbv{overflow:visible!important;}
.mbvW{width:320px!important;} ***/
.disNmb { display: none!important; }
.disN { display: block!important; }
.ctp { display: none!important; }
.mhcWrapper1 h3 { font-size: 20px!important; margin: 30px 0 0 0 !important; }
.mhcWrapper1 h4 { font-size: 14px; }
.ctpMob { display: block!important; width: 100%; margin: 30px 0; }
.ctpMob ul, .ctpMob ul li { width: 96%!important; float: left; padding: 0 }
.ctpMob ul { margin: 20px 0 100px 2%!important; border-left: 2px dashed #3c454f; position: relative; width: 100%!important; clear: both!important; }
.ctpMob ul li { list-style: none; margin: 0 0 20px -4px }
.ctpMob ul li.first { margin: -25px 0 35px -10px }
.ctpMob ul li.last { margin: -5px 0 0 -10px; position: absolute; bottom: -65px }
.benefitsWrapper { height: auto; margin-bottom: 50px; }
.ctpMob ul li figure { width: 100%; }
.ctpMob ul li figure img { width: 100% !important; }
.migrationWrapper { height: 480px !important; }
.demo_Banner_wrapper { height: 480px !important; }
.svpBanner .mrtp20, .easy_waysBanner .mrtp20 { margin-top: 0px !important; }
.cd-testimonials-wrapper { margin-top: 140px !important; }
.flex-direction-nav li a:focus { border-color: transparent !important; } }

@media only screen and (min-width :481px) and (max-width :640px) {
.atWrapper, .blogsWrapper, .guaWrapper, .migrationTWrapper, .migrationWrapper, .pricingWrapper, .scheduleDemoWrapper, .tutorialsWrapper { height: auto }
.migrationWrapper .migrationBanner { vertical-align: text-bottom }
.migrationWrapper .migrationBanner .bannerInner h1 { font-size: 24px }
.migrationWrapper .migrationBanner .bannerInner h1 span { font-size: 16px }
.migrationWrapper .migrationBanner .bannerInner { width: 96%; margin-top: 80px }
.migrationWrapper .migrationBanner .bannerInner .btnwrapper { width: 96%; margin: 45px 2% }
.migrationWrapper .migrationBanner .bannerInner .button { width: 47%!important; font-size: 8px!important }
.migrationWrapper .migrationBanner .bannerInner .button a { padding: 15px 0; width: 99%; font-size: 16px }
.mrlt30 { margin-left: 15px!important }
.acquireSteps { display: none }
.acquireStepsM { display: block; float: left; width: 100%; text-align: center; margin: 0 0 30px }
.acquireStepsM img { width: 98% }
.easy_waysWrapper .easy_waysBanner .bannerInner h2, .migrationFeatureWrapper .migrationFeatureBanner .bannerInner h3, .scheduleDemoWrapper h2 { font-size: 26px; padding-bottom: 20px; margin: 30px 0 }
.sub_abt_contact { width: 98%; margin: 0; padding: 0 }
.scheduleDemoWrapper h2 { padding-bottom: 0; margin-bottom: 10px }
.easy_waysWrapper .easy_waysBanner .bannerInner h2 { font-size: 24px; margin: 10px 0 }
.countdownWrapper .countdown { width: 100% }
.countdownWrapper .countdown .counter { font-size: 24px }
.seamless_migration { width: 90%; padding: 0 5%; background-image: none }
.seamless_migration .ways { width: 100% }
.seamless_migration .ways h3 { font-size: 22px; margin: 0 0 20px }
.seamless_migration .ways ul { margin: 0 0 0 5%; width: 95% }
.seamless_migration .ways ul li { font-size: 14px }
.seamless_migration .left { border-bottom: 1px solid #ccc; float: left; margin: 0 0 20px; padding: 0 0 10px }
.migrationTWrapper .inner { width: 90% }
.migrationTWrapper .inner .migrationTool { margin: 0 0 30px }
.migrationTWrapper .inner .migrationTool .title { font-size: 29px }
.migrationTWrapper .inner .migrationTool .toolImg img { width: 100% }
.caseStudyWrapper .caseStudyBanner .bannerInner, .svpWrapper .svpBanner .bannerInner { width: 96% }
.svpWrapper .svpBanner .bannerInner h4 { font-size: 28px }
.svpWrapper .svpBanner .bannerInner .features table th { padding: 15px 5px }
.caseStudyWrapper, .migrationTWrapper { height: auto; padding: 20px 0 }
.caseStudyWrapper .caseStudyBanner .bannerInner h5 { font-size: 26px; margin: 0 0 10px; padding: 0 0 10px }
.caseStudyWrapper .caseStudyBanner .bannerInner h5 span { font-size: 22px }
.caseStudyWrapper .caseStudyBanner .bannerInner .real_drift img { width: 100% }
.seamless_migration .steps { width: 86%; min-height: 260px; margin-left: 7%!important; }
.seamless_migration .steps h2 { font-size: 18px!important; }
.disNmb { display: none!important; }
.disN { display: block!important; } }

@media only screen and (min-width :640px) and (max-width :960px) {
.atWrapper, .blogsWrapper, .guaWrapper, .migrationWrapper, .pricingWrapper, .scheduleDemoWrapper, .tutorialsWrapper { height: auto }
.migrationWrapper .migrationBanner { vertical-align: text-bottom }
.migrationWrapper .migrationBanner .bannerInner h1 { font-size: 24px }
.migrationWrapper .migrationBanner .bannerInner h1 span { font-size: 16px }
.migrationWrapper .migrationBanner .bannerInner { width: 96%; margin-top: 50px }
.migrationWrapper .migrationBanner .bannerInner .btnwrapper { width: 96%; margin: 45px 2% }
.migrationWrapper .migrationBanner .bannerInner .button { width: 47%!important; font-size: 8px!important }
.migrationWrapper .migrationBanner .bannerInner .button a { padding: 15px 0; width: 99% }
.mrlt30 { margin-left: 15px!important }
.acquireSteps { display: none }
.acquireStepsM { display: block; float: left; width: 100%; text-align: center; margin: 0 0 30px }
.acquireStepsM img { width: 65% }
.migration_features ul li { margin: 0 0 30px; width: 36%; padding-left: 8%; height: 100px }
.migration_features ul li font, .migration_features ul li p { font-size: 12px }
.sub_abt_contact { width: 98%; margin: 0; padding: 0 }
.scheduleDemoWrapper h2 { padding-bottom: 0; margin-bottom: 10px }
.ContactForm_n select { width: 32%!important }
.easy_waysWrapper .easy_waysBanner .bannerInner h2 { font-size: 30px; margin: 10px 0 }
.countdownWrapper .countdown { width: 100% }
.countdownWrapper .countdown .counter { font-size: 24px }
.easy_waysWrapper .easy_waysBanner .bannerInner h2 { width: 90%; padding: 0 5%; text-align: left }
.seamless_migration { width: 90%; padding: 0 5%; background-image: none }
.seamless_migration .ways { width: 100% }
.seamless_migration .ways h3 { font-size: 22px; margin: 0 0 20px; text-align: left }
.seamless_migration .ways ul { margin: 0 0 0 5%; width: 95% }
.seamless_migration .ways ul li { font-size: 14px }
.seamless_migration .left { border-bottom: 1px solid #ccc; float: left; margin: 0 0 20px; padding: 0 0 10px }
.migrationTWrapper { height: auto }
.migrationTWrapper .inner { width: 90% }
.migrationTWrapper .inner .migrationTool { margin: 0 0 30px }
.migrationTWrapper .inner .migrationTool .title { font-size: 29px }
.easy_waysWrapper .easy_waysBanner .bannerInner, .migrationTWrapper .inner .migrationTool .toolImg img { width: 100% }
.svpWrapper .svpBanner .bannerInner h4 { font-size: 28px }
.svpWrapper .svpBanner .bannerInner .features table th { padding: 15px 5px }
.caseStudyWrapper, .migrationTWrapper { height: auto; padding: 20px 0 }
.caseStudyWrapper .caseStudyBanner .bannerInner { width: 96% }
.caseStudyWrapper .caseStudyBanner .bannerInner h5 { font-size: 26px; margin: 0 0 10px; padding: 0 0 10px }
.caseStudyWrapper .caseStudyBanner .bannerInner h5 span { font-size: 22px }
.caseStudyWrapper .caseStudyBanner .bannerInner .real_drift img { width: 100% }
.svpWrapper .svpBanner .bannerInner { width: 90% }
.disNmb { display: none!important; }
.disN { display: block!important; }
.ctp { background: url(home/images/PathLine2.png) 50% 50% no-repeat; width: 97%; position: relative; height: auto; margin: 70px auto 0 !important; background-size: 99%; }
.ctpapp42 img, .ctpappwarp img, .ctpdevops img, .ctpgateway img, .ctpma img, .ctppaas img, .ctpenterprise img { width: 98%; height: auto; }
.pro .icon { width: 96%; height: auto; }
.ctp-core { top: 44%; left: -4%; position: absolute; }
.ctpapp42 { top: -9.5%; left: -3%; }
.ctppaas { top: 60%; left: 17%; }
.ctpdevops { top: -9.5%; left: 27%; }
.ctpma { top: 59%; left: 38%; }
.ctpappwarp { top: -9.5%; left: 53%; }
.ctpgateway { left: 64%; top: 58%; }
.ctpenterprise { left: 81%; top: -8.9%; }
.ctpadvantage { left: 84%; top: 47%; position: absolute; } }

@media only screen and (min-width :960px) and (max-width :1024px) {
.migrationWrapper .migrationBanner .bannerInner { width: 90% }
.migrationWrapper .migrationBanner .bannerInner .btnwrapper { margin: 55px 10% }
.scheduleDemoWrapper { background-position: -230px 0 }
.migration_features ul li { margin: 0 0 30px }
.easy_waysWrapper { height: auto!important }
.easy_waysWrapper .easy_waysBanner .bannerInner h2 { font-size: 30px; margin: 50px 0 }
.countdownWrapper .countdown { width: 100% }
.countdownWrapper .countdown .counter { font-size: 24px }
.seamless_migration { width: 95%!important; padding: 0; background-image: url(images/migration/way_sep.png); min-height: auto!important }
.seamless_migration .ways { width: 45% }
.seamless_migration .ways h3 { font-size: 22px; margin: 0 0 20px 5%; text-align: left; widows: 80% }
.seamless_migration .ways ul { margin: 0 0 0 9%; width: 95% }
.seamless_migration .ways ul li { font-size: 14px }
.seamless_migration .left { float: left; margin: 0 0 20px; padding: 0 0 10px }
.migrationTWrapper { height: auto }
.migrationTWrapper .inner { width: 90% }
.migrationTWrapper .inner .migrationTool { margin: 0 0 30px }
.migrationTWrapper .inner .migrationTool .title { font-size: 29px }
.easy_waysWrapper .easy_waysBanner .bannerInner, .migrationTWrapper .inner .migrationTool .toolImg img { width: 100% }
.migrationWrapper .migrationBanner .bannerInner h1 { font-size: 36px; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .largeT { width: 33%!important }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product p { font-size: 20px!important }
.path { width: 98%!important }
.app42 { left: 45px!important }
.core { left: 1%!important; top: 56%!important }
.paas { left: 17%!important; top: 54%!important }
.devops { left: 25%!important; top: 17%!important }
.ma { left: 39%!important; top: 50%!important }
.appwarp { left: 54%!important; top: 14%!important }
.gateway { left: 66%!important; top: 56%!important }
.enterprise { left: 74.5%!important; top: 5%!important }
.advantage { left: 86%!important; top: 52%!important }
.disNmb { display: none!important; }
.disN { display: block!important; }
.ctpapp42 { top: -10%; left: 1%; }
.ctpdevops { top: -10%; left: 27%; }
.ctpappwarp { top: -10%; left: 49%; }
.ctpenterprise { left: 75%; top: -10%; }
.ctppaas { top: 65%; left: 19%; }
.ctpma { top: 64%; left: 40%; }
.ctpgateway { left: 63%; top: 64%; }
.ctp-core { top: 53%; left: 0%; position: absolute; }
.ctpadvantage { left: 85%; top: 54%; position: absolute; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product { height: 258px!important; } }

@media only screen and (min-width :1025px) and (max-width :1280px) {
.ctpapp42 { top: -20%; left: 11%; }
.ctppaas { top: 73%; left: 24%; }
.ctpdevops { top: -20%; left: 34%; }
.ctpma { top: 72%; left: 44%; }
.ctpappwarp { top: -20%; left: 55%; }
.ctpgateway { left: 66%; top: 72%; }
.ctpenterprise { left: 76%; top: -20%; }
.ctp-core { top: 55%; left: 3%; }
.ctpadvantage { left: 87%; top: 55%; }
.ourProductsWrapper .ourProductsInner .ourProducts .Products .row .Product { width: 33%; } }

@media only screen and (min-width :1481px) and (max-width :1920px) {
.ctpapp42 { top: -20%; left: 11%;}
.ctppaas { top: 73%; left: 24%;}
.ctpdevops { top: -20%; left: 34%;}
.ctpma { top: 72%; left: 44%;}
.ctpappwarp { top: -20%; left: 55%;}
.ctpgateway { left: 66%; top: 72%;}
.ctpenterprise { left: 76%; top: -20%;}
.ctp-core { top: 55%; left: 3%;}
.ctpadvantage { left: 87%; top: 55%;}
.titleStrip:after{border-left: 530px solid rgba(11,75,112,0.8);}
}

@media only screen and (min-width :1400px) and (max-width :1480px) {
/***.demo_Banner_wrapper{height: 90vh;}
.demo_Banner_wrapper h1{font-size: 3.5em;}
.demo_Banner_wrapper span{font-size: 0.5em;}
.blue_btn a{padding: 1.2em 2.2em; font-size: 1.5em;}
.shep_nav_wrapper .shep_inner_nav .logo{width: 150px !important;}
.shep_nav_wrapper .shep_inner_nav .shep_menu .shep_nevigation ul li a{font-size: 1.2em !important;}
.ctp{width: 96vw;}
.ctpapp42 { top: -15%; left: 9%;}
.ctppaas { top: 70%; left: 22%;}
.ctpdevops { top: -15%; left: 33%;}
.ctpma { top: 70%; left: 42%;}
.ctpappwarp { top: -15%; left: 54%;}
.ctpgateway { left: 64%; top: 70%;}
.ctpenterprise { left: 75%; top: -15%;}
.ctp-core { top: 55%; left: 3%;}
.ctpadvantage { left: 87%; top: 55%;}
.ourProductsWrapper .ourProductsInner .ourProducts .Products{width: 84vw; margin: 0 8vw}
.titleStrip:after {border-left: 28vw solid rgba(11,75,112,0.8);} ***/
}