.main-footer h2{color:#fff; font:50px/50px  'AvenirLTStd-Light'; letter-spacing:-1px; text-align:center;}
.main-footer p{color:#fff; font:19px/30px 'AvenirLTStd-Light'; letter-spacing:-0.5px;  text-align:center;}
.main-footer p a{color:#fff; text-decoration:none;}
.main-footer p a:hover{color:#de2032}
.main-footer form{width:522px; margin:0px auto 0; position:relative; z-index:9;}
.main-footer form input[type="text"]{ width:445px; height:57px; border-radius:3px; color:#23252f; font:14px/14px 'AvenirLTStd-Light';  border:none; margin:0 auto 10px; padding-left:18px; display:block; color:#000;}
.main-footer form input:placeholder{color:#6f7b88;}
.main-footer ::-webkit-input-placeholder {

    color:   #727784;

}

.main-footer ::-moz-placeholder{

    color:   #727784;

	opacity:1;

}
.main-footer ::-ms-input-placeholder {

    color:  #727784;

}

.main-footer form textarea{ width:445px; height:131px; border-radius:3px; color:#23252f; font:14px/16px'AvenirLTStd-Light';letter-spacing:-0.5px;  border:none; margin:0 auto 10px; padding-left:18px; display:block;padding-top:18px; resize:none;}

.main-footer form input[type="submit"]{ background: none repeat scroll 0 0 #EA2924;

    border: medium none;

    border-radius: 3px;

    color: #FFFFFF;

    display: block;

    float: none;

    font: 15px/18px 'AvenirLTStd-Light';

	letter-spacing:-0.5px;

    height: 57px;

    margin: 0 auto;

    outline: medium none;

    text-transform: uppercase;

    width: 445px;}

.main-footer form input[type="submit"]:hover{ background:#1262AB;}
@media screen and (max-width:1780px){

.convenience-right ul li{ margin-right:30px;}

.convenience-left ul li{ margin-right:30px; padding:0px 11px;}

}

@media screen and (max-width:1680px){


.convenience-right ul li{ width:170px; height:170px; margin-right:20px;}

.convenience-left ul li{ padding:0 11px; width:170px !important; height:170px; margin-right:20px;}

.convenience-right p{ font-size:15px;}

.convenience-left p{ font-size:15px;}

}

@media screen and (max-width:1486px){

.convenience-right{ width:43%;}

.convenience-right ul li{ width:160px; height:160px;}

.convenience-left ul li{ width:160px; height:160px;}

.convenience-right p{ font-size:13px; line-height:18px;}

.convenience-left p{ font-size:13px; line-height:18px;}

}

@media screen and (max-width:1450px){

   /* .main-banner{ background-size: 100% 650px; height: 650px; }*/

}

	@media screen and (max-width:1380px) {

	.convenience-right ul li{ width:138px; padding:0px;}

	.member-speak{ height:790px;}

	.testimonial-main{ left:35%;}

	.convenience-left p{padding:0 4%;}

	.convenience-left ul li{width:18%;}

	.content-text p{font: 40px/50px 'AvenirLTStd-Light';}

    .content-text p span{ display: block; font: 60px/60px 'AvenirLTStd-Light'; }

	.zooks-work p{font:21px/22px 'AvenirLTStd-Light';}


}

@media screen and (max-width:1258px) {

	.convenience-right ul li{height:120px; width:120px;}

	.convenience-right p{font:11px/15px 'AvenirLTStd-Light';}

	.convenience-left p{ font-size:11px; line-height:15px;}

	.convenience-right{ width:auto; bottom:120px; right:15%;}

	.convenience-left ul li{height:120px; width:120px !important;}

	.convenience-right ul li img{ height:30px; width:30px;}

	.convenience-left ul li img{ height:30px; width:30px;}

	.content-text h2{ font:61px/61px "AvenirLTStd-Light";}

	.content-text p{ font:35px/41px "AvenirLTStd-Light";}

	.banner-cont{ top:95px;}

	.about-us-left > img{ width:100%;}

	.about-cntnt-right > img{ width:100%;}

}

@media screen and (max-width:1200px){

	.container{ width:100% !important;}

	.benefits-commuting{ width:100%;}

	.panel a{ padding-right:40px;}

	.convenience-right{ bottom:110px; right:155px;}

	.content-text{ width:100% !important;}

	.about-us-banner .content-text{width:100% !important;}

	.content-text h2{ padding-bottom:9px;}

	.share{ bottom:7px;}

	.convenience::before{ top:-19px;}

	.sidr ul li a{ padding:0 9px;}
	
	.testimonial-main span{ bottom:-70px; right:10px;}

}

@media screen and (max-width:1130px){

	.convenience-right{ bottom:98px; right: 105px;}

	.convenience-left ul li{width:135px !important; height:135px;}

	.convenience-left p{ font-size:12px; line-height:14px;}

	.convenience-right ul li{width:120px; height:120px;}

	.convenience-right p { font: 12px/14px 'AvenirLTStd-Light';}

	.convenience-right{ width:47%;}

	.sidr{ background:rgba(48,52,73,0.98); width:100%;  top:148px; left:0px !important;}

	.header-part-outer.sticky .sidr{ top:103px; left:0px !important;}

	.fixed .sidr{  top:90px; left:0px !important;}

	.sidr ul li{ display:block; float:none; background:none; border-bottom:1px solid #474b5d;}

	.sidr ul li:last-child{border-bottom:none;}

	.convenience-right ul li img{ width:35px;}

	.convenience-left ul li img{ width:35px;}

	.sidr ul li a{ color:#FFFFFF; line-height:40px; padding:0 42px; display:block;} 

	.sidr ul li a:hover{ color:#FE696E;}

	.panel-title a small{ top:6px;}

	.main-convenience .convenience-left{ width:100%;}

}

@media screen and (max-width:1060px){

.registration-box-right ul li p{ font: 15px/22px 'AvenirLTStd-Light';}

.registration-box-right h2{font: 40px/50px "AvenirLTStd-Light";}

.registration-box-right{padding-left: 30px;}

.convenience-right ul li {

    height: 120px;

    width: 120px;

}

.convenience-right{  bottom: 90px;

    right: 95px;}

.convenience-right ul li img{margin-bottom: 4px; }

.sign-up-now-left{ position:relative; bottom:0px; clear:both;}

}

@media screen and (max-width:1024px){

.main-banner{position:relative;}

.content-text p { font-size: 30px; line-height: 34px;}

.convenience h2{ font-size:40px; line-height:40px;}

.main-footer h2{font-size:40px; line-height:40px;}

.benefit-box{ width:22%;}

.benefit-box h2{ font:22px/30px 'AvenirLTStd-Light' !important;}

.convenience-right{ width:43%;}

.convenience-right ul li{ margin-bottom:10px; }

.convence-table{ display:inline-block; padding:6px 3%;}



.convenience-left ul li {

    height: 125px;

    width: 125px !important;

}

#play:before{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url(../images/play.png) no-repeat; height:50px; width:50px;

 content:''; z-index:9999; display:block; margin:auto;}

 .benefits h2{margin-bottom:10px;}

  .header-part-outer.sticky .main-menu{padding-top:47px;}

   .header-part-outer.sticky .sign-outer{padding-top:38px;}

  .header-part-outer.sticky .logo{padding:12px 0;}

  .main-convenience .box-conve{ padding-left:0px; min-height: 283px;}

.download-app-right img{ margin-top:40px;}

}

@media screen and (max-width:1023px){

.content-text-box{ padding:7px;}

.content-text h2{ font:48px/48px "AvenirLTStd-Light";}

}

@media screen and (max-width:991px){

	.registration-box-right{padding-left: 30px;}

.footer-btn .sign-in{ border:3px solid transparent !important; float:none; margin-right:10px;}

.footer-btn ul li{ float:none; padding:4% 0;}

.footer-box {

    margin-bottom: 25px;

}

.convenience-left{width:100%;} 

.registration-box-left > img {

    max-width: 95%;

}

.registration-box-right {

    padding-top: 7px;

}

.convenience-right{}

.convenience.clearfix > #play{ margin-top:14px;}

/*.convenience-right{ width:100%;}*/

}

@media screen and (max-width:990px){

.convenience-left {

    display: inline-block;

    position: static;

    width:auto; margin-top:20px;

}

.convenience-right {

    display: inline-block;

    position: static;

    width:auto; margin-top:20px;

}

.convenience{ text-align:center;}

.convenience.clearfix > #paly{ margin-top:0px;}

.convenience-right ul{ float:none;}

.convenience-left ul{ float:none;}

.convenience-right ul li{ margin-bottom:0px;}

.banner-cont{ top:49px;}

}

@media screen and (max-width:900px){

.download-app-left p{ font:22px/22px 'AvenirLTStd-Light';}

.download-app-left h2{ font:43px/43px 'AvenirLTStd-Light';	}

.download-app-left{ height:306px;}

.download-app-left:before{ height:306px;}

.testimonial-main{ left:0px; right:0px; top:inherit; bottom:46px;}

.footer-outer::before{ width:100%;}

.convenience-right ul li {

    height: 120px;

    width: 120px;

}

.convenience-right p{ font-size:11px;}

.convenience-left ul li{ width:120px !important; height:120px;}

.convenience-left p{ font-size:11px;}

.registration-box-right ul li{ width:100%;}

.registration-box-right{ margin-left:20px;}

.registration-box-right ul{ margin-top:0px;}

.registration-box-right ul li p{ margin-top:3px;}

.registration-box-right h2{ font:43px/50px 'AvenirLTStd-Light';}

.content-text h2{font:40px/38px "AvenirLTStd-Light";}

.content-text p {

    font-size: 25px;

    line-height: 29px;

}

.member-speak{ height:671px;}

}

@media screen and (max-width:800px){

.convenience-left ul li{ margin-right:4px;}

.convenience-right ul li{ margin-right:4px;}

.copyright p{ float:left;}

.registration-box-right p{  padding-right: 0%;}

.member-speak{  height: 668px;}

.benefits h2{font-size: 30px;}

.benefit-box h2{ font: 18px/23px 'AvenirLTStd-Light' !important;}

.content-text-box{ margin:14px auto 0;}

.content-text p span{ font:48px/46px "AvenirLTStd-Light";}

}

@media screen and (max-width:769px){



.content-text h2 {

    font: 54px/30px 'AvenirLTStd-Light';

}

	}

@media screen and (max-width:768px){



.sign-outer{ width:213px; padding-right:26px;}

.main-menu{ width:140px;}

.logo{ padding:14px 0px;}

.sidr{ top:128px;}

.content-text-box{ width:95%;}

.content-text-box-text{width:95%;}

.content-text-box form input[type="text"]{ width:44%; float:left;}

.content-text-box form input[type="submit"]{ width:auto; padding:0px 13px; float:left;}



.zooks-work h2{ font-size:35px; line-height:35px;}

.convenience h2{ font-size:35px; line-height:35px;}

.benefits h2{color: #303449;

    font: 35px/40px "AvenirLTStd-Light";

    letter-spacing: -1px;

    margin-bottom: 13px;}

.faq h2{font-size:35px; line-height:35px;}

.main-footer h2{font-size:35px; line-height:35px;}

.member-speak h2{font-size:35px; line-height:35px}

.faq .panel-default > .panel-heading{ padding:15px 25px 19px;}

	.faq .panel-body{padding:6px 25px 42px}

	/*.faq-more{ margin-left:25px;}*/



	.benefit-box img {

    height: 80px;

    padding: 16px;

    width: 80px;

}

.benefit-box h2 {

    font: 19px/24px "AvenirLTStd-Light" !important;

}

.download-app-right img{ margin-top:40px;}
	}

@media screen and (max-width:767px){ .registration-box-left {

	

    text-align: center;}

	.benefit-box{ width:44%;}

	.download-app-left{ margin-bottom:20px;}

.registration-box-left.rfloat{ float:none;}

.footer-btn ul li{ padding:2% 0;}

.main-banner > img{ width:auto; max-width:inherit; height:400px;}

.main-banner{ height:400px; overflow:hidden;}

.benefit-box h2{ font:20px/28px 'AvenirLTStd-Light' !important;}

.convenience.clearfix > #play{ margin-top:40px; display:none;}

.convenience-left{ width:407px; margin:0px; padding-top:20px;}

.convenience-right{ width:407px; margin:0px; padding-top:20px;}

.convenience-left ul li{ margin-right:13px;}

.convenience-right ul li{ margin-right:13px;}

.convenience{ background-size:100% 100%;}

.registration-box-left{ float:none; width:100%;}

.registration-box-left.rfloat{ width:100%;}

.registration-box-left > img{ max-width:60%;}

.registration-box-right.text{ margin:0px;/* padding-top:0px;*/ }

.block{ float:none;}

.registration-box-right p{ padding-right:0px;}

.registration-box-right{ text-align:center; padding-bottom:25px; padding-top:25px; float:none; padding-left:0px; padding-right:0px; margin:0;}

.bx-wrapper .bx-next{display:none;}

.bx-wrapper .bx-controls-direction a{display:none;}

.registration-box-right ul li{ text-align:center;}

.testimonial-main::after{ display:none;}

.testimonial-main{ position:relative;}

.testimonial-main span{right:25px; bottom:-75px;}

.member-speak{ padding-bottom:50px;}

.main-convenience .box-conve{ min-height:274px;}

.sign-up-now-left a{ font:20px/22px "AvenirLTStd-Light"; padding:10px 37px;}

.about-us-banner>  img{width:auto; max-width:inherit; height:400px;}

.about-us-banner { overflow:hidden; height:400px; display:block;}

.about-us-left {

    padding-bottom: 0;

    padding-top: 38px;

}

.about-us-right {

    padding-top: 25px;

}

.convenience{ padding-top:52px;}

.about-cntnt-left{ padding-top:10px; padding-bottom:0px;}

.about-cntnt-right{ padding-top:0px; padding-bottom:20px;}

.about-us-right p{ font:16px/26px "AvenirLTStd-Light";}

.about-us.zooks-work p{ font:18px/26px "AvenirLTStd-Light";}

.convenience h2{ font-size:29px; line-height:30px;}

.about-cntnt-left p{font:16px/26px "AvenirLTStd-Light";}

}



@media screen and (max-width:680px){

.content-text-box form input[type="text"]{ width:43%;}

.content-text p{ font-size:28px; line-height:29px;}

.content-text-box form input[type="text"]{ font-size:15px;}

.content-text-box form input[type="submit"]{ font-size:18px;}

.bxslider > li{ height:404px;}

.bx-wrapper .bx-prev{ left:-46px !important;}

.bx-wrapper .bx-next{ right:-46px !important;}

.content-text-box form input[type="text"]{ height:40px; display:block; float:none; width:100%; margin-bottom:10px;}

.content-text-box form input[type="submit"]{ height:40px; width:100%;}

.home{ background:#fff url("../images/home.png") no-repeat scroll 9px 8px;}

.address{ background:#fff url("../images/address.png") no-repeat scroll 9px 8px;}

.registration-box-right h2{ font-size:35px; line-height:35px;}

.main-footer form{ width:100%;}

.main-footer p{ padding:0px 6%;}

.testimonial-main span{  bottom: -50px;
    right: 35px;}

.content-text h2{ font: 45px/34px 'AvenirLTStd-Light';}

.share{ right:28px;}



}

@media screen and (max-width:670px){

.testimonial-main span{  bottom: -58px;
    right: 25px;}

}

@media screen and (max-width:640px){

.logo img {

    width: 70px;

}

.testimonial-main span{ bottom:-55px; right:30px;}

.sign-outer{ padding-top:49px;}

.logo{padding:46px 0 14px;}

.main-menu{ padding-top:62px;}

.fixed .logo img{ width:50%;}

.header-part-outer.sticky .main-menu, .header-part-outer.sticky .sign-outer{padding-top:25px;}

.header-part-outer.sticky .logo{transform:scale(0.8);}

.sidr {

    top: 89px;

}

.fixed .sidr{ top:76px;}

.download-app-right{ display:none;}

.download-app-left::before{ display:none;}

.faq .panel-body ul li{ padding-left:30px;}

.footer-btn{ display:none;}

.faq{ padding-top:20px;}

.download-app-left{ height:auto;}

.content-text p {

    font-size: 24px;

    line-height: 27px;

}

.header-part-outer.sticky .sidr{top:86px;}

.header-part-outer.sticky{height:82px;}

.member-speak{ box-sizing:border-box;}

.testimonial-main{ bottom:0px;}

}

@media screen and (max-width:600px){

	.testimonial-main{height: 400px;  width: 400px;}

	.member-speak p{  margin-top: 19px;}

	.main-convenience .box-conve ul{padding: 0 39px;}

	.main-convenience .convenience-left p{ padding:0px !important;}

	}

@media screen and (max-width:580px){



.registration-box-right ul li{ width:100%;}



.bx-wrapper .bx-controls-direction a{ height:45px !important; width:21px !important;}

.bx-wrapper .bx-next{ background-size:100% 100% !important;}

.bx-wrapper .bx-prev{background-size:100% 100% !important;}

.copyright-left figcaption{ float:left; clear:both; padding-left:0px;}

.copyright-left{ float:none;}

.copyright p {

    float: left;

    margin: 5px 0;

    width: 100%;

}

.testimonial-main span{ font: 15px/20px 'AvenirLTStd-Light'; right: 50px; bottom:-40px; }

.content-text h2{  font: 33px/29px 'AvenirLTStd-Light';}

.content-text p span{ font:37px/38px "AvenirLTStd-Light";}

}

@media screen and (max-width:480px){


.main-footer form input[type="text"]{ width:100%;}

.main-footer form textarea{ width:100%;}

.main-footer form input[type="submit"]{ width:100%;}

.convenience{ padding-left:15px; padding-right:15px;}

.member-speak{padding-left:15px; padding-right:15px;}

.benefits{padding-left:15px; padding-right:15px;}

.faq{ padding-left:15px; padding-right:15px;}

.faq .panel-default > .panel-heading{ padding:15px 5px 19px;}

.faq .panel-body{ padding:6px 15px 8px;}

.faq-more{ margin-left:5px;}

.benefit-box img{ height:75px; width:75px;}

.member-speak{ padding-top:20px;}

.testimonial-main{ margin:30px auto 0;}

.content-text p{font-size:22px;}

.header-part-outer.sticky{height:68px;}

.testimonial-main {

    height: 320px;

    width: 320px;

}

.member-speak h2{padding-bottom: 40px;}

testimonial-main p {

    font-size: 15px;

    line-height: 26px;  margin-top: -5px;  padding: 47px 20px;

} 

.bxslider > li{ height:300px;}

.member-speak{  height: auto;}

.main-convenience .box-conve{width: 100%; min-height:inherit !important;}

.main-convenience .box-conve ul {

    padding: 0 105px;

}

.main-convenience .box-conve{ padding-left:15px;}

.main-convenience .convenience-left ul li{ float:none; display:inline-block;}

.main-convenience .box-conve ul{ padding:0px; text-align:center;}

.share{ width:100%; position:absolute; bottom:10px; margin-top:0px;}	

.google-icone{ width:100px;}

.apple-icone{ width:100px;}

.testimonial-main p{ font-size:13px;}

/*.testimonial-main span{bottom:-48px;}*/

}



@media screen and (max-width:430px){.header-part-outer.sticky{height:59px;}

.sign-up-now-left a{ font:14px/15px "AvenirLTStd-Light"; margin-bottom:15px; display:inline-block;}}

@media screen and (max-width:420px){

.convenience-left{ width:50%; margin:0px; padding-top:20px;   float: left; }

.convenience-left ul li{ float:none; margin:0 auto 10px auto; height: 140px; width: 140px !important;}

.convenience-right{ width:50%; margin:0px; padding-top:20px;}

.convenience-right ul li{float:none; margin:0 auto 10px auto; height: 140px; width: 140px;}

.convenience-left p {

    font-size: 13px;

    line-height: 19px;

}

.convenience-right p {

    font-size: 13px;

    line-height: 19px;

}

.convenience-right ul li:last-child{ margin-right:auto;}

.content-text p span{ font:30px/32px "AvenirLTStd-Light";}

}

@media screen and (max-width:400px){

.sign-outer ul li{ font-size:12px; padding:4px 6px;}

.sign-outer{ padding-right:15px;}

.main-menu{ padding-left:15px;}

.download-app-left h2{ font-size:30px; line-height:30px;}

.download-app-left p{font:16px/25px 'AvenirLTStd-Light';}

.footer-box{ width:100%;}

.registration-box-right p{ font:16px/25px 'AvenirLTStd-Light';}

.zooks-work h2{ font-size:30px; line-height:30px;}

.zooks-work p{ font:16px/25px 'AvenirLTStd-Light';}

.convenience h2 {

    font-size: 20px;

    line-height: 30px;

}

.convenience p{font:16px/25px 'AvenirLTStd-Light';}


.main-footer h2{font-size:30px; line-height:30px;}

.main-footer p{font:16px/25px 'AvenirLTStd-Light';}

.convenience-left p {

    font-size: 13px;

    line-height: 19px;

}

.convenience-right p {

    font-size: 13px;

    line-height: 19px;

}

.registration-box-right{ margin-left:0px;}

}

@media screen and (max-width:360px){


.content-text-box{ margin:0 auto;}
.header-part-outer.sticky .sidr{top: 80px;}

.share{ bottom: 10px;}

.registration-box-right{  padding-left: 0px;}

.convenience{ padding-top: 40px;}

.member-speak h2{font-size: 24px;}

.benefits{ padding-top: 28px;}

.download-app{  margin-top: 86px;}

.testimonial-main {

    height: 300px;

    width: 300px;

}

.content-text h2{   font: 28px/29px 'AvenirLTStd-Light';}

.main-convenience .box-conve ul{  padding: 0 50px;}

.testimonial-main span{ bottom:-20px;}

.copyright-left a{ margin-bottom:10px;}

}

@media screen and (max-width:320px){

	.header-part-outer.sticky{height:68px;}

	.testimonial-main {

    height: 290px;

    width: 290px;

}


}

#contact-page .container a{ color:#fff;}
#contact-page .container a:hover{ text-decoration:none;}
