body {min-width: 320px;}
img {max-width: 100%;height:auto;}
.only-mobile {display:none;}

/*
правки в файлах:
/bitrix/templates/arsenal_new/header.php
/bitrix/templates/arsenal_new/components/bitrix/news.list/main_user_type_list/template.php
/bitrix/templates/arsenal_new/components/bitrix/sale.basket.basket.small/footer_line/template.php
/bitrix/templates/arsenal_new/components/bitrix/sale.basket.basket/arsenal_cart/basket_items.php
/bitrix/templates/arsenal_new/components/bitrix/sale.basket.basket/arsenal_cart/style.css
/bitrix/templates/arsenal_new/components/itc/catalog.section/arsenal_main_slider_2016/template.php
/bitrix/templates/arsenal_new/include_areas/footer_menu_3.php
/js/responsive.js
*/

@media (min-width: 768px) {

}

@media (max-width: 1023px) {
	.index-slider .popular-slider__nav a {bottom: 145px;}
}

@media (max-width: 1023px) {
	.wrapper, .footer, .fixed-line {width: 100%;min-width: 100%;}
	.max-wrap {width: 94%;padding: 0;}

	.navigation .max-wrap {overflow-x: scroll;overflow-y: hidden;position: relative;}
	.navigation:after {
		content:"";
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(231,86,55,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(231,86,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(231,86,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e75637',GradientType=1 ); /* IE6-9 */

		position: absolute;
	    right: 3%;
	    top: 26px;
	    height: 22px;
	    width: 60px;
	}
	.navigation .nav-list {width: 980px;}
	.index-slider .popular-slider__nav a {bottom: 100px;}

	div.infos-holder-inner, .hot-deals {width: 94%;}
	.catalog-tabs .catalog-tabs__title {padding-left: 4px;}

	.infos-wrapper .right-box, .infos-wrapper .left-box {width: 100%;}
	.infos-delivery {width: calc(100% - 250px);}

	.left-footer {width: 35%;}
	.right-footer {width: 65%;}
	footer {padding-bottom: 25px;}

	.catalog .dontforget-list li, .catalog .calculator .dontforget-list li {float: left;width: 48%;margin: 0 0 2% 2%;}

	.main-container {margin-left: 0;width:auto;display: initial;}

	.calculator .accorderon-list .accorderon-item .accorderon-heading a {width: 100%;box-sizing: border-box;background-position: 100% -30px;}
	.calculator .accorderon-list .accorderon-item .accorderon-heading a .summ {margin-right: 25px;width: auto;}

	.fixed-menu li, .fixed-menu li.fcart {width: 23%;box-sizing: border-box;}
	.fixed-menu li.player-type, .fixed-menu li.fcart {min-width: auto;}
	.fixed-menu a {width: 100%;}
	.fixed-menu li.fbest {display:none}

    .certificate-block .right
	{width:100%}
	.block-container .section-inline {padding-left: 0;width: 100% !important;}
	.personal-tabs ul.left-menu {margin-right: 0;width:30%}
	#personal, #optom, #sale, div#history-order, #feedback, #mail {width: 60%;float: right;}
}

@media (max-width: 767px) {
	body {/*background:url(../img/tmp-mob1.png) 0 0;background-size: 375px;*/}
	iframe {width:100%}
	.fixed-line, .scroll-down-container, a.for-print, .hide-mobile, .footer-top, .sidebar .filter .filter-box:first-child {display:none;}
	.header {height: auto;padding-bottom: 15px;}
	.header-contacts, .header-control, .dontforget-box .icon-star, .product-wrapper .brand, .left-info .tobest {display:none;}
	.logo {width: 50%;margin: 0 auto;padding-top: 10px;}

	.bg-mobile-menu {
	    position: fixed;
	    width: 100%;
	    height: 200%;
	    background: rgba(0, 0, 0, 0.7);
	    z-index: 450;
	    left:0;
	    top:56px;  /*mob-header height*/
	    display: none;
	}
	.mobile-menu {
	    position: absolute;
	    width: 114px;
	    height: 93px;
	    left: 0;
	    top: 0;
	    cursor: pointer;
	    z-index: 110;
	}
	.mobile-menu span {
	    position: absolute;
	    width: 54px;
	    height: 4px;
	    background: #fff;
	    top: 30px;
	    left: 30px;
	}
	.mobile-menu span:nth-child(2) {
	    top: 45px;
	}
	.mobile-menu span:nth-child(3) {
	    top: 60px;
	}

	.mobile-cart {
		font-size: 0;
	    position: absolute;
	    right: 5%;
	    top: 34px;
	}
	.mobile-cart .icon-cart-wh-small {
	    background: url(../img/icon_mobile-cart.png);
	    width: 40px;
	    height: 42px;
	}
	.mobile-cart #basket_count {
	    font-size: 20px;
	    position: absolute;
	    color: #fff;
	    background: #212121;
	    border-radius: 50%;
	    width: 30px;
	    height: 30px;
	    top: -10px;
	    right: -10px;
	    text-align: center;
	}
    header.fixed {position: fixed;top: 0;width: 100%;z-index: 500;}
	.bg-mobile-menu {
	    position: fixed;
	    width: 100%;
	    height: 200%;
	    background: rgba(0, 0, 0, 0.1);
	    z-index: 450;
	    left:0;
	    top:0;
	    display: none;
	}
	.mobile-menu-ul {
	    position: fixed;
	    width: 85%;
	    height: 100%;
	    background: url(../img/bg/mobile-menu-ul.png);
	    min-width:318px;
	    top: 0;
	    left: -100%;
	    z-index: 1100;
	    overflow-y: scroll;
	}
	.mobile-menu-ul .close {
	    width: 31px;
	    height: 31px;
	    background: url(../img/icon_mobile-close.png);
	    float: left;
	    margin: 42px 0 0 8%;
	}
	.mobile-menu-ul .search {
	    float: right;
	    margin: 32px 6% 0 0;
	    padding: 0;
	    width: 73%;
	}
	.mobile-menu-ul .search input[type="text"] {height: 46px;font-size: 32px;}
	.mobile-menu-ul .search .search-holder {border-radius: 30px;margin-left:0;}
	.mobile-menu-ul .search .input-search {
	    padding: 1px 10px 1px 52px;
	    width: 100%;
	    box-sizing: border-box;
	}
	.mobile-menu-ul .search .btn-submit {left: 9px;top: 6px;}
    .mobile-menu-ul .search .icon-lupa {
	    background: url(../img/icon_mobile-search.png);
	    width: 33px;
	    height: 36px;
	}

	.mobile-menu-ul .phone {
		clear: both;
	    padding: 39px 0 0 8%;
	    letter-spacing: -0.5px;
	    font-family: "neuCB";
    }
    .mobile-menu-ul .phone a {
	    text-decoration: none;
	    font-size: 44px;
	    font-weight: 900;
	    color: #ffffff;
	}

	.mobile-menu-ul ul.mobile-links {
	    padding: 27px 0 18px 0;
	    margin: 25px 8%;
	    border-top: 2px solid #313233;
	    border-bottom: 2px solid #313233;
	}
	.mobile-menu-ul ul.mobile-links li {    margin-bottom: 19px;text-transform: uppercase;}
	.mobile-menu-ul ul.mobile-links a {text-decoration: none;color: #ffffff;
	    font-size: 44px;
	    font-weight: 900;font-family: "neuCB";}
	 .mobile-menu-ul ul.mobile-links li.active a {color:#e75737}

	.mobile-menu-ul .after_ul {
	    padding: 20px 8%;
	    font-size: 24px;
	    font-weight: 600;
	    line-height: 27px;
	}
    .mobile-menu-ul .after_ul a {
	    color: #fff;
	    text-decoration: none;
	    float: left;
	    width: 43%;
        box-sizing: border-box;
	    position: relative;
	}
	.mobile-menu-ul .after_ul a.consultant {padding-left: 18px;}
	.mobile-menu-ul .after_ul a.consultant:after {
	    content: "";
	    position: absolute;
	    width: 6px;
	    height: 6px;
	    background: #09c600;
	    left: 0px;
	    top: 12px;
	    border-radius: 3px;
	    box-shadow: 0 0 3px #09c600;
	}

	.mobile-menu-ul .after_ul a.callback {padding-left: 30px;}
	.mobile-menu-ul .after_ul a.callback:after {
	    content: "";
	    position: absolute;
	    width: 16px;
	    height: 16px;
	    background: url(../img/icon_mobile-phone.png);
	    left: -1px;
	    top: 10px;
	}

	.mobile-menu-ul .socials {clear: both;padding: 48px 8%;}
	.mobile-menu-ul .socials .header-soc-list {margin-left: -25px;}
	.mobile-menu-ul .socials .header-soc-list li {margin-left: 25px;margin-bottom:15px;}
	.mobile-menu-ul .socials .header-soc-list li:nth-child(5) {clear:both}
	.mobile-menu-ul .socials a {width: 61px;height: 60px;background: url(../img/icon_mobile-soc-fb.png) 0 0;}
	.mobile-menu-ul .socials a.soc-icon-vk-red {background-image: url(../img/icon_mobile-soc-vk.png);}
	.mobile-menu-ul .socials a.soc-icon-insta-red {background-image: url(../img/icon_mobile-soc-in.png);}
	.mobile-menu-ul .socials a.soc-icon-utb-red {background-image: url(../img/icon_mobile-soc-yt.png);}
	.mobile-menu-ul .socials a.soc-icon-wa-red {background-image: url(../img/icon_mobile-soc-wa.png);}
	.mobile-menu-ul .socials a.soc-icon-te-red {background-image: url(../img/icon_mobile-soc-te.png);}
	.mobile-menu-ul .socials a.soc-icon-vi-red {background-image: url(../img/icon_mobile-soc-vi.png);}
	.mobile-menu-ul .socials a.soc-icon-mail-red {background-image: url(../img/icon_mobile-soc-mail.png);}

	.infos-contacts-list .icon {width: 50px;margin-right: 5px;}
	.infos-contacts-list .text {width: 139px;}
	.infos-contacts-list p {width: 150px;}

	.catalog-tabs__head {padding-right:0}
	.catalog-tabs__head .hot-hot-controls {padding-left:0}
	.hot-hot-controls a {padding: 3px 10px;}

	.left-footer, .right-footer {width: 100%;}
	.footer {height: auto;}

	.index-slider li img {
	    width: 160%;
	    max-width: 160%;
	    margin-left: -30%;
	}
	.index-float-navigattion, .bx-controls, .header-bottom, .slider-bottom {display:none}

	/*.catalog-tabs__item .properties-values {display: block;}*/
	/*.popular-slider .destination-list li {padding:0}*/
	.popular-slider .popular-slider__nav .bx-prev {left: 0;}
	.popular-slider .popular-slider__nav .bx-next {right: 0;}
	.catalog-tabs .popular-slider .bx-wrapper, .catalog-tabs .bx-wrapper .bx-viewport {padding-bottom:0}

	#popular-destination .popular-slider .destination-list p {display:none}
	#popular-destination .popular-slider .popular-slider__nav a {top: 50px;}

	.infos-holder, .footer .partners-footer, .footer .fcontacts, .footer .footer-menu {display:none}

	.dontforget-box {padding:10px;}
	.dontforget-box figure {width:100%;}
	.dontforget-box h3, .dontforget-box .h3 {font-size: 15px;}

	#sections-tab ul.ui-tabs-nav {margin: 0 0 30px 0;position: initial;overflow: hidden;}
	.dontforget-list {margin:0 !important}
	.dontforget-list li {
	    width: 48% !important;
	    margin: 1% !important;
	    float: left !important;
	}
	div.description, .main-container-inner, .blue-bordered-block {padding: 20px;}

	.sidebar, .product-media, .product-info, .prod-btn .btn-orange, .product-oneclick .btn-oneclick, .fadeout, .product-preorder .btn-orange, .cartbox-holder figure
	{width:100%}
	.sidebar {margin-bottom: 20px;}
	.catalog aside.sidebar + .catalog-inner {
	    margin-left: 0;
	    clear: both;
	    position: relative;
	    padding-top: 50px;
	}
	.prod-btn .btn-orange, .product-oneclick .btn-oneclick, .fadeout, .product-preorder .btn-orange, .cartbox-holder figure, #ORDER_DESCRIPTION
	{box-sizing: border-box;}
	.dontforget-box figure img {max-width: 100%;}
	.breadcrumbs-list li {margin-bottom: 5px;}
	.sidebar.right-sidebar {min-height: auto;}
	.blue-bordered-block .text .image+.text-content, .text .big-sale, .max-wrap .float-sidebar-container + .main-container {margin-left: 0;}

	.inline-block-3 {
	    padding: 5%;
	    width: 90%;
	    height: auto;
	    border-right: 0;
	}
	.topslider-container {margin-bottom: 20px;}
	.ul-nav-text ul {margin:0 0 20px 0;padding:0;list-style: none;}
	.ul-nav-text ul li {}
	.ul-nav-text ul li a {
		display: block;
	    text-decoration: none;
	    padding: 5px 0px;
	    /*background: #e75637;
	    color: #fff;
	    border: 1px solid #000;*/
	}

	.fancy-forms, #pp.fancy-forms, .modal-block.oneclick-modal {
	    width: 90% !important;
	    padding: 5% !important;
	    overflow: hidden;
    }
    .fancy-close.black-close, .fancybox-dark .fancybox-close {
	    top: 5%;
	    right: 5%;
	    font-size: 0;
	}
	#pp form input[type=text], #consult-form input[type=text], #pp form input[type=email], #pp form textarea,
	#feedback-call form input[type=text] {
	    width: 90%;
	    margin: 3px 0 10px;
	    padding: 5px 5%;
	}
	#pp form textarea {margin-bottom:0;}
	#pp form label.error, #consult-form label.error, #pp form label.error[for=form_textarea_3],
	#feedback-call form label.error {
	    bottom: 25px;
	    right: 10px;
    }
    .oneclick-modal__body, .oneclick-modal__head {padding:0 !important}
    .oneclick-modal__table-field .form-input {width: 200px  !important;}
    .fancybox-opened .fancybox-skin {background: #1a1b1c;}

    .basket .product-infos .right-info {width: 37%;min-width:auto;margin-left:0}
    .basket .product-infos .left-info {width: 60%;min-width:auto;margin-bottom: 20px;}

    .cart-cert-line * {width:100% !important;box-sizing: border-box;}
    .cart-cert-line .block2 input {height:43px;margin-bottom: 20px;}
    .cart-cert-line .block3 {padding:0;margin-bottom: 10px;}
    .sertificate-btn {background-repeat: no-repeat;}

    .block-container {margin: 0;padding: 10px;}


    #order_form_div .items-in-basket tr td {display:none}
    #order_form_div .items-in-basket tr td:first-child, #order_form_div .items-in-basket tr td:last-child {display: table-cell;}


    .search-page {padding: 0;margin: 0;border: 0;}
    input.search-suggest {width: 100%;box-sizing: border-box;height: 40px;}

    #personal, .personal-tabs .ui-tabs-panel, .personal-tabs ul.left-menu, .panel-inner {width: 100%;}
    .personal-tabs {margin-left: 0;}

    .inside-tabs .ui-tabs-nav li a.ui-tabs-anchor {padding: 2px 10px 1px;}

    .panel-inner label span {width: 25%;}
    .panel-inner input[type="text"], .panel-inner input[type="email"], .panel-inner input[type="url"], .panel-inner input[type="date"], .panel-inner input[type="password"], .panel-inner textarea {
	    width: 75%;
	    box-sizing: border-box;
	    height: 27px;
    }
    #datepicker {width: calc(75% - 33px);margin: 2px 0 0 0;}
    .panel-inner .checkbox-block .input-container, .panel-inner span.like-input {width: 75%;}
    select.cselect {
     width: 75%;
     box-sizing: border-box;
     float: right;}
     #LOCATION_LOCATION .ui-multiselect {width: 75% !important;}
     #LOCATION_LOCATION button.cselect .select-bt-wrap {    width: 100% !important;    margin-left: 0 !important;}

     .table-in-panel tbody td {padding: 5px 0px;}

     .auth-holder {padding-top: 20px;}
     .regauth-holder .holder, .characteristic .charac-list  {width: 100%}
     .form-inputs {height: 200px;}
     div.ss_but {margin-bottom: 10px;}

     .popular-slider .destination-list figure, .about-product .text {margin:0}
     .popular-slider .bx-viewport {padding-bottom:0}
     .catalog-name {height: 46px;}

     .index-slider .slider-list .max-wrap {width: 100%;}
     .index-slider li img {
	    width: 100%;
	    margin-left: 0;
	}

	.index-slider .popular-slider__nav a {bottom: 190px;}
  	#personal, #optom, #sale, div#history-order, #feedback, #mail, .order-info-block {width: 100%;}
  	.order-info-right {padding: 5%;width: 90%;}
}
@media (max-width: 479px) {
	.mobile-menu-ul .close, .mobile-menu-ul .search .icon-lupa, .mobile-menu-ul .after_ul a.callback:after, .mobile-menu-ul .socials a {background-size: cover;}

	.mobile-menu {width: 76px;height: 62px;}
	.mobile-menu span {
	    width: 24px;
	    top: 24px;
	    left: 23px;
	    height: 3px;
	}
    .mobile-menu span:nth-child(2) {top: 33px;}
	.mobile-menu span:nth-child(3) {top: 42px;}

	.mobile-cart {top: 23px;}
	.mobile-cart .icon-cart-wh-small {background-size: cover;width: 24px;height: 26px;}
	.mobile-cart #basket_count {
	    font-size: 14px;
	    width: 19px;
	    height: 19px;
	    top: -10px;
	    right: -12px;
    }

	.mobile-menu-ul .close {width: 18px;height: 18px;margin-top:24px;}
	.mobile-menu-ul .search {margin-top:19px;}
	.mobile-menu-ul .search .input-search {padding-left:35px;}
	.mobile-menu-ul .search input[type="text"] {height: 30px;font-size: 18px;}
	.mobile-menu-ul .search .icon-lupa {width: 19px;height: 21px;}
	.mobile-menu-ul .phone {padding-top:18px;}
	.mobile-menu-ul .phone a, .mobile-menu-ul ul.mobile-links a {font-size: 26px;}
	.mobile-menu-ul ul.mobile-links {padding: 15px 0 9px 0;margin: 14px 8%;}
	.mobile-menu-ul ul.mobile-links li {margin-bottom: 11px;}
	.mobile-menu-ul .after_ul {font-size: 14px;line-height: 15px;padding: 13px 8%;}
	.mobile-menu-ul .after_ul a.consultant {padding-left: 11px;}
	.mobile-menu-ul .after_ul a.consultant:after {width: 4px;height: 4px;top: 6px;}
	.mobile-menu-ul .after_ul a.callback:after {width: 10px;height: 10px;left: 7px;top: 4px;}
	.mobile-menu-ul .socials {padding: 30px 8%;}
	.mobile-menu-ul .socials a {width: 35px;height: 35px;}
	.mobile-menu-ul .socials .header-soc-list {margin-left: -15px;}
	.mobile-menu-ul .socials .header-soc-list li {margin-left:15px;}

	.hot-deals h2, .hot-deals .h2 {font-size: 25px;}

	.index-slider .popular-slider__nav .bx-next {right: -8px;}
	.index-slider .popular-slider__nav .bx-prev {left: -8px;}


	.infos-delivery {width: 100%;}

	.catalog-tabs__item {
	    /*width: 48%;
	    margin: 1%;
	    height: 350px;*/
	    box-sizing: border-box;

	}
	#hot-hot-deals .bx-viewport {overflow: visible !important;}
	#added-message {
	    right: 5%;
	    margin-right: 0;
	    padding: 3%;
	    width: 84%;
	    position: fixed;
	}
}