.mini-side-menu{ width: 200px;}
.logo a img {width:80px;height:100px;}
.bg-darkblue {background-color: #04193B;}
.bg-darkgreen {background-color: #013D2C;}
.bg-dark {background-color: #413f40;}
.hamburger-menu div{background: #858383;}
.bradius {border-radius: 60px;}
.boxbgcolor {background-color: #E6EBF5;}
.bg-colored-hd, .bg-colored-hover-hd:hover{background-color:#3a63a3 !important; }
.bg-bluishgreen,.bg-bluishgreen-hover:hover{ background-color:#F7FCFC !important; }
body.left-mini-side-menu-active #wrapper{ padding-left:200px; }
#target-note{height:300px;}
.list-group a.list-group-item {cursor: default;}

.my {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.py {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.morelink {
    padding:0px 4px 1px 4px; 
    border: 1px solid lightslategrey; 
    border-radius: 15px;
}

.bg-hdr-img {
    height:100%;
    background-size: 100% 100%;
    background-position: right;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 1120px){
    
}
@media only screen and (max-width: 768px){
        .mini-side-menu .menu-block{ display: none; }
        body.left-mini-side-menu-active #wrapper{ padding-left: 0; } body.right-mini-side-menu-active #wrapper{ padding-right: 0; }
        .mini-side-menu{ width: 100%; height: 90px; }
        .mini-side-menu .logo{ float: left; width: 50%; position: relative; }
        .mini-side-menu .logo{ text-align: left; padding-left:15px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
        .mini-side-menu .menu-bottom, .mini-side-menu .menu-trigger{ display: none; }
        .mini-side-menu .menu-trigger{ padding:0 30px 0 0; text-align: right; }
        .mini-side-menu .mobile-nb{ display: block; }
        #target-note{height:200px;margin-top:90px;}
}
@media only screen and (max-width: 450px){
    #target-note{height:100px;margin-top:90px;}
}