.feature .container-fluid>.row-fluid {
	 background-color: transparent;
	 border: none;
	 padding: 0 
}
 .feature .featurepar .textimage .image img {
	 margin: 0 auto;
	 display: inline-block 
}
 .feature .featurepar>.text {
	 color: #FFF;
	 margin: 0 
}
 .feature .featurepar .text p {
	 margin: 0 
}
 .row-fluid {
	 position: absolute;
	 top: 10px;
	 left: 10px;
}
 .image {
	 display: block;
	 margin: 0 auto;
	 text-align: center;
	 height: 6.5em;
	 background:url("https://www.scranton.edu/academics/registrar/assets/countdown/images/countdown-to-commencment.png") no-repeat top center;
	 background-size: contain;
	 overflow: hidden;
}

img.commencement-image-below{
    display:none;
    
}
 img.cq-dd-image {
	 display: block;
	 margin-left: auto;
	 margin-right: auto 
}
 .countdownHolder {
	 background-image: url(https://www.scranton.edu/academics/registrar/assets/countdown/bg-sprite-purple-tile.jpg);
}
 .feature .featurepar .countdownHolder {
	 background-repeat: repeat;
	 overflow: auto;
	 padding: 0 0 0.5em;
	 width: auto;
	 margin: 0 auto;
	 text-align: center;
	 letter-spacing: -3px 
}
 .feature .featurepar .countdownHolder>div:not(.clock) {
	 display: inline-block;
	 padding: 1em 0.1em 0 0.1em;
	 overflow: hidden 
}
 .feature .featurepar .countdownHolder .clock {
	 width: 100%;
	 overflow: auto;
	 border-bottom: 1px solid #FFF;
	 margin-bottom: 0.5em 
}
 .feature .featurepar .countdownHolder .clock .image {
	 padding: 1em 0;
	 margin: 0 auto 
}
 .digits {
	 white-space: nowrap;
	 margin: 15px 0 0 0px;
	 padding: 5px 0 0 15px;
}
 .position {
	 display: inline-block;
	 position: relative;
	 font-style: italic;
	 padding: 10px;
}
 .digit {
	 position: absolute;
	 left: 0;
	 font-size: 2em;
	 color: #FFFFFF;
	 font-style: normal;
}
 .countDiv {
	 display: inline-block;
	 color: #FFFFFF;
	 vertical-align: top;
	 font-size: 2em;
	 margin: 15px 0 0 0;
	 padding: 7px 0px 0px 8px;
}
 .amount {
	 color: #FFFFFF;
	 font-family: 'Gibson', arial, sans-serif;
	 letter-spacing: normal;
	 font-size: 80%;
	 text-align: center;
	 padding-top: 1em;
	 margin: 0;
}
 .countDays {
	 display: inline-block 
}
 .countHours {
	 display: inline-block 
}
 .countDiv1 {
	 display: inline-block 
}
 .countMinutes {
	 display: inline-block 
}
 .countDiv2 {
	 display: inline-block 
}
 .countSeconds {
	 display: inline-block 
}
 .feature .featurepar .countdownHolder .clock .cq-text-placeholder-ipe {
	 left: -9999em;
	 position: absolute;
	 top: -9999em 
}
 .clockContainer {
	 padding: 0.35em;
	 background-color: #FFF;
	 -moz-box-shadow: 0 0 2px 2px #333;
	 -webkit-box-shadow: 0 0 2px 2px #333;
	 box-shadow: 0 0 2px 2px #333;
}
 .clock {
	 width: 80%;
	 overflow: auto;
	 border-bottom: 1px solid #FFF;
	 margin: 0 auto 
}
 .info {
	 color: #666666;
	 font-size: 1.2em 
}
 #saddr {
	 width: 60px;
	 float: left;
	 margin: 0 5% 0 0 
}
 form p input {
	 border-radius: 5px 
}
 .section {
	 clear: both;
	 margin: 0px 
}
 .col {
	 display: block;
	 padding: 2%;
	 float: left;
	 margin: .5em 0;
	 background-color: rgba(156, 156, 195, 0.2);
	 border-radius: 3px;
	 outline: .5em solid white;
}
 .col-sm-6:first-child{
	 border-right: inset 7px white;
}
 .first-span {
	/*font-family: 'Gibson', arial, sans-serif;
	*/
	 font-size: 20px;
	 color: #666666;
	 font-weight: bold;
	 text-transform: uppercase;
	 line-height: 200% 
}
 .second-span {
	 font-weight: 800;
	 font-size: 18px;
	/*font-family: 'Gibson', arial, sans-serif;
	*/
	 word-wrap: break-word 
}
 .second-span:after {
	 content: "\A";
	 white-space: pre 
}
/*First Digit of the days*/
 .countDays .digits .position:first-child {display: none;}
 .group:before, .group:after {
	 content: "";
	 display: table 
}
 .group:after {
	 clear: both 
}
 .group {
	 zoom: 1 
}
 .span_2_of_2 {
	 width: 100% 
}
 .span_1_of_2 {
	 width: 47%;
	 padding: 1% 
}
 @media only screen and (max-width: 769px) {
	 .row-fluid {
		 position: initial;
		 overflow: visible;
	}
	 .image {
		 background: url("https://www.scranton.edu/academics/registrar/assets/countdown/images/countdown-to-commencment.png") no-repeat top center;
		 background-size: contain;
		 width: 80%;
	}
	 .clockContainer {
		 padding: 0;
		 box-shadow: 0 0 0 0;
		 display: block;
		 margin: 0 auto;
		 width: 100%;
	}
	 .countdownHolder {
		 text-align: center;
		 overflow: hidden;
	}
	 .clock {
		 width: 34%;
		 float: left;
		 border-bottom: 0px solid #FFF;
	}
	 .clock img {
		 width: 50% 
	}
	 .digits {
		/* font-size: .5rem;
		 */
		 float: left;
	}
	 .row-fluid {
		 display: block;
		 margin: 0 auto 
	}
	 img.desktop-png {
		 display: block 
	}
	 img.mobile-png {
		 display: none 
	}
	 .col-sm-6:first-child,.col-sm-6:nth-child(2){
		 border: initial;
	}
	.amount {
    padding-top: 4.5em;

}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	 .image {
		 background: url("https://www.scranton.edu/academics/registrar/assets/countdown/images/countdown-to-commencment.png") no-repeat top center;
		 background-size: contain;
	}
}
 @media only screen and (max-width: 480px) {
	 .col {
		 margin: 1% 0 1% 0% 
	}
	 .clock {
		 width: 100%;
		 max-width: 93% 
	}
	.commencement-image-below{
	    display:block !important ;
	    
	}
	 .commencement-image {
		 display: none !important 
	}
	 .clockContainer {
		 height: inherit 
	}
	 .countdownHolder {
		 max-height: 240px 
	}
	 .image {
		 background: url("https://www.scranton.edu/academics/registrar/assets/countdown/images/countdown-to-commencment.png") no-repeat top center;
		 padding: 0 0 5% 0 
	}
}
 @media only screen and (max-width: 480px) {
	 .span_2_of_2, .span_1_of_2 {
		 width: 100% 
	}
}