.cart_batt a{
    color: #fff;
    background: #333;
    padding: 10px 20px;
    text-decoration: none;
}
.cart_batt {
    text-align: right;
    margin: 30px 0 0  0;
    height: 40px;
}
.cart_batt a:hover{
    background: #890307
}

#description2 {
    
    font-weight: bold;
     color: #555 !important;
     font-size: 14px !important;
     
}
#description2 {
     position: absolute;
    left: 10px;
    bottom: 6px;
  
    z-index: 12;
}


#nav .active2{
    background: #363636;
}
.brends ul{
    margin: 0; padding: 0;
    clear: both;
}
.brends h4 {
    background: url("../images/footer.PNG");
    color: #fff;
    padding: 20px;
    clear: both;
}
.brends li {
  float: left;
  list-style: none;
   margin: 10px;
   
}
.brends li a{
    text-decoration: none;
    color: #333;
    text-align: center;
    vertical-align: middle;
  display: table-cell;
  list-style: none;
      width: 178px;
    height: 100px;
    border: solid 1px #ddd; 
}
.brends li a:hover {
    background-color: #ddd;
}

.center {
    width: 1000px;
    margin: auto;
}
.text {
    padding: 10px 20px;
}
.selected_items {

}
.cart-block {
    border-bottom: 1px solid #ddd;
    padding: 20px;
    clear: both;

}
.cart_forms label{
    font-size: 0.85em;
    color: #444444;
    display: block;
    

}
.cart_forms b {
    font-size: 1.2em;
    font-weight: bold;
}
.cart_forms textarea {
    font-size: 0.8em;
    width: 500px;
    padding: 5px;
    margin: 5px 0;
    color: #444444;
    border: solid 1px #ddd;
    background-color: #fff;
    height: 50px;
}

.cart_forms {
    padding: 20px;
}
.cart_forms input[type=text]  {
    font-size: 0.8em;
    width: 500px;
    padding: 5px;
    margin: 5px 0;
    color: #444444;
    border: solid 1px #ddd;
    background-color: #fff;
}
.count {

}
.regbatt {
    background: #890307 !important;
    color: #fff !important;

}
.cost {
    float: right;

}
.count h3 a{
    font-size: 0.6em;
    font-weight: normal;
    width: 200px;
    color: #4d0204;
    text-decoration: underline;
float: left;
    padding:7px 5px;
    display: block;
}
.cart-block a {
    color: #444444;

}

.cart-img{
     float: left;

}
.cart-img img{
    width: 80px;

}




.selected-kol-text {
    width: 30px;
}


.nav_new {
    background:url("../images/menu.PNG");
}


.cost {



}

#selected_info2{
    border-bottom: solid 1px #4d0204;
    background-color: #890307;
    font-size: 1.2em;
    padding: 10px 20px;
    color: #fff;
    display: block;

}




.nav_new #nav li a{
    border-right: 1px solid #222;
    border-left: 1px solid #333;
    float: left;
    display: inline-block;
    padding: 15px 10px;
    text-align: center;
    color: #dedede;
    font-size: 0.85em;
    text-decoration: none;
}

.nav_new #nav li a:hover {
    background-color: #222;
    color: #999;
    text-decoration: none;
}

.nav_new #lang li a{
    float: right;
    padding: 15px 10px;
    display: block;
    text-align: center;
    color: #dedede;
    font-size: 0.85em;
    text-decoration: none;
}
.nav_new #lang li a:hover {
    background-color: #222;
    color: #999;
    text-decoration: underline;
}
.nav_new #user li a{
    float: right;
    padding: 15px 10px;
    display: block;
    text-align: center;
    color: #dedede;
    font-size: 0.85em;
    text-decoration: none;
}
.nav_new #user li a:hover {
    color: #999;
    text-decoration: underline;
}

.nav_new #phone {
    font-size: 1em !important;
    background-repeat: no-repeat;
    background-image:url("../images/phone.PNG");
}
.nav_new #mail {
    font-size: 0.8em;
    background-position: 5px 4px;
    background-repeat: no-repeat;
    background-image:url("../images/mail.png");
}


.nav_new #contacts {
    padding: 4px 0 0 0;
    float: left;
    margin-left: 30px;

}
.nav_new #contacts p{
    padding: 0 0 0 24px !important;
    margin: 0;
    color: #dedede;
    text-decoration: none;
}
.nav_new #cart{
    float: left;
    margin: 0 0 0 20px;

}
.nav_new #cart a:hover {
    background-color: #4d0204;
}
.nav_new #cart a {
    text-decoration: none;
    background-position: 5px 10px;
    background-image:url("../images/shopping.png");
    background-repeat: no-repeat;
    background-color: #363636;
    width: 120px;
    padding: 2px 15px 4px 50px;
    color: #dedede;
    font-size: 0.75em;
    display: block;
}
.nav_new #cart span{
    float: right;
}
.nav_new #cart p{
    padding: 2px;
    border-bottom: 1px dotted #555;
}



.element_center {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
    width: 1000px;
    margin: auto;
}
h1, h2,h3, h4,h5, h6, li, ul, p { padding: 0; margin: 0}
li, ul {
    list-style: none;
}
.menu_left {
    float: left;
    font-family: Arial;
    width: 270px;
}

.menu_left h4{
    color: #444;
    margin-top: 10px;
    padding: 6px 30px 6px 6px;
    text-transform: uppercase;
    font-weight: normal;
    border: solid 1px #eee;
    font-size: 1em;
}
.menu_left h5{
    margin-top: 10px;
    padding: 5px 40px 5px 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: solid 1px #eee;
    font-size: 0.8em;
    color: black;
    /*background:url("../images/dot_catalogue.png");
    background-repeat: no-repeat;
    background-position: center right;*/
}
.menu_left ul li{
   
    
    margin-left: 35px;
}
.menu_left ul li a{
    padding:4px 5px 10px 20px;
     background:url("../images/category_point2.png");
    background-repeat: no-repeat;
    background-position: center left;
    /*font-style: italic;*/
    display: block;
    font-weight: normal;
    font-size: 0.9em;
    color: #333;
    text-decoration: none;

}
.menu_left ul li a:hover{
    background:url("../images/category_point22.png");
    background-repeat: no-repeat;
    background-position: center left;
    color: #292929;
    text-decoration: underline;
}
.menu_left ul #active a{
    background:url("../images/category_point22.png");
    background-repeat: no-repeat;
    background-position: center left;
    color: #292929;
    text-decoration: underline;
}

.element {
    font-family: Arial;
    float: right;
    width: 700px;
    min-height: 700px;
}
.element #text {
    padding:0px 30px 0 0;
    width: 300px;
    float: right;
}
.element #text  h1{
    color: #666;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.element #text  p{
    line-height: 1.5;
    text-align: justify;
    color: #888;
    font-size: 0.8em;
}
.element #text2  h2{
    color: #666;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.element #text2 {
    padding: 20px 20px 20px 5px ;
    clear: both;
    line-height: 1.5;
    text-align: justify;
    color: #888;
    font-size: 0.8em;
}

.element .info {
    padding-top: 20px;
    padding-bottom: 25px;
}
.element .info p{
    font-size: 0.7em !important;
    color: #000 !important;
    font-weight: bold;

}

.element #phone2 p {
    padding: 0; margin: 0;
    line-height: 1.3 !important;
}
.element #phone1 p {
    padding: 0; margin: 0;
    line-height: 1.3 !important;
}
.element #phone1{
    font-size: 1.5em;
    padding-left: 35px;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    background:url("../images/Kyivstar-logo.jpg");
    background-size: 23px;
    margin-bottom: 5px;
}
.element #phone2{
    font-size: 1.5em;
    padding-left: 35px;
    background-repeat: no-repeat !important;
    background-position: center left -4px!important;
    background:url("../for_web/phone3.png");
    margin-bottom: 3px;
}
.element #phone3{

  font-size: 1.5em;
    padding-left: 35px;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    background:url("../for_web/telephone_black_24-24.png");
 
}
.element #pdfd a{
    font-size: 0.85em;
    color: #4d0204;
    text-decoration: underline;
}
.element #pdfd a:hover{
    text-decoration: none;
    color: #444444;
}
.element #pdfd{
    margin-top: 20px;
    padding-left: 25px;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    background:url("../images/pdf.jpg");
}

.element #price  {
    float: left;
    font-weight: bold;
    display: block;
    padding: 6px 6px;
    color: #941b1d;
    font-size: 1.3em !important;
    font-weight: bold;
     
    font-size: 1em;
}
.element #price span {
    font-weight: normal;
    font-size: 0.8em;
}

.element #bottom_card {
    float: right;
}
.element #bottom_card a {
    border-radius: 20px;
    font-size: 0.85em;
    background-color: #ddd;
    box-shadow:
    inset 0 2px 0 rgba(0,0,0,.2),
    0 0 4px rgba(0,0,0,0.1);
    text-decoration: none;
    color: #000;
    padding:7px 10px;
    display: block;
}
.element #bottom_card a:hover {
    background-color: #eee;
}
.element #element_num {
    float: right;
}


.element #element_num input[type=button] {
    text-transform: uppercase;
    border: none;
    border-radius: 0px;
    width: 25px;
    padding: 5px;
    margin: 0 4px;
    color: #444444;
    background-color: #ddd;
    border: none;

    height: 30px; border-radius: 20px;


}



.element #element_num input[type=text]{
    padding: 4px;
    margin: 0 ;
    width: 25px;
    text-align: center;
    height: 20px;
    border: solid 1px #eee;
}
.element #element_num_title {
    float: right;
    color: #888;
    padding: 10px;
    font-size: 0.8em;
}


.catalog_element {
    float: left;
    margin: 5px;
    width: 220px;

    position: relative;

}
.catalog_element #gallery {
    height: 220px;
    text-align: center;
    
}
.catalog_element #link img {
    display: block;
    max-width: 196px;
    height: 200px;
    margin: 0 auto;
}
.catalog_element #link a{
    text-decoration: none;
    display: block;
    color: #555;
    font-size: 0.8em;
    padding: 10px 12px 50px 12px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 5px #ddd;
    border-bottom: solid 1px #ddd;
}

.catalog_element #link a:hover {
    border-left: solid 1px #800202;
    border-right: solid 1px #800202;
    border-top: solid 5px #800202;
    border-bottom: solid 1px #800202;
}
.catalog_element .description {
    padding:  0 !important;
    line-height: 1.2;
    height: 60px;
    overflow: hidden;
}
.catalog_element h3 {
    font-size: 1em !important;
    padding: 5px 0;
    text-decoration: none;
    color: #555;
    font-weight: bolder;
    height: 35px;
}

.catalog_element p {
    font-size: 0.75em;
    color: #555;
}
.catalog_element #price{
    position: absolute;
    left: 10px;
    bottom: 20px;
    z-index: 12;
    font-weight: bold;
    width: 120px;
    font-size:1.2em;
    height: 22px;
    padding: 7px 5px 5px 5px;
    color: #941b1d;
}
.catalog_element #price2{

    position: absolute;
    left: 15px;
    bottom: 5px;
    z-index: 142;
    font-size:0.85em;
       color: #333;
}
.catalog_element #text{
    padding: 10px 0;
    height: 30px;
    display: block;
}

.catalog_element p span{
    font-size: 0.75em;
    color: #444;
}
.catalog_element #cart {
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 12;
    height: 32px;
    background-color: #4d0204;
    padding: 2px 3px 0 3px;

}
.catalog_element #buy_now {
    position: absolute;
    bottom: 23px;
    right: 10px;
}
.catalog_element #buy_now a {
    text-decoration: underline;
    color: #941b1d;
    font-size: 1.1em;
    display: block;
    padding:5px 7px;
}
.catalog_element #buy_now a:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff
}
.baner {
    padding: 10px;

}

#seach {
    margin:7px 0 20px 5px;
}
#seach input[type=text] {
    font-size: 0.8em;
    color: #666;
    width: 620px;
    padding: 7px 10px 8px 10px;
    margin: 0;
}

#seach input[type=submit] {
    border: none;
    padding: 8px 14px;
    margin: 0px;
    background:url("../images/search.png") ;
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
    box-shadow:none;
}

.element #gallery {
    padding: 5px;
    border: solid 1px #ddd;
    width: 320px;
  
    
}
.element #gallery_blocks {
    margin: 5px;
   position: relative;
    width: 320px;
    float: left;
    
}

.element #text p{
    color: #333;
}
.element #text2 {
    color: #000;
}
.element #text2 table {
     border-right: 1px #ddd solid;
      border-top: 1px #ddd solid; 
    width: 100%;
}
.element #text2 table td{
    width: 50%;
    border-bottom: 1px #ddd solid; 
    border-left: 1px #ddd solid; 

    padding: 10px;
}
.element .lightbox2 img{
    height: 100px;
    margin-top: 10px;
    margin-right: 10px;
    
    
}
.catalog_element_aktsiya {
    width: 60px;

}
.catalog_element_aktsiya {
    position: absolute;
    top: -6px;
    left: -5px;
}
.clear {
    clear: both;
}


/* responsive styles */

body {
    min-width: 320px;
}

.mobile-logo {
    display: none;
}

.mobile-logo img {
    display: inline-block;
    width: 132px;
}

.nav-toggle {
    border: 0;
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    float: right;
    margin: 6px 0 0 12px;
    display: none; 
}

.nav-toggle span {
    width: 28px;
    height: 2px;
    border-radius: 3px;
    background-color: #fff;
    display: block;
    margin: 7px 0; 
}

.page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  display: none; 
}

.slide-nav-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    left: 20px;
    background: url(../images/close-icon.svg) no-repeat center;
    background-size: 60%;
    border: 0;
    outline: 0;
    transition: 0.25s;
    cursor: pointer;
    display: none;
}

.catalog-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    background: url(../images/close-icon.svg) no-repeat center;
    background-size: 60%;
    border: 0;
    outline: 0;
    transition: 0.25s;
    display: none;
    cursor: pointer;
}

body.locked {
    overflow: hidden;
}

.catalog-toggle {
    display: none;
    align-items: center;
    height: 36px;
    width: 130px;
    margin-right: 12px;
    background: linear-gradient(180deg, #565758 6.36%, #050505 93.69%);
    border-radius: 1px;
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 12px;
    cursor: pointer;
}

.catalog-toggle img {
    margin-right: 15px;
}

.category-descr {
    padding: 10px 0 20px;
}

.success-text {
	text-align: center;
	padding: 80px 0;
}

.modalDialog h2 {
	text-align: center;
	font-size: 20px;
	margin: 10px 0 10px;
}

.modalDialog p {
	margin-bottom: 12px;
}

.modalDialog input[type=text] {
	width: 100%;
	height: 40px;
}

.modalDialog input[type=button] {
	width: 100%;
    background: linear-gradient(180deg, #565758 6.36%, #050505 93.69%);
    color: #fff;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1px;
    margin-top: 15px;
}

.element #text2 li,
.element #text2 table {
	max-width: 100%;
}

.element #text2 li span {
	bottom: 0!important;
}

.element .prop {
	display: flex;
}

.element .prop_left,
.element .prop_right {
	width: 50%!important;
	float: none!important;
}


@media(max-width: 1080px) {
    *, *:after, *:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility; 
    }

    .mobile-logo {
        display: inline;
    }

    .catalog-toggle {
        display: flex;
    }

    .nav-toggle {
    	display: block;
    }

    .slide-navigation {
        position: fixed;
        display: block;
        z-index: 100;
        width: 300px;
        right: 0;
        top: 0;
        background-color: #fff;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        padding: 55px 5px 50px 15px;
        transition: 0.3s;
        transform: translateX(150%);
    }

    .catalog-close,
    .slide-nav-close {
        display: block;
    }

    .slide-navigation.active {
        transform: translateX(0);
    }

    .slide-navigation li {
        display: block;
    }

    .nav_new #nav li a {
        display: block;
        float: none;
        border: 0;
        color: #111;
        font-size: 16px;
        text-align: left;
        padding: 12px 0 12px 10px;
    }

    .nav_new #nav li a.active2,
    .nav_new #nav li a:hover {
        color: #941B1D;
        background-color: transparent;
    }

    .nav_new #contacts {
        float: none;
    }

    .nav_new #lang {
        display: flex;
        align-items: center;
        position: absolute;
        right: 6px;
        top: 5px;
    }

    .nav_new #lang li a {
        color: #111;
        padding: 12px 10px;
        font-size: 16px;
    }

    .nav_new #lang li a:hover {
        color: #941B1D;
        background-color: transparent;
    }

    .nav_new #lang a.active {
        color: #941B1D;
    }

    .nav_new p#phone {
        font-size: 18px!important;
        font-weight: bold;
        background: transparent;
        padding: 0!important;
        color: #111;
        margin-bottom: 6px;
    }

    .nav_new p#mail {
        font-size: 16px;
        color: #111;
        padding: 0!important;
    }

    .nav_new #contacts {
        margin: 15px 0 10px;
        padding-left: 10px;
    }

    .nav_new {
        background: linear-gradient(180deg, #565758 6.36%, #050505 93.69%);
    }

    .nav_new .center {
        width: 740px;
        padding: 4px 15px 5px 0;
    }

    .nav_new #cart {
        float: right;
        margin: 2px 0 0 0;
    }

    .nav_new #cart a {
        background-color: transparent;
        background-image: url(../images/cart-icon.svg);
        width: 185px;
        padding: 2px 15px 4px 40px;
    }

    .nav_new #cart a:hover {
        background-color: transparent;
    }


    .header_content {
        display: none;
    }

    .element_center {
        width: 740px;
    }

    .brands {
        width: 100%;
    }

    .menu_left h4 {
        font-size: 18px;
    }

    .menu_left h5 {
        padding: 5px 30px 5px 10px;
        border-bottom: 0;
        font-size: 16px;
        position: relative;
        text-transform: none;
        line-height: 1.4;
    }

    .menu_left h5:after {
        content: '';
        position: absolute;
        right: 8px;
        top: 7px;
        width: 20px;
        height: 20px;
        background: url(../images/arrow-sport.svg) no-repeat center;
        background-size: contain;
        transition: 0.25s;
        opacity: 0.8;
        transform: rotate(-90deg);
        pointer-events: none;
    }

    .menu_left h5.active:after {
        transform: rotate(0);
    }

    .menu_left ul {
        display: none;
    }

    .menu_left ul li {
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .menu_left ul li a {
        font-style: normal;
        padding: 4px 5px 4px 12px;
    }

    #seach {
        display: flex;
        padding: 12px 15px;
        margin: 0 0 15px;
        border-bottom: 1px solid #CCC8C8;
    }

    #seach form {
        display: flex;
        align-items: flex-start;
        flex-grow: 1;
    }

    #seach input[type=text] {
        height: 36px;
        width: 100%;
    }

    #seach input[type=text]:focus {
        box-shadow: 0 0 5px 1px #ee230c;
    }

    #seach input[type=submit] {
        width: 40px;
        height: 36px;
        background: url(../images/search-icon.svg) no-repeat center, linear-gradient(180deg, #565758 6.36%, #050505 93.69%);
        border-radius: 0px 1px 1px 0px;
    }

    .category-container {
        display: flex;
        flex-wrap: wrap;
        padding: 0 5px;
    }

    .category-container .category-container {
        padding: 0;
    }

    .brands > br {
        display: none;
    }

    .category-container .category {
        width: calc(50% - 20px);
        margin: 0 10px 25px;
        float: none;
    }

    .category-container .category a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .category h4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blocks_image_carousel3,
    .blocks_image_carousel4 {
        width: 100%;
        padding: 0 15px;
    }

    .blocks_image_carousel4 {
        margin-top: 15px;
    }

    .pagination3 {
        padding-bottom: 25px;
    }

    .image_carousel3,
    .image_carousel4 {
        display: flex!important;
    }

    .image_carousel3 li,
    .image_carousel4 li {
        width: auto;
        background-size: cover;
    }

    .image_carousel3 a,
    .image_carousel4 a {
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        float: none;
        height: 100%;
        padding: 15px;
    }

    .image_carousel3 a:hover,
    .image_carousel4 a:hover {
       background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); 
    }

    .image_carousel3 p,
    .image_carousel4 p {
        padding: 0;
    }

    .image_carousel3 h3,
    .image_carousel4 h3 {
        text-transform: none;
        padding: 0;
        margin: 0 0 8px;
        max-width: 300px;
        letter-spacing: 1px;
    }

    a.prev3, a.next3,
    a.prev4, a.next4 {
        top: calc(50% - 50px);
    }

    .menu_left {
        float: none;
        position: fixed;
        display: block;
        z-index: 100;
        width: 300px;
        left: 0;
        top: 0;
        background-color: #fff;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        padding: 40px 0;
        transform: translateX(-150%);
        transition: 0.3s;
    }

    .menu_left.active {
        transform: translateX(0);
    }

    .menu_left h5 {
        background: none;
    }

    .category-descr {
        padding: 10px 12px 2px;
    }

    .title_text {
    	font-size: 24px;
    	margin-left: 12px;
    	margin-bottom: 10px;
    	font-weight: bold;
    	text-align: center;
    }

    .blockstext img {
    	display: block;
    	max-width: 100%;
    	margin-bottom: 10px;
    	height: auto!important;
    }

    .cart-block {
    	position: relative;
    	padding-right: 40px;
    }

    .cart-block .remove-ware {
    	font-size: 0;
    	padding: 0;
    	width: 24px;
    	height: 24px;
    	background: url(../images/trash-icon.svg) no-repeat center;
    	background-size: contain;
    	border: 0;
    	position: absolute;
    	right: 7px;
    	top: 25px;
    }

    .count h3 a {
    	font-size: 16px;
    }

    .element {
    	width: 100%;
    }

    .element #gallery a {
    	display: block;
    }

    .element #gallery img {
    	max-width: 100%;
    }

    .footer {
        min-width: auto;
    }

    .footer_content {
        display: flex;
        flex-wrap: wrap;
        width: 740px;
        font-size: 14px;
    }

    .footer_content .list-01,
    .footer_content .list-02,
    .footer_content .list-03,
    .footer_content .list-04 {
        width: 50%;
    }

    .footer_content .list-02 {
        padding-left: 50px;
    }

    .footer_content .form {
        width: 100%;
        margin-left: 0;
        padding-left: 50px;
    }

    .footer_content .form .form {
        padding-left: 0;
    }

    .footer_content h4 {
        margin-bottom: 10px;
    }

    .footer_content .form input[type=text] {
        width: 100%!important;
        height: 32px!important;
    }

    .footer_content .input_area {
        width: 100%!important;
    }

    .footer_content .form input[type=button] {
        width: 100%;
        height: 32px;
        margin: 8px 0 0;
        padding: 0;
    }
}

@media(max-width: 767px) {
    .nav_new .center,
    .element_center,
    .footer_content {
        width: 520px;
    }

    .textcat {
        padding: 15px;
    }

    .textcat h3 {
    	text-align: center;
    }

    .cart-block {
    	display: flex;
    	padding: 20px 40px 20px 10px;
    }

    .cart-block .count {
    	flex-grow: 1;
    	display: flex;
    	flex-wrap: wrap;
    }

    .cart-block .count h3 {
    	width: 100%;
    	order: 0;
    	margin-bottom: 5px;
    }

    .cart-block span[id^='price_regular'], span[id*=' price_regular']{
    	order: 3;
    	width: 100%;
    	margin-top: 9px;
    	padding-left: 5px;
	}

    .cart-block .count h3 a {
    	float: none;
    	width: auto;
    }

    .cart-img {
    	margin-right: 10px;
    }

    .cart_forms textarea,
    .cart_forms input[type=text] {
    	width: 100%;
    }

    .cart_forms .method-block label {
    	position: relative;
    	padding-left: 24px;
    }

    .cart_forms input[type="radio"] {
    	position: absolute;
    	left: 0;
    	top: 0;
    }

    .cart_forms .regbatt {
    	width: 100%;
    	height: 42px;
    }

    .method-block {
    	margin-top: 20px;
    }

    .method-block h3 {
    	font-size: 18px;
    	margin-bottom: 8px;
    }

    .cart_forms {
    	padding-bottom: 50px;
    }

    .element #gallery_blocks {
    	width: 100%;
    	margin: 0 0 15px;
    	padding: 0 12px;
    	float: none;
    }

    .element #gallery {
    	width: 100%;
    } 

    .element #text {
    	float: none;
    	width: 100%;
    	padding: 0 12px;
    }   
}


@media(max-width: 575px) {
    body {
        background: #fff;
    }

    .element_center {
        border: 0;
    }

    .nav_new .center,
    .element_center,
    .footer_content {
        width: 100%;
    }

    #seach {
        padding: 12px;
        margin-bottom: 12px;
    }

    .blocks_image_carousel3, 
    .blocks_image_carousel4 {
        padding: 0 12px;
    }

    .brands {
        min-height: auto;
    }

    .category-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 7px;
        padding-right: 50px;
    }

    .category-container .category-container {
        overflow-x: visible;
        overflow: visible;
        padding-right: 1px;
    }

    .category-container .category-container .category-container .category-container {
        /*margin-right: 50px;*/
    }

    .category-container .category-container .category-container .category-container .category:last-child {
        margin-right: 165px;
    }

    .category-container .category {
       flex: 0 0 180px;
       margin: 0 5px; 
    }

    .category-container .category h4 {
        font-size: 11px;
        height: 36px;
        line-height: 1.5;
        padding: 0 3px;
    }

    .catalog_element {
        width: 100%;
        margin: 0 0 15px;
    }

    .catalog_element h3 {
        font-size: 16px!important;
        height: auto;
    }

    .catalog_element #buy_now {
        bottom: 15px;
    }

    .information {
        padding: 20px 12px;
    }

    .catalog-holder {
        padding: 20px 12px 0;
    }

    .category-descr h3 {
        font-size: 18px;
    }

    .category-descr p {
        font-size: 14px;
    }

    .brand_name {
        margin-left: 0;
        padding: 0 12px 15px;
    }

    .brand_name + p {
        padding-left: 12px;
    }

    .brends ul {
    	display: flex;
    	flex-wrap: wrap;
    	margin-top: 15px;
    }

    .brends ul li {
    	width: calc(50% - 20px);
    	margin: 0 10px 20px;
    }

    .brends li a {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	width: 100%;
    	padding: 0 5px;
    }

    .contacts-page iframe {
    	height: 400px!important;
    }

    .cart_forms {
    	padding: 20px 12px;
    }

    .cart_forms input[type=text] {
    	height: 38px;
    }

    .cart_forms > p {
    	margin-bottom: 10px;
    }

    .cart_forms textarea {
    	height: 80px;
    }

    .footer_content {
        padding: 0 15px;
    }

    .footer_content .list-01 a, 
    .footer_content .list-02 a {
        font-size: 13px;
    }

    .footer_content .list-02 {
        padding-left: 20px;
    }

    .footer_content .list-03 {
        width: 100%;
    }

    .footer_content .list-04 {
        width: 100%;
    }

    .footer_content .form {
        padding-left: 0;
    }

    .modalDialog h2 {
    	margin-top: 30px;
    }

    .modalDialog .close {
    	position: absolute;
	    width: 30px;
	    height: 30px;
	    top: 7px;
	    right: 7px;
	    background: url(../images/close-icon.svg) no-repeat center;
	    background-size: 60%;
	    border: 0;
	    outline: 0;
	    transition: 0.25s;
	    cursor: pointer;
	    font-size: 0;
	    box-shadow: none;
    }

    .modalDialog > div {
    	width: calc(100% - 20px)!important;
    }

    .footer_content .list-04 {
    	padding-top: 0;
    }
}

@media(max-width: 420px) {
    .nav_new #cart a {
        padding-right: 5px;
        width: 160px;
    }

    .cart-block .remove-ware {
    	width: 20px;
    	height: 20px;
    }

    #seach {
    	padding: 8px;
    }
}

@media(max-width: 375px) {
    .nav_new #cart p {
        font-size: 11px;
    }

    .nav_new #cart {
        margin-top: 5px;
    }

    .nav_new #cart a {
        width: 130px;
        padding-left: 34px;
        background-size: 20px;
    }

    .mobile-logo img {
        width: 120px;
    }
}