.form {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 40px 0px;
}

 form {
  width: 300px;
}

.img {
  width: 280px;
}

.img img {
  width: 100%;
}

 input, textarea {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0px auto 16px;
  border: 1px solid rgb(231, 231, 231);
  background: rgb(248, 249, 249) none repeat scroll 0% 0%;
  border-radius: 3px;
  font-size: 16px;
  color: rgb(0, 0, 0);
  padding-left: 15px;
  height: 40px;
}

 button, a.btn3 {
  background: rgb(52, 152, 219) -o-linear-gradient(top, rgb(52, 152, 219), rgb(41, 128, 185)) repeat scroll 0% 0%;
  background: rgb(52, 152, 219) -webkit-gradient(linear, left top, left bottom, from(rgb(52, 152, 219)), to(rgb(41, 128, 185))) repeat scroll 0% 0%;
  background: rgb(52, 152, 219) linear-gradient(to bottom, rgb(52, 152, 219), rgb(41, 128, 185)) repeat scroll 0% 0%;
  border-radius: 28px;
  font-family: Arial;
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 10px 20px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  text-align: center;
  max-width: 250px;
  width: 100%;
  margin: 10px auto;
  text-transform: uppercase;
  transition: all 0.3s;
  border: none;
  font-weight: 700;
  text-decoration: none;
}

.post-page-content-main a.btn3 {
  text-decoration: none;
}

.post-page-content-main a.btn3:hover {
  color: #fff;
}

.btn3 {
  max-width: 300px;
  animation: 1s pulse infinite alternate ease-in-out;
}

.b-comments__button-comment a {
  animation: 1s pulse infinite alternate ease-in-out;
}

form button {
  animation: 1s pulse infinite alternate ease-in-out;
}

 button:hover, a.btn3:hover {
  transform: scale(1.1);
  background: rgb(52, 152, 219) -o-linear-gradient(top, rgb(52, 152, 219), rgb(41, 128, 185)) repeat scroll 0% 0%;
  background: rgb(52, 152, 219) -webkit-gradient(linear, left top, left bottom, from(rgb(52, 152, 219)), to(rgb(41, 128, 185))) repeat scroll 0% 0%;
  background: rgb(52, 152, 219) linear-gradient(to bottom, rgb(52, 152, 219), rgb(41, 128, 185)) repeat scroll 0% 0%;
  color: #fff;
}



@keyframes pulse {
    0% {
        -webkit-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);
    }

    100% {
        -webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);
    }
}

.submit-form:after {
    display: inline-block;
    -webkit-animation: dotty steps(1,end) 1.5s infinite;
            animation: dotty steps(1,end) 1.5s infinite;
    content: '';
    position:absolute;
    margin-left:10px;
  }
  
  @-webkit-keyframes dotty {
    0%   { content: ''; }
    25%  { content: '>'; }
    50%  { content: '>>'; }
    75%  { content: '>>>'; }
    100% { content: ''; }
  }
  
  @keyframes dotty {
    0%   { content: ''; }
    25%  { content: '>'; }
    50%  { content: '>>'; }
    75%  { content: '>>>'; }
    100% { content: ''; }
  }

 .prices {
  width: 100%;
  text-align: center;
  font-size: 0px;
  margin: 10px 0;
}

 .prices .new {
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  margin: 5px;
  color: rgb(52, 152, 219);
  font-weight: 700;
}

 .prices .new p {
  font-size: 24px;
  margin: 0 auto;
  color: rgb(52, 152, 219);
}

 .prices .old {
  display: inline-block;
  vertical-align: middle;
  font-size: 19px;
  color: rgb(178, 178, 178);
  margin: 5px;
}

 .prices .old p {
  font-size: 16px;
  margin: 0 auto;
  color: rgb(178, 178, 178);
}

.toForm {
  cursor: pointer;
}

@media all and (max-width: 600px) {
  .form { width: 100%; flex-direction: column; padding: 20px 0px; }
  .form .img { padding: 20px 0px; }
}

@media all and (max-width: 400px) {
   input,  button { width: 100%; }
}