/* This file contains fixes and patches to the existing LP potal CSS, including responsiveness issues */

/* copy and paste this for standard media queries 
@media (max-width:576px){}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}  
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
*/
.kyc-sidebar .sidebar-logo, .sm-sidebar .sidebar-logo {
    margin: 15px;
}
.disclamer-box-kyc {
    padding: 15px;
}
.section-collapse-trigger {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: medium;
}
.scrolly-table-container {
    overflow-x: scroll;
}
#sidebarClose {
    color: white;
    font-size: 25px;
    float: right;
}
.header-language-switcher a:not(.bg-primary-soft) {
    color: #fff;
}
.header-language-switcher a.bg-primary-soft {
    border: 1px #4096dd solid;
}
.relative-container * {
    position: relative !important;
}
.relative-container .fancy-select {
    float: right;
}
.blue-link {
    color: #4096dd;
}
.download-photo-id {
    display: block;
    margin-top: 40px;
    font-size: small;
    margin-bottom:15px;
}
@media (max-width:576px) /* -------------------------------------------------------- XS Media Query -------------------------------------------------------- */
{
    .sidebar-logo {
        max-height: 100px;
    }
    .sidebar-logo img {
        max-height: 90px;
        width: auto !important;
    }
    .hidden-xs {
        display: none;
    }
    .col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto !important;
    }

}
@media (min-width:576px) and (max-width:767px) /* -------------------------------------------------------- SM Media Query --------------------------------------- */
{
    .sidebar-logo {
        max-height: 100px;
    }
    .sidebar-logo img {
        max-height: 90px;
        width: auto !important;
    }
    .hidden-sm {
        display: none;
    }
}
@media (min-width:768px) and (max-width:991px) /* -------------------------------------------------------- MD Media Query ---------------------------------------- */
{
    .hidden-md {
        display: none;
    }
}  
@media (min-width:992px) and (max-width:1199px) /* -------------------------------------------------------- LG Media Query ----------------------------------------- */
{
    .hidden-lg {
        display: none;
    }
}
@media (min-width:1200px) /* ---------------------------------------------------------------------- XL Media Query ----------------------------------------- */
{
    .hidden-xl {
        display: none;
    }
}