/********** START SCREENS **********/

@media screen and (max-width:960px) {
    .navigation ul { float: none; width: 100%; }
    .social li { margin-right: 10px; }
    .container img { width: 100%; }
    .feature-big { float: none; height: auto; width: 100%; }
    .feature-small { width: 50%; }
    .layout-2 .column.left { display: none; }
    .layout-2 .column.right { float: none; width: 100%; }
    .layout-2 .column.right .column.left, .layout-2 .column.right .column.right { display: block; float: left; }
    .footer .column .column { float: none; margin-bottom: 30px; width: 100%; }
}

@media screen and (max-width:760px) {

    .navigation, .navigation > li:hover .drop-nav, .social, .caption-wrapper, .selectors { display: none; }
    .navigation-trigger, .navigation-back, .navigation .drop-nav p, .mobile-caption { display: block; }

    .layout-2 .column.right .column.left { padding-bottom: 15px; }
    .layout-2 .column.right .column.left, .layout-2 .column.right .column.right { float: none; padding-left: 0; padding-right: 0; width: 100%; }

    .header { padding: 0; }
    .logo { float: none; text-align: center; }
    .logo a { display: inline-block; }
    .tools { background: #f1f2f3; height: 50px; }
    .search { float: right; position: relative; top: 10px; }
    .bar { background: none; height: auto; }

    .navigation { background: #e5e9ea; float: none; padding: 15px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; }

    .navigation ul { float: none; padding: 0; width: 100%; }
    .navigation ul ul { border-top: 1px solid #b9cce2; display: none; }

    .navigation li { background: none; color: #666; float: none; font-size: 20px; font-weight: normal; line-height: 20px; margin-bottom: 15px; padding-right: 0; text-align: left; width: 100%; }
    .navigation li li { color: #666; border-bottom: 1px solid #b9cce2; line-height: 20px; margin-bottom: 0; text-transform: none; }

    .navigation li:last-child { margin-bottom: 0; }
    .navigation li li li:last-child { border-bottom: 0; }

    .navigation li a { background: #cbcfd2; padding: 15px; }
    .navigation li a.active { background: #cbcfd2; color: #666; }
    .navigation li a.active:focus, .navigation li a.active:hover { background: #3d4650; color: #cbd800; }

    .navigation li li a { background: #e5e9ea; border-bottom: 0; padding: 15px; }
    .navigation li li a.active { background: #e5e9ea; }
    .navigation li li a:focus, .navigation li li a:hover, .navigation li li a.active:focus, .navigation li li a.active:hover { background: #dbdfe1; color: #666; }

    .navigation li li a.subdrop-trigger { display: block; }

    .navigation .drop-nav { background: #e5e9ea; border-bottom: 0; min-height: 360px; padding: 15px; top: 0; }
    .navigation .drop-nav .column { border-top: 1px solid #b9cce2; float: none; margin-bottom: 0; width: 100%; }
    .navigation .drop-nav .column:last-child { border-top: 0; }

    .slider-responsive { margin-bottom: 0; padding: 0; }

    .feature-big .feature-column { float: none; width: 100%; }
    .feature-big .feature-column.left, .feature-big .feature-column.right { padding: 0; }
    .feature-big .feature-column.right p { margin-bottom: 30px; }
    .feature-big .feature-prices { margin-bottom: 30px; }

    .feature-small { float: none; height: auto; width: 100%; }

    .banner-caption { border-radius: 0 0 15px 0; height: auto; position: relative; width: 100%; }

    .box { float: none; height: auto; margin-bottom: 30px; margin-right: 0; width: 100%; }

    .image { float: none; margin-left: 0; }

    .filter { border-bottom: 1px dotted #999; border-right: 0; float: none; height: auto; margin-right: 0; padding-right: 0; width: 100%; }
    .filter.last { border-bottom: 0; }
    .filter-list { float: none; }
    .filter-2-3 .filter-list { width: 100%; }
    .filter-2-3 .filter-list.last { padding-left: 0; }

    .filter-row { margin-bottom: 15px; }

    .update-chart { position: relative; top: 15px; }

    .item { float: none; margin-bottom: 30px; margin-right: 0; width: 100%; }

    .footer .column { float: none; width: 100%; }

}

@media screen and (max-width:360px) {
    .search { width: 150px; }
    .search input[type="text"] { width: 120px; }

    .priceTables table td, .priceTables table th { padding: 0px; }
    .hide-360 {display:none;}
}


/********** END SCREENS **********/