@media (min-width: 1600px) {
    .container {max-width: 1570px;}
    
}
@media (max-width: 1599px) {
    
}
@media (min-width: 1400px) {
    
}
@media (min-width: 1200px) and (max-width: 1599px) {
    .container {max-width: 1170px;}
}
@media (min-width: 1200px) {
    #header .container-fluid {padding: 0 50px;}
    #header-sticky .container-fluid {padding: 0 50px;}
    
    
}
@media (max-width: 1199px) {
    .index h1 {font-size: 48px;}
    
    #header-sticky {visibility: hidden;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container {max-width: 90%;}
}
@media (max-width: 991px) {
    
}
@media (min-width: 768px) and (max-width: 1199px) {
    .menu {display: none;}
    .mobile-menu-button {display: block;}
}
@media (min-width: 768px) and (max-width: 991px) {
    
    
}
@media (min-width:768px) and (max-width: 991px) {
    .container {max-width: 90%;}
    
}

@media (max-width: 767px) {
    .container {max-width: 100%}
    #logo {margin: 16px 0 25px 15px;}
    .menu {display: none;}
    .mobile-menu-button {position: absolute; right: 15px; display: block;}
    .index h1 {font-size: 36px; line-height: 1.1;}
    
    #footer [class^="col-"] + [class^="col-"] {margin-top: 50px;}
    #footer .widget {margin-bottom: 30px;}
    #footer .widget-title {margin-top: 0;}
    #footer-bottom [class^="col-"] + [class^="col-"] {margin-top: 10px;}
    #footer-bottom .widget-social {text-align: center;}
    .last {margin-bottom: 20px !important;}
    
}

@media (min-width: 576px) and (max-width: 767px) {
    
}
@media only screen and (max-width: 575px) {
}
@media (min-width: 576px) and (max-width: 767px) {
    
}
@media (max-width: 450px) {
    .vcenter .container {padding-top: 200px; padding-bottom: 0px;}
}
@media (max-width: 355px) {
    #logo img {width: 130px;}
    .vcenter .container {padding-top: 150px; padding-bottom: 0px;}
    .index h1 {font-size: 28px;}
}