/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jul 18, 2024, 11:13:24 AM
    Author     : PureLogics-2922
*/
* {
    box-sizing: border-box;
}
body{
    margin: 0;
}
a{
    text-decoration: none;
}
.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
header .login:hover{
    color: #2f60d5;
}
.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}
header .logo {
    padding: 0 20px 0 12.5px;
    line-height: 0;
}
header .logo img{
    vertical-align: middle;
}

header.loggedin-view .header-container ul li.register{
    padding-left: 112px;
}
header .header-container{
    max-width: 1245px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 16px 8px;
}
header .header-container ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
header .header-container ul li.ai-button img{
    vertical-align: baseline;
}
header .header-container ul li.ai-button a{
    padding: 0;
    line-height: 0;
}
header .header-container ul li a{
    font-size: 14px;
    padding-left: 14px;
    padding-right: 14px;
    display: block;
    line-height: 17px;
    color: #0f172a;
}
header .header-container ul li .dropdown{
    display: none;
    position: absolute;
    top: 0px;
    width: 240px;
    padding-top: 40px;
    z-index: 99999;
}
header .header-container ul li.has-dropdown:hover .dropdown{
    display: block;
}
header .header-container ul li.has-dropdown {
    position: relative;
}
header .header-container ul li.has-dropdown .icon-arrow {
    position: absolute;
    right: -4px;
    top: -4.5px;
}
header .header-container ul  li.language-switcher.has-dropdown a{
    display: flex;
}
header .header-container ul  li.language-switcher.has-dropdown a img {
    margin-right: 4px;
}
header .header-container ul li.has-dropdown .icon-arrow svg{
    width: 8.39px;
    height: 8.39px;
}
header .header-container ul li.register.has-dropdown::before {
    content: "Register as";
    position: absolute;
    content: 'Register as';
    display: inline-block;
    position: absolute;
    left: 43px;
    font-size: 14px;
    font-weight: 500;
    top: 10.5px;
    color: #0f172a;
}
header .header-container ul li.register {
    padding-left: 128px;
}
header .header-container ul li.register a {
    background: #2f60d5;
    color: #fff;
    border-radius: 0px;
    width:92px;
    padding: 11px 0 11.5px 12.5px;
    font-weight: 400;
}
header .header-container ul li.register.has-dropdown .icon-arrow svg {
    fill: #fff;
}
header .header-container ul li.register .dropdown{
    padding-top: 31px;
}
header .header-container ul li.register .dropdown a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-right: 0px;
}
header.loggedin-view .header-container ul li.register.has-dropdown::before{
    content: "Logged In As";
    top: 28%;
    left: 23px;
}
header.loggedin-view .header-container ul li.register a.profile img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
    outline: 2px solid #fff;
}
header.loggedin-view .header-container ul li.register a.profile{
    display: flex;
    align-items: center;
    position: relative;
}
header.loggedin-view  .header-container ul li.register a {

    width: 160px;

    margin-left: 10px;
}
header.loggedin-view .header-container ul li.register .dropdown {
    padding-top: 35px;
    z-index: 99999;
}
header.loggedin-view .header-container ul li.register .dropdown a{
    font-size: 12px;
    border-radius: 0;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
header.loggedin-view .header-container ul li.register .dropdown a:hover{
    background-color: #5b81dc;
}
header.loggedin-view .header-container ul li.register .dropdown a:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
header.loggedin-view .header-container ul li.register a.profile span.status {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #5DCC46;
    border-radius: 50%;
    top: 14px;
    right: 10px;
    outline: 1px solid;
}
header.loggedin-view .header-container ul li.register a.profile span.status.offline{
    background: #ddd;
}
header.loggedin-view .header-container ul li.register .icon-arrow{
    display: none;
}
header.loggedin-view .header-container ul li.register .status{
    display: flex;
    align-items: center;
}

/*.switch {
    --inactive-bg: #ddd;
    --active-bg: #5DCC46;
    --size: 1rem;
    appearance: none;
    width: calc(var(--size) * 2.2);
    height: var(--size);
    display: inline-block;
    border-radius: calc(var(--size) / 2);
    cursor: pointer;
    background-color: var(--inactive-bg);
    background-image: radial-gradient(
        circle calc(var(--size) / 2.1),
        #fff 100%,
        #0000 0
        ),
        radial-gradient(circle calc(var(--size) / 1.5), #0003 0%, #0000 100%);
    background-repeat: no-repeat;
    background-position: calc(var(--size) / -1.75) 0;
    transition: background 0.2s ease-out;
}
.switch:checked {
    background-color: var(--active-bg);
    background-position: calc(var(--size) / 1.75) 0;
}
*/

/* footer css */
footer{
    background: #2f60d5;
    padding: 20px 0;
    padding-top: 50px;
}
.footer-container{
    max-width: 1200px;
    margin: 0 auto;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 30px;
}
.footer-top h4{
    font-size: 20px;
    margin: 0;
    font-family: "Poppins", sans-serif;
}
.footer-top .site-details{
    font-size: 14px;
}
.footer-top .site-details p {
    color: #fff;
    font-weight: 300;
    margin: 25px 0 0;
    max-width: 231px;
}
.footer-bottom {
    display: flex;
}
footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
footer ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
footer ul li a:hover{
    color: #fff;
}
footer .footer-bottom .footer-links{
    width: 22%;
}
.footer-social {
    width: 40%;
    text-align: right;
}
.footer-social ul {
    display: flex;
    justify-content: flex-end;
}
.footer-social ul li{
    margin-left: 15px;
}
.footer-social ul li a svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    opacity: 0.85;
}
.footer-social .try-button {
    display: inline-block;
    background: #fff !important;
    color: #2f60d5 !important;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
    /*max-width: 200px;*/
    padding: 12px 30px;
    border-radius: 8px;
}
footer .disclaimer{
    margin-top: 40px;
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding-right: 5%;
    padding-left: 5%;
    text-align: center;
    font-weight: 300;
}
.c-text {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    font-weight: 300;
}
#nav-toggle{
    display: none;

}
header .header-container ul li.register.has-dropdown .icon-arrow {
    top: 10px;
    right: 12.5px;
}
@media screen and (min-width:250px) and (max-width:920px){
    #nav-toggle {
        display: flex;
        background: #2f60d5;
        width: 42px;
        height: 42px;
        line-height: 45px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        margin-right: 12px;
    }
    #nav-toggle svg{
        fill: #fff;
        width: 20px;
        height: 20px;
    }
    .header-nav{
        display: none;
    }
    header .header-container{
        justify-content: space-between;
        padding: 19px 12px;
    }
    .header-nav {
        display: none;
        position: absolute;
        top: 80px;
        width: 100%;
        left: 0;
        background: #fff;
        z-index: 1;
    }
    header .header-container ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    header .header-container ul li{
        width: 100%;
    }
    header .header-container ul li a {
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
        display: block;
        line-height: 18px;
        color: #0f172a;
        padding: 17px 24px;
        border-bottom: 1px solid #efeaea;
        font-weight: 400;
    }
    header .header-container ul li.language-switcher.has-dropdown .icon-arrow {
        position: absolute;
        right: auto;
        top: 11px;
        left: 110px;
    }   
    header .header-container ul li.register {
        padding-left: 127px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #efeaea;
    }
    header .header-container ul li.register.has-dropdown::before{
        top: 10.5px;
        left: 43px;
    }
    header .header-container ul li.register .dropdown {
        padding-top: 44px;
    }
    header .header-container ul li.register a{
        width:92px;
        padding: 11px 0 11.5px 12.5px;
    }
    header .header-container ul li.register.has-dropdown .icon-arrow {
        top: 10px;
        right: 12.5px;
    }
    header.loggedin-view .header-container ul li.register a{
        width: 90%;
    }
    header.loggedin-view .header-container ul li.register .dropdown{
        padding-top: 45px;
    }
    footer{
        padding: 30px 15px;
    }
    .footer-top{
        display: block;
        text-align: center;
    }
    .footer-top .site-details p {
    color: #fff;
    font-weight: 300;
    margin: 15px 0;
    max-width: 100%;
}
.footer-bottom {
    display: block;
}
footer .footer-bottom .footer-links {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.footer-social{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
    .footer-social ul {
        justify-content: center;
    }
    .footer-social .try-button{
        width: 100%;
        max-width: 100%;
    }
    .header_switch_wrapper {
        margin-left: 0;
        width: 100%;
    }
}


.switch-btn{
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
    font-family: 'Poppins', sans-serif !important;
    padding-left:0px!important;
    font-size: 13px!important;
}

header .header-container ul li.register .dropdown {
    top: 33px;
    padding: 0;
}

header.loggedin-view .header-container ul li.register .dropdown {
    padding-top: 0;
}

#chat-icon a {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #007BFF;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999;
    width: 100px;
    height: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
}

/*ez-legal */
header .header-container.ez-legal {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 19px 8px 19px;
    justify-content: space-between;
}
header .header-container.ez-legal ul li.ai-button img {
    vertical-align: baseline;
    width: 140px;
    height: auto;
}
header .header-container.ez-legal ul li.empty-login a{
    padding-left: 18px;
    padding-right: 18px;
}
header .header-container.ez-legal ul li a{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    padding-left: 14px;
    padding-right: 14px;
}
header .header-container.ez-legal ul li.logged-in{
    padding-right: 12px;
}
header .header-container.ez-legal ul li .dropdown li a {
    padding: 5px;
    line-height: 25px;
}
header .header-container.ez-legal ul li.logged-in:hover .dropdown {
    display: block;
    width: 200px;
    padding: 15px 10px;
    box-shadow: 0 4px 10px -2px rgba(0,0,0,.1);
    top: 55px;
    
}
header .header-container.ez-legal ul li.logged-in .avatar {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}
header .header-container.ez-legal ul li.logged-in a{
    display: flex;
    align-items: center;
}
header .header-container.ez-legal ul li.logged-in svg {
    height: .6em;
    width: .6em;
    position: relative;
    margin-left: 10px;
}
header .header-container.ez-legal ul li.ai-button a{
    padding: 0;
    line-height: 0;
    background: url(https://ezlegal.ai.legalbreeze.com/backend/assets/images/ez-legal.svg);
    width: 165px;
    height: 62px;
    text-indent: -9999px;
    overflow: hidden;
    background-size: 90%;
    background-repeat: no-repeat;
}
.ezlegal-content .container{
    max-width: 1240px;
    margin: 0 auto;
}
.legalbreeze-blue {
    color: #2F60D5;
}
.ezlegal-content{
    padding-top: 60px;
    padding-bottom: 60px;
}
.ezlegal-content h1{
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    letter-spacing: 1px;
    margin: 0 0 20px;
}
.ezlegal-content .center{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.btn-blue{
    display: inline-block;
    line-height: 1;
    background-color: #69727D;
    font-size: 15px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s;
     border-color: #2f60d5;
    background-color: #2f60d5;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 18px 40px 18px 40px;
    color: #fff;
}
.d-flex{
    display: flex;
    align-items: center;
}
a.try{
    display: flex;
    align-items: center;
}
a.try svg {
    width: 20px;
    height: 16px;
    fill: #2f60d5;
}
.ezlegal-content .get-started-btns{
    margin-top: 40px;
    margin-bottom: 10px;
    justify-content: center;
}
.ezlegal-content .get-started-btns .try{
    margin-left: 10px;
}
.ezlegal-content .ratings{
    text-align: center;
}
header .header-container.ez-legal .logo img {
    vertical-align: middle;
    max-width: 160px !important;
}
header .header-container.ez-legal ul li .dropdown{
    margin-top: 10px;
    background: white;
}    
.video-placeholder{
    margin: 50px 0;
}
.video-placeholder video {
    width: 100%;
    border-radius: 10px;
}
header .header-container.ez-legal ul li.register a{
    width: 100px;
}
header.loggedin-view .header-container.ez-legal ul li.register a{
    width: 160px;
}
img{
    max-width: 100%;
}
footer.ez-legal .site-details img {
    background: #fff;
    padding: 15px;
    max-width: 200px;
    border-radius: 10px;
}
footer.ez-legal .footer-bottom{
    justify-content: space-between;
}
@media screen and (min-width:250px) and (max-width:767px){
    .header-nav{
        background: #fff;
    }
    .ezlegal-content h1{
        font-size: 30px;
    }
    .ezlegal-content .container{
        padding: 0 15px;
    }
    .ezlegal-content .get-started-btns{
        flex-direction: column;
    }
    .ezlegal-content .get-started-btns .try{
        margin-top: 10px;
    }
    header.loggedin-view .header-container.ez-legal ul li.register .dropdown{
        padding-top: 10px;
    }
}

/* subscription form css */
form#ema_signup_form {
    width: 45%;
    position: relative;
}
form#ema_signup_form input[type="text"] {
    width: 100%;
    padding: 24px 24px 24px 43px;
    font-size: 14px;
    font-family: 'Poppins';
    border-radius: 10px;
    border: none;
    background: #fff url(https://legalbreeze.com/wp-content/uploads/2024/08/EnvelopeSimple.png) 10px 21px no-repeat;
    height: auto;
    box-sizing: inherit;
}
form#ema_signup_form .mimi_field.submit-btn {
    position: absolute;
    top: 7px;
    right: 7px;
}
form#ema_signup_form input#webform_submit_button {
    background-color: #2f60d5;
    color: #fff;
    border: none;
    padding: 17px 28px;
    font-family: 'Poppins';
    font-size: 14px;
    border-radius: 10px;
    display: block;
    text-transform: none;
}
.mimi_field.last br {
    display: none;
}
.mimi_field.last p {
    margin: 0 0 10px;
    font-size: 14px;
}
.mimi_field.last h2 {
    font-size: 16px;
    margin: 0 0 10px;
}
form#ema_signup_form.mimi_invalid input[type="text"] {
    outline: 2px solid red;
}
input#webform_submit_button.disabled {
    background: gray !important;
}

@media screen and (min-width:250px) and (max-width:767px){
    form#ema_signup_form{
        width: 100%;
    }
    form#ema_signup_form .mimi_field.submit-btn {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px;
    }
    form#ema_signup_form input#webform_submit_button {
        background-color: #fff;
        color: #2f60d5;
        border: none;
        padding: 17px 28px;
        font-family: 'Poppins';
        font-size: 14px;
        border-radius: 10px;
        display: block;
        width: 100%;
    }
}

header .header-container ul li.language-switcher.has-dropdown a img{
    height: auto;
    width: 18px;
    margin-right: 4px;
}
header .header-container ul li.language-switcher.has-dropdown a{
    align-items: center;
}

header .header-container ul li a{
    padding-left: 12px;
    padding-right: 12px;
}
    
header .header-container ul li.has-dropdown .icon-arrow {
    position: absolute;
    right: -6px;
    top: -2.5px;
}
form#ema_signup_form {
    width: 100%;
    position: relative;
    max-width: 518px;
}
form#ema_signup_form input[type="text"] {
        width: 100%;
    padding: 19px 24px 20px 41px;
    font-size: 14px;
    font-family: 'Poppins';
    border-radius: 10px;
    border: none;
    background: #fff url(https://legalbreeze.com/wp-content/uploads/2024/08/EnvelopeSimple.png) 10px 17px no-repeat;
    height: auto;
    box-sizing: inherit;
    border: 1px solid #c6cbd2;
}
form#ema_signup_form input#webform_submit_button {
    background-color: #2f60d5;
    color: #fff;
    border: none;
    padding: 14px 26px 13px;
    font-family: 'Poppins';
    font-size: 14px;
    border-radius: 10px;
    display: block;
    text-transform: capitalize;
}
.footer-top .site-details p{
    line-height: 26px;
}
.name{
    font-weight: 500;
    margin-left: 3px;
}
.footer-social ul li a svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    opacity: 0.95;
}
@media screen and (min-width:250px) and (max-width:767px){
    header .header-container.ez-legal ul li.ai-button a {
           width: 100%;
          background-size: 150px;
    }
}
header .header-container.ez-legal ul li.register .dropdown {
    background: none;
}
header .header-container ul li.register a:nth-child(1) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
header .header-container ul li.register .dropdown a:nth-child(1) {
    border-radius: 0;
}
header .header-container ul li.register .dropdown a:last-child {
    border-radius: 0;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px;
    padding-right: 0px;
    padding-top: 5px;
}
header .header-container.ez-legal ul li.register a {
    width: 92px;
}
header .header-container.ez-legal ul li.register .dropdown {
    top: 25px;
}
header .header-container.ez-legal ul li.language-switcher .dropdown {     
    padding-top: 15px;    
    padding-bottom: 15px;
    background: none !important;
}

@media screen and (min-width: 1024px) and (max-width: 1175px) {
    header .header-container ul li a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 12px !important;
    }
    header .header-container.ez-legal .logo img{
        width:120px !important;
    }
    li.ai-button {
        width: 120px !important;
        height: 45px !important;
    }
    header .header-container ul li.ai-button img {
        vertical-align: baseline;
        width: 120px;
    }
    header .header-container{
        padding:16px 0;
    }
}

header .header-container.lawfirm-header{
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 14px 6px;
    justify-content: space-between;
}
header .header-container.lawfirm-header ul li a {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
}
header .header-container.lawfirm-header .language-switcher {
    display: none;
}
header .header-container.lawfirm-header {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 14px 22px 14px 6px;
    justify-content: space-between;
}
header .header-container.lawfirm-header  li.ai-button-lf img {
    width: 178px;
}
@media screen and (min-width:250px) and (max-width:660px){
    .form_main_area input[type="submit"], .form_main_area button[type="button"], .verifyemailform_container a{
    font-size:12px;
    }
        .header-nav {
            background: #fff;
            z-index: 1111;
        }
    header .header-container ul li.register .dropdown {
        top: 46px;
        padding: 0;
    }
    header .header-container ul li.register a{
    width:164px;
    border: none;
    }
    header .header-container ul li.register .dropdown a:nth-child(1) {
        border-radius: 8px;
        margin-top: 6px !important;
    }
    header .header-container ul li.register .dropdown a:last-child {
        border-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px;
        padding-right: 0px;
        margin-top: 1px;
    }
    }
    /** ez legal **/
    
    @media screen and (min-width:250px) and (max-width:660px){
    header .header-container.ez-legal .logo img {
        vertical-align: middle;
        max-width: 120px !important;
        width: 120px;
    }
    .ezlegal-content h1 {
            font-size: 24px;
        }
    
        #nav-toggle {
         
            width: 38px;
            height: 38px;
            line-height: 38px;
                 margin-right: 5px;
        }
    form#registration-form-1 div {
        text-align: left;
    }
    
    }

    header .header-container.ez-legal .logo img {
    vertical-align: middle;
    max-width: 180px !important;
    width: 180px !important;
}

    header .header-container.ez-legal ul li a {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;

        font-size: 16px;

        color: #000;
    }
    header .header-container.ez-legal ul li.ai-button a {
        width: 150px;
        height: 61px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    header .header-container.ez-legal ul li a {
        font-weight: 500;
        padding-left: 16px;
        font-size: 16px;
        padding-right: 16px;
        color: #000;
        margin-top: 1px;
    }
    header .header-container.ez-legal ul li a::after {
        content: '';
        width: 0;
        height: 3px;
        position: absolute;
        bottom: -23px;
        left: 0;
        transition: all 0.3s linear;
    }
    header .header-container.ez-legal ul li a{
    position:relative;
    }
    header .header-container.ez-legal ul li a:hover::after {
        width: 80%;
        background: #006eff;
        left: 10%;
    }
    header .header-container.ez-legal ul li.ai-button a:hover {
        transform: scale(1.15);
    }
    header .header-container.ez-legal ul li.ai-button a{
        transition: all 0.3s linear;
    }

    @media screen and (min-width:921px) and (max-width:1023px){
        header .header-container ul li a {
            padding-left: 2px;
            padding-right: 3px;
        font-size:12px;
        }
        header .header-container ul li.register a {
            width: 75px;
            padding: 11px 0 11.5px 9.5px;
            font-weight: 400;
            font-size: 12px;
        }
        header .header-container ul li.register {
            padding-left: 95px;
        }
        header .header-container ul li.register.has-dropdown::before {
         
            left: 20px;
            font-size: 12px;
            font-weight: 500;
            top: 10.5px;
            color: #0f172a;
        }
        li.ai-button {
            width: 120px !important;
            height: 45px !important;
        }
        header .header-container ul li.ai-button img {
            vertical-align: baseline;
            width: 120px;
        }
        header .header-container{
        padding:25px 0;
        }
        header .logo {
            padding: 0 8px 0 4px;
            line-height: 0;
        }
    }

    @media screen and (min-width:1176px) and (max-width:1250px){
        header .header-container ul li a {
            padding-left: 5px;
            padding-right: 5px;
        }
    }


    @media screen and (min-width: 921px) and (max-width: 1170px){
        header .header-container ul li a {
            padding-left: 5px !important;;
            padding-right: 5px !important;
            font-size: 12px;
        }
    
        header .header-container ul li.ai-button{
                width: 130px !important;
                height: 50px !important;
        }
        header .header-container ul li.register{
            padding-left:85px;
        }
        header .header-container ul li.register.has-dropdown::before{
            font-size:12px;
            left:14px;
        }
        header .header-container.ez-legal ul li.ai-button a {    
            width: 130px;
            height: 45px;
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .footer-container{
            padding:0 20px;
        }
        header .header-container.ez-legal .logo img{
            width:120px !important;
        }
    }
    header .header-container.ez-legal ul li.ai-button img {
        display: block;
        visibility: hidden;
    }

    @media screen and (min-width: 250px) and (max-width: 767px) {
        header .header-container ul li.register .dropdown {
            top: -5px;
            padding: 0;
        }
    header .header-container ul li.register .dropdown a:nth-child(1) {
            border-radius: 0;
            margin-top: 0px !important;
        }
        header .header-container ul li.register .dropdown a:last-child {
            border-radius: 0 !important;
            border-bottom-left-radius:8px !important;
            border-bottom-right-radius:8px !important;
            margin-top: 0px !important;
        }
        header.loggedin-view .header-container ul li.register.has-dropdown::before {
        content: "Logged In As";
        top: 20px;
        left: 23px;
    }
    .lb-message h2, .lb-message h3, .lb-message h4 {
        font-size: 18px;
        margin: 0;
    }

    .chat-message .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 300px;
    }
    .chat-message table {
            white-space: normal;
    }

    }

a.btn-blue:hover {
    color: #fff;
    background: #053c94;
}