@media (min-width: 768px) and (max-width: 979px) {



}

@media (max-width: 767px) {
 .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        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;
    }		

.green_color
{ display:none;}
}






@media (max-width: 480px) {
	
	

}

@media (max-width: 320px) {




}