@media (min-width: 768px) { /* width: 750px; from bootstrap */
  
}
@media (min-width: 992px) { /* width: 970px; from bootstrap */
  
}
@media (min-width: 1200px) { /* width: 1170px; from bootstrap */    
    .container { }    
    .sidebar.left-sidebar { display: block; }
}

@media (max-width: 600px) { 
    .sidebar { display: none; }
}

@media (max-width: 767px) {    
    .logo, .logo-name { float: none; margin: 15px auto; text-align: center; }
}
@media (max-width: 800px) {
    body {overflow-x: hidden}    
    .quick-contacts { float: none; margin: 15px auto; text-align: center; }
    .social.social a { display: inline-block; float: none; }
    #footer .widget { width: 100%; }     
    .container { width: 96%; padding: 0 2%; }
    .slider-container .container { width: 100%; padding: 0; }
    .primary { float: none; width: auto; }
    .sidebar { float: none; margin-left: auto; margin-right: auto; margin-top: 20px; }
}

@media (max-width: 900px) {    
    .snap-drawers {display: block;}
    .snapjs-left .snap-drawer {width: 265px;}
    .sf-menu li {padding: 0 12px}
    #open-left { display: block }
    .sf-menu, .sf-menu .back { display: none }
    .sf-menu li:before {content: ''}
}

@media (min-width: 801px) and (max-width: 991px) {
    .container { width: 96%; padding: 0 2%; }
    .primary { float: none; width: auto; }
    .sidebar { float: none; margin-left: auto; margin-right: auto; margin-top: 20px; }
}

@media (min-width: 900px) and (max-width: 991px) {
    .sf-menu li { padding: 0 22px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .primary { width: 630px; }    
}