@font-face {
    font-family: helvetica-medium;
    src: url('../fonts/HelveticaNeue-Medium.ttf');
  }
  @font-face {
    font-family: helvetica-light;
    src: url('../fonts/HelveticaNeue-Light.ttf');
  }
  
  
  @media screen and (min-width: 590px) and (max-width: 720px) {
      .mb-exp-nav {
          padding: 20px 100px !important;
          top: 13rem !important;
      }
  }
  @media screen and (max-width: 991px) {
  
  .add-sec {
      float: left;
      width: 100%;
      text-align: center;
      margin-top: 30px;
  }
  .foo-logo {
      /* float: left; */
      text-align: center;
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
  }
  .mb-sos-sec ul {
      display: flex;
      justify-content: space-between;
      float: left;
      width: 100%;
  }
  .foo-clr-hed {
      width: 100%;
      padding: 0px 0 20px 0;
      border-bottom: 1px solid #ccc;
      margin-bottom: 30px;
      position: relative;
  }
  .open-icon {
      height: 26px;
      width: 26px;
      display: block;
      float: right;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: -30%;
  }
  .expand .open-icon:before {
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  .open-icon:before {
      background: #f9c910;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 21px;
      right: 13px;
      width: 13px;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -o-transition: 200ms;
      -webkit-transition: 200ms;
      transition: 200ms;
  }
  .open-icon:after {
      background: #f9c910;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 21px;
      right: 13px;
      width: 13px;
      -o-transition: 200ms;
      -webkit-transition: 200ms;
      transition: 200ms;
  }
  .foo-nav {
      float: left;
      width: 100%;
      margin-top: 15px;
      display: none;
  }
  .sos-sec ul
  {
      display: flex;
      justify-content: space-between;
      float: left;
      width: 100%;
  }
  }
  /*@media screen and (max-width: 680px) {  */
  @media screen and (max-width: 720px) {
    
    .card-rht-txt::after { display: none; }
    .head-top-strip, .head-nav, .hed-rht-btns{
        display: none;
    }
    .part-img-sec{
        margin-top: 15%;
    }
    .banner {
          height: 400px;
          padding: 20px 20px;
          z-index: 1;
      }
    .home-bg-banner{
        height: 100vh;
            padding: 20px 20px;
                z-index: 1;
    }
    .home-cards {
          margin-bottom: 10px;
              margin-top: 60px;
      }
  
      .mb-t-15{
          margin-top: 15px;
      }
  
      .mb-b-15{
          margin-bottom: 15px;
      }
  
  
  
    .vert-cen{
        display: block;
            padding-bottom: 20px;
    }
    .mb-cont-fluid{
            padding: 0;
    }
    .mb-container{
        padding: 0 30px;
    }
    .left-img-sec{
            clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
           -webkit-clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
    }
    .res-btn{
        width: 100%;
    }
    .card-rht-txt{
        flex-direction: column;
        padding-bottom: 50px;
        padding: 0 20px 0 20px;
    }
    .art-txt, .art-cont-hed p, .pnt-txt{
        font-size: 20px;
    }
     .vis-sub-txt {
      float: left;
      font-size: 16px !important;
      }
    .txt-gen-icon {
      float: left;
      
      flex-direction: column;
      margin-right: 20px;
      margin-bottom: 20px;
      margin-top: 20px;
    }
    .card-left-txt {
     padding: 0 20px 0px 20px;
      display: block;
    }
    .foo-logo img {
      width: 90%;
      }
    .mb-card{
        display: flex;
      flex-direction: column-reverse;
    }
    .rht-img-sec{
            clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
            -webkit-clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
    }
    .dont-sec {
          float: left;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 53px;
      
    }
    .invil-txt{
         
        font-size: 16px;
    }
    .invol-hed{
        font-size: 34px;
    }
    .cont-banner{
            align-items: flex-end;
    }
    .mb-act-row{
        display: block;
    }
    .art-bx{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .mb-rd-mre{
        float: left;
        font-size: 14px;
        color: #4687DB;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 20px;
    }
    .art-sec{
        padding: 50px 20px;
    }
    .resos-btn{
        margin-top: 30px;
    }
    .partner-sec{
        padding: 0 15px;
    }
    .pnt-hed{
        font-size: 34px;
    }
    .whoprt{
            width: 80%;
            font-size: 16px;
    }
        .side-icn {   
          width: 50px;  
      }
      .side-txt {
      width: 85%;
      margin-left: 0;
      margin-top: 15px;
  }
    .whos {
      position: relative;
      margin-bottom: 15%;
      height: 329px
      }
       .whos img{
           height: 100%;
           object-fit: cover;
       }
    .app-mb-chng{
        display: flex;
      flex-direction: column-reverse;
    }
    .app-mb-chng .card-left-txt{
        margin-top: 20px;
    }
    .app-ded::after {
      content: "";
      float: left;
      width: 20%;
      height: 4px;
      background: #F9C910;
      position: absolute;
      top: auto;
      bottom: -20%;
      left: 0;
      }
      .card-tlt{
          font-size: 25px;
      }
      .brws-btn{
          width: 100%;
              padding: 15px 0;
      }
      .mb-rel-flx{
          display: block;
      }
      .mb-foo-row{
          padding: 0 35px;
      }
      .ptrn-sec-up {
      position: absolute;
      left: 0;
      top: 0;
      width: 70%;
      }
      .header-btm-strip-mb{
          float: left;
      width: 100%;
      margin-top: 20px;
      }
      .ham{
          float: left;
          width: 20%;
          padding: 0;
          cursor: pointer;
          position: relative;
          top: 7px;
          transform: scale(0.8);
      }
      .ham img{
          width: 50%;
      }
      .cls img{
          position: relative;
          left: -5px;
          top: -7px;
      }
      .mb-logo{
              float: left;
          width: 60%;
          text-align: center;
          display: flex;
          justify-content: center;
          padding: 0 2%;
          cursor: pointer;
      }
      .mb-search{
          float: right;
          width: 40%;
          padding: 0;
          cursor: pointer;
          position: relative;
          top: 7px;
      }
      .mb-search img{
              width: 100%;
      float: right;
      }
      .banner-sec {
          float: left;
          margin-top: 22%;
          width: 100%;
      }
      .banner h2{
          font-size: 50px;
      }
      .mb-exp-nav{
          float: left;
          width: 100%;
          background: #F6F6F6;
          padding: 0 20px;
          position: fixed;
          z-index: 1;
          height: 92vh;
          top: 7rem;
          z-index: 4;
          display: none;
          overflow: scroll;
      }
  
      .top-txt-nav{
              display: flex;
          justify-content: space-between;
      }
      
      .mb-exp-nav ul li{
          float: left;
  
   
      }
      .mb-exp-nav ul li:last-child{
          padding-right: 0;
          border: none;
      }
      .dropdown-menu{
          position: absolute !important;
      }
      .dropdown-menu li{
              width: 100%;
      }
      .mb-sos{
          float: left;
          width: 100%;
          padding-top: 20px;
          border-top: 1px solid #000;
          margin-top: 0px;
  
      }
      .mb-sos ul{
              padding: 0;
      float: left;
      width: 100%;
      display: flex;
      justify-content: space-between;
  
      }
      .mb-sos ul li{
          list-style: none;
              font-size: 24px;
      }
      .mb-sos ul li a{
          color: #000;
      }
      .mb-exp-nav ul li a{
          color: #000;
          text-transform: uppercase;
      }
      .mb-nav{
          float: left;
          width: 100%;
              margin-top: 30px;
      }
      .mb-nav ul{
          padding: 0;
              flex-direction: column;
      }
      .mb-nav ul li{
          float: left;
          list-style: none;
          width: 100%;
          padding: 18px 0;
          border-bottom: 2px solid #ccc9;
          position: relative;
      }
      .mb-nav ul li a{
          float: left;
          font-size: 18px;
          letter-spacing: 0.5px;
          
          font-family: helvetica-medium;
          position: relative;
          text-decoration: none;
          text-transform: none;
           
      }
      .mb-nav ul li a span{
          font-weight: 100;
          font-family: helvetica-light;
      }
      /*.mb-nav ul li::after{
          content: "";
          background: url('../images/add.svg') center no-repeat;
          display: inline-block;
          width: 20px;
          height: 20px;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
      }*/
      .dropdown-menu{
          background: #f6f6f6;
      }
      .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
      display: table;
      content:none;
      }
      .art-container{
          float: left;
          padding: 0 10px;
          width: 100%;
      }
      .jn-btn{
          float: left;
          width: 100%;
          margin-top: 10px;
          padding-bottom: 30px;
      }
      .jn-btn button{
          width: 48%;
      }
      .hmv{
          margin-bottom: 5px;
      }
      .banner p{
          margin-top: 10px;
      }
      .foo-clr-hed{
          width: 100%;
          padding: 0px 0 20px 0;
          border-bottom: 1px solid #ccc;
          margin-bottom: 30px;
          position: relative;
      }
      
      .foo-nav {
          float: left;
          width: 100%;
          margin-top: 15px;
          display: none;
      }
      .open-icon{
          height: 26px;
          width: 26px;
          display: block;
          float: right;
          cursor: pointer;
              position: absolute;
          right: 0;
          top: -30%;
      }
      
      .expand .open-icon:before {
      -ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg); 
       transform: rotate(0deg); 
      }
      .open-icon:before {
          background: #f9c910;
          content: '';
          display: block;
          height: 1px;
          position: absolute;
          top: 21px;
          right: 13px;
          width: 13px;
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          -o-transition: 200ms;
          -webkit-transition: 200ms;
          transition: 200ms;
      }
      .open-icon:after {
          background: #f9c910;
          content: '';
          display: block;
          height: 1px;
          position: absolute;
          top: 21px;
          right: 13px;
          width: 13px;
          -o-transition: 200ms;
          -webkit-transition: 200ms;
          transition: 200ms;
      }
  
      .mb-open-icon {
      height: 26px;
      width: 26px;
      display: block;
      float: right;
      cursor: pointer;
      position: absolute;
      right: 0vw;
      top: -30%;
      }
      .mb-open-icon:before {
      background: #000;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 21px;
      right: 13px;
      width: 25px;
      -ms-transform: rotate(90deg) scale(0.6);
      -webkit-transform: rotate(90deg) scale(0.6);
      transform: rotate(90deg) scale(0.6);
      -o-transition: 200ms;
      -webkit-transition: 200ms;
      transition: 200ms;
      }
      .mb-open-icon:after {
      background: #000;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 21px;
      right: 13px;
      width: 25px;
      -o-transition: 200ms;
      -webkit-transition: 200ms;
      transition: 200ms;
      transform: scale(0.6);
      }
      .mb-expand .mb-open-icon:before {
      -ms-transform: rotate(0deg) scale(0.6);
       -webkit-transform: rotate(0deg) scale(0.6);
      transform: rotate(0deg) scale(0.6);
      }
  
      .mb-drop-sec{
          float: left;
          width: 100%;
          margin-top: 18px;
              border-top: 2px solid #ccc9;
          display: none;
      }
      .mb-drop-sec li{
              border-bottom: none !important;
      }
      .mb-drop-sec li a{
              font-family: helvetica-light !important;
      }
      .mb-exp-active{
          display: block;
      }
  
      .mb-dropdown a{
          width: 100%;
      }
  
  
      .add-sec {
          float: left;
          width: 100%;
          text-align: center;
          margin-top: 30px;
      }
      .foo-logo{
          float: left;
          text-align: center;
          display: flex;
          justify-content: center;
          margin-bottom: 20px;
      }
      .mb-sos-sec{
          float: left;
          width: 100%;
          margin-bottom: 40px;
      }
      .sos-sec ul li a {
          color: #fff;
          font-size: 24px;
      }
      .mb-sos-sec{
           
      }
      .mb-sos-sec ul{
              display: flex;
      justify-content: space-between;
      float: left;
      width: 100%;
      }
      .add-sec p{
          padding: 0;
      }
      .txt-cont {
          float: left;
          width: 100%;
      }
      .top-sec {
          float: left;
          width: 100%;
          margin-top: 30%;
      }
      .contact-sec {
          padding: 30px 20px;
      }
      .cont-form input {
          float: left;
          width: 100%;
          height: 50px;
      }
      .fm-grp textarea {
          float: left;
          width: 100%;
          height: 268px;
      }
      .contact-sec h2{
          font-size: 50px;
      }
      .cont-form label {
          margin-bottom: 20px;
      
      }
      .fm-grp {
          margin-bottom: 30px;
      }
      .gve-cont {
          float: left;
          padding-left: 0;
          width: 95%;
          margin-top: 30px;
      }
      .ways-cont {
          padding: 30px 20px 10px 20px !important;
      }
      .camp h2{
          font-size: 35px;
      }
      .map-txt-sec {
          float: left;
          width: 100%;
      }
      .art-hed{
          font-size: 25px;
      }
      .mb-full-cont{
          width: 100%;
          padding: 0;
      }
      .wid-full{
          width: 100%;
      }
      .chair-img-sec{
          padding: 20px 20px 0 20px;
      }
      .txt-gen-icon img {
          float: left;
         
          margin-right: 20px;
      }
  
      .foc-hed{
          font-size: 30px;
            
      }
      .foc-hed::after {
      content: "";
      width: 20%;
      height: 4px;
      background: ##f9c91000;
      display: inline-block;
      position: absolute;
      bottom: -40%;
      left: 0;
      right: 0;
      margin: 0 auto;
      }
      .foc-card{
            margin-bottom: 50px;
      }
      .foc-inn-sec div:nth-child(n+5) .foc-card{
          margin-bottom: 50px;
  
      }
      .up-card, .media-card{
              margin-bottom: 20px;
             
      }
      .up-card{
           height: auto;
      }
      .hm-hed-media {
   
      font-size: 30px;
   
      position: relative;
      padding-right: 0;
       
      }
      .hm-med-txt {
       
      font-size: 16px;
      
      }
      .end-sec-cont {
      float: left;
      width: 100%;
      padding: 0 0px;
      text-align: center;
      }
      .end-sec{
          height: auto;
      }
      .end-sec-cont p {
      float: left !important;
      letter-spacing: 0.01px !important;
      color: #FFFFFF !important;
      font-size: 18px !important;
      font-family: helvetica-light !important;
      margin-top: 40px !important;
      }
      .end-sec-cont h2{
          margin-top: 10px;
      }
      /* .ham-wout{
          display: none;	 
            
      }	 */
      .ham-wth{
          width: 50% !important;
          padding: 0;
          position: relative;
          top: 0px;
          left: 0px;
      }
      .search{
          float: right;
          width: 20%;
      }
      .srch-wht{
          width: 100% !important;
      position: relative;
      top: -3px;
      left: 3px;
      }	
      .end-sec-btns{
          display: flex;
          flex-direction: column;
      }
      .end-sec-btns button{
          width: 100%;
          margin-bottom: 15px;
      }
      .led-exp{
          font-size: 35px !important;
      }
      .whos:nth-child(3){
            margin-bottom: 15%;
      }
      .vid-sec iframe {
          width: 100%;
          height: 250px;
          border: none;
      }
  
      .full-bor-btm::after{
          content: "";
          background: #f9c91000;
  
      }
      .vis-hed::after, .rel-cont::after{
          content: "";
          background: #F9C910;
          position: absolute;
          left: 0;
          bottom: -30%;
          top: auto;
      }
      .lt-10::after{
          content: "";
          width: 30%;
      }
      .impact-slide{
          margin: 0;
      }
      .imp-silde {
          float: left;
          padding: 0;
      }
      .yel-header {
          font-family: helvetica-bold;
          font-size: 14px;
          line-height: 0;
          margin-left: 0;
          padding-left: 16px;
          background: #ebb700;
          position: relative;
          height: 30px;
          width: 80% !important;
          margin-bottom: 0;
          padding-left: 10px !important;
          margin-top: 15px;
      }
      .yel-header::before {
          content: '';
          position: absolute;
          bottom: 0;
          right: 0;
          border-bottom: 36px solid #f6f6f6;
          border-left: 30px solid #ebb700;
          width: 0;
      }
      .mb-btns-home .jn-btn button{
          width: 100%;
          margin-bottom: 15px;
      }
      .mb-btns-home .jn-btn{
          padding-bottom: 0;
      }
      .impact button{
          width: 100%;
      }
      .art-bx-img img{
          width: 100%;
      }
      .vid-tlt{
          display: none;
      }
      .owl-nav{
          display: none;
      }
  
      .media-slide .owl-nav{
          display: block;
          width: 100%;
          left: 0%;
          bottom: 0px;
          right: 0;
          margin: auto;
      }
  
      .media-slide .owl-nav .owl-prev{
              left: -65%;
      }
  
  
      .media-slide .owl-nav .owl-prev span, .media-slide .owl-nav .owl-next span{
          display: none;
      }
  
      .media-slide .owl-nav .owl-next{
              right: -65%;
      }
  
      .mb-vis-resos{
      position: relative;
      z-index: 2;
      margin: 0;
      }
      .mb-vis-resos .item{
          padding: 0;
  
      }
  
      .impact-blu .container{
              padding: 0 10px;
      }
  
      .pnt-sec .container{
          padding: 0
      }
  
      .pnt-sec .partner-sec{
          padding: 0;
      }
  
      .home-mb h2{
          font-size: 35px;
  
      }
  
      .abt-dnt-btn{
          margin: 0;
          margin-top: 15px;
      }
  
      .cont-form-sec{
          margin-left: 0;
          width: 100%;
      }
      .no-line::after {
          content: "";
          background: transparent;
      }
  
      .donate-container{
          padding: 0 20px;
      }
  
      .donate-container .card-tlt{
          font-size: 22px;
      }
  
      .dont-card-sec{
          width: 100%;
          float: left;
          margin: auto;
          margin-left: 0;
          padding: 0;
              margin-bottom: 30px;
      }
  
      .donate-container .card-innn{
          margin: 0;
      }
      .card-innn
      {
        margin-left: 0px !important;
      }
      .lrn-card a{
          font-size: 16px;
      }
  
      .col-xs-mt-25{
          margin-top: 25px;
      }
  
  
      .col-xs-no-pd{
          padding: 0 0;
      }
  
      .btn-donat{
          margin-bottom: 12px;
      }
  
      .donate-container .dont-inn-tlt{
          font-size: 20px;
      }
  
      .donate-container .dont-inn-sz{
          font-size: 18px;
      }
  
      .dont-inp{
          margin-bottom: 12px;
      }
  
      .donat-inn-txt{
          margin-bottom: 12px;
      }
      .donat-address .dont-inp {
          margin-bottom: 12px;
      }
  
      .wrap-drop span {
          color: #757575;
          font-size: 16px;
          position: relative;
          left: 0;
          padding: 0 35px 0 25px;
      }
  
      .wrap-drop{
          height: auto;
      }
  
      .chk-frm{
          display: flex;
      }
  
      .chk-frm label{
          position: relative;
      left: 10px;
      }
  
      #noble-country{
              height: 44px;
      }
  
      .thk-card{
          display: block;
      }
  
      .trm-sec h2, .dont-ext h3{
          font-size: 30px;
      }
  
      .thk-bg img{
          width: 100%;
      }
  
      .xs-mb-40{
          margin-bottom: 40px;
      }
  
  
  
      .doation_receipt {
          float: left;
          width: 100%;
          background: #F6F6F6;
          padding: 20px 15px;
         }
  
         .rept-hed h2 {
          float: left;
          font-size: 20px;
      }
  
      .rept-hed p a {
          font-size: 12px;
      }
  
      .xs-mb-30{
          margin-bottom: 30px;
      }
  
      .rpt-txt {
          font-size: 16px !important;
          font-family: helvetica-light !important;
      }
  
      .lst-indv{
              display: flex;
          flex-direction: column;
      }
  
      .prt-lst-img{
              width: 100%;
          text-align: center;
      }
  
      .prt-lst-img img{
          width:  auto;
      }
  
      .prt-txt-sec{
              width: 100%;
              padding: 0;
      }
  
      .input-resrh-srch{
          padding: 0 10px 0 60px;
              margin-bottom: 10px;
      }
  
      .btn-resrc-srch{
          position: relative;
      width: 100%;
      }
  
      .input_resorce{
              margin-bottom: 100px;
      }
  
      .ref-doc-sec {
          padding-left: 0;
          float: left;
          margin-top: 50px;
      }
  
  
  
  
  }
  
  
  @media screen and (min-width: 720px) and (max-width: 1024px) {
  
  
      .media-slide{
              width: 86%;
      }
  
      .media-slide .owl-nav .owl-prev span, .media-slide .owl-nav .owl-next span{
          display: none;
      }
  
  
      .container {
      width: 750px;
      padding: 0 5%;
      }
      .foc-hed{
  
      }
      /* .vid-sec .container{
          width: 100%;
          padding: 0 0%;
      } */
      .vid-tlt{
          display: none;
      }
      .mb-cont-fluid{
              width: 100%;
      padding: 0;
      }
      .cont-form input {
      float: left;
      width: 100%;
      height: 50px;
      }
      .fm-grp textarea {
          float: left;
          width: 100%;
          height: 268px;
      }
      .search-module .nav-trigger {
          top: 30px;
          right: 10px;
          left: inherit;
          z-index: 1;
      }
  
  .txt-cont {
          float: left;
          width: 100%;
      }
    .head-top-strip, .head-nav, .hed-rht-btns{
        display: none;
    }
    .card-para, .lc-add{
        font-size: 18px;
    }
       .gve-cont {
          float: left;
          padding-left: 0;
          width: 95%;
          margin-top: 30px;
      }
      .ways-cont {
          padding-top: 30px !important;
      padding-bottom: 30px !important;
      }
  
      .banner {
      height: 400px;
      padding: 20px 50px;
  }
  
    .home-bg-banner{
        height: 100vh;
        padding: 20px 50px;
      z-index: 1;
    }
    .home-bg-banner .container {
          z-index: 2;
          padding: 0;
          width: 100%;
      }
    .vert-cen{
        display: block;
    }
    .left-img-sec{
            clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
            -webkit-clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
    }
    .card-rht-txt{
        flex-direction: column;
        padding-bottom: 50px;
        padding: 0 30px 50px 30px;
    }
    .txt-gen-icon {
      float: left;
      width: 50px;
      margin-right: 20px;
      margin-bottom: 25px;
      margin-top: 20px;
      flex-direction: column;
      width: 100%;
    }
        .side-icn {
          float: left;
          width: 50px;
          margin-bottom: 20px;
      }
      .side-txt {
          width: 85%;
          margin-left: 0;
      }
    .card-left{
           
      }
    .card-left-txt {
     padding: 0 30px 50px 30px;
      display: block;
    }
    .component-hero-banner .mobile .btns a:first-of-type {
      margin-bottom: 0;
      }
    .mb-card{
        display: flex;
      flex-direction: column-reverse;
    }
    .rht-img-sec{
            clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
            -webkit-clip-path: polygon(0% 100%,100% 60%,100% 0,0% 0);
    }
    .dont-sec {
          float: left;
      width: 100%;
      
      flex-direction: column;
      margin-bottom: 53px;
      
    }
    .invil-txt{
         
        font-size: 18px;
    }
    .invol-hed{
        font-size: 36px;
    }
    .cont-banner{
            align-items: flex-end;
    }
    .mb-act-row{
        display: block;
    }
    .art-bx{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .mb-rd-mre{
        float: left;
        font-size: 18px;
        color: #4687DB;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 20px;
    }
    .art-sec{
        padding: 50px 0px;
    }
    .art-bx-img{
        width: 100%;
    }
    .art-bx-img img{
        width: 100%;
    }
    .vis-sub-txt{
        font-size: 20px !important;
    }
    .resos-btn{
        margin-top: 30px;
    }
    .partner-sec{
        padding: 0 0px;
    }
    .pnt-hed{
        font-size: 34px;
    }
    .whoprt{
            width: 80%;
    }
    .whos {
      position: relative;
      margin-bottom: 10%;
      height: 329px;
      }
      .whos img{
          height: 100%;
          object-fit: cover;
      }
    .app-mb-chng{
        display: flex;
      flex-direction: column-reverse;
    }
    .app-mb-chng .card-left-txt{
        margin-top: 20px;
    }
    .app-ded::after {
      content: "";
      float: left;
      width: 20%;
      height: 4px;
      background: #F9C910;
      position: absolute;
      top: auto;
      bottom: -20%;
      left: 0;
      }
      .foo-clr-hed, .foo-nav ul li a, .add-sec p{
          font-size: 18px;
      }
      .card-tlt{
          font-size: 34px;
      }
      .brws-btn{
          width: 100%;
      }
      .mb-rel-flx{
          display: block;
      }
      .mb-foo-row{
          padding: 0 20px;
      }
      .ptrn-sec-up {
      position: absolute;
      left: 0;
      top: 0;
      width: 70%;
      }
      .header-btm-strip-mb{
          float: left;
      width: 100%;
      margin-top: 20px;
      }
      .ham{
          float: left;
          width: 20%;
          padding: 3% 18px 0 0;
              cursor: pointer;
      }
      .ham img{
          width: 30%;
      }
      .ham-wout {
          display: none;
      }
      .cls img{
          width: 30%;
      }
      .mb-logo{
              float: left;
          width: 60%;
          text-align: center;
          display: flex;
          justify-content: center;
          padding: 0 10%;
          cursor: pointer;
      }
      .mb-search{
          float: left;
          width: 20%;
          padding: 2% 0 1% 18px;
  
              cursor: pointer;
      }
      .foc-card{
            margin-bottom: 50px;
      }
      .foc-inn-sec div:nth-child(n+5) .foc-card{
          margin-bottom: 50px;
  
      }
      .up-card{
              margin-bottom: 20px;
      }
      .med-sec {
          margin-top: 30px;
          float: left;
          width: 100%;
      }
      .end-sec{
          height: auto;
      }
      .end-sec .container{
          padding: 0;
          width: 100%;
      }
      .mb-search img{
              width: 30%;
      float: right;
      }
      .banner-sec {
      float: left;
      margin-top: 17%;
        
      }
      .mb-exp-nav{
          float: left;
          width: 100%;
          background: #F6F6F6;
              padding: 20px 100px;
          position: fixed;
          z-index: 1;
          height: 95%;
          top: 8rem;
          z-index: 4;
          display: none;
      }
  
      .top-txt-nav{
          display: flex;
          justify-content: space-between;
          width: 100%;
      }
      .mb-exp-nav ul li{
          float: left;
   
      }
      .mb-exp-nav ul li:last-child{
          padding-right: 0;
          border: none;
      }
      .dropdown-menu{
          position: absolute !important;
      }
      .dropdown-menu li{
              width: 100%;
      }
      .mb-sos{
          float: left;
          width: 100%;
          padding-top: 20px;
          border-top: 1px solid #000;
          margin-top: 0px;
  
      }
      .mb-sos ul{
              padding: 0;
      float: left;
      width: 100%;
      display: flex;
      justify-content: space-between;
  
      }
      .mb-sos ul li{
          list-style: none;
              font-size: 24px;
      }
      .mb-sos ul li a{
          color: #000;
      }
      .mb-exp-nav ul li a{
          color: #000;
           
      }
      .mb-nav{
          float: left;
          width: 100%;
              margin-top: 30px;
      }
      .mb-nav ul{
          padding: 0;
              flex-direction: column;
      }
      .mb-nav ul li{
          float: left;
          list-style: none;
          width: 100%;
          padding: 18px 0;
          border-bottom: 2px solid #ccc9;
          position: relative;
      }
  
      .yel-header {
          font-family: helvetica-bold;
          font-size: 14px;
          line-height: 0;
          margin-left: 0;
          padding-left: 16px;
          background: #ebb700;
          position: relative;
          height: 30px;
          width: 100% !important;
          margin-bottom: 0;
          padding-left: 10px !important;
          margin-top: 15px;
      }
      .jn-btn button{
          width: 49%;
      }
  
      .yel-header::before {
          content: '';
          position: absolute;
          bottom: 0;
          right: 0;
          border-bottom: 30px solid #f6f6f6;
          border-left: 30px solid #ebb700;
          width: 0;
      }
  
      .mb-nav ul li a{
          float: left;
          font-size: 18px;
          letter-spacing: 0.04px;
          font-weight: 700;
          font-family: helvetica-medium;
          position: relative;
          text-decoration: none;
      }
      .mb-nav ul li a span{
          font-weight: 100;
          font-family: helvetica-light;
      }
       
      .dropdown-menu{
          background: #f6f6f6;
      }
  
      .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
      display: table;
      content:none;
      }
  
      .jn-btn{
          float: left;
          width: 100%;
          margin-top: 40px;
      }
      .mb-open-icon {
      height: 26px;
      width: 26px;
      display: block;
      float: right;
      cursor: pointer;
      position: absolute;
      right: 0vw;
      top: -30%;
      }
      .mb-open-icon:before {
      background: #000;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 21px;
      right: 13px;
      width: 25px;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -o-transition: 200ms;
      -webkit-transition: 200ms;
      transition: 200ms;
      }
      .mb-open-icon:after {
      background: #000;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 21px;
      right: 13px;
      width: 25px;
      -o-transition: 200ms;
      -webkit-transition: 200ms;
      transition: 200ms;
      }
      .mb-expand .mb-open-icon:before {
      -ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg); 
       transform: rotate(0deg); 
      }
  
      .mb-drop-sec{
          float: left;
          width: 100%;
          margin-top: 18px;
              border-top: 2px solid #ccc9;
          display: none;
      }
      .mb-drop-sec li{
              border-bottom: none !important;
      }
      .mb-drop-sec li a{
              font-family: helvetica-light !important;
      }
      .mb-exp-active{
          display: block;
      }
  
      .mb-dropdown a{
          width: 100%;
      }
  
      .txt-gen-icon img {
  
       
  
      }
      .whos:nth-child(3){
            margin-bottom: 0%;
      }
  
      .cont-form-sec{
          margin-left: 0;
          width: 100%;
      }
  
   
  
  
  }
  
  
  @media screen and (min-width: 720px) and (max-width: 1024px) and (orientation: landscape){
      .container {
          width: 100%;
      padding: 0 0px;
      }
  
   
    .head-top-strip, .head-nav, .hed-rht-btns{
               display: flex;
    }
    .header-nav-stick {
      padding: 0 15px;
      }
      .navbar-nav {
      float: right;
      margin: 0;
      }
    .card-para{
        font-size: 16px;
    }
    .banner{
        height: 400px;
            padding: 20px 20px;
    }
    .vert-cen{
            display: flex;
    }
    .left-img-sec{
            clip-path: polygon(0% 100%,80% 100%,100% 0,0% 0);
            -webkit-clip-path: polygon(0% 100%,80% 100%,100% 0,0% 0);
    }
    .card-rht-txt{
        flex-direction: row;
        padding-bottom: 0px;
    }
    .txt-gen-icon {
      float: left;
          width: 300px;
      margin-right: 20px;
      margin-bottom: 25px;
      margin-top: 20px;
    }
    .card-left{
           
      }
    .card-left-txt {
         padding: 0 20px 0px 20px;
          display: flex;
    }
    .mb-card{
        display: flex;
      flex-direction: row;
    }
    .rht-img-sec{
            clip-path: polygon(0% 100%,100% 100%,100% 0%,20% 0);
            -webkit-clip-path: polygon(0% 100%,100% 100%,100% 0%,20% 0);
    }
    .dont-sec {
          float: left;
      width: 100%;
          padding: 0 20px;
      
      flex-direction: column;
      margin-bottom: 53px;
  
      
    }
    .invil-txt{
             padding: 0 500px 0 0;
        font-size: 16px;
    }
    .invol-hed{
        font-size: 36px;
    }
    .cont-banner{
            align-items: flex-end;
    }
    .mb-act-row{
        display: flex;
    }
    .art-bx{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .mb-rd-mre{
            float: left;
      font-size: 16px;
      color: #4687DB;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 20px;
      display: block !important;
    }
    .art-sec{
        padding: 50px 20px;
    }
    .art-bx-img{
        width: 100%;
    }
    .art-bx-img img{
        width: 100%;
    }
    .vis-sub-txt{
        font-size: 16px !important;
    }
    .resos-btn{
        margin-top: 60px;
    }
    .partner-sec{
        padding: 0 15px;
    }
    .pnt-txt{
            font-size: 20px;
  
  
    }
    .pnt-hed{
        font-size: 34px;
  
    }
    .whoprt{
            width: 80%;
    }
    .art-txt{
            font-size: 20px;
    }
    .whos {
      position: relative;
      margin-bottom: 5%;
      }
    .app-mb-chng{
        display: flex;
      flex-direction: row;
    }
    .app-mb-chng .card-left-txt{
        margin-top: 20px;
    }
    .app-ded::after {
      content: "";
      float: left;
      width: 20%;
      height: 4px;
      background: #F9C910;
      position: absolute;
      top: auto;
      bottom: -20%;
      left: 0;
      }
      .foo-clr-hed, .foo-nav ul li a, .add-sec p{
          font-size: 18px;
      }
      .card-tlt{
          font-size: 34px;
      }
      .brws-btn{
          width: auto;
      }
      .mb-rel-flx{
          display: flex;
      }
      .mb-foo-row{
          padding: 0 35px;
      }
      .ptrn-sec-up {
      position: absolute;
      left: 0;
      top: 0;
          width: 20%;
      }
      .header-btm-strip-mb{
          float: left;
      width: 100%;
      margin-top: 20px;
      }
      .ham{
          float: left;
          width: 20%;
              padding: 0 18px 0 0;
              cursor: pointer;
      }
      .ham img{
          width: 30%;
      }
      .cls img{
          width: 20%;
      }
      .mb-logo{
              float: left;
          width: 60%;
          text-align: center;
          display: flex;
          justify-content: center;
          padding: 0 18%;
          cursor: pointer;
      }
      .mb-search{
          float: left;
          width: 20%;
             padding: 0 0 0 18px;
              cursor: pointer;
      }
      .mb-search img{
              width: 30%;
      float: right;
      }
      .banner-sec {
      float: left;
      margin-top: 12%;
        
      }
      .banner p{
              width: 50%; 
      }
      .mb-exp-nav{
          float: left;
          width: 100%;
          background: #F6F6F6;
              padding: 20px 100px;
          position: fixed;
          z-index: 1;
          height: 95%;
          top: 13rem;
          z-index: 2;
          display: none;
      }
  
      .mb-exp-nav ul{
          display: flex;
          justify-content: space-between;
          width: 100%;
      }
      .mb-exp-nav ul li{
          float: left;
   
      }
      .mb-exp-nav ul li:last-child{
          padding-right: 0;
      }
      .dropdown-menu{
          position: absolute !important;
      }
      .dropdown-menu li{
              width: 100%;
      }
      .mb-sos{
          float: left;
          width: 100%;
          padding-top: 20px;
          border-top: 1px solid #000;
          margin-top: 0px;
  
      }
      .mb-sos ul{
              padding: 0;
      float: left;
      width: 100%;
      display: flex;
      justify-content: space-between;
  
      }
      .mb-sos ul li{
          list-style: none;
              font-size: 24px;
      }
      .mb-sos ul li a{
          color: #000;
      }
      .mb-exp-nav ul li a{
          color: #000;
          text-transform: uppercase;
      }
      .mb-nav{
          float: left;
          width: 100%;
              margin-top: 30px;
      }
      .mb-nav ul{
          padding: 0;
              flex-direction: column;
      }
      .mb-nav ul li{
          float: left;
          list-style: none;
          width: 100%;
          padding: 18px 0;
          border-bottom: 2px solid #ccc9;
          position: relative;
      }
      .mb-nav ul li a{
          float: left;
          font-size: 18px;
          letter-spacing: 0.04px;
          font-weight: 700;
          font-family: helvetica-medium;
          position: relative;
      }
      .mb-nav ul li a span{
          font-weight: 100;
          font-family: helvetica-light;
      }
      .mb-nav ul li::after{
          content: "";
          background: url('../images/add.svg') center no-repeat;
          display: inline-block;
          width: 20px;
          height: 20px;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
      }
      .dropdown-menu{
          background: #f6f6f6;
      }
  
      .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
      display: table;
      content:none;
      }
  
      
  
  }
  
  
  
  @media screen and (min-width: 1024px) and (max-width: 1440px){
      .container {
          width: 100%;
      padding: 0 0px;
      }
      .mb-full-cont{
          width: 100%;
      }
  
       .abt-top-cont{
           margin-top: 0px;
       }
  
  .media-slide{
          transform: scale(0.8);
  }
  
  
      .part-img-sec{
          margin-top: 0;
      }
  
      .pnt-txt{
          margin-bottom: 5%;
      }
  
  .mg-menu {
      position: fixed !important;
      top: 0;
      width: 100vw;
      left: 0;
          top: 13rem;
      border: none;
      box-shadow: none;
  }
    .head-top-strip, .head-nav, .hed-rht-btns{
              display: flex;
    }
    .header-nav-stick {
      padding: 0 15px;
      }
      .navbar-nav {
      float: right;
      margin: 0;
      }
    .card-para{
        font-size: 16px;
    }
    .banner{
        height: 400px;
            padding: 20px 20px;
            padding-left: 100px;
            padding-bottom: 70px;
    }
    .home-bg-banner{
        height: 600px;
    }
    .home-bg-banner h2{
        padding-bottom: 3%;
        padding-top: 40px;
    }
  .end-sec{
      height: auto;
       
  }
    .vert-cen{
            display: flex;
    }
    .left-img-sec{
            clip-path: polygon(0% 100%,80% 100%,100% 0,0% 0);
            -webkit-clip-path: polygon(0% 100%,80% 100%,100% 0,0% 0);
    }
    .card-rht-txt{
        flex-direction: row;
        padding-bottom: 0px;
        padding-left: 100px;
      padding-right: 20px;
    }
    .card-rht-txt .txt-gen-icon{
     
    }
    .txt-gen-icon {
      float: left;
          width: 100%;
      margin-right: 20px;
      margin-bottom: 25px;
      margin-top: 20px;
    }
    .card-left{
           
      }
    .card-left-txt {
         padding: 40px 20px 40px 20px;
          display: flex;
              padding-left: 100px;
    }
    .gve-cont {
      float: left;
      padding-left: 0;
      width: 95%;
      }
      .map-txt-sec {
          padding-left: 100px;
      }
    .mb-card{
        display: flex;
      flex-direction: row;
    }
    .rht-img-sec{
            clip-path: polygon(0% 100%,100% 100%,100% 0%,20% 0);
            -webkit-clip-path: polygon(0% 100%,100% 100%,100% 0%,20% 0);
    }
    .dont-sec {
          float: left;
      width: 100%;
          padding: 0 20px;
      
      flex-direction: column;
   
          padding-left: 100px;
  
      
    }
    .invil-txt{
          padding: 0 50% 0 0;
          font-size: 21px;
          line-height: 27px;
          letter-spacing: 0.5px;
  
    }
    .invol-hed{
        font-size: 36px;
    }
    .cont-banner{
            align-items: center;
    }
    .mb-act-row{
        display: flex;
    }
    .art-bx{
  /*  	margin-bottom: 20px;*/
        padding-bottom: 20px;
    }
    .mb-rd-mre{
            float: left;
      font-size: 16px;
      color: #4687DB;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 20px;
      display: block !important;
    }
    .art-sec{
        padding: 50px 20px;
    }
    .abt-resrc {
      padding-left: 100px;
      padding-right: 100px;
  }
    .art-bx-img{
        width: 100%;
    }
    .art-bx-img img{
        width: 100%;
    }
    .vis-sub-txt{
        font-size: 16px !important;
    }
    .resos-btn{
        margin-top: 60px;
    }
    .partner-sec{
        padding: 0 15px;
    }
    .pnt-txt{
            font-size: 20px;
  
  
    }
    .pnt-hed{
        font-size: 34px;
  
    }
    .whoprt{
          width: auto;
    }
    .art-txt{
            font-size: 20px;
    }
    .whos {
      position: relative;
      margin-bottom: 5%;
      }
    .app-mb-chng{
        display: flex;
      flex-direction: row;
    }
    .app-mb-chng .card-left-txt{
        margin-top: 20px;
    }
    .app-ded::after {
      content: "";
      float: left;
      width: 20%;
      height: 4px;
      background: #F9C910;
      position: absolute;
      top: auto;
          bottom: -40%;
      left: 0;
      }
      .foo-clr-hed, .foo-nav ul li a, .add-sec p{
          font-size: 18px;
      }
      .card-tlt{
          font-size: 34px;
      }
      .brws-btn{
          width: auto;
      }
      .mb-rel-flx{
          display: flex;
      }
      .mb-foo-row{
          padding: 0 100px;
          float: left;
      }
      .ptrn-sec-up {
      position: absolute;
      left: 0;
      top: 0;
          width: 20%;
      }
      .header-btm-strip-mb{
          float: left;
      width: 100%;
      margin-top: 20px;
      }
      .ham{
          float: left;
          width: 20%;
              padding: 0 18px 0 0;
              cursor: pointer;
      }
      .ham img{
          width: 30%;
      }
      .cls img{
          width: 20%;
      }
      .mb-logo{
              float: left;
          width: 60%;
          text-align: center;
          display: flex;
          justify-content: center;
          padding: 0 18%;
          cursor: pointer;
      }
      .mb-search{
          float: left;
          width: 20%;
             padding: 0 0 0 18px;
              cursor: pointer;
      }
      .mb-search img{
              width: 30%;
      float: right;
      }
      .banner-sec {
      float: left;
      margin-top: 12%;
        
      }
      .banner p{
              width: 50%; 
      }
      .end-sec-cont p{
          width: 100%;
      }
      .end-sec-btns {
          float: left;
          width: 100%;
          margin-top: 50px;
      }
      .mb-exp-nav{
          float: left;
          width: 100%;
          background: #F6F6F6;
              padding: 20px 100px;
          position: fixed;
          z-index: 1;
          height: 95%;
          top: 13rem;
          z-index: 2;
          display: none;
      }
  
      .mb-exp-nav ul{
          display: flex;
          justify-content: space-between;
          width: 100%;
      }
      .mb-exp-nav ul li{
          float: left;
   
      }
      .mb-exp-nav ul li:last-child{
          padding-right: 0;
      }
      .dropdown-menu{
          position: absolute;
      }
      .dropdown-menu li{
              width: 100%;
      }
      .mb-sos{
          float: left;
          width: 100%;
          padding-top: 20px;
          border-top: 1px solid #000;
          margin-top: 0px;
  
      }
      .mb-sos ul{
              padding: 0;
      float: left;
      width: 100%;
      display: flex;
      justify-content: space-between;
  
      }
      .mb-sos ul li{
          list-style: none;
              font-size: 24px;
      }
      .mb-sos ul li a{
          color: #000;
      }
      .mb-exp-nav ul li a{
          color: #000;
          text-transform: uppercase;
      }
      .mb-nav{
          float: left;
          width: 100%;
              margin-top: 30px;
      }
      .mb-nav ul{
          padding: 0;
              flex-direction: column;
      }
      .mb-nav ul li{
          float: left;
          list-style: none;
          width: 100%;
          padding: 18px 0;
          border-bottom: 2px solid #ccc9;
          position: relative;
      }
      .mb-nav ul li a{
          float: left;
          font-size: 18px;
          letter-spacing: 0.04px;
          font-weight: 700;
          font-family: helvetica-medium;
          position: relative;
      }
      .mb-nav ul li a span{
          font-weight: 100;
          font-family: helvetica-light;
      }
      .mb-nav ul li::after{
          content: "";
          background: url('../images/add.svg') center no-repeat;
          display: inline-block;
          width: 20px;
          height: 20px;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
      }
      .dropdown-menu{
          background: ##ffffff;
      }
  
      .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
      display: table;
      content:none;
      }
  
        .abt-sec .hmv{
      color: #000;
  }
  .abt-sec{
  float: left;
      width: 100%;
      padding: 40px 100px;
      background: #fff;
  }
  .abt-sec p, .abt-sec a{
      color: #000;
      width: 100%;
  }
  .txt-gen-icon img {
   
      }
  
  }
  
  
  
  @media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait){
      .mg-menu {
      position: fixed !important;
      top: 0;
      width: 100vw;
      left: 0;
      top: 9%;
      border: none;
      box-shadow: none;
  }
  }