@charset "utf-8";
/* CSS Document */

@media (max-width:1350px) {
  .master-top { width: 65%; }
  .crsl-top { top: 30%; }
  #input { width: 680px; }
  #input input { width: 680px; }
}


@media(max-width:1300px) {
  .home .bxslider li > span { height: 600px; }
  .home-master .bxslider li > span { height: 400px; background-size: cover !important; background-position: center 0 !important }
}


@media (max-width:1200px) {
  .Search-Again { width: 71%; }
  .master-top { width: 75%; }
  .nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { min-width: 140px; }
  #input input { width: 550px; }
  #input { width: 550px; }
  .btm-header ul.nav li a { padding: 30px 15px; }
}

@media (max-width:1100px) {
  .wrap.select2-selection--single { font-size: 12px; }
  .ucsf-icon.icon-bottom .link-sec a { font-size: 12px; }
}


@media(max-width:991px) {
  .home-master h1 { font-size: 20px; }
  p.get-direction, p.more-info { font-size: 11px; }
  .location-name { font-size: 15px; }
  .select2-container .wrap.select2-selection--single .select2-selection__rendered { font-size: 13px; }
  .crsl-top.container { width: 90%; }
  .bottomicon-section .ucsf-icon .link-sec { border-bottom: 1px solid #ccc; }
  .master-top { width: auto }
  .ucsf-icon .link-sec a { font-size: 13px; }
  .master-top h1 { font-size: 18px; }
  #input input { width: 520px; }
  #input { width: 520px; }
  .intro-section h2 { font-size: 25px; }
  .ctabanner-section h2 { font-size: 25px; }
  .automatedcontent-section h2 { font-size: 25px; }
  .text-section h2 { font-size: 22px; }
  .tab-pane h2 { font-size: 22px; }
  .tab-pane p { font-size: 16px; }
  .intro-section p { font-size: 16px; }
  .text-section p { font-size: 14px; }
  .ctabanner-section p { font-size: 16px; }
  .nav-tabs>li>a { width: 165px; }
  .content-tab-section #btnNext, .content-tab-section #btnPrevious { display: block; padding: 0 }
  .content-tab-section a.btn:active { background: none; border: none; box-shadow: none }
  .master .carousel-caption h1 { font-size: 20px; }
  .btm-header .navbar-header { width: 25%; }
  .btm-header .navbar-brand { width: 100%; }
  .container { width: 100%; }
}

@media (max-width:840px) {
  .ucsf-icon .link-sec a { font-size: 12px; }
  #input input { width: 500px; }
  .nav-tabs>li>a { width: 145px; }
  a.navbar-brand span { font-size: 14px; }
  .btm-header ul.nav li a { padding: 30px 10px; }
}


@media(max-width:768px) {
  .nws-media-img{margin-bottom:25px;}
  .text-content{ display:inline-block; width:100%;}
  p.get-direction a { font-size: 15px; }
  p.get-direction, p.more-info { font-size: 15px; }
  .nav-tree-sidebar { padding-left: 0 !important }
  .Search-Again { width: 100%; }
  .mrgrgt30 { margin-right: 0 !important }
  .location-address { margin-top: 20px; }
  .bottomicon-section .ucsf-icon .link-sec:last-child { border-bottom: none }
  .bottomicon-section .ucsf-icon .link-sec:nth-child(5) { border-bottom: none; }
  .look-library h1.title { font-size: 25px; margin: 0px; padding-bottom: 12px; }
  .bg-color .container { padding: 0 !important }
  .text-section .list-group { float: left; width: 100%; margin-top: 10px; }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px !important; }
  .filter-sec .select2 { margin-bottom: 10px; }
  .sidebar-links.rgt-side .list-group-item { float: left; width: 100%; }
  #collapse-myTab .panel-default>.panel-heading { padding: 0 }
  #collapse-myTab .panel-default>.panel-heading a { display: inline-block; width: 100%; display: block; padding: 10px 15px; text-decoration: none }
  #cssmenu { width: 100%; padding-bottom: 50px; }
  #cssmenu ul { width: 100%; display: none; }
  #cssmenu.align-center > ul { text-align: left; }
  #cssmenu ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); }
  #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto; }

  #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; color: #fff !important; padding-right: 25px !important; }
  #cssmenu > ul > li { float: none; }
  #cssmenu ul ul li a { padding-left: 25px; }
  #cssmenu ul ul ul li a { padding-left: 35px; }
  #cssmenu ul ul li a { color: #dddddd; background: none; }
  #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #ffffff; }
  #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
  #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none; }
  #cssmenu #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
  #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; }
  #cssmenu #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; }
  #cssmenu #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #cssmenu #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; }
  #cssmenu .submenu-button.submenu-opened { background: #262626; }
  #cssmenu ul ul .submenu-button { height: 46px; width: 34px; }
  #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:after { top: 23px; right: 13px; }
  #cssmenu .submenu-button.submenu-opened:after { background: #ffffff; }
  #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:before { top: 19px; right: 16px; }
  #cssmenu .submenu-button.submenu-opened:before { display: none; }
  #cssmenu.select-list { padding: 5px; }
  #cssmenu { clear: both }
  #cssmenu .submenu-button.submenu-opened + a { background: #333; }
  #cssmenu ul ul { background: #333; }
  .ucsf-icon .link-sec { border-bottom: 1px solid #d9d9d9 }
  #cssmenu ul ul ul { background: #4c4a4a; }
  #cssmenu ul ul ul ul { background: #777575; }
  #cssmenu ul ul { float: left; }
  #cssmenu a.active { background: #333; }
  #cssmenu ul { margin: 0 }
  .textpart-section { padding: 20px 0; }
  .content-tab-section { padding: 0px 15px; }
  .content-tab-section .panel-body h2 { font-size: 24px; }
  .navbar { height: 90px; }
  .ctabanner-section.bg-gry a.btn, .ctabanner-section.bg-blue a.btn { width: 90%; }
  .footer-menu br { display: none }
  .master-top h1 { font-size: 17px }
  .crsl-top h2 { font-size: 28px; }
  .crsl-top { top: 20%; }
  .main { margin-top: 90px; }
  .automatedcontent-section a.see-mre { margin-right: 20px; margin-right: 15px; }
  .posrel { position: absolute; right: 90px; top: 20px; }
  .posrel #label { right: 0px; top: 0px; }
  #input.focus { z-index: 20; display: block; top: 71px; width: 500px; right: 0; }
  .news { float: none; margin: 0 auto; }
  #arr_left, #arr_right { display: block; }
  #arr_left i, #arr_right i { font-size: 40px; }
  #arr_left { float: left; margin-top: 20%; margin-left: 10%; }
  #arr_right { float: right; margin-top: 20%; margin-right: 10%; }
  .dis_left, .dis_right { opacity: 0.5 }
  .footer-menu .lst-title { padding: 10px 0; border-bottom: 1px solid #ccc; position: relative }
  .footer-menu .lst-title p i { display: block !important; position: absolute; right: 20px; top: 9px; cursor: pointer }
  .footer-menu .fa-plus:before { content: "\f068"; }
  .footer-menu .fa-plus.collapsed:before { content: "\f067"; }
  .content-tab-section #btnNext, .content-tab-section #btnPrevious { display: none }
  .ucsf-icon .link-sec { border: 1px solid #d9d9d9 }
  .footer-menu p i { display: block !important }
  .carousel .item { height: 350px; }
  a.closebtnOverlay { display: block; text-decoration: none; font-size: 50px; font-weight: normal; float: right; margin: 20px; line-height: normal !important; padding: 0 !important; width: 100%; margin: 0 !important; text-align: right; }
  .carousel { margin-top: 90px !important; }
  .btm-header ul.nav li a { padding: 10px; }
  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #333 !important }
  .navbar-nav { margin-top: 0; margin-bottom: 0 }
  .offcanvas .dropdown.open > .dropdown-menu { display: none }
  .offcanvas .dropdown-menu { position: relative !important; width: 100% !important; background-color: transparent; border: none !important; box-shadow: none !important; margin: 0; left: inherit !important; right: inherit !important; line-height: 20px !important; top: inherit !important; }
  .offcanvas .dropdown i { display: block }
  .offcanvas .dropdown-menu.collapse.in { display: block !important; }
  .offcanvas .dropdownmenu li a { padding: 10px 25px !important }
  .offcanvas .dropdownmenu li a, .offcanvas .dropdownmenu li { width: 100% !important; display: inline-block }
  .offcanvas li > a { padding: 13px 10px !important }
  .open>.dropdown-menu { display: none }
  .btm-header .navbar-header { width: auto; }
  .btm-header .navbar-brand { width: 70%; }
  .navbar-toggle { margin-top: 20px; }
  .btm-header { min-height: 90px; }
  .btm-header .navbar-brand { margin-top: 12px; }
  .btm-header .icon { margin: 0; position: absolute; font-size: 40px; cursor: pointer }
  .navbar-inverse .navbar-toggle { border: none; background: none }
  .navbar-inverse .navbar-toggle .icon-bar { background-color: #000003; }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: none }
  .navbar-toggle .icon-bar { height: 6px; width: 40px; }
  .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
  .navbar-offcanvas { background-color: #000 !important }
  .offcanvas a { color: #fff !important; }
  .offcanvas .dropdown:hover > .dropdown-menu { display: none }
  .offcanvas .dropdown i { color: #fff; position: absolute; right: 0; padding: 25px 20px; top: 0; cursor: pointer }
  .offcanvas .dropdown > .dropdown-menu.collapse.in a { padding: 5px 15px 5px 25px !important; color: #fff !important; line-height: 20px !important; }
  .offcanvas li { clear: both; }
  .offcanvas .dropdown i[aria-expanded=true]:before { content: "\f068" }
  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; }
  .ucsf-icon .link-sec:nth-child(1), .ucsf-icon .link-sec:nth-child(2) { border-top: none !important; border-bottom: none !important }
  .ucsf-icon .link-sec:nth-child(3), .ucsf-icon .link-sec:nth-child(4) { border-bottom: none !important }
  .ucsf-icon .link-sec:nth-child(1), .ucsf-icon .link-sec:nth-child(3), .ucsf-icon .link-sec:nth-child(5) { border-right: none !important }
  .treenav-sec{ display:inline-block; width:100%;}
  .home .carousel-caption h1 { font-size: 32px; }
  .home .carousel-caption a.btn.btn-lrn-more { min-width: 180px; }
  .parking-info { display: inline-block; width: 100%; margin-top: 20px; }
  .home-master .carousel-caption h1 { font-size: 20px; }
  .cnt-sec, .innerpage-section h3 { display: inline-block; width: 100%; }
  .cpy-rgt-sec { padding: 30px }
  .home .bxslider li > span { height: 355px !important; }
  .master .bxslider li > span { height: 270px !important }
  .master .bxslider .container { height: 270px; }
  .contact-form { margin-top: 20px; display: inline-block; width: 100%; }
  p.get-direction { border-bottom: 1px solid #fff; border-right: none }
  .loaction-img-cnt img { width: 100% }
  #cssmenu li:hover > ul { display: none }
  .docprofiletab { float: left; width: 100%; }
  .facul-menu { margin-bottom: 15px; }
  .doc-menu { margin-bottom: 15px; }
  .dess { padding: 0; margin-top: 15px }
  .news { margin: 0 auto; float: none; margin-bottom: 15px; width: 80% !important; }
}
@media(max-width:767px) {
  .faculty h1.title { font-size: 25px; margin: 0px; padding-bottom: 12px; }
  .parking-info { float: left; width: 100%; padding-top: 25px; }
}

@media(max-width:650px) {
  .breadcrumb-section .pull-right { float: left !important; margin-top: 10px; clear: both }
  a.slick-arrow i.fa.fa-angle-right { right: 60px; top: 133px; }
  a.slick-arrow i.fa.fa-angle-left { left: 60px; top: 133px; }
}

@media(max-width:600px) {
  .Location-content .col-xs-4{ width:50%;}
  .boxcontent .col-xs-4{ width:50%;}
  .home-master .carousel-caption h1 { font-size: 17px; }
  .home .carousel-caption h1 { font-size: 30px; }
  .home-master h1 { font-size: 17px; }
  .ucsf-icon.icon-bottom .link-sec:last-child > a span i { top: -55px !important }
  .ucsf-icon.icon-bottom .link-sec:last-child > a span  { height: 28px; }
  .ucsf-icon.icon-bottom .link-sec:last-child > a span i { font-size: 115px; top: -45px !important }
  p.get-direction a, p.more-info a { font-size: 13px; }
  .look-library h1.title { font-size: 22px; margin: 0px; padding-bottom: 12px; }
  .master-top { bottom: 30%; }
  .ucsf-icon .link-sec i { font-size: 30px; }
  .ucsf-icon p { font-size: 12px; }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 10px !important; }
  .crsl-top h2 { font-size: 21px }
  .crsl-top a.btn.btn-lrn-more, .crsl-top a.btn:active.btn-lrn-more { margin-top: 0; font-size: 16px; padding: 10px 20px; }
  #input.focus { width: 410px; }
  #input.focus input { width: 410px; }
}



@media(max-width:580px) {
  .faculty h1.title { font-size: 22px; margin: 0px; padding-bottom: 12px; }
}

@media (max-width:550px) {
  .ctabanner-section.bg-gry a.btn, .ctabanner-section.bg-blue a.btn { width: 90%; }
  .crsl-top a.btn.btn-lrn-more, .crsl-top a.btn:active.btn-lrn-more { font-size: 14px; padding: 5px 15px }
  .crsl-top h2 { font-size: 17px; }
  .navbar-toggle .icon-bar { height: 3px; width: 30px; }
  .btm-header .icon { margin: 0; position: absolute; top: 5px; right: 0px; font-size: 25px; }
}
@media(max-width:540px) {
  a.slick-arrow i.fa.fa-angle-right { right: 35px; top: 100px; }
  a.slick-arrow i.fa.fa-angle-left { left: 35px; top: 100px; }
}


@media (max-width:500px) {
  .home .carousel-caption a.btn.btn-lrn-more { min-width: 150px; }
  .master-top h1 { font-size: 12px }
  #input.focus { width: 350px; }
  #input.focus input { width: 350px; }
}

@media (max-width:450px) {
  .ucsf-icon .link-sec { padding: 10px; }
  .navbar { height: 70px; }
  .btm-header { height: auto !important; min-height: 90px; }
  #input.focus { width: 250px; }
  #input.focus input { width: 250px; }
  #input.focus { right: -40px; }
  .posrel { right: 70px; }
  .posrel #label { width: auto }
}
@media(max-width:430px) {
  .home .carousel-caption h1 { font-size: 18px; }
  .home .carousel-caption a.btn.btn-lrn-more {margin-top: 5px;padding: 8px 10px;font-size: 14px;min-width: 120px !important;}
  a.slick-arrow i.fa.fa-angle-right { right: 40px; top: 80px; }
  a.slick-arrow i.fa.fa-angle-left { left: 40px; top: 80px; }
}
@media (max-width:360px) {
  .ucsf-icon .link-sec a{ padding:15px 5px;}
  .ucsf-icon .link-sec{ padding:8px;}
  .ucsf-icon .link-sec p a { height: 30px; display: block }
  .master-top { bottom: 30% }
  .master-top h1 { font-size: 12px; width: 240px; margin-top: 20px; float: left; top: 100%; }
  .crsl-top { top: 5%; }
  .main { margin-top: 70px; }
  #input.focus { right: -50px; }
  .posrel { right: 70px; top: 3px; }
  .carousel { margin-top: 70px !important; }
  .btm-header { height: auto !important; min-height: 70px; }
  .btm-header .icon { margin: 0; position: absolute; top: 24px; right: 0px; font-size: 22px; }
  .navbar-toggle { margin-top: 21px; }
  .navbar-toggle .icon-bar { height: 2px; width: 27px; }
  .ucsf-icon.icon-bottom .link-sec:last-child > a span{ height: 30px; }
  .ucsf-icon.icon-bottom .link-sec:last-child > a span i { font-size: 95px; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 20px; top: -30px !important;/* height: 20px; */ }
  .ucsf-icon.icon-bottom .link-sec a { font-size: 13px; display: inline-block; width: 100%; height: 40px; }
}

@media (max-width:320px) {
  .ucsf-icon .link-sec{ padding:5px 2px;}
}


@media (min-width:769px) {
  #cssmenu ul ul{ display:none !important}
  #cssmenu li:hover > ul { display: block !important }
  #cssmenu > ul > li { float: none; display: table-cell; max-width: 150px; vertical-align: middle }
  #cssmenu ul ul { position: absolute; left: 0; display: none; background: rgba(0, 0, 0, 0.7); color: #fff; border: none; padding: 0; min-width: 260px; }
  #cssmenu li:hover > ul { display: block }
  .distbl { display: table; table-layout: fixed; vertical-align: top; }
  .tblcell { display: table-cell; float: none !important; vertical-align: top; }
  .dis-table{display: box;display: -webkit-box;-webkit-box-orient: horizontal;}
  .automatedcontent-section .col-sm-3 { float: none; display:table-cell; width:25%;  }
  div#js-bootstrap-offcanvas { height: auto !important; }
  .dropdownmenu { position: absolute; top: 98%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) }
  .dropdownmenu.pull-right { right: 0; left: auto }
  .dropdownmenu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 }
  .dropdownmenu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap }
  .dropdownmenu>li>a:focus, .dropdownmenu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 }
  .dropdownmenu>.active>a, .dropdownmenu>.active>a:focus, .dropdownmenu>.active>a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 }
  .dropdownmenu>.disabled>a, .dropdownmenu>.disabled>a:focus, .dropdownmenu>.disabled>a:hover { color: #777 }
  .dropdownmenu>.disabled>a:focus, .dropdownmenu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none;
  }
  .open>.dropdownmenu { display: block }
}

@media (max-width: 600px){
  .bone img{
    width: 7rem;
    margin-bottom: 0.1rem;
  }
}