$(function () {
  var html = $('html, body'),
    navContainer = $('.nav-container'),
    navToggle = $('.nav-toggle'),
    navDropdownToggle = $('.has-dropdown');


  // Nav toggle
  navToggle.on('click', function (e) {
    var $this = $(this);
    e.preventDefault();
    $this.toggleClass('is-active');
    navContainer.toggleClass('is-visible');
    html.toggleClass('nav-open');
  });

  // Nav dropdown toggle
  navDropdownToggle.on('click', function () {
    var $this = $(this);
    $this.toggleClass('is-active').children('ul').toggleClass('is-visible');
  });

  // Prevent click events from firing on children of navDropdownToggle
  navDropdownToggle.on('click', '*', function (e) {
    e.stopPropagation();
  });


});

$(document).ready(function () {
  $(".sc_slider_main").owlCarousel({
    items: 1,
    responsive: {
      1200: {items: 1}, // breakpoint from 1200 up
      982: {items: 1},
      768: {items: 1},
      480: {items: 1},
      0: {items: 1}
    },
    rewind: false,
    autoplay: true,
    autoplayTimeout: 4000,
    autoplayHoverPause: false,
    smartSpeed: 500, //slide speed smooth
    dots: true,
    dotsEach: false,
    loop: true,
    nav: true,
    navText: ['', ''],
    autoWidth: false,
    margin: 10,
    lazyContent: false,
    lazyLoad: false,
    animateIn: false,
    animateOut: false,
    center: false,
    URLhashListener: false,
    video: false,
    videoHeight: false,
    videoWidth: false
  });

  $(".slider_features").owlCarousel({
    items: 5,
    responsive: {
      1200: {items: 4},
      982: {items: 4},
      768: {items: 3},
      480: {items: 2},
      0: {items: 1}
    },
    loop: true,
    rewind: false,
    autoplay: true,
    autoplayTimeout: 4000,
    autoplayHoverPause: false,
    smartSpeed: 500,
    dots: false,
    dotsEach: false,
    nav: true,
    navText: ["<img src='index.html'>", "<img src='index.html'>"],
    autoWidth: false,
    margin: 30,
    lazyContent: false,
    lazyLoad: false,
    animateIn: false,
    animateOut: false,
    center: false,
    URLhashListener: false,
    video: false,
    videoHeight: false,
    videoWidth: false
  });

  $(".slider_dt").owlCarousel({
    items: 6,
    responsive: {
      1200: {items: 6},
      982: {items: 5},
      768: {items: 4},
      480: {items: 3},
      0: {items: 2}
    },
    loop: true,
    rewind: false,
    autoplay: true,
    autoplayTimeout: 4000,
    autoplayHoverPause: false,
    smartSpeed: 500,
    dots: false,
    dotsEach: false,
    nav: true,
    navText: ["<img src='index.html'>", "<img src='index.html'>"],
    autoWidth: false,
    margin: 30,
    lazyContent: false,
    lazyLoad: false,
    animateIn: false,
    animateOut: false,
    center: false,
    URLhashListener: false,
    video: false,
    videoHeight: false,
    videoWidth: false
  });

  AOS.init();
});