diff --git a/config.php b/config.php
index 0856c21e..1c69c010 100644
--- a/config.php
+++ b/config.php
@@ -37,7 +37,6 @@
 $THEME->sheets[] = 'moodle-rtl';
 $THEME->sheets[] = 'bootstrap-pix';
 $THEME->sheets[] = 'moodle-pix';
-$THEME->sheets[] = 'essential';
 $THEME->sheets[] = 'essential-pix';
 $THEME->sheets[] = 'essential-settings';
 $THEME->sheets[] = 'fontawesome';
diff --git a/lang/en/theme_essential.php b/lang/en/theme_essential.php
index 7dec54c6..1d8758f1 100644
--- a/lang/en/theme_essential.php
+++ b/lang/en/theme_essential.php
@@ -354,6 +354,15 @@
 $string['slideinterval'] = 'Slide interval';
 $string['slideintervaldesc'] = 'Slide transition interval in milliseconds.';
 
+// Slide show size
+$string['slidesize'] = 'Slide show size';
+$string['slidesizedesc'] = 'The height of the slide show. Full corresponds to 368 pixels at full screen, very small corresponds to 36 pixels at full screen.';
+$string['slide10percent'] = 'Very small';
+$string['slide25percent'] = 'Small';
+$string['slide50percent'] = 'Medium';
+$string['slide75percent'] = 'Big';
+$string['slide100percent'] = 'Full';
+
 $string['slidecolor'] = 'Slide text colour';
 $string['slidecolordesc'] = 'What colour the slide caption text should be.';
 
@@ -588,13 +597,3 @@
 $string['blogpreferences'] = 'Blog preferences';
 $string['badgepreferences'] = 'Badge preferences';
 $string['messagepreferences'] = 'Message preferences';
-
-// Slide show size
-$string['slidesize'] = 'Slide show size';
-$string['slidesizedesc'] = 'The height of the slide show. Full corresponds to 368 pixel at full screen, Very small corresonds fo 36 pixel at full screen';
-$string['slide10percent'] = 'Very small';
-$string['slide25percent'] = 'Small';
-$string['slide50percent'] = 'Medium';
-$string['slide75percent'] = 'Big';
-$string['slide100percent'] = 'Full';
-
diff --git a/less/essential/carousel.less b/less/essential/carousel.less
index 1a5c9daa..b4857ff6 100644
--- a/less/essential/carousel.less
+++ b/less/essential/carousel.less
@@ -1 +1 @@
-/* @group Carousel */

#essentialCarousel.carousel {
    margin-bottom: 10px;
    .carousel-inner {
        > .item {
            .carousel-image-container {
                text-align: center;
                width: 90%;
                padding-left: 5%;
                padding-right: 5%;
            }
            .carousel-image {
                width: auto;
                margin: 0 auto;
                margin-top: 8px;
                height: auto;
                max-height: 300px;
                vertical-align: middle; // See: http://www.vanseodesign.com/css/vertical-centering/.
                max-width: 100%;
            }
            &.side-caption {
                div.the-side-caption {
                    padding-left: 7%;
                }
            }
            &.side-caption .carousel-image {
                box-shadow: 0px 0px 8px #222;
                padding: 8px;
                background-color: #fff;
                margin-left: -8px;
            }
        }
        a,
        a:hover,
            a:active {
            text-decoration: none;
            height: 100%;
        }
        // Caption for text below images.
        .carousel-caption {
            border-radius: @baseBorderRadius + 2;
            .carousel-caption-inner {
                margin: 0 auto;
            }
            h4, p {
                padding: 0px 20px;
            }
            p {
                line-height: 1;
            }
        }
        &.centred {
            .carousel-caption, div.the-side-caption {
                text-align: center;
            }
        }
    }
    // Left/right controls for nav.
    .carousel-control {
        display: none; // Shown when carousel hovered on, see below.
        background: none;
        border: 0px;
        font-size: 30px;
        &:hover,
            &:focus {
            background: none;
            border: 0px;
        }
    }
    &:hover .carousel-control{
        display: block;
    }
    .carousel-indicators {
        border-radius: @baseBorderRadius;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, .50);
        right: 5px;
    }

    // Responsive.
    .carousel-inner {
        > .item {
            &.side-caption {
                div.the-side-caption {
                    h4 {
                        font-size: 14px;
                        line-height: 1;
                    }
                    p {
                        font-size: 10px;
                        line-height: 1;
                    }
                }
            }
        }
    }

    // @screen-xs-min.
    @media(min-width: 480px) {
        .carousel-inner {
            > .item {
                &.side-caption {
                    div.the-side-caption {
                        h4 {
                            font-size: 16px;
                        }
                        p {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
        .carousel-control {
            font-size: 36px;
        }
    }
    @media (max-width: 767px) {
        .carousel-inner {
            > .item {
                height: [[setting:slidesize_case1]];
                .carousel-image-container {
                    line-height: [[setting:slidesize_case1]]; // See: http://www.vanseodesign.com/css/vertical-centering/.
                }
                .carousel-image {
                    max-height: [[setting:slidesize_case1_90percent]];
                }
                .carousel-caption {
                    position: absolute;
                    h4 {
                        font-size: 1.2em;
                    }
                }
            }
            > .item.side-caption {
                div.the-side-caption {
                    padding-left: 0;
                }
                div.nocaption {
                    margin-top: 6.5%;
                }
            }
            &.below > .item, > .item.side-caption {
                height: [[setting:slidesize_case1_135percent]];
                .carousel-caption {
                    height: 45px;
                }
                .carousel-image-container.nocaption {
                    line-height: [[setting:slidesize_case1_135percent]];
                }
            }
        }
    }

    // @screen-sm-min.
    @media(min-width: 768px) {
        .carousel-inner {
            > .item {
                height: [[setting:slidesize_case2]];
                .carousel-image-container {
                    line-height: [[setting:slidesize_case2]];
                }
                .carousel-image {
                    max-height: [[setting:slidesize_case2_90percent]];
                }
                &.side-caption {
                    div.the-side-caption {
                        // Variation on: http://css-tricks.com/centering-in-the-unknown/.
                        height: [[setting:slidesize_case2]]; // Addition to technique.
                        &:before {
                            content: '';
                            display: inline-block;
                            height: 100%;
                            vertical-align: middle;
                            margin-right: -0.25em; /* Adjusts for spacing */
                        }
                        .the-side-caption-content {
                            display: inline-block;
                            vertical-align: middle;
                            width: 100%;
                        }
                        h4 {
                            font-size: 20px;
                        }
                        p {
                            font-size: 14px;
                        }
                    }
                }
            }
            &.below > .item {
                height: [[setting:slidesize_case2_135percent]];
                .carousel-caption {
                    height: 55px;
                }
                .carousel-image-container.nocaption {
                    line-height: [[setting:slidesize_case2_135percent]];
                }
            }
        }
        .carousel-control {
            font-size: 40px;
        }
    }
    @media (min-width: 768px) and (max-width: 979px) {
        .carousel-inner {
            > .item {
                .carousel-caption {
                    h4 {
                        font-size: 1.2em;
                    }
                }
            }
        }
    }

    // @screen-md-min.
    @media(min-width: 992px) {
        .carousel-inner {
            > .item {
                height: [[setting:slidesize_case3]];
                .carousel-image-container {
                    line-height: [[setting:slidesize_case3]];
                }
                .carousel-image {
                    max-height: [[setting:slidesize_case3_90percent]];
                }
                &.side-caption {
                    div.the-side-caption {
                       height: [[setting:slidesize_case3]]; // Addition to technique.
                        h4 {
                            font-size: 26px;
                        }
                        p {
                            font-size: 18px;
                        }
                    }
                }
            }
            &.below > .item {
                height: [[setting:slidesize_case4_135percent]];
                .carousel-caption {
                    height: 65px;
                }
                .carousel-image-container.nocaption {
                    line-height: [[setting:slidesize_case4_135percent]];
                }
            }

        }
        .carousel-control {
            font-size: 50px;
        }
    }

    // @screen-lg-min.
    @media(min-width: 1200px) {
        .carousel-inner {
            > .item {
                height: [[setting:slidesize_case4]];
                .carousel-image-container {
                    line-height: [[setting:slidesize_case4]];
                }
                .carousel-image {
                    max-height: [[setting:slidesize_case4_90percent]];
                }
                &.side-caption {
                    div.the-side-caption {
                        height: [[setting:slidesize_case4]]; // Addition to technique.
                        h4 {
                            font-size: 32px;
                        }
                        p {
                            font-size: 20px;
                        }
                    }
                }
            }
            &.below > .item {
                height: [[setting:slidesize_case4_135percent]];
                .carousel-image-container.nocaption {
                    line-height: [[setting:slidesize_case4_135percent]];
                }
            }
        }
        .carousel-control {
            font-size: 60px;
        }
    }
}
/* @end */
\ No newline at end of file
+/* @group Carousel */

#essentialCarousel.carousel {
    margin-bottom: 10px;
    .carousel-inner {
        > .item {
            .carousel-image-container {
                text-align: center;
                width: 90%;
                padding-left: 5%;
                padding-right: 5%;
            }
            .carousel-image {
                width: auto;
                margin: 0 auto;
                margin-top: 8px;
                height: auto;
                max-height: 300px;
                vertical-align: middle; // See: http://www.vanseodesign.com/css/vertical-centering/.
                max-width: 100%;
            }
            &.side-caption {
                div.the-side-caption {
                    padding-left: 7%;
                }
            }
            &.side-caption .carousel-image {
                box-shadow: 0px 0px 8px #222;
                padding: 8px;
                background-color: #fff;
                margin-left: -8px;
            }
        }
        a,
        a:hover,
            a:active {
            text-decoration: none;
            height: 100%;
        }
        // Caption for text below images.
        .carousel-caption {
            border-radius: @baseBorderRadius + 2;
            .carousel-caption-inner {
                margin: 0 auto;
            }
            h4, p {
                padding: 0px 20px;
            }
            p {
                line-height: 1;
            }
        }
        &.centred {
            .carousel-caption, div.the-side-caption {
                text-align: center;
            }
        }
    }
    // Left/right controls for nav.
    .carousel-control {
        display: none; // Shown when carousel hovered on, see below.
        background: none;
        border: 0px;
        font-size: 30px;
        &:hover,
            &:focus {
            background: none;
            border: 0px;
        }
    }
    &:hover .carousel-control{
        display: block;
    }
    .carousel-indicators {
        border-radius: @baseBorderRadius;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, .50);
        right: 5px;
    }

    // Responsive.
    .carousel-inner {
        > .item {
            &.side-caption {
                div.the-side-caption {
                    h4 {
                        font-size: 14px;
                        line-height: 1;
                    }
                    p {
                        font-size: 10px;
                        line-height: 1;
                    }
                }
            }
        }
    }

    // @screen-xs-min.
    @media(min-width: 480px) {
        .carousel-inner {
            > .item {
                &.side-caption {
                    div.the-side-caption {
                        h4 {
                            font-size: 16px;
                        }
                        p {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
        .carousel-control {
            font-size: 36px;
        }
    }
    @media (max-width: 767px) {
        .carousel-inner {
            > .item {
                .carousel-caption {
                    position: absolute;
                    h4 {
                        font-size: 1.2em;
                    }
                }
            }
            > .item.side-caption {
                div.the-side-caption {
                    padding-left: 0;
                }
                div.nocaption {
                    margin-top: 6.5%;
                }
            }
            &.below > .item, > .item.side-caption {
                .carousel-caption {
                    height: 45px;
                }
            }
        }
    }

    // @screen-sm-min.
    @media(min-width: 768px) {
        .carousel-inner {
            > .item {
                &.side-caption {
                    div.the-side-caption {
                        // Variation on: http://css-tricks.com/centering-in-the-unknown/.
                        &:before {
                            content: '';
                            display: inline-block;
                            height: 100%;
                            vertical-align: middle;
                            margin-right: -0.25em; /* Adjusts for spacing */
                        }
                        .the-side-caption-content {
                            display: inline-block;
                            vertical-align: middle;
                            width: 100%;
                        }
                        h4 {
                            font-size: 20px;
                        }
                        p {
                            font-size: 14px;
                        }
                    }
                }
            }
            &.below > .item {
                .carousel-caption {
                    height: 55px;
                }
            }
        }
        .carousel-control {
            font-size: 40px;
        }
    }
    @media (min-width: 768px) and (max-width: 979px) {
        .carousel-inner {
            > .item {
                .carousel-caption {
                    h4 {
                        font-size: 1.2em;
                    }
                }
            }
        }
    }

    // @screen-md-min.
    @media(min-width: 992px) {
        .carousel-inner {
            > .item {
                &.side-caption {
                    div.the-side-caption {
                        h4 {
                            font-size: 26px;
                        }
                        p {
                            font-size: 18px;
                        }
                    }
                }
            }
            &.below > .item {
                .carousel-caption {
                    height: 65px;
                }
            }

        }
        .carousel-control {
            font-size: 50px;
        }
    }

    // @screen-lg-min.
    @media(min-width: 1200px) {
        .carousel-inner {
            > .item {
                &.side-caption {
                    div.the-side-caption {
                        h4 {
                            font-size: 32px;
                        }
                        p {
                            font-size: 20px;
                        }
                    }
                }
            }
        }
        .carousel-control {
            font-size: 60px;
        }
    }
}
/* @end */
\ No newline at end of file
diff --git a/less/essential/settings/carousel.less b/less/essential/settings/carousel.less
index 39d0fa98..33f4362c 100644
--- a/less/essential/settings/carousel.less
+++ b/less/essential/settings/carousel.less
@@ -1 +1 @@
-/* @group Carousel */

#essentialCarousel.carousel {
  .carousel-inner {
    // Caption for text below images.
    .carousel-caption {
      background-color: ~"[[setting:carouselcolor]]";
      .carousel-caption-inner {
        max-width: ~"[[setting:pagewidth]]";
      }
      h4, p {
        color: ~"[[setting:slidecolor]]";
      }
    }
  }
  // Left/right controls for nav.
  .carousel-control {
    color: ~"[[setting:slidebuttoncolor]]";
    &:hover,
    &:focus {
      color: ~"[[setting:slidebuttonhovercolor]]";
    }
  }

  // Carousel indicator pips.
  .carousel-indicators {
    box-shadow: 0px 0px 8px ~"[[setting:carouselcolor]]";
    li {
      background-color: ~"[[setting:carouselcolor]]";
    }
    .active {
      background-color: ~"[[setting:carouselactivecolor]]";
    }
  }
}

/* @end */
\ No newline at end of file
+/* @group Carousel */

#essentialCarousel.carousel {
  .carousel-inner {
    // Caption for text below images.
    .carousel-caption {
      background-color: ~"[[setting:carouselcolor]]";
      .carousel-caption-inner {
        max-width: ~"[[setting:pagewidth]]";
      }
      h4, p {
        color: ~"[[setting:slidecolor]]";
      }
    }
    > .item {
        .carousel-image {
            margin-top: ~"[[setting:slidepadding]]";
        }
        &.side-caption .carousel-image {
            padding: ~"[[setting:slidepadding]]";
            margin-left: ~"[[setting:slideleftmargin]]";
        }
    }
  }
  // Left/right controls for nav.
  .carousel-control {
    color: ~"[[setting:slidebuttoncolor]]";
    &:hover,
    &:focus {
      color: ~"[[setting:slidebuttonhovercolor]]";
    }
  }

  // Carousel indicator pips.
  .carousel-indicators {
    box-shadow: 0px 0px 8px ~"[[setting:carouselcolor]]";
    li {
      background-color: ~"[[setting:carouselcolor]]";
    }
    .active {
      background-color: ~"[[setting:carouselactivecolor]]";
    }
  }
}

#essentialCarousel.carousel {
    @media (max-width: 767px) {
        .carousel-inner {
            > .item {
                height: ~"[[setting:slidesize_case1]]";
                .carousel-image-container {
                    line-height: ~"[[setting:slidesize_case1]]"; // See: http://www.vanseodesign.com/css/vertical-centering/.
                }
                .carousel-image {
                    max-height: ~"[[setting:slidesize_case1_90percent]]";
                }
            }
            &.below > .item, > .item.side-caption {
                height: ~"[[setting:slidesize_case1_135percent]]";
                .carousel-image-container.nocaption {
                    line-height: ~"[[setting:slidesize_case1_135percent]]";
                }
            }
            > .item.side-caption {
                div.nocaption {
                    margin-top: ~"[[setting:nocaptionmargintop]]";
                }
            }
        }
    }

    // @screen-sm-min.
    @media(min-width: 768px) {
        .carousel-inner {
            > .item {
                height: ~"[[setting:slidesize_case2]]";
                .carousel-image-container {
                    line-height: ~"[[setting:slidesize_case2]]";
                }
                .carousel-image {
                    max-height: ~"[[setting:slidesize_case2_90percent]]";
                }
                &.side-caption {
                    div.the-side-caption {
                        // Variation on: http://css-tricks.com/centering-in-the-unknown/.
                        height: ~"[[setting:slidesize_case2]]"; // Addition to technique.
                    }
                }
            }
            &.below > .item {
                height: ~"[[setting:slidesize_case2_135percent]]";
                .carousel-image-container.nocaption {
                    line-height: ~"[[setting:slidesize_case2_135percent]]";
                }
            }
        }
    }

    // @screen-md-min.
    @media(min-width: 992px) {
        .carousel-inner {
            > .item {
                height: ~"[[setting:slidesize_case3]]";
                .carousel-image-container {
                    line-height: ~"[[setting:slidesize_case3]]";
                }
                .carousel-image {
                    max-height: ~"[[setting:slidesize_case3_90percent]]";
                }
                &.side-caption {
                    div.the-side-caption {
                        height: ~"[[setting:slidesize_case3]]"; // Addition to technique.
                    }
                }
            }
            &.below > .item {
                height: ~"[[setting:slidesize_case4_135percent]]";
                .carousel-image-container.nocaption {
                    line-height: ~"[[setting:slidesize_case4_135percent]]";
                }
            }

        }
    }

    // @screen-lg-min.
    @media(min-width: 1200px) {
        .carousel-inner {
            > .item {
                height: ~"[[setting:slidesize_case4]]";
                .carousel-image-container {
                    line-height: ~"[[setting:slidesize_case4]]";
                }
                .carousel-image {
                    max-height: ~"[[setting:slidesize_case4_90percent]]";
                }
                &.side-caption {
                    div.the-side-caption {
                        height: ~"[[setting:slidesize_case4]]"; // Addition to technique.
                    }
                }
            }
            &.below > .item {
                height: ~"[[setting:slidesize_case4_135percent]]";
                .carousel-image-container.nocaption {
                    line-height: ~"[[setting:slidesize_case4_135percent]]";
                }
            }
        }
    }
}

/* @end */
\ No newline at end of file
diff --git a/lib.php b/lib.php
index 33b5c49b..8c9a0564 100644
--- a/lib.php
+++ b/lib.php
@@ -409,6 +409,35 @@ function theme_essential_set_slide_size($css, $slidesize) {
         $slidesize = 100;
     }
 
+    switch ($slidesize) {
+        case 10:
+            $replacement = '1';
+            $nocaptionmargintopreplacement = '2';
+        break;
+        case 25:
+            $replacement = '1';
+            $nocaptionmargintopreplacement = '3';
+        break;
+        case 50:
+            $replacement = '2';
+            $nocaptionmargintopreplacement = '4';
+        break;
+        case 75:
+            $replacement = '4';
+            $nocaptionmargintopreplacement = '5';
+        break;
+        case 100:
+            $replacement = '8';
+            $nocaptionmargintopreplacement = '6.5';
+        break;
+    }
+    $tag = '[[setting:slidepadding]]';
+    $css = str_replace($tag, $replacement . 'px', $css);
+    $tag = '[[setting:slideleftmargin]]';
+    $css = str_replace($tag, '-'. $replacement . 'px', $css);
+    $tag = '[[setting:nocaptionmargintop]]';
+    $css = str_replace($tag, $nocaptionmargintopreplacement . '%', $css);
+
     $slidesize /= 100;
 
     $cases = range(1, 4);
diff --git a/style/essential-rtl.css b/style/essential-rtl.css
index d64c5098..412d6a86 100644
--- a/style/essential-rtl.css
+++ b/style/essential-rtl.css
@@ -20643,18 +20643,6 @@ table.calendarmonth.calendartable {
 }
 
 @media (max-width: 767px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case1]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case1]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case1_90percent]];
-  }
-
   #essentialCarousel.carousel .carousel-inner > .item .carousel-caption {
     position: absolute;
   }
@@ -20671,39 +20659,13 @@ table.calendarmonth.calendartable {
     margin-top: 6.5%;
   }
 
-  #essentialCarousel.carousel .carousel-inner.below > .item,
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption {
-    height: [[setting:slidesize_case1_135percent]];
-  }
-
   #essentialCarousel.carousel .carousel-inner.below > .item .carousel-caption,
   #essentialCarousel.carousel .carousel-inner > .item.side-caption .carousel-caption {
     height: 45px;
   }
-
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption,
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case1_135percent]];
-  }
 }
 
 @media (min-width: 768px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case2]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case2]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case2_90percent]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
-    height: [[setting:slidesize_case2]];
-  }
-
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption:before {
     content: '';
     display: inline-block;
@@ -20727,18 +20689,10 @@ table.calendarmonth.calendartable {
     font-size: 14px;
   }
 
-  #essentialCarousel.carousel .carousel-inner.below > .item {
-    height: [[setting:slidesize_case2_135percent]];
-  }
-
   #essentialCarousel.carousel .carousel-inner.below > .item .carousel-caption {
     height: 55px;
   }
 
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case2_135percent]];
-  }
-
   #essentialCarousel.carousel .carousel-control {
     font-size: 40px;
   }
@@ -20751,22 +20705,6 @@ table.calendarmonth.calendartable {
 }
 
 @media (min-width: 992px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case3]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case3]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case3_90percent]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
-    height: [[setting:slidesize_case3]];
-  }
-
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption h4 {
     font-size: 26px;
   }
@@ -20775,40 +20713,16 @@ table.calendarmonth.calendartable {
     font-size: 18px;
   }
 
-  #essentialCarousel.carousel .carousel-inner.below > .item {
-    height: [[setting:slidesize_case4_135percent]];
-  }
-
   #essentialCarousel.carousel .carousel-inner.below > .item .carousel-caption {
     height: 65px;
   }
 
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case3_135percent]];
-  }
-
   #essentialCarousel.carousel .carousel-control {
     font-size: 50px;
   }
 }
 
 @media (min-width: 1200px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case4]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case4]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case4_90percent]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
-    height: [[setting:slidesize_case4]];
-  }
-
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption h4 {
     font-size: 32px;
   }
@@ -20817,14 +20731,6 @@ table.calendarmonth.calendartable {
     font-size: 20px;
   }
 
-  #essentialCarousel.carousel .carousel-inner.below > .item {
-    height: [[setting:slidesize_case4_135percent]];
-  }
-
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case4_135percent]];
-  }
-
   #essentialCarousel.carousel .carousel-control {
     font-size: 60px;
   }
@@ -23435,7 +23341,7 @@ body.format-topcoll .course-content ul.ctopics li.section.main {
 
 @media (max-width: 979px) {
   font-size: 13px !important;
-
+  
   h1#title {
     font-size: 2.5em;
     line-height: 35px;
diff --git a/style/essential-settings.css b/style/essential-settings.css
index fa9dae49..e95c2773 100644
--- a/style/essential-settings.css
+++ b/style/essential-settings.css
@@ -233,6 +233,13 @@ ul.breadcrumb.style2 li a:hover {
 #essentialCarousel.carousel .carousel-inner .carousel-caption p {
   color: [[setting:slidecolor]];
 }
+#essentialCarousel.carousel .carousel-inner > .item .carousel-image {
+  margin-top: [[setting:slidepadding]];
+}
+#essentialCarousel.carousel .carousel-inner > .item.side-caption .carousel-image {
+  padding: [[setting:slidepadding]];
+  margin-left: [[setting:slideleftmargin]];
+}
 #essentialCarousel.carousel .carousel-control {
   color: [[setting:slidebuttoncolor]];
 }
@@ -249,6 +256,88 @@ ul.breadcrumb.style2 li a:hover {
 #essentialCarousel.carousel .carousel-indicators .active {
   background-color: [[setting:carouselactivecolor]];
 }
+@media (max-width: 767px) {
+  #essentialCarousel.carousel .carousel-inner > .item {
+    height: [[setting:slidesize_case1]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
+    line-height: [[setting:slidesize_case1]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
+    max-height: [[setting:slidesize_case1_90percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item,
+  #essentialCarousel.carousel .carousel-inner > .item.side-caption {
+    height: [[setting:slidesize_case1_135percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption,
+  #essentialCarousel.carousel .carousel-inner > .item.side-caption .carousel-image-container.nocaption {
+    line-height: [[setting:slidesize_case1_135percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.nocaption {
+    margin-top: [[setting:nocaptionmargintop]];
+  }
+}
+@media (min-width: 768px) {
+  #essentialCarousel.carousel .carousel-inner > .item {
+    height: [[setting:slidesize_case2]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
+    line-height: [[setting:slidesize_case2]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
+    max-height: [[setting:slidesize_case2_90percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
+    height: [[setting:slidesize_case2]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item {
+    height: [[setting:slidesize_case2_135percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
+    line-height: [[setting:slidesize_case2_135percent]];
+  }
+}
+@media (min-width: 992px) {
+  #essentialCarousel.carousel .carousel-inner > .item {
+    height: [[setting:slidesize_case3]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
+    line-height: [[setting:slidesize_case3]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
+    max-height: [[setting:slidesize_case3_90percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
+    height: [[setting:slidesize_case3]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item {
+    height: [[setting:slidesize_case4_135percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
+    line-height: [[setting:slidesize_case4_135percent]];
+  }
+}
+@media (min-width: 1200px) {
+  #essentialCarousel.carousel .carousel-inner > .item {
+    height: [[setting:slidesize_case4]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
+    line-height: [[setting:slidesize_case4]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
+    max-height: [[setting:slidesize_case4_90percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
+    height: [[setting:slidesize_case4]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item {
+    height: [[setting:slidesize_case4_135percent]];
+  }
+  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
+    line-height: [[setting:slidesize_case4_135percent]];
+  }
+}
 /* @end */
 /*
  * @package   theme_essential
diff --git a/style/essential.css b/style/essential.css
index 1c5af05d..b52a54f2 100644
--- a/style/essential.css
+++ b/style/essential.css
@@ -17182,15 +17182,6 @@ table.calendarmonth.calendartable {
   }
 }
 @media (max-width: 767px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case1]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case1]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case1_90percent]];
-  }
   #essentialCarousel.carousel .carousel-inner > .item .carousel-caption {
     position: absolute;
   }
@@ -17203,32 +17194,12 @@ table.calendarmonth.calendartable {
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.nocaption {
     margin-top: 6.5%;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item,
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption {
-    height: [[setting:slidesize_case1_135percent]];
-  }
   #essentialCarousel.carousel .carousel-inner.below > .item .carousel-caption,
   #essentialCarousel.carousel .carousel-inner > .item.side-caption .carousel-caption {
     height: 45px;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption,
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case1_135percent]];
-  }
 }
 @media (min-width: 768px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case2]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case2]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case2_90percent]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
-    height: [[setting:slidesize_case2]];
-  }
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption:before {
     content: '';
     display: inline-block;
@@ -17248,15 +17219,9 @@ table.calendarmonth.calendartable {
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption p {
     font-size: 14px;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item {
-    height: [[setting:slidesize_case2_135percent]];
-  }
   #essentialCarousel.carousel .carousel-inner.below > .item .carousel-caption {
     height: 55px;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case2_135percent]];
-  }
   #essentialCarousel.carousel .carousel-control {
     font-size: 40px;
   }
@@ -17267,62 +17232,26 @@ table.calendarmonth.calendartable {
   }
 }
 @media (min-width: 992px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case3]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case3]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case3_90percent]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
-    height: [[setting:slidesize_case3]];
-  }
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption h4 {
     font-size: 26px;
   }
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption p {
     font-size: 18px;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item {
-    height: [[setting:slidesize_case4_135percent]];
-  }
   #essentialCarousel.carousel .carousel-inner.below > .item .carousel-caption {
     height: 65px;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case4_135percent]];
-  }
   #essentialCarousel.carousel .carousel-control {
     font-size: 50px;
   }
 }
 @media (min-width: 1200px) {
-  #essentialCarousel.carousel .carousel-inner > .item {
-    height: [[setting:slidesize_case4]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image-container {
-    line-height: [[setting:slidesize_case4]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item .carousel-image {
-    max-height: [[setting:slidesize_case4_90percent]];
-  }
-  #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption {
-    height: [[setting:slidesize_case4]];
-  }
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption h4 {
     font-size: 32px;
   }
   #essentialCarousel.carousel .carousel-inner > .item.side-caption div.the-side-caption p {
     font-size: 20px;
   }
-  #essentialCarousel.carousel .carousel-inner.below > .item {
-    height: [[setting:slidesize_case4_135percent]];
-  }
-  #essentialCarousel.carousel .carousel-inner.below > .item .carousel-image-container.nocaption {
-    line-height: [[setting:slidesize_case4_135percent]];
-  }
   #essentialCarousel.carousel .carousel-control {
     font-size: 60px;
   }
@@ -19454,7 +19383,7 @@ body.format-topcoll .course-content ul.ctopics li.section.main {
 }
 @media (max-width: 979px) {
   font-size: 13px !important;
-
+  
   h1#title {
     font-size: 2.5em;
     line-height: 35px;