body.suffix-plays-to-perform {
    background: #305f53 url('../images/plays-body-gradient.png') repeat-x top;
}

body.suffix-plays-to-perform {
    background-color: #fff;
}

#content-wrap .stison-block {
    padding: 25px;
    margin-bottom: 22px;
}
.modal.in .modal-dialog{
    max-width:100%;
}

#content-left-top{  display: none; }

body.suffix-plays-to-perform #content-wrap #content-left { clear:left;  }
body.suffix-plays-to-perform #content-wrap #content-left .stison-block,
body.suffix-plays-to-perform #content-wrap #content-left-top .stison-block, 
body.suffix-plays-to-perform:not(.seo-basket) #content-wrap #content .stison-block {
    padding: 0px;
}
body.suffix-plays-to-perform #main-menu-bar {
    border: none;
}

body.suffix-plays-to-perform .lower-main-menu {
    line-height: 50px;
    background-color: #5083b2;
}
#content-wrap .twitterfeed-block {
    padding: 0px;
}
.book-list-grid .list-items > .row {
    margin: 0!important;
    padding: 0!important;
    border: none!important;
}

.book-list-grid .list-items > .row > div {
    /* margin-bottom: 20px; */
    /* padding-bottom: 20px!important; */
    /* border-top: 1px dotted silver!important; */
}
.book-list-grid .list-items > .row:first-child > div{
    /* border:none!important; */
}
/**
 * This file contains all styling overrides for component blocks
 */

h1 {
    margin-top: 0px;
}

nav.mainmenu ul {
    float: none;
    margin: 0 auto;
}



/**
* For Teachers block
**/

/**
* Plays to perform page
*/

body.suffix-plays-to-perform {
    background: url('../images/plays-body-gradient.png') repeat-x top;
    background-color: #305f53;
}

body.suffix-plays-to-perform #content-wrap {
    padding-top: 10px;
}

body.suffix-plays-to-perform #content-wrap {
    background-color: #fff;
}

body.suffix-plays-to-perform header .advice h3 {
    color: #fff;
    font-size: 36px;
    font-weight: normal;
}

body.suffix-plays-to-perform header .advice{
    /*padding-top: 30px;*/
    color: #fff;
    font-size: 16px;
    font-size: 16px;
    line-height: 22px;
}

body.suffix-plays-to-perform header .advice a {
    color: #fff;
}

/*header*/
body.suffix-plays-to-perform header {
    background-color: #8ea6a0;
}

/**
* Above Content
*/

body.suffix-plays-to-perform .plays-perform img {
    display: block;
    margin-top: 10px;
}

/**
* Content-left
*/


/*play finder form*/

form#bookfinder {
    margin-bottom: 10px;
    border: 2px solid #BEC0C2;
    background: url("../images/plays-body-gradient.png") repeat-x #305F53;
    color: white;
}
form#bookfinder fieldset { border: 0px; }

form#bookfinder h2 {
    padding-right:28px;
    margin-bottom: 0px;
    color:white;
    font-size:24px;
    background:url(../images/ico-info.png) no-repeat right top;
    line-height:30px;
    border-bottom: none;
}
form#bookfinder div.info {
    cursor:pointer;
    position:relative;
}


form#bookfinder div.info div {
    width: 315px;
    height: 292px;
    padding:10px 15px 10px 46px;
    display:none;
    position:absolute;
    left: 245px;
    top:-7px;
    background:url(../images/info-popup.png) no-repeat;
    z-index:12;
}

form#bookfinder div.info p {
    margin-bottom:20px;
    color:#1c3055;
    font-size:14px;
}

form#bookfinder div.info ul {
    margin:0;
    padding:0;
    color:#1c3055;
    list-style: disc;
    font-size:14px;
}


form#bookfinder div.info ul li {
    margin-left:10px;
    line-height:1.4em;
}

form#bookfinder div.info:hover div {
    display:block;
}

form#bookfinder hr {
    margin-bottom: 20px;
    border-top:#DCDBDB 2px solid;
    display:block;
}
form#bookfinder input {
    width:100%;
    padding:3px 4px;
    border:1px solid #cedde6;
    color: #696969;
    font-size:14px;
}
form#bookfinder select {
    border:1px solid #cedde6;
    color: #696969;
    font-size:12px;
    margin:0px;
}
form#bookfinder div.select {
    /*height:20px;*/
    line-height:20px;
    vertical-align:middle;
    margin-bottom: 0px;
}
form#bookfinder fieldset>div {
    margin-bottom:5px;
}

form#bookfinder .find-plays-btn,
form#bookfinder .find-plays-clr,
form#bookfinder .submit {
    width: 150px;
    /*height: 21px;*/
    margin-top:10px;
    margin-bottom:10px;
    display:block;
    border:none;
    padding:4px 0;
    cursor:pointer;
    background: #453822 !important;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

form#bookfinder .find-plays-btn {
    width: 100%;
    font-size: 20px;
}
form#bookfinder .find-plays-clr {
    width: 100%;
    font-size: 20px;
    background: #954a4a !important;
}

form#bookfinder div.select a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    margin:auto;
    margin-top:10px;
}

body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-nav>li:hover a {
    background: transparent;
    color: #fff;
}

form#bookfinder div.select.submit-btn {
    clear: both;
}

form#bookfinder fieldset {
    padding: 8px;
}

div.navigation {
    text-align: left;
}

div.navigation ul.book_finder {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%; /* Width of Menu Items */
    /* border:1px solid #c5d6e2; */
}

div.navigation ul.book_finder li { position: relative; }

div.navigation ul.book_finder li ul, div.navigation ul.book_finder ul ul {
    position: absolute;
    left: 174px; /* Set 1px less than menu width */
    top: -1px;
    display: none;
    border-bottom: 1px solid #ccc;
    z-index:9;
}
div.navigation ul.book_finder li ul li ul { left: 160px; display:none; }

div.navigation ul.book_finder li ul li a {
    left: 174px; /* Set 1px less than menu width */
    background: #316054;
    color: white;
    width: 100%;
    padding:4px;
}


div.navigation ul.book_finder li a {
    display: block;
    text-decoration: none;
    background: white;
    font-weight:normal;
    color: #696969;
    padding: 4px;
    width: 100%;
    min-height: 14px;
    font-size: 14px;
    z-index:99;
}

/**
 * On stage now
 */
.book-list-onstagenow {
    padding-left: 15px;
    margin-bottom: 15px;
}

/**
* Content
*/
#content .intro p {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}

#content .intro p a {
    color: #006699;
    font-weight:600;
}

body.suffix-plays-to-perform #content-wrap #content .prm {
    background: #56867a;
    padding: 15px;
    min-height: 385px;
}

body.suffix-plays-to-perform #content-wrap #content .prm a {
    color: #013368;
}

body.suffix-plays-to-perform #content-wrap #content .block-title {
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 30px;
}

body.suffix-plays-to-perform #content-wrap #content .info {
    padding: 15px;
}

body.suffix-plays-to-perform.seo-home #content-wrap #content .stison-block#stison-block-content-6 ,
body.suffix-plays-to-perform #content-wrap #content .book-picker.book-description,
body.suffix-plays-to-perform #content-wrap #content .info.col-md-5 {
    width: 45.666667%;
}

body.suffix-plays-to-perform #content-wrap #content .stison-block.info,
body.suffix-plays-to-perform #content-wrap #content .stison-block.prm {
    padding:10px;
}

body.suffix-plays-to-perform #content-wrap #content .info a,
body.suffix-plays-to-perform #content-wrap #content .prm,
body.suffix-plays-to-perform #content-wrap #content .info {
    color: #fff;
}

body.suffix-plays-to-perform #content-wrap #content .info.hys {
    background: #e9eaec;
    color: #686868;
}

body.suffix-plays-to-perform #content-wrap #content .info.hys .block-title {
    color: #686868;
    font-weight: bold;
}

#content .info.fic {
    background: #6c837d;
}

#content .info.cs {
    background: #67999a;
}

#content .guide-plays  img {
    width: 100%;
}

#content .book-list.onstagenow-horizontal a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#content .book-list.onstagenow-horizontal .list-items>div {
    margin-bottom: 10px;
}

#content .book-list.onstagenow-horizontal .list-items img {
    width: auto;
    max-width: 100%;
    max-height: 158px;
}

#content-wrap #content .block-title {
    font-size: 24px;
    color: #006699;
    font-weight: bold;
    margin-bottom: 28px;
    line-height: 20px;
}

#content-wrap #content .on-stage .empty {
    padding: 0 15px;
}

/*make first block title in first block on page look like h1*/
/*#content-wrap #content .stison-block:first-child .block-title:first-child {*/
#content-wrap #content .stison-block .block-title {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 36px;
}

/**
* Content-left
*/

#content-left .dropdown-menu > li > a {
    white-space: normal;
}

/*performing rights manager*/
#content-left .prm img {
    margin-bottom: 10px;
}

/**
* Content-right
*/
.book-list-similar .book-item-image img {
    box-shadow: 4px 3px 15px #bdbdbd;
}
#content-right .book-list-similar {
    margin-bottom: 20px;
}

.book-list.onstagenow-vertical img {
    width: auto;
    height: 300px;
}

.book-list.onstagenow-vertical a {
    display: block;
    margin-bottom: 10px;
}


/**
* Footer
*/


#footer-wrap a {
    color: #99ccff;
}

#footer-wrap .menu-block a {
    white-space:nowrap;
}

body.suffix-plays-to-perform footer {
    background-color: #003333;
}


/**
* Shopping cart styling
*/

/*new button*/

body.seo-payment form input.submit_button, #shopping-cart-table .button-generic, #shopping-cart-table .submit_button, .login-payment .submit_button, .login-payment .button, .button.button, input#proceed_to_checkout {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5083b2), color-stop(1, #7daad4));
    background:-moz-linear-gradient(top, #5083b2 5%, #7daad4 100%);
    background:-webkit-linear-gradient(top, #5083b2 5%, #7daad4 100%);
    background:-o-linear-gradient(top, #5083b2 5%, #7daad4 100%);
    background:-ms-linear-gradient(top, #5083b2 5%, #7daad4 100%);
    background:linear-gradient(to bottom, #5083b2 5%, #7daad4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5083b2', endColorstr='#7daad4',GradientType=0);
    background-color:#5083b2;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:1px solid #66899C;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-size:14px;
    padding:12px 21px;
    text-decoration:none;
    text-shadow:0 1px 0 #467c8c;
}


body.seo-payment form input.submit_button:hover, #shopping-cart-table .button-generic:hover, #shopping-cart-table .submit_button:hover, .login-payment .submit_button:hover, .login-payment .button:hover, button.button:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7daad4), color-stop(1, #5083b2));
    background:-moz-linear-gradient(top, #7daad4 5%, #5083b2 100%);
    background:-webkit-linear-gradient(top, #7daad4 5%, #5083b2 100%);
    background:-o-linear-gradient(top, #7daad4 5%, #5083b2 100%);
    background:-ms-linear-gradient(top, #7daad4 5%, #5083b2 100%);
    background:linear-gradient(to bottom, #7daad4 5%, #5083b2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7daad4', endColorstr='#5083b2',GradientType=0);
    background-color:#7daad4;
}

#shopping-cart-table .button-generic:active, #shopping-cart-table .submit_button:active, .login-payment .submit_button:active, .login-payment .button:active, button.button:active {
    position:relative;
    top:1px;
}

#main-menu .nav li.dropdown ul.dropdown-menu 
{
    column-count: 4;
} 

#main-menu .dropdown > ul.dropdown-menu.active > li.dropdown:nth-child(4){
	-webkit-column-break-after: always;
    height: auto;
    margin-bottom: 50px;
}

/***
 * Delivery Charges
**/

body.seo-delivery-charges .mobile, .for-teachers.mobile, .newsletter-signup-block.info.mobile, .bestsellers.mobile {
    display: none;
}

/**
* Media Queries
*/

/* Upto before Large Devices, Wide Screens */

@media (max-width: 1200px) {
    header ul.topnav li, header ul.topnav li~li {
        padding-left: 10px;
        margin-left: 10px;
    }

    #main-menu .navbar-default .navbar-nav>.active>a,
    #main-menu .navbar-default .navbar-nav>li>a {
        position: relative;
        display: block;
        padding-right:4px;
        padding-left: 4px;
        /* font-size: 14px; */
    }

    header ul.topnav li, header .topnav a {
        font-size: 11px;
    }
}

/* Bigger than Ipad landscape - Desktops */
@media (min-width: 1025px) {
    .carousel-control { width: 8%; }
}

/* Ipad landscape */
@media (max-width: 1024px) {
    #header-right .search-block input.input-sm {
        font-size: 12px;
    }

    #main-menu .nav > .dropdown.active:hover > ul.dropdown-menu,
    #main-menu .nav > .dropdown.active > ul.dropdown-menu {
        -webkit-column-width: 210px;
        -moz-column-width: 210px;
    }

    form#bookfinder .submit {
        width: 150px;
    }

    form#bookfinder .form-group {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    #main-menu .navbar-toggle {
        background-color: #ddd;
    }

    #main-menu .nav > .dropdown {
        position: static;
    }

    #main-menu .nav > .dropdown a .caret {
        display: none;
    }

    #main-menu .nav > .dropdown:hover ul {
        margin: 0;
        padding: 0;
    }

    #main-menu .nav > .dropdown:hover > ul.dropdown-menu {
        width: 100%;
        -webkit-column-width: 215px;
        -moz-column-width: 215px;
        padding: 38px;
        border: none;
        display: none;
    }

    #main-menu .nav > .dropdown:hover > ul.dropdown-menu li.dropdown {
        margin-left: 0;
        /*width: 100%;*/
    }

    #main-menu .nav > .dropdown > ul.dropdown-menu > li ul {
        position: static;
        border: none;
        box-shadow: none;
        list-style: none;
    }

    #main-menu .nav .dropdown:hover > ul > li ul {
        padding-left: 40px;
        display: block;
    }

    /*search*/

    header form.search-block input[type="text"] {
        min-width: 100%;
    }

    .bookshelf .item {
        padding-top: 23px !important;
    }

    .mobile-banner { display:none; }
    .desktop-banner { display:block; }

    .lower-menu {
        text-align: center;
        /* margin-top: 5px; */
    }

    body.suffix-plays-to-perform .book-list .book-list-item a img {
        width: 100%;
    }

    body.suffix-plays-to-perform .book-list.onstagenow-vertical .book-list-item a {
        text-align: center;
    }

    body.suffix-plays-to-perform .book-list.onstagenow-vertical .book-list-item a img {
        width: auto;
        max-width: 100%;
    }

    body.suffix-plays-to-perform .book-list.onstagenow-vertical .book-list-item .book-item-contributors,
    body.suffix-plays-to-perform .book-list.onstagenow-vertical .book-list-item .book-item-location {
        text-align: center;
    }

}

@media (min-width: 668px) and (max-width: 765px) {
    body.suffix-plays-to-perform #content-wrap #content {
        width: 70%;
    }

    body.suffix-plays-to-perform #content-wrap #content-right {
        width: 30%;
    }
}

/* From Small Devices, Tablets and up */

@media (max-width: 768px) {

    /* Search */
    button#search-submit .glyphicon-search {
        top: 3px;
    }

    header form.search-block .form-group {
        /* float: left */
    }

    #header-right .search-block button {
        float: right;
    }

    form.search-block a {
        margin-top: 0px;
    }

    /* Bookshelf */
    .bookshelf .item a {
        /* width: 58% !important; */
        /* height: auto !important; */
    }

    .bookshelf .item a img {
        /* width: 100% !important; */
        /* height: 100% !important; */
    }

    body.suffix-plays-to-perform .plays-perform {
        height: 65px;
    }

    body.suffix-plays-to-perform .plays-perform img {
        height: 43px;
    }

    .book-picker {
        padding-top: 0px;
    }

    body.seo-about-us #content img {
        display: none;
    }

    /*book list block*/
    .book-list-grid .book-item-title, .book-list-grid .book-item-contributors {
        min-height: auto;
        font-size: 24px;
    }

    .book-list-grid .book-item-forms li > span {
        font-size: 18px
    }

    .book-detail .book-detail-available-soon{
        width: 50%!important;
    }
    .book-detail .epub p{
        /* width: 100%; MH - not sure why this one was there */
    }
    .book-detail .available-soon{
        float: left;
        text-align:center!important;
    }
    .book-detail span.book-detail-product-form.col-xs-12,
    .book-detail span.book-detail-product-price{
        width: 100%!important;
    }

    .book-detail .book-detail-add-basket a, .book-list .book-item-add-basket a {
        /*margin-top: 10px!important;
        margin-bottom: 10px!important;
        margin-bottom: 9px;
		*/
    }
    /*Delivery charges page*/

    body.seo-delivery-charges .desktop {
        display: none;
    }

    body.seo-delivery-charges .mobile{
        display: block;
    }

    body.seo-delivery-charges .mobile table {
        border-collapse:collapse;border-spacing:0;border-color:#aabcfe;
        margin-bottom: 20px;
    }

    body.seo-delivery-charges .mobile table td{padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#669;background-color:#e8edff;}
    body.seo-delivery-charges .mobile table th{font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#039;background-color:#b9c9fe;}
    body.seo-delivery-charges .mobile table .tg-lwbv{background-color:#92fdff;text-align:center}
    body.seo-delivery-charges .mobile table .tg-s0by{background-color:#ebd6ff}
    body.seo-delivery-charges .mobile table .tg-2xsx{background-color:#cdfeff;text-align:center}
    body.seo-delivery-charges .mobile table .tg-fdlx{background-color:#cdfeff;color:#666699;text-align:center}
    body.seo-delivery-charges .mobile table .tg-4gpz{background-color:#f9fd5f;color:#666699;text-align:center; font-weight: bold}
    body.seo-delivery-charges .mobile table .tg-nfid{background-color:#fdffb2;text-align:right}
    body.seo-delivery-charges .mobile table .tg-xlk3{background-color:#cdfeff;color:#666699}
    body.seo-delivery-charges .mobile table .tg-d5f4{background-color:#ebd6ff;text-align:center}
    body.seo-delivery-charges .mobile table .tg-xrlg{background-color:#cdfeff;text-align:center}
    body.seo-delivery-charges .mobile table .tg-hvci{background-color:#cdfeff}
    body.seo-delivery-charges .mobile table .tg-ecgf{background-color:#fdffb2;text-align:center}
    body.seo-delivery-charges .mobile table .tg-uvq6{background-color:#fdffb2;text-align:center}
    body.seo-delivery-charges .mobile table .tg-gtfs{background-color:#fdffb2;text-align:right}
    body.seo-delivery-charges .mobile table .tg-owi2{background-color:#f9fd5f;text-align:center; font-weight: bold;}
    body.seo-delivery-charges .mobile table .tg-jzwx{background-color:#92fdff;color:#666699;text-align:center; font-weight:bold}
    body.seo-delivery-charges .mobile table .tg-qso1{background-color:#cdfeff}
    body.seo-delivery-charges .mobile table .tg-cgqw{background-color:#cdfeff;color:#666699;text-align:center}
    body.seo-delivery-charges .mobile table .tg-acp6{background-color:#cdfeff;color:#666699}
    body.seo-delivery-charges .mobile table .tg-8xgo{background-color:#92fdff;text-align:center;font-weight:bold;}
    body.seo-delivery-charges .mobile table.tg-wb7i{background-color:#ce99fe;text-align:center;font-weight: bold;}
    body.seo-delivery-charges .mobile table.tg-w2rh{background-color:#ebd6ff;text-align:center}
    body.seo-delivery-charges .mobile table .tg-3dmn{background-color:#ebd6ff}
    body.seo-delivery-charges .mobile table .tg-w2rh{background-color:#ebd6ff;text-align:center}
    body.seo-delivery-charges .mobile table .tg-1hez{background-color:#ce99fe;text-align:center;font-weight: bold;}
    body.seo-delivery-charges .mobile table .tg-wb7i {background-color: #ce99fe; text-align: center;}


    /* Book list in list view */
    .book-list .book-list-list .book-item-forms li > span {
        display: block;
        margin-left: 0px;
        padding-left: 0px;
        border-left: none;
    }

    /* book detail page */

    .book-detail .book-detail-available-soon span,
    .book-detail .book-detail-add-basket a {
        width: 100%;
        margin-top: 0px;
    }
    .book-detail .book-detail-available-soon span::before,
    .book-detail .book-detail-add-basket a::before {
        margin: 5px 5px 0px 16px;
    }

    .book-detail .also-by img {
        width: 100%; height: auto;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }

    body.suffix-plays-to-perform #content-wrap #content-left-top,
    body.suffix-plays-to-perform #content-wrap #content-left {
        display: none;
    }

    body.suffix-plays-to-perform #content-wrap #content .guide-plays .col-md-3 {
        width: 30%;
        float: left;
    }

    body.suffix-plays-to-perform .book-list .book-list-item a img {
        width: auto;
    }
    .lower-menu a, #main-menu .strapline span a, #main-menu nav ul.navbar-hotlinks li a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a,
    #main-menu .strapline span a {
        /* font-size: 14px; */
    }

    .book-picker .book-picker-image img {
        width: auto;
    }

    #main-menu .nav > li:hover > a {
        width: 100%;
        /*-webkit-column-width: 215px;*/
        /*-moz-column-width: 215px;*/
        /*padding: 38px 60px;*/
        border: none;
    }

    #main-menu .nav li.dropdown ul.dropdown-menu li.dropdown > a,
    #main-menu .nav li.dropdown ul.dropdown-menu li {
        display: block;
        /*width: 25%;*/
    }

    #main-menu .dropdown > ul.dropdown-menu.active > li.dropdown:nth-child(4)
    {
        height: auto;
    }

    #content .person-list .person-list-item .person-item-bio-note,
    #content .person-list .person-list-item .person-item-bio-note:before {
        /*background: none;*/
        max-height: none;
    }

    #main-menu .nav > .dropdown.active:hover > ul.dropdown-menu
    #main-menu .nav > .dropdown.active > ul.dropdown-menu {
        -webkit-column-width: 210px;
        -moz-column-width: 210px;
    }

    /**Play Finder Mobile**/
    body.suffix-plays-to-perform #main-menu .playfinder-mobile {
        display: block;

    }
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-brand {
        /* padding-left: 44%; */
    }
    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        /* padding-left: 43%; */
    }
    body.suffix-plays-to-perform #main-menu .navbar-default  .navbar-header,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-header {
        float: none;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default  .navbar-left,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-left,.navbar-right {
        float: none !important;
    }
    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand,
    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-toggle,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-toggle {
        display: block;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-collapse,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-fixed-top,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-collapse.collapse,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-collapse.collapse {
        display: none!important;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-nav,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-nav {
        float: left;
        margin-top: 7.5px;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-nav>li,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-nav>li {
        float: none;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-nav>li>a,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .collapse.in,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile .collapse.in{
        display:block !important;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default.col-sm-12,
    body.suffix-plays-to-perform #main-menu .navbar-default.col-xs-12,
    body.suffix-plays-to-perform #main-menu .navbar-default.col-md-12,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile.col-sm-12,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile.col-xs-12,
    body.suffix-plays-to-perform #main-menu .playfinder-mobile.col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile form#bookfinder {
        border: none;
        margin-bottom: 0px;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile #play-finder-wrapper {
        background: #316155;
    }

    body.suffix-plays-to-perform .lower-main-menu {
        background-color: #5083b2;
        /* padding-bottom: 13px; */
        z-index: 999;
    }

    body.suffix-plays-to-perform #main-menu .navbar-toggle {
        background-color: transparent;
    }

    body.suffix-plays-to-perform #main-menu .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    body.suffix-plays-to-perform #main-menu nav ul.nav > li {
        margin-bottom: 20px;
    }

    body.suffix-plays-to-perform form#bookfinder select {
        margin-bottom: 5px;
    }

    form#bookfinder .submit {
        width: 160px;
    }

    .coming-soon .book-list-grid .book-item-image img {
        width: auto;
        max-width: 100%;
    }

    .carousel-control.right {
        right: 0;
    }

    .bestsellers .block-title,
    .bestsellers .book-list .book-list-item .col-md-9,
    .bestsellers .book-list .book-list-item .col-md-3 {
        width: 100%;
        text-align: center;
    }

}

/* capturing all the styles up until iphone 6 landscape */

@media (max-width: 667px) {

    #header-wrap .container {
        margin-bottom: 13px;
    }

    #header-right .search-block input.input-sm {
        height: 34px;
    }

    /*pull content wrapper up a bit more*/

    .book-detail .book-detail-add-basket a {
        /*width: 185px;*/
    }

    .book-detail .description .thinner-inner.mobile .block {
        border-bottom: 1px dashed #ccc !important;
    }

    .book-detail .description .thinner-inner.mobile > div > .block:first-of-type {
        border-bottom: 1px dashed #ccc !important;
    }

    .book-detail .description .thinner-inner.mobile .tags span, .book-detail .production-info .tags a {
        font-size: 12px;
    }

    .book-detail .description .thinner-inner.mobile .datetime .performance span:first-child {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .book-detail .description .thinner-inner.mobile .datetime .performance span {
        font-size: 14px;
    }

    .book-detail .description .thinner-inner.mobile .datetime .performance .performance-location {
        color: #336699;
        display:block;
    }

    .book-detail .description .thinner-inner.mobile > div:last-child {
        border-bottom: none !important;
    }

    .book-detail .description .thinner-inner.mobile .block {

        padding: 18px 0px 18px 0px;
    }

    .book-detail .description .thinner-inner.mobile .block.social {
        margin-bottom: 0px;
    }

    .book-detail .description .thinner-inner.mobile .tags ul {
        margin: 5px 0 0 0;
        list-style: none;
        padding: 0;
    }

    .thinner-inner.mobile .book-detail-forms .block {
        clear: both;
    }

    .thinner-inner.mobile .book-detail-forms .book-detail-dimensions {
        display: block;
    }

    .thinner-inner.mobile .book-detail-forms .book-detail-price.col-xs-6 {
        float: none;
        padding-right:0px;
        padding-left:0px;
    }
    .thinner-inner.mobile .book-detail-forms .book-detail-available-soon,
    .thinner-inner.mobile .book-detail-forms .book-detail-add-basket {
        float: none;
        padding-right:0px; padding-left:0px;
    }

    .thinner-inner.mobile .book-detail-forms .book-detail-available-soon.col-xs-6,
    .thinner-inner.mobile .book-detail-forms .book-detail-add-basket.col-xs-6 {
        float: none !important;
    }
    .thinner-inner.mobile .book-detail-forms .book-detail-available-soon span,
    .thinner-inner.mobile .book-detail-forms .book-detail-add-basket a {
        float: none;
    }

    .book-detail .description .book-detail-reviews {
        padding-bottom: 0px !important;
    }

    .book-detail .pricing .col-xs-6, .book-detail-available-soon span,
    .book-detail .pricing .col-xs-6, .book-detail-add-basket a{
        float: none !important;
    }

    /* hide and show Also by */

    .book-detail .also-by .row, .book-detail .also-by p:last-of-type {
        display: none;
    }

    /* Hide and show similar titles */
    #content-wrap #content-right .stison-block.book-list .simple-layout {
        display: none;
    }


    /*also by*/
    .book-detail .also-by img {
        width: auto;
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
        margin: auto;
    }

    .book-detail .also-by p:first-of-type {
        font-size: 18px;
        background-color: #d6e8fa;
        text-align: center;
    }

    /*similar titles*/
    #content-wrap #content-right .stison-block.book-list {
        padding:0px;
        background: #fff;
    }

    #content-wrap #content-right .bestsellers.mobile {
        padding: 15px !important;
    }

    #content-right .book-list.stison-block .block-title {
        font-size: 18px;
        /*background-color: #fcfbf2;*/
        text-align: center;
        padding-top:10px; padding-bottom: 10px;
    }

    form.search-block a {
        display: none;
    }

    .strapline {
        min-height: 47px;
    }

    #main-menu .navbar-default {
        min-height: 47px;
    }

    #main-menu nav ul.navbar-hotlinks li a {
        padding: 13px 5px;
    }

    .navbar-toggle {
        padding: 5px 5px;
    }

    .book-list h3.book-list-title {
        margin-bottom: 27px;
    }
    #content-wrap #content .block-title {
        margin-bottom: 10px;
    }

    #content-right .info.post .block-title,
    #content-right .info.top-titles .block-title,
    #content-right .info.for-teachers .block-title,
    #content-right .info.bestsellers .block-title,
    #content-wrap #content .on-stage .block-title,
    #content-wrap #content .newsletter-signup-block .block-title {
        color: #666666;
        font-weight: normal;
        font-size: 20px;
    }

    #content-right .info p,
    #content-right .info a {
        font-size: 18px;
    }

    .book-list .book-list-toolbar {
        height:50px;
    }

    header #header-right {
        padding-top: 10px;
    }

    .strapline .mobile-hide {
        display: none !important;
    }

    #main-menu .navbar-default .main-navbar-brand {
        display:block;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        background-color: #5083b2;
        height: auto;
    }

    body.suffix-plays-to-perform #main-menu-bar .lower-menu {
        /* margin-top: 13px; */
    }

    body.suffix-plays-to-perform #below-header-wrap {

    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        /* padding-left: 42%; */
        color: #fff;
        font-size: 17px;
        box-shadow: none;
        background: none;
        font-weight: bold;
        text-decoration: none;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default.col-sm-12,
    body.suffix-plays-to-perform #main-menu .navbar-default.col-xs-12,
    body.suffix-plays-to-perform #main-menu .navbar-default.col-md-12 {
        /* padding-left: 15px; */
        /* padding-right: 15px; */
    }

    body.suffix-plays-to-perform #main-menu nav ul.nav > li {
        margin-bottom: 0px;
    }

    #content .news .homepage-layout .news-detail .paragraphs:before {
        /*background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(231, 230, 232, 1));*/
        /*top: -20px;*/
    }

    header #header-left .basket-button-text {
        right: 26px;
    }
}

/* Iphone5 landscape(after) and iphone 6 landscape (inclusive)*/
@media (min-width: 569px) and (max-width: 667px) {

    /*Bookshelf*/
    .bookshelf .item a img {
        /* width: 70% !important; */
        /* height: 100% !important; */
    }

    /*Search button*/
    button#search-submit .glyphicon-search {
        top: 0px;
    }

    /*Content left info boxes*/
    #content-left .info {
        display: none;
    }

    /*Content right twitter feed block*/
    #content-right .twitterfeed-block  {
        display: none;
    }

    #content .book-list.onstagenow-horizontal .list-items img {
        height: 181px;
        max-height: none;
    }

    /*also by*/
    .book-detail .also-by img {
        width: 100%;
        height: auto;
    }

    /*Content left info boxes*/
    #content-left .info {
        display: block;
    }

    .book-detail .production-info .thinner-inner {
        display: none;
    }

    .book-detail .description .thinner-inner.mobile {
        display: block;
        padding-left: 0px;
    }

    /* book detail cover image */
    .book-detail .production-info .book-cover.col-xs-6 {
        width: 41.66666667%;
    }

    #main-menu .strapline span a {
        font-size: 17px;
    }

    #main-menu .navbar-default .main-navbar-brand {
        display:block;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        background-color: #5083b2;
        height: auto;
    }

    body.suffix-plays-to-perform #main-menu-bar .lower-menu {
        /* margin-top: 13px; */
        text-align: center;
    }

    #main-menu .navbar-default .main-navbar-brand {
        padding-left: 42%;
        color: #fff;
        font-size: 17px;
        box-shadow: none;
        background: none;
        font-weight: bold;
        text-decoration: none;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        display: block;
    }

    body.suffix-plays-to-perform #below-header-wrap {

    }

    span.image-not-found {
        height: 330px;
    }


    #content .news .homepage-layout .news-detail .paragraphs:before {
        /*background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(231, 230, 232, 1));*/
        /*top: -20px;*/
    }
}

/* Upto before Ipad portrait*/
@media (max-width: 992px) {
    button#search-submit .glyphicon-search{
        
right: -10px;
    }
}
@media (max-width: 767px) {

    /*General Styling*/
    .seo-home main {
        padding-top: 0px;
    }

    /*Search*/
    #header-right .search-block button#search-submit {
        top: 6px;
    }
    button#search-submit .glyphicon-search{
		right: 5px;
		}
    /* Menu bar */
    #main-menu-bar {
        height: auto;
        border-bottom: none;
    }

    /*Main menu*/
    #main-menu .nav li.dropdown ul.dropdown-menu li:hover > a,
    #main-menu .nav li.dropdown ul.dropdown-menu li ul.dropdown-menu li:hover a {
        background-color: transparent !important;
        /*color: #0F345B !important;*/
    }
    #main-menu .nav > li:hover a, #main-menu .navbar-block .dropdown ul {
        background-color: transparent;
    }

    #main-menu .nav li.dropdown ul.dropdown-menu li a,
    #main-menu .nav li.dropdown ul.dropdown-menu li.dropdown > a,
    #main-menu .nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li a {
        color:white;
    }

    /*Main menu submenu - display none */
    #main-menu .navbar-block .collapsing ul.dropdown-menu, #main-menu .navbar-block .collapse.in ul.dropdown-menu {
        display: none;
        margin: 0 0 0 0px;
        padding: 0px 0;
    }

    #main-menu nav ul.navbar-nav li {
        width: 100%;
    }

    #main-menu ul.navbar-nav {
        display: block;
    }

    ul.nav.navbar-nav a[href*="new-titles"], ul.nav.navbar-nav a[href*="coming-soon"] {
        display:none !important;
    }

    /*Social*/
    #content .press .social li {
        margin-right: 7px;
    }

    /*Banner*/
    /*.mobile-banner { display:block; }*/
    /*.desktop-banner { display:none; }*/

    /*News and blog*/
    .rss-pull-block .rss-pull-image {
        border-bottom: none;
    }
    .rss-pull-block .rss-pull-image img {
        width: 100%
    }

    #main-menu .nav > li.advanced-search-list-item {
        display: block;
    } 
    
    #main-menu .nav > li:hover a,
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
    }

    #main-menu .nav > .dropdown.active > ul.dropdown-menu {
        padding: 0 0;
    }

    #main-menu .nav > .dropdown > ul.dropdown-menu > li:last-child {
        display: none;
    }

    .carousel-control.right,
    .carousel-control.left {
        top:30px;
    }

    #content .homepage-layout .homepage-list .news-detail img {
        width: auto;
        max-width: 100%;
    }

    #content .homepage-layout .homepage-list .news-detail .image {
        text-align: center;
    }

    body.suffix-plays-to-perform #content-wrap #content .info.col-md-5 {
        width: auto;
    }

    .carousel-control.right {
        right: 0;
    }
}

/*after  iphone6  portrait and including iphone5 landscape - targetting only iphone 5 landscape*/

@media ( min-width: 381px ) and ( max-width: 568px ) {

    /*Override bestsellers layout*/
    .best-sellers-layout .book-list-item .col-xs-4 {
        width: 25% !important;

    }

    .best-sellers-layout .book-list-item .col-xs-8 {
        width: 75% !important;
    }

    .book-detail .production-info.col-xs-6 {
        width: 41.66666667%;
    }

    .book-list-similar .book-list-item .book-item-info .book-item-image.col-xs-4 {
        width: 16.66666667%;
    }

    .book-list-similar .book-list-item .book-item-info .book-item-short-description.col-xs-8 {
        width: 83.33333333%;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }

    body.suffix-plays-to-perform #content-wrap #content-left-top,
    body.suffix-plays-to-perform #content-wrap #content-left {
        display: block;
    }

    body.suffix-plays-to-perform .plays-perform img {
        width: 100%;
    }

    #play-finder-wrapper .navbar .navbar-toggle .icon-bar {
        background: #fff;
    }

    .play-finder-block-specify-by .col-xs-12 {
        /*float: none;*/
    }

    #play-finder-wrapper .navbar-collapse.in {
        overflow: visible;
    }

    #play-finder-wrapper .navbar {
        margin-bottom: 0px;
        min-height: auto;
    }

    #play-finder-wrapper .navbar .navbar-toggle {
        margin-top: 8px;
        /* padding: 8px 8px 0px; */
    }

    #main-menu .strapline span a {
        font-size: 17px;
    }

    #main-menu .navbar-default .main-navbar-brand {
        padding-left: 40%;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        /* padding-left: 33%; */
    }

    body.suffix-plays-to-perform #main-menu #play-finder-wrapper .main-navbar-brand {
        /* padding-left: 35%; */
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand,
    #main-menu .navbar-default .main-navbar-brand,
    #main-menu #play-finder-wrapper .main-navbar-brand {
        color: #fff;
        font-size: 17px;
        box-shadow: none;
        background: none;
        font-weight: bold;
        text-decoration: none;
    }

    #main-menu .navbar-default .main-navbar-brand {
        display:block;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        background-color: #5083b2;
        height: auto;
    }

    body.suffix-plays-to-perform #main-menu-bar .lower-menu {
        /* margin-top: 13px; */
        /* margin-bottom: 5px; */
    }

    body.suffix-plays-to-perform #below-header-wrap {

    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
    }

    body.suffix-plays-to-perform .playfinder-desktop {
        display: none;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile form#bookfinder {
        margin-bottom: 0px;
        border: 0px;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        display: block;
    }

    #content .guide-plays img {
        width: auto;
    }
}

/* Upto Iphone 5 landscape*/

@media (max-width: 568px) {
    /** 
        Hide right column blocks on mobile view
        Just add desktop to the block to hide
    **/

    /*Search*/
    button#search-submit .glyphicon-search {
        top: 0px;
    }

    #header-right .search-block button#search-submit {
        top: 6px;
    }
    /*Banner*/

    #blueimp-gallery .slides .slide .slide-content {
        background-position: 0 0 !important;
    }

    .banner .carousel-inner {
        /*padding: 0px 0px 120px;*/
        padding: 0px 0px 0px;
        /*  margin-top:0px;*/
    }

    /*Bookshelf*/

    .bookshelf .carousel-control.right, .bookshelf .carousel-control.left {
        width: 22px; height: 22px;
        line-height: 26px;
        font-size: 48px;
    }

    .bookshelf .carousel-control.right {
        right: 15px !important;
    }

    .bookshelf .carousel-control.left {
        left: 15px !important;
    }

    .bookshelf .item a {
        /* width: 100% !important; */
        /* height: auto !important; */
    }

    .bookshelf .item a img {
        /* width: auto !important; */
        /* height: auto !important; */
    }

    /*Newsletter, for teachers and best sellers re arrangement*/
    .newsletter-signup-block.info.mobile, .for-teachers.mobile, .bestsellers.mobile {
        display: block;
    }
    .newsletter-signup-block.info {
        display: block;
    }
    #content-wrap #content .on-stage .empty,
    .newsletter-signup-block.info.mobile p {
        font-size: 18px;
    }
    #content-left .newsletter-signup-block.info.desktop {
        display: none;
    }

    #content-left .bestsellers.desktop {
        display: none;
    }

    .newsletter-signup-block {
        display: none;
    }

    /*Content left info boxes*/
    #content-left .info {
        display: block;
    }

    /*Content left twitter*/
    #content-left .twitterfeed-block, #content-right .twitterfeed-block {
        display: none;
    }

    #content-left .info.for-teachers.desktop {
        display: none;
    }

    #content-left .info.for-teachers.mobile {
        display: block;
    }

    #content-left .bestsellers.desktop {
        display: none;
    }

    #content-right .bestsellers.mobile {
        display: block;
    }



    /*On Stage Now book list block*/
    #content .book-list.onstagenow-horizontal .list-items img {
        /* width: 100%; */
        height: auto;
    }

    /*Footer*/
    #footer-right ul.menu-block {
        margin-bottom: 6px;
    }

    .book-detail .production-info .thinner-inner {
        display: none;
    }

    .book-detail .description .thinner-inner.mobile {
        display: block;
        padding-left: 0px;
    }

    header #header-left > div.basket-button-block {
        /* display: block; */
    }

    header #header-right > div.basket-button-block {
        /* display: none; */
    }

    header #header-right div.search-block {
       /* width: 97%; */
    }

    #main-menu .strapline span a {
        /* font-size: 16px; */
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile {
        display: block;
        z-index: 999;
    }

    body.suffix-plays-to-perform .playfinder-desktop {
        display: none;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile {
        padding-left: 0px;
        padding-right: 0px;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile form#bookfinder {
        margin-bottom: 0px;
        border: 0px;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile form#bookfinder {
        background: #5083b2;
    }

    body.suffix-plays-to-perform #main-menu .playfinder-mobile #play-finder-wrapper {
        background: rgb(49, 97, 85);
    }

    body.suffix-plays-to-perform #main-menu-bar .lower-menu {
        /* margin-top: 10px; */
        text-align: center;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        /* padding-left: 33%; */
    }

    body.suffix-plays-to-perform #main-menu #play-finder-wrapper .main-navbar-brand {
        /* padding-left: 35%; */
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand,
    #main-menu .navbar-default .main-navbar-brand,
    #main-menu #play-finder-wrapper .main-navbar-brand {
        color: #fff;
        font-size: 17px;
        box-shadow: none;
        background: none;
        font-weight: bold;
        text-decoration: none;
    }

    .lower-main-menu {
        background-color: #5083b2;
    }

    body.seo-delivery-charges .mobile .large-items-image {
        width: 100%;
        height:auto;
    }

    .blog-list .list-items .news-detail .news-detail-title {
        font-size: 22px;
    }

    span.image-not-found {
        /*height: 330px;*/
    }

    .book-detail .also-by .row > .col-xs-6 {
        margin-bottom: 25px;
        min-height: 160px;
    }

    .book-list-item .book-item-forms .ui-corner-all {
        width: 100%;
    }
}

@media (max-width: 567px ) {
    /*Banner*/
    .mobile-banner { display:block; }
    .desktop-banner { display:none; }
    .bottom-banner { display:block; clear:both; }

    body.suffix-plays-to-perform .twitter-desktop {
        display:none;
    }
}
/* Upto Iphone 6 portrait */

@media (max-width: 425px) {
	.book-list-list .list-items > div .col-xs-4,
	.book-list-list .list-items > div .col-xs-8{
		width:100%;
	}
	.book-list .book-list-item h2.book-item-title {
		margin: 10px 0 6px;
	}
}
@media (max-width: 380px) {

    /* General - padding on each content block */
    /* General - content wrap */
    #content-wrap {
        margin-top: 0px;
        padding-top: 0px;
    }

    #content-wrap .stison-block {
        padding-left:15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-top: 10px;
    }

    #content {
        margin-bottom: 20px;
        margin-top: 15px;
    }

    /* Search */
    #header-right .search-block .form-group {
        /*width: 80%;*/
        float: left;
        display :none;
    }

    form.search-block a {
        display: none;
    }

    #header-right .search-block button {
        float: right !important;
    }

    #header-right .search-block button#search-submit {
        /* right: 0px !important; */
        position: relative;
        top: 6px;
    }

    /* Basket */
    #header-right .basket-button-block a {
        margin-top: 0px;
    }

    /* Main Menu */

    #main-menu ul {
        width: 100%;
    }

    #main-menu .nav li.dropdown ul.dropdown-menu {
        column-count: unset;
    }

    #main-menu .dropdown > ul.dropdown-menu.active > li.dropdown:nth-child(4)
    {
        margin-bottom: 10px;
    }

    #main-menu .nav > li.active > a,
    #main-menu .navbar-default .navbar-toggle:hover,
    #main-menu .navbar-default .navbar-toggle:focus,
    #main-menu li.active > a {
        background-color: transparent;
    }

    #main-menu .navbar-block .dropdown ul {
        background-color: #5083b2;
    }

    #main-menu .nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li a, #main-menu .nav li.dropdown ul.dropdown-menu li.dropdown > a, #main-menu .nav li.dropdown ul.dropdown-menu li a {
        color: #fff;
        background-color: #5083b2 !important;
        font-size: 14px;
    }

    #main-menu .nav li.dropdown ul.dropdown-menu li a[href^="/results"] {
        color: #fff;
    }
    .lower-menu a, #main-menu .strapline span a, #main-menu nav ul.navbar-hotlinks li a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a,
    #main-menu .strapline span a {
        font-size: 14px;
    }

    /* Strapline */

    .strapline span {
        font-size: 18px;
        line-height: 47px;
    }

    .strapline .mobile-hide {
        display: none !important;
    }

    /* Banner */

    .desktop-banner {
        display: none;
    }
    .mobile-banner {
        display: block;
    }

    .mobile-banner .carousel-inner {
        padding: 0px 0px 250px;
    }

    .blueimp-gallery>.prev, .blueimp-gallery>.next {
        position: absolute !important;
        top: 50% !important;
        width: 20px !important;
        height: 20px !important;
        line-height: 16px !important;
        font-size: 30px !important;
    }

    /*Bookshelf*/

    /* bookshelf resizing */
    .bookshelf-layout .carousel-inner {
        height: 138px;
    }

    .mobile-banner .carousel-wrapper-block .carousel-inner {
        height: 210px;
    }

    .bookshelf .carousel-control {
        width: 20px !important; height: 20px !important;
        font-size: 30px !important;
        line-height: 15px !important;
    }

    .carousel-inner {
        /* padding-left: 10px;
         padding-right: 10px;*/
    }

    .bookshelf .carousel-control.right {
        right: 8px !important;
    }

    .bookshelf .carousel-control.left {
        left: 8px !important;
    }

    /* On Stage Now - show less books and change column sizing*/
    #content .book-list.onstagenow-horizontal .list-items .col-xs-3:first-of-type {
        /*display: none;*/
    }

    #content .book-list.onstagenow-horizontal .list-items img {
        /* height: 119px; */
    }

    #content .book-list.onstagenow-horizontal .list-items .col-xs-3 {
        width: 33.33333333%;
    }

    /* Book Picker */
    .book-picker {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .book-picker-info {
        margin-top: 10px;
    }

    /* Book List */
    .book-list-grid .book-item-image img {
        max-width: 100%;
    }

    .book-list-grid .book-item-title {
        font-size: 18px;
    }

    .book-list-grid .book-item-forms li > span, .book-list-grid .book-item-contributors {
        font-size: 1em;
    }

    .book-list-grid .book-item-forms {
        font-size: 20px;
    }

    .rss-pull-title, .book-picker-title, .rss-pull-title {
        font-size: 20px;
    }

    #content .rss-pull-block .rss-pull-detail.col-xs-6, #content .news [class*='col-xs-6 desc'] {
        padding-left: 0px;
    }

    .book-list .book-item-add-basket a::before {
        margin: 5px 7px 0px 7px;
    }
    .book-list .book-item-available-soon span,
    .book-list .book-item-add-basket a {
        font-size:14px;
        width: 100%!important;
    }
    .book_item_list_right {
       /* width: 100%;*/
    }
    /* General Stuff */

    .block-title {
        font-size: 18px;
    }

    .info a, .info p, .info div:not([class]) {
        font-size: 14px;
    }

    #content .dramaclassics {
        display: none;
    }

    .rss-pull-image {
        padding-bottom: 0px !important;
    }

    .news .paragraphs p:not(:first-child) {
        display: none;
    }

    /* Footer */
    #footer-right ul.social-links .block-title {
        margin-right: 10px;
    }

    /*overwrite to make full width*/
    #footer-right.col-xs-10 {
        width: 100% !important;
    }

    #footer-right ul.menu-block li a {
        font-size: 12px;
    }

    #footer-right ul.menu-block li {
        margin-right: 12px;
    }

    #footer-right ul.social-links li {
        margin-right: 0px;
        width: 25px;
        height:25px;
    }

    #footer-right ul.social-links li a {
        width: inherit; height: inherit;
    }

    #footer-left {
        display: none;
    }

    /* Plays to perform - Header*/
    body.suffix-plays-to-perform header .advice {
        padding-top: 0;
        font-size: 14px;
    }
    body.suffix-plays-to-perform header .advice h3 {
        font-size: 22px;
        margin-top: 0;
    }
    body.suffix-plays-to-perform .plays-perform img {
        height: 32px;
    }

    /* book detail page */

    .book-detail .production-info .thinner-inner {
        display: none;
    }

    .book-detail .production-info.col-xs-6 {
        width: 100%;
    }

    .book-detail .production-info .book-cover.col-xs-12 {
        width: 50%;
    }

    .book-detail .description .thinner-inner.mobile {
        display: block;
        padding-left: 0px;
    }

    .book-detail-available-soon span,
    .book-detail-add-basket a  {
        width: 100%;
    }
    .book-detail .book-detail-available-soon > span::before,
    .book-detail .book-detail-add-basket a::before {
        margin: 5px 5px 0px 3px;
    }

    #content .book-detail .book-detail-title {
        font-size: 30px;
    }

    #content .book-detail .description span.author {
        font-size: 22px;
    }

    .book-item-available-soon span,
    .book-item-add-basket a {
        width: 140px;
    }

    /* reduce space above similar titles */
    #content-right .book-list.stison-block {
        padding: 0px;
    }

    #content-wrap .stison-block, #content, .book-detail .description {
        /*margin-bottom: 0px !important;*/
    }

    .book-list-toolbar .book-list-sorter  {
        line-height: 40px;
    }

    .book-list h3.book-list-title {
        margin-bottom: 13px;
    }

    body.suffix-plays-to-perform #content-wrap #content-left-top,
    body.suffix-plays-to-perform #content-wrap #content-left {
        display: block;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }

    body.suffix-plays-to-perform #content-wrap #content-right,
    body.suffix-plays-to-perform #content-wrap #content {
        width: 100%;
    }

    body.suffix-plays-to-perform .plays-perform img {
        width: 100%;
    }

    body.suffix-plays-to-perform #main-menu-bar .lower-menu {
        /* margin-top: 10px; */
        /* margin-bottom: 5px; */
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }
    #play-finder-wrapper .navbar .navbar-toggle .icon-bar {
        background: #fff;
    }

    body.suffix-plays-to-perform #main-menu .navbar-default .navbar-brand {
        display: block;
    }

    #content .guide-plays img {
        width: auto;
    }

    body.suffix-plays-to-perform .book-detail .production-info .book-cover img,
    body.suffix-plays-to-perform #content-wrap #content .guide-plays .col-md-3 {
        width:auto;
    }

    #content .news img {
        width: auto;
    }

    .delivery-charges.mobile .block-title {
        text-align: center;
    }

    .person-list .person-list-filter-az li a {
        font-size: 13px;
    }

    .book-list-list .book-item-image .image-not-found {
        height: 100px;
    }

    .blog-list .news-detail-books ul li {
        padding-left: 0px;
        margin-top: 5px;
    }

    .book-detail .description {
        margin-bottom: 0px;
    }


    .book-detail .also-by .row {
        margin-bottom: 0px;
    }

    .book-detail .also-by .row > .col-xs-6 {
        margin-bottom: 25px;
        min-height: 160px;
    }
}

/* Upto Iphone 5 portrait */

@media (max-width: 320px) {

    #main-menu .strapline span a {
        margin-left: 0px !important;
        font-size: 15px;
    }
    /* banner sizing */

    .mobile-banner .carousel-inner {
        padding: 0px 0px 210px;
    }

    #content .book-list.onstagenow-horizontal .list-items img {
        /* width: 100%; */
        /* height: 92px; */
    }

    #footer-right ul.social-links .block-title {
        font-size: 18px;
    }

    #footer-right ul.menu-block li {
        margin-right: 8px;
    }

    #footer-right ul.menu-block {
        margin-bottom: 5px;
    }

    #footer-right .copyright {
        font-size: 10px;
    }

    body.suffix-plays-to-perform .plays-perform img {
        width: 100%;
    }

    .play-finder-block-specify-by .col-xs-12 {
       /* float: none;*/
    }

    #play-finder-wrapper .navbar-collapse.in {
        overflow: visible;
    }

    #play-finder-wrapper .navbar {
        margin-bottom: 0px;
        min-height: auto;
    }

    #play-finder-wrapper .navbar .navbar-toggle {
        margin-top: 8px;
        /* padding: 4px 8px; */
    }

    #play-finder-wrapper .navbar .navbar-toggle .icon-bar {
        background: #fff;
    }

    body.suffix-plays-to-perform #content-wrap #content-left-top,
    body.suffix-plays-to-perform #content-wrap #content-left {
        display: block;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }

    body.suffix-plays-to-perform #content-wrap #content-right,
    body.suffix-plays-to-perform #content-wrap #content {
        width: 100%;
    }

    body.suffix-plays-to-perform #main-menu-bar {
        height: auto;
    }

    body.suffix-plays-to-perform #content-wrap #content .guide-plays .col-md-3,
    .book-detail .production-info .book-cover img {
        width: auto;
    }

    .ebooks-list .book-list-grid .book-item-image img {
        width: auto;
    }

    #content-right .info .block-title {
        font-size: 20px;
        font-weight: bold;
    }

    .lower-main-menu {
        background-color: #5083b2;
    }

    #main-menu nav ul.navbar-hotlinks {
        padding-left: 0px;
    }
	
}

/*Fix style*/
.caret{
	border-top: 4px solid;
}
.regular-layout .book-list .book-item-available-soon span{
    transition: initial;
    width: auto!important;
    padding: 6px 15px 6px 43px!important;
    max-width: 160px;
}
.regular-layout .book-list .book-item-add-basket a{
	transition: initial;
	width: auto!important;
	padding: 6px 15px 6px 40px!important;
	background: url(../images/shoppingbag.png) left 15px center no-repeat;
	max-width: 160px;
}
.book-list .book-list-item h2.book-item-title{
	line-height: 25px;
	margin-bottom: 6px;
}
.book-list-list .book-item-contributors { margin-bottom: 6px; }
.regular-layout .book-list-grid .book-list-item a img{
	/*height: 120px;
	width: auto !important;*/
}
.regular-layout .book-list-grid .book-list-item .book-item-image{
    /*vertical-align: bottom;
    display: table;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;*/
}
.regular-layout .book-list-grid .book-list-item .book-item-image a img {

}
.book-detail .ui-corner-all{
	border-radius: 4px;
}
body.suffix-plays-to-perform #content-wrap{
	padding-top: 15px;
}
form#bookfinder div.info:hover div{
	background-size: 100% 100%;
}
form#bookfinder div.select a#clear-filters,
form#bookfinder div.select a.submit{
	background: none !important;
	text-align: left;
}
form#bookfinder div.select a.submit{
	margin: 0;
	margin-top: 10px;
}
@media (min-width: 1025px){
	#main-menu .dropdown > ul.dropdown-menu.active > li.dropdown:nth-child(5){
		display: table;
	}
}
@media (max-width: 1024px) and (min-width: 769px){
	#main-menu .dropdown > ul.dropdown-menu.active > li.dropdown:nth-child(4){
		display: table;
	}
	#main-menu .strapline span a,
	#main-menu .navbar-default .navbar-nav>.active>a, #main-menu .navbar-default .navbar-nav>li>a{
		font-size: 14px;
	}
}
@media (max-width : 769px){
	#content.col-sm-9{
		width: 100%;
	}
	#content-wrap #content-right{
		/* width: 33.33333333% */
	}
	#content-wrap #content-right .stison-block.book-list{
		padding: 0 10px; 
	}
	/*.regular-layout .book-list .book-list-item a img{
		
	}*/
}
@media (max-width : 768px) and (min-width: 768px){
	body.suffix-plays-to-perform #content-wrap > #content-right{
		width: 25%;
		/* position: absolute; */
		/* margin-top: -15px; */
		padding-left: 0px;
		padding-right: 0px;
	}
    body.suffix-plays-to-perform #content-wrap > #content-right .amateur-on-stage {
        display:none;
    }
    body.suffix-plays-to-perform.seo-home #content-wrap > #content-right .amateur-on-stage {
        display:inherit;
    }
    body.suffix-plays-to-perform #content-wrap > #content {
        width: 70%;
        float: right;
    }
    body.suffix-plays-to-perform.seo-basket #content-wrap > #content{
        width:100%;
        float:none;
    }
	body.suffix-plays-to-perform #content-wrap > #content-right .newsletter-signup-block{
		padding-top: 15px;
	}
}
@media (max-width: 768px) and (min-width: 479px){
	.homepage-list .news-detail div.image{
		width: 30%;
	}
	.homepage-list .news-detail div.description{
		width: 60%;
		float: left;
	}
	.homepage-layout .news-detail div.paragraphs{
		width: auto !important;
	}
	/*.regular-layout .book-list .book-list-item a img{
		
	}*/
}
@media (max-width: 768px){
	.discount button.button span span{
		font-size: 12px;
	}
	#main-menu nav ul.navbar-hotlinks li:last-child, #main-menu nav ul.navbar-hotlinks li.last-child{
		margin-top: 0;
	}


	form#bookfinder div.info div{
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
		left: auto;
		right: 25px;
	}
	form#bookfinder div.info div > *{
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	form#bookfinder div.info div ul{
		margin-bottom: 20px;
	}
	form#bookfinder div.info div ul li {
		color: #1c3055;
	}
	body.suffix-plays-to-perform #content-wrap #content-left{
		display: block;
	}
	body.suffix-plays-to-perform #content-wrap #content-left > *{
		display: none;
	}
	body.suffix-plays-to-perform #content-wrap #content-left > .twitter-desktop{
		display: block;
	}
	.regular-layout .book-list-grid .book-list-item a img{
		/*height: 290px;*/
	}
	body.suffix-plays-to-perform .lower-main-menu{
		text-align: center;
	}
	body.suffix-plays-to-perform:not(.seo-basket) #content-wrap #content .stison-block#stison-block-content-6 ,
	body.suffix-plays-to-perform #content-wrap #content .info.col-md-5{
		width: 100%;
	}
}
@media (max-width: 480px) {
	form#bookfinder div.info div{
		height: auto;
		width: auto;
	}
	.homepage-list .news-detail div.image{
		width: 100%;
	}
	.rss-pull-block .rss-pull-image{
		width: 100%;
		text-align: center;
	}
	.rss-pull-block .rss-pull-detail{
		width: 100%;
		padding: 5px 15px 0 15px !important;
	}
	.discount button.button span span{
	    font-size:14px;
	}
	/*.regular-layout .book-list .book-list-item a img{
		
	}*/
	body.suffix-plays-to-perform #content-wrap #content .prm,
	body.suffix-plays-to-perform #content-wrap #content .fic,
	body.suffix-plays-to-perform #content-wrap #content .cs{
		padding: 10px 20px 10px 20px !important;
		min-height: auto;
	}
}
@media (max-width: 380px) and (min-width: 349px){
	#content .book-list.onstagenow-horizontal .list-items img{
		min-height: 190px;
	}
	/*.regular-layout .book-list .book-list-item a img{
		
	}*/
}
@media (max-width: 380px) {
	#content .book-list.onstagenow-horizontal .list-items .col-xs-3 {
		width: 50%;
		margin-bottom: 15px;
	}
	#content .book-list.onstagenow-horizontal .list-items img{
		/* height: auto; */
	}
	.regular-layout .book-list-grid .book-list-item a img{
		/*height: 130px;*/
	}
}
@media (max-width: 320px) {
	.navbar-toggle{
		margin-right: 0px;
	}
	.bookshelf .item a{
		width: auto !important;
		height: 140px !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bookshelf .item a img{
		height: 100% !important;
	}
	.bookshelf  .carousel-inner{
		min-height: 195px;
	}
	.thinner-inner.mobile .book-detail-forms .book-detail-available-soon,
	.thinner-inner.mobile .book-detail-forms .book-detail-add-basket{
		width: auto;
	}
	.thinner-inner.mobile .book-detail-forms .book-detail-available-soon span,
	.thinner-inner.mobile .book-detail-forms .book-detail-add-basket a{
		width: 157px;
	}
	form#bookfinder div.info div{
		width: 250px;
		border-right: 2px solid #1c3055;
		border-radius: 9px;
	}
	/*.regular-layout .book-list .book-list-item a img{
		
	}*/
}
@media (min-width: 768px) and (max-width: 990px) {  
	.ui-widget-content iframe.twitter-timeline{
		width:146px !important;
	}
}
body.suffix-plays-to-perform #main-menu .navbar-default  .navbar-header,
body.suffix-plays-to-perform #main-menu .playfinder-mobile .navbar-header{
    text-align: center;
}
.page-title h1 {
    margin: 0px!important;
    font: normal 26px/42px 'Gillsans', sans-serif!important;
    text-transform: none!important;
    color: #006699!important;
    font-weight: bold!important;
}
.seo-payment #content input[type=radio], .seo-payment #content textarea, .seo-payment #content select {
    padding: 0 0.5em;
}
ul.user-menu{
	float: right;
    margin-right: 15px!important;
}
.suffix-plays-to-perform ul.user-menu{
    right: 50px;	
}
.plays-to-perform-basket {
    margin-bottom: 30px!important;
} 
a.user-menu-basket { display:none; }

#shopping-cart-table #checkout-step-billing fieldset label{
    line-height:34px;
    margin:0;
    text-align: right;
}
#shopping-cart-table li.wide{
    margin-bottom: 10px;
    display: table
}
#shopping-cart-table p.vat-message {
    font-size: 0.8em;
    text-align: center;
    line-height: 1.6em;
    color: #5083b2;
}
.list-items .book-item-volume {margin-bottom:0.5em;}
.book_item_list_left {
    float: left;
    line-height: 40px;
    width: 300px;
    max-width: 100%;
}

.book_item_list_right {
    float: left;
    text-align: center;
}
.book_item_list_right .ui-corner-all{
    width:100%;
}
.book_item_list_left > span {
    display: inline-block;
    border-left: 1px solid silver;
    line-height: initial;
    padding: 5px 10px;
    text-align: center;
}
.book_item_list_left > span.book-detail-price {
    /* width: 140px; */
}
.book_item_list_left > span:first-child {
    border-left:none;
    margin-left:0;
    padding-left:0;
    text-align: left;
}
.list-items .book-list-item ul.book-item-forms li{
    display: table;
    width: 100%;
    margin-bottom: 10px;
}