
/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1367px) and (max-width: 1900px) {
 .header-style4 aside.UVASSWAT-info.UVASSWAT-info-phone {
 display: none;
}
}




/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
 .switcher-container {
 top: 115px;
}
 .top.style2 .flat-information {
 padding-left: 5px;
}
 .flat-information.style2 li {
 margin-right: 5px;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0 0 0 15px;
}
 .UVASSWAT-info-header-style2 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0 0 0 0px;
}
 #mainnav ul.submenu.right {
 right: 0;
 left: auto;
}
 #mainnav > ul > li > a, .UVASSWAT-ex-nav li a {
 padding: 0 21px 0px 21px;
}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
 .UVASSWAT-btn-menu {
 display: block;
}
 .mainnav, .top .wrap-top.reponsive-none, .switcher-container, .UVASSWAT-info.reponsive-none, .UVASSWAT-info-header-style2 .wrap-UVASSWAT-info-header, .header-style4 .menu.UVASSWAT-ex-nav.style2 {
 display: none;
}
 .tparrows {
 display: none!important;
}
 #UVASSWAT-mobile-nav .menu {
 overflow-y: auto;
 height: 40vh;
}
 .header.downscrolled ~ #UVASSWAT-mobile-nav, .header.header-absolute.downscrolled ~ #UVASSWAT-mobile-nav {
 position: fixed;
 top: 60px;
}
 .header.header-absolute ~ #UVASSWAT-mobile-nav {
 top: 61px;
}
 .go-top {
 width: 30px;
 height: 30px;
 line-height: 30px;
}
 .header .logo {
 margin: 30px 0 0 0;
}
 .menu.UVASSWAT-ex-nav {
 padding-left: 0;
 float: left;
}
 .top .menu.UVASSWAT-ex-nav {
 padding-left: 0;
 margin: 0px 0px 0px 0px;
}
 .wrap-UVASSWAT-info-header {
 padding: 30px 0px 25px;
}
 .header.UVASSWAT-info-header-style2 .logo {
 margin: 15px 0 10px 0px;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0px;
 width: 38%;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section:first-of-type {
 width: 24%;
 text-align: right;
}
 .shopping-cart .UVASSWAT-shoping-box, .UVASSWAT-search {
 left: 0;
}
 .header .logo {
 text-align: center;
}
.UVASSWAT-mobile-center {
 text-align:center;
}
 .flat-language {
 width: 100%;
}
.flat-top {
 float: none;
 padding:15px 0 0 0;
}
.wrap-top {
text-align:center;
}
.top {
 padding: 15px 0px;
}
 .footer-top-section-left {
 width:100%;
 margin:0;
 padding:0 !important;
 float:left;
 text-align:center !important;
}
 .footer-top-section-right {
 width:100%;
 margin:0;
 padding:0 !important;
 float:left;
 text-align:center !important;
 margin: 20px 0 0 0;
}
 .footer-top-section-wrapper {
 padding: 30px 0;
}
 .footer-top-section-wrapper .footer-top-section-left .footer-top-section-focus {
 line-height: 40px;
}
}
@media only screen and (max-width: 767px) {
 .UVASSWAT-info-section .info-icon, .wrap-UVASSWAT-info-header .UVASSWAT-info-section:first-of-type, .wrap-top.reponsive-none767 {
 display: none;
}
.short-msg-tab ul li {
 display:inline-block;
 width:100%;
 margin:0 0 3px 0;
}
.short-msg-tab ul li a {
 display:block;
 width:100%;
}
.owl-nav {
 display:none;
}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .comment-form .wrap-input .add-review {
 width: 100%;
 margin-bottom: 15px;
}
 #UVASSWAT-mobile-nav .menu {
 height: 62vh;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0px;
 width: 50%;
 text-align: center;
}
}



/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
 .wrap-column .flat-column3, .wrap-column2 .flat-column2, .wrap-form.style2 span.flat-input, .top.style2 .flat-language, .project-dynamic .data-effect li.width50, .project-dynamic .data-effect li, .countdown .square, .item .featured-item a img, .flat-tabs ul.menu-tab li, .about-counter .flat-counter, .about-counter .flat-counter:nth-child(2), .about-counter .flat-counter:nth-child(3), .wrap-product .product, .list-author .info-author .featured-author img, .product-single .flat-tabs ul.menu-tab li, .comment-form .wrap-input .add-review {
 width: 100%;
}
 .flat-language {
 width: 100%;
}
 .single-post .project-info ul li span.name {
 width: 40%;
}
 .top.style3 .flat-language {
 width: 35%;
}
 .page-commingsoon .title-section.sub .title {
 font-size: 36px;
 line-height: 45px;
}
 #UVASSWAT-mobile-nav .menu {
 height: 62vh;
}
 .bottom {
 padding-bottom: 15px;
}
 .header .logo {
 margin: 20px 0 0 0;
}
 .wrap-UVASSWAT-info-header {
 padding: 25px 0px 5px;
}
 .shopping-cart .UVASSWAT-shoping-box {
 left: -35px;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0 0 20px 0;
 width:100%;
 text-align: center;
}
 .email {
 padding: 0 0 10px 0;
}
}
 @media (max-width: 320px) {
 #UVASSWAT-mobile-nav .menu {
 height: 78vh;
}
 .flat-language {
 width: 100%;
}
 .single-post .project-info ul li span.name {
 width: auto;
}
 .wrap-testimonial #testimonial-carousel {
 padding: 0px 10px;
 top: 300px;
}
 .UVASSWAT-search {
 width: 276px;
}
 .shopping-cart .UVASSWAT-shoping-box {
 left: -54px;
 width: 280px;
}
 .cart .quantity {
 margin-bottom: 20px;
}
 .fancybox::after {
 margin-right: -7px;
}
}










/* ---- Start of max-width 992px CSS ---- */
@media (max-width: 992px) {
 .sm-padding {
padding: 15px;
}
 .main_slider .main_slide {
 height: 500px;
}
}


/* ---- Start of max-width 767px CSS ---- */
@media all and (max-width: 767px) {
 .banner_content h2,  h1 {
 font-size: 18px!important;
}
 h2 {
 font-size: 20px;
}
 h3 {
 font-size: 16px;
}
 p br {
 display: none;
}
 .padding {
 padding: 60px 0;
}
 .xs-padding {
 padding: 15px;
}
 .js .slicknav_menu {
 display:block;
}
 .main_slider .main_slide {
 height: 400px;
}
}
/* ---- End of max-width 767px CSS ---- */


/* ---- Start of max-width 520px CSS ---- */
@media all and (max-width: 520px) {
 .col-xs-6 {
 .flat-language {
 width: 100%;
}
.flat-top {
 float: none;
 padding:15px 0 0 0;
}
.wrap-top {
text-align:center;
}
.top {
 padding: 15px 0px;
}
 .footer-top-section-left {
 width:100%;
 margin:0;
 padding:0 !important;
 float:left;
 text-align:center !important;
}
 .footer-top-section-right {
 width:100%;
 margin:0;
 padding:0 !important;
 float:left;
 text-align:center !important;
 margin: 20px 0 0 0;
}
 .footer-top-section-wrapper {
 padding: 30px 0;
}
 .footer-top-section-wrapper .footer-top-section-left .footer-top-section-focus {
 line-height: 40px;
}
}
@media only screen and (max-width: 767px) {
 .UVASSWAT-info-section .info-icon, .wrap-UVASSWAT-info-header .UVASSWAT-info-section:first-of-type, .wrap-top.reponsive-none767 {
 display: none;
}
.short-msg-tab ul li {
 display:inline-block;
 width:100%;
 margin:0 0 3px 0;
}
.short-msg-tab ul li a {
 display:block;
 width:100%;
}
.owl-nav {
 display:none;
}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .comment-form .wrap-input .add-review {
 width: 100%;
 margin-bottom: 15px;
}
 #UVASSWAT-mobile-nav .menu {
 height: 62vh;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0px;
 width: 50%;
 text-align: center;
}
}



/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
 .wrap-column .flat-column3, .wrap-column2 .flat-column2, .wrap-form.style2 span.flat-input, .top.style2 .flat-language, .project-dynamic .data-effect li.width50, .project-dynamic .data-effect li, .countdown .square, .item .featured-item a img, .flat-tabs ul.menu-tab li, .about-counter .flat-counter, .about-counter .flat-counter:nth-child(2), .about-counter .flat-counter:nth-child(3), .wrap-product .product, .list-author .info-author .featured-author img, .product-single .flat-tabs ul.menu-tab li, .comment-form .wrap-input .add-review {
 width: 100%;
}
 .flat-language {
 width: 100%;
}
 .single-post .project-info ul li span.name {
 width: 40%;
}
 .top.style3 .flat-language {
 width: 35%;
}
 .page-commingsoon .title-section.sub .title {
 font-size: 36px;
 line-height: 45px;
}
 #UVASSWAT-mobile-nav .menu {
 height: 62vh;
}
 .bottom {
 padding-bottom: 15px;
}
 .header .logo {
 margin: 20px 0 0 0;
}
 .wrap-UVASSWAT-info-header {
 padding: 25px 0px 5px;
}
 .shopping-cart .UVASSWAT-shoping-box {
 left: -35px;
}
 .wrap-UVASSWAT-info-header .UVASSWAT-info-section {
 margin: 0 0 20px 0;
 width:100%;
 text-align: center;
}
 .email {
 padding: 0 0 10px 0;
}
}
 @media (max-width: 320px) {
 #UVASSWAT-mobile-nav .menu {
 height: 78vh;
}
 .flat-language {
 width: 100%;
}
 .single-post .project-info ul li span.name {
 width: auto;
}
 .wrap-testimonial #testimonial-carousel {
 padding: 0px 10px;
 top: 300px;
}
 .UVASSWAT-search {
 width: 276px;
}
 .shopping-cart .UVASSWAT-shoping-box {
 left: -54px;
 width: 280px;
}
 .cart .quantity {
 margin-bottom: 20px;
}
 .fancybox::after {
 margin-right: -7px;
}
}










/* ---- Start of max-width 992px CSS ---- */
@media (max-width: 992px) {
 .sm-padding {
padding: 15px;
}
 .main_slider .main_slide {
 height: 500px;
}
}


/* ---- Start of max-width 767px CSS ---- */
@media all and (max-width: 767px) {
 .banner_content h2,  h1 {
 font-size: 18px!important;
}
 h2 {
 font-size: 20px;
}
 h3 {
 font-size: 16px;
}
 p br {
 display: none;
}
 .padding {
 padding: 60px 0;
}
 .xs-padding {
 padding: 15px;
}
 .js .slicknav_menu {
 display:block;
}
 .main_slider .main_slide {
 height: 400px;
}
}
/* ---- End of max-width 767px CSS ---- */


/* ---- Start of max-width 520px CSS ---- */
@media all and (max-width: 520px) {
 .col-xs-6 {
 float: none;
 width: 100%;
}
}

/* ==========================================================================
   UNIVERSAL SITE-WIDE RESPONSIVE DESIGN FOR ALL PHONES, LAPTOPS & DESKTOPS
   ========================================================================== */

/* 1. Base Container & Fluid Media Defaults */
img, svg, video, iframe {
  max-width: 100%;
  height: auto;
}

.container, .container-fluid, .page-container, .profile-wrapper {
  box-sizing: border-box;
}

/* 2. Responsive Tables (Prevent horizontal viewport overflow on phones) */
table {
  max-width: 100%;
}
.table-responsive, .table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
}

/* 3. Responsive Navigation Tabs (Deans, VC, Departments, Faculty Profiles) */
.nav-tabs, .tab-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
  white-space: nowrap !important;
  border-bottom: 2px solid #ddd;
  margin-bottom: 15px;
}
.nav-tabs .nav-item, .tab-link {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* 4. Dean & VC Expanded Cards Responsiveness (#vcm-expanded-section) */
@media (max-width: 991px) {
  #vcm-expanded-section {
    padding: 20px 4% !important;
  }
  .vcm-expanded-card {
    flex-direction: column !important;
    min-height: auto !important;
  }
  .vcm-img-expanded-container {
    min-width: 100% !important;
    padding: 20px 10px !important;
  }
  .vcm-expanded-circle {
    width: 220px !important;
    height: 220px !important;
  }
  .vcm-expanded-text-area {
    min-width: 100% !important;
    padding: 20px 15px !important;
  }
}

/* 5. Faculty & Staff Profile Responsiveness (.profile-wrapper) */
@media (max-width: 768px) {
  /* Header Top Utility Bar */
  .body_uvas_header_ooo_top_flex {
    flex-direction: column !important;
    text-align: center !important;
    gap: 8px !important;
  }

  /* Faculty Profile Card Wrapper */
  .profile-wrapper {
    width: 100% !important;
    padding: 12px !important;
    margin-top: 10px !important;
    box-shadow: none !important;
    border: none !important;
  }

  .header-section {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 15px !important;
  }

  .photo-container {
    width: 160px !important;
    margin: 0 auto 10px auto !important;
  }

  .details-container {
    width: 100% !important;
    text-align: center !important;
  }

  .details-container h2 {
    font-size: 20px !important;
  }

  .info-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    border-bottom: 1px dashed #e0e0e0;
    padding: 8px 0 !important;
    margin-bottom: 4px !important;
    font-size: 13.5px !important;
  }

  .info-label {
    width: 100% !important;
    font-weight: 700 !important;
    color: #1a237e !important;
    margin-bottom: 2px !important;
  }

  .tab-content-area {
    padding: 15px 10px !important;
  }
}

/* 6. Laptop & Medium Screens (769px - 1199px) */
@media (min-width: 769px) and (max-width: 1199px) {
  .profile-wrapper {
    width: 96% !important;
    padding: 20px !important;
  }

  .vcm-expanded-circle {
    width: 260px !important;
    height: 260px !important;
  }
}

/* 7. Ultra-Wide Desktop Screens (> 1400px) */
@media (min-width: 1400px) {
  .container, .body_uvas_header_ooo_container, .profile-wrapper {
    max-width: 1360px !important;
  }
}

/* Global Mobile & Viewport Safety Rules */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  -webkit-text-size-adjust: 100%;
}

img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Smooth mobile scrolling */
* {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 767px) {
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  h1, .h1 { font-size: 24px !important; }
  h2, .h2 { font-size: 20px !important; }
  h3, .h3 { font-size: 18px !important; }
  
  .uvas-ticker-container {
    font-size: 12px !important;
  }
  
  .uvas-ticker-label {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
}

