@media (min-width: 1680px) and (max-width: 2400px) {
  
    .net-zoals {
       width: 312px;
       position: relative;
       top: -18%;
       left: 5%;
       rotate: -2deg;
    }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    .container {
        max-width: 100% !important;
        padding: 0px 30px !important;
    }
    .header h1 {
        font: normal normal normal 70px/26px  "Scrapbooker)";
        margin-top: 0px;
        text-align: center;
        margin-top: 30px;
      }
      .header h2 {
        text-align: center;
        font: normal normal normal 55px/66px "Bely";
        letter-spacing: 0px;
        color: #73896E;
        opacity: 1;
        margin-left: 0px;
    }
    .header button {
        margin: 0px auto;
        display: block;
    }
    .d-none-22{
        display: block !important;
    }
    .d-none-23{
        display: none !important;
    }
    .img-fluid-22 {
        max-width: 100%;
        height: 400px;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    .header p {
        text-align: left;
        font: normal normal 300 16px/19px 'Montserrat', sans-serif;
        letter-spacing: 0px;
        color: #000000;
        margin-left: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        max-width: auto;
        padding: 0px 0px;
    }
      .header h3 {
        transform: none;
        text-align: center;
        font: normal normal normal 30px/35px "Scrapbooker";
        max-width: auto;
      }
      footer h3 {
        text-align: center;
        font: normal normal normal 50px/63px "Scrapbooker";
        font-style: italic;  
      }
      .circle-sec {
        position: relative;
        margin: 0px 0px 0px;
      }
      .circle-1, .circle-2, .circle-3, .circle-4, .circle-5, .circle-6, .circle-7, .circle-8, .circle-9, .circle-10, .circle-11, .circle-12{
        position: relative;
        top:0px;
        left: 0px;
        display: none;
      }
      .circle-cotent p, .circle-cotent .icfd, .circle-14, .circle-15, .circle-18, .circle-19, .circle-20, .circle-21, .circle-22, .circle-23, .circle-24, .circle-25 {
        position: relative;
        top:0px;
        left: 0px;
        display: none;
      }
      .circle-13{
        position: absolute;
        top: 104px;
        left: -43px;
      } 
      .circle-16{
        position: absolute;
        top: 0px;
        left: 70px;
        width: 171px;
        height: 171px;
        background: #96A898; 
        text-align: center;
        font: normal normal normal 14px/18px 'Montserrat', sans-serif;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        padding: 70px 0px;
      } 
      .header {
        height: auto;
        margin-bottom: 268px;
      }
      .circle-17{
        position: absolute;
        top: 78px;
        left: 84%;
      } 
      .circle-cotent{
        position: relative;
        top: 250px;
        left: 0px;
        width: 100%;
      }
      footer p.ps-md-4 {
        margin-left: 0px;
        text-align: center;
      }
      .t-logo.text-end.w-100.d-block {
        text-align: center !important;
    }
    html, body{
        overflow-x: hidden !important; 

    }
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    .container {
        max-width: 100% !important;
        padding: 0px 30px !important;
    }
    .header h1 {
        font: normal normal normal 70px/26px  "Scrapbooker)";
        margin-top: 0px;
        text-align: center;
        margin-top: 30px;
      }
      .header h2 {
        text-align: center;
        font: normal normal normal 55px/66px "Bely";
        letter-spacing: 0px;
        color: #73896E;
        opacity: 1;
        margin-left: 0px;
    }
    .header button {
        margin: 0px auto;
        display: block;
    }
    .d-none-22{
        display: block !important;
    }
    .d-none-23{
        display: none !important;
    }
    .img-fluid-22 {
        max-width: 100%;
        height: 400px;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    .header p {
        text-align: left;
        font: normal normal 300 16px/19px 'Montserrat', sans-serif;
        letter-spacing: 0px;
        color: #000000;
        margin-left: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        max-width: auto;
        padding: 0px 0px;
    }
      .header h3 {
        transform: none;
        text-align: center;
        margin-bottom: 30px;
        max-width: auto;
      }
      .header h3  a{
            font: normal normal normal 30px/35px "Scrapbooker";
     }
     .gfdgf {
            margin-left: 0px;
     }
      footer h3 {
        text-align: center;
        font: normal normal normal 50px/63px "Scrapbooker";
        font-style: italic;  
      }
      .circle-sec {
        position: relative;
        margin: 0px 0px 0px;
      }
      .circle-1, .circle-2, .circle-3, .circle-4, .circle-5, .circle-6, .circle-7, .circle-8, .circle-9, .circle-10, .circle-11, .circle-12{
        position: relative;
        top:0px;
        left: 0px;
        display: none;
      }
      .circle-cotent p, .circle-cotent .icfd, .circle-14, .circle-15, .circle-18, .circle-19, .circle-20, .circle-21, .circle-22, .circle-23, .circle-24, .circle-25 {
        position: relative;
        top:0px;
        left: 0px;
        display: none;
      }
      
      footer h6 {
         margin-left: 20px;
      }
      .header {
        height: auto;
        margin-bottom: 268px;
      }
      .circle-17, .circle-16, .circle-13{
           display: none;
      } 
      .circle-cotent{
        position: relative;
        top: 250px;
        left: 35px;
        width: 100%;
      }
      .slider-services{
           height:300px;
       }
       .slick-slide.slick-cloned, .slick-slide.slick-active, .slick-slide{
          display: inline-block;
       }
      .img-sss {
           max-width: 100%;
           height: auto;
      }
      footer p.ps-md-4 {
        margin-left: 0px;
        text-align: center;
      }
      .t-logo.text-end.w-100.d-block {
        text-align: center !important;
    }
    html, body{
        overflow-x: hidden !important; 

    }
    .header.header-2{
        padding: 20px;
        height: auto !important;
        margin: 40px 0px;
    }
    .header.header-2  h1{
        text-align: left;
    }
    .img-fluid-23 {
        height: 355px;
        top: 0px;
        width: 354px;
    }
    .header.header-2 h3 {
        transform: none !important;
        text-align: center !important;
        max-width: auto;
    }
    .header.header-2 h3 a{
        font: normal normal normal 30px/35px "Scrapbooker";
    }
    .header.header-2 .col-md-4 {
      width: 100%;
    }
    .header.header-2 .row {
      display: flex;
      flex-direction: column;
    }
    .header h3 span.me-2 {
       margin-left: -34px !important;
    }
    .net-zoals {
       width: 83%;
       position: relative;
       top: -79px;
       left: 9%;
       rotate: -2deg;
    }
    
  }

.slider-services .slick-dots {
    position: relative;
    bottom: 0;
    z-index: 12;
    width: 100%;
    text-align: center;
    padding-left: 0px;
}
.slider-services .slick-dots li {
  background: #fff;
  border: 1px solid #A4BE9A;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  padding: 0px 0px;
  margin-left: 10px;
  cursor: pointer;
}
.slider-services li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px;
}
.slick-dots li.slick-active{background:#A4BE9A;width:50px;border-radius:5px;}
.slider-services li button:hover, .slider-services li button:focus{
   background: transparent;
    width: 0px;
    height: 0px;

}