/*******************************************************************************
Custom CSS application specific
*******************************************************************************/
.scroll {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

/*** Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap ***/
  #visual-motors-vehicle-trends-input [name=radio-buttons-wrapper] {
    display: none
}
#visual-motors-vehicle-trends-input [name=select-wrapper] {
    display: block
}
 /*Small devices (landscape phones, 576px and up)*/
 @media (min-width: 576px) { 
    #visual-motors-vehicle-trends-input [name=radio-buttons-wrapper] {
        display: none
    }
    #visual-motors-vehicle-trends-input [name=select-wrapper] {
        display: block
    }
 } 

/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) {  }*/

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    #visual-motors-vehicle-trends-input [name=radio-buttons-wrapper] {
        display: block
    }
    #visual-motors-vehicle-trends-input [name=select-wrapper] {
        display: none
    }
  } 

/* Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {  }*/