.border {
  border: 1px solid #000;
}
.tel-discount-box .coupon.card .discount-amount .number{
  font-size: 18px !important;
  line-height: 1.2;
}


@media screen and (min-width: 280px) and (max-width: 767px) {
  h2 {
    font-size: 1.5rem; }

  h4 {
    font-size: 1.2rem; }

  header .header-toprow {
    max-width: 96%;
    margin: 0 auto; }
  header .contactinfo {
    width: 100%; }
    header .contactinfo div {
      max-width: 50%;
      float: left;
      font-size: 11px; }
      
    header .contactinfo .contact-no {
      float: left; }
    header .contactinfo .email {
      float: right; }
  header .thornton-logo-container {
    width: 100%;
    float: none; }
    header .thornton-logo-container .thornton-logo {
      float: none;
      max-width: 100%; }
      header .thornton-logo-container .thornton-logo img {
        max-width: 100%; }
  header .navbar-main {
    overflow: hidden; }
    header .navbar-main a {
      font-size: 14px;
      padding: 6px 20px; }

  /*#front-banner.home, #front-banner.inner-page {*/
    /*max-height:300px;*/
    /*overflow: hidden; }*/
    /*#front-banner.home *, #front-banner.inner-page * {*/
      /*border-radius: 0;*/
      /*overflow: hidden; }*/
    /*#front-banner.home #banner, #front-banner.inner-page #banner {*/
      /*max-height:300px;*/
      /*border-radius: 0; }*/
      /*#front-banner.home #banner img, #front-banner.inner-page #banner img {*/
        /*height: 100%;*/
        /*width: auto;*/
        /*max-width: none !important; }*/

  /*#front-banner #banner .banner-content{*/
    /*border-radius: 0;*/
    /*padding: 0 10px !important;*/
    /*text-align: center; }*/
    /*#front-banner #banner .banner-content div {*/
      /*width: 100%; }*/
    /*#front-banner #banner .banner-content .banner-headline {*/
      /*font-size: 1.5rem; }*/
    /*#front-banner #banner .banner-content .btn-banner {*/
      /*font-size: 16px; }*/

  .skip-tab-handles li a {
    padding: 10px 20px; }

  .tab-content > .tab-pane {
    margin-top: 20px; }

  footer .footer-navs {
    margin: 25px auto; }
    footer .footer-navs li {
      margin: 0 5px; }
      footer .footer-navs li a {
        font-size: 16px; }

  .form-right-section {
    padding-left: 3rem;
    padding-right: 3rem; }

  .page-subheading {
    margin: 10px auto 20px; }

  .form-left-section,
  .form-right-section {
    margin: 0 auto;
    padding: 0 !important;
    max-width: 90%;
    border: 0px solid #000; }

  .vdinputs {
    max-width: 92%;
    border: 0px solid #000;
    margin: 30px auto; }
    .vdinputs input,
    .vdinputs select,
    .vdinputs textarea {
      width: 100%;
      max-width: 100%; }

  .proceed-cta-box {
    margin-top: 0rem !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 583px) {

  .brand-logo-container, .thornton-logo-container  {
    width: 100%;
    float: none; 
      margin:5px auto;
  }
    .brand-logo-container .brand-logo, .thornton-logo-container .thornton-logo {
     
      width: 100%;
      margin:20px  auto 0;
      }
       .brand-logo-container .brand-logo > a, .brand-logo-container .brand-logo > a > img, .thornton-logo-container .thornton-logo > a, .thornton-logo-container .thornton-logo > a > img  {
           display:block;
           margin:0 auto;
       }
      .brand-logo-container .brand-logo .logo-skip,
      .brand-logo-container .brand-logo .logo-name {
        height: auto;
        max-width: 80px; }
        .brand-logo-container .brand-logo .logo-skip img,
        .brand-logo-container .brand-logo .logo-name img {
          max-width: 100%; }

  .thornton-logo {
    max-width: 60% !important;
    margin-top: 10px; }

  h2 {
    margin-bottom: 0; }

  footer .footer-skip-logo {
    width: 250px;
    margin: 25px auto 0; }

  #accordion a span {
    display: inline-block;
    width: 80%; }

  .tab-pane ul {
    margin-top: 1rem; }

  .subheading-box {
    padding:0 15px !important; }
}

@media screen and (max-width: 1199px) {
  .container {
    min-width: 96%;
    margin: 0 auto; }
}

@media screen and (max-width: 820px) {
  .coupon.card {
    width: 200px; }
}

@media screen and (max-width: 767px) {
  .coupon.card{
    width: 150px;
  }
  /*.banner-content h2 {*/
    /*font-size: 12px;*/
    /*font-weight: 300;*/
    /*margin-bottom: 5px !important;*/
  /*}*/
    #front-banner.home{
    max-height: 300px;
    overflow: hidden;
  }
  #skip-tabs-section #eircodesearch #myDiv > .autoaddress-control > .autoaddress-options-msg.success, 
  #skip-tabs-section #eircodesearch .no-eircode-txt{
    max-width: unset;
  }
}

@media screen and (max-width: 735px) {
  .couponbox label {
    width: 60%;
    margin-top: 1rem;
    max-width: 300px; }
  .couponbox .coupon.card {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  span.labeltext:before {
    display: none !important; }

  .vdinputs {
    font-size: 14px;}
}

@media screen and (max-width: 991px) {
  #eircodesearch p.no-eircode-txt {
    padding: 10px 30px 0;
  }
  #skipsection .skip-tab-handles li .tab-heading{
    font-size: 20px;
    width: 100% !important;
  }
  .footer-skip-logo.text-center.text-md-left{
    text-align: center !important;
  }
}

@media screen and (max-width: 820px) {
  .radio-btn-row li {
    max-width: 175px;
  }
}

@media screen and (min-width: 584px) and (max-width: 767px) {
  .brand-logo-container, .thornton-logo-container  {
    width: 100%;
    float: none; 
      margin:5px auto;
  }
    .brand-logo-container .brand-logo, .thornton-logo-container .thornton-logo {
      
      width: 100%;
      margin:20px  auto 0;
      }
       .brand-logo-container .brand-logo > a, .brand-logo-container .brand-logo > a > img, .thornton-logo-container .thornton-logo > a, .thornton-logo-container .thornton-logo > a > img  {
           display:block;
           margin:0 auto;
       }
      .brand-logo-container .brand-logo .logo-skip,
      .brand-logo-container .brand-logo .logo-name {
        height: auto; }
        .brand-logo-container .brand-logo .logo-skip img,
        .brand-logo-container .brand-logo .logo-name img {
          max-width: 100%; }
      .brand-logo-container .brand-logo .logo-skip {
        max-width: 30%;
        margin: 0 !important;
        padding-right: 0 !important; }
      .brand-logo-container .brand-logo .logo-name {
        max-width: 48%;
        float: left !important;
        margin-left: 10px; }

  .thornton-logo {
    max-width: 60% !important;
    margin-top: 10px; }
}
    
@media screen and (max-width: 767px) {
  .footer-thornton-logo{
      margin-top:30px;
  }
  .thornton-logo-container .thornton-logo > a > img  {
      margin-top:0 !important;
  }
  .autoaddress-control {
		max-width: 100%;
	} 
	.autoaddress-control .autoaddress-text-box {
		width: 60%;
	}
	.no-eircode-txt.float-left.pr-4{
        float:none !important;
    }
	#eircodesearch p.no-eircode-txt {
        margin-top: 0;
        padding:0;
    }
    .no-serve-area-modal .modal-body .content-step-1 .para{
        text-align: justify;
    }
    #eircodesearch label.no-eircode-txt {
        margin-top: 19px;
        padding: 0;
        width: 100%;
    }
    /*.autoaddress-control > .autoaddress-text-box {
       width: 88% !important;
    }*/
    #eircodesearch .autoaddress-control .autoaddress-options-msg.success {
        width: 100%;
    }
    .form-left-section, .form-right-section {
        max-width: 100%;
    }
    #eircodesearch .autoaddress-control .autoaddress-autocomplete{
      top: 80px;
    }
    #personal_details_form .form-group.vdinputs{
        margin: 15px auto 0;
    }
    #delivery-page .btn-skip {
      margin: 0 auto 10px !important;
      display: block;
    }
    .row.contact_div .col-md-5.col-xs-5{
        width:38%;
    }
    .row.contact_div .col-md-7.col-xs-7{
        width:62%;
    }
    .row.contact_div #contact_code {
        width: 100%;
    }
    #front-banner.home, #front-banner.inner-page {
      max-height: unset;
      height: 180px;
      overflow: hidden;
    }
    #front-banner.home #banner, #front-banner.inner-page #banner, #front-banner.home #banner .banner-in, #front-banner.inner-page #banner .banner-in{
      height: 100%;
      max-height: unset;
      width: 100%;
      max-width: unset;
      overflow: hidden;
      margin: 0 auto;
    }
    #front-banner.home #banner .banner-in > img, #front-banner.inner-page #banner .banner-in > img{
      height: 100%;
      max-height: unset;
      width: 100%;
      max-width: unset;
      overflow: hidden;
      margin: 0 auto;
      object-fit: cover;
    }
    #front-banner #banner .banner-content, #front-banner #banner .banner-content *{
      font-size: 14px;
    }
    .tel-discount-box .coupon.card .discount-amount .number{
      font-size: 12px !important;
    }

    .couponbox.discount-select-box-each{
      display: flex !important;
      align-items: stretch;
      justify-content: space-between !important;
      justify-items: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  .couponbox.discount-select-box-each label {
    max-width: 45%;
    width: auto;
    margin: 10px auto;
  }
  .couponbox.discount-select-box-each label .coupon.card {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .couponbox.discount-select-box-each label .coupon.card .discount-amount {
    width: 80%;
  }
  .radio-btn-row {
    display: block;
  }
  .radio-btn-row li {
    width:45%;
    float: left;
    max-width: unset;
  }
  .radio-btn-row li{
    margin: 0 5px 10px;
  }
  .coupon.card .discount-button a {
    padding: 10px;
  }
  .coupon.card .discount-button a > *, input[type="radio"].discount-radio:checked + label a .text-checked{
    font-size: 14px;
  }
  .discount-select-box-each .coupon.card {
    margin: 0 auto 10px;
  }
  .personal_details_div .btn#btn_voucher_apply{
    display: table;
    margin: 10px auto 0;
  }
  .personal_details_div .toc.mob-check-css, .personal_details_div .toc.mob-check-css > a{
    display: block;
  }
  .proceed-cta-box .btn#btn_personal{
    margin-top: 10px !important;
  }

}


@media (max-width: 600px) {
    #front-banner.home, #front-banner.inner-page {
        height: 80px;
        margin-bottom: 100px;
        overflow: revert !important;
    }
    #front-banner.home #banner, #front-banner.inner-page #banner, #front-banner.home #banner .banner-in, #front-banner.inner-page #banner .banner-in {
        height: 150px;
    }
}

@media (max-width: 480px){
      #front-banner #banner .banner-content .btn{
        font-size: 14px;
        padding: 1px 10px;
        margin: 5px auto 0;
      }
    #front-banner.home, #front-banner.inner-page {
        height: 50px;
        margin-bottom: 70px;
        overflow: revert !important;
    }
    #front-banner.home #banner, #front-banner.inner-page #banner, #front-banner.home #banner .banner-in, #front-banner.inner-page #banner .banner-in {
        height: 100px;
    }
}
/*# sourceMappingURL=media.css.map */