@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


@media only screen and (max-width: 1025px){
  nav#sidebar {
    display: none;
  }
  div#content{
    width: 100%;
  }
  div#content {
    padding: 0px 0.8rem;
  }
  .off-canvas-wrapper-inner nav.title-bar .outer-row{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .search-bar.search-bar-container .search-submit{
    -webkit-border-top-right-radius: 0.25rem;
    -webkit-border-bottom-right-radius: 0.25rem;
    -moz-border-radius-topright: 0.25rem;
    -moz-border-radius-bottomright: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .search-bar .search-field{
    -webkit-border-top-left-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    -moz-border-radius-topleft: 0.25rem;
    -moz-border-radius-bottomleft: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .search-bar .search-field::-moz-placeholder, 
  .search-bar .search-field:-ms-input-placeholder, 
  .search-bar .search-field::placeholder {
    color: var(--bs-gray-300);
  }
  .title-bar .menu-icon span{
    background: transparent url("../assets/img/icons/icon/toc-icon.png") no-repeat center center !important;
  }
  .nav-search{
    margin-bottom: 0px !important;
  }
  .dropdown-menu .px-4 {
    padding: 0px !important;
  }

  ul.dropdown-menu.shadow.mt-3.py-3 {
      padding-left: 10px !important;
      margin-top: 0px !important;
      padding-top: 10px !important;
  }
  span.getmethod, span.postmethod, span.putmethod, span.deletemethod{
    margin-bottom: 0.5rem;
  }
  .bread-nav .breadcrumb-item + .breadcrumb-item {
          white-space: nowrap;
      }
   
}


@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .sidenav-wrapper {
      display: block;
  }
  .title-bar .menu-icon span, nav.title-bar {
    display: none;
  }
}


@media screen and (min-width: 768px) {
  .first_div {
    order: 1 !important;
  }
  .second_div {
    order: 2 !important;
  }
}

/* For Mobile View */
@media screen and (max-width: 768px) {
  .first_div {
    order: 2;
  }
  .second_div {
    order: 1;
    border-bottom: 1px solid var(--bs-gray-300);
    margin-bottom: 1rem;
  }
  .off-canvas-wrapper-inner .main-section > .outer-row {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .bread-nav .col-9, .bread-nav .col-3 {
    width: 100%;
  }
  ul.menu._Skins_SideMenuNT.mc-component{
    width: 100%!important;
  }
  .first_div h1{
    font-size: 1.2rem;
  }
  .first_div h2 {
    font-size: 1.0rem;
  }
  table.TableStyle_TemenosTables td, table.TableStyle-TemenosTables td{
    padding: 5px 10px;
  }
  #buttonTop{
    padding: 0.25rem 0.5rem;
  }
  table th, table td {
    font-size: 0.8rem !important;
  }
  .icosecond {
    padding: 0px;
  }
  span.expandcol{
    display: none;
  }
  
}
 
/* For Tablet View */
@media screen and (min-width: 768px) and (max-device-width: 1024px) {
  
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-width: 640px) {
  .breadcrumb-item .nocontent {
    white-space: initial;
  }
  .disclaimer{
		width: 45%;
	}

	.return{
		width: 35%;
		margin-bottom: 50px;
	}
}

/* For iPhone 4 Portrait or Landscape View */

@media only screen and (min-width: 320px) and (max-width: 480px){
  .horizontallist li {
    width: 100%;
  }
}

@media screen and (max-width: 768px){
  .div_wrapper {
      display: flex;
      flex-direction: column;
  }
  
}

@media (max-width:1024px) { 
	.col-3.nav-toc{
		width: 100%;
	}
}

@media (min-width: 1025px) {
  .col-lg-9#content{
      width: 77%;
  }
}