﻿.workcasestudy-fit-image-container {
    background: url("Assets/Images/WorkCaseStudy/item1/item1_work_Casestudy_FPO.png") center 100px no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}

.navbar-BackGround {
    background: #f9f9f9;
}

    .navbar-BackGround .navbar-brand {
        color: #D73927;
    }

    .navbar-BackGround .navbar-nav > li > a {
        color: black;
    }

.leftRight-arrow {
    position: relative;
    width: 98%;
    top: 36%;
    background-color: transparent;
}

.workcasestudy-column1-title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 2em;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

.img-responsive-work {
    display: block;
    max-width: 100%;
    height: auto;
}



.workcasestudy-column2-title-subhead {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.25em;
    padding-bottom: 15px;
    padding-top: 15px;
}

.workcasestudy-column1-tagline {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.25em;
    padding-bottom: 15px;
}

.workcasestudy-overview-textcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: .75em;
    padding-bottom: 15px;
}

.workcasestudy-redTtitle-padding {
    padding-bottom: 15px;
}

.workcasestudy-item-content {
}


/*media point 980*/
@media (min-width: 980px) {

    .workcasestudy-overview-textcontent {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1em;
        padding-bottom: 15px;
    }

    .workcasestudy-column1-title {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 2em;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .workcasestudy-column1-tagline {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1.5em;
        padding-bottom: 15px;
    }

    .workcasestudy-column2-title-subhead {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.25em;
        padding-bottom: 15px;
        padding-top: 15px;
    }
}


/*media point 768*/
@media (min-width: 768px) and (max-width:979px) {

    .workcasestudy-overview-textcontent {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1em;
        padding-bottom: 15px;
    }

    .workcasestudy-column1-title {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 2.5em;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .workcasestudy-column1-tagline {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1.5em;
        padding-bottom: 15px;
    }

    .workcasestudy-column2-title-subhead {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.25em;
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

@media (min-width: 767px) and (max-width: 786px) {
    .workcasestudy-fit-image-container {
        background: url("../Assets/Images/WorkCaseStudy/item1/item1_work_Casestudy_FPO.png") no-repeat bottom;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        margin-top: 60px;
    }
}

/*media point 480*/
@media (min-width: 480px) and (max-width: 767px) {

    .workcasestudy-overview-textcontent {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.2em;
        padding-bottom: 15px;
    }

    .workcasestudy-column1-title {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 2.5em;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .workcasestudy-column1-tagline {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1.5em;
        padding-bottom: 15px;
    }

    .workcasestudy-column2-title-subhead {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .workcasestudy-fit-image-container {
        background: url("../Assets/Images/WorkCaseStudy/item1/item1_work_Casestudy_FPO.png") no-repeat bottom;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        margin-top: 60px;
    }
}

/*media point 479*/
@media(max-width: 479px) {

    .workcasestudy-overview-textcontent {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.2em;
        padding-bottom: 15px;
    }

    .workcasestudy-column1-title {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 2.5em;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .workcasestudy-column1-tagline {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1.5em;
        padding-bottom: 15px;
    }

    .workcasestudy-column2-title-subhead {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .workcasestudy-fit-image-container {
        background: url("../Assets/Images/WorkCaseStudy/item1/item1_work_Casestudy_FPO.png") no-repeat center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        margin-top: 60px;
    }
}

/*media point 1200*/
@media (min-width: 1200px ) {

    .workcasestudy-column1-title {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 2em;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 15px;
    }


    .workcasestudy-column2-title-subhead {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 1.25em;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .workcasestudy-column1-tagline {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1.25em;
        padding-bottom: 15px;
    }

    .workcasestudy-overview-textcontent {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: .75em;
        padding-bottom: 15px;
    }

    .workcasestudy-redTtitle-padding {
        padding-bottom: 15px;
    }
}
