#dtf-mobHandWrap {
display:none;	
}
#dtf-mobile-navigation {
display:none;	
}

@media only screen and (max-width: 975px) { /*Alter to bring in your mobile navigation at this point*/
	menu {
	clear:right;	
	}
#navigation ul { /*OR WHATEVER YOUR MAIN NAVIGATION IS CALLED*/
display:none;	
}

.dtf-mobActive .dtf-overlay {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.7;
    width: 100%;
    height: 100%;
}
.dtf-wrapper {
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    width: 100%;
    height: 100%;
    right: 0!important;
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}
body.dtf-mobActive .dtf-wrapper {
    -webkit-transform: translate3d(-85%,0,0);
    -moz-transform: translate3d(-85%,0,0);
    -ms-transform: translate3d(-85%,0,0);
    -o-transform: translate3d(-85%,0,0);
    transform: translate3d(-85%,0,0);
    position: fixed;
}
#dtf-mobHandWrap {
	display:block;
    float: right;
    height: 41px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    z-index: 9991;
    position: relative;
}
#dtf-mobHandWrap > span {
display:none;	
}
#dtf-mobHandWrap > span#dtf-mobHandle {
    display: block;
    padding-left: 0.30em;
    position: relative;
    width: 29px;
    height: 29px;
}
#dtf-mobHandWrap > span#dtf-mobHandle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.21em;
  bottom: 0.21em;
  width: 100%;
 /* background: linear-gradient(
    to bottom, 
    white, white 20%, 
    black 20%, black 40%, 
    white 40%, white 60%, 
    black 60%, black 80%, 
    white 80%, white 100%
  );*/
  background:linear-gradient(
    to bottom, 
    black, black 20%, 
    white 20%, white 40%, 
    black 40%, black 60%, 
    white 60%, white 80%, 
    black 80%, black 100%
  )
}
#dtf-mobile-navigation {
width: 85%;
    background: #191919;
    display: inline;
    z-index: 200;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
		height:100%;
	position:fixed;

}
#dtf-mobile-navigation.dtf-mobActive {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

}
#dtf-mobClose {
    text-transform: uppercase;
    color: #FFF;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
	cursor:pointer;
}

/*LI styling*/
#dtf-mob-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:50px;
}
#dtf-mob-nav ul ul {
margin-top:0;	padding:10px;	
display:none;
}
#dtf-mobile-navigation #dtf-nav, #dtf-mob-nav ul li:nth-child(even) {
background-color:#191919;
}
#dtf-mob-nav ul ul li:nth-child(even) {
background:none;	
}
#dtf-mob-nav ul li {
    /*border-bottom: 1px solid #0f1b2e;*/
	/*padding-top:10px;
	padding-bottom:10px;*/
	position:relative;
	padding-left:10px;
	
}
#dtf-mob-nav ul ul {
	background-color:#2d2d2d;
}
#dtf-mob-nav ul ul li {
padding-left:0px;
font-size:0.9em;	
}

#dtf-mob-nav ul li a, #dtf-mob-nav ul li.sectionheader span {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;	
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	padding-left:50px;	
	box-sizing:border-box;

}
#dtf-mob-nav li.parent:after, #dtf-mob-nav li.sectionheader:after {
	/*    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('https://www.superfastwestyorkshire.co.uk/scripts/images/down.png') center center no-repeat;
    background-size: 50%;*/
	content:" ";
    border-style: solid;
    border-width: 8px 8px 8px 8px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    right: 30px;
	top:17px;
	z-index:999;
	    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;


}
#dtf-mob-nav li.parent.active:after, #dtf-mob-nav li.sectionheader.active:after {
	content:" ";
    border-style: solid;
    border-width: 8px 8px 8px 8px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    right: 30px;
	top:20px;
	z-index:999;
	    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#dtf-mob-nav li.parent div {
    display: inline;
    position: relative;
    top: initial;
    left: initial;
    background: none;
    min-height: 0;
    width: auto;
	display:none;
}
#dtf-mob-nav ul li.sectionheader a span {
    padding-left: 0;
    padding: 0;
}


}

@media screen and (max-width:620px) {
#dtf-mob-nav {
    font-size: 0.7em;
}
}