final

css/additional.css

@@ -7,11 +7,84 @@
     /*margin-bottom: 18px;*/
     /*height: auto;*/
 /*}*/
+@media only screen and (max-width: 600px) { .photo-slider { display: block; }}
+.video-slider .slick-dots li{
+   display: inline-block;
+    padding:5px;
+    cursor:pointer;
+}
+.video-slider .slick-dots {
+    position:relative;
+    left:calc(67% - 20px);
+    width:50px;
+    text-align: center;
+    top:14px;
+}
+@media only screen and (max-width: 1024px) { .video-slider .slick-dots { left:67%}}
+@media only screen and (max-width: 800px) { .video-slider .slick-dots { left:64%}}
+@media only screen and (max-width: 360px) { .video-slider .slick-dots { left:44%}}
+.video-slider .slick-dots button {
+    margin:6px 0 0 0;
+    color:transparent;
+    font-size:0px;
+    border-radius: 20px;
+    background: white;
+    opacity:0.2;
+    padding:4px;
+}
+.video-slider .slick-dots li.slick-active button {background-color: #ec1c24;
+    opacity: 1;}
+
+
+.video-slider iframe {height:420px;}
+@media only screen and (max-width: 1160px) { .video-slider iframe {height:420px;} }
+@media only screen and (max-width: 960px) { .video-slider iframe {height:380px;} }
+@media only screen and (max-width: 768px) { .video-slider iframe {height:300px;} }
 .photo-slider {
-    width: 104%;
+}
+.photo-slider .slick-arrow {
+    height:42px!important;
+    top:45%;
+}
+.photo-slider .slick-dots li{
+    display: inline-block;
+    padding:5px;
+    cursor:pointer;
+}
+.photo-slider .slick-dots {
+    text-align: center;
+    position:relative;
 }
 
-
+.photo-slider .slick-dots button {
+    margin:6px 0 0 0;
+    color:transparent;
+    font-size:0px;
+    border-radius: 20px;
+    background: #383838;
+    opacity:0.2;
+    padding:4px;
+}
+.photo-slider .slick-dots li.slick-active button {background-color: #ec1c24;
+    opacity: 1;}
+.slick-prev::before, .slick-next::before {
+    width:45px;
+    height:45px!important;
+}
+.photo-slider .slick-arrow:before {
+    color: transparent;
+}
+.photo-slider .slick-next {
+    right: 2%;
+}
+.photo-slider .slick-next:before {
+    background: url("../img/right.png");
+    background-size: cover;
+}
+.photo-slider .slick-prev:before {
+    background: url("../img/left.png");
+    background-size: cover;
+}
 /* styles */
 .nowrap {
     white-space: nowrap;

css/style.css

@@ -460,14 +460,13 @@ body { font-family: PFAgoraSansPro; }
 
 .b4 .ov1 .ll1 img { -webkit-border-radius: 14px; border-radius: 14px; display: block; margin-bottom: 18px; max-width: 100%; height: auto; }
 
-@media only screen and (max-width: 960px) { .b4 .ov1 .ll1 img { margin-bottom: 11px; } }
+@media only screen and (max-width: 960px) { .b4 .ov1 .ll1 img { margin-bottom: 11px; max-width: 98%} }
+@media only screen and (max-width: 1160px) { .b4 .ov1 .ll1 img { margin-bottom: 11px; max-width: 98%} }
 
 .b4 .ov1 .ll1 span { display: block; color: #acacac; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 15px; }
 
 @media only screen and (max-width: 960px) { .b4 .ov1 .ll1 span { color: #acacac; font-family: Arial; font-size: 13px; font-weight: 400; } }
 
-@media only screen and (max-width: 600px) { .b4 .ov1 .ll1 { display: none; } }
-
 .b4 .ov1 .sl3 { display: none; }
 
 @media only screen and (max-width: 600px) { .b4 .ov1 .sl3 { display: block; }

js/common.js

@@ -62,9 +62,34 @@ $(document).ready(function () {
     $('.photo-slider').slick({
         slidesToShow: 2,
         slidesToScroll:2,
-        arrows: true,
-        dots: false,
-        adaptiveHeight: true
+        arrows: false,
+        dots: true,
+        adaptiveWidth: true,
+        responsive: [
+            {
+                breakpoint: 652,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1
+                }
+            },
+            {
+                breakpoint: 1025,
+                settings: {
+                    slidesToShow: 2,
+                    slidesToScroll: 1,
+                    adaptiveWidth: true
+                }
+            }
+        ]
+    });
+    $('.video-slider').slick({
+        slidesToShow: 1,
+        slidesToScroll:1,
+        arrows: false,
+        dots: true,
+        adaptiveWIdth: true,
+        draggable: true
     });
     $('.sl1').slick({
         arrows: false,
@@ -118,6 +143,8 @@ tag.src = "https://www.youtube.com/iframe_api";
 var firstScriptTag = document.getElementsByTagName('script')[0];
 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 var player;
+var player2;
+
 function onYouTubeIframeAPIReady() {
     player = new YT.Player('player', {
         height: '100%',
@@ -130,12 +157,22 @@ function onYouTubeIframeAPIReady() {
             }
         }
     });
+    player2 = new YT.Player('player2', {
+        height: '100%',
+        width: '100%',
+        videoId: $('#player2').attr('dt'),
+        events: {
+            'onReady': function () {
+                player.playVideo();
+                player.stopVideo();
+            }
+        }
+    });
 }
-$('.play1 span').click(function (e) {
-    e.preventDefault();
-    $(this).parent().fadeOut(200);
-    player.playVideo();
-});
+
+
+
+
 var overlay = $('#overlay');
 
 $('.ord1').click(function (e) {