@media screen 
 and (min-width: 768px)
 and (max-width: 1024px) {
    
#logoheader {
	float: left;
	margin: 20px 0 20px 25px;
}

.contactquoteheader {
    margin: 0 5px 0 0;
}

    .active {
        display: block;
	}
    
    .nav > li {
        float: none;
    }
  
    .nav > li > .parent {
        background-position: 95% 50%;
        background-repeat: no-repeat;
    }

    .nav li li .parent {
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

    .nav ul {
        display: block;
        width: 100%;
    }

   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

   .nav li li a {
 	width: auto;
}
  
#wrapperfooter { 
    text-align: center;
    padding: 0 0 70px 0;
}
.container .eight.columns 
        { width: 100%; }
      
}
  
/*Tablet  -----------------*/     
@media screen
 and (min-width: 481px)
 and (max-width: 767px) {

#logoheader {
	float: left;
	margin: 20px 0 15px 25px;
}
    
.contactquoteheader {
	clear: both;
    font-size: 1.0833em;
    margin: 15px 0 20px 40px;
}
  
#wrapperbody { 
  	background: #fff; 
}
    
.toggleMenu {
	background: #fff;
}

.nav > li {
        float: none;
    }
  

#wrapperfooter { 
    background: #000; 
	padding: 70px 0;
    text-align: center;  
}
    
}
    
/*Mobile  -----------------*/  
@media screen
  and (min-width: 320px)
  and (max-width: 480px) {
 
#logoheader {
	float: left;
	margin: 20px 0 15px 25px;
}

.contactquoteheader {
	clear: both;
    font-size: 1.0833em;
    margin: 15px 0 20px 25px;
}
    
#wrapperbody { 
  	background: #fff; 
}
    
.toggleMenu {
	background: #fff;
}
      
    .nav > li {
        float: none;
    }
  
    
#wowslider-container1 {
	display: none;
}

#wrapperfooter { 
   	background: #000; 
	padding: 0 0 70px 0;
    text-align: center;
}
      
}