.landing-page-rotator-widget {
    padding: 0 !important;
    .img-responsive, 
    .thumbnail > img, 
    .thumbnail a > img, 
    .carousel-inner > .item > img, 
    .carousel-inner > .item > a > img {
        display: block;
        height: auto;
        max-width: inherit !important;
    }
    .carousel .fill {
        width: 100%;
        height: 460px;
        background-position: center;
        background-size: cover;
    }
    header.carousel {
        .item, 
        .item.active, 
        .carousel-inner {
            height: 100%;
        }
    }
    .gradient-svg {
        transition: width 0.5s ease;
        position: absolute !important;
        bottom: -1px;
        z-index: 0 !important;
    }
    .carousel-indicators {
        position: absolute;
        bottom: 40% !important;
        left: 0 !important;
        z-index: 0;
        width: 90% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        list-style: none;
        text-align: right !important;
        margin: 0 !important;
        right: 0 !important;
        .active {
            background-color: #fff;
            height: 10px;
            margin: 1px;
            width: 10px;
        }
        li {
            background-color: rgba(250, 250, 250, 0.4);
            border: none;
            border-radius: 10px;
            cursor: pointer;
            display: inline-block;
            height: 10px;
            margin: 1px;
            text-indent: -999px;
            width: 10px;
        }
    }
    .carousel-caption {
        padding-bottom: 0 !important;
        width: 100% !important;
        text-align: left !important;
        bottom: 0 !important;
        left: inherit !important;
        right: inherit !important;
        padding-left: 50px;
        text-shadow: none;
        h1 {
            padding-bottom: 0 !important;
            width: 100%;
            text-align: left;
            line-height: 1em;
            font-weight: 100 !important;
        }
        h4 {
            /*Defect  1.3 - Start*/
            /*padding-bottom: 0 !important;*/
            padding-bottom: 40px !important;
            /*Defect  1.3 - End*/
            width: 100%;
            text-align: left;
            line-height: 1.375em;
            margin: 15px 0;
        }
        a {
            transition: color 0.5s ease;
            color: #ffffff;
            text-decoration: none;
            &:hover {
                transition: color 0.5s ease;
                color: #f0efed;
                text-decoration: none;
            }
            &:active {
                transition: color 0.5s ease;
                color: #f0efed;
                text-decoration: none;
            }
            &:focus {
                transition: color 0.5s ease;
                color: #f0efed;
                text-decoration: none;
            }
        }
    }
    .second-nav-desktop {
        background: #575a5d;
        height: 45px;
    }
    ul.second-nav-ul {
        color: #cccccc;
        display: block;
        font-size: 16px;
        left: 0;
        margin: auto;
        padding: 13px 0;
        position: relative;
        right: 0;
        width: 100%;
        text-align: center;
        z-index:2;
    }
    .row {
        display: none;
        &.active {
            display: block;
        }
    }
}

@media (max-width: 480px) {
    .landing-page-rotator-widget {
        button {
            &.second-nav-dropdown-toggle {
                &.dropdown-toggle {
                    width: 100%;
                    background: #575a5d;
                    height: 45px;
                    border: none;
                    color: #fff;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-weight: 100;
                    letter-spacing: 2px;
                }
            }
        }
        ul {
            &.second-nav-menu {
                &.dropdown-menu {
                    width: 100%;
                    background: #575a5d;
                    border-radius: 0;
                    top: -2px;
                    border: none;
                    box-shadow: none;
                    position: relative;
                    padding: 20px;
                    margin-bottom: 30px;
                    text-transform: uppercase;
                    li {
                        transition: background-color 0.5s ease;
                        width: 100%;
                        border: 2px solid #9a9c9e;
                        border-radius: 0;
                        text-align: center;
                        color: #fff;
                        margin-bottom: 20px;
                        a {
                            text-align: center;
                            color: #fff;
                            padding: 20px 0;
                            transition: color 0.5s ease;
                            &:hover, 
                            &:focus {
                                background-color: #9a9c9e !important;
                                text-align: center;
                                color: #ffffff;
                                padding: 20px 0;
                            }
                        }
                        &:hover, 
                        &:focus {
                            width: 100%;
                            border: 2px solid #9a9c9e;
                            border-radius: 0;
                            text-align: center;
                            color: #575a5d;
                            margin-bottom: 20px;
                            background-color: #9a9c9e !important;
                        }
                    }
                }
            }
        }
        .carousel .fill {
            width: 100%;
            height: 300px;
            background-position: center;
            background-size: cover;
        }
        .carousel-caption {
            padding: 10px 20px !important;
            h1 {
                font-size: 1.175em !important;
                line-height: 1.250em;
                margin-bottom: 20px;
            }
            h4 {
                font-size: 1em !important;
                line-height: 1.375em;
                display: none;
            }
        }
        .gradient-svg {
            width: 177%;
            position: relative;
            left: -177px;
            display: block;
            min-width: 320px;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 46% !important;
            left: 0 !important;
            z-index: 0;
            width: 100% !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            list-style: none;
            text-align: center !important;
            margin: 0 auto !important;
            right: 0 !important;
        }
    }
}


@media (min-width: 481px) {
    .landing-page-rotator-widget {
        button {
            &.second-nav-dropdown-toggle {
                &.dropdown-toggle {
                    width: 100%;
                    background: #575a5d;
                    height: 45px;
                    border: none;
                    color: #fff;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-weight: 100;
                    font-size: 16px;
                    letter-spacing: 2px;
                }
            }
        }
        ul {
            &.second-nav-menu {
                &.dropdown-menu {
                    width: 100%;
                    background: #575a5d;
                    border-radius: 0;
                    top: -2px;
                    border: none;
                    box-shadow: none;
                    position: relative;
                    padding: 20px;
                    margin-bottom: 30px;
                    text-transform: uppercase;
                    li {
                        transition: background-color 0.5s ease;
                        width: 100%;
                        border: 2px solid #9a9c9e;
                        border-radius: 0;
                        text-align: center;
                        color: #fff;
                        margin-bottom: 20px;
                        letter-spacing: 1px;
                        a {
                            text-align: center;
                            color: #fff;
                            padding: 20px 0;
                            transition: color 0.5s ease;
                            &:hover, 
                            &:focus {
                                background-color: #9a9c9e !important;
                                text-align: center;
                                color: #ffffff;
                                padding: 20px 0;
                            }
                        }
                        &:hover, 
                        &:focus {
                            width: 100%;
                            border: 2px solid #9a9c9e;
                            border-radius: 0;
                            text-align: center;
                            color: #575a5d;
                            margin-bottom: 20px;
                            background-color: #9a9c9e !important;
                            letter-spacing: 1px;
                            font-weight: 300;
                        }
                    }
                }
            }
        }
        .carousel .fill {
            width: 100%;
            height: 300px;
            background-position: center;
            background-size: cover;
        }
        .carousel-caption {
            padding: 10px 20px !important;
            h1 {
                font-size: 1.5em !important;
                line-height: 1.250em;
                margin-bottom:25px;
            }
            h4 {
                font-size: 1em !important;
                line-height: 1.375em;
                display: none;
            }
        }
        .gradient-svg {
            width: 110%;
            position: relative;
            left: -10px;
            display: block;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 46% !important;
            left: 0 !important;
            z-index: 0;
            width: 100% !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            list-style: none;
            text-align: center !important;
            margin: 0 !important;
            right: 0 !important;
        }
    }
}


@media (min-width: 768px) {
    .landing-page-rotator-widget {
        ul {
            &.second-nav-ul {
                li {
                    color: #cccccc;
                    list-style: none;
                    list-style-position: inside;
                    display: inline;
                    text-transform: uppercase;
                    padding: 20px;
                    font-weight: 300;
                    letter-spacing: 1px;
                    a {
                        color: #fff;
                        text-decoration: none;
                        transition: color 0.5s ease;
                        &:hover, 
                        &:focus {
                            color: #cccccc;
                            text-decoration: none;
                            transition: color 0.5s ease;
                        }
                    }
                }
            }
        }
        .carousel .fill {
            width: 100%;
            height: 480px;
            background-position: center;
            background-size: cover;
        }
        .carousel-caption {
            padding: 10px 20px 15px 50px !important;
            h1 {
                font-size: 2em !important;
                line-height: 1em;
                margin: 15px 0;
            }
            h4 {
                font-size: 1em !important;
                line-height: 1.375em;
                display: block;
            }
        }
        .gradient-svg {
            width: 115%;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 41% !important;
            left: 0 !important;
            z-index: 0;
            width: 90% !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            list-style: none;
            text-align: right !important;
            margin: 0 !important;
            right: 0 !important;
        }
    }
}


@media (min-width: 992px) {
    .landing-page-rotator-widget {
        ul {
            &.second-nav-ul {
                li {
                    color: #cccccc;
                    list-style: none;
                    list-style-position: inside;
                    display: inline;
                    text-transform: uppercase;
                    padding: 20px;
                    font-weight: 300;
                    letter-spacing: 1px;
                    a {
                        color: #fff;
                        text-decoration: none;
                        transition: color 0.5s ease;
                        &:hover, 
                        &:focus {
                            color: #cccccc;
                            text-decoration: none;
                            transition: color 0.5s ease;
                        }
                    }
                }
            }
        }
        .carousel .fill {
            width: 100%;
            height: 460px;
            background-position: center;
            background-size: cover;
        }
        .carousel-caption {
            padding-bottom: 10px !important;
            padding-bottom: 5px !important;
            h1 {
                font-size: 3em !important;
                line-height: 1em;
            }
            h4 {
                font-size: 1.25em !important;
                line-height: 1.375em;
                display: block;
            }
        }
        .gradient-svg {
            width: 108%;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 38% !important;
            left: 0 !important;
            z-index: 0;
            width: 90% !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            list-style: none;
            text-align: right !important;
            margin: 0 !important;
            right: 0 !important;
        }
    }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .landing-page-rotator-widget {
        ul {
            &.second-nav-ul {
                li {
                    color: #cccccc;
                    list-style: none;
                    list-style-position: inside;
                    display: inline;
                    text-transform: uppercase;
                    padding: 20px;
                    font-weight: 300;
                    letter-spacing: 1px;
                    a {
                        color: #fff;
                        text-decoration: none;
                        transition: color 0.5s ease;
                        &:hover, 
                        &:focus {
                            color: #cccccc;
                            text-decoration: none;
                            transition: color 0.5s ease;
                        }
                    }
                }
            }
        }
        .carousel .fill {
            width: 100%;
            height: 460px;
            background-position: 8% 5%;
            background-size: cover;
        }
        .carousel-caption {
            padding-bottom: 10px !important;
            padding-bottom: 5px !important;
            h1 {
                font-size: 3em !important;
                line-height: 1em;
            }
            h4 {
                font-size: 1.25em !important;
                line-height: 1.375em;
                display: block;
            }
        }
        .gradient-svg {
            /*Defect 1.3 - Start*/
            /*width: 101%;*/
            width: 102%;
            /*Defect 1.3 - End*/
            position: relative;
            /*Defect 1.3 - start*/
            /*bottom: -7px;*/
            bottom: 0px;
            /*Defect 1.3 - End*/
        }
        .carousel-indicators {
            position: absolute;
            bottom: 471px !important;
            left: auto !important;
            z-index: 5;
            width: 100px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            list-style: none;
            text-align: right !important;
            margin: 0 !important;
            right: 115px !important;
            h1 {
                font-size: 36px;
            }
        }
    }
}