@media screen and (min-width:992px) and (max-width:1200px){

  .header-layout1 .logo-wrapper{
   float:none; 
  }
  .main-menu-area{
       text-align: center; 
  }
  .header-layout1 .main-menu-wrapper {
    float: none;
	}
}



.wpcf7-quiz-label{
     font-size: 35px;
    color: #fff;
    float: left;
    margin-right: 15px; 
  line-height: 45px;
}
input.wpcf7-form-control.wpcf7-quiz{
 width: 90px;
}

span.wpcf7-not-valid-tip{
 text-align: center; 
}


.iwcheckbox input , .iwcheckboxno input{
 width:auto !important; 
}
.iwcheckbox{
 font-size: 13px;
    color: #000; 
}


.pum-container.pum-responsive img{
     width: 350px; 
}
li.ordernowmenu{
 background-color: #00acc8; 
  border: 1px solid #00acc8;
  animation: colorchange 2s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 2s; /* Chrome and Safari */
   animation-iteration-count: infinite;
}
li.ordernowmenu a:hover{
 color:#000 !important; 
}

 @keyframes colorchange
    {
      0%   {background: #00acc8;}
      25%  {background: #fff;}
      50%  {background: #00acc8;}
      75%  {background: #fff;}
      100% {background: #00acc8;}
    }
 @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
       0%   {background: #00acc8;}
      25%  {background: #fff;}
      50%  {background: #00acc8;}
      75%  {background: #fff;}
      100% {background: #00acc8;}
    }





.formtitle{
     text-align: center;
    color: #00acc8;
    text-transform: uppercase;
    font-size: 20px;
    font-family: initial; 
}
.popupheading{
     text-align: center;
    color: #00acc8;
    font-family: monospace;
    font-style: italic;
    margin-bottom: 0; 
}

#wpcf7-f400-o2 input{
 width:50%;
  margin:0 auto;
}
p.popuplogo{
 text-align:center; 
}

.pum-theme-382 .pum-container, .pum-theme-hello-box .pum-container{
     border-radius: 10px !important;
    border: 14px solid #00ACC8 !important; 
}

a.yes{
 background-color: #00acc8;
    color: #fff;
    padding: 8px 20px;
    margin-right: 35px; 
}
a.no{
   background-color: #505050;
    color: #fff;
    padding: 8px 20px;
    margin-right: 35px; 
}
a.yes:hover , a.no:hover ,a.no:focus , a.yes:focus{
  color:#fff;
}

.detailstable tr td:nth-child(1){
  width:25%;
}

table.detailstable{
 width:100%; 
}



div.wpcf7-response-output{
 background-color: #fff !important; 
}
span.wpcf7-not-valid-tip{
     background-color: #fff;
    padding: 10px; 
}



@media screen and (max-width:992px) {
  
.polar-mobile-header .control-bar{
  
    border: none;
    
  }
  
  
form.wpcf7-form .vc_col-md-4{
     margin-bottom: 25px; 
}
form.wpcf7-form .vc_col-md-6{
      margin-bottom: 25px; 
  }
  
  form.wpcf7-form .vc_col-md-12{
      margin-bottom: 25px; 
  }
  
  form.wpcf7-form .vc_row{
     margin-bottom: 0px;
  }
}


@media screen and (max-width:768px) {
  
  
  .bottom-bar {
    padding-left:10px;
text-align: left !important;
    font-size: 12px !important;
}
  
}


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

.hesperiden.tparrows{
  display:none;
}

  p.titleborder img {
    width: 100% !important;
}
  
  

}













/*****************Responsive Issue END***************/

.abouttextsleftright{
 text-align: justify;
    color:#000;
font-size:16px;
}



.blueslider{
 color:  #00ACC8 ;
    text-transform: uppercase;
font-weight: 700 !important;
    letter-spacing: 1px !important;
   
}

input.wpcf7-form-control , textarea.wpcf7-form-control{

}

.topbar{
 background-color: #00acc8 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important; 
}
footer .bottom-bar .totop{
     border-color: #fff; 
  right:15px;
}


p.abouttexts{
    color:#000;
        font-size: 16px;
  text-align: justify;
}


span.blue{
 color: #00acc8;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
   
}

td, th {
    padding: 6px 15px 6px 10px;
}

.detailstable tr:nth-child(odd)
{
 background-color:#00acc8; 
   color: #fff;

}




#getintouch p.title-tag{
 color:#000; 
}



.crf-widget .widget-title {
    margin-bottom: 25px;
}
.bottom-bar{
     text-align: center;
    font-size: 16px; 
}

/*MEDIA SCREEN AND 460 START */

@media screen and  (min-width:460px){  

.header-layout1 .logo-wrapper .logo-link{
     width: 300px; 
}
  
  
}  /*MEDIA SCREEN AND 460 END */



p.titleborder{
     text-align: center; 
    margin-top: -20px;
}

p.titleborder img{
 width: 350px; 
}


p.title-tag{
          text-transform: uppercase;
      text-align: center;
    margin-bottom: 0;
    font-size: 35px;
    color: #000;
  font-weight: 600;
    letter-spacing: 1px;

}



#aboutus{
 color:#fff; 
}

#aboutus p.title-tag{
  color:#fff;
      text-align: left;
}

.text-justify{
 text-align:justify; 
}

p.aboutbottle{
     text-align: center; 
}

.contactdetails .wpb_wrapper{
      text-align: center;
  background-color:#f5f5f5;      
  border: 1px solid #d0d0d0;
        /*background-image: url(http://cdn.johnywheels.com/2016/01/01/wineandcocktailswallpaper-l-c7cbb4ddc9bbe5e0.jpg);  */
    padding: 50px 25px;
  
    background-size: 100%;
}
/*
.contactdetails .wpb_wrapper:after{
     content: " ";
    display: block;
    top: 0;
    position: absolute;
    width: 95%;
    background-color: rgba(0, 0, 0, 0.46);
    height: 100%;
}


*/
.contactdetails h2.title{
        
    font-size: 20px !important; 
}

.polar-menu-bar ul.menu>li>a{
   
  font-size: 16px;
}


button.wpcf7-form-control.wpcf7-submit
{
 background-color: #00acc8;
    color: #fff;
    font-size: 20px;
    padding: 8px 30px;
    border: none; 
}


.polar_recent_posts_block .polar-post .col-post-media .featured-media{
background-position: 100%;  
}


.header-v2 .topbar .right .social-icon:hover{
 color:#000; 
}