.zp-home-banner-wrap:after{background: rgb(152,230,255); 
background: -moz-linear-gradient(top, rgba(152,230,255,1) 11%, rgba(193,251,255,1) 40%, rgba(255,255,255,1) 83%); 
background: -webkit-linear-gradient(top, rgba(152,230,255,1) 11%,rgba(193,251,255,1) 40%,rgba(255,255,255,1) 83%); 
background: linear-gradient(to bottom, rgba(152,230,255,1) 11%,rgba(193,251,255,1) 40%,rgba(255,255,255,1) 83%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98e6ff', endColorstr='#ffffff',GradientType=0 );}
.zp-home-banner-wrap .content-wrap > div.zp-home-right .signup-box {max-width: 400px;}
.continuebtn a.act-btn.cta-btn {display:block}
.business-email + form +.socl-signup {display:none}
.zp-home-banner-wrap > .content-wrap > div.zp-home-left{padding:0}

.i18n-es-xl .get-signup-plan, .i18n-fr .get-signup-plan{
max-width: 240px;
}
.i18n-fr .features-box.box-1, .i18n-es-xl .features-box.box-1{
    word-wrap: break-word;
}

.mail-special-promo-section .content-wrap{max-width:960px; padding:40px 0; text-align:center}
.mail-special-promo-section .content-wrap img {border: 1px solid #efefef;}
.mail-special-promo-section .mob-banner{display:none}
.features-box > div span{background:url(/sites/default/files/mail-home-icons-sprite-2x.png) no-repeat 0 0; background-size: auto 50px}
.bottom-cta-wrap .content-wrap:after {background: url(/sites/default/files/mail-bottom-cta-wave.svg) no-repeat right bottom; display:none}
.bottom-cta-wrap:before{
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(217,249,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(217,249,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(217,249,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9f9ff',GradientType=0 );}

.personal-email {display: none;}
.business-email p{font-size:14px}
.za-username-container{position:relative}
.za-username-container input{padding-right:100px}
label#defdomdiv {position:absolute; top:0; right:10px; z-index:1; padding:10px 0; line-height:25px; font-size:14px; color:#666}
.two-col-input{overflow:hidden}
.two-col-input .sgfrm{display:inline-block; width:49%; float:left}
.two-col-input .sgfrm:first-child{margin-right:2%}
.two-col-input .sgfrm .field-msg {bottom:5px}

.bottom-cta-wrap p{max-width: 580px; margin: 0 auto 20px;}
.bottom-cta-wrap .bordered-btn{background: #f0483e; color: #fff; border: none;}

/*******Mobile number Select with Country Code******/
.za-country_code-container, .za-remobile-container{position:relative; margin:15px 0 25px}
.ccodelabelimg{ display:none; }
.za-country_code-container select, .za-remobile-container select{opacity: 0; width:80px; height:45px; border:none;border-radius:0;-webkit-appearance: none;-moz-appearance: none;padding: 10px;line-height: 25px;background: #fff;text-indent: -99999px; cursor:pointer}
#countryCodeDiv, #countryconfirmCodeDiv{background-color: #fff;width: 80px; position:absolute; left:0; top:0; box-sizing: border-box; line-height:25px; padding:10px 0 10px 10px; font-size:14px; color:#666; pointer-events:none}
#countryCodeDiv:before, #countryconfirmCodeDiv:before{position:absolute; content:''; left:60px; top:18px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #efefef}
.za-country_code-container input, .za-remobile-container input{position:absolute; left:80px; top:0; margin-top:0; width: 320px;}
/*******Mobile number Select with Country Code******/
/*
.umain .zp-home-banner-wrap > .content-wrap > div.zp-home-left h1 + p{margin: 0 auto 0;}
.zm-pointList{
text-align: left;
    font-size: 14px;
    position: relative;
    top: 0;}
.zm-pointList li{ display: inline-block; margin-right: 20px;}
.umain .zm-pointList {
    text-align: center;
    top: 115px;
}
.umain .content-wrap {
    overflow: visible;
}*/



@media only screen and (max-width: 767px){
.mail-special-promo-section .mob-banner{display:block; max-width:480px; margin:0 auto}
.mail-special-promo-section .dt-banner{display:none}
}

.multi-mobile-apps-sec{
position: relative;
    max-width: 900px;
    margin: 0 auto;
}
	
	.multi-mobile-apps-sec > div {
    display: table-cell;
    width: 50%;
    border: 20px solid #fff;
    box-shadow: 1px 1px 0 #e2e2e2 inset, -1px -1px 0 #e2e2e2 inset;
}
	
	.multi-mobile-sec-inner > div{
    padding: 50px 30px 0;
}

.multi-mobile-sec-inner > div > span  {
    width: auto;
    font-size: 22px;
    font-family: 'proxima_novasemibold';
    margin-bottom: 40px;
    display: inline-block;
    padding-top: 90px;
    position: relative;
color:#000;
}
.multi-mobile-sec-inner > div > span a {
color:#000;
}
.multi-mobile-sec-inner > div > span:after{
background-image: url("https://www.zoho.com/images/mobile-apps-icons-sprite@2x.png");
    background-size: 1600px auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80px;
    height: 80px;
content:"";
position:absolute;
left:50%;
margin-left:-40px;
top:0;
}
.multi-mobile-sec-inner.zh-mail-mob-app > div > span:after{
background-position: -1280px 0px
}
.multi-mobile-sec-inner.zh-streams-mob-app > div > span:after{

  background-position: -480px -80px;
    transform: scale(0.8);
}

@media only screen and (max-width:767px) {
.multi-mobile-apps-sec > div {
    display: block;
    width: 100%;
    padding: 20px;
border: 1px solid #f2f2f2;
    margin: 40px 0px;
    box-shadow: none;
}
.multi-mobile-sec-inner > div > span {
margin-bottom: 15px;
}
}

@media only screen and (max-width: 480px){
.i18n-fr .zp-home-banner-wrap>.content-wrap .zp-home-left .watch-btn {
display: inline-block;
    max-width: 250px;
    margin: 0 auto;
    text-align: left;
}

}

/***** Arabic style *****/

.i18n-ar #countryCodeDiv, .i18n-ar #countryconfirmCodeDiv{
    right: 0;
    left: auto;
    padding: 10px 10px 10px 0px;
}
.i18n-ar #countryCodeDiv:before, .i18n-ar #countryconfirmCodeDiv:before{
    left: 0px;
}
.i18n-ar .za-country_code-container input, .i18n-ar .za-remobile-container input{
    left: auto;
    right: 80px;
}
.i18n-ar .multi-mobile-sec-inner > div, .i18n-ar .multi-mobile-sec-inner > div p, .i18n-ar .apps-download-links-wrap {
    text-align: center;
}
.i18n-ar .multi-mobile-sec-inner > div p > a {
    display: block;
    text-align: center;
}

/***** Arabic style *****/