/******************************************************
    Smaller than 1200px
*******************************************************/

@media screen and (max-width: 1200px) {
    
    .wrapper {
        width: 960px;
    }

    /*-------------------------------------------*\
        Main Header Styling
    \*-------------------------------------------*/

    .header-banner {
        margin-top: 61px;
    }

    .header-banner img {
        max-width: 550px;
    }

    /*** Menu Styling ***/

    #hidden-sidebar-icon {
        display: none;
    }

    #menu-icon {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 86px;
        color: #FFF;
        font-size: 14px;
        line-height: 68px;
        text-transform: uppercase;
        cursor: pointer;
        transition: color .3s;
    }

    #menu-icon i {
        float: left;
        margin-right: 9px;
        font-size: 21px;
        line-height: 68px;
    }

    #main-nav,
    #main-nav .zeekmega {
        display: none;
    }
    
    #main-nav-wrap #logo-wrap {
	    text-align: center;
	    float: none;
    }
    
    #main-nav {
        position: absolute;
        left: 0;
        top: 85px;
        z-index: 1000;
        display: none;
        max-width: 320px;
        height: auto;
        border: 1px solid #eee;
        background-color: #fff;
        box-shadow: 0px 2px 8px rgba(0,0,0,0.06);
    }
    #main-nav .current-menu-item a {
	    color:#1c315f;
    }

    #main-nav:before {
        position: absolute;
        left: 22px;
        top: -10px;
        z-index: 1;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #eee;
    }

    #main-nav:after {
        position: absolute;
        left: 23px;
        top: -8px;
        z-index: 2;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;
    }

    #main-nav ul li ul {
        border: none;
    }

    #main-nav li {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
        margin-right: 0;
        border-bottom: 1px solid #eee;
        line-height: 44px;
    }

    #main-nav li:last-child {
        border-bottom: none;
    }

    #main-nav a {
        height: auto;
        padding: 14px 16px;
        line-height: 22px;
        color:#1c315f;
    }

    #main-nav ul li ul a {
        padding: 14px 36px;
    }

    #main-nav .menu-item-has-children > a::after {
        display: none !important;
    }

    /*** Main Nav Drop Down Menu ***/
    
    #main-nav ul li ul {
        position: static;
        padding: 0;
        visibility: visible;
        box-shadow: none;
        background-color: transparent;
        border-top: 1px solid #eee;
        opacity: 1;
    }

    #main-nav ul li:hover > ul {
        animation-name: none;
    }

    #main-nav ul li ul:before,
    #main-nav ul li ul:after {
        display: none;
    }

    /*** Header Posts Styling ***/

    #favorites-posts article {
        width: 212px;
    }

    #favorites-posts 
    .format-icon {
        left: 81px;
        top: 44px;
    }

    /*-------------------------------------------*\
        Featured Posts Styling
    \*-------------------------------------------*/

    #featured-posts {
        height: 456px;
    }

    #large-feat {
        width: 509px;
    }

    #feat-col-2 {
        width: 439px;
    }

    .medium-feat {
        height: 222px;
    }

    .white-caption {
        padding-top: 20px;
    }

    #large-feat .white-caption {
        max-width: 382px;
    }

    .medium-feat .white-caption {
        max-width: 314px;
        padding-top: 16px;
    }

    #large-feat .post-title-home {
        font-size: 32px;
        line-height: 38px;
        width: 52%;
    }

    .medium-feat .post-title-home {
        margin-bottom: 16px;
        font-size: 26px;
        line-height: 32px;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post {
        width: 460px;
        height: 436px;
    }

    .large-post .white-caption {
        max-width: 322px;
    }

    .large-post .post-title {
        font-size: 30px;
        line-height: 36px;
    }

    .large-post.no-cap .post-thumb {
        height: 436px;
    }

    .large-post.no-cap .post-title {
        font-size: 30px;
        line-height: 34px;
    }

    /*-------------------------------------------*\
        Image Posts Styling
    \*-------------------------------------------*/

    .large-image-post {
        width: 540px;
        height: 259px;
    }

    .large-image-post 
    .gradient-caption {
        max-width: 494px;
    }

    .large-image-post .post-title {
        font-size: 30px;
        line-height: 36px;
    }

    .small-image-post {
        width: 394px;
        height: 259px;
    }

    .small-image-post .post-title {
        font-size: 24px;
        line-height: 28px;
    }

    .image-post .format-icon {
        width: 50px;
        height: 50px;
        line-height: 54px;
    }

    .image-post.format-video 
    .format-icon::after {
        left: 22px;
        top: 18px;
    }

    /*-------------------------------------------*\
        Recent / Medium Posts Styling
    \*-------------------------------------------*/

    .posts-outer-wrap, .recent-posts-wrap {
        width: 628px;
    }

    .medium-post {
        width: 296px;
    }

    /*-------------------------------------------*\
        Featured Slider Styling
    \*-------------------------------------------*/

    #featured-slider {
        height: 456px;
    }

    #featured-slider.featured-slider-two, 
    #featured-slider .caption-bg {
        height: 456px;
    }

    /*-------------------------------------------*\
        Main Sidebar Styling
    \*-------------------------------------------*/

    .main-sidebar-wrap,
    .main-sidebar {
        width: 296px !important;
    }

    .widget .small-post .post-thumb {
        width: 140px;
        height: 94px;
    }

    .small-post .format-icon {
        left: 49px;
        top: 25px;
    }

    .widget #s {
        width: 154px;
    }

    /*-------------------------------------------*\
        Single Post Page Styling
    \*-------------------------------------------*/

    .single-post-title {
        font-size: 36px;
        line-height: 46px;
    }

    .single-layout-5 
    .single-post-title {
        font-size: 32px;
        line-height: 40px;
    }

    .single-outer-wrap {
        width: 614px;
    }
    
    .comment .children {
	    margin-left:24px;
    }

    /*** Related Posts Styling ***/

    .single-layout-4 #related-posts 
    .medium-post, 
    .single-layout-5 #related-posts 
    .medium-post {
        width: 289px;
    }

    /*-------------------------------------------*\
        Page Template Styling
    \*-------------------------------------------*/

    .wpcf7-textarea {
        width: 602px;
    }

    /*-------------------------------------------*\
        Main Footer Styling
    \*-------------------------------------------*/

    #footer-subscription p {
        max-width: 40%;
    }

    #main-footer .widget {
        width: 296px;
    }

    #main-footer .widget #s {
        width: 153px;
    }

}

/******************************************************
    Smaller than 960px
*******************************************************/

@media screen and (max-width: 960px) {

    .wrapper {
        width: 700px;
    }

    /*-------------------------------------------*\
        Main Header Styling
    \*-------------------------------------------*/

    .header-banner {
        margin-top: 73px;
    }

    .header-banner img {
        max-width: 370px;
    }

    /*** Menu Styling ***/

    #main-nav-sticky.stick-it {
        position: static;
    }

    /*** Header Posts Styling ***/

    #favorites-posts article {
        margin-right: 31px;
    }

    #favorites-posts article:nth-child(4) {
        display: none;
    }

    /*-------------------------------------------*\
        Featured Posts Styling
    \*-------------------------------------------*/

    #featured-posts,
    #large-feat .post-thumb {
        height: 550px;
    }

    #large-feat {
        width: 700px;
    }

    #large-feat img {
        width: 100%;
        height: auto;
    }

    #large-feat .white-caption {
        max-width: 543px;
    }

    #feat-col-2 {
        display: none;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post {
        width: 330px;
        height: 312px;
    }

    .large-post .white-caption {
        max-width: 238px;
        padding-right: 34px;
    }

    .large-post .post-title {
        font-size: 24px;
        line-height: 28px;
    }

    /*-------------------------------------------*\
        Image Posts Styling
    \*-------------------------------------------*/

    .image-posts-row-1 {
        margin-bottom: 16px;
    }

    .large-image-post {
        width: 390px;
        height: 186px;
    }

    .small-image-post {
        width: 294px;
        height: 186px;
    }

    .image-post .format-icon {
        display: none;
    }

    .large-image-post .post-title {
        font-size: 24px;
        line-height: 30px;
    }

    .small-image-post .post-title {
        font-size: 20px;
        line-height: 24px;
    }

    .gradient-caption .post-title {
        margin-bottom: 14px;
    }

    .large-image-post 
    .gradient-caption {
        max-width: 346px;
    }

    .small-image-post .gradient-caption {
        max-width: 248px;
    }

    .gradient-caption {
        bottom: 18px;
    }

    /*-------------------------------------------*\
        Recent / Medium Posts Styling
    \*-------------------------------------------*/

    .posts-outer-wrap, .recent-posts-wrap {
        width: 100%;
    }

    .medium-post {
        width: 332px;
    }

    .full-width-posts 
    .medium-post:nth-child(3n) {
        margin-right: 36px;
    }

    .full-width-posts 
    .medium-post:nth-child(2n) {
        margin-right: 0;
    }

    .full-width-posts 
    .medium-post:nth-child(3n+1) {
        clear: none;
    }

    /*-------------------------------------------*\
        Featured Slider Styling
    \*-------------------------------------------*/

    #featured-slider {
        height: 333px;
        margin-bottom: 50px;
    }

    #featured-slider.featured-slider-two, 
    #featured-slider .caption-bg {
        height: 332px;
    }

    #featured-slider.small-slider {
        height: 486px;
    }

    #featured-slider 
    .white-caption {
        max-width: 420px;
    }

    #featured-slider h1,
    #featured-slider.featured-slider-two h1,
    #featured-slider.small-slider h1 {
        font-size: 32px;
        line-height: 38px;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post.no-cap 
    .post-thumb {
        height: 312px;
        margin-bottom: 20px;
    }

    .large-post.no-cap 
    .post-title {
        font-size: 26px;
        line-height: 30px;
    }

    .full-width-posts.home2-full-width-posts 
    .medium-post:nth-child(3) {
        display: none;
    }

    /*-------------------------------------------*\
        Main Sidebar Styling
    \*-------------------------------------------*/

    .main-sidebar-wrap,
    .main-sidebar {
        position: static;
        width: 100% !important;
    }

    .widget #s {
        width: 190px;
    }

    .main-sidebar 
    .widget {
        width: 332px;
        float: left;
        margin-right: 36px;
    }

    .main-sidebar 
    .widget:nth-child(2n) {
        margin-right: 0;
    }

    /*-------------------------------------------*\
        Single Post Page Styling
    \*-------------------------------------------*/

    .full-single-thumb {
        height: 430px;
    }

    .single-post-title {
        font-size: 34px;
        line-height: 42px;
    }

    .single-2-thumb {
        margin-bottom: 46px;
    }

    .single-outer-wrap {
        width: 700px;
    }

    .large-single-wrap {
        width: 90%;
    }

    #related-posts 
    .medium-post:nth-child(2) {
        margin-right: 0;
    }

    #related-posts 
    .medium-post:nth-child(3) {
        display: none;
    }

    .single-layout-4 #related-posts 
    .medium-post, .single-layout-5 #related-posts 
    .medium-post {
        width: 332px;
    }
    
    .post-comment {display:none;}

    /*-------------------------------------------*\
        Page Template Styling
    \*-------------------------------------------*/

    .wpcf7-textarea {
        width: 688px;
    }

    /*-------------------------------------------*\
        Main Footer Styling
    \*-------------------------------------------*/

    #footer-subscription p {
        max-width: 100%;
    }

    #footer-subscription .input-wrap {
        float: left;
        margin-top: 16px;
    }

    #main-footer .widget {
        width: 332px;
    }

    #main-footer .widget:nth-child(3n) {
        margin-right: 36px;
    }

    #main-footer .widget:nth-child(3n+1) {
        clear: none;
    }

    #main-footer .widget:nth-child(2n) {
        margin-right: 0;
    }

    #main-footer .widget #s {
        width: 190px;
    }

}

/******************************************************
    Smaller than 700px
*******************************************************/

@media screen and (max-width: 700px) {

    .wrapper {
        width: 320px;
    }

    /*-------------------------------------------*\
        Main Header Styling
    \*-------------------------------------------*/

    #main-header {
        height: auto;
        padding: 40px;
    }

    #main-header #logo-wrap {
        float: none;
        text-align: center;
    }
    #main-nav-wrap #logo-wrap {
	    text-align: center;
	    float: none;
    }

    #main-header .site-logo, 
    #main-header .site-text-logo {
        float: none;
    }

    #main-header .site-logo {
        line-height: normal;
    }

    .site-text-logo {
        margin-top: 0;
    }

    #logo-wrap img {
        max-width: 100%;
    }

    .header-banner {
        float: none;
        margin-top: 40px;
    }

    .header-banner img {
        max-width: 100%;
    }

    #modal-search-inner {
        width: 80%;
    }

    #modal-search #searchform {
        height: 82px;
    }

    #modal-search #s {
        font-size: 24px;
    }

    #favorites-posts {
        display: none;
    }

    /*-------------------------------------------*\
        Featured Posts Styling
    \*-------------------------------------------*/

    #featured-posts,
    #large-feat .post-thumb {
        height: 550px;
    }

    #large-feat {
        width: 100%;
    }

    #large-feat .white-caption {
        max-width: 200px;
    }

    .feat-post .post-title {
        margin-bottom: 8px;
    }

    #large-feat .post-meta li {
        display: none;
    }

    #large-feat li.post-date {
        display: block;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post {
        width: 100%;
        height: auto;
    }

    .large-post:last-child {
        margin-top: 34px;
        margin-left: 0;
    }

    .large-post .format-icon {
        left: 18px;
        top: 18px;
    }

    .large-post .post-meta li {
        display: none;
    }

    .large-post .post-meta 
    li.post-date {
        display: block;
    }

    /*-------------------------------------------*\
        Image Posts Styling
    \*-------------------------------------------*/

    #image-posts {
        margin-bottom: 50px;
    }

    .image-posts-row-1 {
        margin-bottom: 0;
    }

    .large-image-post,
    .small-image-post {
        width: 100%;
        height: 152px;
        margin-bottom: 10px;
    }

    #image-posts 
    .gradient-caption {
        bottom: 10px;
        max-width: 80%;
    }

    .gradient-caption .post-title {
        margin-bottom: 5px;
    }

    #image-posts 
    .large-image-post .post-title {
        font-size: 20px;
        line-height: 24px;
    }

    #image-posts 
    .post-meta li {
        display: none;
    }

    #image-posts 
    .post-meta .post-date {
        display: block;
    }

    /*-------------------------------------------*\
        Featured Posts Styling
    \*-------------------------------------------*/

    #featured-posts,
    #large-feat .post-thumb {
        height: 300px;
    }

    #large-feat .post-title {
        font-size: 26px;
        line-height: 30px;
    }

    /*-------------------------------------------*\
        Featured Slider Styling
    \*-------------------------------------------*/

    #featured-slider {
        display: none;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post.no-cap 
    .post-thumb {
        height: 300px;
    }

    .large-post.no-cap 
    .post-meta li {
        display: inline-block;
    }

    /*-------------------------------------------*\
        Recent / Medium Posts Styling
    \*-------------------------------------------*/

    .single-layout-4 #related-posts .medium-post, 
    .single-layout-5 #related-posts .medium-post,
    .medium-post {
        width: 100%;
        margin-right: 0;
    }

    /*-------------------------------------------*\
        Widgets Styling
    \*-------------------------------------------*/

    .main-sidebar .widget,
    #main-footer .widget {
        width: 100%;
        margin-right: 0;
    }

    .widget #s,
    #main-footer .widget #s {
        width: 178px;
    }

    /*-------------------------------------------*\
        Single Post Page Styling
    \*-------------------------------------------*/

    .large-single-wrap {
        width: 320px;
    }

    .single-outer-wrap {
        width: 100%;
    }

    .full-single-thumb {
        height: 210px;
    }

    .single-thumb-cap {
        bottom: 0;
    }

    .single-layout-5 
    .single-thumb {
        margin-bottom: 28px;
    }

    .single-thumb-cap 
    .post-meta li {
        display: none;
    }

    .single-thumb-cap 
    .post-meta li.post-date {
        display: block;
    }

    .single-post-title,
    .single-layout-5 
    .single-post-title {
        margin-bottom: 18px;
        font-size: 24px;
        line-height: 28px;
    }

    .single-thumb-cap 
    .single-post-title {
        margin-bottom: 10px;
    }

    .single-header-wrap 
    .single-share {
        float: left;
        margin-top: 20px;
    }

    .single-2-thumb {
        margin-bottom: 22px;
    }

    .entry 
    .is-type-video iframe {
        height: 180px;
    }

    #comment {
        width: 95%;
    }

    .entry table td,
    .entry table th,
    .comment table td,
    .comment table th {
        padding: 13px;
    }
    
    .comment .children {
	    margin-left:24px;
    }
    
    .post-comment {display:none;}
    /*-------------------------------------------*\
        Page Template & Error Page Styling
    \*-------------------------------------------*/

    .wpcf7-textarea {
        width: 300px;
    }

    .error-wrap 
    #searchform {
        width: 100%;
    }

    .error-wrap #s {
        width: 178px;
    }

    /*-------------------------------------------*\
        Main Footer Styling
    \*-------------------------------------------*/

    #footer-subscription 
    .input-wrap {
        width: 100%;
    }

    #footer-subscription 
    input[type=email] {
        width: 160px;
        font-size: 12px;
    }

    #footer-subscription 
    input[type=submit] {
        padding: 0 20px;
    }

    #footer-social li:nth-child(5) {
        margin-right: 0;
    }

    #footer-social li:nth-child(6),
    #footer-social li:nth-child(7) {
        margin-top: 18px;
    }

    .footer-social-wrap p {
        width: 100%;
    }

    #copyright {
        height: auto;
        padding: 30px 0;
    }

    #copyright p {
        line-height: 20px;
    }

}

/******************************************************
    Smaller than 330px
*******************************************************/

@media screen and (max-width: 330px) {

    .wrapper {
        width: 240px;
    }

    /*-------------------------------------------*\
        Main Header Styling
    \*-------------------------------------------*/

    #main-nav {
        max-width: 238px;
    }

    /*-------------------------------------------*\
        Featured Posts Styling
    \*-------------------------------------------*/

    #featured-posts {
        margin-bottom: 50px;
    }

    #featured-posts, 
    #large-feat .post-thumb {
        height: 227px;
    }

    #large-feat .white-caption {
        max-width: 150px;
        padding: 15px 30px 0;
    }

    #large-feat .post-title {
        font-size: 20px;
        line-height: 24px;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post .white-caption {
        max-width: 156px;
        padding-right: 30px;
        padding-bottom: 0;
    }

    .large-post .post-title {
        font-size: 20px;
        line-height: 24px;
    }

    /*-------------------------------------------*\
        Image Posts Styling
    \*-------------------------------------------*/

    .large-image-post {
        display: none;
    }

    .small-image-post {
        height: 204px;
    }

    .fourth-home #image-posts, 
    .fifth-home #image-posts {
        margin-bottom: 70px;
    }

    /*-------------------------------------------*\
        Medium Posts Styling
    \*-------------------------------------------*/

    .medium-post {
        margin-bottom: 32px;
    }

    .medium-post .post-thumb {
        margin-bottom: 16px;
    }

    .medium-post .post-title {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 24px;
    }

    .medium-post .post-meta li {
        display: none;
    }

    .medium-post .post-meta 
    li.post-date {
        display: block;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post.no-cap 
    .post-thumb {
        height: 226px;
        margin-bottom: 14px;
    }

    .large-post.no-cap 
    .format-icon {
        left: 95px;
        top: 89px;
    }

    .large-post.no-cap 
    .post-title {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 24px;
    }

    .large-post.no-cap 
    .post-meta li {
        display: none;
    }

    .large-post.no-cap 
    .post-meta li.post-date {
        display: block;
    }

    /*-------------------------------------------*\
        Widgets Styling
    \*-------------------------------------------*/

    .widget .small-post {
        margin-bottom: 38px;
        text-align: center;
    }

    .widget .small-post 
    .post-thumb {
        width: 156px;
        height: 106px;
        float: none;
        margin: 0 auto 18px;
    }

    .small-post .format-icon {
        left: 55px;
        top: 30px;
    }

    .widget .small-post 
    .post-meta li {
        float: none;
    }

    .widget #s, #main-footer .widget #s {
        width: 98px;
    }

    #wp-calendar {
        font-size: 14px;
    }

    /*-------------------------------------------*\
        Single Post Page Styling
    \*-------------------------------------------*/

    .large-single-wrap {
        width: 240px;
    }

    .full-single-thumb {
        height: 180px;
    }

    .single-post-title,
    .single-layout-5 
    .single-post-title {
        margin-bottom: 18px;
        font-size: 20px;
        line-height: 24px;
    }

    .single-thumb-cap 
    .post-meta li {
        height: 18px;
        line-height: 21px;
    }

    .entry 
    .is-type-video iframe {
        height: 134px;
    }

    /*-------------------------------------------*\
        Page Template & Error Page Styling
    \*-------------------------------------------*/

    .wpcf7-text,
    .wpcf7-textarea {
        width: 228px;
    }

    .error-wrap #s {
        width: 98px;
    }

    /*-------------------------------------------*\
        Main Footer Styling
    \*-------------------------------------------*/

    #footer-subscription h1 {
        font-size: 24px;
    }

    #footer-social {
        width: 180px;
        margin: 0 auto;
    }

    #footer-social li:nth-child(3),
    #footer-social li:nth-child(6) {
        margin-right: 0;
    }

    #footer-social li:nth-child(5) {
        margin-right: 18px;
    }

    #footer-social li:nth-child(4),
    #footer-social li:nth-child(5),
    #footer-social li:nth-child(6),
    #footer-social li:nth-child(7) {
        margin-top: 18px;
    }

}

/******************************************************
    Smaller than 240px
*******************************************************/

@media screen and (max-width: 240px) {

    .wrapper {
        width: 220px;
    }

    /*-------------------------------------------*\
        Main Header Styling
    \*-------------------------------------------*/

    #main-header {
        padding: 20px 0;
    }

    #main-nav {
        max-width: 218px;
    }

    .m-search-close {
        right: 22px;
    }

    /*-------------------------------------------*\
        Featured Posts Styling
    \*-------------------------------------------*/

    #featured-icon {
        left: -10px;
        top: -10px;
        width: 40px;
        height: 40px;
        background-position-x: 9px;
    }

    .large-post .format-icon {
        display: none;
    }

    /*-------------------------------------------*\
        Image Posts Styling
    \*-------------------------------------------*/

    .small-image-post {
        height: 189px;
    }

    /*-------------------------------------------*\
        Large Posts Styling
    \*-------------------------------------------*/

    .large-post.no-cap 
    .post-thumb {
        height: 206px;
    }

    /*-------------------------------------------*\
        Single Post Page Styling
    \*-------------------------------------------*/

    .full-single-thumb img {
        width: 133%;
        max-width: 133%;
    }

    .large-single-wrap {
        width: 220px;
    }

    .entry 
    .is-type-video iframe {
        height: 123px;
    }

    /*-------------------------------------------*\
        Page Template & Error Page Styling
    \*-------------------------------------------*/

    .wpcf7-text,
    .wpcf7-textarea {
        width: 208px;
    }

    .error-content-wrap h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .error-wrap #s {
        width: 78px;
    }

    /*-------------------------------------------*\
        Widgets Styling
    \*-------------------------------------------*/

    .widget #s, #main-footer .widget #s {
        width: 78px;
    }

    #main-footer .widget:nth-child(3n) {
        margin-right: 0;
    }

    /*-------------------------------------------*\
        Main Footer Styling
    \*-------------------------------------------*/

    #back-to-top {
        right: 15px;
        bottom: 3%;
    }

}