/****************************************************************************

( 1024 X 768)

****************************************************************************/

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

{
.banner .logo { margin-top:-40px; }
    header .nav_two ul li { width: 12.3%;}

    .header-wrapper .container {  height: 93%;}
	.quote_wrap, .contact_header  {display:none;}

}

/****************************************************************************

(800 X 600) + (768 X 1024)

****************************************************************************/

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

{
.quote_wrap, .contact_header  {display:none;}
    .header_banner { height: 319px; }

    .short_banner {height: 319px;  }

    .responsive_nav {display: none;}

    .description p {padding:8px;font-size:16px;line-height: 18px;}

    .banner {  padding: 10px 0px;}




 

    .header-wrapper .container {  height: 94.3%;}

}





/****************************************************************************

(768)

****************************************************************************/

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

{
.quote_wrap, .contact_header  {display:none;}
    .header-wrapper .container {  height: 94.3%;}

    .header_banner { height: 319px; }

    .short_banner {height: 319px;  }

    .responsive_nav {display: none;}

    .header_two .responsive_nav {display: block;width: 100%; float: none; }

    .banner {  padding: 10px 0px;}

.ticker {display: block;font-size:12px;}


	.quote_wrap, .contact_header  {display:none;}
}





/****************************************************************************

(600 X 800)

****************************************************************************/

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

{
	#ui-id-1,#ui-id-2,#ui-id-3,#ui-id-4,#ui-id-5,#ui-id-6,#ui-id-7,#ui-id-8 {display:none;}
	.quote_wrap, .contact_header  {display:none;}
  
  .ticker {display: block;width:95%;margin-top:100px;}
	.banner h1 { font-size:16px;line-height: 26px;}
	
	.products td {display: block;clear: both;width:85%;margin:0 auto;}
.declaration{font-size: 24px;}
p {padding:0px 5px;}	

.wild_banner {margin-bottom: 20px; }

.wild_banner div { padding: 5px; margin:5px; }

.wild_banner div p { padding: 0 10px;}

.description p {font-size:16px;padding: 0 10px;}

.products img {width:40%;}

.Cart66UserQuantity input {margin-bottom: 10px!important;}

.Cart66ButtonPrimary, .Cart66ButtonSecondary, #content .Cart66ButtonPrimary, #content .Cart66ButtonSecondary, .Cart66CartButton .purAddToCart,.Cart66CartContinueShopping .Cart {
 
margin-bottom: 10px !important;display: block !important;
    
   padding: 0 5px !important; float:left;
}

.table_tasting td {display: block;clear: both;width:85%;margin:0 auto;}

    .header_banner { height: 319px; }

    .short_banner {height: 319px;  }

    .butn { padding: 10px 39px;}

    .full_btn { padding: 10px 42px;}

    header .nav { display: none !important; }

    .responsive_nav {display: block;width: 100%; float: none; }

    .banner {  padding: 10px 0px;}

    .banner { margin-top: -260px; }






    .header_two { height: 56px; }

    .header_two .responsive_nav > ul > li > a { padding: 16px 0 16px 10px !important;}



    header {height:42px; line-height: 55px;}

    header .logo_two {width: 100%; float: none; text-align: center; margin-left: 0px;}

    header .logo_two a img {vertical-align: middle;}



    .about-wrap, .servic-wrap, .port-wrap, .contact-wrap, .wrap, .single_wrap {width: 95%; margin: 0 auto 30px;}



    .facts ul li a { font-size: 25px;}

    .facts ul li span { font-size: 10px;}

    .servic {margin-left: 0px !important; }



    .clients {   margin-top: 75px; }

    .clients h3 { font-size: 25px;}

    .clients ul li { margin-bottom: 15px; }



   /* .flexslider, .flexslider .slides, .flexslider .slides li, .detail-slider .slides li, .flexslider .slides img { height: 300px; }*/

    .portfolio-nav li { margin: 0 2px 5px; }

    .portfolio_line .portfolio {width: 100%;}



    .adress p a { font-size: 21px; display: inline-block;}



    form input[type="text"] { width: 90%; }

    form fieldset { width: 43%;}



    .post { background-position:center 93%;}

    .warnings .bar {  height: auto; }

    .price { margin-left: 0px; }
	
	

}





/****************************************************************************

{320 X 480} + (480 X 320)

****************************************************************************/

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

{
	
	footer {margin-top: 30px;}
	
	#ui-id-1,#ui-id-2,#ui-id-3,#ui-id-4,#ui-id-5,#ui-id-6,#ui-id-7,#ui-id-8 {display:none;}
	
h2 {margin-top: 12px;padding:0px;}
.quote_wrap, .contact_header  {display:none;}
.banner {top:68%;}

.home_wraper {
   
    padding-top: 20px;
}
	
	#billingInfo {display:block !important; clear:both !important;}
	#paymentInfo, #accountInfo, #Cart66CheckoutButtonDiv {margin-left: 0 !important;;}
	.phorm2{min-width: 320px !important;}
	select {width:100px !important}
	
	#ccInfo input[type="text"], #accountInfo input[type="text"], #accountInfo input[type="password"] {
    width: 90% !important;}
	
	.ticker {display:none;}
  /*.ticker {display: block;width:90%;margin-top:40px;}*/
	.banner h1 { font-size:8px;}
p {padding:0px 5px;}	
.products td {display: block;clear: both;width:85%;margin:0 auto;}
.declaration{font-size: 21px;}
	.banner h1 { font-size:18px;}

.wild_banner,.wild_banner_dark {margin-bottom: 20px; }

.wild_banner div,.wild_banner_dark div{ padding: 5px; margin:5px; }

.wild_banner div p,.wild_banner_dark div p { padding: 0 10px;}

.description p {font-size:16px;padding: 0 10px;}

.products img {width:40%;}

.header_banner { height: 319px; }

.short_banner {height: 319px;  }


.Cart66UserQuantity input {margin-bottom: 10px!important;}

.Cart66ButtonPrimary, .Cart66ButtonSecondary, #content .Cart66ButtonPrimary, #content .Cart66ButtonSecondary, .Cart66CartButton .purAddToCart,.Cart66CartContinueShopping .Cart {
 margin-bottom: 10px !important;display: block !important;padding: 0 5px !important;float:left;line-height:30px !important;}
 
 .alert-message.success {
   	margin-left: 20px !important;
     margin-top: 100px!important;
	  }

.Buy {top:-55px;}

.table_tasting td {display: block;clear: both;width:85%;margin:0 auto;}

    .banner .logo {width: 200px; margin: 0 auto;}

    .quote .slide p { font-size: 14px;}


    header .nav { display: none !important; }

    .responsive_nav {display: block;width: 100%; float: none; }
	
	.page-id-178 .responsive_nav {display: none !important; }

    .banner {  padding: 10px 0px;}

    .banner { margin-top: -260px; }




    .header_two { height: 56px; }

    .header_two .responsive_nav > ul > li > a { padding: 16px 0 16px 10px !important;}



    header {height: 42px; line-height: 55px;}

    header .logo_two {width: 100%; float: none; text-align: center; margin-left: 0px;}

    header .logo_two a img {vertical-align: middle;}



    .about-wrap, .servic-wrap, .port-wrap, .contact-wrap, .wrap, .single_wrap {width: 95%; margin: 0 auto 30px;}



    .facts ul li a { font-size: 25px;}

    .facts ul li span { font-size: 10px;}

    .servic {margin-left: 0px !important; }



    .clients {   margin-top: 75px; }

    .clients h3 { font-size: 25px;}

    .clients ul li { margin-bottom: 15px; }



   
.flexslider, .flexslider .slides, .flexslider .slides li, .detail-slider .slides li, .flexslider .slides img { height: 300px; }*/

    .portfolio-nav li { margin: 0 2px 5px; }

    .portfolio_line .portfolio {width: 100%;}



    .adress p a { font-size: 21px; display: inline-block;padding: 10px 10px;    }



    form input[type="text"] { width: 90%; }

    form fieldset { width: 43%;}



    .post { background-position:center 93%;}

    .warnings .bar {  height: auto; }

    .price { margin-left: 0px; }

.ae-animation-fade {
	-webkit-animation-name: ae-animation-fade;
	-moz-animation-name: ae-animation-fade;
	-o-animation-name: ae-animation-fade;
	animation-name: ae-animation-fade;

	-webkit-animation-duration:0s !important;
	-moz-animation-duration:0s !important;
	-ms-animation-duration:0s !important;
	-o-animation-duration:0s !important;
	animation-duration:0s !important;

	opacity: 1!important;
}

.animated {
	-webkit-animation-fill-mode:both !important;
	-moz-animation-fill-mode:both !important;
	-ms-animation-fill-mode:both !important;
	-o-animation-fill-mode:both !important;
	animation-fill-mode:both !important;

	-webkit-animation-delay: 0s !important;
	-moz-animation-delay: 0s !important;
	animation-delay: 0s !important;
}

h2 {font-size:28px;}

}