@media only screen and (min-width:321px) and (max-width:480px){.container{width:100%}div#content-column,div.content-inner,.sidebar-first div.content-inner,.sidebar-second div.content-inner,.two-sidebars div.content-inner,div.sidebar,.sidebar-first div.sidebar,.sidebar-second div.sidebar,.two-sidebars div.sidebar,div.region .block{float:none;clear:both;display:block;width:100%;margin-left:0;margin-right:0}.at-panel .region{display:inline;float:left}.three-3x33 > .region,.three-25-25-50 > .region,.three-50-25-25 > .region,.three-25-50-25 > .region,.six-6x16 > .panel-row > .region,.six-6x16 > .panel-row,.three-inset-right > .inset-wrapper,.three-inset-right > .inset-wrapper > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region,.three-inset-left > .region-three-inset-left-sidebar,.two-66-33 > .region,.two-33-66 > .region,.two-brick > .panel-row > .region,.two-50 > .region,.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row,.five-5x20 > .panel-row > .region,.five-5x20 > .panel-row{float:none;display:block;width:100%;clear:both}}@media only screen and (min-width:481px) and (max-width:768px){.container{width:100%}div#content-column,div.content-inner,.sidebar-first div.content-inner,.sidebar-second div.content-inner,.two-sidebars div.content-inner,div.sidebar,.sidebar-first div.sidebar,.sidebar-second div.sidebar,.two-sidebars div.sidebar,div.region .block{float:none;clear:both;display:block;width:100%;margin-left:0;margin-right:0}.at-panel .region{display:inline;float:left}.three-3x33 > .region,.three-50-25-25 > .region-three-50-25-25-second,.three-50-25-25 .region-three-50-25-25-third,.two-brick > .panel-row > .region,.two-50 > .region,.four-4x25 > .panel-row > .region,.five-5x20 > .panel-row > div.region{width:50%}.three-3x33 > div.region-three-33-first,.three-25-25-50 > .region-three-25-25-50-first,.three-50-25-25 > .region-three-50-25-25-first,.three-25-50-25 > .region-three-25-50-25-first,.six-6x16 > .panel-row,.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region,.four-4x25 > .panel-row,.five-5x20 > div.panel-row,.five-5x20 > div.panel-row > div.region-five-fifth{float:none;display:block;width:100%;clear:both}.three-25-25-50 > div.region-three-25-25-50-second,.three-25-50-25 > div.region-three-25-50-25-third,.three-inset-right > .region-three-inset-right-sidebar{width:25%}.three-25-25-50 > div.region-three-25-25-50-third,.three-25-50-25 > div.region-three-25-50-25-second{width:75%}.six-6x16 > .panel-row > .region{width:50%;float:left}.three-inset-right > .inset-wrapper{width:75%;float:left}.three-inset-left > .region-three-inset-left-sidebar{width:25%;float:right}.three-inset-left > .inset-wrapper{width:75%;float:right}.two-66-33 > .region-two-66-33-first,.two-33-66 > .region-two-33-66-second{width:66.666666%}.two-66-33 > .region-two-66-33-second,.two-33-66 > .region-two-33-66-first{width:33.333333%}.two-brick > .panel-row{float:none}}@media only screen and (min-width:769px) and (max-width:1024px){.container{width:100%}#content-column,.content-column,div.sidebar{float:left;clear:none}.two-sidebars .content-inner{margin-left:20%;margin-right:20%}.sidebar-first .content-inner{margin-left:20%;margin-right:0}.sidebar-second .content-inner{margin-right:20%;margin-left:0}.region-sidebar-first{width:20%;margin-left:-100%}.region-sidebar-second{width:20%;margin-left:-20%}.at-panel .region{display:inline;float:left}.three-3x33 > .region,.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.two-66-33 > .region-two-66-33-second,.two-33-66 > .region-two-33-66-first,.five-5x20 > .panel-row > .region{width:33.333333%}.three-25-25-50 > .region,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar{width:25%}.three-25-25-50 > div.region-three-25-25-50-third,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.two-brick > .panel-row > .region,.two-50 > .region,.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second{width:50%}.six-6x16 > .panel-row{width:33.333333%;float:left}.six-6x16 > .panel-row > .region,.five-5x20 > .panel-row{float:none;display:block;width:100%;clear:both}.three-inset-right > .inset-wrapper{width:75%;float:left}.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.two-66-33 > .region-two-66-33-first,.two-33-66 > .region-two-33-66-second{width:66.666666%}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region{width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle{float:right}.three-inset-left > .inset-wrapper{width:75%}.two-brick > .panel-row{float:none}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row{width:50%;float:left}}@media only screen and (min-width:1025px){.container{width:100%;max-width:1025px}#content-column,.content-column,div.sidebar{float:left;clear:none}.two-sidebars .content-inner{margin-left:24%;margin-right:25%}.sidebar-first .content-inner{margin-left:24%;margin-right:0}.sidebar-second .content-inner{margin-right:25%;margin-left:0}.region-sidebar-first{width:24%;margin-left:-100%}.region-sidebar-second{width:25%;margin-left:-25%}.at-panel .region{display:inline;float:left}.three-3x33 > .region,.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.two-66-33 > .region-two-66-33-second,.two-33-66 > .region-two-33-66-first,.five-5x20 > .panel-row > .region{width:33.333333%}.three-25-25-50 > .region,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar{width:25%}.three-25-25-50 > div.region-three-25-25-50-third,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.two-brick > .panel-row > .region,.two-50 > .region,.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second{width:50%}.six-6x16 > .panel-row{width:33.333333%;float:left}.six-6x16 > .panel-row > .region,.five-5x20 > .panel-row{float:none;display:block;width:100%;clear:both}.three-inset-right > .inset-wrapper{width:75%;float:left}.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.two-66-33 > .region-two-66-33-first,.two-33-66 > .region-two-33-66-second{width:66.666666%}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region{width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle{float:right}.three-inset-left > .inset-wrapper{width:75%}.two-brick > .panel-row{float:none}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row{width:50%;float:left}}
@media only screen and (max-width:480px){.region[class*="float-blocks"] .block{float:none;width:100%;}}@media only screen and (max-width:320px){html{font-size:112.5%;}body,body.section-about,body.section-research,body.section-people,body.section-education,body.section-news,body.section-resources,body.section-get-involved{background:#8e95a8 url(/sites/cs.ucsb.edu/themes/cs_subtheme/css/images/body-bg-320.jpg) center top fixed no-repeat;-moz-background-size:320px 240px;background-size:320px 240px;}#header{background-image:none;}#branding{padding:0;margin:0;float:left;width:320px;}#logo{padding:0;margin:0;width:320px;}#menu-bar{background-color:#ffcc33;margin:0;padding:10px 0 10px 0;border-radius:8px;}.region-header{padding:10px 0 10px 0;margin:0;float:left;width:100%;}.form-item-custom-search-blocks-form-1{float:left;padding:0;margin:0;}.custom-search-box{width:200px;}#flex-1{margin:0;padding:10px;}#flex-1 .group-left{display:block;width:100%;margin:0;padding:0;}#flex-1 .group-left .field-name-field-image{margin:0;padding:0;}#flex-1 .group-right{display:block;width:100%;margin:10px 0 0 0;padding:0;}#flex-1 .group-right .field{margin:0;padding:0;}.not-front #main-content{padding:10px;}.sidebar .block{margin:10px;}.sidebar-second #columns{padding:10px 0 0 0;}.sidebar-first #columns{padding:10px 0 0 0;}.two-sidebars #columns{padding:10px 0 0 0;}.block-events-cal-block-1{border:1px solid #b0bdcd;border-radius:8px;margin:0 auto;padding:0;width:100%;background-color:#FFF;}.no-sidebars .ds-2col .group-left,.no-sidebars .ds-2col-stacked .group-left,.sidebar-first .ds-2col .group-left,.sidebar-second .ds-2col .group-left,.sidebar-first .ds-2col-stacked .group-left,.sidebar-second .ds-2col-stacked .group-left,.two-sidebars .ds-2col .group-left{width:100%;margin:0;padding:0;float:none;display:block;}.no-sidebars .ds-2col .group-right,.no-sidebars .ds-2col-stacked .group-right,.sidebar-first .ds-2col .group-right,.sidebar-second .ds-2col .group-right,.sidebar-first .ds-2col-stacked .group-right,.sidebar-second .ds-2col-stacked .group-right,.two-sidebars .ds-2col .group-right{width:100%;margin:0 0 20px 0;padding:0;float:none;display:block;}.node-teaser .field-name-field-images,.node-teaser .field-name-field-images{margin:0;padding:0;float:none;display:block;width:100%;}.node-chairs-message .field-name-field-images,.node-full .field-name-field-image,.node-full .field-name-field-images{margin:0 0 10px 0;padding:0;float:none;display:block;width:100%;}.ds-2col .group-left .field-name-field-image{margin:0;padding:0;float:none;display:block;}.video iframe{float:none;display:block;width:100%;margin:0 0 10px 0;padding:0;border:1px solid #CCC;border-radius:4px;}.three-25-50-25 img{float:left;padding:0 8px 0 0;}.three-25-50-25{background-color:#ffcc33;padding:10px 0 0 0;margin-bottom:20px;border-radius:0 0 8px 8px;font-size:0.80em;text-align:left;}}@media only screen and (min-width:321px) and (max-width:480px){html{font-size:112.5%;}body,body.section-about,body.section-research,body.section-people,body.section-education,body.section-news,body.section-resources,body.section-get-involved{background:#8e95a8 url(/sites/cs.ucsb.edu/themes/cs_subtheme/css/images/body-bg-480.jpg) center top fixed no-repeat;-moz-background-size:480px 360px;background-size:480px 360px;}#header{background-image:none;}#branding{padding:0;margin:0;float:left;width:420px;}#logo{padding:0;margin:0;width:420px;}#menu-bar{background-color:#ffcc33;margin:0;padding:10px 0 10px 0;border-radius:8px;}.region-header{padding:10px 0 10px 0;margin:0;float:left;width:100%;}.form-item-custom-search-blocks-form-1{float:left;padding:0;margin:0;}.custom-search-box{width:200px;}#flex-1{margin:0;padding:10px;}#flex-1 .group-left{display:block;width:100%;margin:0;padding:0;}#flex-1 .group-left .field-name-field-image{margin:0;padding:0;}#flex-1 .group-right{display:block;width:100%;margin:10px 0 0 0;padding:0;}#flex-1 .group-right .field{margin:0;padding:0;}.not-front #main-content{padding:10px;}.sidebar .region-inner{margin:10px;}.sidebar .block{margin:10px;}.sidebar-second #columns{padding:10px 0 0 0;}.sidebar-first #columns{padding:10px 0 0 0;}.two-sidebars #columns{padding:10px 0 0 0;}.block-events-cal-block-1{border:1px solid #b0bdcd;border-radius:8px;margin:0 auto;padding:0;width:100%;background-color:#FFF;}.no-sidebars .ds-2col .group-left,.no-sidebars .ds-2col-stacked .group-left,.sidebar-first .ds-2col .group-left,.sidebar-second .ds-2col .group-left,.sidebar-second .ds-2col-stacked .group-left,.two-sidebars .ds-2col .group-left{width:100%;margin:0;padding:0;float:none;display:block;}.no-sidebars .ds-2col .group-right,.no-sidebars .ds-2col-stacked .group-right,.sidebar-first .ds-2col .group-right,.sidebar-second .ds-2col .group-right,.sidebar-second .ds-2col-stacked .group-right,.two-sidebars .ds-2col .group-right{width:100%;margin:0 0 20px 0;padding:0;float:none;display:block;}.node-teaser .field-name-field-images,.node-teaser .field-name-field-images{margin:0;padding:0;float:none;display:block;width:100%;}.node-chairs-message .field-name-field-images,.node-full .field-name-field-image,.node-full .field-name-field-images{margin:0 0 10px 0;padding:0;float:none;display:block;width:100%;}.ds-2col .group-left .field-name-field-image{margin:0;padding:0;float:none;display:block;}.video iframe{float:none;display:block;width:100%;margin:0 0 10px 0;padding:0;border:1px solid #CCC;border-radius:4px;}.three-25-50-25 img{float:left;padding:0 8px 0 0;}.three-25-50-25{background-color:#ffcc33;padding:10px 0 0 0;margin-bottom:20px;border-radius:0 0 8px 8px;font-size:0.80em;text-align:left;}}@media only screen and (min-width:481px) and (max-width:768px){html{font-size:81.3%;}}@media only screen and (min-width:769px) and (max-width:1024px){}@media only screen and (min-width:1025px){}