/* 768 - 979 **********************************************************************/

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

}


/* 481 - 850 **********************************************************************/

@media (min-width: 481px) and (max-width: 850px) {
  
  #header{
      height: 220px;
  }
  
      #header_R{
          display: none;    
      }

  #header_L{
      margin: 0 auto 8px auto;    
  }
  
 #header_wrapper{
      margin: 10px auto;
      width: 50%;
  }
  
  #nav{
      background: none;
      height: 120px;
      margin: 0 0 50px 0;
  }
  
  #nav_wrapper{
    width: 650px;
  }
  
  ul#top_nav{
      float: left;
      margin: 0;
      width: 100%;
  }
  
  ul#top_nav li:first-child{
      border-left: 0 none;
  }
  
  ul#top_nav li{
      background: #000;
      border-bottom: 1px solid #444;
      border-right: 1px solid #444;
      color: #ffffff;
     text-align: center;
     width: 100%;
  }
  
  ul#top_nav li a{
      border-left: 0 none;
      border-right: 0 none;
      font-size: 18px;
      margin: 0;
      padding: 24px 0;
      width: 100%;
  }
  
  ul#top_nav li:first-child {
    display: none;
  }
  
  ul#top_nav li:last-child {
     display: none;
  }
  
ul#top_nav li:nth-child(2n+1) a:focus, ul#top_nav li.active:nth-child(2n+1) a {
    background: url(./../images/nav_rollingpins.png) no-repeat top center #b9aa8b;      
    color: #000;
}

ul#top_nav li:nth-child(2n) a:focus, ul#top_nav li.active:nth-child(2n) a{
    background: url(./../images/nav_wisks.png) no-repeat top center #b9aa8b;      
    color: #000;
}
  
ul#top_nav li:last-child a:focus, ul#top_nav li:last-child a:hover, ul#top_nav li.active:last-child a{
    border-radius: 0;
}  
  
  
  ul#top_nav li ul{
      display: none;
  }
  
  ul.slides li span{
    display: none;
  }
  
  #main{
    background: url(./../images/bb_bkg.jpg) repeat top left;            
    height: auto;
  }
  
  #banner h3{
      display: none;
  }
  
  #banner p{
      display: none;
  }
  
  
  #bc{      
      width: 100%;
  }
  
  #bc #home_statement{
      font-size: 13px;
  }
  
  
  
  #container{
    clear: both;
    margin: 36px auto;
    padding: 20px 0 10px 0;
    width: 100%;
  }
  
  #container p{
      margin: 0 auto;
  }
  
  #copy{
      border-right: 0 none;
      border-bottom: 2px solid #555555;
      margin: 20px 0 0 0;
      padding:0;
  }
  
  #content{
      background: none;
  }
  
  #content #copy_wrapper{
      width: auto;
  }
  
  
  form#contact_us input, form#contact_us input#submit{
      width: 95%;
  }
  
  
    
  ul#footer_wrap{
      width: 100%;
  }    

    li.mobile_hide{
        display: none;
    }

    li.mobile_show{
        display:block;
    }  
  
  
  #main.contact2{
      height: 1400px;
  }
  
  
  #main #info video{
      width: 100%;
  }
  
  
  
}


/* 281 - 750 **********************************************************************/


@media (min-width: 281px) and (max-width: 750px) {
    
    #header_wrapper{
         margin: 10px auto;
         width: auto;
     }
    

    #nav{
        
          background: none;
          clear: both;
          height: 500px;
          margin: 0 0 50px 0;
      }
      
      #nav_wrapper{
          clear: both;
        width: 409px;
      }
      
      ul#top_nav{
          float: left;
          margin: 0;
          width: 100%;
      }
      
      ul#top_nav li:first-child{
          border-left: 0 none;
      }
      
      ul#top_nav li{
          background: #000;
          border-bottom: 1px solid #444;
          border-right: 1px solid #444;
          color: #ffffff;
         text-align: center;
         width: 100%;
      }
      
      ul#top_nav li a{
          border-left: 0 none;
          border-right: 0 none;
          font-size: 18px;
          margin: 0;
          padding: 24px 0;
          width: 100%;
      }
      
      ul#top_nav li:first-child {
        display: none;
      }
      
      ul#top_nav li:last-child {
         display: none;
      }
      
    ul#top_nav li:nth-child(2n+1) a:focus, ul#top_nav li.active:nth-child(2n+1) a {
        background: url(./../images/nav_rollingpins.png) no-repeat top center #b9aa8b;      
        color: #000;
    }
    
    ul#top_nav li:nth-child(2n) a:focus, ul#top_nav li.active:nth-child(2n) a{
        background: url(./../images/nav_wisks.png) no-repeat top center #b9aa8b;      
        color: #000;
    }
      
    ul#top_nav li:last-child a:focus, ul#top_nav li:last-child a:hover, ul#top_nav li.active:last-child a{
        border-radius: 0;
    }  

    
    #banner h3{
        display: none;
    }
    
    #banner p{
        display: none;
    }
    
    
    #bc{
        font-size: 12px;
        width: 100%;
    }
    
    #container{
        background: none;
        width: 80%;
    }
    
    #container p{
        background: #fff;
        font-size: 1em;
        margin: 0;
        line-height: 1.5em;
        padding: 40px 10px;
        width: 100%;    
    }
    
    
    #copy{
        border-right: 0 none;
        border-bottom: 2px solid #555555;
        margin: 20px 0 0 0;
        padding:0;
        width: 90%;
    }
    
    #copy p{
        clear: both;
        width: 100%;
    }
    
    #main{
        background: url(./../images/bb_bkg.jpg) repeat center top;
        height: 1300px;
    }
    
    #main.inner{
        height: 1000px;
    }
    
    #content, #content.inner{
        background: none;
    }
    
    #content #copy_wrapper{
        width: auto;
    }
    
    #content #copy_wrapper ul#copy_mid{
        display: none;
    }
    
    ul#copy_L{
        padding: 0 0 30px 0;
        width: 100%;
    }
    
    ul#copy_R{
        width: 100%;
    }
    
    ul#footer_wrap{
        margin: 0 0 60px 0;
        width: 100%;
    }
    
    #logo img{
        width: 100%;
    }
    
    #main #info{
        background: rgba(255,255,255,0.8);
        height: auto;
        padding: 30px 0;
        width: 100%;

    }
    
    #main #gallery{
        background: 0 none;
        clear: both;
        height: 0;
        padding: 20px 0 0 0;
        width: 96%;
    }
    
    #main #banner{
        clear: both;
        width: 100%;
    }
    
    li.mobile_hide{
            display: none;
        }
    
        li.mobile_show{
            display:block;
        } 
     
        
    #main #info video{
        width: 100%;
    }    
    

}



/* 481 - 767 **********************************************************************/


@media (min-width: 481px) and (max-width: 767px) {
    #header_R{
        display: none;    
    }
    
    #header_wrapper{
         margin: 10px auto;
         width: auto;
     }
     
     #logo img{
         width: 100%;
     }
     
     #main #gallery{
         background: 0 none;
         height: 0;
         padding: 20px 0 0 0;
         width: 96%;
     }
     
     #main #banner{
         clear: both;
         width: 100%;
     }
    
    ul#top_nav li:first-child {
      display: none;
    }
    
    ul#top_nav li:last-child {
       display: none;
    }
    
    li.mobile_hide{
            display: none;
        }
    
        li.mobile_show{
            display:block;
        } 


    #main.contact2{
        height: 1400px;
    }

}





/* 480 **********************************************************************/


@media (max-width: 480px) {
     
     
     #main{
         height: 1400px;
     }
     
     #nav{
         
           background: none;
           clear: both;
           height: 600px;
           margin: 0 0 50px 0;
           width: 100%;
       }
       
       #nav_wrapper{
           clear: both;
         width: 100%;
       }
       
       ul#top_nav{
           float: left;
           margin: 0;
           width: 100%;
       }
       
       ul#top_nav li:first-child{
           border-left: 0 none;
       }
       
       ul#top_nav li{
           background: #000;
           border-bottom: 1px solid #444;
           border-right: 1px solid #444;
           color: #ffffff;
          text-align: center;
          width: 100%;
       }
       
       ul#top_nav li a{
           border-left: 0 none;
           border-right: 0 none;
           font-size: 18px;
           margin: 0;
           padding: 24px 0;
           width: 100%;
       }
       
       ul#top_nav li:first-child {
         display: none;
       }
       
       ul#top_nav li:last-child {
          display: none;
       }
       
     ul#top_nav li:nth-child(2n+1) a:focus, ul#top_nav li.active:nth-child(2n+1) a {
         background: url(./../images/nav_rollingpins.png) no-repeat top center #b9aa8b;      
         color: #000;
     }
     
     ul#top_nav li:nth-child(2n) a:focus, ul#top_nav li.active:nth-child(2n) a{
         background: url(./../images/nav_wisks.png) no-repeat top center #b9aa8b;      
         color: #000;
     }
       
     ul#top_nav li:last-child a:focus, ul#top_nav li:last-child a:hover, ul#top_nav li.active:last-child a{
         border-radius: 0;
     } 
     
     #logo img{
         width: 100%;
     }
     
     #logo{
         width: auto;
     }
     
     #main.inner{
         width: 100%;
         height: 1100px;
     }
     
     #main #info, #main #info.contactpg{
             background: rgba(255,255,255,0.8);
             float: left;
             height: auto;
             padding: 30px 0 0 0;
             width: 100%;
         }
    
    #main #info, #main #info.news{
             background: rgba(255,255,255,0.8);
             float: left;
             height: auto;
             padding: 30px 0 0 0;
             width: 100%;
         }
    
     
     #main #info form#contact_us ul{
         margin: 0;
     }
     
     #main #info form#contact_us ul li.captcha{
         margin: 0 0 6px 0;
     }
     
     body #main #info .widget .textwidget iframe{
         width: 40%;
     }
     
     #main{
         float: none;
     }
     
     #main #gallery{
         background: 0 none;
         height: 0;
         padding: 20px 0 0 0;
         width: 96%;
     }
     
     #main #banner{
         clear: both;
         width: 100%;
     }
     
     #main img.gifts{
      width: 100%;   
     }
     
     li.mobile_hide{
             display: none;
         }
     
         li.mobile_show{
             display:block;
         } 
         
         #main.contact2{
             height: 1400px;
         }

}


/* 320 **********************************************************************/



@media (max-width: 320px) {

    #logo img{
        width: 100%;
    }
    
    #logo{
        width: auto;
    }
    
    #main{
        height: 1600px;
        width: 100%;
    }
    
    #main #gallery{
        background: 0 none;
        height: 0;
        padding: 20px 0 0 0;
        width: 96%;
    }
    
    #main #banner{
        clear: both;
        width: 100%;
    }
    
    #slides{
        display: none;
    }
    
    ul#top_nav li:first-child {
      display: none;
    }
    
    ul#top_nav li:last-child {
       display: none;
    }
    
    #main img.gifts{
     width: 100%;   
    }
    
    li.mobile_hide{
            display: none;
        }
    
        li.mobile_show{
            display:block;
        } 
    
    
    #main.contact2{
        height: 1400px;
    }
}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {

		.menu-nav {
			background-image: url(../img/menu-mobile__402x.png);
			background-size: 16px 32px;
		}

	}