/*Woo-hoo!  Mobile version!*/
@media (max-width: 599px){
    @supports (display: flex){
        body{
            padding: 0;

        }
        div#wrapper{
            box-sizing: border-box;
            width: 100%;
            padding: 5%;
        }
        #slide_about{
            display: flex;
            flex-wrap: wrap;
        }
        #slide_about > .text{
            width: 100%;
            order: 1;
        }    
        #slide_about > .services{
            width: 100%;
            order: 2;
        }
        ul.navigation{
            display: flex;
            flex-wrap: nowrap;
        }
        ul.navigation > li img {
            width:100%;
            height: 100%;
        }
        ul.navigation > li {
            margin: 0;
            flex: 1;
            min-width: 0;
        }
        div#wrapper div#slide_about div.services ul li a.selected, div#wrapper div#slide_about div.services ul li a:hover, 
        div#wrapper div#slide_about div.services ul li a:active{
            background-image: url(../images/services_iconbg_on.png);
            background-size: contain;
            background-position: center center;
        }
        div#wrapper div#slide_about div.services ul li a     {
            background-image: url(../images/services_iconbg_off.png);
            background-size: contain;
            background-position: center center;
        }
        div#wrapper div#slides_container, div#wrapper div#slides_container div.scroll{
            width: 100%;
        }
        div#wrapper div#slides_services{
            width: 0;
            width: 300%;
        }
        div#wrapper div#slides_services div#slide_radio, div#wrapper div#slides_services div#slide_film, div#wrapper div#slides_services div#slide_photo{
            width: 33.33%;
        }
        div#wrapper div#slides_services div#slide_radio {
            display: flex;
            background: transparent;
            /*background-image: url(../images/radiobg.png);
            background-position: top left;
            background-size: 70%;*/
            flex-wrap: wrap;
            justify-content: flex-end;
        }
        div#wrapper div#slides_services div#slide_radio div.text{
            width: 100%;
        }
        div#wrapper div#slides_services div#slide_radio div.button{
            order: 1;
            margin-top: 0;
            float: none;

        }
        div#wrapper div#slides_services div#slide_radio div.text{
            float: none;
            order: 2
        }
        div#wrapper div#slides_services div#slide_radio div.text div.samples{
            width: 100%;
        }
        div.samples ul{
            display: flex;
            flex-wrap: wrap;
        }
        div.samples ul li{
            flex: 1 0 50%;
            box-sizing: border-box;
        }
        div.video_window, div.video_window iframe{
            width: 100%;
        }
        div#wrapper div#slides_services div#slide_film div.text{
            float: none;
            width: 100%;
        }
        div#wrapper div#slides_services div#slide_film{
            background: transparent;
            margin-left: 2px;
        }
        div#wrapper div#slide_contact div.text,div#wrapper div#slide_contact div.map{
            float: none;
            width: 100%;
        }
        div#wrapper div#footer{
            height: auto;
            overflow: hidden;
            padding: 15px;
            border-radius: 5px;
        }
        div#wrapper div#footer span{
            float: none;
        }
        #FlabellComponent{
            overflow: hidden;
            text-overflow: ellipsis;
        }
        	/*STYLE ALL THE THUBMS - MOBILE EDITION*/
	input[type=range]::-ms-thumb {
		height: 25px;
		width: 10px;
		background: #4d9bdc;
		border-radius: 5px;
	}
	input[type=range]::-moz-range-thumb {
		height: 25px;
		width: 10px;
		background: #4d9bdc;
		border-radius: 5px;
	}
	input[type=range]::-webkit-slider-thumb {
  		height: 25px;
		width: 10px;
		background: #4d9bdc;
		border-radius: 5px;
		margin-top: -10px; /*1/2 x (height - track height)*/
	}

	input[type=range]:active::-webkit-slider-thumb{
		background: #3e71a0;
	}
	input[type=range]:active::-moz-range-thumb{
		background: #3e71a0;;
	}
	input[type=range]:active::-ms-thumb{
		background: #3e71a0;;
	}
    }
}