@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	/* iPhone 5 only */ /* Although this is applying to the iPhone 4 too */
	.bookTitle{
		padding-right: 10px;
	}
	.bookImage{
		width:75px !important;
	}
	.priceBlock.ss{
		margin-left:5px !important;
	}
	.priceBlock.abebooks{
		margin-right: -14px !important;
	}
	.priceBlock.amazon{
	    margin-right: -22px !important;
	}
	.priceBlock.ss{
		margin-right: 17px !important;
	}

	.textbooksNoticeModal{
		left:30% !important;
	}

	#textbookContainer{
		margin-top:50px !important;
		margin-left:-45px !important;
	}

	#notifyAlertBox{
	  	top: 53px;
	}


	#noSearchHeader{
		font-size: 29px;
	}

	.popoverPlacementForSchedules{
		width:28px !important;
		height:28px !important;
		left: 160px !important;
	}

	.popover{
		min-width:110px;
	}

	#toggleView .fa-book{
		font-size: 25px !important;
	}

	#needToLoginWithFacebookFirstNotice{
		top: 29%;
		left: 49%;
		font-size: 29px;
		margin-right: 38px;
		margin-left: -80px;
	}

	#showFriendsClasses{
		font-size: 17px !important;
		padding: 8px;
	}

	/* Joe's attempt */
	#bookModal .modal-content{
		width:718px;
		margin-left:auto;
		margin-right:auto;
	}

	/* Joe's attempt */
	#savedCards{
		width:700px !important;
		margin-left:-30px !important;
	}

	#introModal .modal-lg {
		width: 92% !important;
	}

	#introModal .modal-content {
		width: 100% !important;
	}

	#introModal .modal-title{
		font-size: 39px;
	}

	#introModal .introContent{
		 font-size: 32px;
	}

	#introModal .introTitle{
		font-size: 33px;
	}

	#introModal .btn {
		font-size: 28px;
	}

	#cardContainer{
		width:535px !important;
		padding-right:0px;
		padding-left:12px;

	}

	#loginSuggestion{
		margin-left:-120px;
		top:-658px;
	}

	.textbooksNoticeModal{
		margin-left:-120px;
		top:-658px;
	}
	
	#mainTitle{
		text-align: left; 
		margin-left:20px !important;
	}

	#fadeConflictsText{
		margin-left:-12px;

	}

	#moreButton{
		margin-left:-115px;
	}


	#left4{
		margin-left:-40px;
	}

	#center4{
		width:500px;
		padding-left:120px;
	}

	#aggressiveLoginWithFacebookButton{
		padding-top:15px;
		padding-bottom:15px;
		font-size:18px;
		width: 287px;
	}

	#dismissButton{
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		width: 287px;
	}

	#introHeader{
		font-size:27px;
		font-family: 'Raleway';


	}

	#imageRow .introText{
		font-size:18px;
		width: 163px;
	}

	#introTagline{
		font-size:20px;
		color:black;
	}

	#container4{
		width:600px;
	}

	#container1{
		min-width:760px;
		width:100%;
	}

	.chzn-container-single .chzn-default{
		height:39px !important;
		margin-top:6px;
	}

	#courseNumberInequality_chzn span{
		margin-top:6px;
	}

	#courseNumberInequality_chzn div{
		margin-top:6px;
	}

	#startTimeBox_chzn span{
		margin-top:6px;
	}

	#startTimeBox_chzn div{
		margin-top:6px;
	}

	#endTimeBox_chzn span{
		margin-top:6px;
	}

	#endTimeBox_chzn div{
		margin-top:6px;
	}

	#startTimeBox_chzn, #endTimeBox_chzn{
		width:110px !important;
	}

	.chzn-container-single .chzn-single span{
		width:90px !important;
	}

	#advancedSearchWrapper{
		height:60px !important;
	}

	#left4 .fa-star{
		font-size:24px;
	}

	#rightNew{
		display:block;
		margin-top:-40px;

	}

	#backgroundHeaderColor{
		height:50px;
		background-color:red;
		width:100%;
	}

	#cardContainer .fa-book{
		font-size:22px;
	}

	.fa-info-circle{
		font-size:22px;
	}

	.fa-star-o{
		font-size:22px !important;
	}
	.fa-star{
		font-size:22px !important;
	}

	.lowestPriceInnerStar.fa-star{
		font-size:6px !important;
	}
	
	.Front.white{
		height:26px !important;
		width:26px !important;

	}

	#fadeConflictsText{
		margin-left:-28px !important;
	}

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
	/*iPhone 6 Portrait*/
	.bookTitle{
		padding-right: 10px;
	}
	.bookImage{
		width:75px !important;
	}
	.priceBlock.ss{
		margin-left:5px !important;
	}
	.priceBlock.abebooks{
		margin-right: -14px !important;
	}
	.priceBlock.amazon{
	    margin-right: -22px !important;
	}
	.priceBlock.ss{
		margin-right: 17px !important;
	}

	.textbooksNoticeModal{
		left:30% !important;
	}

	#textbookContainer{
		margin-top:50px !important;
		margin-left:-45px !important;
	}


	
	#notifyAlertBox{
	   	top: 53px;
	}

	.popover{
		min-width:130px;
	}

	.popoverPlacementForSchedules{
		width:28px !important;
		height:28px !important;
		left: 160px !important;

	}

	#toggleView .fa-book{
		font-size: 25px !important;
	}

	/* Joe's attempt */
	#introModal .modal-lg {
		width: 92% !important;
	}

	#introModal .modal-content {
		width: 100% !important;
	}

	#introModal .modal-title{
		font-size: 33px;
	}

	#introModal .introContent{
		 font-size: 25px;
	}

	#introModal .introTitle{
		font-size: 33px;
	}

	#introModal .btn {
		font-size: 25px;
	}

}