/* ---------------------------------- Responsive Media Styles ---------------------------------*/

@media only screen and (min-width: 1500px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {}


/* Medium Device : 1280px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {}


/* Tablet Device : 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .loginTabs {
        width: 90%;
        margin: 20px auto 0px;
        float: none;
        padding-right: 0;
    }
    .loginbg {
        background: url(../img/circlebg.svg) no-repeat right -60% top -150px padding-box, transparent linear-gradient(300deg, #FDC830 0%, #F37335 100%) 0% 0% no-repeat padding-box;
        position: relative;
        background-size: 70%, 100%;
    }
    .investlogo {
        padding: 0px 0px 0px 0px;
        text-align: right;
        clear: both;
    }
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .main-sidebar::before {
        margin-left: 0px;
    }
}


/* Medium : 647px */

@media only screen and (max-width: 767px) {
    .yogiimg {
        display: none;
    }
    .uplogo {
        padding: 20px;
    }
    .loginArea {
        padding: 10px 20px;
    }
    .investlogo {
        text-align: center;
        padding: 0;
    }
    .loginTabs {
        width: 90%;
        margin: 20px auto 0px;
        float: none;
        padding-right: 0;
    }
    .loginbg {
        background: url(../img/circlebg.svg) no-repeat right -60% top -150px padding-box, transparent linear-gradient(300deg, #00BCE4 0%, #773dbd 100%) 0% 0% no-repeat padding-box;
        position: relative;
        background-size: 70%, 100%;
    }
    .layout-fixed .main-sidebar {
        left: 0;
    }
    .sidebar-dark-primary {
        margin: 0;
    }
    .userData {
        margin: 0;
    }
}


/* Small : 320px */

@media only screen and (max-width: 575px) {
    .yogiimg {
        display: none;
    }
    .uplogo {
        padding: 20px;
    }
	.uplogo img { width: 100px}
    .loginArea {
        padding: 10px 20px;
    }
    .investlogo {
        text-align: center;
        padding: 0;
    }
    .loginTabs {
        width: 90%;
        margin: 20px auto 0px;
        float: none;
        padding-right: 0;
    }
    .layout-fixed .main-sidebar {
        left: 0;
    }
    .sidebar-dark-primary {
        margin: 0;
    }
    .userData {
        margin: 0;
    }
}