@media (min-width: 1200px) {
   .container {
      max-width: 1200px;
      padding: 0;
   }
}

@media (min-width: 1400px) {
   .container {
      max-width: 1400px;
      padding: 0;
   }
}

@media (max-width: 1200PX) {
   .main-header .navbar-nav .navbar-item a {
      font-size: 0.875rem
   }

   .hero-banner-holder .hero-banner-bg::before {
      width: 4rem;
      height: 4.5rem;
   }

   .sec-title {
      font-size: 2rem;
   }

   .sec-title span {
      font-size: 2.5rem;
   }

   .main-header .ar-btn a {
      font-size: 0.875rem;
   }

   .hero-banner-holder .hero-price-card {
      padding: 0.75rem 1rem;
      right: -2.5rem;
   }

   .hero-banner-holder .hero-price-card .value {
      font-size: 1.5rem;
   }

   .hero-banner-holder .hero-price-card::before {
      width: 1.5rem;
      height: 1.5rem;
      top: -0.5rem;
      right: 0.25rem;
   }

   .pl-12 {
      padding-left: 9rem;
   }

   .features .features-list li span {
      font-size: 1.125rem;
   }

   .comments-sec .map-img-holder .avatar-1 {
      right: 5.75rem;
      top: 0.5rem;
   }

   .comments-sec .map-img-holder .avatar-3 {
      left: 3.25rem;
      top: 1rem;
   }

   .comments-sec .map-img-holder .avatar-4 {
      right: 3rem;
      bottom: 1.5rem;
   }

   .comments-sec .map-img-holder .avatar-5 {
      bottom: 1.5rem;
      left: 4rem;
   }

   .bottom-footer .contact-info {
      flex-wrap: wrap;
   }

   .bottom-footer .contact-info .contact-item:not(:last-child) {
      margin-bottom: 0.875rem;
   }

   .bottom-footer .more-info .social-media p {
      text-align: center;
   }

   .newsletter {
      padding: 0 5.25rem;
   }

   .map-sec .base-card {
      min-width: 20.25rem;
   }

   .not-found-section .wave2 {
      height: 570px !important;
   }
}

@media (max-width: 992px) {
   html {
      font-size: 14px;
   }

   body {
      padding-bottom: 4rem;
   }

   .main-header .navbar .navbar-nav .mobile-collapse {
      display: none;
   }

   .main-header .ar-btn a {
      padding: 0.5rem;
   }

   .main-header .ar-btn a .icon-holder {
      margin: 0;
   }

   .main-header .ar-btn a .text {
      display: none;
   }

   .main-header .navbar-nav .navbar-item .ar-btn {
      display: inline-flex;
   }

   .main-header .navbar-nav .navbar-item {
      margin: 0 0 0 0.5rem;
   }

   .main-header .navbar-nav .navbar-item>a {
      display: none;
   }

   .main-header .navbar {
      width: 100%;
      justify-content: flex-end;
   }

   .main-header .navbar .mobile-menu {
      display: flex;
   }

   .sec-title {
      font-size: 1.75rem;
   }

   .sec-title span {
      font-size: 2rem;
   }

   .hero-main-sec {
      padding-right: 2rem;
   }

   .hero-banner-holder .hero-banner-bg::before {
      top: 5rem;
      left: 2.5rem;
   }

   .hero-banner-holder .hero-info-card {
      animation: none;
      line-height: 3rem;
      transform: rotate(-23deg);
   }

   .hero-banner-holder .hero-round-card {
      animation: none;
      bottom: 0;
   }

   .pl-12 {
      padding-left: 6rem;
   }

   .features .features-list li span {
      font-size: 1rem;
   }

   .comments-sec .map-img-holder .avatar-1 {
      width: 3.25rem;
      height: 3.25rem;
   }

   .comments-sec .map-img-holder .avatar-2 {
      width: 5.25rem;
      height: 5.25rem;
   }

   .comments-sec .map-img-holder .avatar-3 {
      width: 3.25rem;
      height: 3.25rem;
   }

   .comments-sec .map-img-holder .avatar-4 {
      width: 4.125rem;
      height: 4.125rem;
   }

   .comments-sec .map-img-holder .avatar-5 {
      width: 2.875rem;
      height: 2.875rem;
   }

   .newsletter {
      padding: 0 4.25rem;
   }

   .newsletter .newsletter-box {
      padding: 1.875rem 1.75rem;
   }

   .newsletter .newsletter-box .newsletter-des .newsletter-title {
      font-size: 1.75rem;
   }

   .main-footer .footer-logo-holder {
      margin-left: 3.25rem;
   }

   .main-footer .footer-menus {
      margin-left: 3.25rem;
   }

   .main-blog-card .img-holder {
      max-width: 16.5rem;
   }

   .main-blog-card .blog-card-det {
      width: calc(100% - 19.625rem);
   }

   .base-card {
      margin-bottom: 2.5rem;
   }

   .rounded-card {
      flex-direction: row;
      justify-content: space-between;
      border-radius: 16px;
      padding: 2.5rem 1rem;
      flex-wrap: wrap;
   }

   .rounded-card .card-title {
      width: 100%;
   }

   .rounded-card .related-item {
      width: 31%;
      margin-bottom: 1.25rem;
   }

   .blog-single-sec {
      margin-bottom: 12.25rem;
   }

   .map-sec .map-holder a .address-box {
      top: 43%;
      right: 14%;
   }

   .map-sec .contact-form .call-numbers {
      flex-wrap: wrap;
   }

   .map-sec .contact-form .call-numbers .icon-holder {
      margin-bottom: 0.5rem;
   }

   .map-sec {
      margin-bottom: 14.75rem;
   }

   .pb-table .table-header {
      display: none;
   }

   .pb-table .table-body .tb-row {
      display: flex;
      justify-content: space-between;
      padding: 1rem 1rem 0 1rem;
      flex-wrap: wrap;
   }

   .pb-table .table-body .tb-row .tb-row-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 45%;
      margin-bottom: 1rem;
   }

   .pb-table .table-body .tb-row .tb-row-item:last-child {
      justify-content: flex-end;
   }

   .pb-table .table-body .tb-row .tb-row-item .responsive-title {
      display: inline-block;
   }

   .not-found-section .wave1 {
      height: 150px !important;
   }

   .not-found-section .wave2 {
      height: 490px !important;
   }

   .not-found-section {
      background-size: contain;
   }
}

@media (max-width: 768px) {
   .hero-banner-holder {
      display: none;
   }

   .hero-main-sec {
      padding-right: 0;
      padding-top: 4rem;
   }

   .about-argo .bg-blur {
      display: flex;
      justify-content: center;
      margin-bottom: 3rem;
   }

   .about-argo .about-img-holder {
      justify-content: center;
      max-width: 70%;
   }

   .about-argo .about-img-holder::after {
      width: 4.875rem;
      left: calc(100% + 3rem);
   }

   .hero-sec {
      margin-bottom: 6rem;
   }

   .features .features-list {
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
   }

   .features .features-list li {
      margin-bottom: 1.5rem;
      margin-left: 2.5rem;
   }

   .about-argo {
      margin-bottom: 4.75rem;
   }

   .pl-12 {
      padding-left: 0;
   }

   .features {
      margin-bottom: 4.75rem;
   }


   .blog-sec .blog-control {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
   }

   .blog-sec .sec-title {
      margin-bottom: 0;
   }

   .owl-control-btns {
      margin-bottom: 0;
   }

   .blog-sec {
      margin-bottom: 3.75rem;
   }

   .comments-sec .map-img-holder .avatar-1 {
      width: 4.5rem;
      height: 4.5rem;
   }

   .comments-sec .map-img-holder .avatar-2 {
      width: 6.5rem;
      height: 6.5rem;
   }

   .comments-sec .map-img-holder .avatar-3 {
      width: 4.5rem;
      height: 4.5rem;
   }

   .comments-sec .map-img-holder .avatar-4 {
      width: 5.25rem;
      height: 5.25rem;
   }

   .comments-sec .map-img-holder .avatar-5 {
      width: 4rem;
      height: 4rem;
   }

   .comments-sec .map-img-holder {
      margin-bottom: 2rem;
   }

   .comments-sec {
      margin-bottom: 10rem;
   }

   .newsletter {
      padding: 0 3.25rem;
   }

   .newsletter .newsletter-box {
      flex-wrap: wrap;
   }

   .newsletter .newsletter-box .newsletter-des {
      width: 100%;
      display: flex;
      justify-content: space-between;
   }

   .newsletter .newsletter-box .newsletter-form {
      width: 100%;
   }

   .main-footer {
      flex-wrap: wrap;
   }

   .main-footer .footer-menus {
      margin-left: 0;
      width: 100%;
      flex: initial;
   }

   .main-footer .footer-logo-holder {
      flex: initial;
      flex-direction: row;
      max-width: 75%;
      margin-left: 0;
   }

   .main-footer .footer-logo-holder .footer-logo {
      margin-bottom: 0;
      min-width: 8rem;
      margin-left: 2rem;
   }

   .main-footer .footer-menus {
      margin-top: 2rem;
   }

   .bottom-footer {
      flex-wrap: wrap;
   }

   .bottom-footer .contact-info {
      margin-bottom: 1rem;
   }

   .bottom-footer .contact-info .contact-item {
      margin-left: 1.5rem;
   }

   .bottom-footer .more-info {
      width: 100%;
   }

   .bottom-footer .more-info .social-media {
      flex-direction: row;
   }

   .bottom-footer .more-info .social-media p {
      max-width: 50%;
   }

   .bottom-footer .more-info .social-media .social-media-btns {
      margin-bottom: 0;
   }

   .main-blog-card {
      flex-direction: column;
      padding: 0;
      border-radius: 230px 230px 0 0;
   }

   .main-blog-card .img-holder {
      max-width: unset;
      border-radius: 230px 230px 0 0;
   }

   .main-blog-card .blog-card-det {
      width: unset;
      padding: 2rem;
   }

   .main-blog-card .blog-card-det .blog-date::after {
      height: 27.375rem;
   }

   .map-sec .base-card {
      margin-top: 0;
   }

   .map-sec .contact-form {
      flex-direction: column;
      padding-left: 0;
   }

   .map-sec .contact-form .call-numbers .icon-holder {
      width: 2.75rem;
      height: 2.75rem;
      margin-bottom: 0;
   }

   .map-sec .contact-form .call-numbers .title {
      margin-left: 0.875rem;
   }

   .map-sec .contact-form .call-numbers .num {
      margin-left: 0.875rem;
   }

   .map-sec .contact-form .call-numbers {
      padding-top: 2.5rem;
      margin-bottom: 2rem;
   }

   .pl-4 {
      padding-left: 0;
   }

   .pr-4 {
      padding-right: 0;
   }

   .about-us .description-item .img-holder {
      margin-bottom: 3rem;
   }

   .about-us .description-item {
      margin-bottom: 1rem;
   }

   .map {
      margin-bottom: 4rem;
   }

   .pb-table .table-body .tb-row .tb-row-item {
      width: 100%;
   }

   .not-found-section .wave1 {
      height: 110px !important;
   }

   .not-found-section .wave2 {
      height: 400px !important;
   }
}

@media (min-width: 576px) {
   .dashboard .menu-card .menu-card-body.collapse {
      display: block;
   }
}

@media (max-width: 576px) {
   html {
      font-size: 12px;
   }

   .about-argo .about-img-holder::after {
      left: -2.75rem;
      top: -4rem;
      width: 3.875rem;
      transform: rotate(-100deg);
   }

   .features .features-list {
      flex-direction: column;
   }

   .features .sec-header {
      flex-wrap: wrap;
   }

   .features .nav.nav-tabs {
      margin-top: 1rem;
   }

   .comments-sec .map-img-holder .avatar-1 {
      width: 3.25rem;
      height: 3.25rem;
   }

   .comments-sec .map-img-holder .avatar-2 {
      width: 5.25rem;
      height: 5.25rem;
   }

   .comments-sec .map-img-holder .avatar-3 {
      width: 3.25rem;
      height: 3.25rem;
   }

   .comments-sec .map-img-holder .avatar-4 {
      width: 4.125rem;
      height: 4.125rem;
   }

   .comments-sec .map-img-holder .avatar-5 {
      width: 2.875rem;
      height: 2.875rem;
   }

   .newsletter {
      padding: 0 0.25rem;
   }

   .main-footer .footer-logo-holder .footer-logo {
      min-width: 7rem;
   }

   .bottom-footer .contact-info .contact-item {
      flex-direction: column;
      margin-left: 1rem;
      margin-bottom: 0 !important;
   }

   .bottom-footer .contact-info .contact-item .icon-holder {
      margin-left: 0;
      margin-bottom: 0.75rem;
   }

   .main-footer .footer-menus {
      flex-wrap: wrap;
   }

   .bottom-footer .contact-info {
      width: 100%;
      justify-content: space-between;
   }

   .bottom-footer .contact-info .contact-item {
      margin-left: 0;
   }

   .bottom-footer .more-info .social-media {
      flex-direction: column;
   }

   .bottom-footer .more-info .social-media p {
      max-width: initial;
   }

   .bottom-footer .more-info .social-media .social-media-btns {
      margin-bottom: 0.75rem;
      width: 100%;
      justify-content: center;
   }

   .ar-btn a, .ar-btn button {
      line-height: 2.5rem;
      padding: 0 1rem;
      font-size: 0.875rem;
   }

   .ar-btn a .icon-holder, .ar-btn button .icon-holder {
      width: 2rem;
      height: 2rem;
   }

   .main-header .navbar .mobile-menu .active .ar-btn a::before,
   .main-header .navbar .mobile-menu .active .ar-btn a::after {
      height: 2rem;
   }

   .rounded-card .related-item {
      width: 47%;
   }

   .map-sec .contact-form .call-numbers .icon-holder {
      width: 2.75rem;
      height: 2.75rem;
      margin-bottom: 0.75rem;
   }

   .bottom-footer .more-info .social-media {
      align-items: center;
   }

   .dashboard .menu-card .menu-card-header {
      padding: 1.25rem 1.625rem 0.875rem 1.625rem;
      margin: 0 1.625rem 0 1.625rem;
   }

   .dashboard .menu-card {
      margin-bottom: 2rem;
      border-radius: 16px;
   }

   .hamburger {
      display: inline-block;
   }

   .dashboard .menu-card .menu-card-header .user-det {
      justify-content: space-between;
   }

   .not-found-section .wave1 {
      height: 87px !important;
   }

   .not-found-section .wave2 {
      height: 304px !important;
   }
}