/*--------------------------------------resonsive css add by peeyush on date 28th Sep, 2016------------------------------------*/

@media (max-width:767px){
.fullheight{ height:auto!important}
.container{ width:96%!important; max-width:96%!important;padding-left: 0.9375rem!important;padding-right: 0.9375rem!important;}
header{ z-index:9999!important}
#videocontrolbar{ display:block!important}

.respo-price-contenar{ width:100%; overflow:scroll;}
.respo-price-contenar .respo-price-wrapper{ width:900px!important}
/*--------------------------------------Header Resonsive CSS------------------------------------*/
.spinner-master{ top:0!important; margin:8px 15px}
.togglebg.showbg{ background:#144484}
header .navbar ul.navbar-nav{ float:left; border:solid 0px; width:100%; text-align:left}
header .navbar ul.navbar-nav li.nav-item{ margin-left:0!important; border-bottom:solid 1px rgba(255,255,255,.15); padding-left:0px}
header .navbar ul.navbar-nav li.nav-item .nav-link{ padding:10px 15px!important}
header .navbar ul.navbar-nav li.nav-item.group_btn { text-align:center; padding-bottom:5px; border-bottom:0; margin-top:0!important}
header .navbar ul.navbar-nav li.nav-item.group_btn a.borderrad{ border-radius:0px 20px 20px 0}
header .navbar ul.navbar-nav li.nav-item.group_btn a.noborderrad{ border-radius:0px 0px 0px 0px!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown{ display:none!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown.showdrop{ display:inline-block!important; margin-bottom:10px!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown.showdrop button{ display:none!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown.showdrop ul{ position:relative!important; min-width:none!important; margin:0!important; padding:0!important; background:none!important; box-shadow:none!important; border-radius:0!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown.showdrop ul li{ display:inline-block!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown.showdrop ul li a{background:#0b356e!important; color:#fff!important; border-radius:0!important; padding:5px 10px!important; border-right:1px solid rgba(255, 255, 255, 0.1)!important}
header .navbar ul.navbar-nav li.nav-item.group_btn .dropdown.showdrop ul li a.lastinr{border-radius:0px 20px 20px 0px!important; border:0!important}
header .navbar ul.navbar-nav li.nav-item .nav-link.effct-button{ padding:6px 20px!important}
.noborder{ border:0!important}
.mega_menu_link{ position:relative!important;}
.mega-menu{ top:0px!important; text-align:center; position:relative; padding:0; margin-left:0px;}
.mega-menu .block{ float:none; padding:10px 10px; width:auto}
.mega-menu .block:nth-child(4), .mega-menu .block:nth-child(5){ padding-bottom:0}
.mega-menu .block .menu_title{ margin:0 0 5px}
header .navbar-brand{padding-left:15px!important; width:auto!important}
.navbar-fixed-bottom, .navbar-fixed-top{ position:fixed!important}
.innerresponsive{padding-left:0!important;padding-right:0!important}
.posrel{ position:relative!important}
.margtio{ margin-top:-100px!important}
.paddlefrigh{ width:calc(100% + 0.9375rem + 0.9375rem)!important; margin-left:-0.9375rem!important}
header .navbar ul.navbar-nav li.nav-item .nav-link.effct-button{ padding:6px 10px !important}
.newpoints li{ width:100%;}
.imgmarbot img{ margin-bottom:0px!important}
.imgmarbot p{font-size:15px; text-align:left}
.marbot img{ margin-bottom:0px}
.bluecurvebg.setheading img{ width:120px}
a.resp{ margin:20px 0!important}
.benefits h4 .fa-long-arrow-right{ display:none}
.benefits h4{ text-align:center}
.benefits p{ text-align:center}
.benefits .features{ text-align:center}
.benefits .features p{ width:100%!important; text-align:center}
.priceslabs li{padding:19px 5px;}
.priceslabs li div{left:5px}
.priceslabs:last-child li{padding:19px 5px 0; }
.priceslabs:first-child li:first-child{padding:19px 5px 0; }
.faqscontent .col-md-6{ width:100%; border:solid 0px}
.internation_sms_price{ width:auto!important}
.internation_sms_price td{ width:auto!important}
.internation_sms_price th{ width:auto!important}
.internation_sms_price tr{ width:auto!important}
.internation_sms_price thead{ width:auto!important}
.internation_sms_price tbody{ width:auto!important}
.setheading h3{ text-align:center; margin-top:10px}
.mainfeatur h3{ margin-top:15px;}
.morefeatures p{ padding-right:0}
.brright{ border-right:0; border-bottom:1px solid #eee}

/*--------------------------------------Footer Resonsive CSS------------------------------------*/
footer.container-fluid{ padding-left:0; padding-right:0}
.social-link{ float:none!important; margin:20px auto 0!important; text-align:center!important}
.social-link li{ float:none!important;}
footer ul.social-link li a{ margin:0 10px!important }

/*--------------------------------------Home Page Resonsive CSS------------------------------------*/
.homepage-bg .container{ width:100%!important; max-width:100%!important;padding-left:0!important;padding-right:0!important;}
.theme-section .try-button{display: inline-block;margin-top:40px!important;}
.padleft{padding-left:0.9375rem!important}
.banner-secd{ text-align:center!important; margin-top:0px!important}
.banner-secd img{ max-width:100%; margin-bottom:15px}
.marketing-resource p{ padding:0!important}
.services-slider:after{ display:none}
.services-slider{ width:auto; height:auto; padding-top:0; margin:10px auto 0}
.services-slider br{display:none!important}
.services-slider .carousel-inner{ height:auto; padding-bottom:10px; width:auto}
.services-slider .carousel-inner .carousel-item p{ padding:0 20px 15px}
.services-slider ol{position:static!important; margin:0; margin-bottom:20px}
.services-slider ol li{position:static!important; float:none; margin:0 7px 8px; width:60px!important; height:60px!important}
.services-slider ol li.active{width:60px!important; height:60px!important; margin:0 7px 8px; }
.services-slider ol li img, .services-slider ol li.active img .services-slider ol li:hover img{width:60px!important;}
.product-section{ padding-top:10px!important}
.product-section h2{ font-size:27px!important}
.action_sec{ padding:50px 20px!important}
.icon-section span img{ z-index:999!important}
#product-slider .carousel-control{display:block!important}
#product-slider .carousel-control{border-radius: 100% !important;height: 30px !important;left: -12px !important;opacity: 0.9;top:50%!important;width: 30px !important;z-index: 9999;}
#product-slider .carousel-control.right{left:auto!important; right:-12px!important}
#product-slider .carousel-control:hover{ color:#5183cb; opacity:1}
.homepage-content h1 br{ display:none}
}

@media (min-width:992px) and (max-width:1199px) {
.homepage-bg .container{ width:100%!important; max-width:100%!important;padding-left:0!important;padding-right:0!important;}
.fullheight{ height:auto!important}
.container{ width:96%!important; max-width:96%!important;padding-left: 0.9375rem!important;padding-right: 0.9375rem!important;}
.banner-secd { text-align:center!important}
.banner-secd img{ max-width:100%; margin-bottom:15px}
.padleft{padding-left: 0.9375rem!important}
.services-slider{ width:850px!important}
.services-slider ol li.emailmarketing{ left:13px; top:270px;}
.services-slider ol li.transactionemail{left:60px; top:140px;}
.services-slider ol li.sms{left:390px; top:-42px;}
.services-slider ol li.voiceboradcasting{left:600px; top:14px;}
.services-slider ol li.ivr{left:190px; top:0px;}
.services-slider ol li.tollfree{ left:700px; top:140px;}
.services-slider ol li.misscall{left:750px; top:270px;}
.navbar-divider, .navbar-nav .nav-item + .nav-item, .navbar-nav .nav-link + .nav-link{ margin-left:0!important}
header .navbar-brand{ margin-left:10px}
.nav-item.group_btn a{ font-size:12px!important}
header .currency{ font-size:12px; margin-right:5px}
.services-slider br{display:none!important}
}

@media (min-width:992px) and (max-width:1199px) {
.bannersarea{ display:block!important; background:none!important; height:auto!important}
.bannersarea img.banner-image-sarv{display:none!important; max-width:100%!important; height:100%!important}
.bannersarea img.banner-image-sarv-responsive{display:block!important; max-width:100%!important; height:100%!important}	
.newpage-heading{ padding:40px 15px!important}
}

@media (min-width:768px) and (max-width:991px) {
.homepage-bg .container{ width:100%!important; max-width:100%!important;padding-left:0!important;padding-right:0!important;}
.fullheight{ height:auto!important}
.container{ width:96%!important; max-width:96%!important;padding-left: 0.9375rem!important;padding-right: 0.9375rem!important;}
.banner-secd { text-align:center!important}
.banner-secd img{ max-width:100%; margin-bottom:15px}
.padleft{padding-left: 0.9375rem!important}
.services-slider{ width:680px!important; height:440px}
.services-slider::after{ width:95%!important}
.services-slider br{display:none!important}
.services-slider ol li.emailmarketing{ left:-25px; top:290px;}
.services-slider ol li.transactionemail{left:20px; top:150px;}
.services-slider ol li.sms{left:305px; top:-40px;}
.services-slider ol li.voiceboradcasting{left:480px; top:25px;}
.services-slider ol li.ivr{left:110px; top:25px;}
.services-slider ol li.tollfree{ left:570px; top:150px;}
.services-slider ol li.misscall{left:610px; top:290px;}
.navbar-divider, .navbar-nav .nav-item + .nav-item, .navbar-nav .nav-link + .nav-link{ margin-left:0!important}
header .navbar-brand{ margin-left:10px}
.nav-item.group_btn a{ font-size:12px!important}
header .currency{ font-size:12px; margin-right:5px}
.break768{ width:100%}
.social-link{ float:none!important; margin:20px auto 0!important; text-align:center!important}
.social-link li{ float:none!important;}
footer ul.social-link li a{ margin:0 10px!important}
#review-slider{ padding-left:40px!important}
.padleftm{ padding-left:40px!important}
.fullwidth{ width:100%!important}/*
.navbar-nav .nav-link{ padding:18px 5px 14px!important}*/
.nav-link.effct-button > span{ display:none!important}
.nav-link.effct-button > i{ display:inline!important; font-size:14px}
header .navbar ul.navbar-nav li.nav-item .nav-link.effct-button{ padding:3px 6px!important}
.newpage-heading{ padding:40px 15px 0px!important;}
.emailmarketing-homebanner h1{ display:none!important}
.emailmarketing-homebanner p{ color:#fff; letter-spacing:0; font-size:40px; font-weight:400}
.try-button label{ display:block; margin-top:10px}
.commit-box-email{ left:0; right:0; margin:50px auto; display:table; position:relative!important}
#videocontrolbar{ display:block!important}
.morefeatures.allfeatures h4 img{ float: left; margin-top:0!important}
.mainfeatur p{ text-align:left}
.bluecurvebg2 .morefeatures h4{font-size:15px !important;}
.bluecurvebg2 .morefeatures h4 img{ float:left}
.benefits p{text-align:left}
.benefits .features p{text-align:left; width:100%}
.benefits h4 .fa-long-arrow-right{ float:right}
.priceslabs li{padding:19px 5px;}
.priceslabs li div{left:5px}
.priceslabs:last-child li{padding:19px 5px 0; }
.priceslabs:first-child li:first-child{padding:19px 5px 0; }
.heighteqal{ height:auto}
}

@media (min-width:768px) and (max-width:1024px) {
.features-images p{width:90%!important; margin:20px auto!important; }
.features-images ul{width:90%!important; margin:10px auto!important; display:block!important}
.port1024{ text-align:left}
.port1024 ul{ top:2px!important}
.dragdrop-blocks li{ padding:20px 10px!important}
.fullwidthp{ width:100%!important}
.fullwidthpm{ width:100%!important; padding:0!important; margin-top:45px!important; background:none!important}
.fullwidthpm p{ text-align: center!important}
.arrowcontrol.abtesting .left.carousel-control, .arrowcontrol.abtesting .right.carousel-control{ top:28%!important}
.beutifultemplates{ width:65%; margin-top:-45px!important}
.responres{ padding:30px 0!important; height:auto!important;}
.s30{ background-size:30% auto!important;width:50%!important}
.s40{ background-size:40% auto!important;width:50%!important}
.customhtmleditor.responsive{ width:auto!important; display:inline-block!important}
.customhtmleditor.responsive img{max-width:100%;}
.hw{ height:100px!important}
.bgback{ height:450px!important}
.drag_drp_head.email_all_ftr .col-md-4.col-md-offset-2{ margin-left:auto!important; clear:none!important}
#graphDiv1{ width:100%}
#graphDiv1 canvas{ width:100%}
.port767{ max-width:100%!important}
.dragitems{ width:350px!important; margin:0 auto!important; padding:0!important}
.sgmnt_pwr .variant-block-detil{ width:auto!important}
.arrowcontrol .left.carousel-control, .arrowcontrol .right.carousel-control{ z-index:9999!important}
.what_test_banner{ width:auto!important; display:table}
.portfolio-box{ display:block!important}
.filter-list{ width:100%!important; display:block!important; margin:0!important}
.filter-list li{ float:none; display:inline-block!important}
#filters{ margin:0!important}
#filters li span.active{margin-left:0px!important;}
.templates-gallery{ width:100%!important}
.templates-gallery ul li{ height:auto!important; width:31%!important}
.templates-gallery ul li a span i{ min-width:auto!important}
.newpoints li{ width:33%;}
.beforeta td span{ display:inline-block!important}
.img_edtr_manipultn .image-editorftr > li:last-child{ padding-left:0!important; margin-left:0!important; text-align:center!important}
.leftrightfull{ width:100%;}
.leftrightfull li{ width:46%; vertical-align:top}
}

@media (min-width:768px) and (max-width:991px) {
.port992em{ width: 66.6667%!important;margin-left: 16.6667%!important;}
.port992w{ width:100%!important; clear:both;}
.port992w p{padding-top:0px!important}
.beutifultemplates{ width:100%!important; margin-top:45px!important; position:relative; text-align:center; clear:both!important; display:inline-block!important}
.responres{ padding:30px 0!important; height:auto!important;}
.responres .fullwidth{width:100%!important;}
.responres .fullwidth p{ width:90%!important;}
.fulwid9{ width:75%!important}
.heightm{ height:130px!important}
.juxtapose{ width:100%!important}
.bgsize{ background-size:30% auto!important}
.bgsize60{ background-size:80% auto!important;background-position: center 150px!important;}
.bgsize6{ background-size:60% auto!important;}
.heightauto{ height:auto!important}
.widthauto{ width:auto!important; display:inline-block}
.paddtop{ padding-top:0!important}
.source-screen{ display:none!important}
.crate-source{ padding-right:0!important}
.rowsec img{ max-width:20px!important}
.leftright{ width:100%!important}
.automation_trigr ul{ padding:50px 0!important}
.nobg{ background-image:none!important}
.multilist-flow .firsth{margin:0 auto!important}
.multilist-flow p{margin:0 auto!important}
.variant-block-detil{ width:auto!important}
.action-row.port768 li{ width:47%!important}
.action-row.port768 li:last-child{ width:96%!important}
.newpoints.spambullets{ margin:0!important}
.what-to-test{ padding: 20px 0!important}
.image-edtr-ftr-group .ftr-list{ width:100%!important}
.image-edtr-ftr-group .ftr-list li div{ text-align:center!important}
.bluewrap-bg .browser-bg{ height:445px!important; overflow:hidden!important}
}

@media (min-width:768px) and (max-width:900px) {
.drag_drp_head.email_all_ftr .col-md-4{ width:50%!important;}
.drag_drp_head.email_all_ftr .col-md-4.col-md-offset-2{ margin-left:auto!important; clear:none!important}
.bgback{ height:auto!important}
}

@media (min-width:320px) and (max-width:659px) {
.client-review-section img.flip-effect{ max-width:100%!important}
.product-section h2{font-size:25px !important}
.services-slider .carousel-inner .carousel-item h3{font-size: 27px!important; margin:45px 0 15px!important}
.services-slider ol{ position:absolute!important;top:auto!important; bottom:-10px!important; z-index:9990!important}
#product-slider .carousel-indicators li{width:10px!important; height:10px!important; border-radius:100%; background:#fff!important; border:0!important; margin:0 2px!important; opacity:.5}
#product-slider .carousel-indicators li.active{background:#fff!important; opacity:1}
#product-slider .carousel-indicators li img{ display:none!important}
.services-slider .carousel-inner .carousel-item a.go_btn{ margin-bottom:40px!important}
}

@media (min-width:992px)  {
.col-md-offset-3{ margin-left:0!important}
}

/*--------------------------------------Transactional Page Resonsive CSS------------------------------------*/

@media (min-width:320px) and (max-width:1024px) {
.col-sm-offset-3{ margin-left:auto!important}	
.features-images{padding:50px 0 0!important}
.features-images .col-md-7{ width:100%; clear:both; text-align:center}
.features-images .col-md-5{ width:100%; clear:both}
.features-images h2{ text-align:center}
.features-images h2 br{ display:none}
.features-images .editbrowser{ margin-top:40px!important;}
.features-images h2::before{ left:48%!important}
.editbrowser{ width:auto!important; display:inline-block; margin-bottom:-5px!important;}
.features-images img{ max-width:100%}
.setad h2{ margin-top:40px!important}
.setad.features-images .editbrowser{ margin-top:0px!important; border-bottom: solid 1px #d5dadf!important}
.innerheader .container{ width:100%!important; max-width:100%!important; padding-left:0!important; padding-right:0!important}
.mainheading{padding-left:58px;}
.mainheading span{left:25px;}
.mainheadingwithlogo{padding-left:58px;}
.mainheadingwithlogo span{left:25px;}
.cboth{clear: none}
}

@media (min-width:320px) and (max-width:767px) {
.port660{ width:100%!important}
.editer-tab-menu{ height:290px!important}
.bluewrap-bg .content{ line-height: normal}
.bluewrap-bg .content .visible{ text-align:center; height:auto; padding:0}
.bluewrap-bg .content .visible p{ float:none; font-size:20px}
.bluewrap-bg .content .visible ul{ padding-left:0; padding:0; text-align:center; animation-name:none!important}
.bluewrap-bg .content .visible ul li{ font-size:26px; line-height:38px}
.bluewrap-bg .twoheading-col h3{ line-height:24px}
.fa-phone-square + span{ display:none}
span.or{ display:none!important}
.calculateh input{ width:auto!important}
}

@media (max-width:1024px) {
.bluewrap-bg{ height:auto!important}
.bluewrap-bg .browser-bg{ width:100%!important; min-height:inherit!important}
.bluewrap-bg .browser-bg .juxtapose{ width:100%!important; max-width:100%!important}
.mng_sbscrbr_cstm_fld{ margin-top:20px!important}
.smtpwrap{ width:100%!important}
.smtpwrap .divcol{ width:100%}
.smtpwrap .divcol .lcol h2{ text-align:center!important}
.smtpwrap .tablerowp{ width:98%; margin:0 auto; float:none}

}

@media (min-width:320px) and (max-width:992px) {
.tableprice h2.calculateh{ text-align:center;margin: 0 auto!important;padding: 10px 0!important;}
.tableprice h2.calculateh .notifparent{display: block;margin: 20px 0;}
.tableprice .calculateh input{ margin-left:0!important}
.tableprice .calculateh span{ text-align: center;float:none; display:inline-block !important;margin-top: 10px !important;}
.calculateh:before{ position:relative!important; display:block; top:97px!important;left:auto!important;right:auto!important}
.colsthree.twochild{ margin-top:30px;}
.colsthree.col-md-3 {width: 50%!important;}
.colsthree.col-md-push-6 { left: auto!important;}
.colsthree.twochild.col-md-6 {width:100%!important;}
.colsthree.twochild.col-md-pull-3{ right:auto!important}
}

@media (min-width:320px) and (max-width:543px) {
.innerheader{ padding:8px 0!important}
.mainheading{padding-left:0px; text-align:center}
.mainheading span{left:25px;display:none}
.mainheadingwithlogo{padding-left:0px; text-align:center}
.mainheadingwithlogo span{left:25px;display:none}
.innermenus{ width:100%; margin:10px auto 0!important; text-align:center}
.innermenus li a::before{ display:none}
.colsthree.col-xs-6 {width:98%!important; margin:0 auto!important; margin-bottom:20px!important}
.colsthree.col-xs-12 {width:98%!important; margin:0 auto!important; margin-top:0px!important}
.tablerowp{overflow: scroll;width: 98%;}
.interaction-text li{ width:auto!important}
.interaction-text li:last-child{ float:left!important; margin:4% 5.4%!important}
.process .title{ margin:0 auto!important; left:0!important;right:0!important; top:-20px!important}
.process .title:before{ display:none!important}
.process .title:after{ display:none!important}
.imgmarbot p {min-height:inherit!important; float:left!important}
.marbot img{ margin-bottom:0!important}
.fullwid{ float:left; clear:both;}
.newpage-heading.innerpageh{ padding:150px 0px 10px !important}
.newpage-heading.innerpageh h1{ display:none!important}
.newpage-heading.innerpageh img{ display:none!important}
.newpage-heading.innerpageh p{ color:#fff; font-weight:400; font-size:30px!important}
}

/*--------------------------------------Email Marketing Page Resonsive CSS------------------------------------*/

@media (min-width:320px) and (max-width:767px) {
.twoheading-col p{ width:100%!important}
.arrowcontrol .left.carousel-control, .arrowcontrol .right.carousel-control{ top:auto!important; bottom:20%}
.mng_sbscrbr_cstm_fld .extrap{ width:100%!important}
.mng_sbscrbr_cntct .extrap{ width:100%!important}
.mng_sbscrbr_cntct{background:rgba(0, 0, 0, 0) url(../images/img/orangeroundcurve-bg.jpg) no-repeat scroll center bottom 150px / 500px auto!important}
.svg-banner-section.view_animate_svg{ display:none!important}
.heightm{ height:auto!important}
.reponsiveport .no_right_padding{ padding-right:0.9375rem!important}
.reponsiveport .no_left_padding{ text-align:center!important; padding-left:0.9375rem!important; margin:10px 0 20px!important}
.port767{ max-width:100%!important;} 
.portbg767{ background-size:50%!important}
.twosidecontent h3{padding-left:0!important}
.twosidecontent p{padding-left:0!important}
.twosidecontent ul{margin-left:0!important; width:100%!important}
.mng_sbscrbr_grw_lst .acrtn_rw p{ width:100%!important}
#graphDiv1 canvas{ width:100%!important}
.allfeatures .col-sm-4{padding-left:0.9375rem!important;padding-right:0.9375rem!important}
.morefeatures.allfeatures h4 img{ margin-top:0px!important; float:left!important}
p.maintopheading{ width:100%!important}
.customhtmleditor{ width:100%!important; padding:10px!important; margin:0 auto 20px!important}
.dragitems{ width:350px!important; margin:0 auto!important; padding:0!important}
.juxtapose{ width:100%!important; max-width:100%!important}
.ab-testng-ftr{ padding:30px 0 0!important}
.extrap.roundcurveyellowbg{ background:none!important}
.responsiveshow{ height:auto!important}
#responsive-templates img{ max-width:100%important; height:auto!important}
.responsiveshow p{padding-left:0!important}
.responsiveshow h2{padding-left:0!important}
.responsiveshow .carousel-control{top:10%!important}
.pull-right{ float:none!important}
.cmpgn_p_ftr .text-img-col{ width:100%!important}
.cmgn_scl_sr_ftr .text-img-col{ width:100%!important}
.multilist-flow .firsth{ width:100%!important; margin-left:0!important}
.multilist-flow .rowsec p{ width:100%!important}
.cmpgn_spm_test_ftr .text-img-col{ width:100%!important}
.recpnt_dtl .roundcurvebg{background-size: 40% auto!important;}
.source-screen{ display:none!important}
.crate-source{ padding-right:0!important}
.campaign-design-sec .crate-source ul li{ width:100%!important; padding-right:0!important}
.extrap br{ display:none!important }
.automation_head{ background:none!important; border-bottom:0!important}
.automatino_type{border-top:0!important; padding-top:0!important}
p.maintopheading br{ display:none!important}
.what-to-test{ height:auto!important; padding-left:0!important; padding-top: 20px!important; margin-top:0!important; background-size:70%!important}
.twoborder p{ width:100%!important}
ul.leftright{ width:100%!important; margin:0!important}
.leftright li.ptop{margin-top:0!important; width:44%!important}
.leftright li{margin-top:0!important; width:44%!important}
.leftright li:nth-child(2n+1){ text-align:left!important}
.leftright li span{ margin-top:0!important; float:left!important; margin-left:0!important; margin-right:10px!important}
.leftright li.ptop span{ margin-top:0!important}
.automation_trigr .ab-testng-ftr{ width:100%!important}
.automation_trigr .roundcurveredbg p{padding-bottom:40px!important;padding-top:40px!important;}
.automation_trigr .roundcurveredbg{ background:none!important}
.automation_trigr ul{ padding:0px 0 20px!important}
.sgmnt_find_cntct .roundcurvebg{background-position: center 50px!important;background-size: 30% auto!important;padding-top: 35px!important;}
.gear-box{display: inline-block;width: 140px;}
.sgmnt_pwr .variant-block-detil{ width:100%!important} 
.sgmnt_pwr .variant-block-detil .action-row li{ width:100%!important}
.sgmnt_pwr .dtl_bcvg p{ padding-top:0!important}
.choose-winner .text-img-col{ padding:0 !important}
.mlti_sgmnt_sec .roundcurveorangebg{padding: 20px 0 40px!important;background-size: 50% auto!important;}
.sgmnt_rprt .extrap{ width:100%!important}
.crt_sgmnt_demo .extrap{ padding-top:0!important}
.cmgn_scl_sr_ftr .text-img-col .roundcurvebg{background-size: 50% auto!important; }
.cmpgn_recipnt_ftr .recpnt_dtl .twocols-img .roundcurvebg{ margin-bottom:30px!important}
.carousel-inner img{ max-width:100%!important}
.what-to-test p br{ display:none!important}
.no_right_padding{padding-right:0.9375rem!important}
.no_left_padding{padding-left:0.9375rem!important;}
.roundcurvebg.what-to-test{ background:none!important}
.variant-block-detil{ width:100%!important}
.variant-block-detil h2{ padding-left:0!important}
.test_bx_loop{ width:100%!important}
.blank_space_test{ display:block!important; margin:0 auto!important}
.test_bx_loop table tr td span{ font-size:21px!important}
.choose-winner .col-md-6:first-child{ padding-top:30px!important}
.choose-winner .action-row li{ width:48%!important}
.choose-winner .action-row li:last-child{ width:98%!important}
.insite_ab_test .col-md-6{ padding-top:0!important}
.roundcurveredbg.insite_ab_test{background:none!important}
.insite_ab_test{ padding-bottom:0!important}
.spam_any_code_dt .adjustfont{ width:100%!important}
.newpoints.spambullets{ margin:0 0 0 15px!important; width:98%!important}
.spam_any_code_dt .what_we_do .svg_anim_sec{ height:auto!important}
.portfolio-box{ display:block!important}
.filter-list{ width:100%!important; display:block!important; margin:0!important}
.filter-list li{ float:none; display:inline-block!important}
#filters{ margin:0!important}
#filters li span.active{margin-left:0px!important;}
.templates-gallery{ width:100%!important}
.templates-gallery ul li{ height:auto!important; width:44%!important}
.templates-gallery ul li a span i{ min-width:auto!important}
.img_edtr_manipultn .image-editorftr > li:last-child{ padding-left:0!important; margin-left:0!important; text-align:center!important}
.img_edtr_text{ padding:0 0 20px!important}
.img_edtr_text .what-to-test{ height:300PX!important}
.img_edtr_shape{padding-top:0!important}
.img_edtr_manipultn{padding-top:0!important}
.img_edtr_drwng{padding-top:0!important}
.image-edtr-ftr-group{padding-top:0!important}
.img_edtr_shape .roundcurveredbg{ background:none!important}
.crate-source > div{ clear:both; display:block!important}
.image-edtr-ftr-group .ftr-list{ width:100%!important}
.image-edtr-ftr-group .ftr-list ul li{ text-align:center!important; border-bottom:solid 1px #eee; padding-bottom:20px!important}
.image-edtr-ftr-group .ftr-list ul li .text-detail{ padding-top:20px!important}
.col-sm-6.col-md-4.col-md-offset-2{ clear:none!important}
.col-sm-4.col-md-2.roundcurvebg{ background:rgba(0, 0, 0, 0) url("../images/img/roundcurve-bg.jpg") no-repeat scroll center center / 25% auto!important}
.extrap{ width:100%!important}
.dragdrop-blocks li{ padding:15px 0px 15px 15px !important; width:48%!important; background:none!important; font-size:15px!important}
.dragdrop-blocks li img{ margin-right:10px!important}
.dragdrop-blocks li:nth-child(even){ float:right!important; width:40%!important}
.arrowcontrol.abtesting .left.carousel-control, .arrowcontrol.abtesting .right.carousel-control{bottom: auto !important;top: 20% !important;}
.col-md-4.col-md-offset-0.roundcurvebg{ padding:0!important; background-image:none!important}
.col-md-4.col-md-offset-0.roundcurvebg p{ text-align:center!important}
.arrowcontrol.abtesting .twocols-img{ width:100%!important}
.removepad .row div{padding-left: 0.9375rem!important;padding-right: 0.9375rem!important; text-align:center!important}
.notop{ margin-top:0!important}
.micor-nano-features .microfeaturs div{ text-align:center!important;}
.micor-nano-features .microfeaturs img{ text-align:center!important; margin-bottom:15px}
.imageeditorbg  .twocols-img.removepad .col-sm-6{ margin-top:0!important; height:150px!important}
.spamadjust{ padding-top:20px!important}
.spamanalysis .hidehover{ right:0!important}
.spamanalysis .hoverhighlightnew{ right:0!important}
.backsi{ background-size:40% auto!important}
.responres{ padding:40px 0!important; height:auto!important;}
.responres .roundcurvebg{ background-size:40%!important}
.beutifultemplates{ margin-top:30px!important; position:relative!important; display:inline-block}
.morefeatures img{}
.paddt{ padding-top:20px!important}
.priceoptions li {width:50%!important}
.price_cricular_sec ul.customiz li a.order_nw_btn{ padding:15px 30px!important}
.emailmarketing-homebanner{ padding-top:0!important}
.emailmarketing-homebanner h1{ display:none!important}
.emailmarketing-homebanner p{ color:#fff; letter-spacing:0; font-size:30px; font-weight:400}
.newpage-heading{ padding:140px 15px!important}
.newpage-heading label{ display:block; text-align:center} 
.commit-box-email{ left:0; right:0; margin:50px auto; display:table}
.scrollup{ right:10px; bottom:10px}
.showsnapshot{ display:none!important}
.menu { clear: both; min-width: inherit; float: none;}
.menu, .menu > ul ul { overflow: hidden!important; max-height: 0; }
.menu > li > ul.sub-menu { padding: 0px; border: none;}
.menu.active, .menu > ul ul.active { max-height: 60em; display:block!important;}
.menu ul { display: inline; }
.menu li, .menu > ul > li { display: block!important; float:none!important; }
.menu > ul > li a{ display:block!important; padding:10px!important;}  
.menu ul ul, .menu ul ul ul { display: none!important;  position: relative!important;  left: auto!important;  top: auto !important;  border: none; max-height:0px; z-index:333 }	
 
.menu ul ul li a,  .menu ul ul li a:hover{ padding:8px 10px!important; text-transform:none!important;}
.menu ul ul ul li a,  .menu ul ul ul li a:hover{padding:8px 20px!important; text-transform:none!important; text-decoration:none; border-bottom:solid 1px #223b58 !important}
.menu ul ul ul li:last-child a:hover{border-bottom:none}
.innerpage .newpage-heading{ padding:150px 15px 10px !important}
.leftrightfull{ width:100%}
} 

@media (min-width:320px) and (max-width:543px) {
.choose-winner .action-row li{ width:100%!important}
.choose-winner .action-row li:last-child{ width:100%!important}
.process{ margin:5px!important; padding:10px 5px!important}
.process img{ height:auto!important; max-width:100%}
.automaiton-content .process .title{ margin:0 auto!important;left:0!important;right:auto!important; z-index:9999}
.automaiton-content .process .title.righth{left:auto!important;right:0!important;}
.showimages-content{ text-align:center}
.spamanalysis .hidehover{display:none!important}
.spamanalysis .hoverhighlightnew{display:none!important}
.backsi{ background:none!important; margin-bottom:20px!important}
.priceoptions li {width:100%!important}
}

@media (min-width:320px) and (max-width:480px) {
.leftright li.ptop{width:100%!important}
.leftright li{width:100%!important}
}

@media (min-width:320px) and (max-width:360px) {
.dragitems{ width:100%!important; margin:0 auto!important; padding:0!important}
.dragitems li{ width:84px!important; height:84px!important;}
.col-sm-4.col-md-2.roundcurvebg{ background:none!important}
.dragdrop-blocks li{ padding:15px 0px 15px 15px !important; width:98%!important; background:none!important; font-size:15px!important}
.dragdrop-blocks li:nth-child(even){ float:left!important; width:98%!important}
.process .title{ display:none!important}
.process:hover{ background:inherit!important}
.try-button a{ padding:8px 20px!important}
.imgmarbot p{font-size:15px!important; text-align:left}
}

@media (min-width:600px) and (max-width:1024px) {
.svg-banner-section{ width:90%!important; margin:0 auto!important; display:block!important }
.svg-banner-section.view_animate_svg{ display:block!important }
}

@media (min-width:1025px){
.bannersarea img.banner-image-sarv{ display:block!important}	
.bannersarea img.banner-image-sarv-responsive{ display:none!important}	
}

@media (min-width:600px) and (max-width:1024px) {
.svg-banner-section{ width:90%!important; margin:0 auto!important; display:block!important }
.svg-banner-section.view_animate_svg{ display:block!important }
}

@media (min-width:480px) and (max-width:767px) {
.leftrightfull li{ width:44%; vertical-align:top} 
.leftrightfull li div{ float:right} 
}

@media (max-width:479px){
.leftrightfull li{ width:100%; vertical-align:top; text-align:center!important; margin:5px 0!important} 
.leftrightfull li span{ margin-top:0; float:none!important; display:inline-block; margin-bottom:5px; margin:0 0 5px 0!important}
.leftrightfull li div{ float:none} 
}

@media (min-width:640px) and (max-width:767px) {
.threetab li{ width:33.33%!important}
}
@media (max-width:639px) {
.threetab li{ width:100%!important}
li.borderl{border-color:#fafafa!important}
.priceslabs li:first-child{ font-size:20px}
.fourcol .priceslabs li:first-child{ font-size:18px!important}
.priceslabs li{ font-size:16px}
.fourcol .priceslabs li {font-size: 14px!important;}
}

@media (min-width:640px) and (max-width:767px) {
.priceoptions a{ font-size:18px !important}
.priceslabs li{ font-size:17px!important}
.priceslabs li:first-child{ font-size:20px!important}
.fourcol .priceslabs li:first-child{ font-size:18px!important}
}

@media (min-width:320px) and (max-width:639px) {
.priceslabs li div{ display:none}
.priceslabs li {border-top:0px solid #f2f4f6; padding:10px 5px 10px!important; width:25%!important}
.fourcol .priceslabs li{ width:33%!important; text-align:center}
.fourcol .priceslabs li:before{ text-align:center}
.priceslabs {border-bottom:1px solid #f2f4f6!important; float:left; width:100%}
.priceslabs:last-child(){border-bottom:0px solid #f2f4f6!important;}
.priceslabs:first-child li {border-top:0!important;padding-top: 15px !important;}
.priceslabs:first-child{ padding-top:10px!important}
.priceslabs:first-child li:first-child{ padding-top:10px!important}
.priceslabs li:first-child{ width:100%!important; text-align:center; font-size:24px!important}
.priceslabs li:first-child span{ margin-top:-5px}
.heighteqal{ height:auto}
.priceslabs li:before{font-size:11px; margin-bottom:2px; text-align:left; color:#5183c8; display:block; font-weight:200;}
.priceslabs li:nth-child(2):before{content:"1 Month";}
.priceslabs li:nth-child(3):before{content:"3 Months";}
.priceslabs li:nth-child(4):before{content:"6 Months";}
.priceslabs li:nth-child(5):before{content:"12 Months";}
}

@media (max-width:480px) {
.priceslabs li {border-top:0px solid #f2f4f6; padding:10px 5px 10px!important; width:50%!important; text-align:center}
.priceslabs li:before{text-align:center}
}

@media (min-width:768px) and (max-width:959px) {
.pricingbox{ margin:15px 0}
.pricingbox .priceheader .planname{ font-size:15px}
.pricingbox .priceheader .priceamount{font-size: 36px;}
.pricingbox .priceheader p{ font-size:13px}
}

@media (max-width:575px) {
.pricingbox{ margin:15px 0}
.bgwhite{ margin:0 auto!important; float:none!important;}
}

@media (max-width:555px) {
.time-selector .option{ display:table;clear:both;margin:3px auto!important;border: solid 2px #e2e4e7!important;color:#555;padding:12px 30px!important;position: relative;border-radius:100px!important;}
.time-selector .option.middle::before {display:none!important}
.time-selector .option.middle::after {display:none!important}
.time-selector .option.selected {border-color: #5e93db!important;color: #5e93db;}
}

/*--------------------------------------Resources Page CSS ---------------------------------*/

@media (max-width:991px){
.minnomarr{ padding-right:0.9375rem!important}
.minnomarl{ padding-left:0.9375rem!important}
.minnomarrl{padding-left:0.9375rem!important;padding-right:0.9375rem!important}
}

@media (max-width:767px){
.mainarticles .articles-section{height:auto!important}
.wiki-sreach-bx h1 span{ padding:20px!important}
}