@media screen and (max-width: 1200px) {
    header > nav > .container > ul { font-size: 15px;}
    header > nav > .container > ul li { padding: 0 8px;}

}
@media screen and (max-width: 1024px) {
    header > nav > .container ul { display: none;}
    header > nav > .container .mobile-nav {  display: inline-block;}
}
@media screen and (max-width: 768px) {
    .hidden-block { display: none !important}
    section.scroll-bg .scroll-txt { padding: 0;}
}
@media screen and (max-width: 615px) {
  
}
@media screen and (max-width: 480px) {
    
    .col-xs-hidden { display: none;}
    header > nav { height: 68px; padding: 0 15px;}
    header > nav > .container div.logo { width: 200px; height: 68px;}
    header > nav > .container > div.logo.bg > a.logo-image { width: 200px; height: 38px;}
    header .mobile-nav { margin: 12px 0;}
    .c-block { margin-bottom: 15px;}
    
    section.contact-bg { background: #c4141c; padding: 20px 0; color: #fff; width: 100%; min-height: 400px}
    .contact-img { display: block;}
    .catalogue { margin-bottom: 20px;}
}
@media screen and (max-width: 320px) {


}