@media screen and (max-width: 991px) {
  .navbar > .container, .navbar > .container-fluid {
    display: flex;
    justify-content: center;
    background-color: #58214a;
    width: 80%;
    margin: auto; }
    .navbar > .container button, .navbar > .container-fluid button {
      border: 0; }
      .navbar > .container button i, .navbar > .container-fluid button i {
        color: #FFF; } }
@media screen and (max-width: 1071px) and (min-width: 991px) {
  ul.navbar-nav > li > a {
    font-size: 11px !important; } }
@media (max-width: 767.98px) {
  .slewedBox .sec1 {
    padding: 20px;
    background: #58214a; }

  .sec1 .img {
    margin-left: 0;
    margin-bottom: 20px; }

  .slewedBox {
    background: none; }

  .sec2 {
    padding: 20px; }

  .sec2 h1, .sec2 h2 {
    font-size: 17px; }

  .sec2 p {
    font-size: 14px; }

  .slewedBox .sec1 .title {
    font-size: 29px; }

  .sec2 {
    padding-top: 20px;
    text-align: right;
    padding-right: 20px; }

  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
    background: #f7f3f7f5;
    position: relative; }

  .navbar-nav li {
    text-align: right;
    border-bottom: 1px solid #cbd0cf;
    padding: 8px 24px; }

  ul.navbar-nav li .home {
    position: absolute;
    top: -6px;
    margin-left: 0;
    right: 4px; }

  ul.navbar-nav li.active a {
    background: none;
    color: inherit; }

  .navbar-nav li a:hover {
    color: #fff; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .slewedBox .sec1 {
    padding: 60px 0 40px 39px; }

  .sec2 h1, .sec2 h2 {
    font-size: 17px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sec2 {
    padding-top: 238px; } }

/*# sourceMappingURL=responsive.css.map */