﻿.banner
{
position: absolute;	
z-index: 3; 
 margin-top: 0%; 
 margin-left:.2%;  
  width: 100.3%; 
 height:530px;

}

 .hillbillyBanner { 
 position: relative;   
 margin-top: 0%; 
 margin-left:.2%;  
  width: 100.3%; 
 height:530px;

  }
 .hillbillyBanner li { 
background-position: center center;
ackground-repeat: no-repeat;
background-size: cover;
  width: 100.3%; 
 height:530px;


 }
 .hillbillyBanner ul li { float: left; }
 .hillbillyBanner ul {  float:left;} 
 

@media (min-width: 1549px) and (max-width: 1711px) {
 .hillbillyBanner, .banner {
 height:425px !important;
  }

.hillbillyBanner li { 
 height:425px !important;
}
}

@media (min-width: 1390px) and (max-width: 1548px) {
 .hillbillyBanner, .banner  {
 height:400px !important;
  }
.hillbillyBanner li { 
 height:400px !important;
}
  }
  @media (min-width: 1230px) and (max-width: 1389px) {

 .hillbillyBanner, .banner  {
 height:350px !important;
  }
.hillbillyBanner li { 
 height:350px !important;
}
  }
  @media (min-width: 1074px) and (max-width: 1229px) {
 .hillbillyBanner, .banner  {
 height:300px !important;
  }
.hillbillyBanner li { 
 height:300px !important;
}
}
  
   @media (min-width: 880px) and (max-width: 1073px) {
 .hillbillyBanner, .banner  {
 height:250px !important;
  }
.hillbillyBanner li { 
 height:250px !important;
}
}


@media (min-width: 722px) and (max-width: 879px) {
 .hillbillyBanner, .banner  {
 height:200px !important;
  }
.hillbillyBanner li { 
 height:200px !important;
}
}

@media only screen and (max-width: 721px) {
 .hillbillyBanner, .banner  {
 height:180px !important;
  }
.hillbillyBanner li { 
 height:180px !important;
}
}
@media only screen and (max-width: 650px) {
 .hillbillyBanner, .banner  {
 height:170px !important;
  }
.hillbillyBanner li { 
 height:170px !important;
}
}


@media only screen and (max-width: 599px) {
 .hillbillyBanner, .banner  {
 height:150px !important;
  }
.hillbillyBanner li { 
 height:150px !important;
}
}

@media only screen and (max-width: 550px) {
 .hillbillyBanner, .banner  {
 height:130px !important;
  }
.hillbillyBanner li { 
 height:130px !important;
}
}


@media (max-width: 500px) {
 .hillbillyBanner, .banner  {
 height:120px !important;
  }
.hillbillyBanner li { 
 height:120px !important;
}
}

  @media (max-width: 450px) {
 .hillbillyBanner, .banner  {
 height:110px !important;
  }
.hillbillyBanner li { 
 height:110px !important;
}
}
container {

    margin: 0 5px !important;
}


@media (max-width: 430px) {
 .hillbillyBanner, .banner  {
 height:100px !important;
  }
.hillbillyBanner li { 
 height:100px !important;
}
}
