@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 320px) and (max-width: 480px) {
  .title-top {
  margin-top: 0px;
  margin-bottom: 25px;
  min-height: 32px; 
} 
.home-box {
    /*display: block;*/    
        padding: 20px 10px 20px 10px;
        margin: 125px 0px 0px 0px;
        overflow-y: visible;
    }
.logo-big {
        margin-top: -20px !important;
    }
.title {
  margin-top: 0px;
  margin-bottom: 0px;
}
h1, .h1 {
  font-size: 2rem; 
}
    h2, .h2 {
  font-size: 1.75rem; 
}
}

@media all and (min-width: 320px) {
  .page-header {
    height: calc(100vh + 270px); 
    /*text-align: center;*/
    }
  .index-page {
    overflow-x: hidden; 
    }
  .pagination.pagination-primary .page-item:nth-of-type(3),
  .pagination.pagination-primary .page-item:nth-of-type(7) {
    display: none; 
    }
  .pagination.pagination-info .page-item:nth-of-type(2) {
    display: none; 
    }
  .main.main-raised {
    margin-top: -30px; 
    }
  .form-group.is-focused .bootstrap-datetimepicker-widget {
    left: -32px !important; } 


.show.modal .dropdown-toggle:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container {
  width: 40px;
  height: 40px;
  margin: -11px 3px; }

.bd-docs .bd-toc-item .bd-sidenav a span {
  float: right;
  margin-top: 5px;
  padding: 3px 7px;
  font-size: 8px;
  line-height: 9px;
  background-color: #9c27b0; }

.bd-docs .bd-content .bd-title .btn {
  padding: 7px 20px;
  margin-bottom: 10px; }

.dropdown .dropdown-menu .dropdown-item.dropdown-toggle + .dropdown-menu {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  display: block; }

.dropdown .dropdown-menu.show .dropdown-item.dropdown-toggle + .dropdown-menu.show {
  left: 101% !important;
  -webkit-transform: scale(1);
          transform: scale(1); }

.navbar.navbar-transparent .logo-big {
  /*width: 300px;*/
  height: 175px;
  /*overflow: hidden;*/
  margin-top: 20px;	
  display: block; 
  border: 4px solid #2b446c;
}
  .navbar.navbar-transparent .logo-big img {
    height: 100%; }

.navbar.navbar-transparent .logo-small {
  display: none; }

.navbar:not(.navbar-transparent) .logo-big {
  display: none; }

.navbar:not(.navbar-transparent) .logo-small {
  width: 46px;
  height: 46px;
  overflow: hidden;
  margin-top: -6px;
  display: block; 
}
}