/* Smartphones (potrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px)  {
.date-range-slider{margin-bottom: 1em;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.date-range-slider {margin-bottom: 2.5em;margin-right: 12px;}
}
/* ----------- iPad Pro --> Portrait and Landscape ----------- */
@media only screen  and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
.date-range-slider {margin-bottom: 2.5em;margin-right: 16px;}
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1025px) {
.date-range-slider {margin-bottom: 2.5em;}
}
/**END - media query **/
#slider-3 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 4px solid #ffffff;
    border-radius: 13px;
    background: #1C70B7;
    font-weight: bold;
    color: #1C70B7;
    font-size: 23px;
}

#slider-3 .ui-widget-header {
    background: #7b7b7b;
}

#slider-3.ui-slider-horizontal {
    height: .5em;
    border-radius: unset;
    background: #7b7b7b;
}

#slider-3 .ui-slider-handle.ui-state-default.ui-corner-all {
    top: -.5em;
}
#slider-3 .ui-state-hover,#slider-3 .ui-state-focus{
	outline: none;
}
#slider-3 .ui-slider-tick-mark{
    display:inline-block;
    width:2px;
    background:#4a4a4a;
    height:20px;
    position:absolute;
    top:-7px;
}
#slider-3 .ui-slider-tick-mark-label{
    font-family: robotolight;
    font-size: 14px;
    color: #4A4A4A;
    position: absolute;
    bottom: -2.5em;
    left: -1em;
    display:none;
}