.slider,
    .slick-slide { height: 400px }



    .course-catalog-left, .course-catalog-left p, .course-catalog-left li {
        color: #fff!important
    }

    @media (max-width: 1024px )  {
        .slider,
        .slick-slide { min-height: 800px; height: auto }  

        .cousre-catalog-right,
        .course-catalog-left {
            height: 400px
        }

        .slider-button {
            text-align: center; 
        }
    
        .course-catalog-right img {
            margin: 0 auto
        }        
    }

    .course-catalog-section h2 {
        font-weight: 700;
        font-family: "Open Sans", sans-serif;
        font-size: 38px;    
        text-transform: none; 
        letter-spacing: 0;
        line-height: 1.2;
    }

    .course-catalog-section h3 {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 3px;
    }

  /* Slider */
  .slick-loading .slick-list
  {
      background: #fff url('./ajax-loader.gif') center center no-repeat;
  }

  /* Icons */
  @font-face
  {
      font-family: 'slick';
      font-weight: normal;
      font-style: normal;
      src: url('./fonts/slick.eot');
      src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
  }


  /* Dots */
  .slick-dotted.slick-slider
  {
      margin-bottom: 30px;
  }

  .slick-dots
  {
      position: absolute;
      bottom: -25px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
  }
  .slick-dots li
  {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
  }
  .slick-dots li button
  {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus
  {
      outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before
  {
      opacity: 1;
  }
  .slick-dots li button:before
  {
      font-family: 'slick';
      font-size: 26px;
      line-height: 20px;

      position: absolute;
      top: 0;
      left: 0;

      width: 20px;
      height: 20px;

      content: '•';
      text-align: center;

      opacity: .25;
      color: black;

      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before
  {
      opacity: .75;
      color: black;
  }