/**
 * responsive stylesheet for sinnis-why-buy-sinnis related pages.
 *
 * author:  trey taylor (t.taylor@sinnis.co.uk)
 * plugin:  sinnis-why-buy-sinnis
 * version: 1.0
*/

/** mob **/
@media (max-width: 742px)
{
    div#get-to-know-sinnis-text-container {
        font-size: 15px
    }

    div.why-buy-slide-text-container {
        color: #000;
        font-size: 15px;
        margin-top: 24px;
        padding: 0 25px;
        position: unset
    }

    div#why-buy-slider, div#why-buy-slider div.slick-list {
        height: 544px
    }

    div#sinnis-timeline-mobile-content-container {
        padding: 0 16px
    }
}

/** mob (landscape) **/
@media (max-width: 742px) and (orientation: landscape)
{
    div.why-buy-slide-text-container, div#second-slide-text-container {
        max-width: unset
    }

    div#why-buy-slider, div#why-buy-slider div.slick-list {
        height: 614px
    }
}

/** tablet **/
@media (min-width: 760px) and (max-width: 1280px)
{
    div.why-buy-slide-text-container, div#second-slide-text-container {
        max-width: unset
    }

    div#why-buy-slider, div#why-buy-slider div.slick-list {
        height: 644px
    }

    div.why-buy-slide-text-container {
        color: #000;
        font-size: 16px;
        margin-top: 24px;
        padding: 0 15px;
        position: unset
    }

    div.why-buy-slide-text-container img.img-responsive {
        margin: 0 auto;
        max-width: 200px
    }

    #sinnis-timeline-mobile-content-container {
        padding: 0 17px
    }

    article.featured-blog-post.col-sm-3 {
        max-height: 537px;
        min-height: 537px
    }
}

/** tablet (portrait) **/
@media (min-width: 760px) and (max-width: 1280px) and (orientation: portrait)
{
    div#why-buy-slider, div#why-buy-slider div.slick-list {
        height: 584px
    }

    article.featured-blog-post.col-sm-3 {
        max-height: 627px;
        min-height: 587px
    }
}

/** laptop **/
@media (min-width: 1366px) and (max-width: 1400px)
{
    div.why-buy-slide-text-container {
        bottom: 490px
    }

    div#first-slide-text-container {
        left: 674px
    }

    div#second-slide-text-container {
        bottom: 504px
    }

    div#third-slide-text-container {
        left: 684px
    }

    div#why-buy-slider, div#why-buy-slider .slick-list {
        height: 604px
    }
}