#popup_form input, #popup_form textarea {
    width: 100%;
    resize: none;
    font-size: 20px;
    line-height: 1;
    padding: 10px;
    float: left;
    margin: 10px 0px 10px 0px;
}
.free_dispancer_form .pc_form_inner {
    float: left;
    width: 50%;
    padding:0px 10px;
}
.free_dispancer_form .pc_form_inner.fl5 {
    width: 100% !important;
}



.free_dispancer_form {
    text-align: center;
}
.site_button {
    background: transparent;
    padding: 0;
    font-size: 20px;
    color: #fff;
    margin: 0;
    line-height: 2.5;
    display: inline-block;
    width: 250px;
    text-align: center;
    transition: 1s;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius:0;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
}
.site_button:hover {
	background-color: #0562a5 !important;
    color: white !important;
    transition: 1s;
    border: 2px solid #0562a5 !important;
}
.site_button span{
    z-index: 99;
}


/*.site_button span::after{
    content: '';
    background: url(https://zealgroup.com.au/projects/pc/wp-content/uploads/2021/01/Icon.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain !important;
    left: -34px;
    position: absolute;
    background-size: contain;
    transition: 0.8s;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
     top: 7px;
}
.site_button span::before{
    content: '';
    background: url(https://zealgroup.com.au/projects/pc/wp-content/uploads/2021/01/Icon.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain !important;
    right:  -34px;
    position: absolute;
    background-size: contain;
    transition: 0.8s;
    -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  top: 7px;
}
.site_button:hover span::before{
        right:  5px;
}
.site_button:hover span::after{
        left:  5px;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}   
@media all and (min-width: 320px) and (max-width: 980px) {

    .site_button span::before,.site_button span::after{
        width: 20px;
            height: 20px;
    }
     .site_button {
        font-size: 16px;
        width: 120px;
        line-height: 1.9;
    }

    .free_dispancer_form .pc_form_inner{
      width: 100%;
      padding: 0px;
    }
    .wpcf7-form-control.wpcf7-submit.pc_form_button.site_button.hover_button{
        line-height: 2.4;
        width: 167px;
    }
    .site_button span::after{
        content: '';
        left: 5px;
    }
    .site_button span::before{
        content: '';
        right:  5px;
    }
}*/


@media all and (min-width: 320px) and (max-width: 767px) {
 
    .site_button.prochem_cart_button {
        color: white !important;
    }
    .slide-content .site_button {
        color: white !important;
    }
    .site_button {
         background: #0562a5;
        border: 2px solid #0562a5;
    }
    .single-product .site_button {
    color: #0562a5;
    border-color: #0562a5;
    line-height: 2;
    font-size: 16px;
    }

}

@media all and (min-width: 768px) and (max-width: 980px) {
   /* .site_button span::before,.site_button span::after{
        width: 20px;
            height: 20px;
    }*/
     .site_button {
        font-size: 16px;
        width: 180px !important;
        line-height: 1.9;
        background: #0562a5;
        border: 2px solid #0562a5;
    }
    .site_button.prochem_cart_button {
        color: white !important;
    }
    .slide-content .site_button {
        color: white !important;
    }
    .single-product .site_button {
		color: #0562a5;
		border-color: #0562a5;
		line-height: 2;
		font-size: 16px;
    }

    /* .site_button span::after{
        content: '';
        left: 5px;
    }
    .site_button span::before{
        content: '';
        right:  5px;
    }*/

}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    /*.site_button{
        line-height: 2;
        width: 200px;
    }*/
      .site_button{
       line-height: 2.4 !important;
        width: 189px !important;
        font-size: 16px !important;
    }
    .site_button:hover span::before {
          right: 5px;
        top: 9px;
        width: 23px;
    height: 23px;
    }
    .site_button:hover span::after {
        left: 5px;
        top: 9px;
            width: 23px;
    height: 23px;
    }

    
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    /*  .site_button{
        line-height: 2.5;
        width: 200px;
    }*/
     .site_button{
          line-height: 2.4 !important;
        width: 192px !important;
        font-size: 17px !important;
    }
    .site_button:hover span::before {
          right: 5px;
        top: 9px;
        width: 23px;
    height: 23px;
    }
    .site_button:hover span::after {
        left: 5px;
        top: 9px;
            width: 23px;
    height: 23px;
    }
    
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
  /* .site_button{
        line-height: 2.5;
        width: 200px;
    }  */ 
     .site_button{
          line-height: 2.3 !important;
        width: 208px !important;
        font-size: 18px !important;
    }
    .site_button:hover span::before {
          right: 5px;
        top: 9px;
        width: 23px;
    height: 23px;
    }
    .site_button:hover span::after {
        left: 5px;
        top: 9px;
            width: 23px;
    height: 23px;
    }

}

@media all and (min-width: 1281px) and (max-width: 1440px) {
   /* .site_button{
        line-height: 2.5;
        width: 200px;
    }*/
    .site_button{
        line-height: 2.3 !important;
        width: 212px !important;
        font-size: 18px !important;
    }
    .site_button:hover span::before {
          right: 5px;
        top: 9px;
        width: 23px;
    height: 23px;
    }
    .site_button:hover span::after {
        left: 5px;
        top: 9px;
            width: 23px;
    height: 23px;
    }

}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    .site_button{
        line-height: 2.2 !important;
        width: 212px !important;
        font-size: 18px !important;
    }
    .site_button:hover span::before {
          right: 5px;
        top: 9px;
        width: 23px;
    height: 23px;
    }
    .site_button:hover span::after {
        left: 5px;
        top: 9px;
            width: 23px;
    height: 23px;
    }

}

@media all and (min-width: 1681px) and (max-width: 1880px) {
  
}

@media all and (min-width: 981px) and (max-width: 3000px) {
    
}