@charset "utf-8";
/* CSS Document */

#uipgOverlay, .uipgHamMenu {
  display: none;
}

 

 


@media screen and (max-width:980px) {
.resultgraphcontent { width:100%;}
.highlightList { padding-top:80px;}
.highlightList article { padding-bottom:40px;}
.highlightList article figure figcaption h2 { margin-top:20px;}
#chart #bars li { width:17.33%;}
.morememberWrap { padding-left:0px; padding-top:40px;  clear:left; float:left;}
.howitworklist article .content { width:60%;}
 .testoslider.owl-carousel .owl-nav { display:block !important; width:100%; text-align:center;}
  .testoslider.owl-carousel .owl-nav .owl-prev,  .testoslider.owl-carousel .owl-nav .owl-next { display:inline-block; width:40px; height:40px; overflow:hidden; text-indent:-2000px; margin-left:2px; margin-right:2px;}
    .testoslider.owl-carousel .owl-nav .owl-prev { background:url(../images/prearrow.png) no-repeat; }
	.testoslider.owl-carousel .owl-nav .owl-next { background:url(../images/nextarrow.png) no-repeat;}
 .testoslider .item .content { border:none;}
}




@media (max-width: 800px) {
.topFormWrap .introText h1 br { display:none; font-size:50px;}
	
}

@media (max-width: 767px) {
header { min-height:1015px;}
.input { width:100%;}
.logo { margin-bottom:30px;}
.topFormWrap .introText  h1 { font-size:30px; line-height:35px;}
.topFormWrap .introText   p { font-size:20px; line-height:25px;}
.topFormWrap .introText  { margin-bottom:30px;}
.highlightSectionheader .contentWrap h2 { font-size:30px; line-height:35px;}
.resultgraphcontentWrap { margin-left:0px; padding-right:0px;}
.howitworkhead h1 { font-size:40px; line-height:45px;}
.joinFormWrap { padding-top:30px;}
.footerFormhead { font-size:30px; line-height:35px;}
}


@media (max-width: 480px) {
header { min-height:1152px;}
.foromSection ul li { width:100%; padding-left:10px; padding-right:10px;}
.howitworklist article figure { width:100%;}
.howitworklist article figure img { width:100%; height:auto;}

.howitworklist article .content { position:relative; width:100%; top:0; height:auto; padding-bottom:30px; }
.howitworklist article .content h2, .howitworklist article .content p { padding-left:10px; padding-right:10px;}
.howitworklist article { margin-bottom:40px;}
.testoslider .item .content { padding-left:0; padding-right:0; }

} 

@media (max-width: 375px){
header { min-height:1237px;}
.memberprogram ul li .content { width:100%; display: block;}
.memberprogram ul li .content .count { display:block; margin:auto;}
.memberprogram ul li .content h2 { width:100%; margin:0px; padding:0px; text-align:center; display:block;}

}



.seoChallange{width:100%; background:#f2f2f2;}
.seoChallange .howitworkhead{text-align:left;}
.seoChallange .howitworkhead h1{text-align:center;}
.seoChallange ul{padding:10px 0px;float:left;}
.seoChallange li{width:100%;float:left;padding:10px 0px;border-bottom: 1px solid #ccc;}
.seoChallange li li{list-style:disc;padding:5px 10px; margin-left:20px; border:none;}
.accorHead{width:100%;font-size:26px;color:#474747;padding:20px 10px;cursor:pointer;background:#fff url(images/arrow-down.png) no-repeat 98% center; font-weight:600;}
.accorHead.active{/*font-size:24px;*/color:#fff!important;background:#fd794b url(images/arrow-up.png) no-repeat 98% center;}
.accorHead:hover{color:#fd794b;}
.accorCntnt{border:1px solid #bfbfbf;padding:2%;display:none;float:left;}
.accorCntnt p,.accorCntnt li{font-size:16px;color:#474747;}
.accorCntnt p{padding-bottom:10px;font-weight:500;}





@media only screen and (max-width: 767px) and (min-width: 320px){


.highlightSectionheader{padding-top: 0;}


header{min-height: auto !important; background: rgba(0, 0, 0, 0.95)}

.edit-for-font-p {
    font-size: 25px !important;
}


.highlightSectionheader .contentWrap h2{font-size: 25px;}


.highlightSectionheader{position: static;}

.testoslider.owl-carousel .owl-nav{margin-top: 20px;}


.headerblackbg{position: static;}


.highlightSectionheader .contentWrap{margin-top: 50px;}


#testimonialWrap-aboveform.testimonialWrap .testoslider .item .content p{margin-top: 0; padding-top: 0}

#testimonialWrap-aboveform.testimonialWrap .howitworkhead {
    padding-bottom: 0;
}

.resultgraphcontentWrap h3 {
    font-size: 23px;
    font-weight: 300;
    color: #383838;
    padding-bottom: 26px;
    text-align: center;
}

.howitworkhead{padding:30px 0;}

.pay-col-100{padding: 0}

.clientListWrap{float: none;}


.ourClientCnt{float: none;}

.clientListWrap{padding: 0}


.memberprogram ul li .content .count{font-size: 25px;}

.resultWrap{padding-bottom: 50px;}

.box_iner_one .span{font-size: 15px;}

.box_iner_one .h4 span{font-size: 20px;}

.text_pay h2 {
    font-size: 19px;
}

.pay-one{float: left; width: 100%}

.ourClientCnt{padding: 0 15px;}

.ourClientCnt ul li{border:none !important; border-bottom: 1px solid #d7d9dc !important; }

.ourClientCnt ul:before, .ourClientCnt ul:after{clear: both; content: ''; display: table}


.highlightSectionheader .contentWrap{padding-bottom: 50px;}


.memberprogram ul li .content h2{font-size: 25px; margin-top: 10px;}

.centerWrap{width: 100%}

.ourClientCnt ul li{width: 100%}

.accorHead{font-size: 17px; padding-right: 46px}

.howitworkhead h1{font-size: 28px; line-height: 36px}

.text_pay h2 {font-size: 25px;}
.pay-one {
    padding: 30px 0;
}
.text_pay p {
    font-size: 17px;
}
.innnre_box {
    padding: 15px;
}
.bav {
    display: none;
}
.innnre_box p {
    font-size: 14px;
}
.innnre_box .h3 {
    font-size: 19px;
}
.innnre_box p {
    font-size: 14px;
}
.box_iner_one {
    width: 100%;
    border: 1px solid #eff0f2 !important;
    margin-bottom: 15px;    padding: 20px;
}
.box_iner_one .h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.box_iner_one .span {
    text-align: center;
    display: block;
}
.box_iner_one .h4 img {
    display: table;
    margin: 0 auto 10px !important;
}
.box_iner_one .h4 span {
    display: table;
    text-align: center;
    width: 100%;
}
.box_iner_one .h4 {
    display: block;
}
}



@media only screen and (max-width: 990px) and (min-width: 768px){
.pay-one {
    padding: 30px 0;
}
.pay-container {
    max-width: 760px;
}
.text_pay h2 {
    font-size: 24px;
}
.text_pay p {
    font-size: 20px;
}
.innnre_box {
    padding: 15px;
}
.bav {
    display: none;
}
.innnre_box p {
    font-size: 17px;
}
.innnre_box .h3 {
    font-size: 17px;
}
}


@media only screen and (max-width: 1024px) and (min-width: 768px){
   .centerWrap{width: 100%}
   .box_iner_one .span{font-size: 14px; min-height: 96px; display: block;}
   .accorHead{font-size: 20px;}
   .howitworkhead {
    padding-bottom: 0;
}

#testimonialWrap-aboveform.testimonialWrap .testoslider .item .content p{min-height: auto}

.testoslider .item .content{min-height: auto}

#testimonialWrap-aboveform.testimonialWrap .testoslider .item .content p{padding-top: 0}


.highlightSectionheader .contentWrap h2{font-size: 40px;}

.resultgraphcontentWrap h3{font-size: 28px;}

.memberprogram ul li .content .count{font-size: 25px;}

.memberprogram ul li .content{display: block;}

.memberprogram ul li .content .count{display: table; margin:0 auto;}

.memberprogram ul li{width: 33.33%; clear: none; display: table-cell; vertical-align: top; margin-top: 0 !important}

.memberprogram ul li .content h2{    display: table;
    margin: 13px auto 0;
    padding-left: 0;
    font-size: 22px;}

    .howitworkhead h1{font-size: 35px;}

.resultWrap{text-align: center;}

.footerFormhead {
    font-size: 35px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.topFormWrap .introText p{font-size: 25px;}

.topFormWrap .introText h1{font-size: 40px; margin-bottom: 0}

}