body.widget-snippet .error {
    padding: 80px 0 80px;
  }
  
  .widget-snippet .error-area{
    display: block;
    max-width: 1400px;
    margin:0 auto;
    padding: 0 0 60px;
  }
  
  
  .widget-snippet .error-area .text{width: 45%;padding: 80px 0 0 0;margin: 0 auto;text-align: center;}
  .widget-snippet .error-area .text h6 {    font-family: 'Dozen';font-weight: 400;font-size: 25px;line-height: 33px;color: #ff1010;}
  .widget-snippet .error-area .text h4 {color: #000000;font-size: 45px;line-height: 50px;font-weight: 400;    font-family: 'Dozen';padding: 25px 0 25px 0;}
  .widget-snippet .error-area .text p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 31px;
    color: #333333;
    font-weight: 400;
    margin: 0;
    padding: 10px 0 38px 0;
  }
  .widget-snippet .error-area .text a {margin-top: 0px;height: auto !important;color: #fff;font-weight:400;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px 15px;max-width: 250px;width: 100%;border-radius: 50px;background-color: #000000;border: 1px solid #000000;font-size: 16px;line-height: 26px;    font-family: 'Dozen';text-transform: uppercase;text-decoration: none;text-align: center;}
  .widget-snippet .error-area .text a:hover{
  color: #000;
  background-color:#68e383;
  border: 1px solid #68e383;
  }
  @media only screen and (max-width:1500px) {
  .widget-snippet .error-area {
    padding: 0px 0 80px 0;
  }
  }
  @media only screen and (max-width:1400px) {
  .widget-snippet .error-area {
     padding:50px 0 80px;
  }
  .widget-snippet .error-area .text {
    padding: 0;
  }
    .widget-snippet .error-area .text h4 {
    font-size: 40px;
    padding: 20px 0 10px 0;
  }
  }
  @media only screen and (max-width:1300px) {
  .widget-snippet .error-area {
    max-width: 92%;
    padding: 50px 0 40px 0;
  }
  
  }
  
  
  @media only screen and (max-width: 1200px){
  .widget.widget-snippet .error-area {
    margin: 0 auto;
    max-width:100%;
    padding: 35px 0 30px;
  }
  .widget.widget-snippet .error-area .text h4 {
    font-size: 35px;
    padding: 16px 0;
  }
  .widget.widget-snippet .error-area .text p {
    line-height: 30px;
    padding: 0 0 20px 0;
    font-size: 19px;
  }
  .widget-snippet .error-area .text {
    width: 60%;
    padding:0;
  }
    .widget-snippet .error-area .text a {
    max-width: 200px;
    font-size: 15px;
  }
  }
  @media only screen and (max-width:991px) {
  .widget.widget-snippet .error-area .text h4 {
    font-size: 30px;
    line-height: 20px;
    padding: 30px 0;
  }
  .widget.widget-snippet .error-area .text h6 {
    font-size: 24px;
  }
  .widget.widget-snippet .error-area .text p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 22px 0;
  }
  .widget.widget-snippet .error-area {
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 0;
  }
  .widget.widget-snippet .error-area .text {
    padding-top:15px;
    padding-left: 40px;
  }
  
  }
  
  @media only screen and (max-width:767px) {
  .widget.widget-snippet .error-area {
    display: block;
    margin: 0;
  padding: 0 15px 40px 15px;
    max-width: 100%;
    width: 100%;
  }
  
  .widget.widget-snippet .error-area .text {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .widget.widget-snippet .error-area .text h6 {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    margin: 10px 0 5px 0;
  }
  .widget.widget-snippet .error-area .text h4 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding: 10px 0 12px 0;
    margin: 0;
  }
  .widget.widget-snippet .error-area .text p {
    text-align: center;
    padding: 5px 0 25px 0;
  }
  
  }