/*----------------------------------------
Developed by: @konstantin inozemtsev
Date Created: 30.10.2013
Netcribe http://studiointer.net
---------------------------------------- */

input, textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.nav-mobile, 
.nav-mobile-footer {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	background:#111111 url(/bitrix/templates/koni-store-adaptive/nav.svg) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
	.nav-mobile:after,
	.nav-mobile-footer:after
	{		
	    position: absolute;
	    content: 'меню';
	    left: -50px;
	    color: #fff;
	    top: 10px;
	}

.nav,
.nav_footer
{
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
	/*z-index: 100;*/
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
}
.nav-item a {
	display:block;
	padding:15px 20px;
	color:#FFF;
	font-size: 16px;
}
.nav-item a:hover {
	color: #fce12e;
}

.display_mobile {
	display: none;
}





/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

	
	
	.break-cont,
	.break,
	.cards {display: none !important;}

	  
  	.container,
  	.login-and-cart,
  	.header-phones
  	{
	  	width: 100% !important;
  	}  
  	
  	.black-bg {height: 160px;}
  	
	.main-container .main
	{
		width: 100% !important;
		overflow: hidden;
		padding: 0px !important;
	}
	.main-container .main .col-main
	{
		padding: 0px 10px 20px;
		width: auto;
		border-radius: none !important;
	}
	.header .logo 
	{
	  border-bottom: none !important;
	  height: 50px;
	  text-align: center;
	  width: auto;
	  float: none !important;
	  padding: 10px 0px;
	}
	.header .logo img {width: 270px !important;}
	.time-work {text-align: center; margin: 10px 0 10px 7px;}
	.header-phones
	{
		float: none;
		border-bottom: none !important;
		margin: 0px auto;
		padding: 0px !important;
	}
	.header-phones .phones .phone-item {text-align: center; width: 31%; padding: 0px; margin: 0px;}
	.phones .phone-item p.description {text-align: center;}
	.content-page {margin-top: 0px;}
	
/* Меню */
	
	#custommenu {}
	.nav-mobile,
	.nav-mobile-footer {
		display:block;
		top: 8px;
	}
	.nav,
	.nav_footer {
		width:100%;
		padding:40px 0 0;
	}
	.nav-list,
	.nav-list-footer {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item a {
		background:#111;
		padding:10px;
	}
	.nav-item:first-child a {
		border-radius: 5px 0 0;
	}
	.nav-item:last-child a {
		border-radius: 0 0 5px 5px;
	}
	.nav-active {
		display: block;
		position: absolute;
		width: 100%;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.footer .header_menu li {padding: 0px !important; }
	.footer .header_menu li a {margin: 0px !important;}
	
		
	.nav-container {float: none;}
	
	#auto_marka-styler, #auto_model-styler, #auto_type-styler {width: 250px; margin-right: 10px;}
	
	.brands-cols ul.brands-col {width: 31%;}
	.brands-cols.brands-cols2 ul.brands-col {width: 48%;}	
	
	.brands-cols2 ul.brands-col {width: 100% !important;}

	.page-title, .category-title {background-color: #2f2f2f; margin: 0px 0px 10px 0px;}



	.footer {height: 280px;}
	.footer .header_menu {padding: 10px 0 10px 0px;}
	.footer .header_menu li {padding: 0px !important; }
	.footer .header_menu li a {margin: 0px !important;}
	

}



@media only screen and (min-width: 320px) and (max-width: 992px) 
{
	.noMobile {display: none !important;}
	
	.login-and-cart .login {
		display: none;
	}
	.login-and-cart .login-mobile {
		display: inline-block;
	}
	
	.block-cart-header {
		float: none;
		padding-left: 20px;
	}

	
	
	.konivk {
		position: relative !important;
		text-align: center;
		margin-top: 10px !important;
		top: 0px !important;
		right: 0px !important;
	}
	.konivk img {
		width: 120px;
		height: auto;
	}
	.nav-item:first-child a {
		border-radius:5px 0 0 5px;
	}
	.nav-item:last-child a {
		border-radius:0 5px 5px 0;
	}
	.nav-item a:hover {
		background:#2C3E50;
		color: #fff;
	}
	.container-fluid, /* убираем блок баннеров */
	.login, /* убираем блок авторизации */
	.breadcrumbs /* убираем хлебные крошки */
	{
		display: none;
	}
  	.container,
  	.login-and-cart,
  	.header-phones
  	{
	  	width: 100% !important;
  	}
	.header .logo 
	{
	  border-bottom: none !important;
	  height: auto;
	  text-align: center;
	  width: auto;
	  float: none !important;
	  padding-top: 15px;

	}
	.header .logo img
	{
	  margin-right: 0px;
	}
	.header-phones
	{
		float: none;
		border-bottom: none !important;
		margin: 0px auto;
	}
	.header-phones .phones .phone-item {text-align: center; width: 50%; padding: 0px; margin: 0px;}
	.header-phones .phones .phone-item.zakaz  {display: none;}
	.phones .phone-item p.description {text-align: center;}

  
	
	
	
	
	
	.main-menu {height: 50px; margin-top: 0px;}
	
	
	
	.nav-container {float: none;}
	
	.time-work {text-align: center; margin: 10px 0 10px 7px;}

	.page-title, .category-title {background-color: #2f2f2f; margin: -10px -20px 0;}
	
	/* Меню */
	
	#custommenu {}
	.nav-mobile,
	.nav-mobile-footer {
		display:block;
	}
	.nav,
	.nav_footer {
		width:100%;
		padding:40px 0 0;
	}
	.nav-list,
	.nav-list-footer {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item a {
		background:#111;
		padding:10px;
	}

	.nav-item:first-child a {
		border-radius: 5px 0 0;
	}
	.nav-item:last-child a {
		border-radius: 0 0 5px 5px;
	}
	.nav-active {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.footer .header_menu li {padding: 0px !important; }
	.footer .header_menu li a {margin: 0px !important;}
	.main-container .main
	{
		width: 100% !important;
		overflow: hidden;
		padding: 0px !important;
	}
	.main-container .main .col-main
	{
		padding: 0px 10px;
		width: auto;
		border-radius: 6px;
	}	
	h1 {margin-top: 0px; padding-top: 10px;}
	.prefooter-line {display: none !important;}
	#auto_marka-styler, #auto_model-styler, #auto_type-styler {margin-right: 0px; width: 100%; margin-bottom: 10px;}

	/* 	Главная страница */
	
	.search-form-smartfilter .search_block {margin: 10px 0px 10px 0px;}
	.brands-cols ul.brands-col {border: none !important;}
	
	.brands-cols2 ul.brands-col {width: 100%;}
	
	/* 	Каталог список */	

	table.equipment {width: 100%;}
	table.equipment thead td {display: none;}
	table.products-price td
	{
		display: block;
		border: none;
		width: auto;
		clear:both;
		padding: 3px 22px !important;
		text-align: left !important;
	}
	table.products-price tr
	{
		border-bottom: 1px solid #ccc;
	}
	table.products-price td.product-name a {font-size: 18px;}
	
	/* 	Каталог карточка */	
	
	.my-account .tabs li {
		min-width: inherit;
	}	
	
	.product-view table.catalog-element-addcart {width: 100%;}
	.product-view .product-shop {float: none; width: 100%;}	
	.product-view .product-shop table.catalog-element-addcart td {display: block; padding: 5px 15px !important;}
	.product-view .add-to-box {margin-bottom: 15px;}
	
	.product-view .catalog-element-addcart .number-spinner .form-control { padding: 6px 5px; }

	/* 	Корзина */		

	.cart table.cart-table {width: 100%;}
	.cart table.cart-table thead th, #my-orders-table thead th {display: none;}
	.cart table.cart-table td .display_mobile, 
	#my-orders-table td .display_mobile {
		display: inline-block;
		color: #777;
		padding-right: 5px;
		font-size: 13px;
	}
	.cart table.cart-table td, #my-orders-table td
	{
		display: block;
		border: none;
		
		clear:both;
		padding: 4px 10px 4px 10px !important;
		text-align: center;
		background: #fff;
	}
	
/* 	.data-table {width: 90%} */
/*
	.cart table.cart-table td, #my-orders-table td	{
		text-align: left;
	}
*/
	
	.cart table.cart-table td.name .product-name a {font-size: 18px !important;}
	.cart table.cart-table td.name a {text-decoration: underline;}
	.cart table.cart-table td.last {background: #ccc; text-align: center !important; padding: 15px 0px !important;}
	.cart table.cart-table td.last a {float: left; width: 50%; text-align: center;}
	.cart table.cart-table tfoot td {background: #CDC !important;}

	#shopping-cart-totals-table {width: 100%; float: none; }
	#shopping-cart-totals-table td {padding: 4px; font-size: 16px;}
	#shopping-cart-totals-table tfoot,
	#shopping-cart-totals-table tbody
	{
		float: none;
	}
	.cart .totals {height: auto; margin-bottom: 10px;}
	.cart .totals .checkout-types {float: none;}
	
	/* 	Оформление заказа */		
	
	.opc .form-list li.wide .input-box {width: 100%;}
	.jq-selectbox {margin-bottom: 10px;}
	.opc .form-list li.wide textarea {width: 100%;}
	.opc .form-list li.wide .field {width: 100%;}
	.buttons-set button.button {float: none !important;}
	
	.brands-col li span {float: none; color: red;}	

	.black-bg 
	{
/* 	  height: 164px; */
	  
	}
	.carousel-inner .item img {width: 100% !important;}
	.break-cont,
	.break {display: none !important;}
	.page-title, .category-title {background-color: #2f2f2f;}
	.block .block-content {padding: 0 0 20px 0px}
	.block-layered-nav dd {float: none;}

	/* 	Footer */
	
	.footer {height: 280px;}
	.footer .header_menu li
	{
		float: none;
		margin-bottom: 0px !important;
	}
	.footer .header_menu
	{
		padding: 0px !important;	
	}
	.footer .copyright {width: auto !important; margin: 15px !important;}

	.footer-social {
		margin-top: 10px;
		margin-left: 15px;
	}

	/* Статичтные страницы */
	
	.menu-amort {height: auto !important; width: auto !important; text-align: center;}
	.menu-amort a {float: none;}
	
	.col2-right-layout {width: auto !important;}
	.col2-right-layout .col-main {float: none !important;}
	
	.col2-right-layout .col-right {width: 100%; float: none; margin: 10px 0px;}
	.col2-right-layout .col-right .block-content {padding: 15px !important;}
	
	.blog-post-content img,
	.html5-video-content {width: 100% !important; height: auto !important;}
	
}