body {
   background-color: #F2F2F2;
   font-family: 'GraphikTH-Regular';
   font-size: 0.9375rem;
   line-height: 24px;
}
.text-header-h1{
   font-family: 'GraphikTH-SemiBold';
   font-size: 36px;
   line-height: 54px;
   margin-bottom: 20px;
} 

.btn-banner {
   height: 50px;
   padding: 10px 40px 10px 40px;
   font-family: 'GraphikTH-SemiBold';
   font-size: 15px;
   line-height: 24px;
}

.image-full-width-destop {
   max-height: 665px;
   width: 100%;
   margin-top: 111px;
}

.image-full-width-mobile {
   max-height: 600px;
   width: 100%;
   margin-top: 72px;
}

.btn-div {
   padding-top: 30px;
}

.sub-header-h1 {
   font-family: 'GraphikTH-Regular';
   font-size: 19px !important;
   line-height: 24px;
}

.box-text-left {
   margin-top: 40px;
   padding: 20px 20px 20px 20px;
}

.box-text-bn-right {
   margin-top: 30px;
   padding: 0px 20px 50px 20px;
}

.box-image {
   max-width: 100%;
   max-height: 665px;
   display: block;
   margin-top: 90px;

}

.padding-text {
   padding: 30px;
}

.padding-text-right{
   padding: 30px;
}

.margin-top-bet-section{
   margin-top: 96px;
}
.padding-load{
   padding:60px 0 140px;
}
@media (min-width: 320px) {
   .box-image-bg {
      width: 100%;
      height: 375px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 90px;
   }
   .box-text-bg{
      height: 476px;
   }
  

   .padding-text {
      padding: 30px;
   }
   .padding-text-right{
      padding: 30px 30px 30px 30px;
   }
}
@media (min-width: 375px) {
   .margin-top-bet-section {
      margin-top: 20px;
  }
   .box-image-bg {
      width: 100%;
      height: 375px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 105px;
   }
   .box-text-bg{
      height: 476px;
   }
   .padding-text {
      padding: 30px;
   }
   .padding-text-right{
      padding: 0px;
   }
   .padding-load{
      padding: 10px 0 20px;
   }
}

@media (min-width: 576px) {

   .sub-header-h1 {
      font-family: 'GraphikTH-Regular';
      font-size: 19px !important;
      line-height: 24px;
   }

   .box-text-left {
      margin-top: 0px;
   }

   .box-text-bn-right {
      margin-top: 40px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;

   }

   .xs-order {
      order: 1;
   }

   .xs-order2 {
      order: 2;
   }

   .box-image-bg {
      width: 100%;
      height: 441px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0px;
   }
   .box-text-bg{
      height: 476px;
   }
   .padding-text {
      padding: 30px;
   }
   .padding-text-right{
      padding: 30px;
   }
   .padding-load{
      padding: 10px 0 20px;
   }

}


@media (min-width: 768px) {

   .sub-header-h1 {
      font-family: 'GraphikTH-Regular';
      font-size: 19px !important;
      line-height: 24px;
   }

   .box-text-left {
      margin-top: 121px;
   }

   .box-text-bn-right {
      margin-top: 142px;
      padding-left: 48px;
      padding-right: 70px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;
      margin-top: 172px;
   }

   .xs-order {
      order: 2;
   }

   .xs-order2 {
      order: 1;
   }

   .box-image-bg {
      width: 100%;
      height: 533px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 110px;

   }
   .box-text-bg{
      height: 390px;
   }
   .padding-text {
      padding: 50px;
   }
   .padding-text-right{
      padding: 10px;
   }
   .margin-top-bet-section{
      margin-top: 50px;
  }
  .padding-load{
   padding: 10px 0 20px;
   }
   .image-full-width-destop {
      max-height: 665px;
      width: 100%;
      margin-top: 64px;
   }
}

@media (min-width: 992px) {
   .padding-load{
      padding: 10px 0 20px;
   }
   .sub-header-h1 {
      font-family: 'GraphikTH-Regular';
      font-size: 19px !important;
      line-height: 24px;
   }

   .box-text-left {
      margin-top: 0px;
   }

   .box-text-bn-right {
      margin-top: 10px;
      padding-left: 48px;
      padding-right: 70px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;
      margin-top: 0px;
   }

   .xs-order {
      order: 2;
   }

   .xs-order2 {
      order: 1;
   }

   .box-image-bg {
      width: 100%;
      height: 449px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0px;
   }
   .box-text-bg{
      height: 449px;
   }
   .padding-text {
      padding: 50px;
   }
   .padding-text-right{
      padding: 50px ;
   }

   .image-full-width-destop {
      max-height: 665px;
      width: 100%;
      margin-top: 0px;
  }
}

@media (min-width: 1200px) {

   .sub-header-h1 {
      font-family: 'GraphikTH-Regular';
      font-size: 19px !important;
      line-height: 24px;
   }

   .box-text-left {
      margin-top: 19px;
      padding-right: 80px;
   }

   .box-text-bn-right {
      margin-top: 74px;
      padding-left: 56px;
      padding-right: 70px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;


   }

   .xs-order {
      order: 2;
   }

   .xs-order2 {
      order: 1;
   }

   .box-image-bg {
      width: 100%;
      height: 441px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0px;

   }
   .box-text-bg{
      height: 441px;
   }
   .padding-text {
      padding: 50px 100px 50px 50px;
   }
   .padding-text-right{
      padding: 50px 50px 50px 100px;
   }
   .image-full-width-destop {
      max-height: 665px;
      width: 100%;
      margin-top: 0px;
  }
}

@media (min-width: 1500px) {

   .sub-header-h1 {
      font-family: 'GraphikTH-Regular';
      font-size: 19px !important;
      line-height: 24px;
   }

   .box-text-left {
      margin-top: 46px;
      padding-left: 32px;
      padding-right: 301px;
   }

   .box-text-bn-right {
      margin-top: 110px;
      padding-left: 210px;
      padding-right: 70px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;



   }

   .xs-order {
      order: 2;
   }

   .xs-order2 {
      order: 1;
   }

   .box-image-bg {
      width: 100%;
      height: 665px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0px;

   }
   .box-text-bg{
      height: 665px;
   }
   .padding-text {
      padding: 50px 300px 50px 50px;
   }
   .padding-text-right{
      padding: 50px 50px 50px 300px;
   }
   .image-full-width-destop {
      max-height: 665px;
      width: 100%;
      margin-top: 0px;
  }
}

@media (min-width: 1600px) {

   .box-text-bn-right {
      margin-top: 244px;
      padding-left: 210px;
      padding-right: 70px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;
      margin-top: 0px;
   }

   .box-text-left {
      margin-top: 136px;
      padding-left: 32px;
      padding-right: 301px;
   }

   .xs-order {
      order: 2;
   }

   .xs-order2 {
      order: 1;
   }

   .box-image-bg {
      width: 100%;
      height: 665px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0px;
   }
   .box-text-bg{
      height: 665px;
   }
   .padding-text {
      padding: 50px 300px 50px 50px;
   }
   .padding-text-right{
      padding: 50px 50px 50px 300px;
   }
   .padding-load {
      padding: 60px 0 140px;
  }
  .image-full-width-destop {
   max-height: 665px;
   width: 100%;
   margin-top: 0px;
}
}

@media (min-width: 1700px) {

   .sub-header-h1 {
      font-family: 'GraphikTH-Regular';
      font-size: 19px !important;
      line-height: 24px;
   }

   .box-text-left {
      margin-top: 120px;
      padding-left: 32px;
      padding-right: 368px;
   }

   .box-text-bn-right {
      margin-top: 152px;
      padding-left: 210px;
      padding-right: 70px;
   }

   .box-image {
      max-width: 100%;
      max-height: 665px;
      display: block;
      margin-top: 0px;

   }

   .xs-order {
      order: 2;
   }

   .xs-order2 {
      order: 1;
   }

   .box-image-bg {
      width: 100%;
      height: 665px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0px;

   }
   .box-text-bg{
      height: 665px;
   }
   .padding-text {
      padding: 50px 300px 50px 50px;
   }
   .padding-text-right{
      padding: 50px 50px 50px 300px;
   }
   .padding-load {
      padding: 60px 0 140px;
  }
  .image-full-width-destop {
   max-height: none;
   width: 100%;
   margin-top: 0px;
}



}

@media (min-width:767px ) and (max-width:991px) {
   .margin-top-md{
      margin-top: 150px;
   }
}