.card1
  {
      background-image:linear-gradient(to bottom,#ED1C24, #45BAE2);
  }
  .card2
  {
      background-image:linear-gradient(to bottom, #FDB913 0%, #5C7EA4 60.94%, #45BAE2 99.98%, rgba(254, 254, 254, 0.00520833) 99.99%);
  }
  .card3
  {
      background-image:linear-gradient(180deg, #EB8238 0%, #5C7EA4 60.94%, #45BAE2 99.98%, rgba(254, 254, 254, 0.00520833) 99.99%);
  }

  .card-text
  {
      color:#666666;
      min-height:200px;
      font-size: 16px;
      font-family: "Open Sans";
  }
  .card-text-top{
      line-height:24px;
  }
  .width-60p-card-button{
        width:60%;   
  }
  .homepage-bg-img{
   /* background-size: 75% 100%;
    background-repeat: no-repeat;
    background-position: top right;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .kocsis-blue-body-text{
    line-height:150%;
    font-size:16px;
    font-family:"Open Sans";
    font-weight:400;
    color:#666666;
    margin-top: 10px;          
  }
  .bottom-img{
      /*height:180px;*/
    height: auto;
    display: block;
  }
  .height-740{
      height:700px;
  }
  .width-220{
      width:220px;
  }
  .mb-card{
    display: flex; 
    padding: 0.5em;
    width: 100%;
  }
  .custom-card-body
  {
    padding: 0.5em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
  }
  @media(max-width:1400px) and (min-width:1300px){
    .card-text-top{
        font-size:14px!important;
    }      
  }
  @media(max-width:1300px){
    .card-text{
        min-height:240px;
    }
  }
   @media(max-width:1180px){
       .homepage-bg-img {
            background-size: 100% 100% !important;
       }
   }
  @media(max-width:1260px) and (min-width:1100px){
    .card-text{
        min-height:280px;
    }
    .width-60p-card-button{
        width:80%;
    }
  }
  @media(max-width:1100px) and (min-width:992px){
    .card-text{
        min-height:360px;
    }
    .bottom-img{
    height: auto;
    display: block;
    max-height: 140px;
    }
    .width-60p-card-button{
        width:80%;
    }        
  }
  @media(max-width:992px){
    .mb-card{
        margin-top:20px;
        margin-bottom:20px;
    }
    .mb-card-top{
        margin-top:20px;
    }
    .card-text-top{
        display:none;
    }
    .width-60p-card-button{
        font-size:20px;
        width:100%;
    }

    .pt-30{
        padding-top:0px!important;
    }
  }
  @media(max-width:991px) and (min-width:768px){
    .bottom-img{
    height: auto;
    display: block;
    max-height: 130px;
    }      
  }
  @media(max-width:850px) and (min-width:768px){
    .bottom-img{
    height: auto;
    display: block;
    max-height: 105px;
    }
    .btn-light-blue{
        font-size:16px;
    }
  }
  @media(max-width:768px){
    .p-homepage{
        padding-left:0!important;
        padding-right:0!important;
    }
      .homepage-bg-img{
        margin-top:20px;
        background-size:100% 35%;
      }
      .kocsis-blue-body-text{
        margin-top:140px;
      }
        .body-text-mobile{
            margin-top:0%!important;
        }          
      .homepage-bg-img{
        margin-bottom:470px;
      }
  }

  @media(max-width:645px){
      .kocsis-blue-body-text{
        margin-top:105px;
      }      
      .homepage-bg-img{
        margin-bottom:520px;
      }
  }

  @media(max-width:520px){
       .kocsis-second-sec-heading{
         font-size:23px!important;
       }
      .homepage-bg-img{
        margin-bottom:570px;
      }
  }
  @media(max-width:520px) and (min-width:450px){
      .kocsis-blue-body-text{
        margin-top:60px;
      } 
  }

  @media(max-width:478px){

    .kocsis-second-sec-heading{
        font-size:20px!important;
    }
  }
  @media(max-width:414px){

      .homepage-bg-img{
        margin-bottom:620px;
      }
    .kocsis-second-sec-heading{
        font-size:19px!important;
    }
    .btn-dark-kocsis{
        padding:2px!important;
    }
  }
  @media(max-width:390px){
    .kocsis-second-sec-heading{
        font-size:19px!important;
    }
  }