@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Mobile
2. Large Mobile
3. iPad
4. large desktop
5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
html,body{-webkit-text-size-adjust:none;}
@media (max-width:640px) {
    header{min-height:160px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.7); background:url("/images/site/rptr_paper.jpg") repeat scroll 0 0 !important;}	
    .home header div.right a{color:#403c35;}
    .home header div.right .divider{border-color:#403c35;}
    header .container{margin-top:47px;}
    .home .middle-images .right .bottom .left .shadow:hover{background:none;}
    h1{text-align:center; font-size:18px;}
    header div.right .box{width:270px;}
    header #search{margin-top:3px;}
    header .search-box{width:164px; height:20px; left:-12px; top:30px; z-index:99999; border:1px solid #C8B25A;}
    #keywords{width:105px;}
    /* mobile nav */
    .btn-m-nav{display:block;}
    /*.mobile-nav-block{display:block;}*/
    .btn-m-nav { background-color: #c8b25a; background-position: center center; height: 70px; margin: 0; width: 50px;}
    .mobile-banner{display:block; width:100%; height:auto;}
    .banner .banner_slider .spacer{padding:0; height:300px;}
    .mobile-banner img{display:block; width:100%; height:auto;}
    .banner_slider.cycle-slide{background-image:none !important; height:auto;}
    .home .middle-images .right .bottom .left .shadow:hover{display:block;}  
    html, body{max-width:100%; width:100%; min-width:100%;}
    header .right-logo ul{display:none;}
    .logo img{width:80px;}
    header .logo{margin-left:5px; margin-top:-20px;}
    header div.right .box{margin:0;}
    .banner .container .content h3{line-height:22px; font-size:16px; text-align:center; margin-top:10px; margin-bottom:10px;}
    .banner .container .content a{position:relative; text-align:center; margin:0 auto; bottom:0; left:0; right:0; text-align:center; margin:0 auto; display:inline-block; width:100%;}
    .banner .cycle-pager{display:none;}
    /* Middle Section */
    .home .middle-images .left{width:100%; float:none; height:auto;}
    .home .middle-images .right .bottom .left.career, .home .middle-images .right .bottom .left.location{width:100%;}
    .home .middle-images .right{width:100%;}
    .banner .banner_slider .container{width:100%; background:rgb(156,53,62); height:300px; padding:10px 0;}
    .banner .center{top:66%;}
    .banner .center #prev{margin-left:5px; width:15px;}
    .banner .center #prev img{width:15px;}
    .banner .center #next{margin-right:5px; width:15px;}
    .banner .center #next img{width:15px;}
    .home .middle-images .right .top .hide{display:block;}
    .home .middle-images .right .bottom .career .border{left:0;}
    .home .middle-images .right .top{height:auto;}
    .home .middle-images .right .bottom .left.career, .home .middle-images .right .bottom .left.location{float:left;}
    .home .middle-images .featured .cycle-slideshow .border{display:none;}
    .home .middle-images .featured .featured-content .bottom{padding:10px; box-sizing:border-box; margin-top:10px; width:100%; min-height:150px;}
    .home .middle-images .featured .featured-content .image{height:auto;}
    .home .middle-images .featured .cycle-slideshow .border{left:0; bottom:38px;}
    .home .middle-images .featured .featured-content .bottom h3, .home .middle-images .featured .featured-content .bottom p, .home .middle-images .featured .featured-content .bottom a{margin:0; text-align:center;}
    .bottom > a{float:none !important; text-align:center; margin:0 auto !important; line-height:30px; display:block; clear:both;}
    .home .middle-images .featured .center{top:auto; bottom:45px;}
    .home .middle-images .featured .featured-content .bottom .left{display:none;}
    .home .middle-images .right .top .hover.hide{padding-top:10px; height:100%; position:relative; padding-bottom:25px;}
    .home .middle-images .right .bottom{margin-top:0px;}
    .home .middle-images .right .top .hover h3{font-size:22px;}
    .home .middle-images .right .top .hover p{width:100%; padding:0 10px; box-sizing:border-box; font-size:16px; line-height:22px;}
    .site-map img{float:none;}
    .home .middle-images .left .border{width:100%; left:0;}
    .home .middle-images .left .header{padding:20px 0;}
    .home .middle-images .featured .cycle-slideshow{margin:0;}
    .home .sub-banner h1{font-size:20px; line-height:24px;}
    .home .sub-banner .container{width:100%; margin:10px 0;}
    .home .sub-banner{padding:40px 0 20px 0;}
    .home .middle-images .featured .header h4{font-size:21px; padding-bottom:0;}
    #feat-prev > img{width:15px;}
    #feat-next > img{width:15px;}
    /* Slider */
    .owl-carousel{margin:0 auto;}
    .owl-nav .owl-prev{margin-top:-50px; left:-10px;}
    .owl-nav .owl-next{margin-top:-50px; right:0px; margin-right:-42px;}
    .home .our-brands h4{font-size:22px;}
    /* Footer part  */
    footer .social .left .links{right:0; left:-50px; z-index:99999999; margin:0 auto; text-align:center; width:120px;}
    footer .container div.link-img{width:55px;}
    footer .container div.site-map{padding-left:4px;}
    footer .container span.divider{clear:both;}
    footer .container div.site-map{width:83%;}
    footer .container span.divider{clear:both;}
    footer .container .columns{width:100%;}
    footer .container div.contact{width:80%;}
    footer .container .copyright{font-size:13px; line-height:18px; padding-right:15px;}
    footer{position:relative; padding-top:15px; height:auto; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.7);}
    #wrapper{position:relative;}
    footer .container{padding:0 0 10px 10px; box-sizing:border-box;}
    .home .middle-images .right .bottom .left.career, .home .middle-images .right .bottom .left.location{height:225px;}
    .home .middle-images .right .bottom .location .content{margin-top:5px;}
    .home .middle-images .right .bottom .career .content{margin-top:20px;}
    .divider > img{ max-width: 23px;}
    /*-----------  about page  -------------*/
    main .container{width:98%; padding:0 10px; box-sizing:border-box; margin-top:20px;}
    main .container .nav{width:100%; padding-bottom:10px;}
    main .container .content{width:100%; padding-bottom:20px;}
    #wrapper{padding-top:10px;}
    main .container .nav ul li{margin:10px 0;}
    main .container .nav ul li a{font-size:15px;}
    main .container .content h2{font-size:15px; line-height:22px;}
    main .container .content .testimonial .top{margin:0;}
    .about main .right.content h3, .about main .right.content h4, .about main .right.content h2{margin:0;}
    main .container .content .testimonial h3{margin:0 0 5px 0; line-height:20px; }
    main .related .callout{width:100%;}
    /*main .related .dots{display:none;}*/
    main .container .nav .sub-heading.second{margin-top:20px; text-align:left;}
    main .container .content p{line-height:24px;}
    main .related .hover .shadow.blurry{background:none;}
    .history .right.opaque .text{width:60%; min-width:inherit;}
    .history .left{width:100%; float:none !important;}
    .history .right{width:100%; float:none !important}
    .history .left .content{width:92%; margin:20px auto;}
    .history .left p{font-size:16px; line-height:22px; margin:30px auto 0;}
    /*------ beer page -----  */
    .beer main .container .callout{width:100%;}
    .beer main .container .callout .top .text .circle{margin-bottom:40px;}
    /* ------- careers ------ */
    .careers main .container .nav{width:100%;}
    .careers main .container .content{width:100%;}
    .careers main .container .nav .note{margin-top:15px;}
    .careers main .container .nav .note p{line-height:22px;}
    .careers main .container .content h4{font-size:21px;}
    /* ----- community page  ------- */
    .community main .container .callout{width:100%;}
    .community .heading .filter{width:auto;}
    .community .heading .filter p{float:none;}
    .community .heading .filter select.custom-dropdown{float:none;}
    /* ----- walk-for-madd-2015 page ------  */
    .community.details main .container{margin-top:10px;}
    .community.details main .container .left.nav .sub-heading{margin-top:0;}
    main .container .nav ul li{margin:5px 0;}
    .social-links{text-align:center;}
    /*------- contact page ---------*/
    .contact .middle-banner .address{width:100%; display:inline-block; float:none; margin:0 auto; max-width:320px; text-align:center; padding-bottom:15px; border-bottom:1px dashed #fff;}
    .contact .middle-banner .phone{width:100%; display:inline-block; float:none;margin:0 auto; text-align:center; max-width:250px; padding-top:5px;}
    .contact .container form{width:100%;}
    .column.sortable{width:100% !important;}
    .contact .container form .dfcolumns .column{min-height:0; margin:0 auto;}
    .contact .container form .dform_container textarea{box-sizing:border-box; width:100%;}
    .contact .container form input[type="text"], .contact .container form input[type="email"]{width:100%; box-sizing:border-box; height:40px; border-radius:0 !important;}
    .contact .container form select.custom-dropdown{width:100%; box-sizing:border-box;}
    .contact .middle-banner .address img, .contact .middle-banner .phone img{left:25px;}
    .contact .middle-banner .phone .dots{left:-8px;}
    .contact .middle-banner .address .dots{left:-8px;}
    
    /* ------- locations page ------ */
    .locations main .location_name .nav_categories li{max-width:100%; padding:0px 0px; box-sizing:border-box; margin:0 0px 10px 0; width:100%; float:none;}
    .locations main .location_name h3{padding:0 10px;}
    .state{ border-bottom:1px dashed #000; padding:0 10px;}
    .location_name .container{padding:0;}
    .locations main .container .map{width:100%; max-width:320px; margin:0 auto; padding-bottom:15px;}
    .map > img {width: 294px;}
    .locations main .message h4 p{width:100%; max-width:100%; padding:20px 10px; box-sizing:border-box; font-size:15px; line-height:21px;}
    .location_name .container{max-width:100%; width:100%;}
    .locations main .location_name .nav_categories{width:100%;}
    .locations main .container .map a#owensboro-ky{left:500px;}
    .locations main .container .map a#louisville-ky{left:500px;}
    .locations main .container .map a#lubbock-tx{left:55px; top:55px;}
    .locations main .container .map a#owensboro-ky{left:200px; top:8px;}
    .locations main .container .map a#louisville-ky{left:213px; top:-2px;}
    .locations main .container .map a#olive-branch-ms{left:170px; top:47px;}
    .locations main .container .map a#odessa-tx{top:92px; left:52px;}
    .locations main .container .map a#odessa-tx-corporate-office{top:80px; left:48px;}
    .locations main .container .map a#san-angelo-tx{top:110px; left:80px;}
    .locations main .container .map a#wichita-falls {left: 112px;top: 66px;}
    .locations main .container .map a {font-size: 8px;}
    .locations main .container .map span { font-size: 20px;}
    
    /* ------- login -------- */
    .login{margin-bottom:140px; padding:0; height:auto; min-height:235px; margin-top:20px;}
    .right > form{margin-bottom:25px;}
    .login .left{width:100%;}
    .login .right{width:100%;}
    .login p{line-height:24px;}
    .page-404 main .container .content h4{font-size:17px;}
    /*------ search  ------*/
    .search .main.container ol li a{font-size:16px; line-height:20px;}
    .search .main.container ol li{margin:0 auto; padding-bottom:20px;}
    /* ------ brand  ------- */
    .beer.brand.details main .container .nav{margin-left:0px; width:100%;}
    .beer.brand.details main .container .content{width:100%;}
    .beer.brand.details main .container .content h4{font-size:22px;}
    .beer.brand.details main .container .content .staff .staff-member .right{width:100%; margin-right:0;}
    .beer.brand.details main .container .nav .small-map{margin:0 auto; width:100%;}
    .beer.brand.details main .container .content{margin:0;}
    .beer.brand.details main .container .content .staff .staff-member{margin-bottom:30px;}
    .job{margin-top: 20px;}
    main .container .nav{padding-bottom:20px;}
    /* Thank You Page */
    .banner{margin:0;}
    main .container{margin-top:5px; padding-bottom:20px;}
    .thanks h2 , .thanks h3{padding:0;}
    .beer.brand.details main .container .content .details-box{width:100%;}
    .beer.brand.details main .container .nav .back-btn{margin-bottom:15px; display:block;}
    .beer .filter{padding:0 10px; box-sizing:border-box;}
    .beer.brand .filter select.custom-dropdown{margin-left:0; margin:0 auto; text-align:center; float:none; max-height:45px;}
    /* Thank You Page */
    .banner{margin:0;}
    main .container{margin-top:5px; padding-bottom:20px;}
    .thanks h2 , .thanks h3{padding:0; font-size:20px; line-height:24px;}
    .thanks .banner{height:175px;}
    .thanks .banner {background-position: center center;}
    .locations.details main .container .nav{width:100%; float:none;}
    .locations.details main .container .content .staff .staff-member .left{float:none; display:block; text-align:center; margin:0 auto; width:50%;}
    .locations.details main .container .content .staff .staff-member .right{width:100%; float:none; margin:20px 0 0 0; text-align:center;}
    .locations.details main .container .content{width:100%; float:none;}
    .locations.details main .container .content .local-organizations h4{text-align:center; margin:10px 0;}
    .organization .left.c{float:none; text-align:center; width:50%; margin:0 auto;}
    .locations.details main .container .content .local-organizations .organization .left img{margin:0;}
    .organization .right{width:100% !important; text-align:center; float:none; }
    main .container .content img{max-width:95%;}
    main .container .nav{margin-top:20px;}
    .community main .container h1{width:auto; padding:55px 0 0 0!important; margin:0 0 20px 0!important;}
    .container.c > h4{font-size:20px !important;padding:0px; margin:0 !important; }
    .search .pagination strong{font-size:14px;}
    .contact .middle-banner{margin-top:20px;}
    .sub-heading.second > br{display:none;}
    .history .right.opaque{max-height:320px !important;}
    .beer.brand .filter p{margin-bottom:0; text-align:center; float:none;}
    main .heading h1{font-size:21px;}
    .banner .container .border{background-image:none;}
    .beer.brand.details main .container .right.top{display:none;}
    .top img{max-width:100%;}
    .contact .container form .dform_container textarea{border-radius:0 !important;}
    ol{padding:0 10px; box-sizing:border-box;}
    .search .main.container{padding:0 25px; box-sizing:border-box;}
    .search .main.container ol li{width:100%; padding:0 15px; box-sizing:border-box;}
    .search .main.container ol li .summary{word-wrap:break-word; font-size:14px; line-height:20px;}
    main #scroll.scroll .pagination{position:static;}
    .beer.brand.details main .related .owl-carousel .owl-nav .owl-prev{left:-10px;}
    .beer.brand.details main .container .right.top{display:none;}
    .beer.brand.details main .related .callout-container{width:100%;}
    main .container .content .btn-down{display:none;}
    .history .right{height:450px !important;}
    .search .main.container{margin:15px 0;}
    .search .pagination{padding-bottom:10px;}
	
	footer .container span.divider{width:17%; text-align:right; padding-right:10px; box-sizing:border-box;}
	footer .container div.site-map{width:83%;}
	footer .container div{padding-top:0;}
	footer .container span.divider{margin:0;}
	footer .container div.contact{margin-left:0;}
	footer .container div.social{width:83%; margin-left:0;}
	footer .container div.site-map{padding-left:0;}
	
	/* confirmation page */
	.age-verify .age-header .inner .logo{top:-7px; left:0; right:0; margin:0 auto;}
	.age-verify .age-header{margin-bottom:30px;}
	.age-verify .container .dots{margin:10px 0;}
	.age-verify .container h4{font-size:20px;}
	.age-verify .container p{font-size:12px;}
	.age-verify .container.age-buttons{width:auto;}
	.age-verify .container .btn{float:none; margin:0 auto 20px; text-align:center;}
	.age-verify p{line-height:15px; font-size:12px;}
	.history .next-page{background-repeat:no-repeat;}
	.history .prev-page{background-repeat:no-repeat;}
	.search .main.container{padding:0 10px 0 36px;}
	footer .social .left .links ul li{margin:0px 0px;}
	
	.home .our-brands{padding:25px 0 50px 0;}
	.home .middle-images .featured .featured-content .image img{max-height:200px;}
	.home .middle-images .right .top .hover.hide{padding-top:30px;}
	.contact > h3{font-size:15px;}
	.contact > p{font-size:13px;}
	.bottom.view-more-btn > h3{font-size:16px;}
	.bottom.view-more-btn > a{width:100px; height:50px; line-height:50px;}
	.community .overlay .pop-up{left:5%;}
	#sequence .seq-canvas > *{overflow:scroll; padding-top:50px;}
	#sequence .seq-canvas > li:before{display:none;}
	.history .next-page{top:-103px;}
	
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
    html, body{max-width:100%; width:100%; min-width:100%;}
    header{background:url("/images/site/rptr_paper.jpg") repeat scroll 0 0 !important; height:125px !important;}	
    .home header div.right a{color:#403c35;}
    .home header div.right .divider{border-color:#403c35;}
    header .right-logo ul{display:none;}
    header .container{margin-top:45px;}
    .banner .container .content h3{line-height:24px;}
    header .logo{margin-left:0;}
    /* mobile nav */
    .btn-m-nav{display:block;}
    /*.mobile-nav-block{display:block;}*/
    .btn-m-nav { background-color: #c8b25a; background-position: center center; height: 70px; margin: 0; width: 50px;}
    footer{position:relative; height:auto; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.7);}
    #wrapper{position:relative;}
    /* Middle Section */
    .home .middle-images .left{width:100%; float:none; height:auto;}
    .home .middle-images .right{width:100%;}
    .home .middle-images .right .bottom .left.career, .home .middle-images .right .bottom .left.location{float:left;}
    .home .middle-images .featured .featured-content .bottom{margin-top:-45px; width:100%;}
    .home .middle-images .featured .featured-content .image{height:500px;}
    .home .middle-images .featured .featured-content .bottom .left{display:none;}
    .home .middle-images .right .top .hover.hide{padding-top:10px; height:100%;}
    .site-map img{float:none;}

    /* Slider */
    .owl-carousel{margin:0 auto;}
    .owl-nav .owl-prev{margin-top:-50px;}
    .owl-nav .owl-next{margin-top:-50px;}
    /* Footer part  */
    footer .social .left .links{right:0; left:0px; z-index:99999999;}
    footer .container div.link-img{width:55px;}
    footer .container div.site-map{padding-left:4px;}
    footer .container div.site-map{width:85%}
    footer .container span.divider{clear:both;}

    /*-----------  about page  -------------*/
    main .container{width:98%; padding:0 10px; box-sizing:border-box;}
    main .container .nav{width:34%;}
    main .container .content{width:62%;}
    main .related .callout .content h4{font-size:16px;}
    main .related .callout .content{width:90%;}
    .history .right.opaque .text{width:65%; min-width:inherit;}

    /*------ beer page -----  */
    .beer main .container .callout{width:50%;}
    .beer main .container .callout .top .text .circle{margin-bottom:40px;}

    /* ----- community page  ------- */
    .community main .container .callout{width:50%;}
    /*------- contact page ---------*/
    .contact .middle-banner .address{margin:20px 2% 3% 13%;}
    .contact .middle-banner .phone{width:auto;}
    .contact .container form{width:100%;}

    /* ------- locations page ------ */
    .locations main .location_name .nav_categories li{max-width:200px; padding:20px 15px; box-sizing:border-box; margin:0 25px 0 0;}
    .locations main .container .map{width:590px;}
    .map > img {width: 100%;}
    .locations main .message h4 p{width:100%; max-width:100%;}
    .location_name .container{max-width:100%; width:100%;}
    .locations main .location_name .nav_categories{width:100%;}
    .locations main .container .map a#owensboro-ky{left:402px; top: 20px;}
    .locations main .container .map a#louisville-ky{left:430px; top: 0;}
    .locations main .container .map a#olive-branch-ms{top: 103px;left: 346px;}
    .locations main .container .map a#lubbock-tx{ left: 105px; top: 130px;}
    .locations main .container .map a#odessa-tx-corporate-office { top: 160px; left: 90px;}
    .locations main .container .map a#odessa-tx{top: 171px; left: 93px;}
    .locations main .container .map a#wichita-falls {left: 204px;top: 140px;}
    .locations main .container .map a#san-angelo-tx {left: 154px;top: 199px;}
    /* ------ lubbock-tx page ------- */
    main .related .callout .content h4 { font-size: 15px; line-height: 19px; padding: 5px;}
    /* ------- login -------- */
    .login{margin-bottom:100px; padding:0;}
    .right > form{margin-bottom:25px;}
    .login .left{width:100%;}
    .login .right{width:100%;}
    .login p{line-height:24px;}
    .page-404 .content{width:100% !important;}
    /* ------ brand  ------- */
    .beer.brand.details main .container .nav{margin-left:0px; width:100%;}
    .beer.brand.details main .container .content{width:100%;}
    .beer.brand.details main .container .content .staff .staff-member .right{width:100%; margin-right:0;}
    .beer.brand.details main .container .nav .small-map{margin:0 auto; width:50%;}
    .beer.brand.details main .container .content{margin:0;}
    .beer.brand.details main .container .content .staff .staff-member{margin-bottom:30px;}
    .job{margin-top: 20px;}
    main .container .nav{padding-bottom:20px;}
    .beer.brand.details main .container .content .details-box{width:100%;}
    /* Thank You Page */
    .banner{margin:0;}
    main .container{margin-top:5px; padding-bottom:20px;}
    .thanks h2 , .thanks h3{padding:0;}
    .thanks .banner{height:290px;}
    .view-more-btn a{margin:0 0 0 80px !important;}
    .locations.details main .container .nav .small-map a .get-directions{width:89%;}
    .locations.details main .container .nav .small-map a .get-directions p{width:150px;}
    main .container .content img{max-width:95%;}
    main .container .nav{margin-top:20px;}
    .about main .right.content h3, .about main .right.content h4, .about main .right.content h2{margin:0; line-height:25px;}
    main .container .content .testimonial .top{margin-left:0;}
    main #scroll.scroll .pagination{bottom:5px;}
    .community main .container h1{width:auto;}
    .search .pagination strong{font-size:14px;}
    .contact .middle-banner{margin-top:20px;}
    .community.details main .container .social-links img{margin:6px;}
    .careers main .container .content{padding-top:20px;}
    .beer.brand .filter p{margin-left:15px;}
    .beer.brand.details main .container .nav .small-map a .get-directions{width:94%;}
    .beer.brand.details main .container .right.top{display:none;}
    .beer.brand.details main .related .callout-container{width:100%;}
    .top img{max-width:100%;}
    .contact .container form .dform_container textarea{border-radius:0 !important;}
    .beer.brand .filter select.custom-dropdown{max-height:45px;}
    .beer.brand.details main .related .owl-carousel .owl-item img{max-width:100%;}
    .beer.brand.details main .container .right.top{display:none;}
    main .container .content .btn-down{display:none;}
	
	footer{padding-top:15px;}
	footer .container span.divider{width:17%; text-align:right; padding-right:10px; box-sizing:border-box;}
	footer .container div.site-map{width:83%;}
	footer .container div{padding-top:0;}
	footer .container span.divider{margin:0;}
	footer .container div.contact{margin-left:0;}
	footer .container div.social{width:83%; margin-left:0;}
	footer .container div.site-map{padding-left:0;}
	/* confirmation page */
	.age-verify .age-header .inner .logo{top:-7px; left:0; right:0; margin:0 auto;}
	.community main .container .callout{min-height:420px;}
	.history .next-page{background-repeat:no-repeat;}
	.history .prev-page{background-repeat:no-repeat;}
	
	.history .left p{font-size:15px; line-height:18px; margin:10px auto 0;}
	.community .overlay .pop-up{left:5%;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    html, body{max-width:100%; width:100%; min-width:100%;}
    header .right-logo ul{display:none;}
    .banner .container .content h3{line-height:24px;}

    /* mobile nav */
    .btn-m-nav{display:block;}
    /*.mobile-nav-block{display:block;}*/
    .btn-m-nav { background-color: #c8b25a; background-position: center center; height: 70px; margin: 0; width: 50px;}
    footer{position:relative; height:auto; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.7);}
    #wrapper{position:relative;}
    /* Middle Section */
    .home .middle-images .left{width:100%; float:none; height:auto;}
    .home .middle-images .right{width:100%;}
    .home .middle-images .right .bottom .left.career, .home .middle-images .right .bottom .left.location{float:left;}
    .home .middle-images .featured .featured-content .bottom{margin-top:-45px; width:100%;}
    .home .middle-images .featured .featured-content .image{height:500px;}
    .home .middle-images .featured .featured-content .bottom .left{display:none;}
    .home .middle-images .right .top .hover.hide{padding-top:40px; height:100%;}
    .site-map img{float:none;}

    /* Slider */
    .owl-carousel{margin:0 auto;}
    .owl-nav .owl-prev{margin-top:-50px;}
    .owl-nav .owl-next{margin-top:-50px;}
    /* Footer part  */
    footer .social .left .links{right:0; left:-145px; z-index:99999999;}
    footer .container div.link-img{width:55px;}
    footer .container div.site-map{padding-left:4px;}
    footer .container .columns{width:100%;}
    footer .container div.contact{width:144px;}
    footer .container div.site-map{width:235px;}
    main .related .callout .content{width:90%;}
    .history .right.opaque .text{width:65%; min-width:inherit;}

    /*------ beer page -----  */
    .beer main .container .callout{width:50%;}
    .beer main .container .callout .top .text .circle{margin-bottom:70px;}
    /* ----- community page  ------- */
    .community main .container .callout{width:50%;}
    /*------- contact page ---------*/
    .contact .middle-banner .address{margin:20px 2% 3% 13%;}
    .contact .middle-banner .phone{width:auto;}
    
    /* ------- locations page ------ */
    .locations main .location_name .nav_categories li{max-width:200px; padding:20px 15px; box-sizing:border-box;}
    .locations main .container .map{width:100%;}
    /*.map > img {width: 100%;}*/
    .locations main .message h4 p{width:100%; max-width:100%;}
    .location_name .container{max-width:100%; width:100%;}
    .locations main .location_name .nav_categories{width:100%;}
    /*.locations main .container .map a#owensboro-ky{left:492px; top: 20px;}*/
    /*.locations main .container .map a#louisville-ky{left:508px; top: 0;}*/
    /*.locations main .container .map a#olive-branch-ms{top: 123px;left: 406px;}*/
    /*.locations main .container .map a#lubbock-tx{ left: 115px; top: 130px;}*/
    /*.locations main .container .map a#odessa-tx-corporate-office { top: 160px; left: 100px;}*/
    /*.locations main .container .map a#odessa-tx{top: 171px; left: 103px;}*/
    
    
    /* ------ lubbock-tx page ------- */
    main .related .callout .content h4{font-size:18px;}
    /* ------- login -------- */
    .login{margin-bottom:70px; padding:0;}
    .right > form{margin-bottom:25px;}
    .login .left{width:100%;}
    .login .right{width:100%;}
    .page-404 .content{width:100% !important;}
    /* ------ brand  ------- */
    .beer.brand.details main .container .nav{margin-left:20px; width:35%;}
    .beer.brand.details main .container .content{width:62%;}
    .beer.brand.details main .container .content .staff .staff-member .right{width:80%; margin-right:0;}
    footer .container .copyright{margin-bottom:10px;}
    .view-more-btn a{margin:0 0 0 80px !important;}
    .locations.details main .container .nav .small-map a .get-directions{width:90%;}
    .locations.details main .container .nav .small-map a .get-directions p{width:175px;}
    main .container .content img{max-width:95%;}
    .about main .right.content h3, .about main .right.content h4, .about main .right.content h2{margin:0; line-height:25px;}
    main .container .content .testimonial .top{margin-left:0;}
    main #scroll.scroll .pagination{bottom:5px;}
    .community main .container h1{width:auto;}
    main .container .nav{margin-left:17px;}
    .search .pagination strong{font-size:14px;}
    .contact .middle-banner{margin-top:20px;}
    .community.details main .container .social-links img{margin:4px;}
    .beer.brand.details main .container .nav .small-map a .get-directions{width:90%;}
    .beer.brand.details main .related .owl-carousel{width:75% !important;} 
    .top img{max-width:100%;}
    .contact .container form .dform_container textarea{border-radius:0 !important;}
    .beer.brand .filter select.custom-dropdown{max-height:45px;}
    main .container .content .btn-down{display:none;}
    .beer.brand.details main .container .right.top{display:none;}
	/* confirmation page */
	.age-verify .age-header .inner .logo{top:-7px; left:0; right:0; margin:0 auto;}
	.community main .container .callout{min-height:420px; width:49.5%;}
	footer .container{padding:0 5px; box-sizing:border-box;}
	.history .next-page{top:-85px; background-repeat:no-repeat;}
	.history .prev-page{margin-top:20px; background-repeat:no-repeat;}
	.home .our-brands{padding:25px 0  50px 0;}
	.history .left p{line-height:20px; font-size:15px;}
	.community .overlay .pop-up{left:5%;}
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
    html, body{max-width:100%; width:100%; min-width:100%;}
    .banner .container .content h3{line-height:24px;}
    header .container{margin-top:40px;}
    header div.right{padding:10px 0;}
    header .search-box{left:-262px;}
    /* Middle Section */
    .home .middle-images .featured .featured-content .bottom{margin-top:-45px;}
    .home .middle-images .right .top .hover.hide{padding-top:15px;}
    /* Slider */
    .owl-carousel{margin:0 auto;}
    .owl-nav .owl-prev{margin-top:-50px;}
    .owl-nav .owl-next{margin-top:-50px;}
    /* Footer part  */
    footer .social .left .links{right:0; left:-145px; z-index:99999999;}
    footer .container div.link-img{width:55px;}
    footer .container div.site-map{padding-left:4px;}
    .home .middle-images .featured .featured-content .image img{max-width:100%;}

    /*------- contact page ---------*/
    .contact .middle-banner .address{margin:20px 2% 3% 20%;}
    /* ------- login -------- */
    .login{margin-bottom:55px; padding:0;}
    .right > form{margin-bottom:25px;}
    main .container .content img{max-width:95%;}
    main .container .content .testimonial .top{margin-left:0;}
    main #scroll.scroll .pagination{bottom:5px;}
    .beer main .container .callout .top .text .circle{margin-bottom:45px;}
    .filter select.custom-dropdown{padding:11px 10px;}
    .contact .middle-banner{margin-top:20px;}
    .beer.brand.details main .related .owl-carousel{width:75% !important;} 
    .top img{max-width:100%;}
    .contact .container form .dform_container textarea{border-radius:0 !important;}
    .locations.details main .container .nav{width:30%;}
    .beer.brand .filter select.custom-dropdown{max-height:45px;}
	/* confirmation page */
	.age-verify .age-header .inner .logo{top:-7px; left:0; right:0; margin:0 auto;}
	footer .container{padding:0 15px; box-sizing:border-box;}
	.history .next-page{background-repeat:no-repeat;}
	.history .prev-page{background-repeat:no-repeat;}
	.home .middle-images .featured .featured-content .bottom{margin-top:-85px;}
	.home .middle-images .featured .featured-content .image{height:502px; margin:0 auto 90px;}
	.history .left p{line-height:25px;}
	.home .our-brands{padding:25px 0px 45px 0;}
	.community .overlay .pop-up{left:5%;}
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:479px) and (max-width:600px) {
    .home .middle-images .featured .featured-content .image{height:285px;}
    header .search-box{left:-225px; width:200px;}
    #keywords{width:145px;}
    .home .middle-images .featured .center{top:auto;}
    .banner .banner_slider .spacer{height:210px;}
    .banner .banner_slider .container{height:210px;}
    .banner .center{top:80%;}
    .contact .middle-banner .address{max-width:100%;}
    .contact .middle-banner .phone{max-width:100%;}
    .login{min-height:190px;}
    header .search-box{top:0;}
    main .container .content .testimonial h3{margin-top:10px;}
	footer .container div.contact{margin-bottom:22px;}
	footer .container p {
  color: #ffffff;
  font-size: 13px !important;
}
}

@media (min-width:479px) and (max-width:640px) {
    header .search-box{top:0; left:-250px; width:220px;}
    #keywords{width:165px;}	
	footer .container p {
  color: #ffffff;
  font-size: 13px !important;
}
	
}