/* =========================================================
   Bootstrap 5 Breakpoints (range style)
   ========================================================= */

/* X-Small (xs): <576px */
@media (max-width: 575.98px) {
	.container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	.tog-share {
		display: none;
	}

	/* homepage */
	.homepage-banner-content h1 {
		font-size: 36px;
		line-height: 44px;
	}

	.homepage-banner-content {
		padding: 50px 15px 101px 15px;
	}

	.platform-stats-item {
		flex: 1 1 100%;
	}

	#homepage-banner .platform-stats {
		max-width: 100%;
	}

	#homepage-banner-search .search-divider {
		display: none;
	}

	#homepage-banner-search .search-pill-keyword,
	#homepage-banner-search .search-pill-category {
		width: 100%;
	}

	form#home-search {
		width: 100%;
	}

	form#home-search .search-icon + input {
  		padding-left: 2.5rem;
	}

	.banner-search .search-pill-keyword {
		padding: 0 4px 0 0;
	}

	.platform-stats-inner {
		flex-wrap: wrap;
		justify-content: center;
		gap: 22px;
	}

	.platform-stats-item {
		flex: 0 1 calc(50% - 22px);
	}

	.supplier-scroll-next {
		right: -11px;
	}

	.supplier-scroll-prev {
		left: -11px;
	}

	#homeVideoTabs .nav-link {
		padding-top: 20px;
	}

	.home-video-side {
		gap: 20px !important;
	}

	.video-card-side > .d-flex {
		flex-direction: column;
		gap: 12px !important;
	}

	.video-card-side .video-thumb-small {
		flex: 0 0 auto;
		width: 100%;
		border-radius: 12px;
	}

	.video-card-side .video-thumb img {
		object-fit: cover;
	}

	.video-card-side .video-title-side {
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 12px;
	}

	.video-card-side .video-author {
		margin-top: 0 !important;
	}

	.video-card-side .author-link {
		max-width: 100%;
		white-space: normal;
	}

	.video-card-side .author-name {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Supplier */
	.single-company main {
		padding-top: 30px;
	}
	form#supplier-search .dropdown.select-input,
	form#supplier-search .dropdown.select-input .dropdown-container {
		width: 100%
	}

	/* misc */
    .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
	#wpadminbar { 
		position: fixed;
	}
	.tog-page-content {
		padding: 30px 0;
	}
	.call-to-action {
		width: 100%;
	}

	.call-to-action p {
		text-align: center;
	}

	.call-to-action .tog-btn {
		margin: 20px auto 0 auto;
	}

	#home-header-advert,
	#supplier-category-banner-advert,
	#category-header-advert {
		padding: 10px 0;
	}

	.tog-page-header {
		padding: 0 30px;
	}

	.tog-page-body {
		padding: 48px 30px 0 30px;
	}

	.page-template-default .tog-page-body {
		padding: 30px 30px 0 30px;
	}

	/* product and company */
	#product-tabs .container,
	#company-tabs .container {
		overflow-x: auto;
	}

	/* testimonials */
	.carousel-control-prev.testimonial-control {
		left: -10px;
	}

	.carousel-control-next.testimonial-control {
		right: -10px;
	}

	.testimonial-card {
		max-width: 100%;
		padding: 10px 40px;
	}

	/* papers */
	.single-papers-title {
		width: 100%;
	}

	.single-papers-company-box {
		width: 100%;
	}

	/* videos */
	.video-hero-section h1 {
		padding-top: 30px;
	}
	.tog-sidebar-sticky .pt-5 {
		padding-top: 0 !important;
	}

	/* events */
	.events-card {
		max-height: 100%;
	}

	/* footer */
	#newsletter-footer .title-wrap {
		margin-bottom: 20px;
	}

	#newsletter-footer .title {
		font-size: 22px;
	}

	.footer-description {
		width: 100%;
	}

	.footer-description p {
		font-size: 16px;
	}

	footer .menu li {
		border-bottom: 1px solid #424754;
		padding-top: 5px;
	}

	.footer-logos,
	#menu-privacy-terms-menu,
	#menu-footer-menu {
		justify-content: center;
	}

	.footer-logos {
		margin: 0 auto;
	}

	.footer-top,
	.copy-terms {
		text-align: center;
	}

	.footer-buttons {
		align-items: center;
		margin: 20px 0;
	}

}

/* Small (sm): 576px–767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
	.container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	.tog-share {
		display: none;
	}

	/* homepage */
	.platform-stats-item {
		flex: 1 1 100%;
	}

	#homepage-banner-search .search-divider {
		display: none;
	}

	#homepage-banner-search .search-pill-keyword,
	#homepage-banner-search .search-pill-category {
		width: 100%;
	}

	form#home-search {
		width: 100%;
	}
	

	.platform-stats-inner {
		flex-wrap: wrap;
		justify-content: center;
		gap: 22px;
	}

	.platform-stats-item {
		flex: 0 1 calc(50% - 22px);
	}

	/* Supplier */
	.single-company main {
		padding-top: 30px;
	}

	/* misc */
	.call-to-action {
		width: 100%;
	}

	.call-to-action p {
		text-align: center;
	}

	.call-to-action .tog-btn {
		margin: 20px auto 0 auto;
	}

	.tog-page-header {
		padding: 0 30px;
	}

	.tog-page-body {
		padding: 48px 30px 0 30px;
	}

	.page-template-default .tog-page-body {
		padding: 30px 30px 0 30px;
	}

	/* product and company */
	#product-tabs .container,
	#company-tabs .container {
		overflow-x: auto;
	}

	/* testimonials */
	.carousel-control-prev.testimonial-control {
		left: -20px;
	}
	.carousel-control-next.testimonial-control {
		right: -20px;
	}
	.testimonial-card {
		max-width: 100%;
		padding: 10px 60px;
	}

	/* papers */
	.single-papers-title {
		width: 100%;
	}

	.single-papers-company-box {
		width: 100%;
	}


	/* videos */
	.video-hero-section h1 {
		padding-top: 30px;
	}
	.tog-sidebar-sticky .pt-5 {
		padding-top: 0 !important;
	}

	/* events */
	.events-card {
		max-height: 100%;
	}

	/* footer */
	#newsletter-footer .title-wrap {
		margin-bottom: 20px;
	}

	.footer-description {
		width: 100%;
	}

	.footer-description p {
		font-size: 16px;
	}

	footer .menu li {
		border-bottom: 1px solid #424754;
		padding-top: 5px;
	}

	.footer-logos,
	#menu-privacy-terms-menu,
	#menu-footer-menu {
		justify-content: center;
	}

	.footer-logos {
		margin: 0 auto;
	}

	.footer-top,
	.copy-terms {
		text-align: center;
	}

	.footer-buttons {
		align-items: center;
		margin: 20px 0;
	}

}

/* Medium (md): 768px–991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
	.container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	.tog-share {
		display: none;
	}

	/* home */
	.video-thumb-featured {
		height: 260px;
	}

	.home-video-side {
		height: auto;
	}

	.video-thumb-small {
		width: 180px;
		height: 96px;
		flex-basis: 180px;
	}

	.banner-search .search-pill-keyword {
		width: auto;
	}

	/* Supplier */
	.single-company main {
		padding-top: 30px;
	}

	/* footer */
	#newsletter-footer .title-wrap {
		margin-bottom: 20px;
	}

	.footer-logos,
	#menu-privacy-terms-menu {
		justify-content: center;
	}

	.copy-terms {
		text-align: center;
	}

}

/* WP admin bar height (mobile/tablet) */
@media (max-width: 782px) {
	body.admin-bar .navbar.fixed-top {
		top: 46px;
	}

	#homepage-banner-search .search-pill-keyword,
	form#home-search .dropdown.select-input {
		width: 100%;
	}
}

@media (max-width: 992px) {
	#home-search #keyword::-webkit-input-placeholder {
		/* WebKit browsers */
		color: transparent;
	}

	#home-search #keyword:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: transparent;
	}

	#home-search #keyword::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: transparent;
	}

	#home-search #keyword :-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: transparent;
	}
}


/* Large (lg): 992px–1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	/* footer */
	.footer-logos,
	#menu-privacy-terms-menu {
		justify-content: center;
	}

	.copy-terms {
		text-align: center;
	}
}

/* Extra Large (xl): 1200px–1399.98px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	/* xl styles */
}

/* Extra Extra Large (xxl): ≥1400px */
@media (min-width: 1400px) {
	/* xxl styles */


}

/* reset funky BS behaviour where it makes the grid have a smaller maximum width for this screen size? */
@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1320px;
	}
}

/* Fix video scroll horizontal overflow on mobile */
@media (max-width: 991.98px) {
	.video-scroll-bg {
		overflow-x: hidden;
	}

	.video-scroll {
		margin-left: 0;
		margin-right: 0;
		overflow-x: hidden;
	}

	.video-scroll>[class*="col-"] {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Single company and product mobile sticky buttons */
@media (max-width: 1399.98px) {

	body.single-company .mobile-sticky-buttons,
	body.single-product .mobile-sticky-buttons {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1030;
		background: #fff;
		padding: 12px 15px;
		box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.12);
	}

	body.single-company .mobile-sticky-buttons .row,
	body.single-product .mobile-sticky-buttons .row {
		margin-left: 0;
		margin-right: 0;
	}

	body.single-company .mobile-sticky-buttons .btn,
	body.single-product .mobile-sticky-buttons .btn {
		width: 100%;
		white-space: nowrap;
	}
}

/* Stack company/product tab actions before they get cramped */
@media (max-width: 1399.98px) {
	.product-profile-tabs .navbar,
	.company-profile-tabs .navbar {
		height: auto;
		min-height: 72px;
		flex-wrap: wrap;
	}

	.product-profile-tabs .navbar-nav,
	.company-profile-tabs .navbar-nav {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 72px;
		overflow-x: auto;
		white-space: nowrap;
	}

	.product-profile-tabs .product-tab-actions,
	.company-profile-tabs .company-tab-actions {
		flex: 0 0 auto;
		margin-left: auto;
		justify-content: flex-end;
		margin-top: 0;
	}
}