Can't decrease break point on desktop site.

On the theme customizer I can't get the site with any lower than 960px. When it's less than 960px, the slider disappears. So I tried to add this css. What am I doing wrong?

www.carloschiropracticcare.com

@media (max-width: 700px) {

.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {

position: fixed;

}

}


@media (max-width: 699px) {

.et_pb_section_0.et_pb_section {

display: none;

}

}


/* Increase mobile menu bar height */

.et_header_style_left .mobile_menu_bar {

padding-bottom: 45px;

}


/* Moved hamburger down */

.mobile_menu_bar:before {

top: 15px !important;

}


/* Set the maximum height of the logo itself */

@media (max-width: 980px) {

.et_header_style_left #logo {

max-height: 100% !important;

}


et_fullscreen_slider .et_pb_slides,

.et_fullscreen_slider .et_pb_slide,

.et_fullscreen_slider .et_pb_container {

min-height: 100% !important;

height: 100% !important;

}