﻿

 @media screen and (min-width:900px) and (max-width:1050px)
    {
        .hvrlink4 { margin-left: 0px!important; }
        .mf:hover > .hvrlink4 {left:auto!important; right: 0px!important;}
    }


@media (min-width:0px) and (max-width:240px)  

{

.whyisit > div:nth-child(2) {    margin-left: 0px!important; }	
.whyisit3 { margin-left: -900px!important; margin-top:-353px;}
.whyisit4 { margin-left: -960px!important; margin-top: 150px;}
.whyisit7 { margin-top: 146px;margin-left: -966px!important; }
.whyisit5 { margin-left: -900px!important; margin-top: 400px;}
.whyisit6 { margin-left: -877px!important;  margin-top:174px;}

.introducing { zoom:.9}
.introducing5 { margin-top:20px;}

.introducing3 { margin-left: -30px!important; margin-top: 12px;  zoom: .9;}
.introducing4 { margin-top: 8px;
    margin-left: -60px!important;  zoom: .9;}

.d_notice { zoom:.8}
.d_notice2  { margin-left:300px!important;}
.d_notice3  {     margin-left: 380px!important; margin-top:3px!important;}
.d_notice4,.d_notice5,.d_notice6,.d_notice7 { margin-left:120px;}
.d_notice1 { width: 194px!important; margin-left: -208px!important;  z-index: 999; position: relative;}
.d_notice1 img { width:270px!important;}
.d_notice12 { margin-left:-441px!important;}

.parents-testimonies{    padding: 10px 15px;}
.text_txt { min-height:80px;     margin: 40px auto; }

.txt_boxtbl tr td { float:left;}
.contactbox {zoom:.98}
}

@media (min-width:0px) and (max-width:320px)  
{
#fmslideshow { zoom:50%!important;  }

.comp_of_year > div {  margin-left: -50px; }
.comp_of_year_1 { margin-left:30px; margin-top:50px;}
.comp_of_year_2 { margin-top:20px;}
.comp_of_yearimg {     margin-top: 0px;  margin-left: -136px;}


.fsple_care > div {  margin-left: -30px; }
.fsple_care > div:nth-child(1) { zoom:.7; -moz-transform-origin: bottom right;  margin-left: 20px;  margin-top: 113px;}



.whyisit > div:nth-child(1) {     z-index: 99;}
.whyisit > div:nth-child(2) {zoom: 0.5; margin-top:0px;  margin-left: 70px; }
.whyisit > div:nth-child(3) { width:100%!important;}
.whyisit2 span { display:block!important;  float:left; width:100%; margin-top: -13px;  zoom: 1.1;}
.whyisit2 span ul { margin:0px; padding:0px; list-style:none;}
.whyisit2 { width:90%!important;}
.whyisit1 {  zoom:.7; z-index:99;     margin-top:300px;}
.whyisit2 {     margin-top:165px;}
.whyisit3,.whyisit4,.whyisit5,.whyisit6,.whyisit7 {zoom: .5;}
.whyisit3 { margin-left: -760px; margin-top: -353px;}
.whyisit4 {margin-left: -820px; margin-top: 150px;}
.whyisit7 {      margin-top: 146px;  margin-left: -826px; }
.whyisit5 { margin-left: -760px; margin-top: 400px;}
.whyisit6  {    margin-left: -737px;  margin-top: 174px;}
.whyisit8 {    margin-top: 45px; zoom: 1.5;}

.introducing5 { margin-top:20px;}
.introducing3,.introducing4 { margin-left:-10px;}



.d_notice2  { margin-left:300px;}
.d_notice3  {     margin-left: 280px; margin-top:3px;}
.d_notice4,.d_notice5,.d_notice6,.d_notice7 { margin-left:50px;}
.d_notice8,.d_notice9,.d_notice10,.d_notice11 { margin-left:-50px;}
.d_notice1 { width: 194px!important; margin-left: -158px!important;  z-index: 999; position: relative;}
.d_notice1 img { width:270px;}
.d_notice12 { margin-left:-441px;}




.voice_sms { zoom:.8;}
.voice_sms1{ position:relative; z-index:99;  padding: 10px; margin-left: -30px;}
    
 .voice_sms2 { position:relative; z-index:99; background-color: rgba(255, 255, 255, 0.56);  padding: 10px;  margin-left: -30px;}

.voice_smsimg { margin-left:-150px;}
.voice_sms3,.voice_sms4,.voice_sms5,.voice_sms6,.voice_sms7,.voice_sms8,.voice_sms9,.voice_sms10 {margin-left:-300px;}

.boxgrid { width:98%!important}
.lfdinnews tr td { width:100%; text-align:center; padding:1px;}
/*
.whyisit3,.whyisit4 {zoom:0.8; margin-left: -310px;}
*/
}

@media (min-width:321px) and (max-width:440px)  


{
	#fmslideshow { zoom:50%!important;  }

.comp_of_year > div {  margin-left: -50px; }
.comp_of_year_1 { margin-left:30px; margin-top:20px;}
.comp_of_year_2 { margin-top:10px;}
.comp_of_yearimg {     margin-top: 0px;  margin-left: 0px;}
.fsple_care > div {  margin-left: -30px; }
.fsple_care > div:nth-child(1) { zoom:.8; -moz-transform-origin: bottom right;  margin-left: 110px;  margin-top: 37px;}	



.whyisit > div:nth-child(1) {     z-index: 99;}
.whyisit > div:nth-child(2) {zoom: 0.5; margin-top:0px;  margin-left: 0px; }
.whyisit > div:nth-child(3) { width:100%!important;}
.whyisit2 span { display:block!important; float:left; width:100%;}
.whyisit2 span ul { margin:0px; padding:0px; list-style:none;}
.whyisit2 { width:90%!important;}
.whyisit1 {  zoom:.7; z-index:99;     margin-top:300px;}
.whyisit2 {     margin-top:165px;}
.whyisit3,.whyisit4,.whyisit5,.whyisit6,.whyisit7 {zoom: .5;}
.whyisit3 { margin-left: -760px; margin-top: -353px;}
.whyisit4 {margin-left: -820px; margin-top: 150px;}
.whyisit7 {      margin-top: 146px;  margin-left: -826px; }
.whyisit5 { margin-left: -760px; margin-top: 400px;}
.whyisit6  {    margin-left: -737px;  margin-top: 174px;}
.whyisit8 {    margin-top: 45px; zoom: 1.5;}
.introducing5 { margin-top:20px;}
.boxgrid { width:98%!important}
.lfdinnews tr td { width:100%; text-align:center;}
}
@media (min-width:0px) and (max-width:441px)


{.ty11 {float: left; width: 100%!important;}
.ty10{ width: 100%; border-bottom: dashed 1px #9a9a9a;height: 600px!important;}
.bipin { width: 76%!important;    height: 450px!important;}
.ty img { float: left; margin-left: -20px!important;}
.ty12 { text-align: justify;float: right;width: 100%!important;}
.content-m {margin-top: 35px;}
.contact_us { width: 100%!important; }
.contactbox { width: 100%!important; }
.cont{ width: 100%!important; } 
.contactbox { width: 100%!important;padding-top:40px; }
.cont1 { width: 98%!important; height: 200px!important;}
.cont2 { width: 98%!important; height: 200px!important; margin-top: 20px!important; }
.header {height:135px;}
/*.menu-h {display: none;}*/
#menu-mobile{display:block;}
.txt_boxtbl { width: 96%; float: left;}
.contactbox.right-box {width: 96%!important;margin-top: 60px;height: auto;padding:1%!important;}
.hbox {width: 280px!important;padding-top: 10px!important;}
input#ctl00_ContentPlaceHolder1_txtCaptcha {margin-left: -40px;margin-top: -50px;}
input#ctl00_ContentPlaceHolder1_txtCaptcha { margin-left: -161px;margin-top: 8px;}
.tableabc {width: 100%!important;margin-left: 0px;}
.hspan{ margin-left: -160px!important;}
#imgCaptcha { width: 120px; height: 30px;}
.conta{width: 100%!important; height: 420px!important; padding: 6px!important;}
.tableabc tr td div{margin-left: 15px!important;}
input#ctl00_ContentPlaceHolder1_butSubmit { margin-left: 35px!important;}
.footer{ zoom: 1.29;}
.footer ul {margin-left: 10px;}
.master-in-righta { width: 100%; float: left;text-align: center;}
.master-ina { width: 100%;float: left;text-align: center;}

}
@media (min-width:0px) and (max-width:780px)
{
     .frametop,.frametop1,.frametop2,.frametop3,.frametop4{width: 100% !important;}
    .header{ height: auto!important;}
	.menu-h{ margin:0!important; float:left!important;}
	.product_full22 { width: 100%!important;}
	.wdmain {  width: 500px!important; float:none!important;}
    .black {   width: 500px!important;float:none!important;}
     .hvrlink4 { margin-left: 0px!important; }
     .mf{ margin:20px 0 0 0;}
     .mf:hover > .hvrlink4 {left:auto!important; right: 0px!important;}
    .lfd { margin:48px 0 0 35px !important;}
    .frametop6 { margin-left: 0px!important;   padding-bottom: 92px!important;  margin-bottom: 70px!important;}
    .lfd4 {  margin-top: 320px!important;  margin-left:35px!important;}
    .footer{ position:static!important;}
    .footer{width: 95%!important;zoom: 0.90!important;}
    }
@media (min-width:0px) and (max-width:500px)
    {
.logo { width: 310px!important;}
.logo img { margin: 0!important; padding: 10px 20px!important; width: 50%;  }
.wdmain, .black,.yy2 {  width: 300px!important;}
.headimg { margin-left: 0px!important;   float: left!important; }
.mf { width: 300px!important;   margin: 20px 0px 0px 0px!important;}
.frametop6a-span { padding: 0px 25px 0px 0px!important;}
.imgff { padding-left: 10px!important; }
li.tt   { margin-left: 0!important;  }
span.frametop6a-span img {  width: 100%;}
.footer{width: 95%!important;zoom: 0.90!important;}

    }
@media (max-width: 0px) and (min-width: 780px) 
{
.frametop, .frametop1, .frametop2, .frametop3, .frametop4{width: 100% !important; margin-bottom: 20px;}
.lfd {margin: 48px 0 0 35px !important;}
.lfd4 {margin: 0px 0 0 35px !important;}

.bipin { width: 90%!important;}

.master-in-righta img { width: 100%; }
.master-ina img { width: 100%;}
}
@media (min-width:0px) and (max-width:767px)
 {
.frametopa,.frametop1a,.frametop2a,.frametop3a,.frametop4a,.frametop5 { text-align: center!important;}
.headimg {display: none;}
.yy2 {width: 100%;}

}
@media (min-width:441px) and (max-width:767px)  

{
    .master-in-righta { width: 100%; float: left;text-align: center;}
.master-ina { width: 100%;float: left;text-align: center;}
#fmslideshow { zoom:75%!important;  }	
.comp_of_year > div {  margin-left: -100px; }
.comp_of_year_1 { margin-left:30px; margin-top:20px;}	
.comp_of_year_2 { margin-top:10px;}

.fsple_care > div {  margin-left: -30px; }
.fsple_care > div:nth-child(1) { zoom:.8; -moz-transform-origin: bottom right;  margin-left: 110px;  margin-top: 39px;}	
.frametopa,.frametop1a,.frametop2a,.frametop3a,.frametop4a,.frametop5 { text-align: center!important;}
.headimg {display: none;}
.yy2 {width: 100%;}
.whyisit {zoom: 0.9;  }

.introducing5 { margin-top:20px;}
.boxgrid { width:48%!important}
.bipin { width: 90%!important;  height: 225px!important;}
}
@media (min-width:0px) and (max-width:568px)  

{.media_gallery {    text-align: center; width:100%}
 .gmcoverage, .olmcoverage { margin-top:0px;}
 .parents-testimonies { width:100%!important;    margin: 10px auto;  float: none; overflow: auto; max-width:300px; background-size:100%;}
.contactbox { width:100%;     padding: 10px 1%;}
.cont_left { width:100%!important;}
 #map_canvas,#directions{width:100%!important; height: auto!important; min-height:320px;   }
.hand {padding: 0px 0px 0px 0px!important;margin-top:75px!important; margin-left:-15px!important;}
 }



@media (min-width:441px) and (max-width:568px)  
{
.whyisit3,.whyisit4,.whyisit5,.whyisit6,.whyisit7 { margin-left: -209px;}
.whyisitimg { margin-left:-180px;}
.lfdinnews tr td { width:49%; text-align:center; padding:1px;}
}

@media (min-width:569px) and (max-width:766px)  
{
	
	.whyisit3,.whyisit4,.whyisit5,.whyisit6,.whyisit7 { margin-left: -65px;}
.whyisitimg { margin-left:-80px;}
.introducing5 { margin-top:20px;}
.lfdinnews tr td { width:49%; text-align:center;    padding: 1px;}	
	
	}

@media (min-width:768px) and (max-width:990px)  

{
	.whyisit {zoom: 0.9;  }
	.whyisit3,.whyisit4,.whyisit5,.whyisit6,.whyisit7 { margin-left: -25px;}
.whyisitimg { margin-left:25px;}
.introducing5 { margin-top:20px;}
.boxgrid { width: 31%!important;}
.myButton {    padding: 3px 8px!important;}
.lfdinnews tr td { width:33%; text-align:center; padding:1px;}

/*---mailus---*/
.comp_of_year > div {margin-left: -100px!important;}
.content-m {margin-top: 35px;}
.contact_us { width: 100%!important; }
.contactbox { width: 100%!important; }
.cont{ width: 100%!important; } 
.contactbox { width: 100%!important; }
.cont1 { width: 65%!important; }
.cont2 { width: 65%!important;margin-top: 20px!important; }
.header {height:135px;}
/*.menu-h {display: none;}*/
#menu-mobile{display:block;}
.master-in-righta { width: 100%; float: left;text-align: center;}
.master-ina { width: 100%;float: left;text-align: center;}
}
@media (min-width:441px) and (max-width:990px)
{ 

.content-m {margin-top: 35px;}
.contact_us { width: 100%!important; }
.contactbox { width: 100%!important; }
.cont{ width: 100%!important; } 
.contactbox { width: 100%!important; }
.cont1 { width: 65%!important; }
.cont2 { width: 65%!important;margin-top: 20px!important; }
.header {height:135px;}
/*.menu-h {display: none;}
#menu-mobile{display:block;}*/
.conta {height: 430px!important; }
	}

@media screen and (max-width:990px)


{
.header {    height: auto!important;}
.logo,.Testimonial-h-in,.ticker-wrapper.has-js,.ticker { width:100%!important; text-align:center}
.logo img {max-width:100%!important; margin:0px 0px!important;    padding: 20px 20px;}

.menu-h {width: 100%!important; margin:0px!important;  -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;}
ul.dropmenu { width:100%; }
.dropmenu li a {box-sizing: border-box;     margin: 0px 2%!important;}
.products { width:100%; box-sizing: border-box;}
.dropmenu li  {display: block; float: none!important;}
.products,.submenu,.open {box-sizing: border-box;}
.dropmenu li div,.submenu { box-sizing: border-box;  width: 96%!important; margin: 0px 2%!important;}
.products { width:100%!important;}
#menu-mobile { display:block; cursor:pointer;}
#nav-one { background-color: #A9A9A9; display:none;}
.footer{ margin-bottom:15px;     position:relative!important; float:right;      zoom: 1.69;   }	
.bonfire-slideout-button {  position:relative!important;     font-size: 15px!important;  font-weight: bold; float: right; width: 100%;     background-color: #ACACAC;  text-align: center; padding:3px 0px!important;}	
.bonfire-slideout-button img { display:none;}
.pulse-grow:hover { animation: none!important;}
.bonfire-slideout-button i { position:relative!important; width:auto!important; margin-top:0px!important; margin-left:0px!important;}
.footer ul li { margin-left: 4px!important;  padding-left: 4px!important; background:none!important}
.whyisit > div:nth-child(1) {     z-index: 99;}
.d_notice2  { margin-left: 200px;}
.d_notice3  {     margin-left: 220px; margin-top:3px;}
.d_notice1 { margin-left:-10px; position:relative; z-index:999}
.d_notice12 { margin-left:-200px;}
.voice_sms11 { margin-top:20px;}
.voice_sms11 { zoom:1.5; margin-top:20px;}
.voice_sms2 { position:relative; z-index:99; /*background-color: rgba(255, 255, 255, 0.56);*/  padding: 10px;  margin-left: -30px;}
.voice_smsimg { margin-left:-150px;}
.voice_sms3,.voice_sms4,.voice_sms5,.voice_sms6,.voice_sms7,.voice_sms8,.voice_sms9,.voice_sms10 {margin-left:-300px;}
.voice_sms2 span ul { list-style:none}
.content-m-in,.master-in,.master-in-right,.scroll-pane-arrows,.jspContainer,.jspPane { width:100%; float:left;}
.right-img { position:relative; float:left; width:100%; top:0px;     text-align: center;}
.content-left {margin: 1% 1%;}
.right-img img,.master-in img { max-width:100%;}
.master-in-right { text-align:center;}
.jspContainer,.jspTrack { height:auto!important;}
.inner_tbl tr td { display: table;}
.product_full { padding:10px 3px;}
.boxcaption .screenshot {float: left; margin: 10px 0 0 10px!important;}
.boxcaption .rm {    margin: 10px 10px 0 0px!important; float:right;}

.top-links { position:relative; top:10px; width:100%; }
.portfoliodata{width: 100%; padding:0px  2%; }

#next1 { margin-right:1%!important}
#prev1 {margin-left:1%!important}

.gmcoverage,.olmcoverage {float: left; width:auto; text-align:center;}

#timeline,#issues,#issues li  {    padding-left:0!important; height:auto!important}
#issues li  { width: 100vw!important;   box-sizing: border-box;padding:0px; }
#dates li {width: 100vw!important; min-width:200px!important; }
.client_img,.client_dtl {     width: 100%!important; }
.client_img { text-align:center;}
#issues li img { float:none!important;}
#issues li p {margin: 0 0px 0 0!important;padding-right: 18px; text-align: justify;}
.parentstst { width:100%;}



.parents-testimonies { width:50%;     box-sizing: border-box;    }
  .cont_left { width:auto;} 
 #map_canvas,#directions{width:100%!important; height: 450px!important; min-height:320px;   }
  .demorequest{ width: 100%!important;}
 #wizardwrapper { width:100%!important; box-sizing: border-box;}
#mainNav { width:100%; margin-top:0px!important;}
 .buttons { width:100%!important; margin-left:0%!important; box-sizing: border-box;}
#mainNav.fiveStep li a,#mainNav li a em { width:auto!important}
#mainNav.fiveStep li {}
 #mainNav li a em { margin:5px 0px!important}
 #mainNav li {  height:auto;background-color: #ababab; }
 #mainNav li {width:25%!important;  }
 #mainNav li a em, h4 { font-size:12px!important;}
.to {     margin: 0px!important; padding-left:5px;}
.lfd-h { margin-right:0px;}
.master-in-right img{ max-width:100%;}
.lfdinnews tr td { float:left;}
.lfdinnews tr td a img { max-width:100%;}
.bonfire-slideout-inner-inner { padding:30px;}
.lb-outerContainer,.lb-dataContainer  {    width: 100%!important;  height: 100%!important;}
.slider { margin-top:15px;}
/*slider-respo*/
/*---mailus---*/
/*.contact_us { width: 100%!important; }
.contactbox { width: 100%!important; }
.cont{ width: 100%!important; } 
.contactbox { width: 100%!important; }
.cont1 { width: 65%!important; }
.cont2 { width: 65%!important; }*/
}


@media (min-width:991px) and (max-width:1024px) 

{.menu-h { margin-right:2%;}
 .logo img {     margin: 0px 2%;     padding: 10px 0px;}
 .logo { width:auto}
 
 .introducing5 { margin-top:20px;}
 .footer ul { zoom:0.74;}
 
.myButton {    padding: 3px 8px!important;}
/*.product_full22 {width: 88%;margin: 0 auto;height: 100%;padding-top: 30px;}*/
.wdmain { width: 96% !important; margin: 0px 0px 0px 30px!important;}
.frametop,.frametop1,.frametop2,.frametop3,.frametop4 {width:100%!important;}
.yy2 { width: 400px !important;}
.frametop6{ padding-left: 0px!important; margin-left: 30px!important;}
.dropmenu ul {width:107px!important;}
.product_full22 { width: 99%;}
.yy2 { width: 397px !important; margin-left: 0px!important; }
.mf { margin: 20px 0px 0px 30px!important;}
.master-in-righta { width: 50%; float: left;text-align: center;}
.master-ina { width: 50%;float: left;text-align: center;}
  }
@media (min-width:991px) and (max-width:1160px)  
  
  {
  	 .boxcaption .screenshot {float: left; margin: 10px 0 0 5px!important; }
        .boxcaption .rm {    margin: 10px 5px 0 0px!important; float:right; }
  	.parentstst { width:100%;}
  	}