@media (min-width: 1300px) {
  .container {
    max-width: 1100px;  
  } 
}


@media only screen and (min-width: 960px) and (max-width: 1279px) {
 

#main-navigation ul li a { padding:10px 10px 10px 10px ;}

} 

@media only screen and (min-width: 768px) and (max-width: 959px) {

#main-navigation-2{float: left;}
#main-navigation-2 ul{ float: left;}

 }

 @media only screen and (min-width: 480px) and (max-width: 767px) {

#main-navigation ul ,#main-navigation-2 ul { display: none;}
#main-navigation select,#main-navigation-2 select { display: block;}
#main-navigation ul { margin:0px 0 0 0;}



 }
@media only screen and (min-width: 320px) and (max-width: 479px) {

#main-navigation ul ,#main-navigation-2 ul { display: none;}
#main-navigation select,#main-navigation-2 select { display: block;width: 300px;}
#main-navigation ul { margin:0px 0 0 0;}




 }