/* Smartphones (portrait)  */@media(max-width:320px) {
}

@media(max-width:480px) {
.maWrapper, .guaWrapper, .atWrapper, .blogsWrapper, .tutorialsWrapper, .pricingWrapper, .scheduleDemoWrapper {
	height: auto;
}
.maWrapper {
	height: 915px;
	background-position: 10%;
}
.maWrapper .maBanner {
	vertical-align: text-bottom
}
.maWrapper .maBanner .bannerInner h1 {
	font-size: 25px;
	margin-bottom: 25px;
}
.maWrapper .maBanner .bannerInner h1 span {
	margin-top: 0
}
.maWrapper .maBanner .bannerInner {
	width: 96%;
	margin-top: 50px
}
.maWrapper .maBanner .bannerInner .btnwrapper {
	width: 96%;
	margin: 45px 2%;
}
.maWrapper .maBanner .bannerInner .button {
	width: 100%;
	margin-bottom: 20px;
}
.maWrapper .maBanner .bannerInner .button a {
	padding: 15px 0;
	width: 99%;
}
.apiConter {
	/**bottom: 5**/
}
.apiConter .infoL, .apiConter .infoR {
	font-size: 24px;
	width: 100%;
	float: left;
	margin: 0!important;
}
.api-calls {
	font-size: 40px
}
.mrlt30 {
	margin-left: 0!important;
}
.guaWrapper {
	display: none
}
.guaWrapperM {
	float: left;
	width: 98%;
	max-width: 100%;
	position: relative;
	padding: 130px 1%;
	display: table;
}
.guaWrapperM figure {
	vertical-align: middle;
	display: table-cell
}
.guaWrapperM img {
	width: 100%
}
.tabs LI:last-child {
	width: 32.7%
}
.ats {
	width: 96%;
	margin: 0;
	padding: 0 2%;
	min-height: 430px;
}
.ats .icon {
	margin-top: 30px;
}
.ats h4 {
	font-size: 18px;
	margin: 20px 0 0 0;
}
.ats p {
	font-size: 14px;
	margin: 20px 0 35px 0;
}
.blogsWrapper .blogsBanner .blogsInner, .tutorialsWrapper .tutorialsBanner .tutorialsInner {
	width: 96%
}
.blogsWrapper .blogsBanner .blogsInner .blogs, .tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0!important
}
.tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial {
	height: 330px;
}
.blogsWrapper .blogsBanner .blogsInner .blogs {
	height: auto;
	padding: 0 0 10px 0!important;
	margin: 0 0 20px 0 !important;
	
}
.blogsWrapper .blogsBanner .blogsInner .blogs:last-child {
 /***   margin: 0 0 20px 0 !important;
    padding: 0 0 0px 0!important;
***/
}
.pricingWrapper .pricingBanner {
	padding: 0 0 10px;
}
.blogsWrapper .blogsBanner .blogsInner h3, .tutorialsWrapper .tutorialsBanner .tutorialsInner h3 {
	margin: 20px 0
}
.tutorialsWrapper .tutorialsBanner {
	vertical-align: top;
	padding-bottom: 30px;
}
.pricingWrapper .pricingBanner .pricingInner {
	width: 96%
}
.pricingWrapper .pricingBanner .pricingInner h3 {
	margin: 30px 0;
}
.pricingWrapper .pricingBanner .pricingInner .pricing {
	width: 100%;
	margin-bottom: 30px;
}
.tooltip-main {
	margin: 10px 0 0 -198px!important;
}
.pricingWrapper .pricingBanner .pricingInner .pricing .row .tr {
	font-size: 30px;
}
.ep .subtitle {
	padding-bottom: 35px;
	padding-top: 0px;
}
.scheduleDemoWrapper h2 {
	font-size: 20px!important;
}
.ats .icon {
	width: 100%;
}
.ats .icon img {
	width: 22%;
}
.pricingWrapper .pricingBanner .pricingInner .pricing:last-child {
	margin: 0 0 30px 0;
}

.ourServicesWrapper .ourServicesBanner .ourServicesInner {
	width: 90%
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner h3, .blogsWrapper .blogsBanner .blogsInner h3, .pricingWrapper .pricingBanner .pricingInner h3 {
	font-size: 22px;
	margin: 30px 0;
	padding: 0 0 0 0;
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner .ourService {
	width: 50%;
	margin: 0 0% 40px 0% !important;
	height: 150px;
}
.ourService:nth-child(8), .ourService:nth-child(15), .ourService:nth-child(22) {
	margin: 0 0% 0 0% !important;
}
.ats .btnWrapper a {
	font-size: 14px;
	margin: 20px 25%;
	width: 50%
}
.maWrapper .maBanner .bannerInner h1 span {
	font-size: 35px;
	margin-top: 20px
}
.scheduleDemoWrapper .scheduleDemo {
	width: 100%;
}
.scheduleDemo_inner {
	width: 90%!important;
	padding: 0 5%
}
.ContactForm_n .btnWraper .submitBtn {
	font-size: 12px;
}
.tabs LI {
	height: 100px;
}
.left_contact, .frm {
	width: 100%;
}
.tf, .ib {
	width: 100%;
	margin: 0 0 20px 0
}
.ContactForm input, .ContactForm textarea {
	width: 96%!important;
	padding: 3% 2%!important;
}
.error {
	height: auto
}
.banner_home_2 {
	width: 90%;
	margin-left: 10%;
	float: left
}
.apiConter {
	padding: 0 2% 70px 2%;
	width: 96%;
	margin-top: -15px;
}
.apiConter .counterTitle {
	font-size: 20px;
}
.apiConter .counterVal {
	font-size: 36px
}
.tabs A {
	font-size: 15px
}
.productsInner {padding-bottom: 20px;}
.card {
    width: 88%;    
    margin-left: 5%;
    margin-top: 6%;
    margin-bottom: 1%;
	padding: 5% 1% 10% 1%;
}
.card-content { margin: 0 7% 0 13%;}
.card-content ul{min-height: auto; margin-bottom: 30px;}
.card figure{ width: 100%;}
.card figure img{ width: 30%;}
.card-content ul li {font-size: 13px; line-height: 18px;}
.disMob{display: block;}
.disDesk{display: none;}
.customerStrip figure{width: auto; padding: 0 5%;}
.customerStrip figure img{width: auto; margin: 0 auto;}
.maWrapper .maBanner .bannerInner h2{font-size: 35px; margin-bottom: 40px;}
.tooltip .tooltiptext, .tooltip .tooltiptextlt, .tooltip .tooltiptextrgt {display: none;}
.mauticform_wrapper{ margin: 10px auto 40px auto;}
.slicknav_menu .slicknav_btn{padding: 2.1em 1em !important;}
.api-footer section.centerbox ul{margin-right: 9% !important;}
.api-footer section.centerbox{width: 98%!important;padding: 0 1%;}
.sgfl ul li:first-child{ font-size: 11px !important;}
#mauticform_input_app42cloudapisdemo_submit{width: 100%; margin-left: 0; margin-bottom: 20px;}
.card-content .btn{margin-left: -20px;}
.blogsWrapper .blogsBanner .blogsInner .blogs .h36{height: auto;}
.blogsWrapper .blogsBanner .blogsInner .blogs p{margin: 0 6% 30px;}
.blogsWrapper .blogsBanner .blogsInner .blogs .button{float: none; margin: 15px auto 30px auto;}
.ep .title{padding: 30px 20px 20px!important;}
.scheduleDemoWrapper{height: 480px!important;}
.sub_abt_contact{padding-bottom: 18px!important;}

}
/* Smartphones (landscape) */

@media only screen and (min-width :481px) and (max-width :640px) {
.maWrapper, .guaWrapper, .atWrapper, .blogsWrapper, .tutorialsWrapper, .pricingWrapper, .scheduleDemoWrapper {
	height: auto;
}
.maWrapper {
	height: 795px
}
.apiConter {
	bottom: 20%
}
.apiConter .infoL, .apiConter .infoR {
	font-size: 35px;
	width: 100%;
	float: left;
	margin: 0!important;
}
.api-calls {
	font-size: 40px
}
.maWrapper .maBanner {
	vertical-align: text-bottom
}
.maWrapper .maBanner .bannerInner h1 {
	font-size: 24px;
}
.maWrapper .maBanner .bannerInner {
	width: 96%;
	margin-top: 50px
}
.maWrapper .maBanner .bannerInner .btnwrapper {
	width: 96%;
	margin: 45px 2%;
}
.maWrapper .maBanner .bannerInner .button {
	width: 47%!important;
	font-size: 8px!important;
}
.maWrapper .maBanner .bannerInner .button a {
	padding: 15px 0;
	width: 99%;
}
.mrlt30 {
	margin-left: 15px!important;
}
.guaWrapper {
	display: none
}
.guaWrapperM {
	float: left;
	width: 98%;
	max-width: 100%;
	position: relative;
	padding: 130px 1%;
	display: table;
}
.guaWrapperM figure {
	vertical-align: middle;
	display: table-cell
}
.guaWrapperM img {
	width: 100%
}
.tabs LI:last-child {
	width: 32.7%
}
.ats {
	width: 96%;
	margin: 0;
	padding: 0 2%;
	min-height: 430px;
}
.ats .icon {
	margin-top: 30px;
}
.ats h4 {
	font-size: 18px;
	margin: 20px 0 0 0;
}
.ats p {
	font-size: 14px;
	margin: 20px 0 35px 0;
}
.blogsWrapper .blogsBanner .blogsInner, .tutorialsWrapper .tutorialsBanner .tutorialsInner {
	width: 96%
}
.blogsWrapper .blogsBanner .blogsInner .blogs, .tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial {
	width: 32%;
	margin: 0px 10px 20px 0;
	padding: 0 0 0 0!important;
	height: 100%!important;
}
.blogsWrapper .blogsBanner .blogsInner h3, .tutorialsWrapper .tutorialsBanner .tutorialsInner h3 {
	margin: 20px 0
}
.tutorialsWrapper .tutorialsBanner {
	vertical-align: top;
	padding-bottom: 30px;
}
.pricingWrapper .pricingBanner .pricingInner {
	width: 96%
}
.pricingWrapper .pricingBanner .pricingInner h3 {
	margin: 30px 0;
}
.pricingWrapper .pricingBanner .pricingInner .pricing {
	width: 100%;
	margin-bottom: 30px;
}
.tooltip-main {
	margin: 10px 0 0 -198px!important;
}
.pricingWrapper .pricingBanner .pricingInner .pricing .row .tr {
	font-size: 30px;
}
.scheduleDemoWrapper h2 {
	font-size: 22px!important;
}
.ats .icon {
	width: 100%;
}
.ats .icon img {
	width: 22%;
}
.pricingWrapper .pricingBanner .pricingInner .pricing:last-child {
	margin: 0 0 30px 0;
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner {
	width: 90%
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner h3 {
	font-size: 22px;
	margin: 0 0 10px 0
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner .ourService {
	width: 50%;
	margin: 0 0 40px 0
}
.ats .btnWrapper a {
	font-size: 14px;
	margin: 20px 25%;
	width: 50%
}
.left_contact, .frm {
	width: 100%;
}
.tf, .ib {
	width: 100%;
	margin: 0 0 20px 0
}
.ContactForm input, .ContactForm textarea {
	width: 96%!important;
	padding: 3% 2%!important
}
.error {
	height: auto
}
.banner_home_2 {
	width: 90%;
	margin-left: 10%;
	float: left
}
.productsInner {padding-bottom: 20px;}
.card {width: 88%; margin-left: 5%; margin-top: 6%; margin-bottom: 1%; padding: 5% 1% 10% 1%;}
.card-content { margin: 0 7% 0 13%;}
.card-content ul{min-height: auto; margin-bottom: 30px;}
.card figure{ width: 100%;}
.card figure img{ width: 30%;}
.card-content ul li {font-size: 13px; line-height: 18px;}
.tooltiptext{left: 0px !important;}
.tooltiptextlt{left: 0px !important;}
.tooltiptextrgt{left: 0px !important;}
}

@media only screen and (min-width :641px) and (max-width :960px) {
.maWrapper, .guaWrapper, .atWrapper, .blogsWrapper, .tutorialsWrapper, .pricingWrapper, .scheduleDemoWrapper {
	height: auto;
}
.maWrapper {
	height: 450px;
	background-attachment: inherit !important;
}
.apiConter {
	bottom: 10%
}
.apiConter .infoL, .apiConter .infoR {
	font-size: 35px;
}
.api-calls {
	font-size: 40px
}
.maWrapper .maBanner {
	vertical-align: text-bottom
}
.maWrapper .maBanner .bannerInner h1 {
	font-size: 24px;
}
.maWrapper .maBanner .bannerInner {
	width: 96%;
	margin-top: 50px
}
/* .maWrapper .maBanner .bannerInner .btnwrapper {
	 width: 96%;
	margin: 45px 2%; 
} */
.maWrapper .maBanner .bannerInner .button {
	width: 47%!important;
	font-size: 8px!important;
}
.maWrapper .maBanner .bannerInner .button a {
	padding: 15px 0;
	width: 99%;
}
.mrlt30 {
	margin-left: 15px!important;
}
.guaWrapper {
	display: none
}
.guaWrapperM {
	float: left;
	width: 98%;
	max-width: 100%;
	position: relative;
	padding: 130px 1%;
	display: table;
}
.guaWrapperM figure {
	vertical-align: middle;
	display: table-cell
}
.guaWrapperM img {
	width: 100%
}
.atWrapper{background-attachment: inherit !important;}
.tabs LI{
	width: 33.4%;
}
.tabs LI:last-child {
	width: 33.1%;
}
.ats {
	width: 96%;
	margin: 0;
	padding: 0 2%;
	min-height: 430px;
}
.ats .icon {
	margin-top: 30px;
}
.ats h4 {
	font-size: 18px;
	margin: 20px 0 0 0;
}
.ats p {
	font-size: 14px;
	margin: 20px 0 35px 0;
}
.blogsWrapper .blogsBanner .blogsInner, .tutorialsWrapper .tutorialsBanner .tutorialsInner {
	width: 96%
}
.blogsWrapper .blogsBanner .blogsInner .blogs, .tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial {
	width: 32%;
	margin: 0px 10px 20px 0;
	padding: 0 0 30px 0!important;
}
.blogsWrapper .blogsBanner .blogsInner h3, .tutorialsWrapper .tutorialsBanner .tutorialsInner h3 {
	margin: 20px 0
}
.blogsWrapper .blogsBanner .blogsInner .blogs h4{ 
    min-height: 70px;
}
.tutorialsWrapper .tutorialsBanner {
	vertical-align: top;
	padding-bottom: 30px;
}
.pricingWrapper .pricingBanner .pricingInner {
	width: 96%
}
.pricingWrapper .pricingBanner .pricingInner h3 {
	margin: 30px 0;
}
.pricingWrapper .pricingBanner .pricingInner .pricing {
	width: 47%;
	    margin: 0 3% 30px 10px;
}
.tooltip-main {
	margin: 10px 0 0 -198px!important;
}
.pricingWrapper .pricingBanner .pricingInner .pricing .row .tr {
	font-size: 30px;
}
.scheduleDemoWrapper h2 {
	font-size: 22px!important;
}
.ats .icon {
	width: 100%;
	margin: 50px 0 0 0;
}
.pricingWrapper .pricingBanner .pricingInner .pricing:last-child {
	margin: 0 0 30px 0;
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner {
	width: 90%
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner h3 {
	font-size: 22px;
	margin: 0 0 50px 0
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner .ourService {
	width: 33%;
	margin: 0 0 40px 0;
	height: 160px;
}
.ats .btnWrapper a {
	font-size: 18px;
	margin: 0px 35%;
}
.blogsWrapper .blogsBanner .blogsInner .blogs .button {
	width: 88%
}
.blogsWrapper .blogsBanner .blogsInner .blogs .button a {
	width: 100%;
	padding: 8px 0;
	text-align: center
}
.blogsWrapper .blogsBanner .blogsInner .blogs p {
	min-height: 75px;
}
.blogsWrapper .blogsBanner .blogsInner .blogs {
	height: 407px;
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner h3, .blogsWrapper .blogsBanner .blogsInner h3, .pricingWrapper .pricingBanner .pricingInner h3 {
	font-size: 30px;
}
.left_contact, .frm {
	width: 100%;
}
.tf, .ib {
	width: 100%;
	margin: 0 0 20px 0
}
.ContactForm input, .ContactForm textarea {
	width: 96%!important;
	padding: 3% 2%!important
}
.error {
	height: auto
}
.banner_home_2 {
	width: 90%;
	margin-left: 10%;
	float: left
}
.sub_abt_contact {
    width: 100%!important;
}
.form_wrapper_inner .f_part1 {
    width: 99%!important;
}
.ContactForm_n input, .ContactForm_n textarea {
    width: 97% !important;
	padding: 8px 0px 8px 12px;
}
.f_part1 .form-group{width: 100%!important;}
.f_part1 .input-group{width: 100%!important; padding-bottom: 0;}
.ep .subtitle{padding: 10px 20px 46px 0; width: 100%;}
.btnWraper input{width: 100%!important;}
.timebox{margin-left: 0; width: 48% !important;}
.timezonebox{width: 49% !important;}
.submitBtn{border-radius: 0 !important; color: #fff !important; background-color: #047f75 !important; padding: 15px 20px!important;}
.ContactForm_n .btnWraper{width: 98% !important;}
.ContactForm_n input{-webkit-appearance: none; border-radius: 0!important;}
.ContactForm_n .btnWraper .submitBtn{-webkit-appearance: none; border-radius: 0!important;}
.datebox i {bottom: 8px !important; right: 15px !important;}
.scheduleDemo_inner{padding: 0 4% 0 5% !important;}
.pricingWrapper .pricingBanner .pricingInner .pricing .col{width: 100%;}
.lst3{height: 130px!important; margin: 2% 0 0px 0!important;}
.ourServicesWrapper .ourServicesBanner .ourServicesInner .ourService:last-child {margin: 2% 0 0px 0!important;}
.sub_abt_contact{padding-bottom: 0px!important;}
.sdk_btn{width: 88px!important;}
.sstv{left: -12px!important;}
.sdk_container{height: 130px!important;}
.productsInner {padding-bottom: 20px;}
.card {width: 27%; padding: 2% 1% 4% 1%; margin-left: 3%;}
.card .card-title{font-size: 18px;}
.card .card-sub-title{font-size: 13px; height: 35px;}
.card-content {margin: 0 auto; width: 90%;}
.card-content ul{min-height: 230px; margin-bottom: 30px; padding-left: 5%;}
.card-content ul li {font-size: 12px; line-height: 18px;}
.customerStrip figure{width: auto; padding: 0 2%;}
.customerStrip figure img{width: 100%;}
.tooltip .tooltiptext{left: -20px;}
.tooltip .tooltiptextrgt{left: -20px;}
.ourServicesWrapper{padding-bottom: 50px; padding-top: 30px}
.tooltip .tooltiptext, .tooltip .tooltiptextlt, .tooltip .tooltiptextrgt {display: none;}
}

@media only screen and (min-width :961px) and (max-width :1024px) {
.maWrapper .maBanner .bannerInner .btnwrapper {
	margin: 55px 20%;
}
.guaWrapper {
	background-position: -160px center
}
.ats {
	padding: 0 20%;
	width: 60%;
}
.blogsWrapper .blogsBanner .blogsInner, .tutorialsWrapper .tutorialsBanner .tutorialsInner, .pricingWrapper .pricingBanner .pricingInner {
	width: 90%;
	margin: 0 5%;
	float: left;
}
.blogsWrapper .blogsBanner .blogsInner .blogs {
	height: 510px;
	position: relative
}
.blogsWrapper .blogsBanner .blogsInner .blogs .button {
	position: absolute;
	bottom: 20px;
	right: 0
}
.tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial {
	position: relative
}
.tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial .button {
	position: absolute;
	bottom: 20px;
	right: 20px
}
.blogsWrapper .blogsBanner .blogsInner .blogs h4 {
	font-size: 15px;
}
.blogsWrapper .blogsBanner .blogsInner .blogs .h60prj{height: 60px !important;}
.tutorialsWrapper .tutorialsBanner .tutorialsInner .tutorial p {
	margin-bottom: 30px;
}
.ep .subtitle {
	padding-bottom: 53px;
}
/***.scheduleDemoWrapper {
	 background-position: -230px 0 
}****/
.ourServicesWrapper .ourServicesBanner .ourServicesInner .ourService {
	height: 240px
}
.pricingWrapper .pricingBanner .pricingInner .pricing {
	position: relative
}
.pricingWrapper .pricingBanner .pricingInner .pricing .row .button, .pricingWrapper .pricingBanner .pricingInner .pricing .msg .button {
	position: absolute;
	right: 10%;
	bottom: 10%;
}
.maWrapper .maBanner .bannerInner {
    width: 96%;
}
.maWrapper .maBanner .bannerInner h1 {
    font-size: 30px;
}
.maWrapper .maBanner .bannerInner h1 span {  
    font-size: 50px;
}
.tooltip .tooltiptextrgt{
    left: -120px;
}
.sstv{left: -12px!important;}
.sdk_container{height: 130px!important;}
.maWrapper{background-attachment: inherit !important;}
.atWrapper{background-attachment: inherit !important;}
.blogsWrapper .blogsBanner .blogsInner .blogs{height: 430px;}
.submitBtn{border-radius: 0 !important; color: #fff !important; background-color: #047f75 !important; padding: 15px 20px!important;}
.ContactForm_n .btnWraper{width: 98% !important;}
.ContactForm_n input{-webkit-appearance: none; border-radius: 0!important;}
.ContactForm_n .btnWraper .submitBtn{-webkit-appearance: none; border-radius: 0!important;}
.form_wrapper_inner .f_part1{height: 200px!important;}
.sub_abt_contact{padding-bottom: 0px;}
.ContactForm_n .btnWraper .submitBtn{width: 460px !important;}
.timezonebox{width: 133px !important;}
.card {width: 25%; margin-left: 4%;}
.card .card-sub-title {height: 36px;}
.card-content{width: 85%; margin: 0 0 0 10%;}
.customerStrip figure{padding: 0 25px !important;}
.customerStrip figure img{width: 100% !important;}
}

@media only screen and (min-width :1025px) and (max-width :1280px) {
.maWrapper .maBanner .bannerInner h1 {
	font-size: 35px
}
.maWrapper .maBanner .bannerInner h1 span {
	font-size: 55px
}
.ourServicesWrapper .ourServicesBanner .ourServicesInner .ourService {
	
}
}

@media(min-width:1480px){
.slider .tooltip.top{left: 50% !important; top: -115px !important;}
.blogsWrapper .blogsBanner .blogsInner .blogs h4{min-height: 50px !important;}
.productsWrapper {background-size: cover; height: 800px; background-position: 50% 0; background-repeat: no-repeat;}
.card{width: 21%; margin-left: 5%;}
.blogsWrapper .blogsBanner .blogsInner .blogs{min-height: 600px; height:auto; margin-bottom: 20px;}
.blogsWrapper .blogsBanner .blogsInner .blogs .button{margin: 20px 0 0 0;}
.blogsWrapper{height:800px;}
.blogsWrapper .blogsBanner .blogsInner .blogs p{ font-size: 14px}
.scheduleDemoWrapper{background-size: cover !important; height: 580px; background-color: #f9f9f9; background-position: center center !important;}
.card-content ul{min-height: 200px;}
.card1{margin-left: 9.5% !important;}
.ourServicesWrapper .ourServicesBanner .ourServicesInner{width: 85%;}
.ep .subtitle{padding: 10px 20px 80px;}
}