/*=================================================================*/
/*================= INSTANCE-LEVEL MEDIA QUERIES ==================*/
/*=================================================================*/

/*
    This stylesheet is for @media rules that only apply to a specific implementation (instance) of a Block/Component, 
    or to a certain piece of content that needs unique presentation.
    Any rules that supplement or override standard Framework and Corporate block styles, 
    using CMS-entered CSS classes, should be added to this stylesheet.
*/

@media (max-width: 1199px) {
    /*------------*/
    .home-products-callouts .btn-wrapper {
        display: none;
    }

    /*------------*/
    .product-intro p {
        max-width: none;
    }

    /*------------*/
    .about.hero-banner > .inner {
        max-width: 970px;
    }

    .form-body {
        width:95%;
    }
    .corporatecontactformblock {
    margin-left: 0px;
    margin-right: 0px;
}

}


@media (max-width:991px) {
    /*------------*/
    .home-about-ascensia-cards-row .hasBkdImg .content {
        /*this looks bad but it matches current site. I think it was a mistake on the current site.*/
        background-position: right;
        background-size: initial;
        background-color: #fff;
    }

    /*------------*/
    .our-approach-cards-row .hasBkdImg .content {
        /*Same as above. It looks like a mistake but matches the current site.*/
        background-position: left;
        background-size: initial;
        background-color: #fff;
        margin-top:30px;
    }

    /*------------*/
    .about.hero-banner > .inner{
        max-width: 750px;
    }

    .corporatesubnavblock {
        display:none;
    }
}

@media (max-width:767px) {
    .mobile-only {
        display:block;
    }

    /*------------*/
    .header-logo {
        position: absolute;
        height: 65px;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0;
    }

        .header-logo img {
            margin-top: 7px;
            width: 55px;
            height: auto;
        }

    /*------------*/
    .home-products-callouts p {
        font-size: 14px;
    }

    .home-products-callouts h2 {
        text-align: center;
        font-size: 18px;
    }

    /*------------*/
    .global-site-footer .main .main-row .left,
    .global-site-footer .main .main-row .center,
    .global-site-footer .main .main-row .right {
        width: 100%;
        float: none;
    }

        .global-site-footer .main .main-row .left strong {
            font-size: 14px;
            color: #fff;
            text-align: center;
            display: block;
            margin-top: 20px;
            margin-bottom: 24px;
        }

        .global-site-footer .main .main-row .left .footer-nav {
            text-align: center;
        }

        .global-site-footer .main .main-row .center .tweetbox {
            text-align: center;
        }

        .global-site-footer .main .main-row .right h4 {
            text-align: center;
            font-size: 14px;
            border: none;
            font-weight: bold;
        }

        .global-site-footer .main .main-row .right p {
            font-size: 14px;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }

            .global-site-footer .main .main-row .right p a {
                text-decoration: underline;
                font-size: 14px;
            }

    .global-site-footer .legal-row {
        background: #541763;
    }

        .global-site-footer .legal-row .left {
            padding: 0 0 20px 0;
        }

            .global-site-footer .legal-row .left p {
                font-size: 14px;
                color: #fff;
            }

        .global-site-footer .legal-row .social-links {
            position: static;
            text-align: center;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

            .global-site-footer .legal-row .social-links li {
                margin: 0 10px;
            }

    /*------------*/
    .our-approach-cards-row {
        margin-bottom: 10px;
    }

    .product-intro h2 {
        font-size: 18px;
        color: #5AC9E4;
        text-align: center;
        text-transform: uppercase;
    }

    .product-intro p {
        max-width: none;
        font-size: 14px;
        line-height: 1.25;
    }

    /*------------*/
    .work-for-us-cards-row .linkIsButton .content {
        padding-bottom: 50px;
    }

    #find-jobs {
		padding: 0px;
	}		
	#find-jobs > li {
		width: 100%;
	}
	#find-jobs ul {
		margin-left: -10px;
		padding: 0;
		width: 106%;
		color: #fff;
		margin-top: 5px;
		text-decoration: none;
	}
	#find-jobs ul li {
		list-style-type:none;
		margin:0px 0 0 0;
		padding:0;
	}
	#find-jobs ul li a:hover,
	#find-jobs ul li a:focus {
		text-decoration:underline;
	}
	#find-jobs .brdr-btm {
		border-bottom:1px solid #fff;
		border-top:1px solid #fff;
	}
	#find-jobs .brdr-btm .bold-it {
		font-weight:bold;
		font-style:italic;
	}
	#find-jobs .col {
		width:48%;
		display:inline-block;
	}

        #find-jobs li a, #find-jobs li ul li ul li a, #find-jobs li ul li ul li a p {
            margin-bottom:0px;
        }

        #find-jobs li ul li ul li {
    padding: 5px 10px;
}

        .find-link {
    background-color: #5ac9e4;
    color: #fff;
    padding: 5px 24px;
    border-bottom-right-radius: 26px;
    margin-top: 5px;
    display: inline-block;
    text-decoration: none;
}

            .find-link a {
                line-height:47px;
            }

    .brdr-btm p + p{
        text-align:center;
        margin-bottom:0px;
    }

    .content-two-column {
        column-count:1;
    }

    .press-toolbar {
        height:inherit;
    }

    .press-searchbar input {
        width:100%;
    }

    .press-results {
        display:none;
    }

    .press-dropdown {
        display:inline-block;
        line-height: 38px;
    }

    .press-searchbar {
        padding-bottom:20px;
        padding-left: 0px;
    }

    .press-item-head h2 {
        text-align:left;
    }

    #TesimonialCarousel {
        height:inherit;
    }

    #TesimonialCarousel .img-contain {
            float: left;
    width: 100%;
    left: 0px;
    top: 0px;
    position: relative;
    }

    #TesimonialCarousel .employee {
            float: right;
    width: 100%;
    right: 0px;
    top: 0px;
    position: relative;
    left:0px;
    }

    .testimonial-txt {
        min-height: inherit;
    }

    .corporateherobannerblock {
    margin-bottom: 20px;
}

    #HistoryTimelineMobile .panel {
    z-index: 1000;
    display: block;
    position: relative;
}
a.handle {
    z-index: 1001;
    display: block;
    position: relative;
}

#HistoryTimelineMobile .panel-collapse{
margin-top: 50px;
}

    .testimonial-img {
        min-height:initial;
    }
        .testimonial-img img {
        min-height:initial;
        }
}