/********** desktop view **********/
@media( min-width:1025px){
	.mobSiteHead, .mobSiteFoot, .mobSite{ display:none;}
	.mainSiteHead, .mainSiteFoot, .mainSite{ display:block;}
}

/********** ipad view **********/
@media(min-width:768px) and (max-width:1024px){
.singleblock{ padding: 0 10px 20px 10px; }
.bgimg {min-height: 600px; }
nav ul li { margin: 0 8px;}
.icon01 { padding: 0 60px 0 0;}
h2 ,h2 span{ font-size:60px;}
p{ font-size:16px;}
.homeleft{margin-right:0;} 

.home .googlepaly a {   margin: 0px 50px 0 0;}
.bgimg.home { min-height: 600px;}
.home { margin: 8px 0 0; padding: 70px 0 50px;}

.sliderdiv .googlepaly a {	margin: -100px 60px  0 0;}
.slider { padding:90px 0 50px; min-height: inherit;}
.sliderdiv { margin: 0 auto; width: 600px; text-align: center;}
.sliderleft { width: 180px;}
.pb_slider.mobile .navigation { margin: 0 90px; top: 50%;}
.sliderright { float: right; margin: 25px 0 0; padding: 20px 0 0;  width: 390px;}
.sliderdiv .googlepaly { /*padding: 10px 0 0;*/}
.slider .sliderGooglePlay {
  margin-top: -50px;
  width: 185px;
}
.pb_slider { min-height: 388px;}
.pb_slider .navigation-left {left: -149px; }
.pb_slider .navigation-right {right: -149px; }

.aboutmid{ display:none;}
.abouttop h4 {  font-size: 21px;}
.abouttop p br{ display:none;}
.abouttop p{ font-size:14px;}
.socialicons {margin: 0;}
.socialicons a { background-size: 50px 50px; height: 50px; width: 50px;}
.socialicons span { font-size: 16px; margin: 0;}
.bgimg.about { padding:80px 0 30px;}
.aboutdiv { width: 80%;}
.pressbox { margin: 20px 7% 0 0; width: 80%;}
.pressbox p small br{ display:none;}
.pressbox p { text-align: justify;}
.press { text-align: center; min-height: inherit;}

.blogpage h6 { font-size: 22px; min-height: 140px;}
.blogbox { margin-right: 50px; width: 80%;}
.basicbox { width: 225px;}
.callcion { margin: 59px 0 0 20px;}
.contact input[type="text"], .contact input[type="email"] { width: 360px;}
.contact textarea{ width:360px;}
.contact { min-height:600px;}
.contform span.wpcf7-not-valid-tip {  z-index: 99;  position: relative;}
.submitbtn:before {  height: 182px; left:0;}
.mobSiteHead , .mobSiteFoot, .mobSite{ display:block;}
.mainSiteHead, .mainSiteFoot, .mainSite{ display:none;}

}
@media(min-width:768px){
.toggle{ display:none;}
nav{ display:block }	
}

/********** all mobile view **********/
@media(max-width:767px){
.pb_slider .rotator .slide {
  position: relative;

}
#theapp h2 {
  text-align: center !important;
}
.row.mainSiteHead {
    display: block;
}

.large-3.medium-3.small-9.column {
    display: none;
}


.row { width: 100%;}
nav{ display:none;}
h2,h2 span{ font-size:36px;}
.icon01{ background-position:right bottom;}

p{ font-size: 16px; }
p small{ font-size:16px;}
.googlepaly{ text-align:center;}
.home .googlepaly a { display: inline-block; float: none; margin: 0 0 30px;}
.homeright { text-align: center;}
.bgimg.home { padding:80px 0 50px; }
.slider { padding: 80px 0 50px;}

.sliderdiv {margin: 0 auto; text-align: center; width: 100%;}
.sliderleft { float: none; margin: 0; width: 100%; text-align: center;}
.sliderleft img { max-width: 50%;}
.sliderright { float: none; margin: 35px 0 0; padding: 0; width: 100%; }
.pb_slider { min-height: 400px;}
.sliderright h3 { font-size: 22px;padding: 5px 0; text-align: center;}
.pb_slider.mobile .navigation { margin:-25px 0 0; top:30%;}
.pb_slider .navigation-left { left: 0;}
.pb_slider .navigation-right { right: 0;}
.sliderright p br{ display:none;}
.abouttop p { height: auto; padding:0 0 10px; }
.aboutdiv{ margin:0 0 20px;}
.pressbox { float:none; margin: 30px 0 0; text-align: left; width: 100%;}
.pressbox p small br{ display:none;}
.basicbox { width:86%; margin:0 0 20px;}
.basicbox.premium { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }
.basicbox.premium:before{ display:none; content:"";}

.callnumber img{ width:100%; }
.callcion { background: url("../img/icon/callicon.jpg") no-repeat scroll center 0 / 35px 35px rgba(0, 0, 0, 0); font-size: 24px; margin: 20px 0; padding: 45px 0 0 0; text-align: center; width: 100%;}
.contact input[type="text"], .contact input[type="email"] { padding: 1.5%; width:100%; margin:0 0 20px; }
.contact form { margin: 20px 0 30px; width: 100%;}
.contact textarea{ width:100%;}
.submitbtn:before{ content:none;}
.submitbtn { text-align: center; width: 100%;}
.contact input[type="submit"]{ width:100%; text-align:center;}
.contact input[type="submit"]:hover{ background:#263746; }
.socialicons { width: 49%;}
.blogpage h6 { min-height: inherit;}
.blogbox{ margin:0 0 20px;}
.abouttop h3 { font-size: 36px;}
.abouttop h3 span {  font-size: 36px; line-height: 25px; font-family: 'robotolight'; background: none;  display: initial;  height: 135px;  margin: 0;  position: relative;  top: -4px;  vertical-align: middle;  width: 100%;}

.aboutmid {color: #fff;  background: none repeat scroll 0 0 #263746; text-align: center;   padding: 90px 0 30px;}
.aboutmid p{ text-align:justify;}
.aboutmid img {    padding: 20px 0;}
.aboutmid h2{ color: #fff; text-align: center;}
.aboutmid h2 span{ color: #fff;}


nav{ display:none;}
.toggle{ background:url(../img/icon/navicon.jpg) no-repeat 0 0; display:block; width:45px; height:36px; display:block; margin:20px 0 0; }
nav { margin: 0; padding: 0;position: absolute; right: 25%;  width: 280px; background:#263746;}
nav ul{ float:none;}
nav ul li { margin: 0; padding:0; position: relative; vertical-align: top; line-height: normal; text-indent:20px; display:block; }
nav ul li a{ color:#fff; border-bottom:1px solid #fff; display:block; padding:10px 0} 
nav ul li a:hover, nav ul li a.active{ color:#39b54a; border-bottom-color:#39b54a;}
nav ul li a:hover:after, nav ul li a.active:after{ display:none;}

.mobSiteHead , .mobSiteFoot, .mobSite{ display:block;}
.mainSiteHead, .mainSiteFoot, .mainSite{ display:none;}

.faqtlt .fa {  padding: 10px 3px;}

}

@media (min-width:640px) and (max-width:767px){
.pb_slider { min-height: 700px;}
}

@media (min-width:480px) and (max-width:639px){
.pb_slider { min-height: 710px;}		
}


@media (min-width:360px) and (max-width:479px){

.slider .sliderGooglePlay {  /*float: none;  margin-top: 0px;  padding: 0; width: 100%;*/ display:none;}
.linedrop {   border-left: none; }
.singleblock{ padding: 0 10px 20px 10px; }
.pb_slider {  min-height: 600px;}
.mbgimg.mslider {  min-height: 900px;}
.homeleft{  margin-right:0;}
.left{ float:none !important;}
.right { float: none !important;} 
.contact {  padding: 60px 0;}

.bgimg{ padding-top:60px;}

.sliderdiv .googlepaly a {  margin: -28px 50px 0 0;}
.sliderleft img {  max-width: 60%;}
.pb_slider.mobile .navigation { /* margin: -25px 85px 0;  top: 72%;*/}
.sliderright { margin: 70px 0 0;  }
.sliderright p {  margin: 0 auto;    text-align: center;    width: 80%;}
.pb_slider {  min-height: 700px;}
.bgimg.slider {  background:url("../img/bg/bg.jpg") no-repeat scroll center 0 / cover  rgba(0, 0, 0, 0);}

/* about us page*/
.aboutbottam h2 {border-bottom: 2px dotted #39b54a;    border-top: 2px dotted #39b54a;}
.abouttop h3 {border-bottom: 2px dotted #39b54a;    border-top: 2px dotted #39b54a; margin:0 0 15px; }
.abouttop h4 { text-align:left;}
.aboutdiv {  width: 100%;}
.bgimg.about {  padding: 80px 0 0;}
.bgimg .aboutbottam {  background: #d3dce2 url("../img/icon/cartoonleft.png") no-repeat scroll left bottom;  padding-bottom:30px; }
#aboutfull h3 {    text-align: center;}
#aboutfull .abouttop {   padding: 90px 10px 30px; }

/*blog*/
.singleh2 { line-height: 22px;}
.linedrop { border-left:none;}
.blogPost .bgicon { /* margin: 0 auto;*/ display:none;}
.blogdata p {  font-size: 13px;}
.blogPost > p {    font-size: 13px;}
.bloginnerDiv h2 {text-align: center;}


/* Press section*/
.prall h2 {text-align: center; }
.press_sect > h2 {text-align:left; font-size: 25px;}
.press_sect h2 span {  font-size:25px;}
.prall .pressbox  { text-align:center; width:100%; }
.prall .downlaodpresskit { text-align:center; }

}

@media (max-width:320px){

.slider .freetxtgoogle {  padding: 0 15px;}
.slider .sliderGooglePlay {  /*float: none;  margin-top: 0px;  padding: 0; width: 100%;*/ display:none;}

.sliderleft img {  max-width: 60%;}
.pb_slider.mobile .navigation {  /*margin: -25px 75px 0;  top: 80%;*/}
.sliderright {  margin: 70px 0 0; }
.sliderright p {  margin: 0 auto;    text-align: center;    width: 80%;}
.bgimg.slider {  background:url("../img/bg/bg.jpg") no-repeat scroll center 0 / cover  rgba(0, 0, 0, 0);}
.pb_slider { min-height: 640px;}

/* about us page*/
.aboutbottam h2 {border-bottom: 2px dotted #39b54a;    border-top: 2px dotted #39b54a;  padding:10px 0; line-height:30px;}
.abouttop h3 {border-bottom: 2px dotted #39b54a;    border-top: 2px dotted #39b54a; margin:0 0 15px; }
.abouttop h4 { text-align:left;}
.aboutdiv {  width: 100%;}
.bgimg.about {  padding: 80px 0 0;}
.bgimg .aboutbottam {  background: #d3dce2 url("../img/icon/cartoonleft.png") no-repeat scroll left bottom;  padding-bottom:30px; }
#aboutfull h3 {    text-align: center;}
#aboutfull .abouttop {   padding: 90px 10px 30px; }


/*blog*/
.singleh2 { line-height: 22px;}
.linedrop {  border-left:none;}  
.blogPost .bgicon { /* margin: 0 auto;*/ display:none;}
.blogdata p {  font-size: 13px;}
.blogPost > p {    font-size: 13px;}
.bloginnerDiv h2 {text-align: center;}
.singleblock{ padding: 0 10px 20px 10px; }

/* Press section*/
.prall h2 {text-align: center; }
.press_sect > h2 {text-align:left; font-size: 25px;}
.press_sect h2 span {  font-size:25px;}
.prall .pressbox  { text-align:center; width:100%; }
.prall .downlaodpresskit { text-align:center; }

.mbgimg.mslider {    min-height: 930px;}
.bgimg {  padding: 50px 0 30px;}

.homeleft { margin-right:0;}
h2, h2 span {  font-size: 32px;  line-height:25px;}
.icon01 { background:none;}
.pb_slider {  min-height: 560px;}
.sliderdiv .googlepaly a {  margin: 0 0 0 -30px;}
.bgimg.pricing {  padding-bottom: 50px;}
.contact {  padding: 50px 0;}
	
}