@media all and (max-width: 1300px) {
        .userlogin {right: 0;}
    .basket {right: 50px;}
}
@media all and (max-width: 1200px) {
    .gallery .gallery_photo a:before {font-size: 12px;}
    .text-box {width: 400px;}
    .boxes-box {width: 500px;}
    .boxes-box .product-box-2, .boxes-box .product-box-1 {width: 235px;}
    .boxes-box strong {font-size: 18px;}
    .boxes-box .check-product {margin-top: -10px; margin-right: 0;}
    .default-slider .image {height: 450px;}
    #header .navbar-nav li {padding: 0 20px;}
    #header.fixed .navbar-nav li {padding: 0 10px;}
}

@media all and (max-width: 992px) {
    .gallery .gallery_photo a:before {font-size: 12px;}
    #header .navbar-nav a {font-size: 13px; padding: 11px 18px;}
    .separator p {font-size: 16px;}
    .green {padding: 12px 26px;}
    .news .news_date {background: url('../img/date.png') no-repeat left top 9px; padding: 10px 0 0 28px;}
    #header.fixed .navbar-nav a {padding: 11px 18px;}
    #payments {text-align: center; margin: 50px 0 30px;}
    #payments table {width: 100%;}
    #payments h2 {margin-bottom: 30px;}
    .boxes-box, .text-box {width: 49%;}
    .boxes-box .product-box-1 {top: -30px; margin: 0 auto; left: 0; right: 0;}
    .separator p {margin-bottom: 40px;}
    .sendbtn {width: 135px;}
    .sendbtn span {padding: 14px 10px;}
    .top-content {height: 750px;}
    .boxes-box .product-box-2 {top: inherit; bottom: -90px;}
    #header .navbar-nav li {padding: 0px;}
    .home .cat_products .product-row {width: 100%;}
    .slide-desc {top: 15%;}
    .slide-desc .desc {font-size: 30px;}
    .slide-desc .title {font-size: 32px;}
    #header.fixed .navbar-nav li { padding: 0 5px;}
    .menu-categories {flex-wrap: wrap;}
    .menu-categories .categorybtn {width:29%;}
    
}

@media all and (max-width: 768px) {
    #container {clear:both;}
    .page_content_text img {position: absolute; opacity: 0.1; margin: auto; left: 0; right: 0;}
    .news {max-width: 350px; margin: 30px auto 50px;}
    header, #header {height: 100px;}
    #header .logo {padding: 15px;}
    .gallery .gallery_photo img {width: 100%;}
    .boxes .box  img {width: 100%;}
    .burger {display: block;}
    .fixed .navbar {top: -80px}
    #header.fixed {height: 55px;}
    .default-slider .image {height: 360px;}
    .navbar {position: absolute; top: -75px; right: 0;}
    #header .navbar_menu {display: none; position: fixed; background-color: #fff; left: 0; z-index: 99; min-width: 50%; max-width: 70%; text-align: center; height: 100%; top: 0; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.50); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.50); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.50);}
    #header .navbar-nav {margin: 0; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
    .basket {right: 80px; top: 40px; cursor: pointer;}
    .navbar-nav > li {float: none;}
    .form .inp {width: 50%;}
    .order label.control-label {text-align: right;}
    .hidden-xs {display: none;}
    .order_view .table_cart .prod {border-bottom: 1px solid #000; display: block; margin-bottom: 40px; padding-bottom: 30px;}
    .order_view .table_cart td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; white-space: normal; text-align: left; display: block; padding-bottom: 10px; padding-top: 10px;}
    .order_view .table_cart td::before {position: absolute; text-transform: lowercase; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700; content: attr(data-title);}
    .order_view label {width: 50%; float: left; margin-bottom: 15px; margin-left: 0 !important;}
    .order_view .table_cart td:last-of-type {border: 0;}
    .summary .group {float: left; width: 100%;}
    .burger {right: 20px;}
    .userlogin {top: 40px; right: 120px;}

}

@media all and (max-width: 580px){
    .gallery .gallery_photo a:before {font-size: 12px;}
    .page_content_text h2 {padding-top: 30px;}
    .separator p {font-size: 15px;}
    #mapcontact {height: 380px;}
    .mainslider {height: 240px;}
    .mainslider li {position: relative; width: 100%; height: 240px; overflow: hidden;}
    .mainslider li img {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto !important; height: 100%; max-width: initial;} 
    .form .inp {width: 100%;}
    .order select.form-control {min-width: 100px;}
    .default-slider .image {height: 300px;}
    .slide-desc .desc {font-size: 24px;}
    .slide-desc .title {font-size: 22px;}
        .home .product-price, .home .product-name {font-size: 16px; }
    .home .product-comp {font-size: 12px;}
    .contact-form .cont, .contact-form .open__hours  {width: 100%;}
    .contact-form .open__hours   {padding-left: 0;}
    .menu-categories {flex-wrap: wrap;}
    .menu-categories .categorybtn {width:44%;}
}

@media all and (max-width: 480px){
    .gallery .gallery_photo {max-width: 320px; float: none; margin: 30px auto; width: 100%}
    .boxes .box {max-width: 320px; float: none; margin: 30px auto; width: 100%;}
    .gallery .gallery_photo a:before {font-size: 14px;}
    .page_content_text h2 {padding-top: 30px; font-size: 30px; margin-bottom: 15px;}
    .separator p {margin-bottom: 0; font-size: 14px;}
    .text-box .bot-title {font-size: 20px;}
    .text-box, .boxes-box {width: 100%}
    .default-slider .image {height: 150px;}
    .top-content {height: 880px;}
    .boxes-box .product-box-1 {top: 25px;}
    .boxes-box .product-box-2 {bottom: -25px; margin: 0 auto; left: 0;}
    .separator p {padding: 20px 0; font-size: 18px;}
    #header .logo {float: left;}
    #header.nofixed .logo  {padding-top: 35px; padding-left: 0;}
    .menu-categories {flex-wrap: wrap;}
    .menu-categories .categorybtn {width:98%;}
}