.row p {font-size:13px; font-size:1.3rem; line-height:1.5; margin:0 0 18px; font-weight:400;}
.row h1 {margin:20px 0 20px 0; font-size:1.8em; font-weight:bold;}
.row h2 {margin-bottom:15px; font-size:1.8em; font-weight:bold;}
.row h3 {margin-bottom:15px; font-size:1.3em; font-weight:bold;}
.row h4 {margin-bottom:10px; font-size:1.1em; font-weight:bold;}
.talent .hero.interview { background: transparent url(./images/bg-benefits-personal-interview-coach-2.jpg) repeat-x bottom left; }
.talent .hero .points {background: transparent url(./images/bg-benefits-leadership-coaching.png) repeat-x bottom left; }
.row h2 {margin-bottom:0;}
.button.nice {background: #00a6fc url(./images/misc/button-gloss.png) repeat-x 0 -31px;}
#aspnetForm .green {background-color: #80b600 !important;}
#aspnetForm .green:hover {background-color: #6fa500 !important;}
.disc li {background:transparent url(images/li-pushpin-black.png) no-repeat 0px 3px; list-style:none; padding-left:20px; font-size:14px;}
.programme h2, .utility h2, #blog h2 {background: #fbfbfb url(./images/divider.png) repeat-x bottom left; text-align: center;}
#flipbook {width:100% !important;}

/***** RESPONSIVE START ******/
@media only screen and (min-width: 897px) and (max-width: 979px) {
.block-grid.four-up > li {width:40%;}
}

@media only screen and (max-width:897px) {
}

@media only screen and (min-width: 768px) and (max-width: 897px) {
.block-grid.four-up > li {width:45%;}
.module {margin:20px !important;}
}


@media only screen and (max-width:767px) {
    .talent .hero.interview {background:none;}
    .talent .hero .points {background:none; position: relative;}
    .talent .hero.interview .breadcrumb.white { color: inherit !important; }
    .talent .hero.interview .title { background-color: #D43450 !important; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.block-grid.four-up > li {width:100%;}
.row .six.tight:not(:first-child) {width:100%;}
.module {margin:20px !important;}
.marginlarge p {padding-left:10px; padding-right:10px;}
.row h3 {padding-left:10px;}
.row  .paddingsmall h3 {padding-left:0;}
#flipbook {height:300px !important;}
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
#category #content, #category .catcourses {background:#f1f1f1;}
.block-grid.four-up > li {margin-left:0; width:100%;}
.programme ul, .utility ul, #blog ul {margin:0 !important;}
.row .six.tight:not(:first-child) {width:100%;}
.programme .title h1, .utility .title h1, #blog .title h1 {margin-left:0;}
.programme .title h2, .utility .title h2, #blog .title h2 {margin-left:0;}
img.right {float:none !important; margin-left:0 !important;}
.module {margin:20px !important;}
.marginlarge p {padding-left:10px; padding-right:10px;}
.row h3 {padding-left:10px;}
.row  .paddingsmall h3 {padding-left:0;}
#flipbook {height:175px !important;}
}
/*  ends*/