/*Practiceedge css here */
#menu-item-65{
    display: none !important;
}

.stubby-says{
  	position: fixed;
  	right:9px;
  	top:148px;
  	z-index:999999999;
    width: 345px;
  }
  .stubby-says img{
  width:100%;
  }
  .stubby-text {
    width: 190px;
    position: absolute;
    bottom: 355px;
    left: 20px;
    font-size: 18px;
    top: 66px;
    overflow: hidden;
    height: 196px;
}
  .stubby-close {
    width: 50px !important;
    position: absolute;
    top: 12px;
    right: -10px;
    cursor: pointer;
}
.stubby-says-btn{
  text-decoration: none;
border: 1px solid #64a5e4;
border-radius: 5px;
padding: 4px 8px;
background: #1786c3;
color: beige;
font-size: 18px;
width:30%;
}
.stubby-says-deactivate{
    background: #e41f1f  !important;
    border: 1px solid #e41f1f !important;
}
.add-new{
  font-size:15px;
}
.stubby-says-btn:hover{
color: white;
  }
.add-button{
  padding-bottom: 10px;
}
.stubby-says-form-container{
  width:50%;
  padding:45px;
  border:1px solid #cfc2c2;
  border-radius: 7px;
  box-shadow: 1px 1px;
}
.stubby-says-label{
  font-size:16px;
}
.stubby-says-input{
  width:24%;
}
.stubby-says-text-area{
    width:24% !important;
    height:auto !important;
}
  #quick_quote_box {
    position: fixed;
    right: 16px;
    /*top: 485px;*/
    bottom:2em;
    z-index: 999999999;
    background-color: #072942;
    padding: 20px;
    min-width: 280px;
    width: 280px;
    border-radius: 5px;
}

.quote_input_div {

    background-color: #093758;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding: 20px;
    padding-bottom:1px;

}

.quote_input_div #qck_quantity {

    width: 25% !important;
    border-radius: 5px !important;
    float: left;

}

 .btn.btn-sm.btn-default.quick_quote {

    background-color: #45B34A;
    border: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;

}
#quick_quote_box h3 {
    color: #fff;
}
.quick_quote{
    position:relative;
    bottom:74px;
}
.quote_input_div #postcode {

    width: 40% !important;
    float: left;
    margin-left: 1% !important;
    border-radius: 5px !important;

}
.quick_quote_output {

    color: #fff;
    font-size: 16px;
    word-wrap: break-word;
    position:relative;
    bottom:20px;

}
p {
    margin:0px !important;
    padding-bottom: 12px;
}
.quick_quote_response {

    color: white;

}

 @media screen and  (max-width: 960px) {
  .stubby-says{
    width:260px;
  }
  .stubby-text{
    font-size:12px;
    line-height:1.4;
    top:45px;
    width:150px;
  }
  #quick_quote_box{
    min-width: 180px;
    width:180px;
    /*top:400px;*/
  }
  #quick_quote_box h3 {
    color: #fff;
    font-size: 15px;
  }
   .btn.btn-sm.btn-default.quick_quote {
    font-size: 15px;
  }

 }
@media screen and  (min-width: 1000px) and (max-width:1370px) {
      
    .stubby-says{
        width:260px;
      }
    .stubby-text{
        font-size:12px;
        line-height:1.4;
        top:45px;
        width:150px;
    }
    #quick_quote_box{
        min-width: 300px;
        width:300px;
        bottom: 2em;
    }
  #quick_quote_box h3 {
    color: #fff;
    font-size: 15px;
  }
 .btn.btn-sm.btn-default.quick_quote {
    font-size: 15px;
  } 
   #right-arrow{
      right: 299px !important;
     }
      #left-arrow{
        bottom: 253px;
      }
  
  }
  
#right-arrow{
    width: 45px; 
    position: absolute;
    right: 275px;
    bottom: 67px;
    z-index: -999;
    background-color:#093758 !important;
}
#left-arrow{
    width: 45px; 
    position: fixed;  
    right: 20px; 
    bottom: 173px !important; 
    z-index:99999; 
    background-color:#093758 !important;
}
  
  @media only screen and (width : 1366px)  {
        #left-arrow{
         bottom: 210px !important; 
      }
  }
@media screen and  (min-width: 768px) and (max-width:1000px) {
     #right-arrow{
    width: 40px;
    right: 206px;
    background-color:#093758 !important;
    }
    #left-arrow{
        width: 40px;
        bottom: 253px;
        background-color:#093758 !important;
    }
     #quick_quote_box{
        min-width: 200px;
        width:210px;
        bottom:2em;
     }  
    #quick_quote_box h3 {
        color: #fff;
        font-size: 15px;
    }
    #process_img {
        width:28px;
        bottom:36px !important;
    }
    .btn.btn-sm.btn-default.quick_quote {
        position: relative;
        bottom: 45px;
    }
    #right-arrow{
        bottom:74px;
    }
    #bottle_image{
        width:34%;
    }
    p {
        margin:0px !important;
        padding-bottom: 12px;
    }
    .quick_quote_output {
         font-size:14px !important;
         position:relative;
         bottom:20px;
     }
     #top input[type="text"] {
         font-size: 0.86em !important;
     }
  }
@media screen and  (min-width: 320px) and (max-width:768px) {
#right-arrow{
          width: 40px;
          right: 200px;
            background-color:#093758 !important;}
#left-arrow{
        width: 40px;
           background-color:#093758 !important;
      }
      #top input[type="text"] {
     font-size: 0.86em !important;
 }
 #process_img {
        width:28px;
        bottom:36px !important;
    }
}

@media screen and  (min-height:500px) and (max-height: 560px) {
  #left-arrow{
    bottom:120px;
      background-color:#093758 !important;
  }
}
 @media screen and  (min-width: 220px) and (max-width:767px) {
  
  #menu-item-65{
    display: block !important;
}
#left-arrow{ background-color:#093758 !important;}
#right-arrow{ background-color:#093758 !important;}
  #quick_quote_box{
   bottom: 2em;
  }
  
  .stubby-says{
    display: none;
  }
  #quick_quote_box{
    min-width: 200px;
    width:210px;
    /*top:150px;*/
  }

.btn.btn-sm.btn-default.quick_quote {
    position: relative;
    bottom: 45px;
}
#right-arrow{
    bottom:85px;
}
#bottle_image{
    width:34%;
}
p {
    margin:0px !important;
    padding-bottom: 12px;
}
.quick_quote_output {
     font-size:14px !important;
     position:relative;
     bottom:20px;
 }
 
 
 }