/*
Developed by: Breeze Soft
Author: Zafar Sabirov

Contact: 
    E-mail: zafar@sabirov.uz
    Phone: +998 97 9186202
    Telegram: @zafarbreeze
    Instagram: @zafarbreeze
URL: breezesoft.uz
!!! MADE WITH LOVE !!!
  ____      __            ___       _    _             
 |_  /__ _ / _|__ _ _ _  / __| __ _| |__(_)_ _ _____ __
  / // _` |  _/ _` | '_| \__ \/ _` | '_ \ | '_/ _ \ V /
 /___\__,_|_| \__,_|_|   |___/\__,_|_.__/_|_| \___/\_/
















































*/
@media screen and (max-width: 1200px) {
  .container {
    width: 95%;
  }
}
@media screen and (max-width: 997px) {
  .caption .buttons {
    display: none !important;
  }

  div.top-menu {
    background: #000;
  }
  div.top-menu .button {
    padding: 5px;
    font-size: 13px;
  }
  div.top-menu > ul {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    min-height: calc(100vh - 100px);
  }
  div.top-menu > ul * {
    color: #000 !important;
  }
  div.top-menu > ul li {
    min-height: 40px;
    border-bottom: 1px solid #000;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div.top-menu > ul li:last-child {
    border-bottom: none;
  }
  div.top-menu > ul li a {
    height: 100%;
    align-items: center;
    display: flex;
    padding: 10px 30px;
  }
  div.top-menu > ul li a::after {
    right: 30px !important;
  }
  div.top-menu > ul li ul {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    background-color: #EAEAEA;
  }
  div.top-menu .logo {
    display: flex;
    justify-content: center;
  }
  div.top-menu .logo img {
    width: 100px !important;
  }
  div.top-menu .toggle {
    display: inline-block !important;
  }

  #first .first-inner, .first .first-inner {
    flex-direction: column;
  }
  #first .first-inner .text, .first .first-inner .text {
    margin-bottom: 50px;
  }
  #first .first-inner .text, #first .first-inner .image, .first .first-inner .text, .first .first-inner .image {
    width: 100%;
  }

  #second {
    flex-direction: column;
    align-items: center;
  }
  #second .service {
    width: 90%;
    margin-left: 0;
  }
  #second .service h1:after, #second .service h1:before {
    content: none;
  }

  #pageSecond .services {
    grid-template-columns: 1fr;
  }
  #pageSecond .services .service {
    width: 90%;
    margin-left: 0;
  }
  #pageSecond .services .service h1:after, #pageSecond .services .service h1:before {
    content: none;
  }

  #three {
    padding: 120px 30px;
  }
  #three > h1 {
    font-size: 25px;
  }
  #three .cards {
    flex-direction: column;
    align-items: center;
  }
  #three .cards > .card {
    width: 98%;
    margin-bottom: 20px;
    height: 420px;
    padding: 20px;
  }
  #three .cards > .card h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #three .cards > .card a {
    opacity: 1;
  }

  #tabs {
    padding: 80px 10px;
  }
  #tabs .caption {
    padding: 0 10px;
    flex-direction: column;
    align-items: center;
  }
  #tabs .caption > * {
    width: 100%;
  }
  #tabs h1 {
    margin-bottom: 10px;
    font-size: 30px;
  }
  #tabs .tab-buttons {
    grid-template-columns: 1fr 1fr;
  }
  #tabs .tab-buttons li i {
    font-size: 1.1rem;
  }
  #tabs .tab-buttons li span {
    font-size: 0.6rem;
  }
  #tabs .tab-buttons li.active::after, #tabs .tab-buttons li.active::before {
    content: none;
  }
  #tabs .tab-content {
    padding: 15px;
  }
  #tabs .tab-content .tab-body {
    flex-direction: column;
  }
  #tabs .tab-content .tab-body .cover, #tabs .tab-content .tab-body .info {
    width: 100%;
  }
  #tabs .tab-content .tab-body .cover ul, #tabs .tab-content .tab-body .info ul {
    grid-template-columns: 1fr 1fr;
  }

  #slider {
    padding-left: 0;
    padding-right: 0;
  }
  #slider .section-text {
    width: 100% !important;
    padding: 0 5%;
  }
  #slider .section-text h1 {
    font-size: 30px;
    text-align: center;
  }
  #slider .slider .arrows {
    left: 10%;
  }
  #slider .partners {
    padding: 30px 0;
    width: 95%;
    margin: 0 auto;
    margin-top: 100px;
  }

  #form form {
    width: 93%;
    padding: 60px 20px;
  }
  #form form .input-50 {
    flex-direction: column;
  }
  #form form .input-50 input {
    width: 100%;
    margin: 5px 0;
  }
  #form form button {
    width: 50%;
  }

  #full-img .caption p {
    width: 90% !important;
  }
  #full-img h1 {
    font-size: 30px !important;
  }
  #full-img h2 {
    font-size: 25px !important;
  }

  #blog .b-inner .text {
    flex-direction: column;
  }
  #blog .b-inner .text a {
    align-self: flex-end;
    font-size: 14px;
    padding: 10px 15px;
  }
  #blog .b-inner .text h1 {
    font-size: 25px;
  }
  #blog .b-inner .posts .post .post-body h1 {
    font-size: 16px;
    line-height: 20px;
  }

  footer {
    padding: 75px 0;
  }
  footer .f-inner {
    flex-direction: column;
  }
  footer .f-inner > * {
    width: 100% !important;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }

  .f-bottom {
    padding: 20px 20px;
  }

  .contact-form {
    flex-direction: column;
  }
  .contact-form .contact {
    width: 100%;
    border: none;
  }
  .contact-form .feedback-form {
    width: 100%;
  }

  .veteranshead {
    width: 100%;
  }
  .veteranshead h1 {
    font-weight: 700;
    font-size: 80px;
  }

  .veterans .container .cards {
    flex-wrap: wrap;
  }
  .veterans .container .cards .card {
    width: 40%;
    margin-top: 50px;
  }
}
@media screen and (max-width: 780px) {
  header h1 {
    font-size: 19px !important;
  }
  header h2 {
    font-size: 15px !important;
  }
  header .caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
  }
  header .caption p {
    display: none;
  }
  header .h-bottom {
    padding: 0;
    flex-wrap: wrap;
  }
  header .h-bottom a {
    width: 50%;
    font-size: 0.7rem;
  }
  header .h-bottom h2 {
    font-size: 15px;
    margin-right: 20px;
  }

  .modal .modal-content form {
    padding: 20px 10px;
    width: 100% !important;
  }
  .modal .modal-content .input-50 {
    flex-direction: column;
  }
  .modal .modal-content .input-50 input {
    width: 100% !important;
    margin: 5px 0;
  }
  .modal .modal-content button {
    width: 50% !important;
  }

  .veterans .container .cards .card {
    width: 90%;
  }
  .veterans .container .first-inner .text_section {
    padding: 0;
    margin-top: 50px;
  }
}

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