/* webkit-specific letter-spacing */
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
	body
	{
		letter-spacing: 0px;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 0px) and (max-width: 599px) {

	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
	}
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	input, select, textarea, input[type="submit"], input[type="reset"] {
		appearance: none;
		-webkit-appearance: none;
	}

	input[type="radio"] {
		appearance: radio;
		-webkit-appearance: radio;
	}
	
	input[type="checkbox"] {
		appearance: checkbox;
		-webkit-appearance: checkbox;
	}

.slicknav_menu {
	background: transparent !important;
	border: medium none !important;
	box-shadow: none !important;
	display: block;
	margin: 0 auto !important;
	padding: 0 !important;
	position: absolute;
	width: 95%;
	z-index: 400;
	top: 15px;
	right: 2.5%;
	left: inherit;
}

.slicknav_menu  .slicknav_menutxt {
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
	font-size: 14px;
	color: rgba(0,0,0,0.60);
	font-weight: 700;
	text-transform: uppercase;
}

.slicknav_btn {
	background: #2855a5 !important;
	border-radius: 5px;
	border: none;
	padding: 16px 13px !important;
	margin: 0 !important;
	float: right;
	height: auto;
}

.slicknav_btn.slicknav_open {
	border-radius: 5px 5px 0 0;
}

.slicknav_nav ul {
	margin: 0;
	padding: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
}

.slicknav_nav ul li a {
	background: none !important;
	font-size: 11px !important;
	font-weight: 300 !important;
	border-left: 5px solid #696969;
}

.slicknav_nav, .slicknav_nav ul {
	background-color: #f5f5f5 !important;
	position: relative;
	z-index: 9999;
}

.slicknav_nav {
	border-bottom: none;
	box-shadow: 0 40px 40px rgba(0, 0, 0, 0.6);
	border-radius: 0;
}

.slicknav_nav li {
	border-bottom: 1px solid #cdcdcd !important;
	box-shadow: 0 1px 0 #fff;
}

.slicknav_nav li:last-of-type {
	border: none !important;
	box-shadow: none;
}

.slicknav_nav a {
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
	font-size: 16px !important;
	color: #414141 !important;
	font-weight: 600 !important;
	text-transform: none !important;
	padding: 12px 20px !important;
	background: #f0f0f0 !important;
	transition: all .3s linear;
}

.slicknav_nav .slicknav_row:hover {
	padding: 10px;
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
}

.slicknav_nav a:hover {
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
	font-size: 16px !important;
	color: #2855a5 !important;
	background: #fff !important;
	transition: all .3s linear;
}

.slicknav_menu .slicknav_icon {
	margin: 0;
	padding: 0 !important;
}

.slicknav_menutxt {
	display: none !important;
}

.slicknav_menu .slicknav_icon-bar {
	background-color: rgba(255,255,255,1) !important;
}

header {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.logo {
	position: relative;
	z-index: 600;
}

.logo img {
	max-height: 48px;
}

header nav {
	display: none;
}

.login_basket_container {
	float: none;
	display: table;
	clear: both;
	padding: 15px 0;
}

.login_cnt {
	margin-right: 18px;
}

.login_form_cnt {
	z-index: 600;
}

.login_content {
	z-index: 600;
}

.search_content {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.main_categories {
	width: 95%;
	padding-left: 20px;
	padding-right: 20px;
}

.main_categories nav ul li {
	width: 50%;
}

.offer_categs nav ul li {
	width: 100%
}

.main_categories nav ul li ul li,
.offer_categs nav ul li ul li {
	width: 50%;
}

.main_categories nav ul li ul li:nth-of-type(2n) {
	border-right: none;
}

.main_categories nav ul li ul li:nth-of-type(2n+1) {
	clear: left;
}

.brands_container {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.brands_container article {
	width: 50%;
}

.brands_container article:nth-of-type(2n+1) {
	border-left: 1px solid #d7d7d7;
}

.brands_container figure {
	padding: 0 30px;
}

.free_delivery_service_cnt article {
	width: 90%;
	padding: 30px;
}

.free_delivery_service_cnt article h1:before {
	display: none;
}

.free_delivery_service_cnt article h1 {
	margin: 0;
	padding: 0 0 10px;
	width: auto;
	float: none;
	display: table;
}

.free_delivery_service_cnt article em {
	overflow: inherit;
	height: auto;
}

.free_delivery_service_cnt article p {
	overflow: inherit;
	height: auto;
}

.featured_products {
	width: 95%;
}

.featured_products article {
	width: 100%;
	float: none;
	display: table;
}

.featured_products article h1 {
	overflow: inherit;
	height: auto;
}

.featured_products article figure {
	background: #fff;
}

.featured_products article figure img {
	padding-top: 55px;
}

.featured_products article figure figcaption {
	margin-top: 55px;
	top: -55px;
}

.featured_products article figure figcaption div,
.featured_products article:hover figure figcaption div {
	opacity: 1;
	transform: translateY(0px) translateZ(0px);
	background: rgba(0,0,0,0.10);
	border-radius: 5px;
}

.featured_products article section {
	min-height: inherit;
	padding-left: 15px;
	padding-right: 15px;
}

.featured_products article section p,
.featured_products article section p strong {
	font-size: 13px;
}

.modal-box {
	width: 90%;
	top: 10% !important;
	left: 5% !important;
	height: 360px;
	overflow-y: scroll;
	padding: 20px;
}

.user_offer fieldset {
	width: 100%;
	float: none;
	display: table;
	padding: 10px;
	border-right: none;
	border-bottom: 1px dotted #cdcdcd;
}

.user_offer input[type="number"] {
	width: 100%;
	float: none;
	display: table;
}

.modal-box figure,
.modal-box aside {
	display: table !important;
	vertical-align: inherit !important;
}

.modal-box figure {
	width: 100% !important;
	margin-right: 0 !important;
	margin-bottom: 20px !important;
}

.modal-box figure {
	background: #fff;
	margin-top: 40px !important;
}

.modal-box figure img {
	padding-top: 55px;
}

.modal-box figure figcaption {
	margin-top: 55px;
	top: -55px;
}

.modal-box figure figcaption div,
.modal-box:hover figure figcaption div {
	opacity: 1;
	transform: translateY(0px) translateZ(0px);
	background: rgba(0,0,0,0.10);
	border-radius: 5px;
}

.modal-box aside {
	width: 100%;
}

.modal-box section {
	padding-left: 15px;
	padding-right: 15px;
}

.modal-box section p {
	font-size: 13px;
	padding-right: 7px;
	margin-right: 7px;
}

.modal-box em table {
	width: 100% !important;
}

.footer_social_networks {
	max-width: 95%;
}

.footer_social_networks li {
	padding: 0 10px 5px;
}

.footer_social_networks li img {
	max-height: 24px;
}

.footer_bottom_cnt aside {
	width: 95%;
}

.footer_bottom_cnt aside section {
	width: 100%;
	float: none;
	display: table;
	padding: 20px;
}

.footer_copyright aside {
	width: 95%;
}

.footer_copyright p {
	max-width: 76%;
}

.contact_form div {
	width: 100%;
	float: none;
	display: table;
	padding-right: 0;
}

.contact_form div.grenke_service {
	width: 100%;
}

.contact_form dd input#service_name {
	width: 100% !important;
	max-width: 100% !important;
	float: none;
	display: table;
}

.contact_form div.grenke_oib {
	width: 100%;
}

.user_data_cnt {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.user_data_cnt dl {
	padding: 0 10px;
}

.user_data_cnt dl div {
	width: 50%;
	margin-bottom: 10px;
}

.user_data_cnt fieldset {
	width: 100%;
	float: none;
	display: table;
	border: none;
}

.cart_view_cnt {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.main_bottom_container_offer {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.paging_content .paging p {
	float: none;
	display: table;
	padding: 0 0 10px 8px;
}

.offer_products_cnt article {
	width: 100%;
	float: none;
	display: table;
}

.offer_products_cnt article h1 {
	overflow: inherit;
	height: auto;
}

.offer_products_cnt article figure {
	background: #fff;
}

.offer_products_cnt article figure img {
	padding-top: 55px;
}

.offer_products_cnt article figure figcaption {
	margin-top: 55px;
	top: -55px;
}

.offer_products_cnt article figure figcaption div,
.offer_products_cnt article:hover figure figcaption div {
	opacity: 1;
	transform: translateY(0px) translateZ(0px);
	background: rgba(0,0,0,0.10);
	border-radius: 5px;
}

.offer_products_cnt article section {
	min-height: inherit;
	padding-left: 15px;
	padding-right: 15px;
}

.offer_products_cnt article section p,
.offer_products_cnt article section p strong {
	font-size: 13px;
}

.basic_site_inner_content {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.basic_site_inner_content ul li {
	width: 100%;
	display: table;
}

.basic_site_inner_content iframe {
	height: 360px;
}

.basic_site_inner_content_contact {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.basic_site_inner_content_contact article {
	width: 100%;
	float: none;
	display: table;
}

.right_column_contact {
	width: 100%;
	float: none;
	display: table;
}

.service_page_container {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.service_page_container nav {
	width: 100%;
	float: none;
	display: table;
	margin: 0 0 40px;
}

.service_page_container article {
	width: 100%;
	float: none;
	display: table;
}

.service_page_container figure {
	margin: 0 0 20px;
	float: none;
	width: 100%;
}

.service_page_container table {
	width: 268px;
	margin: 0 auto 40px;
	display: block;
	overflow-x: scroll;
}

.service_form_content {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.service_form_content .contact_form div {
	width: 100%;
}

.brands_page_container {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.brands_page_container article {
	width: 47%;
}

.brands_page_container article:nth-of-type(2n+1) {
	border-left: 1px solid #d7d7d7;
}

.brands_page_container figure {
	padding: 0 5px;
}

.brands_page_container h1, .brands_page_container h1 a {
	font-size: 16px;
}

.brands_page_container h1 a:hover {
	font-size: 16px;
}

.brands_page_container_group {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.brand_group_info article figure {
	padding: 0 5px;
	width: 35%;
}

.brand_group_info article section {
	width: 60%;
}

.searched_cnt_container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.searched_cnt_container header {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.searched_cnt_container header h1 > i {
	display: none;
}

.ui-autocomplete {
	width: 95% !important;
}

.product_details_content {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.product_det_left_column {
	width: 100%;
	float: none;
	display: table;
}

.product_det_right_column {
	width: 100%;
	float: none;
	display: table;
}

.product_specs dl div {
	width: 100%;
	margin: 0 0 10px;
	display: table;
}

.product_pricing div {
	width: 100%;
	float: none;
	display: table;
}

.product_pricing div:nth-of-type(1) {
	border-right: 0;
}

.product_pricing div p {
	clear: right;
}

.product_pricing form {
	width: 50%;
}

.product_pricing .better_price_btn {
	width: 50%;
}

.credit_cards_pricing dl {
	padding: 0;
}

.credit_cards_pricing dl dt,
.credit_cards_pricing dl dd {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

.credit_cards_pricing dl dt {
	width: 48%;
}

.credit_cards_pricing dl dd {
	width: 50%;
	text-align: right;
	font-size: 13px;
}

.credit_cards_pricing dl dt img,
.credit_cards_pricing dl dt span {
	display: table;
}

.credit_cards_pricing dl dt span {
	margin: 8px 0 0;
}

.credit_cards_pricing dl dd {
	margin: 0;
}

.product_dtl_labels a {
	padding: 0;
}

.item_share_ntws ul li img {
	max-height: 21px;
}

.tabs {
	width: 100%;
	float: none;
	display: table;
}

.tab-content {
	width: 100%;
	min-height: 100%;
	float: none;
	display: table;
}

.tab-content table {
	width: 100% !important;
}

/*shop steps responsive*/

.HeadShop dt {
	width: 100%;
	display: table;
}

.ListTop {
	display: none !important;
}

.checkout_process dl.ListBottomLighter,
.checkout_process dl.ListBottomDarker {
	margin: 0 0 40px;
	padding: 0 0 40px;
	background: #fff;
}

.checkout_process dl.ListBottomLighter dd:before,
.checkout_process dl.ListBottomDarker dd:before {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 600;
	margin: 0;
	padding: 12px 20px;
	background: #f0f0f0;
	border-right: 1px solid #d7d7d7;
	width: 100%;
	position: absolute;
	left: 0;
	top: -39px;
	box-sizing: border-box;
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(1):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(1):before {
	content: "R.br.";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(2):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(2):before {
	content: "Artikl";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(3):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(3):before {
	content: "Jed. mj.";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(4):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(4):before {
	content: "Cijena";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(5):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(5):before {
	content: "Kol";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(6):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(6):before {
	content: "Iznos";
}

.checkout_process dl.ListBottomLighter dd,
.checkout_process dl.ListBottomDarker dd {
	width: 100% !important;
	display: table;
	text-align: left !important;
	position: relative;
	margin-top: 39px;
}

.artikl-img {
	display: table;
	padding: 0 20px;
	margin: 0 0 10px;
}

.artikl-img img {
	max-height: 100%;
}

.artikl-info {
	width: 100%;
	display: table;
}

.cart_quantity input {
	width: 100%;
}

.cart_quantity a {
	width: 25%;
}

.PDVList dd {
	padding: 15px 10px;
}

#back_to_shop {
	width: 46.6%;
	margin: 0 5px;
}

#back_to_shop a {
	width: 100%;
	margin: 0;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

#back_to_shop a:hover {
	font-size: 11px !important;
}

.prevStep {
	width: 46.6%;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

.prevStep:hover {
	font-size: 11px !important;
}

.nextStep {
	width: 46.6%;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

.nextStep:hover {
	font-size: 11px !important;
}

.confirmStep {
	width: 46.6%;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

.confirmStep:hover {
	font-size: 11px !important;
}

#second_step_form .prevStep {
	width: 46.2%;
	font-size: 10px !important;
}

#second_step_form .prevStep:hover {
	font-size: 10px !important;
}

#second_step_form .nextStep {
	width: 46.2%;
	font-size: 10px !important;
}

#second_step_form .nextStep:hover {
	font-size: 10px !important;
}

#order_form .middle_order_form_left_column,
#order_form .middle_order_form_right_column,
.MiddleOrderForm .middle_order_form_left_column,
.MiddleOrderForm .middle_order_form_right_column {
	width: 100%;
	float: none;
	display: table;
}

#order_form .middle_order_form_right_column,
.MiddleOrderForm .middle_order_form_right_column {
	float: none;
}

.LeftLogin, .RightRegister, .MiddleOrderForm {
	width: 100%;
	float: none;
	display: table;
}

.shop_receipt_customer_info_left_column, .shop_receipt_customer_info_right_column {
	width: 100%;
	float: none;
	display: table;
}

.shop_receipt_customer_info_right_column {
	border: none;
}

.shop_receipt_customer_info dl dt {
	width: 38%;
}

.shop_receipt_customer_info dl dd {
	width: 60%;
}

.ListTopConfirm {
	display: none !important;
}

#complete_order dl.ListBottomconfirmLighter,
#complete_order dl.ListBottomconfirmDarker {
	margin: 0 0 40px;
	padding: 0 0 40px;
	background: #fff;
}

#complete_order dl.ListBottomconfirmLighter dd:before,
#complete_order dl.ListBottomconfirmDarker dd:before {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 600;
	margin: 0;
	padding: 12px 20px;
	background: #f0f0f0;
	border-right: 1px solid #d7d7d7;
	width: 100%;
	position: absolute;
	left: 0;
	top: -39px;
	box-sizing: border-box;
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(1):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(1):before {
	content: "R.br.";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(2):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(2):before {
	content: "Naziv proizvoda";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(3):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(3):before {
	content: "Jed. mj.";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(4):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(4):before {
	content: "Cijena";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(5):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(5):before {
	content: "Kol";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(6):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(6):before {
	content: "Ukupni iznos";
}

#complete_order dl.ListBottomconfirmLighter dd,
#complete_order dl.ListBottomconfirmDarker dd {
	width: 100% !important;
	display: table;
	text-align: left !important;
	position: relative;
	margin-top: 39px;
}

form[name="check_coupon"] input {
	width: 180px !important;
	max-width: 180px !important;
}

.IznosBottomLast {
	padding-left: 20px;
	padding-right: 20px;
}

.ButtonBox {
	width: 100%;
}

.filter_content {
	width: 100%;
	float: none;
	display: table;
	padding: 0 20px;
}

.sorter {
	width: 100%;
	float: none;
	display: table;
	padding: 0 20px;
}

.offer_filter .offer_products_cnt {
	width: 100%;
}

.offer_filter .offer_products_cnt article {
	width: 100%;
}

.product_details_content #hist {
	display: table-row;
}

.product_details_content #hist a {
	margin: 0 auto 20px;
}

.LoginRegisterMain fieldset .Payment input, .LoginRegisterMain fieldset .Payment label {
	max-width: 90%;
}

.PDVList {
	width: 100%;
	float: none;
	display: table;
}

.PDVList dl dt,
.PDVList dd {
	width: 100%;
	display: table;
	text-align: left !important;
	border-bottom: 1px dotted rgba(0,0,0,0.20);
}

/*EUVISIBILITY CNT*/

.euvisibility_cnt {
	text-align: center;
}

.euvisibility_cnt img {
	max-width: 128px;
	margin: 0 15px 15px;
}

.euvisibility_cnt img:nth-of-type(1) {
	max-width: 76px;
}

.euvisibility_cnt img:nth-of-type(2) {
	max-width: 154px;
}








}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 600px) and (max-width: 800px) {

	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
	}
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	input, select, textarea, input[type="submit"], input[type="reset"] {
		appearance: none;
		-webkit-appearance: none;
	}

	input[type="radio"] {
		appearance: radio;
		-webkit-appearance: radio;
	}
	
	input[type="checkbox"] {
		appearance: checkbox;
		-webkit-appearance: checkbox;
	}

.slicknav_menu {
	background: transparent !important;
	border: medium none !important;
	box-shadow: none !important;
	display: block;
	margin: 0 auto !important;
	padding: 0 !important;
	position: absolute;
	width: 95%;
	z-index: 400;
	top: 15px;
	right: 2.5%;
	left: inherit;
}

.slicknav_menu  .slicknav_menutxt {
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
	font-size: 14px;
	color: rgba(0,0,0,0.60);
	font-weight: 700;
	text-transform: uppercase;
}

.slicknav_btn {
	background: #2855a5 !important;
	border-radius: 5px;
	border: none;
	padding: 16px 13px !important;
	margin: 0 !important;
	float: right;
	height: auto;
}

.slicknav_btn.slicknav_open {
	border-radius: 5px 5px 0 0;
}

.slicknav_nav ul {
	margin: 0;
	padding: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
}

.slicknav_nav ul li a {
	background: none !important;
	font-size: 11px !important;
	font-weight: 300 !important;
	border-left: 5px solid #696969;
}

.slicknav_nav, .slicknav_nav ul {
	background-color: #f5f5f5 !important;
	position: relative;
	z-index: 9999;
}

.slicknav_nav {
	border-bottom: none;
	box-shadow: 0 40px 40px rgba(0, 0, 0, 0.6);
	border-radius: 0;
}

.slicknav_nav li {
	border-bottom: 1px solid #cdcdcd !important;
	box-shadow: 0 1px 0 #fff;
}

.slicknav_nav li:last-of-type {
	border: none !important;
	box-shadow: none;
}

.slicknav_nav a {
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
	font-size: 16px !important;
	color: #414141 !important;
	font-weight: 600 !important;
	text-transform: none !important;
	padding: 12px 20px !important;
	background: #f0f0f0 !important;
	transition: all .3s linear;
}

.slicknav_nav .slicknav_row:hover {
	padding: 10px;
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
}

.slicknav_nav a:hover {
	font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
	font-size: 16px !important;
	color: #2855a5 !important;
	background: #fff !important;
	transition: all .3s linear;
}

.slicknav_menu .slicknav_icon {
	margin: 0;
	padding: 0 !important;
}

.slicknav_menutxt {
	display: none !important;
}

.slicknav_menu .slicknav_icon-bar {
	background-color: rgba(255,255,255,1) !important;
}

header {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.logo {
	position: relative;
	z-index: 600;
}

.logo img {
	max-height: 48px;
}

header nav {
	display: none;
}

.login_basket_container {
	float: none;
	display: table;
	clear: both;
	padding: 15px 0;
}

.login_cnt {
	margin-right: 18px;
}

.login_form_cnt {
	z-index: 600;
}

.login_content {
	z-index: 600;
}

.search_content {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.main_categories {
	width: 95%;
	padding-left: 20px;
	padding-right: 20px;
}

.main_categories nav ul li {
	width: 50%;
}

.offer_categs nav ul li {
	width: 100%
}

.main_categories nav ul li ul li,
.offer_categs nav ul li ul li {
	width: 50%;
}

.main_categories nav ul li ul li:nth-of-type(2n) {
	border-right: none;
}

.main_categories nav ul li ul li:nth-of-type(2n+1) {
	clear: left;
}

.brands_container {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.brands_container article {
	width: 50%;
}

.brands_container article:nth-of-type(2n+1) {
	border-left: 1px solid #d7d7d7;
}

.brands_container figure {
	padding: 0 30px;
}

.free_delivery_service_cnt article {
	width: 90%;
	padding: 30px;
}

.free_delivery_service_cnt article h1:before {
	display: none;
}

.free_delivery_service_cnt article h1 {
	margin: 0;
	padding: 0 0 10px;
	width: auto;
	float: none;
	display: table;
}

.free_delivery_service_cnt article em {
	overflow: inherit;
	height: auto;
}

.free_delivery_service_cnt article p {
	overflow: inherit;
	height: auto;
}

.featured_products {
	width: 95%;
}

.featured_products article {
	width: 100%;
	float: none;
	display: table;
}

.featured_products article h1 {
	overflow: inherit;
	height: auto;
}

.featured_products article figure {
	background: #fff;
}

.featured_products article figure img {
	padding-top: 55px;
}

.featured_products article figure figcaption {
	margin-top: 55px;
	top: -55px;
}

.featured_products article figure figcaption div,
.featured_products article:hover figure figcaption div {
	opacity: 1;
	transform: translateY(0px) translateZ(0px);
	background: rgba(0,0,0,0.10);
	border-radius: 5px;
}

.featured_products article section {
	min-height: inherit;
	padding-left: 15px;
	padding-right: 15px;
}

.featured_products article section p,
.featured_products article section p strong {
	font-size: 13px;
}

.modal-box {
	width: 90%;
	top: 10% !important;
	left: 5% !important;
	height: 360px;
	overflow-y: scroll;
	padding: 20px;
}

.user_offer fieldset {
	width: 100%;
	float: none;
	display: table;
	padding: 10px;
	border-right: none;
	border-bottom: 1px dotted #cdcdcd;
}

.user_offer input[type="number"] {
	width: 100%;
	float: none;
	display: table;
}

.modal-box figure,
.modal-box aside {
	display: table !important;
	vertical-align: inherit !important;
}

.modal-box figure {
	width: 100% !important;
	margin-right: 0 !important;
	margin-bottom: 20px !important;
}

.modal-box figure {
	background: #fff;
	margin-top: 40px !important;
}

.modal-box figure img {
	padding-top: 55px;
}

.modal-box figure figcaption {
	margin-top: 55px;
	top: -55px;
}

.modal-box figure figcaption div,
.modal-box:hover figure figcaption div {
	opacity: 1;
	transform: translateY(0px) translateZ(0px);
	background: rgba(0,0,0,0.10);
	border-radius: 5px;
}

.modal-box aside {
	width: 100%;
}

.modal-box section {
	padding-left: 15px;
	padding-right: 15px;
}

.modal-box section p {
	font-size: 13px;
	padding-right: 7px;
	margin-right: 7px;
}

.modal-box em table {
	width: 100% !important;
}

.footer_social_networks {
	max-width: 95%;
}

.footer_social_networks li {
	padding: 0 10px 5px;
}

.footer_social_networks li img {
	max-height: 24px;
}

.footer_bottom_cnt aside {
	width: 95%;
}

.footer_bottom_cnt aside section {
	width: 100%;
	float: none;
	display: table;
	padding: 20px;
}

.footer_copyright aside {
	width: 95%;
}

.footer_copyright p {
	max-width: 76%;
}

.contact_form div {
	width: 100%;
	float: none;
	display: table;
	padding-right: 0;
}

.contact_form div.grenke_service {
	width: 100%;
}

.contact_form dd input#service_name {
	width: 100% !important;
	max-width: 100% !important;
	float: none;
	display: table;
}

.contact_form div.grenke_oib {
	width: 100%;
}

.user_data_cnt {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.user_data_cnt dl {
	padding: 0 10px;
}

.user_data_cnt dl div {
	width: 50%;
	margin-bottom: 10px;
}

.user_data_cnt fieldset {
	width: 100%;
	float: none;
	display: table;
	border: none;
}

.cart_view_cnt {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.main_bottom_container_offer {
	width: 95%;
	padding-left: 0;
	padding-right: 0;
}

.paging_content .paging p {
	float: none;
	display: table;
	padding: 0 0 10px 8px;
}

.offer_products_cnt article {
	width: 100%;
	float: none;
	display: table;
}

.offer_products_cnt article h1 {
	overflow: inherit;
	height: auto;
}

.offer_products_cnt article figure {
	background: #fff;
}

.offer_products_cnt article figure img {
	padding-top: 55px;
}

.offer_products_cnt article figure figcaption {
	margin-top: 55px;
	top: -55px;
}

.offer_products_cnt article figure figcaption div,
.offer_products_cnt article:hover figure figcaption div {
	opacity: 1;
	transform: translateY(0px) translateZ(0px);
	background: rgba(0,0,0,0.10);
	border-radius: 5px;
}

.offer_products_cnt article section {
	min-height: inherit;
	padding-left: 15px;
	padding-right: 15px;
}

.offer_products_cnt article section p,
.offer_products_cnt article section p strong {
	font-size: 13px;
}

.basic_site_inner_content {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.basic_site_inner_content ul li {
	width: 100%;
	display: table;
}

.basic_site_inner_content iframe {
	height: 360px;
}

.basic_site_inner_content_contact {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.basic_site_inner_content_contact article {
	width: 100%;
	float: none;
	display: table;
}

.right_column_contact {
	width: 100%;
	float: none;
	display: table;
}

.service_page_container {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.service_page_container nav {
	width: 100%;
	float: none;
	display: table;
	margin: 0 0 40px;
}

.service_page_container article {
	width: 100%;
	float: none;
	display: table;
}

.service_page_container figure {
	margin: 0 0 20px;
	float: none;
	width: 100%;
}

.service_page_container table {
	width: 268px;
	margin: 0 auto 40px;
	display: block;
	overflow-x: scroll;
}

.service_form_content {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.service_form_content .contact_form div {
	width: 100%;
}

.brands_page_container {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.brands_page_container article {
	width: 47%;
}

.brands_page_container article:nth-of-type(2n+1) {
	border-left: 1px solid #d7d7d7;
}

.brands_page_container figure {
	padding: 0 5px;
}

.brands_page_container h1, .brands_page_container h1 a {
	font-size: 16px;
}

.brands_page_container h1 a:hover {
	font-size: 16px;
}

.brands_page_container_group {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.brand_group_info article figure {
	padding: 0 5px;
	width: 35%;
}

.brand_group_info article section {
	width: 60%;
}

.searched_cnt_container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.searched_cnt_container header {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.searched_cnt_container header h1 > i {
	display: none;
}

.ui-autocomplete {
	width: 95% !important;
}

.product_details_content {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}

.product_det_left_column {
	width: 100%;
	float: none;
	display: table;
}

.product_det_right_column {
	width: 100%;
	float: none;
	display: table;
}

.product_specs dl div {
	width: 100%;
	margin: 0 0 10px;
	display: table;
}

.product_pricing div {
	width: 100%;
	float: none;
	display: table;
}

.product_pricing div:nth-of-type(1) {
	border-right: 0;
}

.product_pricing div p {
	clear: right;
}

.product_pricing form {
	width: 50%;
}

.product_pricing .better_price_btn {
	width: 50%;
}

.credit_cards_pricing dl {
	padding: 0;
}

.credit_cards_pricing dl dt,
.credit_cards_pricing dl dd {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

.credit_cards_pricing dl dt {
	width: 48%;
}

.credit_cards_pricing dl dd {
	width: 50%;
	text-align: right;
	font-size: 13px;
}

.credit_cards_pricing dl dt img,
.credit_cards_pricing dl dt span {
	display: table;
}

.credit_cards_pricing dl dt span {
	margin: 8px 0 0;
}

.credit_cards_pricing dl dd {
	margin: 0;
}

.product_dtl_labels a {
	padding: 0;
}

.item_share_ntws ul li img {
	max-height: 21px;
}

.tabs {
	width: 100%;
	float: none;
	display: table;
}

.tab-content {
	width: 100%;
	min-height: 100%;
	float: none;
	display: table;
}

.tab-content table {
	width: 100% !important;
}

/*shop steps responsive*/

.HeadShop dt {
	width: 100%;
	display: table;
}

.ListTop {
	display: none !important;
}

.checkout_process dl.ListBottomLighter,
.checkout_process dl.ListBottomDarker {
	margin: 0 0 40px;
	padding: 0 0 40px;
	background: #fff;
}

.checkout_process dl.ListBottomLighter dd:before,
.checkout_process dl.ListBottomDarker dd:before {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 600;
	margin: 0;
	padding: 12px 20px;
	background: #f0f0f0;
	border-right: 1px solid #d7d7d7;
	width: 100%;
	position: absolute;
	left: 0;
	top: -39px;
	box-sizing: border-box;
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(1):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(1):before {
	content: "R.br.";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(2):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(2):before {
	content: "Artikl";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(3):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(3):before {
	content: "Jed. mj.";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(4):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(4):before {
	content: "Cijena";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(5):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(5):before {
	content: "Kol";
}

.checkout_process dl.ListBottomLighter dd:nth-of-type(6):before,
.checkout_process dl.ListBottomDarker dd:nth-of-type(6):before {
	content: "Iznos";
}

.checkout_process dl.ListBottomLighter dd,
.checkout_process dl.ListBottomDarker dd {
	width: 100% !important;
	display: table;
	text-align: left !important;
	position: relative;
	margin-top: 39px;
}

.artikl-img {
	display: table;
	padding: 0 20px;
	margin: 0 0 10px;
}

.artikl-img img {
	max-height: 100%;
}

.artikl-info {
	width: 100%;
	display: table;
}

.cart_quantity input {
	width: 100%;
}

.cart_quantity a {
	width: 25%;
}

.PDVList dd {
	padding: 15px 10px;
}

#back_to_shop {
	width: 46.6%;
	margin: 0 5px;
}

#back_to_shop a {
	width: 100%;
	margin: 0;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

#back_to_shop a:hover {
	font-size: 11px !important;
}

.prevStep {
	width: 46.6%;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

.prevStep:hover {
	font-size: 11px !important;
}

.nextStep {
	width: 46.6%;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

.nextStep:hover {
	font-size: 11px !important;
}

.confirmStep {
	width: 46.6%;
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 11px !important;
}

.confirmStep:hover {
	font-size: 11px !important;
}

#second_step_form .prevStep {
	width: 46.2%;
	font-size: 10px !important;
}

#second_step_form .prevStep:hover {
	font-size: 10px !important;
}

#second_step_form .nextStep {
	width: 46.2%;
	font-size: 10px !important;
}

#second_step_form .nextStep:hover {
	font-size: 10px !important;
}

#order_form .middle_order_form_left_column,
#order_form .middle_order_form_right_column,
.MiddleOrderForm .middle_order_form_left_column,
.MiddleOrderForm .middle_order_form_right_column {
	width: 100%;
	float: none;
	display: table;
}

#order_form .middle_order_form_right_column,
.MiddleOrderForm .middle_order_form_right_column {
	float: none;
}

.LeftLogin, .RightRegister, .MiddleOrderForm {
	width: 100%;
	float: none;
	display: table;
}

.shop_receipt_customer_info_left_column, .shop_receipt_customer_info_right_column {
	width: 100%;
	float: none;
	display: table;
}

.shop_receipt_customer_info_right_column {
	border: none;
}

.shop_receipt_customer_info dl dt {
	width: 38%;
}

.shop_receipt_customer_info dl dd {
	width: 60%;
}

.ListTopConfirm {
	display: none !important;
}

#complete_order dl.ListBottomconfirmLighter,
#complete_order dl.ListBottomconfirmDarker {
	margin: 0 0 40px;
	padding: 0 0 40px;
	background: #fff;
}

#complete_order dl.ListBottomconfirmLighter dd:before,
#complete_order dl.ListBottomconfirmDarker dd:before {
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 600;
	margin: 0;
	padding: 12px 20px;
	background: #f0f0f0;
	border-right: 1px solid #d7d7d7;
	width: 100%;
	position: absolute;
	left: 0;
	top: -39px;
	box-sizing: border-box;
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(1):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(1):before {
	content: "R.br.";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(2):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(2):before {
	content: "Naziv proizvoda";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(3):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(3):before {
	content: "Jed. mj.";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(4):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(4):before {
	content: "Cijena";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(5):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(5):before {
	content: "Kol";
}

#complete_order dl.ListBottomconfirmLighter dd:nth-of-type(6):before,
#complete_order dl.ListBottomconfirmDarker dd:nth-of-type(6):before {
	content: "Ukupni iznos";
}

#complete_order dl.ListBottomconfirmLighter dd,
#complete_order dl.ListBottomconfirmDarker dd {
	width: 100% !important;
	display: table;
	text-align: left !important;
	position: relative;
	margin-top: 39px;
}

form[name="check_coupon"] input {
	width: 180px !important;
	max-width: 180px !important;
}

.IznosBottomLast {
	padding-left: 20px;
	padding-right: 20px;
}

.ButtonBox {
	width: 100%;
}

.filter_content {
	width: 100%;
	float: none;
	display: table;
	padding: 0 20px;
}

.sorter {
	width: 100%;
	float: none;
	display: table;
	padding: 0 20px;
}

.offer_filter .offer_products_cnt {
	width: 100%;
}

.offer_filter .offer_products_cnt article {
	width: 100%;
}

.product_details_content #hist {
	display: table-row;
}

.product_details_content #hist a {
	margin: 0 auto 20px;
}

.LoginRegisterMain fieldset .Payment input, .LoginRegisterMain fieldset .Payment label {
	max-width: 90%;
}

.PDVList {
	width: 100%;
	float: none;
	display: table;
}

.PDVList dl dt,
.PDVList dd {
	width: 100%;
	display: table;
	text-align: left !important;
	border-bottom: 1px dotted rgba(0,0,0,0.20);
}








}