/* Responsive refinements for VoIP-Shop.hr */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

img,
video,
iframe,
embed,
object {
	max-width: 100%;
}

@media only screen and (max-width: 979px) {
	#primary,
	#secondary,
	.left-sidebar #secondary,
	.right-sidebar #secondary {
		box-sizing: border-box;
		float: none !important;
		max-width: 100%;
		width: 100% !important;
	}

	.main-content-inner,
	.panel-row-style-inner-container,
	.site-footer .inner-container,
	.footer-bottom-container {
		box-sizing: border-box;
		max-width: 100%;
	}

	.woocommerce-checkout #customer_details .col-1,
	.woocommerce-checkout #customer_details .col-2,
	.woocommerce-checkout-review-order,
	.woocommerce-checkout-payment {
		box-sizing: border-box;
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.header-main,
	.home-slider-container,
	.main-content-inner,
	.footer-top-inner,
	.footer-bottom-container,
	#footer-widget-area {
		box-sizing: border-box;
		margin-left: 15px;
		margin-right: 15px;
		max-width: calc(100% - 30px);
	}

	.site-header .home-link img,
	.header_left img {
		height: auto;
		max-width: 220px;
		width: 100%;
	}

	.header-search {
		box-sizing: border-box;
		max-width: calc(100% - 30px);
		width: 325px;
	}

	.header-search form,
	.header-search .woocommerce-product-search {
		display: flex;
		max-width: 100%;
		width: 100%;
	}

	.header-search input[type="text"],
	.header-search input[type="search"],
	.header-search .search-field {
		box-sizing: border-box;
		flex: 1 1 auto;
		min-width: 0;
		width: auto !important;
	}

	.header-search button,
	.header-search input[type="submit"] {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.topbar-banner .top-banner-container {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}

	.topbar-banner .top-banner-container > li {
		box-sizing: border-box;
		flex: 1 1 100%;
		max-width: 100%;
		width: 100%;
	}

	.topbar-banner .content-inner {
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 9px 0 !important;
	}

	.topbar-banner .cms-title,
	.topbar-banner .cms-desc {
		float: none;
		line-height: 1.35;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images,
	#yith-quick-view-content div.images,
	div.product div.images {
		box-sizing: border-box;
		max-width: 100%;
		width: 100% !important;
	}

	.woocommerce #content div.product div.thumbnails,
	.woocommerce div.product div.thumbnails,
	.woocommerce-page #content div.product div.thumbnails,
	.woocommerce-page div.product div.thumbnails {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}

	.woocommerce div.product div.summary,
	.woocommerce-page div.product div.summary {
		box-sizing: border-box;
		max-width: 100%;
	}

	.woocommerce form .form-row input.input-text,
	.woocommerce form .form-row textarea,
	.woocommerce form .form-row select,
	.select2-container {
		box-sizing: border-box;
		max-width: 100%;
		width: 100% !important;
	}

	.woocommerce table.shop_table,
	.woocommerce-page table.shop_table {
		box-sizing: border-box;
		max-width: 100%;
	}

	.footer-bottom-right .textwidget {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: center;
		max-width: 100%;
	}

	.footer-bottom-right .textwidget img {
		height: auto;
		max-width: 58px;
		object-fit: contain;
	}
}

@media only screen and (max-width: 479px) {
	.ei-slider,
	.ei-slider-large {
		height: clamp(132px, 45.9vw, 220px) !important;
		min-height: 0;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce ul.products.grid li.product,
	.woocommerce-page ul.products.grid li.product {
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	.woocommerce ul.products li.product .button,
	.woocommerce-page ul.products li.product .button,
	.single_add_to_cart_button,
	.woocommerce .wc-proceed-to-checkout .checkout-button {
		box-sizing: border-box;
		max-width: 100%;
		text-align: center;
	}

	.woocommerce div.product .product_title {
		font-size: 22px;
		line-height: 1.3;
	}

	.resp-tabs-list .resp-tab-item,
	.woocommerce div.product .woocommerce-tabs ul.tabs li,
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		box-sizing: border-box;
		max-width: 100%;
		white-space: normal;
	}

	.header-search,
	.header-search > form {
		width: 100%;
	}

	.newsletter.newsletter-subscription.main-ul,
	.site-footer .tnp-subscription,
	.site-footer .tnp-subscription form {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}
}