/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

div.listing-detail {
	padding-right: 50px;
}

div.instructor {
	clear: both;
	margin-bottom: 20px;
}

img.instructor-img {
	float: left;
	margin: 0 5px 5px 0;

}

div.instructor-name {
	font-size: .9rem;
}

div.instructor-details {
	font-size: .8rem;
	display: block;
}

    /* Very large screens 1800 px */
    @media only screen and (max-width : 2200px){
    	#hero-image {
		    margin: auto;
		    float: left;
		    overflow: hidden;
		    width: 100%;
		    max-height: 600px;
		    position: relative;
		    display: flex;
		    align-items: center;
		}

		#image {
			max-width: 100%
		}

		#caption-box {
		    position: absolute;
		    left: 25%;
		    top: 25%;
		    background: rgba(30, 40, 40, .50);
		    padding: 20px;
		    border-radius: 5px;
		}


		#caption-text {
		    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 		    position: relative;
		    left: 0%;
		    color: #fff;
		    font-size: 5rem;
		    white-space: nowrap;
		    line-height: .9;
		    text-shadow: 2px 2px 4px #000000;
		}

		img.product-account-logo {
		    /* max-height: 40px; */
		    margin-bottom: 16px;
		}

    }


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    	#hero-image {
		    margin: auto;
		    float: left;
		    overflow: hidden;
		    width: 100%;
		    max-height: 400px;
		    position: relative;
		    display: flex;
		    align-items: center;
		}

		#image {
			max-width: 100%
		}

		#caption-box {
		    position: absolute;
		    left: 33%;
		    top: 35%;
		}



		#caption-text {
		    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		    position: relative;
		    left: -50%;
		    color: #fff;
		    font-size: 4.5rem;
		    white-space: nowrap;
		    line-height: .9;
		    text-shadow: 2px 2px 4px #000000;
		}

		img.product-account-logo {
		    /* max-height: 40px; */
		    margin-bottom: 16px;
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    	#hero-image {
		    margin: auto;
		    float: left;
		    overflow: hidden;
		    width: 100%;
		    max-height: 400px;
		    position: relative;
		    display: flex;
		    align-items: center;
		}

		#image {
			max-width: 100%
		}

		#caption-box {
		    position: absolute;
		    left: 36%;
		    top: 29%;
		}


		#caption-text {
		    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		    position: relative;
		    left: -50%;
		    color: #fff;
		    font-size: 3.3rem;
		    white-space: nowrap;
		    line-height: .9;
		    text-shadow: 2px 2px 4px #000000;
		}

    }

    

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    	#hero-image {
		    margin: auto;
		    float: left;
		    overflow: hidden;
		    width: 100%;
		    max-height: 400px;
		    position: relative;
		    display: flex;
		    align-items: center;
		}

		#image {
			max-width: 100%
		}

		#caption-box {
			display: none;
		    position: absolute;
		    left: 36%;
		    top: 46%;
		}


		#caption-text {
		    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		    position: relative;
		    left: -50%;
		    color: #fff;
		    font-size: 3rem;
		    white-space: nowrap;
		    line-height: .9;
		    text-shadow: 2px 2px 4px #000000;
		}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	#hero-image {
		    margin: auto;
		    float: left;
		    overflow: hidden;
		    width: 100%;
		    max-height: 400px;
		    position: relative;
		    display: flex;
		    align-items: center;
		}

		#image {
			max-width: 100%
		}

		#caption-box {
			display: none;
		    position: absolute;
		    left: 36%;
		    top: 46%;
		}


		#caption-text {
		    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		    position: relative;
		    left: -50%;
		    color: #fff;
		    font-size: 3rem;
		    white-space: nowrap;
		    line-height: .9;
		    text-shadow: 2px 2px 4px #000000;
		}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
    	#hero-image {
		    margin: auto;
		    float: left;
		    overflow: hidden;
		    width: 100%;
		    max-height: 400px;
		    position: relative;
		    display: flex;
		    align-items: center;
		}

		#image {
			max-width: 100%
		}

		#caption-box {
			display: none;
		    position: absolute;
		    left: 36%;
		    top: 46%;
		}


		#caption-text {
		    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		    position: relative;
		    left: -50%;
		    color: #fff;
		    font-size: 3rem;
		    white-space: nowrap;
		    line-height: .9;
		    text-shadow: 2px 2px 4px #000000;
		}
    }