// function by javascript var _getAllHeading = document.querySelectorAll(".accordian-packages-heading"); console.log(_getAllHeading.length); var _checked = true; _getAllHeading.forEach(function(index, array, element){ _getAllHeading[array].addEventListener("click", function(e){ var _getClass = _getAllHeading[array].closest(".accordian-packages").classList.toString(); if(_getClass.indexOf("active-package") == -1 ){ _getAllHeading.forEach(function(ind, arr, ele){ _getAllHeading[arr].closest(".accordian-packages").classList.remove("active-package"); }) _getAllHeading[array].closest(".accordian-packages").classList.add("active-package"); } }) }) //Based on https://codepen.io/zuraizm/pen/vGDHl pen by zuraiz jQuery(document).ready(function ($) { startSlider($('#slider'), 30); // Slide container ID, SlideShow interval function startSlider(obj, timer) { var obj, timer; var id = "#"+obj.attr("id"); var slideCount = obj.find('ul li').length; slideWidth = obj.attr("data-width"); var sliderUlWidth = (slideCount+1) * slideWidth; var time = 2; var $bar, isPause, tick, percentTime; isPause = false; //false for auto slideshow $bar = obj.find('.progress .bar'); function startProgressbar() { resetProgressbar(); percentTime = 0; tick = setInterval(interval, timer); } function interval() { if (isPause === false) { percentTime += 1 / (time + 0.1); $bar.css({ width: percentTime + "%" }); if (percentTime >= 100) { moveRight(); startProgressbar(); } } } function resetProgressbar() { $bar.css({ width: 0 + '%' }); clearTimeout(tick); } function startslide() { $(id+' ul li:last-child').prependTo(id+' ul'); obj.find('ul').css({ width: sliderUlWidth+'vw', marginLeft: - slideWidth+'vw' }); obj.find('ul li:last-child').appendTo(obj.attr('id')+' ul'); } if (slideCount>1) { startslide(); startProgressbar(); } else { // hade navigation buttons for 1 slide only $(id+' button.control_prev').hide(); $(id+' button.control_next').hide(); } function moveLeft() { $(id+' ul').css( { transition: "1s", transform: "translateX(" + slideWidth + "vw)" }); setTimeout( function() { $(id+' ul li:last-child').prependTo(id+' ul'); $(id+' ul').css( { transition: "none", transform: "translateX(" + 0 + "vw)" }); $('li.actslide').prev().addClass('actslide').next().removeClass('actslide'); }, 1000 ); } function moveRight2() { // fix for only 2 slades $(id+' ul li:first-child').appendTo(id+' ul'); $(id+' ul').css( { transition: "none", transform: "translateX(100vw)"}).delay(); setTimeout( function() { $(id+' ul').css( { transition: "1s", transform: "translateX(0vw)" }); }, 100, setTimeout( function() { $(id+' ul').css( { transition: "none", transform: "translateX(0vw)" }); $('li.actslide').next().addClass('actslide').prev().removeClass('actslide'); }, 1000 ) ); } function moveRight() { if (slideCount>2) { $(id+' ul').css( { transition: "1s", transform: "translateX(" + (-1)*slideWidth + "vw)" }); setTimeout( function() { $(id+' ul li:first-child').appendTo(id+' ul'); $(id+' ul').css( { transition: "none", transform: "translateX(" + 0 + "vw)" }); $('li.actslide').next().addClass('actslide').prev().removeClass('actslide'); }, 1000 ); } else { moveRight2(); } } $(id+' button.control_prev').click(function () { moveLeft(); startProgressbar(); }); $(id+' button.control_next').click(function () { moveRight(); startProgressbar(); }); $(id+' .progress').click(function() { if (isPause === false) { isPause = true; } else { isPause = false; } }); }; }); var stickyHeaders = (function() { var $window = $(window), $stickies; var load = function(stickies) { if (typeof stickies === "object" && stickies instanceof jQuery && stickies.length > 0) { $stickies = stickies.each(function() { var $thisSticky = $(this).wrap('
'); $thisSticky .data('originalPosition', $thisSticky.offset().top) .data('originalHeight', $thisSticky.outerHeight()) .parent() .height($thisSticky.outerHeight()); }); $window.off("scroll.stickies").on("scroll.stickies", function() { _whenScrolling(); }); } }; var _whenScrolling = function() { $stickies.each(function(i) { var $thisSticky = $(this), $stickyPosition = $thisSticky.data('originalPosition'); if ($stickyPosition <= $window.scrollTop()) { var $nextSticky = $stickies.eq(i + 1), $nextStickyPosition = $nextSticky.data('originalPosition') - $thisSticky.data('originalHeight'); $thisSticky.addClass("fixed"); if ($nextSticky.length > 0 && $thisSticky.offset().top >= $nextStickyPosition) { $thisSticky.addClass("absolute").css("top", $nextStickyPosition); } } else { var $prevSticky = $stickies.eq(i - 1); $thisSticky.removeClass("fixed"); if ($prevSticky.length > 0 && $window.scrollTop() <= $thisSticky.data('originalPosition') - $thisSticky.data('originalHeight')) { $prevSticky.removeClass("absolute").removeAttr("style"); } } }); }; return { load: load }; })(); $(function() { stickyHeaders.load($(".followMeBar")); }); // jQuery(document).ready(function( $ ) { // // Back to top button // $(window).scroll(function() { // if ($(this).scrollTop() > 100) { // $('.back-to-top').fadeIn('slow'); // } else { // $('.back-to-top').fadeOut('slow'); // } // }); // $('.back-to-top').click(function(){ // $('html, body').animate({scrollTop : 0},1500, 'easeInOutExpo'); // return false; // }); // // Initiate the wowjs animation library // new WOW().init(); // }); (function($) { $.fn.menumaker = function(options) { var cssmenu = $(this), settings = $.extend({ title: "Menu", format: "dropdown", sticky: false }, options); return this.each(function() { cssmenu.prepend(''); $(this).find("#menu-button").on('click', function(){ $(this).toggleClass('menu-opened'); var mainmenu = $(this).next('ul'); if (mainmenu.hasClass('open')) { mainmenu.hide().removeClass('open'); } else { mainmenu.show().addClass('open'); if (settings.format === "dropdown") { mainmenu.find('ul').show(); } } }); cssmenu.find('li ul').parent().addClass('has-sub'); multiTg = function() { cssmenu.find(".has-sub").prepend(''); cssmenu.find('.submenu-button').on('click', function() { $(this).toggleClass('submenu-opened'); if ($(this).siblings('ul').hasClass('open')) { $(this).siblings('ul').removeClass('open').hide(); } else { $(this).siblings('ul').addClass('open').show(); } }); }; if (settings.format === 'multitoggle') multiTg(); else cssmenu.addClass('dropdown'); if (settings.sticky === true) cssmenu.css('position', 'fixed'); resizeFix = function() { if ($( window ).width() > 768) { cssmenu.find('ul').show(); } if ($(window).width() <= 768) { cssmenu.find('ul').hide().removeClass('open'); } }; resizeFix(); return $(window).on('resize', resizeFix); }); }; })(jQuery); (function($){ $(document).ready(function(){ $("#cssmenu").menumaker({ title: "Menu", format: "multitoggle" }); }); })(jQuery); // ---------------- $(function () { $('.select-dropdown').each(function () { selectDropbox($(this)); }); $(document).on('click', '.dropdown-checkbox .dropdown-menu', function (e) { e.stopPropagation(); }); $('.dropdown-checkbox').each(function () { updateDpdCheckbox($(this)); }); $('.dropdown-checkbox input[type="checkbox"]').on('change', function () { var dpdCheckbox = $(this).closest('.dropdown-checkbox'); if ($(this).val() === "all") { dpdCheckbox.find('input[type="checkbox"]').not(this).prop('checked', this.checked); } updateDpdCheckbox(dpdCheckbox); }); $('.dropdown-search input[type="text"]').on("keyup", function () { var dropdown = $(this).closest('.dropdown-checkbox'); var inputText = $(this).val().toLowerCase(); if (inputText == '') { dropdown.find('.dropdown-header').show(); } else { dropdown.find('.dropdown-header').hide(); } dropdown.find('.dropdown-item').filter(function () { $(this).toggle($(this).text().toLowerCase().indexOf(inputText) > -1); }); }); $('.dropdown-checkbox').on('show.bs.dropdown, hidden.bs.dropdown', function () { $(this).find('.dropdown-search input[type="text"]').val(''); $(this).find('.dropdown-item, .dropdown-header').show(); }); }); function updateDpdCheckbox(dpdCheckbox) { var dpdToggle = dpdCheckbox.find('.dropdown-checkbox-toggle'); var chkAll = dpdCheckbox.find('input[type=checkbox][value="all"]'); var chkList = dpdCheckbox.find('input[type="checkbox"]').filter('[value!="all"]'); var totalChecked = chkList.filter(':checked').length; if (totalChecked === chkList.length) { chkAll.prop("checked", true); } else { chkAll.prop("checked", false); } if (totalChecked === 1) { dpdToggle.text("1 Select Services"); } else if (totalChecked > 1) { dpdToggle.text(totalChecked + " Select Services"); } else { var txtPlaceholder = dpdToggle.data("placeholder"); dpdToggle.text(txtPlaceholder); } } function selectDropbox(selectDropdown, params) { selectDropdown.hide(); var dpdCheckbox = $(''); selectDropdown.after(dpdCheckbox); var dpdMenu = $(''); var groupName = selectDropdown.attr('name'); if (!groupName) { groupName = selectDropdown.attr('id') + 'Group'; } dpdMenu.prepend(''); dpdMenu.append(''); dpdCheckbox.append(''); dpdCheckbox.append(dpdMenu); selectDropdown.find('option').each(function (index) { dpdCheckbox.find('.dropdown-menu').append(''); }); } // All Form Jqury jQuery(function($) { var ajaxsuccess = false; if ($("#mainForm").length > 0) { $("#mainForm").submit(function () { var allowsubmit = 1; resetErrMessages(); var queryForm = $(this); var queryName = queryForm.find("input[name=name]"); if (queryName.val() == "") { allowsubmit = 0; queryName.addClass('invalid-input'); //$("#nameErr").show(); } var queryEmail = queryForm.find("input[name=email]"); if (queryEmail.val() == "") { allowsubmit = 0; queryEmail.addClass('invalid-input'); //$("#emailErr").show(); } var queryPhone = queryForm.find("input[name=phone]"); if (queryPhone.val() == "") { allowsubmit = 0; queryPhone.addClass('invalid-input'); //$("#phoneErr").show(); } var queryMfservices = queryForm.find("select[name=mfservices]"); if (queryMfservices.val() == "") { allowsubmit = 0; queryMfservices.addClass('invalid-input'); //$("#mfservicesErr").show(); } var queryMessage = queryForm.find("textarea[name=message]"); if (queryMessage.val() == "") { allowsubmit = 0; queryMessage.addClass('invalid-input'); //$("#messageErr").show(); } var queryCaptcha = queryForm.find("input[name=capt]"); if (queryCaptcha.val() == "") { allowsubmit = 0; queryCaptcha.addClass('invalid-input'); $("#captchaErr").show(); $("#captchaErr").html('This Field is required'); } if (allowsubmit == 1) { console.log('success'); var formData = {capt:queryCaptcha.val()}; //Array console.log(formData); $.ajax({ url : "form/mycaptcha.php", type: "POST", data : formData, async: false, success: function(data) { console.log(data); if(data == 1) { ajaxsuccess = true; resetErrMessages(); } else { ajaxsuccess = false; queryCaptcha.addClass('invalid-input'); $("#captchaErr").show(); $("#captchaErr").html('Invalid captcha'); } } }); console.log(ajaxsuccess); return ajaxsuccess; } else { return false; } }); } function resetErrMessages() { $('#mainForm').find('.invalid-input').each(function(){ $(this).removeClass('invalid-input'); }); $("#captchaErr").hide(); } }); jQuery(function($) { var ajaxsuccess2 = false; if ($("#mainForm2").length > 0) { $("#mainForm2").submit(function () { var allowsubmit2 = 1; resetErrMessages2(); var queryForm2 = $(this); var queryName2 = queryForm2.find("input[name=name]"); if (queryName2.val() == "") { allowsubmit2 = 0; queryName2.addClass('invalid-input'); //$("#nameErr").show(); } var queryEmail2 = queryForm2.find("input[name=email]"); if (queryEmail2.val() == "") { allowsubmit2 = 0; queryEmail2.addClass('invalid-input'); //$("#emailErr").show(); } var queryPhone2 = queryForm2.find("input[name=phone]"); if (queryPhone2.val() == "") { allowsubmit2 = 0; queryPhone2.addClass('invalid-input'); //$("#phoneErr").show(); } var queryMfservices2 = queryForm2.find("select[name=mfservices]"); if (queryMfservices2.val() == "") { allowsubmit2 = 0; queryMfservices2.addClass('invalid-input'); //$("#mfservxicesErr").show(); } var queryMessage2 = queryForm2.find("textarea[name=message]"); if (queryMessage2.val() == "") { allowsubmit2 = 0; queryMessage2.addClass('invalid-input'); //$("#messageErr").show(); } var queryCaptcha2 = queryForm2.find("input[name=capt]"); if (queryCaptcha2.val() == "") { allowsubmit2 = 0; queryCaptcha2.addClass('invalid-input'); $("#captchaErr2").show(); $("#captchaErr2").html('This Field is required'); } if (allowsubmit2 == 1) { console.log('success'); var formData2 = {capt:queryCaptcha2.val()}; //Array console.log(formData2); $.ajax({ url : "form/mycaptcha.php", type: "POST", data : formData2, async: false, success: function(data2) { console.log(data2); if(data2 == 1) { ajaxsuccess2 = true; resetErrMessages2(); } else { ajaxsuccess2 = false; queryCaptcha2.addClass('invalid-input'); $("#captchaErr2").show(); $("#captchaErr2").html('Invalid captcha'); } } }); //console.log(ajaxsuccess2); return ajaxsuccess2; } else { return false; } }); } function resetErrMessages2() { $('#mainForm2').find('.invalid-input').each(function(){ $(this).removeClass('invalid-input'); }); $("#captchaErr2").hide(); } }); jQuery(function($) { var ajaxsuccess3 = false; if ($("#mainForm3").length > 0) { $("#mainForm3").submit(function () { var allowsubmit3 = 1; resetErrMessages3(); var queryForm3 = $(this); var queryName3 = queryForm3.find("input[name=name]"); if (queryName3.val() == "") { allowsubmit3 = 0; queryName3.addClass('invalid-input'); //$("#nameErr").show(); } var queryEmail3 = queryForm3.find("input[name=email]"); if (queryEmail3.val() == "") { allowsubmit3 = 0; queryEmail3.addClass('invalid-input'); //$("#emailErr").show(); } var queryPhone3 = queryForm3.find("input[name=phone]"); if (queryPhone3.val() == "") { allowsubmit3 = 0; queryPhone3.addClass('invalid-input'); //$("#phoneErr").show(); } var queryAboutproject3 = queryForm3.find("select[name=aboutproject]"); if (queryAboutproject3.val() == "") { allowsubmit3 = 0; queryAboutproject3.addClass('invalid-textarea'); //$("#mfservxicesErr").show(); } var queryCaptcha3 = queryForm3.find("input[name=capt]"); if (queryCaptcha3.val() == "") { allowsubmit3 = 0; queryCaptcha3.addClass('invalid-input'); $("#captchaErr3").show(); $("#captchaErr3").html('This Field is required'); } if (allowsubmit3 == 1) { console.log('success'); var formData3 = {capt:queryCaptcha3.val()}; //Array console.log(formData3); $.ajax({ url : "form/mycaptcha.php", type: "POST", data : formData3, async: false, success: function(data3) { console.log(data3); if(data3 == 1) { ajaxsuccess3 = true; resetErrMessages3(); } else { ajaxsuccess3 = false; queryCaptcha3.addClass('invalid-input'); $("#captchaErr3").show(); $("#captchaErr3").html('Invalid captcha'); } } }); //console.log(ajaxsuccess2); return ajaxsuccess3; } else { return false; } }); } function resetErrMessages3() { $('#mainForm3').find('.invalid-input').each(function(){ $(this).removeClass('invalid-input'); }); $("#captchaErr3").hide(); } }); jQuery(function($) { var ajaxsuccess4 = false; if ($("#mainForm4").length > 0) { $("#mainForm4").submit(function () { var allowsubmit4 = 1; resetErrMessages4(); var queryForm4 = $(this); var queryName4 = queryForm4.find("input[name=name]"); if (queryName4.val() == "") { allowsubmit4 = 0; queryName4.addClass('invalid-input'); //$("#nameErr").show(); } var queryEmail4 = queryForm4.find("input[name=email]"); if (queryEmail4.val() == "") { allowsubmit4 = 0; queryEmail4.addClass('invalid-input'); //$("#emailErr").show(); } var queryPhone4 = queryForm4.find("input[name=phone]"); if (queryPhone4.val() == "") { allowsubmit4 = 0; queryPhone4.addClass('invalid-input'); //$("#phoneErr").show(); } var queryAboutproject4 = queryForm4.find("select[name=mfservices]"); if (queryAboutproject4.val() == "") { allowsubmit4 = 0; queryAboutproject4.addClass('invalid-textarea'); //$("#mfservxicesErr").show(); } var queryCaptcha4 = queryForm4.find("input[name=capt]"); if (queryCaptcha4.val() == "") { allowsubmit4 = 0; queryCaptcha4.addClass('invalid-input'); $("#captchaErr4").show(); $("#captchaErr4").html('This Field is required'); } if (allowsubmit4 == 1) { console.log('success'); var formData4 = {capt:queryCaptcha4.val()}; //Array console.log(formData4); $.ajax({ url : "form/mycaptcha.php", type: "POST", data : formData4, async: false, success: function(data4) { console.log(data4); if(data4 == 1) { ajaxsuccess4 = true; resetErrMessages4(); } else { ajaxsuccess4 = false; queryCaptcha4.addClass('invalid-input'); $("#captchaErr4").show(); $("#captchaErr4").html('Invalid captcha'); } } }); //console.log(ajaxsuccess2); return ajaxsuccess4; } else { return false; } }); } function resetErrMessages4() { $('#mainForm4').find('.invalid-input').each(function(){ $(this).removeClass('invalid-input'); }); $("#captchaErr4").hide(); } }); jQuery(function($) { var ajaxsuccess5 = false; if ($("#mainForm5").length > 0) { $("#mainForm5").submit(function () { var allowsubmit5 = 1; resetErrMessages5(); var queryForm5 = $(this); var queryName5 = queryForm5.find("input[name=name]"); if (queryName5.val() == "") { allowsubmit5 = 0; queryName5.addClass('invalid-input'); //$("#nameErr").show(); } var queryEmail5 = queryForm5.find("input[name=email]"); if (queryEmail5.val() == "") { allowsubmit5 = 0; queryEmail5.addClass('invalid-input'); //$("#emailErr").show(); } var queryPhone5 = queryForm5.find("input[name=phone]"); if (queryPhone5.val() == "") { allowsubmit5 = 0; queryPhone5.addClass('invalid-input'); //$("#phoneErr").show(); } var queryAboutproject5 = queryForm5.find("select[name=mfservices]"); if (queryAboutproject5.val() == "") { allowsubmit5 = 0; queryAboutproject5.addClass('invalid-textarea'); //$("#mfservxicesErr").show(); } var queryCaptcha5 = queryForm5.find("input[name=capt]"); if (queryCaptcha5.val() == "") { allowsubmit5 = 0; queryCaptcha5.addClass('invalid-input'); $("#captchaErr5").show(); $("#captchaErr5").html('This Field is required'); } if (allowsubmit5 == 1) { console.log('success'); var formData5 = {capt:queryCaptcha5.val()}; //Array console.log(formData5); $.ajax({ url : "form/mycaptcha.php", type: "POST", data : formData5, async: false, success: function(data5) { console.log(data5); if(data5 == 1) { ajaxsuccess5 = true; resetErrMessages5(); } else { ajaxsuccess5 = false; queryCaptcha5.addClass('invalid-input'); $("#captchaErr5").show(); $("#captchaErr5").html('Invalid captcha'); } } }); //console.log(ajaxsuccess2); return ajaxsuccess5; } else { return false; } }); } function resetErrMessages5() { $('#mainForm5').find('.invalid-input').each(function(){ $(this).removeClass('invalid-input'); }); $("#captchaErr5").hide(); } }); jQuery(function($) { var ajaxsuccess6 = false; if ($("#mainForm6").length > 0) { $("#mainForm6").submit(function () { var allowsubmit6 = 1; resetErrMessages6(); var queryForm6 = $(this); var queryName6 = queryForm6.find("input[name=name]"); if (queryName6.val() == "") { allowsubmit6 = 0; queryName6.addClass('invalid-input'); //$("#nameErr").show(); } var queryEmail6 = queryForm6.find("input[name=email]"); if (queryEmail6.val() == "") { allowsubmit6 = 0; queryEmail6.addClass('invalid-input'); //$("#emailErr").show(); } var queryPhone6 = queryForm6.find("input[name=phone]"); if (queryPhone6.val() == "") { allowsubmit6 = 0; queryPhone6.addClass('invalid-input'); //$("#phoneErr").show(); } var queryAboutproject6 = queryForm6.find("select[name=mfservices]"); if (queryAboutproject6.val() == "") { allowsubmit6 = 0; queryAboutproject6.addClass('invalid-textarea'); //$("#mfservxicesErr").show(); } var queryCaptcha6 = queryForm6.find("input[name=capt]"); if (queryCaptcha6.val() == "") { allowsubmit6 = 0; queryCaptcha6.addClass('invalid-input'); $("#captchaErr6").show(); $("#captchaErr6").html('This Field is required'); } if (allowsubmit6 == 1) { console.log('success'); var formData6 = {capt:queryCaptcha6.val()}; //Array console.log(formData6); $.ajax({ url : "form/mycaptcha.php", type: "POST", data : formData6, async: false, success: function(data6) { console.log(data6); if(data6 == 1) { ajaxsuccess6 = true; resetErrMessages6(); } else { ajaxsuccess6 = false; queryCaptcha6.addClass('invalid-input'); $("#captchaErr6").show(); $("#captchaErr6").html('Invalid captcha'); } } }); //console.log(ajaxsuccess2); return ajaxsuccess6; } else { return false; } }); } function resetErrMessages6() { $('#mainForm6').find('.invalid-input').each(function(){ $(this).removeClass('invalid-input'); }); $("#captchaErr6").hide(); } }); // slider code jQuery("#carousel").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1024: { items: 3 }, 1366: { items: 3 } } }); jQuery("#carousel2").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1024: { items: 1 }, 1366: { items: 1 } } }); jQuery("#carousel3").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1024: { items: 3 }, 1366: { items: 3 } } }); jQuery("#carousel4").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 2 }, 1024: { items: 6 }, 1366: { items: 6 } } }); jQuery("#carousel5").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1024: { items: 1 }, 1366: { items: 1 } } }); jQuery("#blogslider").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1024: { items: 1 }, 1366: { items: 1 } } }); jQuery("#relatedpost").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1024: { items: 2 }, 1366: { items: 2 } } }); jQuery("#relatedarticle").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, /* animateOut: 'fadeOut', animateIn: 'fadeIn', */ responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 2 }, 1024: { items: 3 }, 1366: { items: 3 } } });