/*<meta />*/

@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('../../../../../stack-08/Content/Resources/docs/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)
{
	#content.col-lg-9
	{
		width: 77%;
	}
}

