#slider {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.slider-holder {
    height:inherit; 
}

.slide {
    transition: 1000ms ease;
    position: absolute;
}

.container.bg {
    background-image: url(../img/dev-bg.png);
    background-attachment: fixed;
    height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1686px) {
    .dev-slider {
        height: inherit;
    }
}

@media only screen and (max-width: 1250px) {
    .slider-controls {
        bottom: 3px;
        z-index: 10;
        left: 0px;
    }
}

@media only screen and (max-width: 1000px) {
    .dev-name-banner {
        width: 210px;
        padding-top: 18px;
        padding-bottom: 0px !important;
    }

    .dev-name-banner p {
        font-size: 14px;
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .dev-summary {
        opacity: 1;
        transform: translateX(0px);
        position: relative;
        width: 472px;
        background-color: rgba(255, 255, 255, 0.83);
        margin-left: 0px;
    }

    .container.bg {
        height: auto;
    }
}

@media only screen and (max-width: 690px) {
    #slider img {
        margin-top: 50px;
        height: 379px;
        width: auto;
    }

    #slider .slider-controls img {
        margin-top: 0px;
        height: auto;
    }

    .container.bg {
        height: auto;
    }

    .home-title {
        padding-top: 33px;
    }

    .dev-summary {
        width: 100%;
        background-color: rgb(255, 255, 255);
    }
}

@media only screen and (max-width: 550px) {
    .current-devs {
        padding-top: 33px;
        padding-bottom: 7px;
        width: 358px;
        margin: auto;
    }

    .slick-dotted.slick-slider {
        width: 100%;
    }
}

@media only screen and (max-width: 470px) {
    #slider img {
        height: 250px;
    }

    .current-devs {
        width: 280px;
    }

    .current-devs h3 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 470px) {
    .dev-box p  {
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }
}