/* @media Rule */







@media screen and (max-width: 1023px){
	
.ourproducts{width: 100%; }	

.pro1 {width: 100%;}
.pro2 {width: 100%;}
.pro3 {width: 100%;}
.pro4 {width: 100%;}
.pro5 {width: 100%;}
.pro6 {width: 100%;}
#mainvideo {
width: 100%;}
#toptext{    width: 100%;}
#emailphone{width: 100%!important;}
#freedemo img {
width: 100%!important;}
.ourpro1{    width: 100%;    margin-bottom: 0px;}
.ourpro2{    width: 100%;}
.ourpro3{    width: 100%;}
	
#menu li{    padding-right: 2px!important;}
#menubar{width: 100%;}
#logo{    padding-left: 15px;}
.producttab a{    width: 100%;
    float: left;    margin-bottom: 26px;}
	.producttabR a{    width: 100%;
    padding: 22px 50px!important;}
	.tablink{    margin-bottom: 25px;padding: 13px 2px!important;}
	#productsf img {
    width: 100%;
}

#productsf .buttontab img {
    filter: brightness(0.1);
    width: auto;
}

#pricing {    padding: 30px 0;
    height: auto;
   
}
#innerprice {
    width: 100%;    padding-bottom: 80px;
}

.homein{width: 80%;    margin: auto;}
.litext {
    width: 80%;
}
#testimonio{width: 80%;    height: auto!important;}
#runningtext{    width: 100%;
    margin: auto;
    height: 300px;}
#slideshow div img{width: 100%;margin: auto;}
#maintestimonio {
       background: #fff;
    float: left;
    width: 100%;
}
#slideshow{    margin: auto;
    width: 100%;}
#hblock1{ padding: 30px 0;height: auto;background-position: left;float: left; width:100%}
#hbanner{width: 80%;height: auto;}
#toptext{margin: auto;}
#video{width: 100%;height: auto;}   
#video div img{width: 100%;}
#thevideo{height: auto;}
#videoclass{    width: 100%;}
#mainvideo{ float:none;}
#requestdemo{     height: auto; float:none}
    
#emailsession{width: 80%; margin: auto; height: 190px; padding-bottom: 15px;}
.workemail{    margin: 0px; padding: 0px;    margin-top: 10px;width: 100%; }
.tab{margin: 0px;padding: 0px;    margin-top: 10px;width: 100%;}
.dsm{    width: 95%;margin: 0px;text-align: center;    font-size: 10px;}
.NoPaymen{    width: 100%;margin: 0px;padding: 0px;text-align: center;margin-top: 5px;}
.guarantee{width: 100%;margin: 0px;padding: 0px;text-align: center;margin-top: 5px;padding-bottom: 5px;}   

#MHP{    width: 100%;    height: auto;}
.helptext{width: 80%; margin: auto;}
 #help{width: 100%;   }  
 #box1{    width: 80%;margin: auto; float: none;} 
    
  #SimpleOrderForm{ width:100%} 
	
	
#mainfreedemo{height: auto;padding-bottom: 20px;}
#freedemo{    width: 80%;}

#mainfooter{    height: auto;    background-position: 80% center;    padding-top: 40px;}
#footer1{width: 80%;}
footerbox1{width: 100%;margin: auto;text-align: center;}
#footerbox1{    width: 100%;
    float: none;
    text-align: center;}
#footerbox1 img{    margin-bottom: 16px;}
.phno1{margin-top: 28px;
    width: 100%;
    margin: auto;
    text-align: center;
    float: none!important;}
    
   .Wp-Normal-P1{padding-top: 0px!important;} 
   #txt_48{        float: none!important;}
   #txt_49{        float: none!important;}
    .Wp-Normal-P1 img{ width: inherit!important;}
	.Wp-Normal-P1 .Normal-C-C10 button img{width: inherit!important;}
	#pagedetailscon1 h2{    line-height: 34px;}
    
   #aboutpageminbanner{width: 100%;    padding: 30px 0; height:auto;} 
   #aboutpagebanner{width: 80%;height: auto;}
   
   #videohovertext{    padding-left: 0px;    font-size: 24px;}
   #mindemthe{width: 100%;    padding: 30px 0; height:auto;}
   #demot{width: 80%;height: auto;}
   
   #mainseeproduct{width: 100%;    padding: 30px 0; height: auto;}
   #seeproduct{width: 80%;height: auto;    margin: auto;}
   #productdetails p{      width: 100%!important; padding: 0px;}
   .producttab a{font-size: 12px!important;}
   .producttabR a{font-size: 12px!important;}
   .tablink{    width: 24%!important;    font-size: 12px!important;}
   .tbox{width: 100%!important; }
   #London img{width: 100%!important; }
   
   #minourclient{padding: 30px 0;}
   #inourclient{width: 80%;}
   #inourclient h2{width: 100%;}
   #box11{    width: 100%;}
   .cltext{     font-size: 14px;width: 80%;margin: auto;}
   
   ##mintestimonials{    width: 100%;}
   #testimonials{    width: 100%;height: auto;}
   
   
   #minproductbanner{width: 100%;  padding: 30px 0;   height: auto;    background-position: 27% center;}
   #productbanner{width: 80%;    margin: auto;text-align: center;}
   #bantextleft{ padding-left: 0px;padding-top: 80px;    float: none;}
   #emailboxright{margin: 0px;float: none;}
    
	#emailboxright{width: 100%;    }
    
	#emailboxright .workemail{    width: 50%!important;
    text-align: center;float: none;border: 1px solid #B7B7B7;}
	#emailboxright .tab{width: 50%!important;    float: none;}
.guarantee1{    float: right;
    width: 100%!important;
    text-align: center;
    margin-right: 0px;    }
	
	
	#minproductfeatures{width: 100%;  padding: 30px 0;   height: auto;}
	#productfeatures{    width: 80%;
    margin: auto;}
	.row-b1{    width: 80%;
    margin: auto;
    float: none;}
	.row-b1{  width: 80%;
    margin: auto;
    float: none;}
	
	#pagedetailscon1 div div{    width: 100%!important;}

	#pagedetailscon1 img{ width:50%}
	
	
	#minweprovide{width: 100%;  padding: 30px 0;   height: auto;}
	#weprovide{width: 80%;height: auto;}
	#weprovide img{margin-right: 0px;    margin-bottom: 20px;}
	.fsignup{    font-size: 16px!important;}
	.fsignup a {
    padding: 22px 6px!important;
    font-size: 13px!important;
   
}

.carousel-item img{vertical-align: middle;
    width: 100%;
    background-position: 93% center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 276px;}
	
	.slid1 h1{font-size: 24px!important;}
	.slid2 h2{font-size: 24px!important;}
	.slid3 h2{font-size: 24px!important;}
	.slid4 h2{font-size: 24px!important;}
	
	
	.slid1 {
    font-size: 24px!important;
    margin-top: -131px;
}
	.slid2 {
    font-size: 24px!important;
    margin-top: -131px;
}
.slid3 {
    font-size: 24px!important;
    margin-top: -131px;
}
.slid4 {
    font-size: 24px!important;
    margin-top: -131px;
}

.carousel-caption a {
    font-size: 12px!important;    margin-top: 0px!important;
}
.slidlogo{font-size: 12px!important;  }

.minourproducts{    height: auto!important;}
	
	#minpricing{width: 100%;  padding: 30px 0;     height: auto;}
	#pricingbanner{    width: 80%;    margin: auto;}
	#price{    width: 100%;margin: auto;padding: 0px;text-align: center;}
	#price h2{padding: 0px;width: 100%;text-align: center;}
    
	#included{  
    width: 100%;    float: none;    margin-top: 0px;}
	.incl{text-align: left;
    width: 80%;
    margin: auto;}
	.incl li{    font-size: 16px;
    background-size: 18px;
    padding: 0px 0px 0px 28px;}
	#included h3{    width: 80%;  margin: auto;}
  
    
    
   #ClientRegistrationbanner{width: 100%;  padding: 30px 0; } 
   #ClientRegistrationbanner  div{ float: none!important;width: 80%;    text-align: center;}
   
   #minpagedetails{width: 100%;  padding: 30px 0;   height: auto;}
   #pagedetailscon{    width: 80%;}
   #pagedetailscon img{width: 100%;}
   #minftab{width: 100%;  padding: 30px 0; }
   #footertab_in{width: 80%;}
   #tabs{    width: 100%;
    margin: auto;
    padding: 0px;}
	
	
	#calendarbanner{width: 100%;  padding: 30px 0;   height: auto;}
	#calendarbanner  div{ float: none!important;width: 80%;    text-align: center;}
	#creditcardbanner{width: 100%;  padding: 30px 0;   height: auto;}
	#aboutpagebanner div{float: none!important;width: 80%;    text-align: center;}
	
	#mintitlebg{width: 100%;  padding: 30px 0;   height: auto;}
	#mainheadtitle{width: 80%;}
	#mainheadtitle h2{    line-height: 45px;font-size: 24px;}
	
	#minboxhead{width: 100%;  padding: 30px 0;   height: auto;}
	#boxhead1{width: 80%;}
	#boxhead2{    width: 100%;margin: auto;}
	#block {    width: 100%;}
	#Cl-2{ width: 100%;}
	#Cl-1{width: 100%;}
	#Cl-1 img{width: 100%!important;}
	#block p img{width: 100%!important;}
	
	#mintoolbox{width: 100%;  padding: 30px 0;   height: auto;}
	#Camft{    width: 80%;height: auto;}
	#Camft div{    width: 100%!important;margin-left: 0px!important;    float: none!important;   ;}
	
	#camftfeaturesdetails{ width:80%}
	#mindetails{width: 100%;  padding: 30px 0;   height: auto;}
	.maintablebox{width: 80%; float:none;    margin: auto;margin-top: 30px;}
	.boxdiv1{width: 100%; float:none;    border-right: none;}
	.boxdiv2{width: 100%; float:none}
     .boxdiv1 div{    width: 100%!important;}
	 .boxdiv2 div{width: 100%!important;    margin-left: 0px!important;}
	 
	 #minlogbanner{width: 100%;  padding: 30px 0;   height: auto;}
	 #logbanner{    width: 80%;}
	 
	 #minupdatetitle{    width: 100%;height: auto;}
	#updatetitle{width: 80%;}
	#updatesession{width: 80%;}
	#addnewone{width: 100%;border-right: 0px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
	#yearupdate{width: 100%;    border-left: 0px solid #D8D8D8;}
	
	#minmerchant{    padding: 30px 0;   height: auto;}
	.MerchAcct{    width: 100%;}
	#merchant{width: 80%;}
	.myTable{    width: 100%;}
	
	#minfindatherpist{width: 100%;  padding: 30px 0;   height: auto;}
	#findatherapist{width: 80%;
    height: auto;}
	#icons{      width: 80%;}
	#icons img{ margin-bottom:10px;}
	
	#mincpa{    width: 100%;}
	#cpabanner{width: 80%;}
	.cpan{ width:100%!important;}
	#mincpadetails{    width: 100%;
    padding: 30px 0;
    height: auto;}
    #cpadetails{    width: 80%;}
    .sign{    margin-right: 0px;}
	.b_tab{       float: left;
    margin: 6px;}
   .tbox{    width: 80%;} 
   .workemailb{ width:100%}
   .tabb{ width:100%}
   #minPRIVACY1{    width: 100%;}
   #PRIVACY1{    width: 80%!important;}
   #footerbox2{ width:100%; margin:auto;    margin-top: 25px;}
   .secureemailbox{    width: 100%;    margin: 0px;}
   .secureemailbox div{ text-align:center!important;}
   .secureemailbox form{width: 50%;float: none!important; text-align: center; margin: auto;}
   #hush_username{ width:100%}
   .copy{ padding-bottom: 25px;padding-top: 25px;}
  .sub1but{    width: 100%!important;}
  
  #login{ width:100%}
  .header li a :hover{ color:#fff;}
  #minsecuredata{    width: 100%;margin: auto;height: auto;}
  #securedata{width: 100%;height: auto;padding: 30px 0;}
  #securemess{    width: 80%;margin: auto;padding: 20px;}
  #securemess1{    width: 80%;}
  .minblockn1{ float:left;padding-bottom: 70px;}
  .blockn1{width: 80%; height:auto;}  
  .blockn1left img{ width:100%!important}
  .blockn1left{    width: 100%;    margin-top: 35px;} 
  .blockn1right{width: 100%;}
  .blockn1right h2{line-height: 40px;}  
  .icond1{ width:100%; float:left}  
  .patientsicons{     width: 18%;padding-bottom: 39px;margin-right: 61px;}
  .bnewcl{ width:100%; margin-top:0px;}
  .bnewc2{     margin-top: 0px;
    float: left;}
    
	
   #hblockn{    float: left; width:100%}	
   #hbannern{height: auto;    width: 80%;}
   .blockn1left2{ width:100%}
   .blockn1right2{    width: 100%; margin-left: 0px;    margin-top: 30px;}
   .blockn1right2 img{    width: 100%;   }
   .minblockn2 {
    width: 100%;
    padding-bottom: 64px;
    float: left;
}
   .blockn2{ width:80%}
   #hblockn3{ float:left; width:100%}
   #hbannern3{    height: auto;
    width: 80%;}
	.blockn1left3{ width:100%!important;}
	.mobiledevice{       width: 100%;
    margin-left: 0px;
    margin-top: 60px;
    padding-bottom: 31px;    text-align: center;    margin-left: 0px!important;}
	.mobiledevice img{ width:100%}
	#minjumpstartp{float: left;
    width: 100%;}
	#jumpstartp{    width: 80%;    padding-bottom: 200px;}
	#slideshow img{ width:100%}
	#minbottom{    float: left;
    width: 100%;    padding-bottom: 30px;}
	#bottom{
    width: 80%;}
	.logob img{ margin-bottom:10px;}
	.socialb{    width: 100%;
    text-align: center;}
	.logob{    width: 100%;
    text-align: center;}
	.cor1{    width: 100%;
    text-align: center;
    margin-left: 0px;}
	#bill{    width: 80%; height:auto!important;}
	#billt h2{ text-align:center;}
	.blockn1billing{width: 80%;}	
.blockn1leftbilling{    width: 100%;
    text-align: center;}
.blockn1leftbilling img{ width:100%}
#hbannernbilling{width: 80%;
    height: auto;
}
#minbill{    float: left;}
.blockn2billing{    width: 80%;}
.blockn1leftbill{    width: 100%;
    text-align: center;}
.blockn1leftbill img{ width:100%!important;}
.bannerdesktop{ display:none}
#billt {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0px; padding-bottom:15px;
}
.Jumpstartif{    width: 100%!important;
    padding-right: 0px!important;
    height: 420px!important;}
#minsocialmedia{ width:100%; }
#socialmedia{ width:80%; height:auto;    padding-top: 70px;}
.socialmediatext{ width:100%}
.socialmediatext h1{font-size: 48px;}
#hblockn33{ float:left; width:100%}
#hblocknbg{    float: left;
    width: 100%;    padding-bottom: 60px;}
#runningtext h2{ font-size:24px;}
#jumpstartp h2{ font-size:30px;}
.minblockn1j{ width:100%; float:left;    padding-bottom: 70px;}
.minblockn1nj{float: left;width: 100%;    padding-bottom: 40px;}
 .dropdown-content{    font-size: 15px;
    margin-left: 24px;
    box-shadow: none;
    background: rgb(232, 232, 232)!important;
    width: 266px;}   
	.dropdown-content a{color: black!important;
    margin-top: 0px!important;
    padding: 6px 14px!important;
    border-bottom: 1px solid #D8D8D8!important;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: normal!important; }
.dropdown-content a:hover {background-color: #818181!important; }
}




































/* menu */
/* @media Rule */

@media screen and (max-width:1006px){

.header {
  box-shadow: opx 0px 0px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 3;
}
 
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}
 
.header li a {
  display: block;
  padding: 10px 20px;
      border-bottom: 1px solid #EAEAEA;
  text-decoration: none;color: #5D5D5D; font-weight:bold;    font-size: 14px;
}
 
.header li a:hover {
  background-color: #818181; color:#FFFFFF!important;
}
 
.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}
 
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

.header .menu-icon {
     cursor: pointer;
    display: inline-block;
    float: right;
    /* padding: 34px 20px; */
    position: relative;
    user-select: none;
    background-color: #3283c5;
    padding: 22px;
    margin-top: 12px;
    border-radius: 4px;
    margin-bottom: 11px;
    margin-right: 6px;
}
 
.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}
 
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
 
.header .menu-icon .navicon:before {
  top: 5px;
}
 
.header .menu-icon .navicon:after {
  top: -5px;
}
.header .menu-btn {
  display: none;
}
 
.header .menu-btn:checked ~ .menu {
  max-height: 610px;
}
 
.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
 
.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
 
.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
 
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
}
@media (min-width: 1106px) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }

}

@media screen and (max-width: 1006px){

#menu{ display:none}
}

@media (min-width: 1007px) and (max-width: 6000px)
{

.header .menu{ display:none}
#menu-btn{display:none}
}

@media (min-width: 1px) and (max-width: 1023px)
{
#menu{    margin-left: 0px;}
}

@media (min-width: 1px) and (max-width: 500px)
{
.phno{ display:none}

}
@media (min-width: 1px) and (max-width: 450px)
{
.producttab a{    padding: 8px 6px;font-size: 10px;}
#productdetails p{font-size: 15px;}
.MerchAcct a{    padding: 10px 12px;font-size: 11px;}
#addnewone img{     width: 100%!important;}
    

}
@media (min-width: 1px) and (max-width: 250px)

{
.MF{    padding: 6px 10px; font-size: 10px;}
.btn{    padding: 6px 20px; width:100%}
	}
	@media (min-width: 1px) and (max-width: 1006px){
	.startphone{float: left!important;}
	.home a {    border-bottom: none!important;}
	}
	@media (min-width: 1px) and (max-width: 1006px){
	.startphone{ display:none;}
	}
	@media (min-width: 1px) and (max-width: 1006px){
	.startbut1{ display:none;}
	}
	@media (min-width: 1px) and (max-width: 520px){
	#innerprice{     padding-top: 60px;}
	}
	@media (min-width: 1px) and (max-width: 1020px){
	#innerprice{     padding-top: 60px;}
	#innerprice h1{font-size: 40px;}
	#innerprice h2{ font-size:20px;}
	}
	

/* menu */

@media (min-width: 1px) and (max-width: 1676px){
	.JOIN{   width: 418px; margin-top: -272px}
	}
	@media (min-width: 1px) and (max-width: 1675px){
	.JOIN{   width: 445px; margin-top: -266px;margin-top: -266px;
    line-height: 50px;}
	}
@media (min-width: 1px) and (max-width: 1565px){
	.JOIN{   width: 445px; margin-top: -272px; line-height: 52px;}
	}
	@media (min-width: 1px) and (max-width: 1444px){
	.JOIN{   width: 478px; margin-top: -272px}
	}
	@media (min-width: 1px) and (max-width: 1300px){
	.JOIN{   width: 478px; margin-top: -265px}
	}
	@media (min-width: 1px) and (max-width: 1200px){
	.JOIN{   width: 500px; margin-top: -265px}
	}
	@media (min-width: 1px) and (max-width: 1150px){
	.JOIN{   width: 511px; margin-top: -265px}
	}
	@media (min-width: 1px) and (max-width: 1124px){
	.JOIN{    width: 528px;}
	}
	@media (min-width: 1px) and (max-width: 1100px){
	.JOIN{        width: 544px;}
	}
	@media (min-width: 1px) and (max-width: 1090px){
	.JOIN{        width: 550px;}
	}
	@media (min-width: 1px) and (max-width: 1065px){
	.JOIN{        width: 564px;}
	}
	@media (min-width: 1px) and (max-width: 1030px){
	.JOIN{        width: 585px;}
	}
	
	@media (min-width: 1px) and (max-width: 1024px){
	.JOIN{         margin-top: -265px;}
	.JOIN a{ font-size:12px;}
	.JOIN1{    padding: 7px 5px;}
	}
	@media (min-width: 1px) and (max-width: 1023px){
	.JOIN{width: 128px; float: right; margin-top: -204px!important; margin-right: 300px; line-height: 37px;}
	.text_1 {font-size: 20px;    margin-right: 47px;}
	.text_2 {font-size: 20px;}
	.text_3{font-size: 20px;margin-right: 74px;}
    
	}
@media (min-width: 1px) and (max-width: 970px){
	.JOIN{         margin-right: 280px;margin-top: -190px;}
	.JOIN a{ font-size:12px;}
	.JOIN1{    padding: 7px 5px;}
	}
	@media (min-width: 1px) and (max-width: 850px){
	.JOIN{         margin-right: 222px;margin-top: -112px;}
	.JOIN a{ font-size:12px;}
	.JOIN1{    padding: 7px 5px;}
	}
	@media (min-width: 1px) and (max-width: 720px){
	.JOIN{         margin-right:180px;margin-top: -112px;}
	.JOIN a{ font-size:12px;}
	.JOIN1{    padding: 7px 5px;}
	}
	@media (min-width: 1px) and (max-width: 600px){
	.JOIN{         margin-right:236px;    margin-top: -220px!important;}
	#pricing{height: 720px;    background-position: 70% center;}
	#innerprice h1{ line-height:50PX;}
	#innerprice h2{margin-bottom: 224px;}
	
	}
	@media (min-width: 1px) and (max-width: 524px){
	.JOIN{margin-right: 240px;    margin-top: -220px!important;}
	#pricing{height: 850px;    background-position: 70% center;}
	#innerprice h2 {font-size: 15px;    margin-bottom: 304px;}
	}
	@media (min-width: 1px) and (max-width: 380px){
	.JOIN{margin-right: 44px;margin-top: -245px!important;}
	#innerprice h2 { font-size: 15px; margin-bottom: 510px; }
	.JOIN { margin-right: 158px; margin-top: -200px; }
	#pricing{background-position: 65% center; padding-bottom: 366px;}
	.pricebutton{    padding: 10px 30px;    font-size: 16px;}
    
	}
	@media (min-width: 1px) and (max-width: 340px){
	.JOIN { margin-right: 122px;     margin-top: -285px!important;}
	#innerprice h2{ font-size:14px;}
	
    
	}
	
	
	@media (min-width: 1px) and (max-width: 1676px){
	.JOINbut{   width: 654px; margin-top: -225px;}
	#butnew { margin-top: -125px; }
	}
@media (min-width: 1px) and (max-width: 1565px){
	.JOINbut{   width: 676px; margin-top: -225px}
	#butnew { margin-top: -125px; }
	}
	@media (min-width: 1px) and (max-width: 1444px){
	.JOINbut{   width: 716px; margin-top: -225px}
	#butnew { margin-top: -125px; }
	}
	@media (min-width: 1px) and (max-width: 1300px){
	.JOINbut{   width: 740px; margin-top: -225px}
	
	}
	@media (min-width: 1px) and (max-width: 1200px){
	.JOINbut{   width: 756px; margin-top: -225px}
	}
	@media (min-width: 1px) and (max-width: 1150px){
	.JOINbut{   width: 777px; margin-top: -225px}
	}
	@media (min-width: 1px) and (max-width: 1124px){
	.JOINbut{    width: 805px;}
	}
	@media (min-width: 1px) and (max-width: 1100px){
	.JOINbut{        width: 830px;}
	}
	@media (min-width: 1px) and (max-width: 1090px){
	.JOINbut{        width: 838px;}
	}
	@media (min-width: 1px) and (max-width: 1065px){
	.JOINbut{        width: 872px;}
	}
	@media (min-width: 1px) and (max-width: 1030px){
	.JOINbut{        width: 919px;}
	}
	
	@media (min-width: 1px) and (max-width: 1024px){
	.allbut{    float: left;margin-left: 202px;margin-top: -3px;}
   .JOINbut{         margin-right: 309px; allbut}
	.JOINbut a{ font-size:12px;}
	.JOINbut1{    padding: 7px 5px;}
	}
	@media (min-width: 1px) and (max-width: 1023px){
	.allbut{    float: left;margin-left: 202px;margin-top: 30px;}
	.JOINbut{width: 79px; float: right; margin-top: -298px}
	#butnew {
    margin-top: -208px;
}
	}
	
@media (min-width: 1px) and (max-width: 1020px){
	.allbut{    float: left;margin-left: 202px;margin-top: 102px;}
	.JOINbut{width: 79px; float: right; margin-top: -280px}
	#butnew {
    margin-top: -208px;
}
	}	
	
@media (min-width: 1px) and (max-width: 970px){
.allbut{        margin-top: 112px;}
	}
	@media (min-width: 1px) and (max-width: 850px){
	.JOINbut{width: 79px; float: right; margin-top: -280px;}
	.JOINbut {

    width: 514px;
}
#butnew {
    margin-top: -208px;
}
	}
	@media (min-width: 1px) and (max-width: 720px){
	.JOINbut {
    margin-left: 67px;
    width: 242px;
}
	}
	@media (min-width: 1px) and (max-width: 600px){
	.JOINbut {
            width: 60%;    margin-top: -315px;
}
	
	}
	@media (min-width: 1px) and (max-width: 524px){
	.JOINbut {
           width: 60%;
}

.allbut {
    margin-top: 44px;
}
	}
	@media (min-width: 1px) and (max-width: 380px){
	
    .JOINbut {
           width: 60%;
}
	}
	@media (min-width: 1px) and (max-width: 340px){
	
	.JOINbut {
           width: 70%;
}
.allbut {
    margin-top: -25px;
}
    
	}
	    
		.JOIN a:hover{ color: #0ca2e0;}
		
		
		
@media (min-width: 1px) and (max-width: 550px){
#lblrandomno1 {
        font-size: 26px!important;
    margin-top: 15px!important;
}
#Label6 {
        font-size: 26px!important;
    margin-top: 15px!important;
}
#lblrandomno2 {
       font-size: 26px!important;
    margin-top: 15px!important;
}
#Label1 {
       font-size: 26px!important;
    margin-top: 15px!important;
}
}	

@media (min-width: 1px) and (max-width: 530px){
.caption{font-size: 14px; line-height: 10px;}
#loginbox{margin-top: 25px!important;}
#Update h2{text-shadow: 0px 0px 1px #010106;font-size: 30px!important;}
}	
@media (min-width: 1px) and (max-width: 450px){
.hs-cta-img {    width: 210px;
    height: auto;}
.caption{    font-size: 12px; line-height: 3px;}
}
@media (min-width: 1px) and (max-width: 380px){
.caption{    font-size: 12px; line-height: 1px;}
}
		
		
@media (min-width: 1px) and (max-width: 410px){
#lblrandomno1 {
    font-size: 20px!important;
    margin-top: 20px!important;
}
#Label6 {
    font-size: 20px!important;    margin-left: 2px!important;
}
#lblrandomno2 {
    font-size: 20px!important;margin-left: 2px!important;
}
#Label1 {
    font-size: 20px!important;margin-left: 2px!important;
}

}
@media (min-width: 1px) and (max-width: 370px){
#lblrandomno1 {
    font-size: 16px!important;
    margin-top: 16px!important;
}
#Label6 {
    font-size: 16px!important; margin-left:0px!important;    margin-top: 22px!important;
}
#lblrandomno2 {
    font-size: 16px!important;margin-left:0px!important;
}
#Label1 {
    font-size: 16px!important;margin-left:0px!important;
}

}