@media only screen and (max-width: 1660px) {
    .newcontainer {width: 94%;}
  }

  
@media only screen and (max-width: 1600px) {
  .bannertextwrapper h2 span {font-size: 52px;line-height: 51px;}
  .bannertextwrapper h3 {font-size: 24px;width: 610px;line-height: 34px;}
  .bannertextwrapper {padding-top: 125px;}
}

@media only screen and (max-width: 1620px) {
  .textwrapper h2, .textwrapper h2 strong, .textwrapper h2 span, .titlewrapper h2{
    font-size: 42px;
    line-height: 47px;
  }
}

@media only screen and (max-width: 1460px) {
  .bannertextwrapper p {width: 570px;}
}


@media only screen and (max-width: 1440px) {
  .textwrapper h2, .textwrapper h2 strong, .textwrapper h2 span, .titlewrapper h2 {
    font-size: 38px;
    line-height: 47px;
}
}


@media only screen and (max-width: 1199px) {
  .contactitem1 .mat-list-item-content{padding: 0 !important;}
  .navbarwrapper{
    display: block;
    position: absolute;
    top: 27px;
    width: 91%;
    left: 50%;
    transform: translatex(-50%);
  }

  .col-1 {width:100%;}
  .col-3 {width:100%;}
  .col-4 {width:100%;}
  .col-5 {width:100%;}
  .col-6 {width:100%;}
  .col-7 {width:100%;}
  .col-8 {width:100%;}
  .col-9 {width:89%;}
  .col-container{flex-wrap: wrap;}
  .textwrapper {
    text-align: center;
}



  }


  @media only screen and (max-width: 480px) {
    .bannertextwrapper h2 span {
      font-size: 38px;
      line-height: 43px;
  }
  }