@media (max-width: 1366px) {
.common-dashboard .reception h1 {font-size: 60px;}
.common-dashboard .reception h5 {font-size: 16px;}
.common-dashboard .card-body {min-height: 240px;}

.common-dashboard .reception .out-word span {   
    padding: 0.2em;
    margin: 0.1em 0.5em;
    font-size: 36px;
}
}

/* // Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
    .logo img {width: 30%;}
    .login-page  .logo img, .register-page .logo img {width: 70%; margin-left: auto; margin-right: auto;}
    .login-page .logo img {z-index:1;}
    .contact-page .logo img  {width: 35%;} 
    .register-page .tr {text-align: center; padding-right: 0; border-right: 0;}
    .register-page .tl {text-align: center;}
    .user-profile-page .card {min-height: auto;}    
 }

/* // Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width */

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  
    .logo img {width: 45%;}      
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .logo img {width: 55%;}
    .click-login .main-banner .banner-inner {
       height: calc(100vh - 104px);}
    .click-login .nav-link {width: 100%;}
    .click-login-outer .top-bar_inner .left, .click-login-outer .top-bar_inner .right, .click-login-outer .bottom-bar_inner .left, .click-login-outer .bottom-bar_inner .right {text-align: center;}
    .click-login .navbar-brand img {max-width: 225px; width: 100%; transition: 1s all;}
    .click-login .login-link {font-size: 15px;}
	.footer .right {text-align: center;}
	.bottom-bar_inner .copyright-txt {width: 100%; text-align: center;}
	.footer {padding: 2% 0;}
    .demo-page a.logo img {
        width: 70%;
    }    
        .top-bar .top-bar_inner .right {
            flex-direction: column;
        }

        .top-bar .top-bar_inner .left {
            justify-content: center;
        }
    


    }   
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .logo img {width: 70%;}   
    .mobile-version {display: block;}
    .desktop-version {display: none !important;}
    .mobile-version img {width: 50%;}
    .login-page .mobile-version, .register-page .mobile-version, .contact-page .logo img {display: block; width: 100%; text-align: center; z-index:1;}
    .login-page .mobile-version img {width: 30%;}
    
 }

@media (max-width: 480px) {
    .click-login .navbar-brand {
        width: 250px;
        height: 250px;
    }

        .click-login .navbar-brand img {
            max-width: 170px !important;  
        }
}
@media (max-width: 375px) {
    .banner-inner .px-5 {
        padding-right: 0rem !important;
        padding-left: 0rem!important;
    }
}