/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 22 March 2019 17:08:40
*/


/* iPhone (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .container {padding-bottom:10px !important;}
    div#coursebar-main,div.rhs .container-three,div#utilitybar-main img,
    div.rhs .container-five ul, #footer .column, #footer .column-last,#course-more {display:none;}
    div#content-area {background:#fff;}
    div#content-area .container {width:99%;}
    div#content-area div.rhs, #left-sidebar {display:none;}
    div#content-area object, div#content-area embed{width: 300px;height: 200px;}
    div.rhs .container-four {width:95%;float:left;}
    div.rhs .container-four div.box {float:left;width:100%;}
    div.rhs .container-four div.box img {width:220px;}
    div#utilitybar-main {background:#fff;}
    div#utilitybar-main div.rhs {width:100%;}
    div.rhs .container-five {width:94.4%;text-align:center;}
    div.rhs .container-five a.top {float:none;}
    #footer .footer-responsive {display:block;}
    #footer {height:auto;}
    div#content-area.col-3 .container .article {width:100%;}
    div#menu-main {display:none;}
    #header {height:135px !important;margin-bottom:0px !important;}
    #header .contents #logo-container {width:145px;}
    #header .contents #logo-container img {width:145px;height:71px;}
    #header div.rhs, .landing-media, .landing-nav.student {display:none;}
    #header .contents {height:auto;padding:5px 0;}
    #header .contents #searchbox-container {float:right;clear:both;}
    #header .contents #searchbox-container .top-row {position:absolute;top:0;right:15px;}
    #header .contents #searchbox-container .top-row a{clear:both;padding:5px 0 0 0;}
    .landing-nav div.column, .landing-nav, .category-box {width:100% !important;}
    .col-1, .col-1 .container.with-bg {background:none !important;}
    .category-box.single {margin:0;}
    #world_map {display:none;}
    .col-1.map .container.with-bg {padding:0 !important;}
    .landing-nav .ad-gallery {display:none;}
    ul.course-nav li {clear:both;width:98%;}
    ul.course-nav li span {width:96%;}
    ul.course-nav li.active {background: url(https://www.beds.ac.uk/__data/assets/image/0013/841/course-nav-border.jpg?v=0.2.1) no-repeat;border-bottom:1px solid #E5E5E5;}
    ul.course-nav li.active span{background: url(https://www.beds.ac.uk/__data/assets/image/0018/819/bg-course-nav.jpg?v=0.2.1) repeat-x;}
    .article .course .left-content, .article .course .right-content {width:88% !important;}
    .funnelback .article {width:100% !important;}
    .funnelback .container {width:100% !important;}
    .funnelback ul.search-results li a.url {display:block !important;overflow:hidden;}
    .course-search .bottom-row {clear:both;width:100% !important;}

.putteridge #slideshow-wrapper {display:none;}
.putteridge div#menu-main {background:url(https://www.beds.ac.uk/__data/assets/image/0014/2831/bg-menu.jpg?v=0.2.1) repeat-x;}
.putteridge div#menu-main li {background:none;}
.putteridge #header {margin-bottom:45px;}
#header .contents #searchbox-container .bottom-row .box-two button {padding:0;height:29px;}
#mobile-menu-main {clear:both;display:block;}
div#mobile-menu-main ul li {float:none;height:41px;margin-right:0; font-size: 20px;}
div#mobile-menu-main ul li a {
    background:url(https://www.beds.ac.uk/__data/assets/image/0013/643/mob-nav.jpg?v=0.2.1) repeat-x 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 31px;
    padding-left: 15px;
    padding-top: 10px;
    width: 95.5%;
}

.sportbeds div#mobile-menu-main ul li a {background:url(https://www.beds.ac.uk/__data/assets/image/0016/221056/menu-sportbeds-green2.jpg?v=0.1.4) repeat-x 0 0;}

div#mobile-menu-main ul li a:hover {text-decoration:none;}
div#mobile-menu-main ul ul#mobile-subnav,
div#mobile-menu-main ul ul#mobile-subnav ul.mob-level3,
div#mobile-menu-main ul ul#mobile-subnav ul.mob-level3 ul.mob-level4 {
   float: left;
    padding: 10px 0 10px 11px;
}
div#mobile-menu-main ul ul#mobile-subnav li,
div#mobile-menu-main ul ul.mob-level3 li,
div#mobile-menu-main ul ul ul.mob-level4 li{
    border-bottom: 1px solid #fff;
    background:none;
    float: left;
    height: auto !important;
    width: 100%;
    font-size:15px;
}

div#mobile-menu-main ul ul#mobile-subnav li a{
    background: url(https://www.beds.ac.uk/__data/assets/image/0003/885/subnav-border-bottom.gif?v=0.2.1) no-repeat left bottom;
    color: #CF022A;
    float: left;
    font-size: 1.071em;
    /*height: 28px;*/
height:auto;
    padding-left: 0;
    padding-top: 10px;
padding-bottom:10px;
    width: 100%;
}

div#mobile-menu-main ul ul#mobile-subnav li a.current,
div#mobile-menu-main ul ul#mobile-subnav li a:hover,
div#mobile-menu-main ul ul.mob-level3 li.current,
div#mobile-menu-main ul ul.mob-level3 li a:hover,
div#mobile-menu-main ul ul ul.mob-level4 li.current,
div#mobile-menu-main ul ul ul.mob-level4 li a:hover {
    background: url(https://www.beds.ac.uk/__data/assets/image/0005/887/subnav-grad-bg2.gif?v=0.2.1) no-repeat left bottom;
    color: #010101;
}

div#mobile-menu-main ul ul.mob-level3 li a,
div#mobile-menu-main ul ul ul.mob-level4 li a{
    background: none;
    color: #CF022A;
    float: left;
    font-size: 1.071em;
    padding-left: 0;
    padding-top: 10px;
    width: 100%;
padding-bottom:10px;
}

mobile-menu-main ul ul.mob-level3 li.current,
div#mobile-menu-main ul ul.mob-level3 li a:hover,
div#mobile-menu-main ul ul ul.mob-level4 li.current,
div#mobile-menu-main ul ul ul.mob-level4 li a:hover {
   background:none !important;
   height:auto;
}

.dfp-banner {display:none;}
.course-filter {width:99%;}
.course-results .active-filters p {width:99%;padding-right:0;}

.new_course #inner-course-content {width:98% !important;}
div#content-area.new_course div.rhs {width:90%;}
.rhs h1.mobile-header {display:block !important;}

div#menu-main #customNav li div.main-nav-level2-container {display:block;}

div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }

}

@media only screen and (max-width:960px) {
    div.wrapper {width:99%;}
    .container {width:69%;}
    .col-1 .container {width:100% !important;}
    div#content-area .container #news-tab-nav a {font-size:24px;}
    div#content-area .container .article {width:66%;}
    div#content-area.col-2 .container {width:100%;}
    .bookmarks ul li.advisor a {padding-right:85px;}
    .category-box {width:97%;}
    .landing-nav {width:74%;}
    .col-1 .category-box {width:37%;margin-bottom:0;}
    .col-1 .category-box img{width:100%;max-width:220px;}
    .col-1 .category-box.odd {clear:both;}
    .course-search .bottom-row {clear:both;width:53%;}
    .course-search .bottom-row .box-two {width:100%;}
    .course-search .bottom-row .box-two input {width:70% !important;}
    .course-search .bottom-row .box-two button {width: 18%;}
    .course-search .bottom-row .box-one .middle-area {width:88%;}
    div#content-area.col-2.no-lhs .container {width: 65%;}
    .general-search .bottom-row {width:310px;}
    .general-search .info{clear:both;width:310px}
    .putteridge .category-box {width:37%;margin:10px 0 16px 0 !important;}
    #google_ads_div_BusinessServices-top_ad_container {display: none;}
    div#coursebar-main {width:97%;}
    #google_ads_div_wireless-login_ad_container {display: none;}
    div#content-area .container ul#subnav {width:90%;}
    div#content-area .container ul#subnav li, div#content-area .container ul#subnav li a, div#content-area .container ul#subnav li a:hover, div#content-area .container ul#subnav li a.current, div#content-area .container ul#subnav ul li a, div#left-sidebar p.active, div#lr-left p.active {width:96%;}
    div.course-filter, #gen.course-filter {width: 100%;}
    div.landing-media {display:none;}
    div.landing-media.small-screen-view {
      display: block;
    }
    .wrapper .container .article #search-results-con { width: 94%; margin: 0 3%; }


div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }
}

@media only screen and (max-width:830px) {
    div.wrapper {width:99%;}
    div#content-area .container {width:65%;}
    div#content-area div.rhs {width:28.3%;}
    div.rhs {width:32.3%;}
    .bookmarks ul li.advisor a {padding-right:10px;}
    .course-results {width:100%;}
.putteridge .col-2 #left-sidebar {width:27%;}
#left-sidebar {width:31%;}
.putteridge div#content-area.col-2 .container .article {width:71%;}
.putteridge .category-box {width:49%;}
#footer .column {width:30%;margin-bottom:20px;}
    #footer .column.position4 {clear:both;}

div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }
}

@media only screen and (max-width:715px) {
    #cookieBar{display:none;}
    div#menu-main {background:none; height:auto;top:175px;}
    div#menu-main ul{height:auto;}
    div#menu-main ul li,div#menu-main ul li.active {background:url(https://www.beds.ac.uk/__data/assets/image/0013/643/mob-nav.jpg?v=0.2.1) repeat-x 0 0;float:none;height:41px;margin-right:0;}
    .sportbeds div#menu-main ul li, .sportbeds div#menu-main ul li.active {background:url(https://www.beds.ac.uk/__data/assets/image/0016/221056/menu-sportbeds-green2.jpg?v=0.1.4) repeat-x 0 0;float:none;height:41px;margin-right:0;}

    div#menu-main ul li a {height:auto;}
    div#menu-main ul li a:hover {background:none;text-decoration:underline;}
    #header {height:175px;margin-bottom:200px;}
    #header div.rhs {display:none;}
    #header .contents {height:auto;padding:5px 0;}
    #header .contents #searchbox-container {float:right;clear:both;}
    #header .contents #searchbox-container .top-row {position:absolute;top:0;right:15px;}
    #header .contents #searchbox-container .top-row a{clear:both;padding:5px 0 0 0;}
    div#menu-main ul li:hover .main-nav-level2-container,
    div#menu-main ul li:hover a span.arrow,
    div#menu-main ul li.selected a span.arrow {display:none;}
    div#coursebar-main {height:auto;}
    .col-2 #right-sidebar {display:none;}
    div#content-area.col-2 .container .article,div#content-area.col-3 .container {width:100%;}
    div#content-area div.rhs {display:none;}
.putteridge #slideshow-wrapper {display:none;}
.putteridge div#menu-main {background:url(https://www.beds.ac.uk/__data/assets/image/0014/2831/bg-menu.jpg?v=0.2.1) repeat-x;}
.putteridge div#menu-main li {background:none;}
.putteridge #header {margin-bottom:45px;}
.course-search .bottom-row .box-two input {width:60% !important;}
.course-search .bottom-row .box-two button {width: 24%;}
.course-search .bottom-row .box-one .middle-area {width:82%;}
div#coursebar-main .title-container p {font-size:1em;}
div#coursebar-main .title-container h1 {font-size:1.5em;}
div#coursebar-main .title-container {width:173px;}

div#content-area.new_course div.rhs {display:block;}
div#content-area.col-2.new_course .container .article {width:79%;}

div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }
}

@media only screen and (max-width:595px) {
    div#coursebar-main,div.rhs .container-three,div#utilitybar-main img,
    div.rhs .container-five ul, #footer .column, #footer .column-last,#course-more {display:none;}
    div#content-area {background:#fff;}
    div#content-area .container {width:99%;}
    div#content-area div.rhs, #left-sidebar, div#content-area.col-3 #lr-left {display:none;}
    div.rhs .container-four {width:95%;float:left;}
    div.rhs .container-four div.box {float:left;width:100%;}
    div.rhs .container-four div.box img {width:220px;}
    div#utilitybar-main {background:#fff;}
    div#utilitybar-main div.rhs {width:100%;}

    div#utilitybar-main div.responsive { display: block; }
    div#utilitybar-main div.responsive a {display: block; margin-right: 10px; float: left;}
    div#utilitybar-main div.responsive img {display: block; float: none; margin: 0;}

    div.rhs .container-five {width:94.4%;text-align:center;}
    div.rhs .container-five a.top {float:none;}
    #footer .footer-responsive {display:block;}
    #footer {height:auto;}
    div#content-area.col-3 .container .article {width:100%;}
    div#menu-main ul li {background:url(https://www.beds.ac.uk/__data/assets/image/0013/643/mob-nav.jpg?v=0.2.1) repeat-x 0 0;float:none;height:41px;margin-right:0;}
    .sportbeds div#menu-main ul li {background:url(https://www.beds.ac.uk/__data/assets/image/0016/221056/menu-sportbeds-green2.jpg?v=0.1.4) repeat-x 0 0;float:none;height:41px;margin-right:0;}

    div#menu-main ul li a {width:99%;height:auto;background:url(https://www.beds.ac.uk/__data/assets/image/0019/946/mob-arrow.jpg?v=0.2.1) no-repeat right 16px;}
    div#menu-main ul li a:hover {text-decoration:none;background:url(https://www.beds.ac.uk/__data/assets/image/0019/946/mob-arrow.jpg?v=0.2.1) no-repeat right 16px;}
.sportbeds div#menu-main ul li a, .sportbeds div#menu-main ul li a:hover {background:none;}

    div#menu-main ul li:hover .main-nav-level2-container, div#menu-main ul li:hover a span.arrow, div#menu-main ul li.selected a span.arrow {display:none;}
.putteridge div#content-area.col-2 .container .article {width:100%;}
.putteridge div#menu-main {background:url(https://www.beds.ac.uk/__data/assets/image/0014/2831/bg-menu.jpg?v=0.2.1) repeat-x;}
.putteridge div#menu-main li {background:none;}
.putteridge #header {margin-bottom:45px;}
.landing-nav div.column {width:100%;}
div#content-area.col-2.new_course .container .article {width:100%;}
#map {width:99%;}


div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }
}


@media only screen and (max-width:480px) {
   .new_course #inner-course-content {width:62%;}

div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 715px)
and (max-width : 1024px) {
    #footer h3 {font-size:14px;}
    .new_course #inner-course-content {width:60%;}
    div#menu-main ul li { padding-left: 8px; padding-right: 10px; font-size: 95%; }

div#content-area .container #az_listing ul li { width: 10%; }
div#content-area .container #az_listing ul li a { width: 100%; }
}

.sportbeds #footer .footer-responsive a {color:#006B4B;}


/* Responsive Tables */
@media only screen and (max-width: 900px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    .table-with-headers, 
    .table-with-headers > thead, 
    .table-with-headers > tbody, 
    .table-with-headers > thead > tr > th, 
    .table-with-headers > tbody > tr > td, 
    .table-with-headers > tbody > tr { 
        display: block; 
    }

    .table-without-headers, 
    .table-without-headers > tbody, 
    .table-without-headers > tbody > tr > td, 
    .table-without-headers > tbody > tr { 
        display: block; 
    }

    .table-with-headers > thead > tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .table-with-headers tr, 
    .table-without-headers tr { 
        border: 1px solid #ccc; 
    }

    
    .table-with-headers td, 
    .table-without-headers td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
    }

    
    .table-with-headers td:before, 
    .table-without-headers td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    .table-without-headers tr td:first-child{
        background-color: #f2f2f2;
    }

    .table-without-headers tr:first-child td{
        background-color: initial;
    }

    .twh-column {
        min-height: 15px;
    }

    .twh-column-left, .twh-column-right {
        float: left;
        width: 50%;
    }

    .twh-breaker {
        clear: both;
        height: 1px;
    }    


}