.loginscreen img{
float:left;
width:100%;

}

.loginscreenborder  {
 
margin-top: -151px;
}

.loginscreenborder img{
float:left;
width:100%;
  
}

.banner-b-yell {
margin-top: -46px;

}
.banner-b-yell img{
width:100%;
float:left;

}

.loginscnlogo img{
	  z-index: 11;
    width: 100%;
    max-width: 160px;
    margin: 0 auto; 
}
 
 
 .loginscnlogo{
 
     margin-top: -20px;
 }
 
 
 .headingtext{ 
 color:#007acd;
 font-weight: 500;
 }
 
 
 .login p{
    color: #355d84;
    font-weight: 600 !important;
    font-size: 0.93rem !important;
 
 }
 
 
 .btnlogn{
width: 100%;
    margin: 0 auto;
 }
 
  .continue-guest a{
  text-decoration: underline;
 font-size:22px;
     color: #2eb2f2;
 }
 
 .blue-theme .btn a
 {
    color: #fff !important;
 }
 
 
 .btnlogn .btn-danger {
    color: #fff;
    background-color: #e16983; 
    border-radius: 0!important;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
     background-color: #2eb2f2;  
     border-color: #2eb2f2; 
}


 
 .btnlogn .btn-primary{
 
     color: #fff;
    background-color: #2eb2f2; 
    border-radius: 0!important;
 }
 
 
 
 /* logo animationbg */
 
 
 .pinkBg {
   /*  background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55); */
	
	background-color: #ffffff!important;
    background-image: linear-gradient(90deg, #ffffff, #ffffff);
}
.intro-banner-vdo-play-btn{
position: absolute;
    width: 150px;
    height: 150px;
    z-index: -1;
    left: 30%;
    top: 11%;
    opacity: 50;
    margin: -190px 39px 0.125rem -85px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.5s infinite;
}
 
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
      left: 50%;
		top: 50%;
    opacity:30;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 2.0s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:8;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(1){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.9s;
    -webkit-animation-delay:.9s
}

 
 
 .logobganim{
margin-top: 60px;
    position: absolute;
    z-index: 1;
    margin-left: 55px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* Smartphones (portrait and landscape) ---------- */
@media screen  and (max-width: 375px){
   .loginscreenborder {
    margin-top: -121px;
}
}
/* Smartphones (portrait) ---------- */
@media screen and (max-width: 320px){
 .loginscreenborder {
    margin-top: -102px;
}

 
/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
 .loginscreenborder {
    margin-top: -137px;
}
.banner-b-yell {
    margin-top: -123px;
}
}
/* Tablets, iPads (portrait) ---------- */
@media screen and (max-width: 768px){
.banner-b-yell {
    margin-top: -40px;
}
}
/* Tablets, iPads (landscape) ---------- */
@media screen and (min-width: 1024px){
    /* styles */
}
/* Desktops and laptops ---------- */
@media screen and (min-width: 1224px){
    /* styles */
}
/* Large screens ---------- */
@media screen and (min-width: 1824px){
    /* styles */
}