diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index 3a5dc2a..f5f3f1c 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-
+import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
   templateUrl: './list-sites.component.html',
@@ -12,4 +12,38 @@
   ngOnInit() {
   }
 
+  customOptions: OwlOptions = {
+    loop: true,
+    mouseDrag: true,
+    autoplay: false,
+    autoplayTimeout: 2000,
+    autoplayHoverPause:true,
+    touchDrag: false,
+    pullDrag: false,
+    dots: false,
+    margin:1,
+    navSpeed: 700,
+    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
+    nav: true,
+    /* responsive: {
+        0: {
+          items: 1,
+          nav: true
+        },
+        600: {
+          items: 1,
+          nav: true
+        },
+        1000: {
+          items: 2,
+          nav: true,
+          loop: true
+        },
+        1500: {
+          items: 4,
+          nav: true,
+          loop: true
+        }
+      } */
+  }
 }

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index 3a5dc2a..f5f3f1c 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-
+import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
   templateUrl: './list-sites.component.html',
@@ -12,4 +12,38 @@
   ngOnInit() {
   }
 
+  customOptions: OwlOptions = {
+    loop: true,
+    mouseDrag: true,
+    autoplay: false,
+    autoplayTimeout: 2000,
+    autoplayHoverPause:true,
+    touchDrag: false,
+    pullDrag: false,
+    dots: false,
+    margin:1,
+    navSpeed: 700,
+    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
+    nav: true,
+    /* responsive: {
+        0: {
+          items: 1,
+          nav: true
+        },
+        600: {
+          items: 1,
+          nav: true
+        },
+        1000: {
+          items: 2,
+          nav: true,
+          loop: true
+        },
+        1500: {
+          items: 4,
+          nav: true,
+          loop: true
+        }
+      } */
+  }
 }
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 481bea1..63b9567 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -3,7 +3,7 @@
 }
 
 .carousel_size_show{
-  width: 82.4vw;
+  /* width: 82.4vw; */
 }
 
 

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index 3a5dc2a..f5f3f1c 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-
+import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
   templateUrl: './list-sites.component.html',
@@ -12,4 +12,38 @@
   ngOnInit() {
   }
 
+  customOptions: OwlOptions = {
+    loop: true,
+    mouseDrag: true,
+    autoplay: false,
+    autoplayTimeout: 2000,
+    autoplayHoverPause:true,
+    touchDrag: false,
+    pullDrag: false,
+    dots: false,
+    margin:1,
+    navSpeed: 700,
+    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
+    nav: true,
+    /* responsive: {
+        0: {
+          items: 1,
+          nav: true
+        },
+        600: {
+          items: 1,
+          nav: true
+        },
+        1000: {
+          items: 2,
+          nav: true,
+          loop: true
+        },
+        1500: {
+          items: 4,
+          nav: true,
+          loop: true
+        }
+      } */
+  }
 }
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 481bea1..63b9567 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -3,7 +3,7 @@
 }
 
 .carousel_size_show{
-  width: 82.4vw;
+  /* width: 82.4vw; */
 }
 
 
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 7316828..518e2f7 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -19,7 +19,7 @@
     touchDrag: false,
     pullDrag: false,
     dots: false,
-    margin:1,
+    margin:15,
     navSpeed: 700,
     navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
     nav: true,

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index 3a5dc2a..f5f3f1c 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-
+import { OwlOptions } from 'ngx-owl-carousel-o';
 @Component({
   selector: 'app-list-sites',
   templateUrl: './list-sites.component.html',
@@ -12,4 +12,38 @@
   ngOnInit() {
   }
 
+  customOptions: OwlOptions = {
+    loop: true,
+    mouseDrag: true,
+    autoplay: false,
+    autoplayTimeout: 2000,
+    autoplayHoverPause:true,
+    touchDrag: false,
+    pullDrag: false,
+    dots: false,
+    margin:1,
+    navSpeed: 700,
+    navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
+    nav: true,
+    /* responsive: {
+        0: {
+          items: 1,
+          nav: true
+        },
+        600: {
+          items: 1,
+          nav: true
+        },
+        1000: {
+          items: 2,
+          nav: true,
+          loop: true
+        },
+        1500: {
+          items: 4,
+          nav: true,
+          loop: true
+        }
+      } */
+  }
 }
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 481bea1..63b9567 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -3,7 +3,7 @@
 }
 
 .carousel_size_show{
-  width: 82.4vw;
+  /* width: 82.4vw; */
 }
 
 
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index 7316828..518e2f7 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -19,7 +19,7 @@
     touchDrag: false,
     pullDrag: false,
     dots: false,
-    margin:1,
+    margin:15,
     navSpeed: 700,
     navText : ['<img src="../../../../../../assets/images/svg/arrow-left.svg">','<img src="../../../../../../assets/images/svg/arow-right.svg">'],
     nav: true,
diff --git a/src/styles.scss b/src/styles.scss
index 4885ea3..f304662 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -58,7 +58,7 @@
 }
 
 .owl-carousel .owl-item {
-  width: 30rem !important;
+  width: 25rem !important;
 }
 
 /* owl-carousel-o .owl-stage {