/* @media only screen and (min-width:1024px) and (max-width:1440px) {
 body{height:auto;}
.before-login-content{padding-top: 50px; padding-bottom: 50px;}
.creat-account{padding-top: 30px;}
.intro-image{width: 125px; height: 125px;}
.intro-slider h2{font-size: 24px;}
.intro-slider p{font-size: 18px;}
.creat-account p{font-size: 18px; color: #313131; font-weight: 600;}
.before-login-footer p{font-size: 14px;}
.header-beforelogin ul li a{font-size: 18px;}
} */


@media only screen and (min-width:1024px) and (max-width:1440px) {
 body{height:auto;}
.before-login-content{padding-top: 50px; padding-bottom: 50px;}
.creat-account{padding-top: 30px;}
.intro-image{width: 125px; height: 125px;}
.intro-slider h2{font-size: 24px;}
.intro-slider p{font-size: 18px;}
.creat-account p{font-size: 18px; color: #313131; font-weight: 600;}
.before-login-footer p{font-size: 14px;}
.header-beforelogin ul li a{font-size: 18px;}
.log-with-email-btn{width: 100% !important;}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.log-with-email-btn{width: 100% !important;}
.intro-slider{padding:10px 25px;}
.intro-image{width: 120px; height: 120px;}
.intro-slider h2{font-size: 20px;}
.intro-slider p{font-size: 16px;}
.app-logo{width: 200px;}
.before-login-content-left h1{padding-top: 20px; font-size: 28px;}
.before-login-content-left h6{font-size: 18px;}
.login-auth-email a{font-size: 16px;}
.login-auth-email button {padding: 10px 30px;}
.creat-account{padding-top: 60px;}
}



@media only screen and (min-width:350px) and (max-width:767px) {
body{height: auto;}
.before-login-header-container{justify-content:flex-start;}
.before-login-content{flex-direction: column;}
.before-login-content-left{width: 100%; padding-top: 60px;}
.before-login-content-right{width: 100%; padding-top: 30px;}
.before-login-content-left h1{padding-top: 20px; font-size: 28px;}
.log-with-email-btn{width: 100% !important;}
.intro-image{width: 120px; height: 120px;}
.intro-slider{padding:10px 25px;}
.intro-slider h2{font-size: 20px;}
.intro-slider p{font-size: 16px;}
.creat-account{padding-top: 30px;}
.radio-buttons-container{
    flex-direction: column;
    gap: 15px;
    align-items: self-start;  
}
.creat-account p{font-size: 18px;}
.create-account-top h1{font-size: 28px;}
.create-account-top h6{font-size: 18px;}
.creat-account-box button{float:none; width: 100%;}
.creat-account-box p{padding-bottom: 0px;}
.before-login-content-left h6{font-size: 20px;}
.login-auth-email {
    flex-direction: column;
    margin-top: 20px;
}
.login-auth-email a{margin-bottom: 30px;}

.guest-module{flex-direction: column;}
.guest-sidebar{
   width: 60%;
   position: fixed;
   z-index: 99;
   left: -100%;
   transition: 0.4s ease-in;
}
.guest-sidebar.active{
    left: 0;
    box-shadow: 15px 0px 126px -18px rgba(0,0,0,0.13);
-webkit-box-shadow: 15px 0px 126px -18px rgba(0,0,0,0.13);
-moz-box-shadow: 15px 0px 126px -18px rgba(0,0,0,0.13);
}
.before-login-footer{z-index: 1;}

.toggle-btn2{display: block; color:#f60;}
nav{height: auto;}
.guest-sidebar .logo {width: 90%;}
.guest-content {width: 100%; margin-left: 0px;}
.guest-header{position: static;}
.page-intro{width: 50%;}
.header-action {width: 50%; padding: 0px; justify-content: flex-end;}
.app-content{margin-top: 30px; flex-direction:column;}
.app-content-left{width: 100%;}
.app-content-right{width: 100%;}
.page-intro .mobile-logo{width: 60px; display: block;}
.guest-annoucement-row-withdata a{height: auto; }
.input-container{width: 100%;}
.menuicon{margin-right: 20px; display: block;}
.notification-content{
    width: 400px;
    right: -25px;
    z-index: 999;
}
.user-profile {margin-left: 20px;}

.user-profile-content{
    position: absolute;
    width: fit-content;
    height: auto;
    background: #fff;
    right:0;
    z-index: 999;
}

.guest-annoucement-row-withdata{
    display: -webkit-box;
    white-space:nowrap;
    overflow-x: auto;
}
.guest-update-box{
    width: 90%;
}



}