@media (min-width: 1300px) {
  .container{max-width: 1240px;}
  
}
@media (min-width: 1900px) {
  .container{max-width: 1800px;}
  .title .brush-mark{width:150px;}
}

@media (min-height: 1024px) {
}
/* Designed & Developed by Sami from ECIS */

@media (min-height: 1280px) {
}

@media (max-width: 991.9px) {
  html {
    font-size: 87.5%;
  }
  .logo {width: 245px;}
}

@media (max-width: 767.9px) {
  .button-top {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 575.9px) {
	.bannerText h1{
  font-size: 21px;
  text-transform: uppercase;
}
.heading h3 {
  font-weight: 500;
  font-size: 4vw;
}
/*.bannerText {
  left: 1rem;
}*/
	
  .banner{height: 400px;}
  .heading h2{font-size: 2rem;}
  .stickyForm {
    position: static;
    width: calc(100% - (10px + .5rem) * 2);
    margin: 1rem auto 0;
  }
  .modal-content button.close{right: 10px; top: -20px; box-shadow: 0 0 0 2px var(--body-color);}
  .button-top {
    bottom: 50px;
  }
}

@media (max-width: 480px) {
}

@media (max-width: 425px) {
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}


@media (min-width: 1365px) and (max-width:1400px){
  .logo{
    max-width: 302px;

  }
}

@media (max-width: 1364px){
    .logo {
      position: relative;
      left: 1rem;
      font-size: 1.75rem;
      font-weight: 800;
      padding: 5px 0;
      min-height: 1px;
      transition: all 300ms ease-in-out;
      z-index: 2;
      max-width: 245px;
  }
  .header .nav > ul > li > a {
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0 10px;
    position: relative;
    transition: all 300ms ease-in-out;
    padding: 0.5rem;
    z-index: 1;
    font-size: 15px !important;
}
  
}


/* Designed & Developed by Sami from ECIS */