/* General Hover Link styles */
div.header-container .bookend {
  outline: none;
  text-decoration: none;
  position: relative;
  line-height: 2;
  color: #fff;
  display: inline-block;
}


/* Hover Effect */
div.header-container .bookend-vert {}


div.header-container .bookend-vert::after {
  content: '';
  width: 100%;
  height: 2px;
  z-index: -1;
  background: #fff;
  position: absolute;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}


div.header-container .bookend-vert::after {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

div.header-container .bookend-vert:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

div.header-container .bookend-vert span {
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

header.template-header .navbar-side .mobile-sub-nav ul li:not(.website-phone) {
  display: inline-block;
}
/* Hover Effect */

.widget.price-heading,
.widget.price-single-line,
.custom-code {
    margin-left: auto;
    margin-right: auto;
    max-width: 1640px;
    padding-left: 20px;
    padding-right: 20px;
}
.widget.price-single-line hr {
    margin: 60px auto;
}
.custom-code hr {
    margin-top: 80px;
    margin-bottom: 80px;
}
.custom-code h5 {
    color: #122ff1;
}
table.gpl {
    width: 100%;
    margin: 10px auto;
    table-layout: fixed;
    border-collapse: collapse;
    background: #fff;
    border: 10px solid #fff;
    border-left: 0px;
    border-right: 0px;
}
.gpl td {
    padding: 1em 0 0 0;
    vertical-align: bottom;
    background-image: radial-gradient(black 1px, white 0px);
    background-size: 8px 8px;
    background-repeat: repeat-x;
    background-position: left bottom;
}
div.widget.price-heading td span {
    background-color: #fff;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
}
div.price-single-line td span {
    background-color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
}
.gpl td:first-child span {
    padding-right: .25em;
}
.gpl td:last-child {
    text-align: right;
    /* width: 3em; */
}
.gpl td:last-child span {
    padding-left: .25em;
}
@media only screen and (max-width: 480px) {
    .gpl td {
        width: 100%;
        background: #f4f4f4;
        display: block;
        text-align: center!important;
        padding: 1em 0;
    }
    div.price-single-line td span {
        background: none;
    }
    .gpl td:first-child span {
        font-size: 2rem;
    }
    .gpl td:last-child span {
        font-size: 3rem;
    }
}