@media all and (max-width: 1200px) {
    .gallery .gallery_photo a:before {font-size: 12px;}
}

@media all and (max-width: 992px) {
    .gallery .gallery_photo a:before {font-size: 12px;}
    #header .navbar-nav a {font-size: 13px; padding: 11px 18px;}
    .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;}
}

@media all and (max-width: 768px) {
    #main_content h3.cufon{margin: 50px auto; width: 75%; }
    #main_content h3.cufon span{font-size: 35px; width: 70%; }
    .page_content_text img {margin-bottom: 20px;}
    .news {max-width: 350px; margin: 30px auto 50px;}
    .gallery .gallery_photo img {width: 100%;}
    .boxes .box  img {width: 100%;}
    .burger {display: block;}
    #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: 60px; 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%;}
    .page_content_text .separator p {margin-bottom: 0; font-size: 42px;}
    #main_content .page-content-10{
        background-size: auto 400px;
        height: 400px;
    }
}

@media all and (max-width: 580px){
    .gallery .gallery_photo a:before {font-size: 12px;}
    .page_content_text h2 {padding-top: 30px;}
    #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;}
    
}

@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: 15px; font-size: 24px; margin-bottom: -15px;}
}