@media (min-width: 1200px) {
  .modal-xl {
    max-width: 100%;
  }
  .nav-tabs.container {
    max-width: 1000px;
  }
}

@media screen and (max-width: 1200px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 1.75rem 1.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .menu {
    margin: auto;
  }
  #full-menu {
    display: none !important;
  }
  #mobile-menu {
    display: block !important;
  }
}
/** bolshe */
@media screen and (min-width: 992px) {
  .site-banner {
    background: url(img/main_big_banner.jpg) center center no-repeat;
    background-size: cover;
    height: 225px; /* 260px; */
    border-radius: 2rem !important;
    /*
    box-shadow: 0px 0px 50px rgb(99 3 3);
    animation: animateBoxShadow 4s linear infinite;
    */
    box-shadow: var(--bigShadow);
    filter: none;
  }
  /*
  .nav-tabs .selector {
    min-width: 33.333333%; /*! заглушка * /
  }
  */
  @keyframes animateBoxShadow {
    0% {
      box-shadow: 0px 0px 50px rgb(119, 223, 0);
    }
    50% {
      box-shadow: 0px 0px 50px rgb(109, 243, 0);
    }
    100% {
      box-shadow: 0px 0px 50px rgb(0, 235, 0);
    }
    /*
    0% {box-shadow: 0px 0px 50px rgb(99, 85, 3);}
    50% {box-shadow: 0px 0px 50px rgb(132, 155, 0);}
    100% {box-shadow: 0px 0px 50px rgb(99, 85, 3);}
    */
  }
  .animate-calc-scale {
    /* transform: scale(0.9) !important; */
    transform: translateY(20px) !important;
  }
  .HappyCalc-box .row {
    border-radius: 1.2rem;
    /*  border: 1px solid #17a2b8 !important; */
  }
}
/** menshe */
@media screen and (max-width: 992px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 1.75rem 1rem;
  }
  .d-1800 {
    background: rgb(76, 76, 76, 0.2);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(4px);
    opacity: 1;
  }
  .blur {
    background-color: rgb(0 0 0 / 0) !important;
    /*  background: rgb(76, 76, 76, 0.2);*/
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(4px);
    opacity: 1;
  }
  .courses-scroll {
    overflow: scroll hidden;
  }
  #darkContainer .btn span {
    line-height: 25px;
  }
}

@media screen and (max-width: 768px) {
  .page::after {
    height: 170%;
  }
  button h1 {
    font-size: 27px;
  }
  .avtorise {
    font-size: larger;
  }
  .animation-up {
    animation: none;
  }
  .animation-jump {
    animation: none;
  }
  /*
  #menu-item button:nth-child(1) {
    border: 1px #ef3b3b solid;
  }
  #menu-item button:nth-child(2) {
    border: 1px #a346ff solid;
  }
  #menu-item button:nth-child(3) {
    border: 1px #4973f1 solid;
  }
  #menu-item button:nth-child(4) {
    border: 1px greenyellow solid;
  }
  #menu-item button:nth-child(5) {
    border: 1px yellow solid;
  }
  #menu-item button:nth-child(6) {
    border: 1px orange solid;
  }
  */
  /*
  #menu-item .row button h1 {
    color: #262b2b;
    text-shadow: none;
  }

  #menu-item .row button:nth-child(1) { background-color: #ef3b3b; }
  #menu-item .row button:nth-child(2) { background-color: #a346ff; }
  #menu-item .row button:nth-child(3) { background-color: #4973f1; }
  #menu-item .row button:nth-child(4) { background-color: greenyellow; }
  #menu-item .row button:nth-child(5) { background-color: yellow; }
  #menu-item .row button:nth-child(6) { background-color: orange; }
  */
  .dropdown-item {
    padding: 0.7rem 1.5rem;
  }
  .type-of-mavro {
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2rem;
    margin-right: 2rem;
    border-right: 0;
    border-bottom: 2px solid #17a2b8;
    line-height: 2.3rem;
    font-weight: 600;
  }
}

@media screen and (max-width: 736px) {
  .page {
    background: none !important;
  }
  .pad-controls {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 0.5rem;
  }
  .h1,
  .h2 {
    font-size: 25px;
  }
}

@media screen and (max-width: 414px) {
  button h1 {
    font-size: 23px;
  }
  .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 0rem;
  }
}

@media screen and (min-width: 400px) {
  .d-xs-inline-block {
    display: inline-block !important;
  }
}

@media screen and (max-width: 320px) {
  button h1 {
    font-size: 20px;
  }
  .chat {
    margin-left: -1px;
    margin-right: -1px;
  }
}