@media (min-width: 1200px) {

  .user_data {

    width: 44%;

    float: left;

    padding: 0 3% 0 3%;

  }

  .pay_delivery {

    width: 47%;

    float: left;

    padding-right: 3%;

  }

  .width_100_percent {

    width: 100% !important;

  }

  .empty_row {

    width: 40%;

    float: left;

    padding-right: 6%;

  }

  .price_row {

    width: 53%;

    float: left;

  }

  .padding_right {

    margin: 2% 2% 0 0 !important;

  }

  .box-fixed {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
  }

  .content-cart {
    position: relative !important;
    width: 40%;
    margin-right: 3%;
    border: 1px solid #ffffff;
  }


}

.padding_bottom {

  padding-bottom: 30px !important;

}

.newsletter-bottom-popup {

  width: 100%;

  height: 70px;

  line-height: 70px;

  position: fixed;

  left: 0;

  bottom: 0;

  background: #ffffff;

  z-index: 7;

  border-top: 1px solid grey;

  display: none;

}

.newsletter-bottom-popup-center {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}

.newsletter-bottom-popup .col-0 {

  float: left;

  width: 54%;

  color: #405c42;

}

.newsletter-bottom-popup .col-1 {

  float: left;

  width: 22%;

}

.newsletter-bottom-popup .col-1 input {

  width: 80%;

  height: 34px;

  border: 2px solid #d2b383;

  color: #d2b383;

  padding: 0px 0px 0px 10px;

  font-size: 14px;

}

.newsletter-bottom-popup .col-2 {

  float: left;

  width: 22%;

  padding: 2px;

}

.newsletter-bottom-popup .col-2 input {

  width: 140px;

  height: 40px;

  border: 2px solid #d2b383;

  color: #d2b383;

  padding: 10px;

  background: #ffffff;

  font-size: 14px;

}

.closeNewsletter {

  position: absolute;

  top: 2px;

  right: 4px;

  color: #d2b383;

  line-height: 18px;

  cursor: pointer;

}

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

  .newsletter-bottom-popup-center {

    width: 98% !important;

    padding: 0 1% 0 1% !important;

    margin: 0;

  }

}

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

  .newsletter-bottom-popup .col-0 {

    font-size: 14px;

  }

}

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

  .newsletter-bottom-popup .col-0 {

    font-size: 12px;

  }

}

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

  .newsletter-bottom-popup {

    width: 100%;

    height: 90px;

    line-height: 40px;

  }

  .newsletter-bottom-popup-center {

    padding: 0 0px 0 0px !important;

  }

  .newsletter-bottom-popup .col-1 input {

    width: 80%;

    height: 28px;

    border: 2px solid #d2b383;

    color: #d2b383;

    padding: 0px 0px 0px 10px;

    font-size: 12px;

  }

  .newsletter-bottom-popup .col-2 input {

    width: 100px;

    height: 30px;

    border: 2px solid #d2b383;

    color: #d2b383;

    padding: 4px;

    background: #ffffff;

    font-size: 12px;

  }

  .newsletter-bottom-popup .col-2 {

    padding: 0;

  }

  .newsletter-bottom-popup .col-0 {

    width: 100%;

    text-align: center;

  }

  .newsletter-bottom-popup .col-1 {

    width: 68%;

    text-align: right;

  }

  .newsletter-bottom-popup .col-2 {

    padding: 0 0 0 2%;

    width: 28%;

    text-align: left;

  }

}

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

  .closeNewsletter {

    position: absolute;

    top: 0px;

    right: 0px;

    color: #d2b383;

    line-height: 18px;

  }

}

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

  .newsletter-bottom-popup {

    width: 100%;

    height: 90px;

    line-height: 26px;

  }

  .newsletter-bottom-popup .col-0 {

    width: 97%;

  }

}

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

  .newsletter-bottom-popup .col-1 {

    width: 58%;

  }

  .newsletter-bottom-popup .col-2 {

    padding: 0 0 0 2%;

    width: 28%;

    text-align: left;

  }

}