/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 576px) {
  
  .left-align{
  	margin-left: 20% !important;
  }
 
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 575px) {
  
  .left-align{
  	margin-left: 0%;
  }
  
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 576px) and (max-width: 767px) {
.accsetBtn{
  	width: 295px !important;
  }
 .accsetBox{
 width: 400px !important;
 }

}

@media (min-width: 320px) and (max-width: 575px) {
  
  .left-align{
  	margin-left: 0%;
  }
    .descText {
    margin-left: 15%;
  }
  .mainDesc{
  	margin-top: 2%;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {
	.accSetBtn button{
	    font-size: 10px;
	}
}


@media (min-width: 1025px) and (max-width: 1280px) {
	.accSetBtn button{
	    font-size: 12px;
	}
}
@media (max-width: 576px)
{
	.accsetBox{
	 width: 260px !important;
	 }
  .accsetBtn{
  	width: 225px !important;
  }
  
  .modal-width
  {
  	max-width:300px;
  	margin:1.75rem auto;
  }
  .g-recaptcha{
    transform:scale(0.70);
  -webkit-transform:scale(0.70);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
  }
  .accSetBtn button{
	    font-size: 12px;
	}

}
/*Responsive sizing css*/
@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .h-sm-auto {
    height: auto !important;
  
  }

}

@media (min-width: 768px) {
	.landing-login{
	transform: scale(0.65);
    transform-origin: 0 0;
	}
	.supportreqButtons{
  	margin-left: -20px !important;
  }
  .accsetinputDiv{
  width:90%;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
}

@media (min-width: 992px) {
		.header-login{
	transform: scale(0.65);
    transform-origin: 0 0;
	}
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
}

@media (min-width: 1200px) {
   .supportreqButtons{
  	margin-left: -35px !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  
  .dphhs-img {
    max-width: 74% !important;
    height: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  
  .dphhs-md-img {
    max-width: 96% !important;
    height: auto !important;
  }
}

@media  (min-width: 1025px) {
  
  .dphhs-lg-img {
    max-width: 65% !important;
    height: auto !important;
  }  
}