@media (max-width: 1440px) {
/*    #block-smitsart-main-menu {
        right: 25px;
        position: relative;
        margin-left: 60px;
    }

    li.main-menu-item {
        margin: 10px 0;
    }
    #navbarSupportedContent ul li {
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static;
        width: 100% !important;
        background: #670000 !important;
        border: 0;
        padding: 0;
    }
    navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static;
        width: 100% !important;
        background: #670000 !important;
    }
    .dropdown-menu .dropdown-item:last-child {
        border-bottom:  2px solid #fff !important;
    }
    
    #navbarSupportedContent ul li a:last-child {
        border-bottom: 0 !important;
    }
*/
}

@media (max-width: 1120px) {
    #views-bootstrap-tab-views-bootstrap-academics-page-details-page-1 .nav-tabs .nav-link {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    #views-bootstrap-tab-views-bootstrap-academics-page-details-page-1 .nav-tabs .nav-link {
        border: 1px solid #e1c44d;
        color: #670000;
        font-size: 16px;
        padding: 0.5rem 0;
        
    }
  .hero_area {
    min-height: auto;
  }

  .slider_section .detail-box {
    margin-bottom: 45px;
  }

  .navbar-collapse {
    padding: 30px 0;
  }

  .search_form {
    margin: 0;
    justify-content: center;
    margin-top: 15px;
  }

  .contact_section form {
    padding-right: 0;
  }
  .client_section .client_container .client_id h5 {
    color: #e1c44d;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 1.15rem;
   }

}

@media (min-width: 1199.98px) {
    .navbar-expand-lg .navbar-collapse{
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media (max-width: 1199.98px) {
    .custom_nav-container #search-icon {
        right: 3.5rem;
        top: 0.85rem;
    }
    .navbar-collapse {
        padding: 15px;
    }
    #block-smitsart-main-menu {
        right: 10px;
        margin-left: 15px;
    }
    #navbarSupportedContent ul {
        margin: 0;
        padding: auto;
        display: flex;
        list-style: none;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        margin-right: 0 !important;
    }
    #navbarSupportedContent ul li {
        width: 100%;
        border-top: 1px solid #fff;
    }
    #navbarSupportedContent ul li a, #navbarSupportedContent ul li span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 0px;
        font-size: 15px;
        font-weight: 600;
        color: #ffffff;
        white-space: nowrap;
        transition: 0.3s;
    }
    #navbarSupportedContent ul li a i, #navbarSupportedContent ul li span i {
        margin-right: 10px;
    }
    #navbarSupportedContent ul .dropdown ul {
        padding-top: 0;
        display: none;
        position: absolute;
    }
    #navbarSupportedContent ul.dropdown-menu.show {
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        position: static;
        overflow: hidden;
        transition: 0.3s;
        box-shadow:none;
        border:0;
        padding: 0;
    }
    ul.dropdown-menu.show li{padding: 0;}
    #navbarSupportedContent ul .dropdown li a {
        color: #fff;
        margin-left: 1rem;
    }
    .custom_nav-container #search-icon {
        right: 3.5rem;
        top: 1.5rem;
    }
    .cust-search input {
        background: transparent;
        height: auto;
        padding: 0.1rem 1rem;
    }
    #navbarSupportedContent ul.dropdown-menu.show {
        width: 100% !important;
        background: transparent;
        box-shadow: none;
    }
    #navbarSupportedContent ul li {
        width: 100%;
        border-top: 1px solid #fff;
    }
    .dropdown-menu .dropdown-item {
        text-align: left !important;
        border-bottom: 0px solid #fff !important;
        padding: 8px 0 !important;
    }    

    .slider .owl-carousel .owl-stage-outer{
        height: auto;
    }  
    .blog_section .box .img-box .blog_date {
        position: absolute;
        left: 5px;
        font-size: 10px;
    }
    .blog_section .box .detail-box h5 {
        color: #670000;
        margin-bottom: 1.5rem !important;
        font-size: 12px;
    }
    #block-views-block-news-block-1 .detail-box {
        padding: 30px 15px 15px 15px;
        height: 200px;
    }
    .blog_section .box .detail-box{
        padding: 30px 15px 15px 15px;
        height: 230px;
    }
    .blog_section .box .detail-box a {
        font-size: 12px;
    }
    .blog_section .box .detail-box p {
        font-size: 10px;
        word-wrap: break-word;
    }    
    
    
}

@media (max-width: 992px) {

    .blog_section .box .img-box .blog_date {
        position: absolute;
        left: 5px;
    }
    .custom_nav-container #search-icon {
        right: 3.5rem;
        top: 1.4rem;
    }
    #views-bootstrap-tab-views-bootstrap-academics-page-details-page-1 .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        flex-direction: column;
    }
        
    /* Position each circle around the inner circle */
    .circle:nth-child(1) { top: 0; left: 50%; transform: translate(-50%, -50%); }
    .circle:nth-child(2) { top: 12%; left: 80%; transform: translate(-50%, -50%); }
    .circle:nth-child(3) { top: 37%; left: 75%; transform: translate(0%, -50%); }
    .circle:nth-child(4) { top: 64%; left: 90%; transform: translate(-50%, -50%); }
    .circle:nth-child(5) { top: 77%; left: 78%; transform: translate(-50%, 0%); }
    .circle:nth-child(6) { top: 110%; left: 50%; transform: translate(-50%, -100%); }
    .circle:nth-child(7) { top: 88%; left: 7%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 64%; left: -20%; transform: translate(50%, -50%); }
    .circle:nth-child(9) { top: 16%; left: 10%; transform: translate(-50%, 50%); }
    .circle:nth-child(10) { top: 12%; left: 20%; transform: translate(-50%, -50%); }    
    
}

@media (max-width: 768px) {
    #block-smitsart-site-branding img {
        width: 220px;
    }
    .navbar-collapse {
        padding: 15px;
    }
    #block-smitsart-main-menu {
        right: 10px;
        margin-left: 15px;
    }
    #navbarSupportedContent ul {
        margin: 0;
        padding: auto;
        display: flex;
        list-style: none;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
    }
    #navbarSupportedContent ul li {
        width: 100%;
        border-top: 1px solid #fff;
    }
    #navbarSupportedContent ul li a, #navbarSupportedContent ul li span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 0px;
        font-size: 15px;
        font-weight: 600;
        color: #ffffff;
        white-space: nowrap;
        transition: 0.3s;
    }
    #navbarSupportedContent ul li a i, #navbarSupportedContent ul li span i {
        margin-right: 10px;
    }
    #navbarSupportedContent ul .dropdown ul {
        padding-top: 0;
        display: none;
        position: absolute;
    }
    #navbarSupportedContent ul.dropdown-menu.show {
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        position: static;
        overflow: hidden;
        transition: 0.3s;
        box-shadow:none;
        border:0;
        padding: 0;
    }
    ul.dropdown-menu.show li{padding: 0;}
    #navbarSupportedContent ul .dropdown li a {
        color: #fff;
        margin-left: 1rem;
    }
    .custom_nav-container #search-icon {
        right: 3.5rem;
        top: 0.85rem;
    }
    .cust-search input {
        background: transparent;
        height: auto;
        padding: 0.1rem 1rem;
    }
    .blog_section .box .img-box .blog_date{left:5px;}
    .about_section .detail-box,
    .contact_section .img-box {
        margin-top: 45px;
    }
    .slider_section .carousel_btn_box, .owl-nav {
      width: 80px;
    }
    
    .owl-nav .owl-prev,
    .owl-nav .owl-next{
      width: 30px!important;
      height: 30px!important;
      font-size:18px!important;
    }
    
    .heading_container h2::before, .heading_container h2::after {display: none;}
    /*.blog_section .box .detail-box {
        height: 700px;
    }*/
    
    .footer_section p.text-left {
        text-align: center !important;
    }
    nav#block-useraccountmenu {
        float: none;
    }
}

@media (max-width: 720px) {
    .blog_section .box .img-box .blog_date {
        font-size: 14px;
    }
    .blog_section .box .detail-box h5 {
        color: #670000;
        margin-bottom: 1rem !important;
        font-size: 16px;
    }  
    #block-views-block-news-block-1 .detail-box h5 {
        font-size: 13.5px;
    }
    .blog_section .box .detail-box p {
        font-size: 14px;
    }    
    .blog_section .box .detail-box a {
        font-size: 14px;
    }  
    .blog_section .box .detail-box {
        height: 220px;
    }    
    #block-views-block-news-block-1 .detail-box {
        padding: 30px 15px 15px 15px;
    }  
    #block-views-block-news-block-1 .img-box .blog_date {
        font-size: 10px;
    }
    
    .faculty header {
        width: 100%;
        top: -20px;
    }
    span.result {
        width: 100%;
        top: -20px;
    }
}

@media (max-width: 680px) {
    .circle-container {
        height: 1500px;
        margin: 20px auto;
    }
    /* Position each circle around the inner circle */
    .circle:nth-child(1) { top: 0; left: 50%; transform: translate(-50%, -50%); }
    .circle:nth-child(2) { top: 9%; left: 50%; transform: translate(-50%, -50%); }
    .circle:nth-child(3) { top: 18%; left: 22%; transform: translate(0%, -50%); }
    .circle:nth-child(4) { top: 27%; left: 50%; transform: translate(-50%, -50%); }
    .circle:nth-child(5) { top: 32%; left: 50%; transform: translate(-50%, 0%); }
    .circle:nth-child(6) { top: 68%; left: 50%; transform: translate(-50%, -100%); }
    .circle:nth-child(7) { top: 73%; left: 20%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -9%; transform: translate(50%, -50%);    z-index: 3; }
    .circle:nth-child(9) { top: 84%; left: 50%; transform: translate(-50%, 50%);    z-index: 2; }
    .circle:nth-child(10) { top: 103%; left: 50%; transform: translate(-50%, -50%);    z-index: 1; }      
    
}




@media (max-width: 540px) {
    form#views-exposed-form-publication-details-page-5 {
        display: inline-flex;
        flex-direction: column;
    }
    form#views-exposed-form-publication-details-page-1 input, form#views-exposed-form-publication-details-page-2 input, form#views-exposed-form-publication-details-page-1 form input, form#views-exposed-form-publication-details-page-2 form input, form#views-exposed-form-publication-details-page-4 input, form#views-exposed-form-publication-details-page-5 input {
        width: 100%;
    }
    form#views-exposed-form-publication-details-page-1 select, form#views-exposed-form-publication-details-page-2 select, form#views-exposed-form-publication-details-page-4 select, form#views-exposed-form-publication-details-page-5 select {
        margin: 10px;
        width: 100%;
    }



}


@media (max-width: 450px) {
    /* Position each circle around the inner circle */
    .circle:nth-child(3) { top: 18%; left: 24%; transform: translate(0%, -50%); }
    .circle:nth-child(7) { top: 73%; left: 24%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -1%; transform: translate(50%, -50%);  }
}

@media (max-width: 420px) {
  .slider_section .detail-box h1 {
    font-size: 2.5rem;
  }
    /* Position each circle around the inner circle */
    .circle:nth-child(3) { top: 18%; left: 23%; transform: translate(0%, -50%); }
    .circle:nth-child(7) { top: 73%; left: 21%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -8%; transform: translate(50%, -50%);  }
}

@media (max-width: 391px) and (max-width: 414px) {
    /* Position each circle around the inner circle */
    .circle:nth-child(7) { top: 73%; left: 23%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -3%; transform: translate(50%, -50%);  }
}

@media (max-width: 390px) {
    /* Position each circle around the inner circle */
    .circle:nth-child(7) { top: 73%; left: 22%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -7%; transform: translate(50%, -50%);  }
}
@media (max-width: 375px) {
    /* Position each circle around the inner circle */
    .circle:nth-child(3) { top: 18%; left: 21%; transform: translate(0%, -50%); }
    /*.circle:nth-child(7) { top: 64%; left: 21%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 73%; left: -9%; transform: translate(50%, -50%); } */ 
}
@media (max-width: 360px) {
    /* Position each circle around the inner circle */
    .circle:nth-child(3) { top: 18%; left: 19%; transform: translate(0%, -50%); }
    .circle:nth-child(6) { top: 68%; left: 50%; transform: translate(-50%, -100%); }
    .circle:nth-child(7) { top: 73%; left: 20%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -11%; transform: translate(50%, -50%);    z-index: 3; }
    .circle:nth-child(9) { top: 84%; left: 50%; transform: translate(-50%, 50%);    z-index: 2; }
    .circle:nth-child(10) { top: 102%; left: 50%; transform: translate(-50%, -50%);    z-index: 1; } 
}
@media (max-width: 320px) {
    #block-smitsart-site-branding img {
        width: 160px;
    }
    .custom_nav-container .navbar-toggler span {
        width: 25px;
        height: 3px;
    }
    .custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
        top: -8px;
    }
    .custom_nav-container .navbar-toggler span::after {
        top: 8px;
    }
    .custom_nav-container #search-icon {
        right: 2rem;
        top: 0.65rem;
        font-size: 20px;
    }
    .custom_nav-container .navbar-toggler {
        width: 20px;
        height: 20px;
    }
    /* Position each circle around the inner circle */
    .circle:nth-child(3) { top: 18%; left: 15%; transform: translate(0%, -50%); }
    .circle:nth-child(6) { top: 68%; left: 50%; transform: translate(-50%, -100%); }
    .circle:nth-child(7) { top: 73%; left: 15%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 83%; left: -20%; transform: translate(50%, -50%);    z-index: 3; }
    .circle:nth-child(9) { top: 84%; left: 50%; transform: translate(-50%, 50%);    z-index: 2; }
    .circle:nth-child(10) { top: 102%; left: 50%; transform: translate(-50%, -50%);    z-index: 1; }  
}

@media (max-width: 280px) {
    /* Position each circle around the inner circle */
    .circle:nth-child(3) { top: 18%; left: 10%; transform: translate(0%, -50%); }
    .circle:nth-child(7) { top: 64%; left: 10%; transform: translate(0%, -50%); }
    .circle:nth-child(8) { top: 73%; left: -31%; transform: translate(50%, -50%); }  
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}