.full-width {
    width:100% !important;
}

.notice-area {
    color:#FFFFFF;
    text-align: center;
    background-color:#642F6C;
    padding: 5px;
}

.notice-area a {
    color:#FFFFFF;
}

.notice-area a:hover {
    color:#DADCDB;
}

.notice-area a:visited {
    color:#FFFFFF;
}

.header-search {
    width: 100%;
    
}

.header-search .site-search {
    width: 60%;
    margin-top: 0px;
    right: 0;
}

.header-search .search-div-top {
    width:100%;
    margin-right: 10px;
    float: right;
    z-index: 1;
}

.btn-sm {
    width:50px !important;
}

.digital-banner {
	
    margin-top: 2em;
    margin-left: 2.2em;
    margin-right: 2.2em;
}

.digital-banner-full {
	margin-bottom: 3em;
    /* margin-top: 2em; */
}

.digital-banner-content {
    
    /* margin-left:50px; */
    margin-top:25px;
    font-size:1.4em;
}

.digital-banner-content a {
    color: #2c632d;
}

.slider-banner .flex-next {
    right: -1em;
}

.slider-banner .flex-prev {
    left: -1em;
}

.slider-banner .flex-direction-nav {
    opacity: 1;
}

.editor-featured-img {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 1em;
}

.editor-featured-img img {
    width:100%;
    max-height: 100%;
}

.course-area {
    display: inline-block;
    width: 75%;
    padding-right: 50px;
}

.course-brochure {
    display: inline-block;
    width: 25%;
    background-color: #d7eafa;  
    vertical-align: top;
    
    padding-right: 30px;
    padding-left: 20px;
    flex: 1 1 0;

}

.course-brochure h3 {
    color: #003f72;
    margin-bottom:10px;
}

.course-brochure h4 {
    color: #0076d0;
}

.course-brochure a::after {
    content: ">";
    padding-left: 10px;
    text-decoration: none;
}

.course-area h3 {
    margin-bottom:10px;
}





.brochure-img-container {
    width:45%; 
    display: inline-block;
}

.brochure-img-container {
    max-height: 100%;
    max-width: 100%;
}

.carousel-hr-line-blue:after{
	color: #0093cb;
	display: block;
	border-top: 1px solid;
    margin: 0.7em auto 0;
   
}

.list-content a {
    font-weight: normal !important;
    font-size: 1em;
}

.brochure-content {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-left:5px;
    font-size:12px;
}

@media (max-width:1100px) {

    .course-area {
        width:100%;
    }
    .course-brochure {
        width: 100%;
        margin-left: 0px;
        padding-left: 3px;
		min-width: 210px;
    }

    .accordion-content.toggled, .radio-swap-content.toggled {
        display: inline-block !important;
        /*width: 28% !important;*/
        vertical-align: top;
    }
	

}



@media (max-width:830px) {
        .accordion-content.toggled, .radio-swap-content.toggled {
            display: inline-block !important;
            /*width: 25% !important;*/
            vertical-align: top;
        }
    
    }

    @media (max-width:550px) {
        .accordion-content.toggled, .radio-swap-content.toggled {
            display: inline-block !important;
            width: 100% !important;
            vertical-align: top;
        }
    }

.course-brochure a {
    color:#0076d0;
    text-decoration: none;
	font-weight: bold;
}

.brochure {
    padding: 10px;
}

.brochure-links {
    width:90%;
}



.editor-featured-content {
    display: inline-block;
    width: 66%
}

.editor-featured-container {
    display: inline-block;
    width:66%;
    vertical-align: top;
    margin-bottom: 20px;
}

.carousel-hr-line-grey:after{
	color: #D2DDFE;
	display: block;
	border-top: 1px solid;
    margin: 0.7em auto 0;
    margin-bottom:20px;
}

.wrap-content-brochure {
    padding-top: 1px; }
    .wrap-content-brochure:after {
      content: '';
      display: table;
      clear: both; }
#courseArea {
        margin-bottom: 2em;
        text-align: center;
}

.editor-featured-container a {
    text-decoration: none;
    color: #2c632d;
    
}

.editor-featured-container p {
    margin-top: 4px;
    margin-bottom: 4px;
}

.editor {
    margin-top: 10px;
}

.editor a {
    text-decoration: none;
    color: #2c632d;
}

.editor h4 {
    margin-top: 0px;
   
}

.editor p {
    margin-top: 4px;
    margin-bottom: 4px;
}

.editor-img {
    display: inline-block;
    width: 20%;
    height: 60px;
}

.editor-img img {
    max-width: 100%;
    max-height: 100%;
    
}

.editor-content {
    display: inline-block;
    width:78%;
    vertical-align: top;
}

.editor-container {
    display: inline-block;
    width: 33%;
}


.editor-container {
    display: inline-block;
    width: 33%;
}

.author-container {
    width: 100%;
}

.authors {
    display: inline-block;
    width: 33%;
}

.author-img-container {
    display: inline-block;
    width:33%;
    height: 150px;
}

.author-img-container img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.author-content { 
    display: inline-block;
    width:63%;
    height: 150px;
    vertical-align: top;
}

.author-content h3 {
    text-transform: none;
    color:#2d748e;
    margin-top: 0px;
    margin-bottom: 2px;
}
.author-content h4 {
    margin: 0px;
}
.author-content p {
    font-size: 90%;
}

.author-content a {
    margin-top: 10px;
    font-size: 90% !important;
    color:#2c632d;
    text-decoration: none;
}

.author-content a::after {
    content: ">";
    padding-left: 10px;
    text-decoration: none;
}

.pt2 {
    padding-top:2em;
}

.row {
    width: 100%;
}

.author-row {
    width: 100%;
    padding:15px;
}
.digital-product-container {
    width:24.5%;
    display: inline-block;
	    vertical-align: top;
}

.digital-product {
    padding-left: 10px;
    padding-right: 10px;
    height: 200px;
}

.digital-product a::after {
    content: ">";
    padding-left: 10px;
    text-decoration: none;
}

.main-detail-blue {
	background-color: #f0f7fd;
	width: 100%;
	float: left;
	overflow: hidden;
    position: relative;
	margin-bottom: 3em;
}


.digital-product-img-container {
    height: 60px;
	vertical-align: bottom;
    display: table-cell;
    max-width: 100%;    
}

.digital-product-container a {
    
    text-decoration: none;
    
}

.digital-product-img-container img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    
}

.digital-product-row {
    margin-top: 15px;
}

.editors-container {
    padding: 10px;
    
}

.digital-product-caption a {
    color:#2c632d;
    font-size: 90%;
}

.digital-product-caption {
     height: 100px;
}

.digital-product-text {
    height: auto;
}

.main-detail-purple .hide-section {
    border-color:purple !important;
    color:purple !important;
}

.hide-section {
    
    position: relative;
    height: 45px;
    top:-50px;
    text-align: right;
    color:#d12229;
    border-bottom: solid;
    border-color:#d12229;
    border-width:1px;
    text-transform: none !important;
    
    
}

.hide-section span {
    
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    padding-right: 5px;
    
    
}


.carousel-header {
	clear:both;
}

.hidebtn {
    float: right;
}

.yt-video-left-cta {
    width: 95% !important;
    height: 250px !important;
}


@media (max-width:1050px) {
    .authors {
        width: 100%;
    }
    .editor-featured-container {
        width:100% !important;
    }
    .editor-container {
        width:100% !important;
        margin-bottom: 20px;
    }

    .editor {
        width:45%;
        display: inline-block;
    }


}

@media (max-width:982px) {
    .editor-featured-container {
        width:100% !important;
    }
    .editor-container {
        width:100% !important;
    }

    .editor {
        width:45%;
        display: inline-block;
    }

    .authors {
        width: 100%;
    }

    .digital-product-container {
        display: inline-block;
        width:49% !important;
    }

}

@media (max-width:720px){
    .hide-section span {
    
   display: none;
    
    
}

}
@media (max-width:650px){
	.masonry-review {
		width:95% !important;
	}
}
@media (max-width:610px) {
    .digital-product-container {
        display: inline-block;
        width:100% !important;
    }

    .authors {
        width: 100%;
		height: 250px;
    }

}

.nav-account {
    background-color: #e2f2df;
    padding: 1.5em;
    flex: 1 1 0; 
    float:left !important;
    margin-top:0px; 
}

.nav-account h3 a {
    text-decoration: none;
    color:#1a704f !important;
}

@media(max-width:750px){
    .nav-account {
        width: 100%;
    }
    
}

@media(max-width:749px){
    .nav-account {
        width: 100%;
    }
   

}

.nav-account h3 {
    margin-top: 0px;
    margin-bottom:   5px;
}

.nav-account-hr::after {
    border-top: 1px solid #1a704f;
    color:#35ac22;
    margin-bottom: 1.0em;  
}

.nav-account h4 {
    color:#35ac22;
    font-size: 95%;
    padding-left:0.5em
}

.nav-account ul {
    padding-left: 1.0em;
    padding-right: 0.5em;
   
}

.nav-account li a {
    color:#444 !important;
}

.nav-account-hr-grey::after {
    border-top: 1px solid #d7dfd6;
    color:#35ac22;
    margin-bottom: 1.5em;  
     
}

.nav-section .current, .nav-section .current a {
    color: #35ac22 !important;
    cursor: default;
    text-decoration: none;
}

.table-styling th {
    background-color: transparent !important;
    color: #0076d0 !important;
    padding:0.5em !important;
    padding-top: 1px !important;
    padding-bottom:1px !important; 
    line-height: 1.0 !important; 
    padding-left:0px;
}

.table-styling td {
    background-color: #f0f7fd;
    color:#003f72;
    border-width: 6px 3px;
    font-size: 90%;
    padding:0.5em !important;
    padding-top: 1px !important;
    padding-bottom:1px !important; 
    line-height: 1.0 !important;
    height: 3em;
}

.table-styling.multiline td {
    line-height: 1.2em !important;
    padding: 0.75em !important;
}



.actions.update {
    background-color: #fec27b !important;
    width: 65px ;
}

.actions.delete{
    background-color: #e98a95 !important;
}

.btn-sm {
    width:25px !important;
    min-width:25px !important;
}

.default {
    background:transparent !important;
    color: #003f72;
}

.del {
    background-color: #e98a95 !important;
}



/* ================================= FLOATING LABELS START ================================= */
.floating-label .form-group {
    width: 100%;
}
.floating-label .field {
    display: flex;
    position: relative;
}

.floating-label label {

    pointer-events: none;
    position: absolute;
    transform: translate3d(0em, 0.6em, 0) scale(1);
    color:#1a704f;
    transition: 240ms;
    transform-origin:top left;
    left: 0.8em;
    top: 0;

    


}
.floating-label label a {

    pointer-events: auto;
}
.floating-label .field.focused label, .floating-label .field.input-filled label:not(.checkbox-label) {
    opacity: 0.8;
    transform: scale(0.80);
    top: 0.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120%;
}

.floating-label input {
    align-self: flex-end;
}

.floating-label input::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.floating-label input:focus::-webkit-input-placeholder {
    transition: none;
}

.floating-label .field.focused input::-webkit-input-placeholder {
    color: #bbb;
}

.floating-label input {
    /*color:#1a704f !important;*/
    background-color:#e2f2df;
}

.form .input-filled input, .form .focused input,
.form .input-filled textarea, .form .focused textarea,
.form .input-filled .selectBox-label, .form .focused .selectBox-label {
    color: #003f72;
    padding: 1.25em 0.75em 0.25em 0.75em;
    width:100%;
}

.form .input-filled .selectBox-dropdown {
   border: 1px solid transparent;
    /*padding: 1.25em 0.75em 0.25em 0.75em;*/
}
.form .focused .selectBox-dropdown  {
   border: 1px solid #1a704f;
    /*padding: 1.25em 0.75em 0.25em 0.75em;*/
}
.grid-four .field {
    width: 22%;
}
/* ================================= FLOATING LABELS END ================================= */

/* ================================= CUSTOM SELECT START ================================= */
.switch-select {
    position: relative;
}
.switch-select select {
    border: 1px solid gray;
    position: absolute;
    height: 24px;
    padding: 0;
    left: 0;
}
.switch-select .option-container {
    background: #e2f2df;
    padding: 3px;
    position: relative;
}
.switch-select a.option {
    display: inline-block;
    text-decoration: none;
    font-size: 1.2em;
    color: #1a704f;
    padding: 0.3em 1.4em;
}
.switch-select a.option.selected {
    color: white;
    background: #519073;
}

/* ================================= CUSTOM SELECT END ================================= */

.ics-form .field {
    float: none;
    /*margin: 0.5em 2em 0.5em 2em;*/
}

.form-text {
    margin: 0.5em 2em 0.5em 2em;
}
.switch-select {
	/* BOOKMARK: T#47939 - Removing i, style changes */ 
	/* margin: 0 0 0 auto; */
	margin: 0 auto;
}
.ics-form .accordion-toggle {
    margin: 0 auto 0 0;
}
/* whole member area */
#contentContainer h3 {
    border-bottom: 1px solid #519073;
    padding-bottom: 12px;
    opacity: 0.75;
    width:100%;
}

.single-col h3 {
    border-bottom: 1px solid #519073;
    padding-bottom: 12px;
    opacity: 0.75;
    width:100%;
}

#contentContainer .nav-account h3, #contentContainer h3.my-account-spacing {
    border-bottom: none;
    padding-bottom: 5px;
    opacity: 1;
}




.ics-form .col-half {
    width:50%;
}

.ics-form .col-half .form {
    margin: 2% 12.5% 2% 12.5%;
    
}

@media(max-width:800px) {
    .ics-form .col-half .form {
        margin: 2% 5% 2% 5%;
        
    }
}

.myAddress-form .col-half .form {
    padding: 2% 4% 2% 4%; 
}

.myAddress-form .col-half .form select, .myAddress-form .col-half .form input[type="text"], 
.myAddress-form .col-half .form textarea, .ics-form .col-half .form select, .ics-form .col-half .form input[type="text"], 
.ics-form .col-half .form textarea {
    width:100%;
}


/*
.single-col .form {
    margin: 5% 12.5% 5% 12.5%;
}
*/
.single-col {
    margin: 2% 12.5% 2% 12.5%;
}

.ics-form .single-col .form {
    margin: 5% 12.5% 5% 12.5%;
}

.checkbox-single-col label {
    left: 2em;
}   

.checkbox-single-col .iradio_custom, .checkbox-single-col .icheckbox_custom {
    top:15px;
} 

.single-col .form select, .single-col input[type="text"], .single-col .form input[type="password"], .single-col .form textarea  {
    width:100%;
}

.form-text .form select, .form-text input[type="text"], .form-text .form input[type="password"], .form-text .form textarea, .form-text .selectBox-dropdown {
    width:90% !important;
}

.checkbox-label {
    transform: none !important;
    position: relative !important;
    text-align: center;
}

.checkbox-label {
    pointer-events: auto !important;
}

.form-center {
    text-align: center;
}

.form-email-confirm {
    /*margin: 5% 20% 0% 20%;*/
    margin-top: 2em;
    color:purple;
}


.form-email-confirm .icheckbox_custom,
.form-email-confirm .iradio_custom, 
.accordion-content .icheckbox_custom,
.accordion-content .iradio_custom { 
   top:0px !important;
}

.mailinglist-ul li{
    margin-top:10px;
    margin-bottom:10px;
}

.checkbox-field {
    text-align:center;
}

.checkbox-field label {
    width: 100%;    
}
.checkbox-field input {
    text-align:center;
}
.checkbox-row {
    width:100%;
}

.single-col .field .icheckbox_custom,
.single-col .field .iradio_custom { 
    top:5px;
}



.float-right {
    float:right !important;
}

.mailing-list-col {
    vertical-align: top;
    width: 49%;
    display: inline-block;
    
}

.mailing-list-col .form .accordion-toggle:before {
    display: none; }

.form-email-confirm-account {
    color:purple;
    /*margin-left: 15%;*/
    margin-right: 15%;
}

.col-half .form .helper-toggle:after {
    position: absolute;
    right: -55px;
    top:0;
}

.single-col .form .helper-toggle:after {
    position: absolute;
    right: -55px;
    top:0;
}

#format-switch-container .helper-toggle:after {
    position: absolute;
    top:0;
}

.update .button.pointy:after {
    top: 0.25em;
    right:-5px;
}
.multiline .update .button.pointy:after {
    top: inherit;
}





.del .button.pointy:after, .delete .button.pointy:after {
    top: 0.25em;
    right: 0;
}

.big.button.pointy:after {
    top:0.5em;
}

.actions.del {
    
       width: 65px;
}
   
.actions.delete {
    width: 65px;
}

.single-col .grid {
    width:100%;
    margin-left: 0;
}


.single-col .grid > * { 
    margin-left:0;
}

.single-col .grid-four .field {
    width:25%;
    padding-left: 5px;
    padding-right: 5px;
}

.header-red {
    /* font-weight: bold; */
    color: #007687 !important;
	font-weight: bold;
}
  
.author-carousel {
    color:#282828;
}



/*Responsive Stuff*/

@media (max-width:800px) {
    .myAddress-form .col-half, .ics-form .col-half {
        width:100%;
        display: inline-block;
        vertical-align: top;
        
    }

    .single-col {
        margin: 2% 0% 2% 0%;
    }
}

@media (max-width:400px) {
    #format-switch-container .field {
        margin-right: 1em; 
    }
}

@media (max-width:600px) {
    .mailing-list-col {
        
        width: 100%;
       
    }
}


.institution-container {
    background-color: #e2f2df;
	border-bottom: 1px solid #2c632d;
	border-top: 1px solid #2c632d;
	width:100%;
}

.institution-container ul{
    width: 20.5%;
    display: inline-block;
    padding-left: 3em;
    margin-left: 0;
}

.institution-container ul li {
    list-style-image: none;
    list-style-type: none;
	color: #1a704f;
}


.table-styling.multiline td.multi-line-cell {
    padding: 0 !important;
    height: auto;
}
.table-container {
    width: 100%;
    height: 100%;
    /*background: red;*/
    display: table;
}
.table-container div {
    display: table-row;
}
.table-container div div {
    display: table-cell;
    padding: 0.75em !important;
    vertical-align: middle;
}

.product-container {
    background: #f0f7fd;
    margin-bottom: 2em;
    padding: 1em 2em 2em;
}







.digital-banner-full-html {
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:				border-box;
}

.digital-banner-full-html * {
	-webkit-box-sizing:		inherit;
	-moz-box-sizing:		inherit;
	box-sizing:				inherit;
}

.digital-banner-full-html {
	max-width:					100%;
	height:						310px;

	background-image:			url("/resources/images/banners/macmillan-homepage-banner_teal_aw_noForeground.jpg");
	background-repeat:			no-repeat;
	background-position:		center;
	max-width:					1380px;
	margin-left:				auto;
	margin-right:				auto;
	position:					relative;
}

.digital-banner-full-html a {
	position:					absolute;
	top:						0;
	bottom:						0;
	left:						0;
	right:						0;
}

.digital-banner-full-html a,
.digital-banner-full-html a:hover {
	text-decoration:			none;
}

.digital-banner-full-html .digital-banner-full-headline {
	background-color:			#007680;
	
	display:					block;
	position:					absolute;
	
	left:						2.65rem;
	top:						2.25rem;
	
	width:						37.25rem;
	height:						9.275rem;
	
	padding-top:				1.5rem;
	padding-left:				2.8rem;
	padding-right:				2.8rem;
	
	color:						#ffffff;
	font-family:				"helvetical", "Helvetica", sans-serif;
	
	font-size:					1.5rem;
	letter-spacing:				-0.00rem;
	
	line-height:				1.95rem;
	font-weight:				lighter;
		
		-moz-transition:			background-color 0.2s linear;
		-webkit-transition:			background-color 0.2s linear;
		transition:					background-color 0.2s linear;
}

.digital-banner-full-html .digital-banner-full-button {
	background-color:			#90b6bf;
	
	display:					block;
	position:					absolute;
	
	left:						2.65rem;
	top:						11.525rem;
	
	width:						37.25rem;
	
	padding-left:				2.8rem;
	padding-right:				2.8rem;
	
	color:						#212224;
	font-family:				"helvetical", "Helvetica", sans-serif;
	
	font-size:					1.05rem;
	letter-spacing:				-0.00rem;
	
	line-height:				3.25rem;
	font-weight:				lighter;
	
	border-bottom-left-radius:	1.6rem;
		
		-moz-transition:			background-color 0.2s linear;
		-webkit-transition:			background-color 0.2s linear;
		transition:					background-color 0.2s linear;
}

.digital-banner-full-html a:hover .digital-banner-full-headline {
	background-color:			#96bcc5;
	background-color:			#005d6b;
}

.digital-banner-full-html a:hover .digital-banner-full-button {
}

.digital-banner-full-html .digital-banner-full-button:after {
	content:					url("/macmillanhe/resources/images/banners/digital-banner-full-arrow.png");
	display:					inline-block;
	width:						10px;
	height:						15px;
	margin-left:				2rem;
}



@media screen and ( max-width: 1380px ) {
	
	.digital-banner-full-html {
		max-width:					100vw;
		/* height:						calc( 100vw * 0.2246376811594203 ); */
		background-position:		right;
		overflow:					hidden;
	}
	
}




@media screen and ( max-width: 900px ) {
	
	.digital-banner-full-html a {
		position:					static;
		display:					block;
		
		text-decoration:			none;
		padding-top:				calc( 100vw * 310 / 1380 );
	}

	.digital-banner-full-html {
		max-width:					100vw;
		height:						auto;
		max-height:					none;
		background-position:		top;
		background-size:			contain;
		overflow:					inherit;
		padding:					0;
		background-color:			#007680;
	}
	
	.digital-banner-full-html .digital-banner-full-headline {
		background-color:			#007680;
		
		display:					block;
		position:					static;
		
		width:						100%;
		height:						auto;
		
		padding:					4vw;
		padding-left:				5vw;
		padding-right:				5vw;
		
		font-size:					2.8vw;
		line-height:				3.7vw;
	}
	
	.digital-banner-full-html .digital-banner-full-button {
		display:					block;
		position:					static;
		width:						100vw;
		
		font-size:					2.4vw;
		line-height:				6vw;
		
		border-bottom-left-radius:	0;
	}
}

@media screen and ( max-width: 600px ) {
	
	.digital-banner-full-html {
		background-size:			712.258064516129px;
		background-position:		top right;
	}
	
	.digital-banner-full-html a {
		padding-top:				160px;
	}
	
	.digital-banner-full-html .digital-banner-full-headline {
		padding:					1rem;
		padding-left:				1rem;
		padding-right:				1rem;
		
		font-size:					1rem;
		line-height:				1.3rem;
	}
	
	.digital-banner-full-html .digital-banner-full-button {
		font-size:					1.0rem;
		line-height:				2.4rem;
		padding-left:				1rem;
		padding-right:				1rem;
	}
	
}








.product .awards {
	margin-bottom:					3em;
}

.product .awards .awards-content {
	padding-left:					3em;
	padding-right:					3em;
}

.product .awards .awards-content img {
	max-height:						100px;
	width:							auto;
	display:						inline-block;
}

@media screen and ( max-width: 778px ) {
	.product .awards .awards-content {
		padding-left:					1em;
		padding-right:					1em;
	}
}

@media screen and ( max-width: 1200px ) {
	.product .awards .awards-content img {
		max-height:						100px;
	}
}

@media screen and ( max-width: 1000px ) {
	.product .awards .awards-content img {
		max-height:						80px;
	}
}

@media screen and ( max-width: 778px ) {
	.product .awards .awards-content img {
		max-height:						70px;
	}
}





/* BOOKMARK: T#45917 - Adding VAT inclusion message to bottom of 'Available Formats' section - CM 20180727 */

/* Ticket #45917 ***************************************************************
 * Adding in a region appropriate VAT / TAX message to the bottom of the
 * 'AVAILABLE FORMATS' section on the product detail page.
 ******************************************************************************/
.product .detail-formats .tax-message {
	clear:							both;
	text-align:						center;
	font-size:						1.0em;
	font-family:					helvetica1;
	font-weight:					normal;
	color:							#000000;
	text-transform:					none;
}
/* /Ticket #45917 *************************************************************/



/* BOOKMARK: T#44512 - Hiding remove buttons for only child entries and styling product buttons - CM 20180718 */
#products .product-container:only-child .remove-product {
	display:						none;
}

#products .product-container .remove-product:hover {
	background-color:				#e98a95;
}



/* BOOKMARK: T#43530 - Changes to z-index values for the scrolling pop out menus in the header - CM 20180730 */
#main-menu li .highlighted {
	position:						relative;
	z-index:						1000;
}


/* BOOKMARK: T#47126 - Hiding the imprint banner on the live site in case someone copies the dev page live - CM 20180820 */
.imprints,
img[alt="Imprint Banner"] {
	display:						none;
}

#physicalAddressNotif {
	float:left;
}
#addressNotifDiv{
	float:left;
}

.masonry-review {
	width: 47.5%;
    margin: 1px;
    padding:5px;
	float:left;
}
.masonry-review blockquote{
	margin-left:20px !important;
}
#masonry-container {width:100%;}

/* TWENTY YEARS LOGO STUFF - Ticket #52274: study skills logo on homepage - NOT IDEAL BUT I DIDNT WANT TO EDIT THE HEADER MUCH. */
/* CHECK PALGRAVE-FIX.CSS for #siteRootPath when removing this stuff */

#twentyYears {
	font-size: 2em;
    margin: 0;
    width: auto;
    float: left;
	margin-left:10px;
}

@media (max-width:980px) and (min-width:768px) {

	.account {
		width: 45% !important;
	}
	
	.account ul.home {
		width:57% !important;
		padding-left: 0rem !important;
	}
	
}

@media (max-width:616px) and (min-width:400px){

	#twentyYears {
		margin-left:20px;
		float:right;
	}
	.header-site .account {
		float: left;
		width:100%;
	}
	
}

@media (max-width:400px) {
	#twentyYears {
		font-size: 2em;
		margin: auto;
		width: 37%;
		float: none;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
}
.hide-institutions {
	display: none;
}
.blue-role {
	color: #41748d !important;
}
/* TWENTY YEARS LOGO STUFF END */
.skillsforstudy-icon li figure a img{
	width: 26% !important;
}
@media (max-width:480px) {
	.skillsforstudy-icon li figure a img{
		width: 70% !important;
	}
	.under-banner-images img {
		min-width: 97% !important;
	}
}
.under-banner-images {
	max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
.under-banner-images img {
	width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0% 1% 3%; 
	min-width: 345px;
}
.btu-asos {
	margin: 0 auto 2em;
	max-width: 1080px;
}
.btu-main-banner {
	margin: 0 auto 2em;
	max-width: 1380px;
}
.btu-main-banner img {
	margin: 0 auto;
}
.btu-asos img {
	margin: 0 auto;
	width: 100%;
}

/* Header banner styles
.blm-banner {
	display:			block;
	text-align:			center;
	background-color:	#000000;
	
	padding-top:		0.75em;
	padding-bottom:		0.75em;
	
	color:				#FFFFFF;
	
	text-decoration:	none;
	font-size:			1.15rem;
	
	margin-top:			2px;
	
	
	-webkit-transition:	background-color 0.3s linear,
						color 0.3s linear;
	-moz-transition:	background-color 0.3s linear,
						color 0.3s linear;
	-o-transition:		background-color 0.3s linear,
						color 0.3s linear;
	transition:			background-color 0.3s linear,
						color 0.3s linear;
}

.blm-banner:hover {
	color:				#ffffff;
	background-color:	#000000;
}
*/



.blm-banner {
	background-image:	url( "/resources/images/banners/BLM_Background.jpg" );
	background-size:	cover;
	position:			relative;
	padding-bottom:		1.5rem;
}

.blm-banner .content {
	background-color:	rgba( 000, 000, 000, 0.6 );
	color:				#ffffff;
	float:				right;
	margin-right:		3rem;
	margin-top:			1.5rem;
	width:				22rem;
	padding:			1rem;
	padding-top:		0.5rem;
	
	-webkit-transition:	background-color 0.2s linear,
						color 0.3s linear;
	-moz-transition:	background-color 0.2s linear,
						color 0.3s linear;
	-o-transition:		background-color 0.2s linear,
						color 0.3s linear;
	transition:			background-color 0.2s linear,
						color 0.3s linear;
}

.blm-banner:after {
	content:			"";
	clear:				both;
	display:			table;
}

.blm-banner .content h3 {
	font-family:		"helvetical", "Helvetica", sans-serif;
	color:				#ffffff;
	font-size:			2.9em;
	margin:				0;
	padding:			0;
}

.blm-banner .content p {
	margin:				0;
	margin-bottom:		1rem;
	font-size:			1.3em;
	line-height:		1.3em;
}

.blm-banner a {
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	bottom:				0;
	
	display:			block;
	
	text-indent:		-100vw;
}

.cke_editable .blm-banner a {
	position:			absolute;
	top:				auto;
	left:				auto;
	right:				0;
	bottom:				0;
	
	padding:			10px;
	background-color:	#000000;
	color:				#ffffff;
	
	display:			block;
	
	text-indent:		0;
}

.blm-banner .content p:last-child {
	margin-bottom:		0;
}

.blm-banner:hover .content {
	background-color:	rgba( 000, 000, 000, 0.8 );
}


@media screen and ( max-width: 960px ) {
	.blm-banner .content h3 {
		font-size:			2.9em;
	}
	
	.blm-banner .content p {
		margin:				0;
		margin-bottom:		1rem;
		font-size:			1.1em;
	}
}


@media screen and ( max-width: 767px ) {
	.blm-banner {
		padding-top:		1.5rem;
		padding-left:		calc( 50vw - 30vw - 2rem );
		padding-right:		calc( 50vw - 30vw - 2rem );
		
		min-height:			auto;
	}
	
	.blm-banner .content {
		margin:				0;
		float:				none;
		width:				60vw;
	}
	
	.blm-banner .content h3 {
		font-size:			7.0vw;
	}
}


@media screen and ( max-width: 420px ) {
	.blm-banner .content h3 {
		margin-bottom:		0.5rem;
	}
	
	.blm-banner .content p {
		font-size:			1em;
	}
}



.coronavirus-banner {
	display:			block;
	text-align:			center;
	background-color:	#007C89;
	
	padding-top:		0.75em;
	padding-bottom:		0.75em;
	
	color:				#E5F2F3;
	
	text-decoration:	none;
	font-size:			1.15rem;
	
	margin-top:			2px;
	
	
	-webkit-transition:	background-color 0.3s linear,
						color 0.3s linear;
	-moz-transition:	background-color 0.3s linear,
						color 0.3s linear;
	-o-transition:		background-color 0.3s linear,
						color 0.3s linear;
	transition:			background-color 0.3s linear,
						color 0.3s linear;
}

.coronavirus-banner:hover {
	text-decoration:	none;
	color:				#ffffff;
	background-color:	#006C79;
}

.coronavirus-banner span {
	color:				#ffffff;
	font-weight:		bold;
	display:			inline-block;
	position:			relative;
}

.coronavirus-banner span:after {
	content:			"A";
	line-height:		1.4;
	font-family:		'losa';
	position:			relative;
	left:				0.25em;
	top:				0.1em;
	font-size:			1.0em;
	color:				#ffffff;
}


@media screen and ( max-width: 960px ) {
	.coronavirus-banner /*,
	.blm-banner*/ {
		font-size:			1.1em;
	}
}


@media screen and ( max-width: 767px ) {
	.coronavirus-banner /*,
	.blm-banner*/ {
		font-size:			1.0em;
		margin-left:		1rem;
		margin-right:		1rem;
		padding-left:		1rem;
		padding-right:		1rem;
	}
}





.list-resources.no-set-height-images .icon-file-type {
	height: auto;
}

.list-resources.no-set-height-images .nav-inline-buttons {
	display:				block;
}

.list-resources.no-set-height-images .nav-inline-buttons:before {
	content:				"";
	display:				table;
	clear:					both;
}






#quantity_exceeded.stock_exceeded {
	color:					#bb2626;
	font-weight:			bold;
}

#quantity_changed.stock_exceeded {
	color:					#bb2626;
	font-weight:			bold;
}

























/* RESPONSIVE CTAs */

.responsive-banner {
	background-size:	cover;
	position:			relative;
	padding-bottom:		0;
	
	max-width:			1150px;
	margin-left:		auto;
	margin-right:		auto;
}

.homepage-carousel .responsive-banner {
	max-width:			1080px;
}

.responsive-banner:after {
	content:			"";
	clear:				both;
	display:			table;
}

.responsive-banner * {
	color:					#ffffff;
}

.responsive-banner .contents {
	margin-bottom:		0 !important;
}

.responsive-banner .contents h2 {
	font-family:		Helvetica1, "Helvetica", sans-serif;
	color:				#ffffff;
	font-size:			4.2em;
	margin:				0;
	padding:			0;
    margin-bottom:		0.25rem;
}

.responsive-banner .content strong {
	font-family:		Helvetica4, "Helvetica", sans-serif;
}

.responsive-banner .contents h2:only-child {
	padding-top:		1.5rem;
	padding-bottom:		1.5rem;
}

.responsive-banner.everything-you-need .contents h2 {
	font-size:			2.75em;
}


.responsive-banner.discount-banner .contents {
	padding-top:		4rem;
	padding-bottom:		3.5rem;
}

.responsive-banner.discount-banner .contents h2 {
	font-size:			3.25em;
}

.responsive-banner .contents p {
	margin:				0;
	padding-bottom:		1rem;
	font-size:			1.6em;
	line-height:		1.3em;
}

.responsive-banner a {
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	bottom:				0;
	
	display:			block;
	
	text-indent:		-100vw;
}

.cke_editable .responsive-banner a {
	position:			absolute;
	top:				auto;
	left:				auto;
	right:				0;
	bottom:				0;
	
	padding:			10px;
	background-color:	#000000;
	color:				#ffffff;
	
	display:			block;
	
	text-indent:		0;
}

.responsive-banner .content p:last-child {
	margin-bottom:		0;
}

.responsive-banner:hover .content {
	background-color:	rgba( 000, 000, 000, 0.8 );
}


@media screen and ( max-width: 1300px ) {
	.responsive-banner.single-line .contents h2 {
		font-size:			5.2vw;
	}
}

@media screen and ( max-width: 960px ) {
	.responsive-banner .content h3 {
		font-size:			2.9em;
	}
	
	.responsive-banner .content p {
		margin:				0;
		margin-bottom:		1rem;
		font-size:			1.1em;
	}
}





/* BACKGROUNDS */
.responsive-banner.background-red {
	background: rgb(204,17,32);
	background: -moz-linear-gradient(45deg, rgba(204,17,32,1) 0%, rgba(205,24,41,1) 26%, rgba(213,32,48,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(204,17,32,1) 0%, rgba(205,24,41,1) 26%, rgba(213,32,48,1) 100%);
	background: linear-gradient(45deg, rgba(204,17,32,1) 0%, rgba(205,24,41,1) 26%, rgba(213,32,48,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc1120",endColorstr="#d52030",GradientType=1); 

	-webkit-transition: background 500ms ease-out 1s;
    -moz-transition: background 500ms ease-out 1s;
    -o-transition: background 500ms ease-out 1s;
    transition: background 500ms ease-out 1s; 
}

/*
.responsive-banner.background-red:hover {
	 background: rgb(190,22,36);
background: -moz-linear-gradient(45deg, rgba(190,22,36,1) 0%, rgba(189,30,45,1) 26%, rgba(203,37,51,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(190,22,36,1) 0%, rgba(189,30,45,1) 26%, rgba(203,37,51,1) 100%);
background: linear-gradient(45deg, rgba(190,22,36,1) 0%, rgba(189,30,45,1) 26%, rgba(203,37,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1624",endColorstr="#cb2533",GradientType=1);

	-webkit-transition: background 500ms ease-out 1s;
    -moz-transition: background 500ms ease-out 1s;
    -o-transition: background 500ms ease-out 1s;
    transition: background 500ms ease-out 1s;  
}
*/


.responsive-banner.background-dark-red {
	 background: rgb(109,5,29);
background: -moz-linear-gradient(45deg, rgba(109,5,29,1) 0%, rgba(109,6,31,1) 26%, rgba(142,18,53,1) 60%, rgba(117,16,29,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(109,5,29,1) 0%, rgba(109,6,31,1) 26%, rgba(142,18,53,1) 60%, rgba(117,16,29,1) 100%);
background: linear-gradient(45deg, rgba(109,5,29,1) 0%, rgba(109,6,31,1) 26%, rgba(142,18,53,1) 60%, rgba(117,16,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d051d",endColorstr="#75101d",GradientType=1); 
}

.responsive-banner.background-green {
	 background: rgb(19,65,37);
background: -moz-linear-gradient(45deg, rgba(19,65,37,1) 0%, rgba(26,79,51,1) 26%, rgba(38,100,72,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(19,65,37,1) 0%, rgba(26,79,51,1) 26%, rgba(38,100,72,1) 100%);
background: linear-gradient(45deg, rgba(19,65,37,1) 0%, rgba(26,79,51,1) 26%, rgba(38,100,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134125",endColorstr="#266448",GradientType=1); 
}

.responsive-banner.background-orange {
background: rgb(249,139,63);
background: -moz-linear-gradient(45deg, rgba(249,139,63,1) 0%, rgba(251,160,83,1) 26%, rgba(253,194,120,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(249,139,63,1) 0%, rgba(251,160,83,1) 26%, rgba(253,194,120,1) 100%);
background: linear-gradient(45deg, rgba(249,139,63,1) 0%, rgba(251,160,83,1) 26%, rgba(253,194,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f98b3f",endColorstr="#fdc278",GradientType=1); 
}

.responsive-banner.background-blue {
background: rgb(15,110,175);
background: -moz-linear-gradient(45deg, rgba(0, 94, 168,1) 0%, rgba(18,123,180,1) 26%, rgba( 0, 134, 193, 1 ) 60%, rgba(0, 134, 195,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 94, 168,1) 0%, rgba(18,123,180,1) 26%, rgba( 0, 134, 193, 1 ) 60%, rgba(0, 134, 195,1) 100%);
background: linear-gradient(45deg, rgba(0, 94, 168,1) 0%, rgba(18,123,180,1) 26%, rgba( 0, 134, 193, 1 ) 60%, rgba(0, 134, 195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f6eaf",endColorstr="#1891c9",GradientType=1); 
}

.responsive-banner.background-purple {
	 background: rgb(55,24,63);
background: -moz-linear-gradient(45deg, rgba(55,24,63,1) 0%, rgba(77,34,83,1) 26%, rgba(101,50,109,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(55,24,63,1) 0%, rgba(77,34,83,1) 26%, rgba(101,50,109,1) 100%);
background: linear-gradient(45deg, rgba(55,24,63,1) 0%, rgba(77,34,83,1) 26%, rgba(101,50,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37183f",endColorstr="#65326d",GradientType=1); 
}

.responsive-banner.background-dark-blue {
	 background: rgb(12,23,66);
background: -moz-linear-gradient(45deg, rgba(12,23,66,1) 0%, rgba(13,25,68,1) 26%, rgba( 26, 43, 95, 1 ) 60%, rgba(21, 38, 81,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(12,23,66,1) 0%, rgba(13,25,68,1) 26%, rgba( 26, 43, 95, 1 ) 60%, rgba(21, 38, 81,1) 100%);
background: linear-gradient(45deg, rgba(12,23,66,1) 0%, rgba(13,25,68,1) 26%, rgba( 26, 43, 95, 1 ) 60%, rgba(21, 38, 81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c1742",endColorstr="#17274f",GradientType=1); 
}

.responsive-banner.background-grey {
	 background: rgb(65,65,65);
background: -moz-linear-gradient(45deg, rgba(65,65,65,1) 0%, rgba(68,68,68,1) 26%, rgba(78,78,78,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(65,65,65,1) 0%, rgba(68,68,68,1) 26%, rgba(78,78,78,1) 100%);
background: linear-gradient(45deg, rgba(65,65,65,1) 0%, rgba(68,68,68,1) 26%, rgba(78,78,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#414141",endColorstr="#4e4e4e",GradientType=1);
}

.responsive-banner.background-light-grey {
	 background: rgb(119,119,119);
background: -moz-linear-gradient(45deg, rgba(119,119,119,1) 0%, rgba(134,134,134,1) 26%, rgba(158,158,158,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(119,119,119,1) 0%, rgba(134,134,134,1) 26%, rgba(158,158,158,1) 100%);
background: linear-gradient(45deg, rgba(119,119,119,1) 0%, rgba(134,134,134,1) 26%, rgba(158,158,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#9e9e9e",GradientType=1); 
}

.responsive-banner.background-teal {
	 background: rgb(0,86,98);
background: -moz-linear-gradient(45deg, rgba(0,86,98,1) 0%, rgba(0,113,125,1) 26%, rgba(0,119,131,1) 70%, rgba(0,85,96,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,86,98,1) 0%, rgba(0,113,125,1) 26%, rgba(0,119,131,1) 70%, rgba(0,85,96,1) 100%);
background: linear-gradient(45deg, rgba(0,86,98,1) 0%, rgba(0,113,125,1) 26%, rgba(0,119,131,1) 70%, rgba(0,85,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005662",endColorstr="#005560",GradientType=1);
}

.responsive-banner.background-mid-blue {
	 background: rgb(0,74,144);
background: -moz-linear-gradient(45deg, rgba(0,74,144,1) 0%, rgba(0,90,158,1) 26%, rgba(0,113,178,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,74,144,1) 0%, rgba(0,90,158,1) 26%, rgba(0,113,178,1) 100%);
background: linear-gradient(45deg, rgba(0,74,144,1) 0%, rgba(0,90,158,1) 26%, rgba(0,113,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004a90",endColorstr="#0071b2",GradientType=1); 
}

.responsive-banner.background-light-blue {
	 background: rgb(36,137,192);
background: -moz-linear-gradient(45deg, rgba(36,137,192,1) 0%, rgba(60,157,203,1) 26%, rgba(102,190,223,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(36,137,192,1) 0%, rgba(60,157,203,1) 26%, rgba(102,190,223,1) 100%);
background: linear-gradient(45deg, rgba(36,137,192,1) 0%, rgba(60,157,203,1) 26%, rgba(102,190,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2489c0",endColorstr="#66bedf",GradientType=1); 
}

.responsive-banner.background-light-green {
	 background: rgb(60,133,101);
background: -moz-linear-gradient(45deg, rgba(60,133,101,1) 0%, rgba(75,146,116,1) 26%, rgba(100,170,142,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(60,133,101,1) 0%, rgba(75,146,116,1) 26%, rgba(100,170,142,1) 100%);
background: linear-gradient(45deg, rgba(60,133,101,1) 0%, rgba(75,146,116,1) 26%, rgba(100,170,142,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c8565",endColorstr="#64aa8e",GradientType=1); 
}

.responsive-banner.background-student-planner {
	background-image: -moz-linear-gradient(left, #0a4b8d #4e4e4e);
	background-image: -webkit-gradient(linear, left top, right top, from(#0a4b8d), to(#4e4e4e));
	background-image: -webkit-linear-gradient(left, #0a4b8d, #4e4e4e);
	background-image: -o-linear-gradient(left, #0a4b8d, #4e4e4e);
}

@media screen and ( max-width: 600px ) {
	.responsive-banner.background-student-planner {
		background-image: -moz-linear-gradient(top, #0a4b8d #4e4e4e);
		background-image: -webkit-linear-gradient(top, #0a4b8d, #4e4e4e);
		background-image: -o-linear-gradient(top, #0a4b8d, #4e4e4e);
	}
	
}




/* CONTENTS */
.responsive-banner.photo-going-to-university .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/girl-with-boxes.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 1.5rem;
}


.responsive-banner.photo-girl-typing .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/girl-typing.png" );
	background-repeat:		no-repeat;
	background-size:		16rem;
	background-position:	bottom -1rem right 4.0rem;
}

.responsive-banner .contents {
	padding-top:			1.75rem;
	padding-bottom:			1.75rem;
	padding-left:			3rem;
	padding-right:			34%;
}

.responsive-banner.everything-you-need .contents {
	padding-top:			1.5rem;
	padding-bottom:			1.5rem;
	padding-left:			3rem;
	padding-right:			40%;
}


.responsive-banner.photo-paint-hands .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/paint-hands.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 1.5rem;
}


.responsive-banner.photo-dna-helix .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/dna-helix.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	bottom right;
}


.responsive-banner.photo-abacus .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/abacus.png" );
	background-repeat:		no-repeat;
	background-size:		13rem;
	background-position:	bottom right 4.5rem;
}

.responsive-banner.photo-jigsaw-hands .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/jigsaw-hands.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 1.5rem;
}

.responsive-banner.photo-stethoscope .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/stethoscope.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 5.5rem;
}

.responsive-banner.photo-thumbs-up-girl .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/thumbs-up-girl.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 1.5rem;
}

.responsive-banner.photo-success-girl .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/success-girl.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-origin:		content-box;
	padding:				1rem;
	background-position:	top right 7.5rem;
}

.responsive-banner.photo-success-girl .contents {
	padding-top:			3rem;
	padding-bottom:			2.5rem;
	padding-left:			2rem;
}

.responsive-banner.photo-heart .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/heart.png" );
	background-repeat:		no-repeat;
	background-size:		11rem;
	background-position:	top 1rem right 25%;
}

.responsive-banner.photo-heart .contents {
	max-width:				25rem;
	padding-right:			0;
}

.responsive-banner.photo-apples .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/apples.png" );
	background-repeat:		no-repeat;
	background-size:		50%;
	background-position:	center right 1.5rem;
}

.responsive-banner.photo-apples .contents {
	max-width:				25rem;
	padding-right:			0;
}

.responsive-banner.photo-dice .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/dice.png" );
	background-repeat:		no-repeat;
	background-size:		24rem;
	background-position:	center right 1.5rem;
}

.responsive-banner.photo-dice .contents {
	max-width:				25rem;
	padding-right:			0;
}

.responsive-banner.photo-world-clocks .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/world-clocks.png" );
	background-repeat:		no-repeat;
	background-size:		30rem;
	background-position:	center right 5.5rem;
}

.responsive-banner.photo-world-clocks .contents {
	max-width:					20rem;
	padding-right:				0;
}


.responsive-banner.photo-house-coin-stack .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/house-coin-stack.png" );
	background-repeat:		no-repeat;
	background-size:		27rem;
	background-position:	bottom right;
}

.responsive-banner.photo-chess-pieces .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/chess-pieces.png" );
	background-repeat:		no-repeat;
	background-size:		17rem;
	background-position:	bottom right 2.5rem;
}

.responsive-banner.photo-pocket-watch .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/pocket-watch.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 7.5rem;
}

.responsive-banner.photo-girl-with-boxes .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/girl-with-boxes.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right 1.5rem;
}


.responsive-banner.photo-hands .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/hands.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.photo-rorschach .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/rorschach.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.photo-suit-of-armour .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/suit-of-armour.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.photo-desktop .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/desktop.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.photo-piggy-bank .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/piggy-bank.png" );
	background-repeat:		no-repeat;
	background-size:		12rem;
	background-position:	bottom right 3rem;
}


.responsive-banner.photo-microscope .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/microscope.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.photo-globe .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/globe.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	bottom right;
}

.responsive-banner.photo-globe .contents {
	padding-right:			24%;
}


.responsive-banner.photo-books-ring .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/books-ring.png" );
	background-repeat:		no-repeat;
	background-size:		13rem;
	background-position:	center right 3rem;
}


.responsive-banner.photo-gavel .inner {
	background-image:		url( "/resources/banners/responsive/9657-mihe-btu-homepage-banner/gavel.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	center right;
}

.responsive-banner.photo-gavel .contents {
	padding-right:			0;
	width:					40%;
}

.responsive-banner.be-well .inner {
	background-image:		url( "/resources/banners/responsive/product-banners/be-well.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.study-skills-handbook .inner {
	background-image:		url( "/resources/banners/responsive/product-banners/study-skills.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.entre-and-small-business .inner {
	background-image:		url( "/resources/banners/responsive/product-banners/entrepreneurship.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.principles-of-economics .inner {
	background-image:		url( "/resources/banners/responsive/product-banners/principles-of-economics.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}
.responsive-banner.understanding-social-work .inner {
	background-image:		url( "/resources/banners/responsive/uk-subject-banners/understanding-social-work.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.hist-world-societies .inner {
	background-image:		url( "/resources/banners/responsive/uk-subject-banners/world-societies.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}
.responsive-banner.politics .inner {
	background-image:		url( "/resources/banners/responsive/uk-subject-banners/politics.png" );
	background-repeat:		no-repeat;
	background-size:		contain;
	background-position:	top right;
}

.responsive-banner.photo-books-ring .inner h2 {
	font-size:				2.3rem;
	padding-top:			3.5rem;
	padding-bottom:			3.5rem;
}

.responsive-banner.photo-books-ring.discount-banner .inner h2 {
	font-size:				2.3rem;
	padding-top:			1rem;
	padding-bottom:			1rem;
}

.responsive-banner.photo-books-ring.discount-banner .inner p .smaller {
	display:				block;
	margin-top:				1rem;
	font-size:				0.7em;
}

.responsive-banner.photo-books-ring.discount-banner .contents {
	padding-top:			1rem;
	padding-bottom:			1rem;
}

@media screen and ( max-width: 1300px ) {
	.responsive-banner.photo-books-ring .inner h2 {
		font-size:				3.0vw;
	}
}


@media screen and ( max-width: 1020px ) {
	.responsive-banner.photo-gavel .contents {
		width:					50%;
	}
}


@media screen and ( max-width: 1000px ) {
	.responsive-banner.photo-pocket-watch .inner {
		background-position:	top right 3.5rem;
	}
	
	.responsive-banner.photo-world-clocks .inner {
		background-size:		25rem;
		background-position:	center right 1.5rem;
	}
	
	.responsive-banner.photo-stethoscope .inner {
		background-position:	top right 2.5rem;
	}
}


@media screen and ( max-width: 920px ) {
	.responsive-banner .contents {
		padding-right:			34%;
	}
	
	.responsive-banner .contents h2 {
		font-size:				4.2em;
	}
	
	
	.responsive-banner.everything-you-need .contents {
		padding-right:			40%;
	}
	
	.responsive-banner.everything-you-need .contents h2 {
		font-size:				2.5em;
	}
	
	
	
	.responsive-banner.discount-banner .contents {
		padding-right:			38%;
	}
	
	.responsive-banner.discount-banner .contents h2 {
		font-size:				2.5em;
	}
	
	
	
	.responsive-banner.photo-world-clocks .contents {
		max-width:					15rem;
		padding-right:				0;
	}
	
	
	
	
	
	
	.responsive-banner.photo-chess-pieces .inner {
		background-size:		15rem;
		background-position:	center right 0.5rem;
	}
	
	.responsive-banner.photo-house-coin-stack .inner {
		background-size:		50%;
	}
	
	.responsive-banner.photo-paint-hands .inner {
		background-position:	top right;
	}

	.responsive-banner.photo-dice .inner {
		background-size:		40%;
		background-position:	center right 1.5rem;
	}	
	

	.responsive-banner.photo-apples .inner {
		background-size:		45%;
		background-position:	bttomright 1.5rem;
	}

	.responsive-banner.photo-apples .contents {
		max-width:				50%;
		padding-right:			0;
	}
	
	
	

	.responsive-banner.photo-books-ring .inner h2 {
		font-size:				2rem;
	}
	
	.responsive-banner.photo-books-ring .inner {
		background-size:		11rem;
		background-position:	center right 1rem;
	}
	
	.responsive-banner.photo-books-ring .contents {
		width:					50%;
	}
	
	.responsive-banner.photo-going-to-university .contents {
		font-size:				0.8em;
	}
	

	
	.responsive-banner.photo-girl-typing .inner {
		background-size:		18rem;
		background-position:	top right 2.0rem;
	}
	
	.responsive-banner.photo-girl-typing.single-line .inner {
		background-size:		contain;
		background-position:	top 0.5rem right 2.0rem;
	}
	
		
}




@media screen and ( max-width: 838px ) {
	.responsive-banner.everything-you-need .contents {
		padding-top:			0.75rem;
		padding-bottom:			1.75rem;
	}
	
	.responsive-banner.everything-you-need .contents h2 {
		font-size:				2.5em;
	}
	
	.responsive-banner.discount-banner .contents {
		padding-top:			0.75rem;
		padding-bottom:			1.75rem;
	}
	
	.responsive-banner.discount-banner .contents h2 {
		font-size:				2.5em;
		padding-top:			2.5rem;
	}

	.responsive-banner .contents h2:only-child {
		padding-top:			1.5rem;
		padding-bottom:			0.5rem;
	}
	
	
	
		
	.responsive-banner.photo-success-girl .inner {
		background-position:	top right 5.5rem;
		padding-top:			0.75rem;
		padding-bottom:			0.75rem;
	}
	
	.responsive-banner.photo-success-girl .contents {
		padding-top:			0;
		padding-bottom:			1rem;
	}
	
	

	.responsive-banner.photo-abacus .inner {
		background-size:		13rem;
		background-position:	bottom right 2rem;
	}
	
	.responsive-banner.photo-chess-pieces .inner {
		background-size:		13rem;
	}
	
	
	.responsive-banner.photo-world-clocks .inner {
		background-size:		20rem;
		background-position:	center right 1.5rem;
	}
	
	.responsive-banner.photo-world-clocks .contents {
		max-width:					15rem;
		padding-right:				0;
	}
	
	
	.responsive-banner.photo-heart .inner {
		background-size:		8rem;
		background-position:	top 1rem right 20%;
	}

	.responsive-banner.photo-going-to-university .contents {
		font-size:				0.8em;
		padding-right:			50%;
	}

	
}




@media screen and ( max-width: 767px ) {
	.responsive-banner.everything-you-need .contents {
		margin:					0;
		padding-left:			2rem;
		padding-top:			0.5rem;
	}
	
	.responsive-banner.discount-banner .contents {
		margin:					0;
		padding-left:			2rem;
		padding-top:			0.5rem;
	}
	
	
		
	.responsive-banner.photo-success-girl .inner {
		background-position:	top right 5.5rem;
		padding-top:			0.5rem;
		padding-bottom:			0.5rem;
		padding-left:			0rem;
	}
	
	.responsive-banner.photo-success-girl .contents {
		padding-top:			1rem;
		padding-bottom:			1rem;
	}
	
	.responsive-banner.photo-success-girl .contents h2 {
		padding-top:			0;
	}

	.responsive-banner.photo-stethoscope .inner {
		background-size:		14rem;
		background-position:	bottom right 1.5rem;
	}

	.responsive-banner.photo-dice .inner {
		background-size:		40%;
		background-position:	center right;
	}
	
	
	.responsive-banner.single-line .contents h2 {
		font-size:				7vw;
	}
	.responsive-banner.single-line .contents {
		padding-right:			43%;
		padding-left:			2rem;
	}

	.responsive-banner.photo-gavel .contents {
		width:					60%;
	}


	.responsive-banner.photo-girl-typing .inner {
		background-size:		16rem;
		background-position:	bottom right 1.0rem;
	}
	
	.responsive-banner.photo-girl-typing .contents {
		font-size:				0.8em;
	}
}




@media screen and ( max-width: 700px ) {
	.responsive-banner.everything-you-need .contents {
		padding-right:			45%;
	}
	
	.responsive-banner.everything-you-need .contents h2 {
		font-size:				4.5vw;
	}
	
	
	.responsive-banner.discont-banner .contents {
		padding-right:			45%;
	}
	
	.responsive-banner.discount-banner .contents h2 {
		font-size:				4.5vw;
	}
	.responsive-banner.discount-banner .contents p {
		font-size:				3.25vw;
	}
	
	.responsive-banner.photo-world-clocks .inner {
		background-size:		20rem;
		background-position:	center right -5rem;
	}
	
	.responsive-banner.photo-world-clocks .contents {
		max-width:					calc( 100% - 18rem );
		padding-right:				0;
	}

	.responsive-banner.photo-stethoscope .inner {
		background-size:		contain;
		background-position:	bottom right 1.5rem;
	}
	
	.responsive-banner.photo-books-ring .contents h2 {
		font-size:				4.5vw;
	}
	
	.responsive-banner.multi-line .contents h2 {
		font-size:				7vw;
	}
	
	.responsive-banner.multi-line .contents p {
		font-size:				4vw;
	}
	
	.responsive-banner.photo-thumbs-up-girl .inner {
		background-size:		contain;
		background-position:	top right 0.5rem;
	}
	
	.responsive-banner.photo-going-to-university .inner {
		background-size:		contain;
		background-position:	top right 0.5rem;
	}
	
	.responsive-banner.multi-line .contents {
		padding-left:			2rem;
	}
	
	.responsive-banner.photo-going-to-university .contents h2 {
		font-size:				6vw;
	}
	
	.responsive-banner.photo-going-to-university .contents p {
		font-size:				3vw;
	}


	.responsive-banner.photo-girl-typing .contents {
		font-size:				1em;
		padding-right:			40%;
	}
	.responsive-banner.photo-girl-typing .contents h2 {
		font-size:				6vw;
	}
	.responsive-banner.photo-girl-typing .contents p {
		font-size:				3vw;
	}
	.responsive-banner.photo-girl-typing .inner {
		background-position:	top 0.5rem right -0.5rem;
		background-size:		contain;
	}
	
	
}


@media screen and ( max-width: 620px ) {
	.responsive-banner.discount-banner .contents p {
		margin-bottom:			0.5rem;
	}
	
	
	.responsive-banner.photo-abacus .inner {
		background-size:		35%;
		background-position:	bottom right 1rem;
	}
	
	.responsive-banner.photo-chess-pieces .inner {
		background-size:		35%;
		background-position:	center right 1rem;
	}
	
	.responsive-banner.photo-pocket-watch .inner {
		background-position:	top right 0.5rem;
	}
	
	.responsive-banner.photo-dna-helix .inner {
		background-position:	top 1rem right;
	}
	
	.responsive-banner.photo-success-girl .inner {
		background-position:	top right 2.5rem;
	}
	
	.responsive-banner.photo-apples .inner {
		background-size:		45%;
		background-position:	bottom 1rem right 1.5rem;
	}
	
	.responsive-banner.photo-apples .contents {
		max-width:				100%;
	}
	
}


@media screen and ( max-width: 460px ) {
	.responsive-banner.multi-line .contents h2 {
		font-size:				7vw;
	}
	
	.responsive-banner.multi-line .contents p {
		padding: 0;
	}
	
	.responsive-banner.multi-line .contents {
		padding-left:			1rem;
		padding-top:			1rem;
		padding-bottom:			1rem;
	}

	.responsive-banner.single-line.photo-going-to-university .contents {
		padding-left:			1rem;
		padding-top:			0.5rem;
		padding-bottom:			1rem;
		padding-right:			10%;
	}
}


@media screen and ( max-width: 500px ) {
	.responsive-banner.everything-you-need .contents {
		padding-top:			1rem;
		padding-bottom:			1rem;
		
		padding-left:			1rem;
		
		padding-right:			45%;
	}
	
	.responsive-banner.everything-you-need .inner {
		background-size:		40%;
	}
	
	.responsive-banner.everything-you-need .contents h2 {
		padding:				0;
		font-size:				5.5vw;
	}
	
	
	.responsive-banner.discount-banner .contents {
		padding-top:			1rem;
		padding-bottom:			1rem;
		
		padding-left:			1rem;
		
		padding-right:			45%;
	}
	
	.responsive-banner.discount-banner .inner {
		background-size:		40%;
	}
	
	.responsive-banner.discount-banner .contents h2 {
		padding:				0;
		padding-top:			2vw;
		font-size:				6.0vw;
	}
	
	.responsive-banner.discount-banner .contents p {
		font-size:				3.5vw;
	}
	
	
	.responsive-banner.photo-dna-helix .inner {
		background-size:		contain;
		background-position:	top 1rem right;
	}
	
	
	.responsive-banner.photo-abacus .inner {
		background-size:		30%;
		background-position:	bottom right 1.5rem;
	}
	
	.responsive-banner.photo-jigsaw-hands .inner {
		background-size:		contain;
		background-position:	top right 1.5rem;
	}
	
	.responsive-banner.photo-stethoscope .inner {
		background-size:		40%;
		background-position:	bottom right 0.5rem;
	}
	
	.responsive-banner.photo-thumbs-up-girl .inner {
		background-size:		contain;
		background-position:	top right 0.5rem;
	}
	
	.responsive-banner.photo-going-to-university .inner {
		background-size:		contain;
		background-position:	top right 0.5rem;
	}
	
	.responsive-banner.photo-success-girl .inner {
		background-size:		contain;
		background-position:	top right 1.5rem;
	}
	

	.responsive-banner.photo-heart .inner {
		background-size:		7.5rem;
		background-position:	top 1rem right 10%;
	}

	
	.responsive-banner.photo-dice .inner {
		background-size:		75%;
		background-position:	top 1rem right -150%;
	}
	
	.responsive-banner.photo-house-coin-stack .inner {
		background-size:		60%;
	}
	
	
	.responsive-banner.photo-pocket-watch .inner {
		background-size:		contain;
		background-position:	top right 1.5rem;
	}
	
	.responsive-banner.photo-girl-with-boxes .inner {
		background-size:		contain;
		background-position:	top right 1.5rem;
	}
	
	
	.responsive-banner.photo-hands .inner {
		background-size:		contain;
		background-position:	top right;
	}
	
	.responsive-banner.photo-rorschach .inner {
		background-size:		contain;
		background-position:	top right;
	}
	
	.responsive-banner.photo-suit-of-armour .inner {
		background-size:		contain;
		background-position:	top right;
	}
	
	.responsive-banner.photo-desktop .inner {
		background-size:		contain !important;
		background-position:	top right !important;
	}
	
	.responsive-banner.photo-piggy-bank .inner {
		background-position:	bottom right 1rem !important;
	}
	
	.responsive-banner.photo-globe .inner {
		background-size:		70%;
		background-position:	top right;
	}
	
	.responsive-banner.photo-paint-hands .inner {
		background-size:		contain;
	}


	.responsive-banner.photo-microscope .inner {
		background-size:		50%;
	}
	
	
	
	
	.responsive-banner.photo-world-clocks .inner {
		background-size:		73%;
		background-position:	center right -62%;
	}
	.responsive-banner.photo-world-clocks .contents {
		max-width:					38%;
		padding-right:				0;
	}
	
	.responsive-banner.photo-books-ring .contents {
		padding-left:			1rem;
	}
	
	.responsive-banner.photo-books-ring .inner {
		background-size:		contain;
		background-position:	center right 0.5rem;
	}
	
	.responsive-banner.photo-girl-typing.single-line .inner {
		background-size:		contain;
		background-position:	top 0.5rem right 0.0rem;
	}
	
	
}


@media screen and ( max-width: 420px ) {
	.responsive-banner.everything-you-need .contents {
		padding-top:			1rem;
		padding-bottom:			1rem;
		
		padding-left:			1rem;
		
		padding-right:			50%;
	}
	
	.responsive-banner.everything-you-need .contents h2 {
		font-size:				20px;
	}
	
	
	.responsive-banner.discount-banner .contents {
		padding-top:			1rem;
		padding-bottom:			1rem;
		
		padding-left:			1rem;
		
		padding-right:			30%;
	}
	
	.responsive-banner.discount-banner .contents h2 {
		font-size:				24px;
	}	
	
	.responsive-banner.discount-banner .contents p {
		font-size:				14px;
		margin:					0;
		padding:				0;
		padding-bottom:			1.5vw;
	}
	
	.responsive-banner.photo-globe .inner {
		background-position:	bottom right;
	}
	
	.responsive-banner.photo-chess-pieces .inner {
		background-size:		7rem;
		background-position:	center right;
	}
	
	.responsive-banner.photo-chess-pieces .contents {
		padding-right:			42%;
	}
	
	.responsive-banner.photo-pocket-watch .contents {
		padding-right:			50%;
	}
	
	.responsive-banner.photo-success-girl .inner {
		background-position:	top right;
	}
	
	.responsive-banner.photo-stethoscope .inner {
		background-size:		50%;
		background-position:	bottom right 0.5rem;
	}
	.responsive-banner.photo-heart .inner {
		background-size:		20%;
		background-position:	top right 0.5;
	}
	
	.responsive-banner.photo-dice .inner {
		background-size:		75%;
		background-position:	top 1rem right -175%;
	}

	
	.responsive-banner.photo-girl-typing .contents h2 {
		font-size:				24px;
	}
	.responsive-banner.photo-girl-typing .contents p {
		font-size:				14px;
	}
}

@media screen and ( max-width: 350px ) {
	.responsive-banner.photo-abacus .inner {
		background-size:		45%;
		background-position:	bottom right 1rem;
	}
}

@media screen and ( max-width: 330px ) {
	.responsive-banner .contents {
		padding:				1rem !important;
		max-width:				100% !important;
		width:					auto !important;
	}
	
	.responsive-banner .inner {
		background-image:		none !important;
	}
	
}





.welcome-us .welcome-title {
	font-size:					2.7em;
	margin-left:				1.5rem;
	margin-right:				1.5rem;
}





#Videos iframe {
	width:				100%;
	min-height:			20rem; 
}











.responsive-banner.student-planner-2020 {
	margin-bottom:		3rem;
}

.responsive-banner.student-planner-2020 .contents {
	padding-left: 1.5rem;
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.responsive-banner.student-planner-2020 .contents h2 {
	font-size:				2.5rem;
	margin-bottom: 2rem;
}

.responsive-banner.student-planner-2020 .contents h2 span {
	font-size:				0.8em;
	display:	block;
}

.responsive-banner.student-planner-2020 .inner {
	background-image:		url( "/resources/banners/responsive/student-planner/TheStudentPlanner.png" );
	background-repeat:		no-repeat;
	background-size:		40%;
	background-position:	center right 1rem;
}



@media screen and ( max-width: 1000px ) {
	.responsive-banner.student-planner-2020 .contents {
		padding-left: 3vw;
		padding-top: 6vw;
		padding-bottom: 4vw;
	}
	
	.responsive-banner.student-planner-2020 .contents h2 {
		font-size:				4vw;
		margin-bottom: 4vw;
	}

	.responsive-banner.student-planner-2020 .inner {
		background-size:		40vw;
		background-position:	center right 2vw;
	}
	
	.responsive-banner.student-planner-2020 .contents p {
		font-size: 2.5vw;
	}
}


@media screen and ( max-width: 838px ) {
	.responsive-banner.student-planner-2020 .contents h2 {
		padding-top: 0;
	}
}


@media screen and ( max-width: 600px ) {
	.responsive-banner.student-planner-2020 .contents {
		padding-left: 3vw;
		padding-right: 3vw;
		padding-top: 0vw;
		padding-bottom: 36vw;
		text-align: center;
		
	}
	
	.responsive-banner.student-planner-2020 .contents h2 {
		font-size:				7vw;
		margin-bottom: 4vw;
		padding-top: 6vw;
	}

	.responsive-banner.student-planner-2020 .inner {
		background-size:		70vw;
		background-position:	center bottom 2vw;
	}
	
	.responsive-banner.student-planner-2020 .contents p {
		font-size: 4vw;
	}
}



.homepage-grid {
	padding-left:			2rem;
	padding-right:			2rem;
}

/******** Start - AP Homepage Grid CSS, do not touch - KM  *******/



.publication-grid {
  display: flex;
  flex-wrap: wrap;
}

.publication-card {
  padding: 1%;
  flex-basis: 23%;
  display: flex;
}

.publication-image {
  width: 40%;
}

.publication-image figure{
  margin: 0px 10px 1em 0px;
}


.publication-info {
  width: 60%;
}

.pubgrid-title {
  color: #007C89;
  font-size: 0.95em;
  font-weight: 700;
  margin-bottom: 4px;
}

.pubgrid-title a {
  color: #007C89;
  font-size: 0.95em;
  font-weight: 700;
  text-decoration: none;
  &:hover {
	  text-decoration: underline;
  }
}

.pubgrid-author {
  color: #555555;
  font-size: 0.8em;
  margin-bottom: 3px;
}

.pubgrid-price {
  color: #000000;
  font-size: 0.8em;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .publication-card {
    flex: 0 31%;
  }
}

@media (max-width: 768px) {
  .publication-card {
    flex: 0 48%;
  }
}

@media (max-width: 480px) {
  .publication-card {
    flex: 0 98%;
  }
  .publication-image {
	width: 25%;
  }
  
  .publication-info {
	  width: 75%;
  }

}




/******** End - AP Homepage Grid CSS, do not touch - KM  *******/