/* Responsive styles */
/* Portrait tablet to landscape and desktop */
body.resp_on {
  min-width: 0;
}
@media (min-width: 980px) and (max-width: 1200px) {
  body.resp_on .nopadding {
    padding: 0 20px !important ;
  }
  body.resp_on .nopadding0 {
    padding: 0;
  }
  body.resp_on header.prime {
    text-align: center;
  }
  body.resp_on .horizontal-nav ul li:last-child {
    border-right: none;
  }
  body.resp_on .horizontal-nav ul li:first-child {
    border-left: none;
  }
  body.resp_on .portfolio_detail .port_right_col {
    width: 310px;
  }
  body.resp_on .bitrix_explane_table .bet_right {
    width: 445px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body.resp_on section.single .flex-control-nav {
    display: block;
  }
  body.resp_on .view h2 {
    padding-top: 5px;
  }
  body.resp_on .feat .span12 {
    width: 729px;
  }
  body.resp_on .feat .row {
    margin-left: -15px;
  }
  body.resp_on .feat .row .span4 {
    width: 226px;
  }
  body.resp_on .feat .tab-brand {
    margin: 0px !important;
  }
  body.resp_on #portfolio-list .portfolio-item {
    width: 29.8%;
  }
  body.resp_on #portfolio-list .portfolio-item h3 {
    font-size: 13px;
    min-height: 90px;
  }
  body.resp_on .container-inner {
    margin-left: 0px;
    width: 734px;
  }
  body.resp_on .grid li {
    width: 48.62%;
  }
  body.resp_on ul.item-team li {
    margin: 0 4px 4px 0;
    float: left;
    width: 48.595%;
    list-style: none;
  }
  body.resp_on ul.portfolio-brands li:last-child {
    border-right: none;
  }
  body.resp_on ul.portfolio-brands li {
    border: none;
  }
  body.resp_on .nopadding {
    padding: 0 20px !important ;
  }
  body.resp_on header.prime {
    text-align: center;
  }
  body.resp_on .horizontal-nav ul li:last-child {
    border-right: none;
  }
  body.resp_on .horizontal-nav ul li:first-child {
    border-left: none;
  }
  body.resp_on .services-item {
    min-height: 350px !important;
  }
  body.resp_on #portfolio-list .portfolio-item .excerpt {
    height: 175px;
  }
  body.resp_on .portfolio_detail .port_right_col {
    width: 220px;
  }
  body.resp_on .redform {
    width: 600px;
  }
  body.resp_on .redform_textarea {
    width: 420px;
  }
  body.resp_on .bitrix_explane_table .bet_right {
    width: 305px;
  }
}
@media (max-width: 767px) {
  body.resp_on {
    padding-left: 0px;
    padding-right: 0px;
  }
  body.wf-active.resp_on .logo.text.transform,
  .wf-active .logo.text.transform {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  body.resp_on {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /* Portfolio */
  }
  body.resp_on .homepagecontainer {
    background: #fff;
  }
  body.resp_on .wrapper {
    width: auto;
  }
  body.resp_on .blog article {
    border-right: none !important;
  }
  body.resp_on .feat .tab-brand {
    margin: 0px !important;
  }
  body.resp_on .top div[class*='span'] {
    text-align: center !important;
    width: 100% !important;
  }
  body.resp_on .top .cart .wrap {
    padding: 15px 0;
  }
  body.resp_on .top .cart form button {
    top: 2px;
    right: 20px;
  }
  body.resp_on .top .top-search {
    float: none;
  }
  body.resp_on .top .top-search,
  body.resp_on .top .top-search:focus {
    width: 90%;
    margin: 0 auto;
    border-radius: 0;
    -webkit-appearance: none;
  }
  body.resp_on .top form {
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: center;
  }
  body.resp_on .promo article {
    margin: 15px auto !important;
  }
  body.resp_on section.feat .view,
  body.resp_on section.product .view,
  body.resp_on section.single .view {
    margin: 0px auto;
  }
  body.resp_on .product .sidebar .info {
    width: 100%;
  }
  body.resp_on .product .tab-content.sideline article {
    width: 100%;
  }
  body.resp_on section.product article,
  body.resp_on section.single .span3 {
    margin: 0 0 10px;
  }
  body.resp_on section.single .flex-control-nav {
    display: block !important;
  }
  body.resp_on section.single .related .itembox,
  body.resp_on section.single .upsells .itembox {
    width: 100%;
  }
  body.resp_on .blog article:first-child {
    padding-top: 20px;
  }
  body.resp_on .sidebar {
    border-left: 0px;
  }
  body.resp_on .coupon,
  body.resp_on .goco {
    text-align: center;
  }
  body.resp_on .coupon .btn {
    margin-top: 5px;
  }
  body.resp_on .goco {
    margin-top: 15px;
  }
  body.resp_on .home-panel {
    padding: 10px;
  }
  body.resp_on .comments {
    padding-left: 0;
    padding-right: 0;
  }
  body.resp_on #flexslider-product {
    margin-bottom: 30px;
    text-align: center;
  }
  body.resp_on .cart-pay,
  body.resp_on .cart-pay .cart-checkout {
    text-align: center !important;
  }
  body.resp_on footer {
    padding: 20px;
  }
  body.resp_on footer .foot article {
    margin-bottom: 15px;
  }
  body.resp_on footer .foot div[class*="span"] {
    margin-bottom: 20px;
  }
  body.resp_on .feat .span12 {
    width: 100%;
  }
  body.resp_on .feat .row {
    margin-left: 0;
  }
  body.resp_on .feat .row .span4 {
    width: 97%;
  }
  body.resp_on .carousel-option,
  body.resp_on .footbg,
  body.resp_on .topbg {
    display: none;
  }
  body.resp_on #nav {
    display: none !important;
  }
  body.resp_on .container-menu {
    background: none !important;
    border: none !important;
  }
  body.resp_on .js .selectnav {
    display: block;
    font-size: 0.9em;
  }
  body.resp_on .view-thumb .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 1 !important;
  }
  body.resp_on table,
  body.resp_on thead,
  body.resp_on tbody,
  body.resp_on th,
  body.resp_on td,
  body.resp_on tr {
    display: block;
  }
  body.resp_on thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  body.resp_on td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 50%;
  }
  body.resp_on td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  body.resp_on #portfolio-list .portfolio-item {
    width: 100%;
  }
  body.resp_on .container-inner {
    margin-left: 9px;
    width: auto;
  }
  body.resp_on .grid li {
    width: 48%;
  }
  body.resp_on .port-right {
    padding: 30px  10px 10px ;
  }
  body.resp_on .grid-portfolio {
    width: 87%;
  }
  body.resp_on .padding20 {
    padding: 0 20px;
  }
  body.resp_on ul.item-team li {
    margin: 0 4px 4px 0;
    float: left;
    width: auto;
    list-style: none;
  }
  body.resp_on ul.portfolio-brands li:last-child {
    border-right: none;
  }
  body.resp_on ul.portfolio-brands li {
    border: none;
    width: 100%;
    padding: 0px;
  }
  body.resp_on .nopadding {
    padding: 0 20px !important ;
  }
  body.resp_on header.prime {
    text-align: center;
  }
  body.resp_on .welcome .greet,
  body.resp_on .welcome .hscart {
    float: left;
    text-align: center ;
    display: inline-block;
    padding: 2% !important;
  }
  body.resp_on .full-slider-container .full-slider-caption strong {
    font-size: 20px;
    line-height: 20px;
  }
  body.resp_on .portfolio_detail .port_right_col {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    padding: 30px 0;
  }
  body.resp_on .redform {
    width: 90%;
    margin: 0 auto;
  }
  body.resp_on .redform_inputs {
    float: none;
    width: 100%;
  }
  body.resp_on .redform_inputs .redform_inputs_item input {
    width: 95%;
  }
  body.resp_on .redform_textarea {
    float: none;
    width: 100%;
  }
  body.resp_on .redform_textarea textarea {
    width: 95%;
  }
  body.resp_on .portfolio-item .portfolio_preview_img_wrap {
    max-width: 453px;
  }
  body.resp_on .bitrix_explane_table .bet_right {
    width: -moz-calc(-40%);
    width: -webkit-calc(-40%);
    width: calc(-40%);
  }
  body.resp_on .portfolio-wrapper > div {
    width: 50%;
  }
  body.resp_on #port-filter > li {
    display: block;
    line-height: 25px;
    border: none;
    margin: 0;
    padding: 0;
  }
  body.resp_on #port-filter > li a {
    display: block;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0;
    line-height: 26px;
  }
  body.resp_on #port-filter > li:first-child a {
    border-top: none;
  }
  body.resp_on .right_col,
  body.resp_on .left_col {
    float: none;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 480px) {
  body.resp_on {
    padding-left: 0px;
    padding-right: 0px;
  }
  body.resp_on .wrapper {
    width: auto;
    min-width: 320px;
    /*отключил, т.к. с ним сайт не помещается на меленькие экраны UPD: снова включил*/
  }
  body.resp_on #portfolio-list .portfolio-item.span4 {
    max-width: 299px;
    width: 100%;
    margin-left: 0px;
  }
  body.resp_on .feat .tab-brand {
    margin: 0px !important;
  }
  body.resp_on .top .logo a {
    padding-left: 0;
  }
  body.resp_on .top .top-search,
  body.resp_on .top .top-search:focus {
    width: 85%;
  }
  body.resp_on .call-to-action,
  body.resp_on .call-to-action .cta {
    text-align: center;
    float: none !important;
  }
  body.resp_on .tright {
    width: 100%;
    margin: 10px auto;
  }
  body.resp_on section.single .decider {
    text-align: center;
  }
  body.resp_on section.single {
    padding: 30px 0;
  }
  body.resp_on section.single .cross-wrapper .span3 {
    padding: 10px 0;
  }
  body.resp_on .view-thumb a.info {
    margin: 100px 0px 0 0;
  }
  body.resp_on .woocommerce_message a {
    margin: 0;
  }
  body.resp_on .view {
    padding: 20px;
  }
  body.resp_on .tright {
    background: #1b1b1b;
  }
  body.resp_on .welcome .cartbubble {
    width: 159px;
    top: 78px;
  }
  body.resp_on .counter {
    min-width: 100%;
    width: 100%;
    margin-top: 0;
    text-align: center !important;
  }
  body.resp_on .welcome .greet {
    padding: 3% 2% !important;
  }
  body.resp_on section.single .decider,
  body.resp_on section.single .decidernote {
    text-align: center;
  }
  body.resp_on footer .currency {
    text-align: left;
  }
  body.resp_on .login .form-horizontal .controls {
    margin-left: 0px;
  }
  body.resp_on input,
  body.resp_on textarea,
  body.resp_on .uneditable-input {
    width: 175px;
  }
  body.resp_on #nav {
    display: none !important;
  }
  body.resp_on .js .selectnav {
    display: block;
    font-size: 0.9em;
  }
  body.resp_on .flex-caption,
  body.resp_on .flex-caption-portfolio {
    display: none;
  }
  body.resp_on .welcome .greet,
  body.resp_on .welcome .hscart {
    width: 96% !important;
    float: left;
    text-align: center ;
    display: inline-block;
    padding: 2% !important;
  }
  body.resp_on .top-header {
    height: 80px !important;
  }
  body.resp_on #portfolio-filter li {
    display: block;
  }
  body.resp_on .grid li {
    width: auto;
  }
  body.resp_on .grid-portfolio {
    width: auto;
  }
  body.resp_on .maintenance .main-h3 h1 {
    font-size: 20px;
  }
  body.resp_on .full-section {
    padding: 20px !important;
  }
  body.resp_on .full-slider-container .full-slider-caption {
    font-size: inherit;
  }
  body.resp_on .full-slider-container .full-slider-caption strong {
    font-size: 20px;
    line-height: 20px;
  }
  body.resp_on .nopadding {
    padding: 0 20px !important ;
  }
  body.resp_on header.prime {
    text-align: center;
  }
  body.resp_on .horizontal-nav ul ul.columns3 h4,
  body.resp_on .horizontal-nav ul ul.columns3 li h5 {
    display: none !important;
  }
  body.resp_on .blog article {
    padding: 0px;
  }
  body.resp_on img.halfsize {
    width: 100%;
  }
  body.resp_on .bitrix_explane_table .bet_left {
    float: none;
    margin-bottom: 10px;
  }
  body.resp_on .bitrix_explane_table .bet_right {
    float: none;
    width: auto;
  }
  body.resp_on .portfolio-wrapper > div {
    width: 100%;
  }
}