/*
  css for banner
*/
  .banner-main-container{
    height: 15vw;
    min-height: 150px;
  }

  .banner-second-container{
    height: 2vw;
  }

  .banner-main-container-xl{
    height: 40vw;
  }

  .banner-main-container-extra-large{
    height: 64vw;
  }

  .banner-main-container-xl2{
    height: 45vw;
  }

/*
  responsive css for banner
*/

@media (min-width: 305px) {
  .banner-main-container-xl2{
    height: 38vw;
  }
}
@media (min-width: 360px) {
  .banner-main-container-xl2{
    height: 34vw;
  }
}
@media (min-width: 480px) {
  .banner-main-container{
    height: 15vw;
  }
  .banner-main-container-xl{
    height: 30vw;
  }
  .banner-main-container-extra-large{
    height: 48vw;
  }
  .banner-second-container{
    height: 2vw;
  }
  .banner-main-container-xl2{
    height: 25vw;
  }
}

@media (min-width: 768px) {
  .banner-main-container{
    height: 12vw;
  }

  .banner-second-container{
    height: 2vw;
  }
  .banner-main-container-xl{
    height: 24vw;
  }
  .banner-main-container-xl2{
    height: 14vw;
  }
  .banner-main-container-extra-large{
    height: 38vw;
  }
}

@media (min-width: 992px) {

  .banner-main-container{
    height: 8vw;
  }

  .banner-second-container{
    height: 0.5vw;
  }

  .banner-main-container-xl{
    height: 16vw;
  }
  .banner-main-container-extra-large{
    height: 26vw;
  }

}

/*
  css for combo-img-text component
*/
  .combo-img-text-IMG{
    max-width:100%;
  }
  .center-combo-IMG{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

.curve-blue-bottom { display: block; height: 135px; background: url('/images/curve/curve_gray_bottom.svg') top center no-repeat; background-size: cover; }
.curve-blue-bottom { background: url('/images/curve/curve_blue_bottom.svg') top center no-repeat; background-size: cover; }
@media (max-width:379px) {
  .curve-gray-top,
  .curve-blue-top { height:25px }
  .curve-gray-bottom,
  .curve-blue-bottom { height:53px }
}
@media (min-width:370px) and (max-width:767px) {
  .curve-gray-top,
  .curve-blue-top { height:35px }
  .curve-gray-bottom,
  .curve-blue-bottom { height:53px }
}
@media (min-width:768px) and (max-width:991px) {
  .curve-gray-top,
  .curve-blue-top { height:45px }
  .curve-gray-bottom,
  .curve-blue-bottom { height:70px }
}
@media (min-width:992px) and (max-width:1199px) {
  .curve-gray-top,
  .curve-blue-top { height:55px }
  .curve-gray-bottom,
  .curve-blue-bottom { height:84px }
}
.matt-woodward { background: #008D36; }
.matt-woodward:before { background: none !important; }
.matt-woodward .container { background: url('/images/curve/Matt_Woodward.svg') right bottom no-repeat; }
.matt-woodward .panel-header a { color: #fff; }
.matt-woodward .panel-header a:hover,
.matt-woodward .panel-header a:focus { text-decoration: none; }
.matt-woodward .panel-sentence { margin-top: 0; }
.matt-woodward .white-button { color: #008D36; font-size: 28px; }
.matt-woodward .white-button:hover { color: #fff; }
.curve-blue-bottom.matt-woodward {
background: url('/images/curve/curve3.svg') top center no-repeat;
}

.landing-main-banner{ font-size: calc(1.2em); font-family: 'Roboto Slab', serif; line-height: 1.0;}  
.landing-main-banner-noimg{ font-size: calc(1.5em + 1.2vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}  

.img-discount-left{
  max-width: 150px;
  display: block;
  position: absolute;
  right: 8%;
  
}

.img-discount-right{
  max-width: 150px;
  display: block;
  position: absolute;
  left: 8%;
}

@media (min-width: 375px) {
  .landing-main-banner{ font-size: calc(1.4em); font-family: 'Roboto Slab', serif; line-height: 1.0;}  
  .landing-main-banner-noimg{ font-size: calc(1.5em + 1.5vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}  
}

@media (min-width: 560px) {
  .landing-main-banner{ font-size: calc(1.5em + 0.45vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
}
@media (min-width: 768px) {
  .landing-main-banner{ font-size: calc(1.5em + 0.5vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
  .landing-main-banner-noimg{ font-size: calc(1.5em + 1.1vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
}

@media (min-width: 1200px) {
  .landing-main-banner{ font-size: calc(1.5em + 1vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
  .landing-main-banner-noimg{ font-size: calc(1.5em + 1vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
}

@media (min-width: 1500px) {
  .landing-main-banner{ font-size: calc(1.5em + 1.25vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
  .landing-main-banner-noimg{ font-size: calc(1.5em + 1.25vw); font-family: 'Roboto Slab', serif; line-height: 1.0;}
}

.landing-solutions-banner{
  font-size: calc(1.5em + 0.1vw); font-family: 'Roboto Slab', serif; line-height: 1.0; color: black;
 }  

@media (min-width: 560px) {
  .landing-solutions-banner{
    font-size: calc(1.5em + 1.5vw); font-family: 'Roboto Slab', serif; line-height: 1.0; color: black;
  }  
}

@media (min-width: 2560px) {
  .landing-solutions-banner{
    font-size: calc(1.5em + 0.7vw); font-family: 'Roboto Slab', serif; line-height: 1.0; color: black;
  }  
}
/*  Survey component css   */

.modal.survey .modal-dialog-survey {
    width:96%;
    position:relative;
    /*bottom:0;
    right:0;
    margin:0;
    top: 141px;*/
    top: 7vw;
    border: 3px solid green;
    border-radius: 0.3rem;
}


.footer-survey{   justify-content: center !important;   }

@media (min-width:480px) {
  .footer-survey{   justify-content: space-evenly !important;   }
}

@media (min-width:620px) {
  .footer-survey{   justify-content: flex-end !important;   }  
}