/*
H1: 24 Abril Fatface or Lato
H2: 20 Lato Bold 
H3: 16 Lato Bold
H4: 16 Lato (main body text)
H5: 14 Lato 
H6: 12 Lato
*/








.foucs-category:focus{
    background:  #407EC9;
}

.view-category-list{
 padding-left: 0px;
    list-style: none;
}

.price-detail-modal .priceDetail.modal{
    top: 20%;
}

#spectrum-plan > div.container {
    max-width: 720px;
}

.price-btn-positon {
    bottom: 10px;
    margin-bottom: 16px;
    position: relative;
}

.price-title-positon {
    top: 17px;
    position: relative;
}

.lr-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.acn-br-6 {
    border-radius: 6px;
}

.view {
    position: relative;
}

.mask {
    height: 100px;
    /*    position: absolute;*/
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    bottom: 0;
    /* overflow: hidden; */
    width: 100%;
    /* height: 100%; */
    background-attachment: fixed;
}

.tint-bg {
    background-color: rgba(64, 126, 201, 0.8);
}



.home-font-p {
    font-size: 16px;
}

.home-font {
    font-size: 36px;
}

.l-slider-dp-left-position {
    position: absolute;
}

.acn-banner-height {
    height: 350px;
}

.acn-home-banner-height {
    height: 350px;
}

.acn-att-banner-height {
    height: 350px;
}

.acn-banner-img {
    width: 100%;
    position: absolute;
    object-fit: cover;
}

.acn-banner-img-drop {
    width: 100%;
    /*    position: absolute;*/
    object-fit: cover;
}

.change-ws > a.dropdown-item {
    white-space: inherit;
}

.terms-nav {
    max-width: 350px;
}

.terms-nav > li > a {
    color: #4A90E2;
    font-weight: bold;
    font-size: 18px;
}

.terms-nav > li {


    border: none;
    padding-left: 0px;


}

#acn-banner-slide-left {
    background-color: #002855;
}

w-350 {
    max-width: 351px;
}

/*terms.html*/

.change-hr-color {
    border-top: 1px solid #4A90E2;
}

.terms-list li {
    margin-bottom: 20px;
    margin-left: -15px;
    padding-left: 10px
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.mt-8 {
    margin-top: 8px;
}

.mt-23 {
    margin-top: 23px;
}

.pl-16px {
    padding-left: 16px;
}


.swiper-container {
    /*    max-width: 1460px;*/
    width: 100%;
    /*    height: auto*/
}


ul#sub-b-b > li > a {
    color: #407EC9;
}



.popover {
    max-width: 700px;
    border-radius: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.popover.bs-popover-bottom .arrow::after {
    border-bottom-color: #002855;
}

.level1 {
    list-style-type: none;
    margin-left: -20px;
}

.popver_text {
    color: #FFFFFF;
    font-family: "Abril Fatface";
    font-size: 24px;
    line-height: 32px;
    padding: 10px 25px 10px 15px;
}

.popover_subtext {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 14px;
    line-height: 27px;
    padding: 0px 35px 0px 35px;

}

ul.popover_subtext li {
    border-bottom: 1px solid white;
    list-style-type: none;
    margin-left: -20px;
}

ul.popover_subtext li:last-child {
    border-bottom: 0px;
}

#popover_link7 {
    border: none !important;
    font-style: italic;
    color: #4A90E2 !important;
    font-weight: 900;
}

#popover_link6b {
    font-style: italic;
    border-bottom: 0px !important;
    color: #002855 !important;
    font-weight: 900;
    padding-bottom: 30px;
}

.popover_link {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

#part1-us {
    float: left;
    background-color: #002855;
    box-shadow: 0 1px 0 0 #002855;
    color: white;
    height: 305px;
    margin-left: -12px !important;
    margin-top: -9px;

}

#part2-us {
    float: right;
    background-color: #4A90E2;
    box-shadow: 0 1px 0 0 #4A90E2;
    color: white;
    height: 305px;
    margin-right: -12px !important;
    margin-top: -9px;
}

#part1-ca {
    float: left;
    background-color: #002855;
    box-shadow: 0 1px 0 0 #002855;
    color: white;
    height: 267px;
    margin-left: -12px !important;
    margin-top: -9px;

}

#part2-ca {
    float: right;
    background-color: #4A90E2;
    box-shadow: 0 1px 0 0 #4A90E2;
    color: white;
    /*    height: 290px;*/
    height: 267px;
    margin-right: -12px !important;
    margin-top: -9px;
}

#hbb_popover {
    background-color: #002855;
    box-shadow: 0 1px 0 0 #002855;
    color: white;
    margin-right: -12px !important;
    margin-top: -9px;
    margin-left: -12px !important;
    margin-bottom: -9px;
    height: 90px;
}

.popover_subtext1 {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 35px 0px 35px;
    list-style-type: none;
}

.popover_subtext1 li:first-child {
    padding-top: 20px;
}

.popover_subtext1 li {
    border-bottom: 1px solid white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.popover_subtext1 li:last-child {
    border-bottom: 0px;
    padding-bottom: 20px;
    padding-top: 10px;
}

#company_popover {
    background-color: #002855;
    box-shadow: 0 1px 0 0 #002855;
    color: white;
    margin-right: -12px !important;
    margin-top: -9px;
    margin-left: -12px !important;
    margin-bottom: -9px;
    height: 90px!important;
}





#sub-residential li a {
    color: #407EC9;
}


#sub-business li a {
    color: #407EC9;
}

.resi-bus > a:after {
    font-weight: 900;
    float: right;
    content: "\f077 ";
    font-family: "Font Awesome 5 Free";
}

.resi-bus > a[aria-expanded=true]:after {
    font-weight: 900;
    float: right;
    content: "\f078 ";
    font-family: "Font Awesome 5 Free";
}
.category-list> a:after {
    font-weight: 900;
    float: right;
    content: "\f105 ";
    font-family: "Font Awesome 5 Free";
}

.category-list> a[aria-expanded=true]{
    background: #407EC9;
    color: white;
}
.category-list> a[aria-expanded=true]:after {
    font-weight: 900;
    float: right;
    content: "\f078 ";
    font-family: "Font Awesome 5 Free";
}

.top-headings > a:before {
    font-weight: 900;
    padding-right: 5px;
    content: "\f104 ";

    font-family: "Font Awesome 5 Free";
    /*     font-family: "FontAwesome";*/
}

.top-headings > a[aria-expanded=true]:before {
    font-weight: 900;
    content: "\f105 ";

    font-family: "Font Awesome 5 Free";
    /*     font-family: "FontAwesome";*/
}



.rm-list-type {
    list-style-type: none;
}



.modal-nav {
    padding-left: 0px;
    list-style-type: none;
}

.pl-m40 {
    padding-left: -40px
}

.ml-m40 {
    margin-left: -40px;
}

.ml-m22 {
    margin-left: -22px;
}

.mt-15 {

    margin-top: 15px;
}

.pl-15 {
    margin-left: 15px;

}

.pr-15 {
    margin-right: 15px;
}

.mb-6 {
    margin-bottom: 6px;
}

.ml-20 {
    margin-left: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.move-btn-bottom {
    position: absolute;
    bottom: 0px;
}

.w-bundled-text {
    max-width: 320px;
}

.w-bundle-service-text {
    max-width: 709px;
}

.l-pagination {
    display: inline-block;
}

.l-pagination a {
    color: #002855;
    float: left;
    padding: 4px 10px;
    margin-left: 7px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #002855;
}

.l-pagination a.l-current {
    background-color: #002855;
    color: white;
    border: 1px solid #002855;
}

.l-pagination a:nth-last-child(1) {
    border: none;
}

.l-pagination a:hover:not(.active) {
    background-color: #ddd;
}

.mb-58 {
    margin-bottom: 58px;
}

.bpp-mb {
    margin-bottom: 100px;
}

.acn-circle-1 {

    /*    border: 5px solid #57C8CD;*/
    color: white;
    background: #002855;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    font-family: "Abril Fatface";
    font-size: 30px;
    line-height: 41px;
    text-align: center;
}

.acn-circle-2 {

    /*    border: 5px solid #57C8CD;*/
    color: white;
    background: #57C8CD;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    font-family: "Abril Fatface";
    font-size: 30px;
    line-height: 41px;
    text-align: center;
}

.acn-circle-3 {

    /*    border: 5px solid #57C8CD;*/
    color: white;
    background: #4A90E2;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    font-family: "Abril Fatface";
    font-size: 30px;
    line-height: 41px;
    text-align: center;
}




.acn-circle-f-1 {

    /*    border: 5px solid #57C8CD;*/
    color: white;
    background: #78BE20;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    font-family: "Abril Fatface";
    font-size: 30px;
    line-height: 41px;
    text-align: center;
}

.acn-circle-f-2 {

    /*    border: 5px solid #57C8CD;*/
    color: white;
    background: #FFC72C;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    font-family: "Abril Fatface";
    font-size: 30px;
    line-height: 41px;
    text-align: center;
}

.acn-circle-f-3 {

    /*    border: 5px solid #57C8CD;*/
    color: white;
    background: #772583;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    font-family: "Abril Fatface";
    font-size: 30px;
    line-height: 41px;
    text-align: center;
}

.news-list > li {


    border: none;
    padding-left: 0px;


}

.news-support-list > li {

    padding-left: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 13px;
    max-width: 310px;
    border-bottom: 2px solid #979797;
    border-top: none;
    border-left: none;
    border-right: none;



}

.news-support-list > li.list-group-item:last-child {
    border-bottom: 1px solid #979797;
}

.news-support-list > li:hover {
    border-bottom: 1px solid #979797;

}


.news-list > li > a {
    color: #4A90E2;
    font-weight: bold;
    font-size: 18px;
}

.news-support-list > li > a {
    color: #4A90E2;
    font-size: 16px;
}

.news-support-list > li.news-support-list-active > a {
    color: #002855;
}


.news-list > li > a {
    color: #4A90E2;
    font-weight: bold;
    font-size: 18px;
}

.news-list > li > a:hover {
    text-decoration: none;
}

.news-support-list > li > a:hover {
    text-decoration: none;
}

.sub-news-list > li {
    border: none;
    font-size: 16px;
    color: /*    padding-left: 0px;*/
}

.sub-news-list > li > a {
    color: #4A4A4A;
}

.list-group-item:last-child {}

.news-side-sublink-active {
    background-color: #D8D8D8;
}

.sub-news-list > li.news-side-sublink-active > a {
    color: #002855;
    font-weight: bold;
}

.sub-news-list > li > a:hover {
    text-decoration: none;
}


.cal-position-1 {
    padding-left: 12px;
    /*    padding-right: 12px;*/
    margin-left: 46px;
    padding-top: 15px;
    padding-bottom: 12px;
    /*    margin-right: 12px;*/
    margin-top: 15px;
    margin-bottom: 12px;
}

.cal-position-2 {
    margin-left: 12px;
    margin-right: 16px;
    margin-top: 15px;
    margin-bottom: 13px;
}

.news-share-links > ul {
    list-style-type: none;
    padding-left: 0px;
}

.news-hr-1 {
    max-width: 720px;
    margin-left: 0px;
    border: 1px solid #979797;

}

.set-height {
    max-height: 125px;
}

.top-5 {
    position: relative;
    top: 5px;
}

.dp-m {
    width: 100px;
}

.dp-btn-position {
    margin-top: 88px;
}

.view-price-m {
    margin-top: 45px;
    margin-bottom: 27px;
}

.pack-header-p {
    padding-bottom: 7px;
    padding-top: 7px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-20 {
    margin-top: 20px;

}
.mt-24{
        margin-top: 24px;
}
.mr-13 {
    margin-right: 13px;
}

.w-310 {
    max-width: 310px;
}

.w-720 {
    max-width: 720px;
}

.mb-24 {
    margin-bottom: 24px;
}

.searchbar-input::placeholder {
    color: #002855;
    opacity: 1;
    /* Firefox */
}


.searchbar-input {
    border-color: white;
}

.searchbar-title {
    margin-top: 19px;
}

.search-icon {

    border: none;
    background-color: white;
}


.serachbar-support {
    margin-top: 23px;
    margin-bottom: 23px;
    height: 40px;
}

.searchbar {
    margin-top: 23px;
    margin-bottom: 23px;
    height: 40px;
    max-width: 341px;
    color: #002855;
    font-family: Lato;
    font-size: 18px;
    line-height: 22px;
}

.searchbar-1 {

    height: 40px;
    max-width: 721px;
    border: 1px solid #979797;
}

.set-position-cr {
    position: relative;
    top: 10px;
}

.change-upload-position {
    position: relative;
    top: 10px;
}

.line-h-40 {
    line-height: 40px;
}

.line-h-45 {
    line-height: 45px;
}

.cr-btn-show {
    display: none;
}

.mt-mob {
    margin-top: 40px;
}

.pl-10 {
    padding-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.w-340 {
    width: 340px;
}

.mw-340 {
    max-width: 340px;
}

.m-c {
    margin: 0 auto;
}

.m-c-20 {
    margin: 20px auto;
}

.btn-shadow-3 {
    box-shadow: 0 3px rgba(0, 0, 0, 0.3);
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mt-10 {
    margin-top: -9px;
}

.mt-10r {
    margin-top: 10px;
}

.btn {
    height: 40px;
    /*    max-width: 340px;*/
    background-color: #407EC9;
}

.acn-card-w {
    max-width: 340px;
}

.tem-color {
    color: #ffd1bc;
}

.acn-sup-size {
    font-size: 7px;
    top: -12px;
}

.acn-border {
    border: 1px solid #979797;
}

.w-60 {
    width: 60%;
}

.navbar {
    padding-left: 0px;
    padding-right: 0px;
}

.p-img-text {
    margin-top: 40px;
}

.text-shadow {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

.font-size-50 {
    font-size: 50px;
}

.card-body {

    padding: 0.5rem;
}

/ .pack-positions {
    max-width: 1480px;
    margin: 0 auto;
}

.digital-phone .gbmu {
    margin-top: 2px;
    margin-bottom: 0px;
}

.satelite-tv > li::before {
    content: "•";
    padding-right: 10px;
}

satelite-tv > li {
    list-style: none;
}


.carousel-indicators {
    position: relative;
}

.change-list-pl {
    padding-left: 5px;
}

.carousel-caption {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    right: auto;
    bottom: 0px;
    left: auto;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pack-tab-bgcolor {
    background-color: #D8D8D8;
}

.acn-letter-spacing {
    letter-spacing: 0.0625em;
}

.acn-font-color-1 {
    color: #FF671F;
}

.acn-font-color-4 {
    color: #FF7331;
}

.acn-font-color-6 {
    color: #57C8CD;
}
.acn-font-color-7 {
    color: #9B9B9B;
}

/*#FF7331*/

.acn-font-color-2 {
    color: #002855;
}

.mt-90 {
    margin-top: 90px;
}

/*pack part*/

/* orange position*/

.usage-included {
    padding-top: 2px;
    padding-bottom: 3px;
    margin-top: 14px;
    margin-bottom: 30px;
}

/*small price positions*/

.mounth-price-position {
    position: relative;
    top: -16px;
    left: -4px;
}

/*letter-spacing: 0.0625em;*/

#sup-position {
    top: -19px;
}

#sup-position-no-b {
    top: -23px;
}

.sup-bus-hsi {
    top: -23px;
}

#dp-sup-position {
    top: -35px;
}

.sup-discount-usd-position {
    top: -11px;
    font-size: 194%;
}

/*digital phone*/

.dp-sup-usd-position {
    top: -40px;
}


.sup-usd-position {
    top: -13px;
    font-size: 136%;
}

.sub-position {
    left: -22px;
}

.dp-sub-position {
    left: -32px;
}

sub {
    font-size: 50%;
    font-weight: normal;
    bottom: 0;

}

.pr-5px {
    padding-right: 5px;
}

.acn-font-black {
    color: #242424;
}


.acn-bgcolor-1 {
    background-color: #57C8CD;
}

.acn-bgcolor-2 {
    background-color: #FF671F;
}

.acn-bgcolor-3 {
    background-color: #407EC9;
}

.acn-bgcolor-4 {
    background-color: #E6E5E6;
}

.acn-bgcolor-5 {
    background-color: #F2F5F9;
}

.acn-bgcolor-6 {
    background-color: #002855;
}

.acn-bgcolor-7 {
    background-color: rgba(155, 155, 155, 0.4);
}

.acn-bgcolor-8 {
    background-color: rgba(64, 126, 201, 0.5);
}
.acn-bgcolor-9{
    background-color: rgba(155,155,155,0.3);
}

.acn-blue-1 {
    color: #4A90E2;
}

.acn-font-grey2 {
    color: #919191;
}

.major-blue2 {
    color: #4A90E2;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d;
    content: " \003E";
}

.btn-shadow-1 {
    box-shadow: 0 2px #003056;
}

.btn-shadow-2 {
    box-shadow: 0 2px rgba(178, 178, 178, 0.6);
}

.top-btn {
    margin-top: 15px;
    margin-bottom: 15px;
}

.top-check-btn {
    display: none;
    background-color: #00457C;
}

.major-white {
    color: white;
}

.acn-grey {
    color: #4A4A4A;
}

.major-font-blue {
    color: #002855;
}

.acn-font-color-3 {
    color: #407EC9;
}

.acn-font-color-5 {
    color: #4A90E2;
}


.major-blue-1 {
    color: #407EC9;
}

.mb-36 {
    margin-bottom: 36px;
}

.font-size-72 {
    font-size: 72px;
}

.font-size-75 {
    font-size: 75px;
}

.acn-font-size-60 {
    font-size: 60px;
}

.acn-font-size-13 {
    font-size: 13px;
}


.font-size-45 {
    font-size: 45px;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-36 {
    font-size: 36px;
}


.font-size-34 {
    font-size: 34px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

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

.font-size-13 {
    font-size: 13px;
}

.font-size-12 {
    font-size: 12px;
}

.abril-fatface {
    font-family: "Abril Fatface";
}

sub {
    font-size: 50%;
    font-weight: normal;
    bottom: 0;

}

h1 {
    font-size: 24px;
}

h2 {
    font: bold;
    font-size: 20px;
    font-family: Lato;
}

h3 {
    font: bold;
    font-size: 16px;
    font-family: Lato;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

* {
    /*    margin: 0 auto;*/
    font-family: Lato;
}

.acn-btn-size {
    /*    color: white;*/
    height: 40px;
    width: 200px;

}

.sub-nav {
    display: none;
}

.lan {
    display: none;
}

.change-m {
    margin-top: 20px;
}


p {
    font-size: 16px;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: Lato;
}

body {
    /*    background-color: rgb(0,40,85);*/
    /*    margin: auto;*/
}

header {
    background-color: #F2F5F9;
}


#main-nav li a:hover {
    /*    border-bottom: 4px solid;*/
    border-bottom-color: #407EC9 !important;
}

a.nav-link.acn-nav-active {
    border-bottom: 4px solid;
    border-bottom-color: #407EC9 !important;
}

.services-heading {
    margin-bottom: 12px;
    margin-top: 5px;
    font-size: 24px;
    font-family: "Abril Fatface";
}

.mt-12 {
    margin-top: 12px;
}


.btn-secondary {
    border-radius: 0px;
    border-color: #407EC9;
}

.show > .btn-secondary.dropdown-toggle {
    background-color: #407EC9;
}



.digital-phone {
    background: url(../images/HSI_pricing_image.png) center;
    background-size: cover;
}

/*banner*/

#cover {
    min-height: 540px;
    height: 100%;
    background: url(../img/arizona-40.jpg) center;
    background-size: cover;
    /*
    cover make the image as a whole
    without cover the image like zoomed in
*/
    color: white;
    /*    overflow:scroll;*/
}

#l-banner {
    /*//height change from 100% to 275 just for carousel*/
    height: 275px;
    background: url(../images/HSI-mobile-image.png) center;
    background-size: cover;

}

.l-banner-pack-position {
    margin-top: 170px;
    margin-bottom: 40px;
}



.l-banner-bundle-services-position {
    margin-top: 200px;
    margin-bottom: 50px;
}

#l-banner-bus-hsi {
   /* height: 100%;
*/    background: url(../images/HSI_Business_Desktop.png) center;
    background-size: cover;

}

#l-banner-refer {
    height: 100%;
    background: url(../images/Refer_A-Friend.png) center;
    background-size: cover;

}

#l-banner-rhc {
    height: 100%;
    background: url(../images/Reliance_WaterHeater_Banner.png) center;
    background-size: cover;

}


#l-banner-pack {
    height: 100%;
    background: url(../images/HSI_Canada_image.jpg) center;
    background-size: cover;
}

/*pc*/

#l-banner-att-bundle {
    height: 100%;
    background: url(../images/bundle_sub_desktop.png) center;
    background-size: cover;
}

.l-banner-position {
    margin-top: 155px;
}

/*this for mobile*/

.l-banner-hp-position {
    margin-top: 180px;
    margin-bottom: 40px;
}

.l-banner-refer-poisition {
    margin-top: 95px;
    margin-bottom: 30px;
}


.l-banner-rhc-position {
    margin-top: 27px;
    margin-bottom: 30px;

}

.l-banner-cr-position {
    margin-top: 210px;
    margin-bottom: 20px;

}


.banner-text {
    color: white;
}

.btn-position {
    position: absolute;
    margin-top: 10px;

}

.cr-btn-position {
    /* position: absolute; */
    margin-top: 10px;

}

.refer-btn-position {
    position: absolute;
    margin-top: 10px;
}

.btn-shadow {
    box-shadow: 0 2px #B2B2B2;
}

.change-font-20 {
    font-size: 20px;
}

.change-font {
    font-size: 24px;
}

.test-position {
    position: absolute;
}

#test {
    display: none;
    color: white;
    background-color: rgba(0, 16, 33);
}

#test img {

    min-height: :352px;
    width: 100%;
    opacity: 0.4;
}


.packhr {
    border-top: 2px solid #979797;
    color: #979797;
}

.faq-hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px solid #979797;
    /*    color: #979797;*/
}


.news-hr {
    border: 1px solid #979797;
    width: 74px;
}

.choose-pack-a {
    color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    font-weight: bold;
    color: #4A90E2;
}

#agents {
    background-color: #F2F5F9;
}

.pathElement {

    text-align: center;
}

.bundleElement {
    text-align: center;
}

.pathElement i {
    color: #A8B8C7;
    /*    margin-top: 5rem;*/
    margin-bottom: 1rem;
    transition: 0.3s;
}

.bundleElement i {
    color: #57C8CD;
    /*    margin-top: 5rem;*/
    margin-bottom: 1rem;
    transition: 0.3s;
}


carousel-example-generic {
    width: 100%;
}

.carousel-indicators > li {
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.comment {
    background-color: #57C8CD;
    /*    height: 365pt;*/
}

.sat-comment {
    background-color: #57C8CD;
    /*    height: 365pt;*/
}


.roboto {
    font-family: Roboto;
}

.change-fontfamily {
    font-family: "Abril Fatface";
}

.comment > .row {
    margin-right: 0;
    margin-left: 0;
}

.carousel-caption > h1 {
    font-family: "Abril Fatface";
}

.carousel-item {
    background-color: #57C8CD;
    /*    height: 365px;*/
}

change-carousel-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.comment .carousel-caption {

    padding-top: 40px;
}


/*support*/

section#support ul > li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.order-now-btn {
    height: 40px;
    color: white;
    background-color: #FF671F;
    width: 200px;
}

.sign-up-btn-1 {
    height: 40px;
    color: white;
    background-color: #407EC9;
    width: 200px;
}



#child-hunger {

    height: 100%;
    background: url(../images/kids-img.png);

    background-size: cover;
    color: white;
    /*    overflow:scroll;*/
}



#refer-friend {
    background-color: #F2F5F9;
}

#refer-set-height {
    max-height: 100px;
}


footer {
    color: white;
    background-color: #002855;
}

.social-links {
    text-align: center;
    list-style: none;
    /*    float: right;*/
}

.social-links li {
    padding-right: 10px;
    text-align: center;
    display: inline-block;
    /*    margin: 0;auto;*/
    /*
    margin-right: 20px;
    margin-top: 25px;
*/
}

ul.social-links {
    padding-left: 0px;
}

ul.social-links > li > a {
    color: white;
}

.org-links {
    text-align: center;
}

a.foot-links {
    font-size: 12px;
    color: white;
}


.footer-links li > a {
    color: white;
}


div.col-sm-2.col-6 {
    padding: 0;
}


.l-banner-btn-size {
    width: 340px;
}


.set-line-height {
    line-height: 39px;
}

set-height-40px {
    height: 40px;
}

.rf-mt-55 {
    margin-top: 20px;
}

/*globally change the width when view in tablet*/

@media( max-width: 767px) {
    .card-group {
        flex-flow: column;

    }
}


    #bundle-vendor-satellite > .container {
        max-width: 760px;
    }


@media (min-width: 1200px) {
    .xl-mt-0 {
        margin-top: 0px;
    }
    .seperate-line {
        /*     position: absolute;*/
        /*        border-right: 1px solid green;*/
        border-right: 1px solid #979797;
        /*    height: 500px;*/
    }

    .container {
        max-width: 95.5%;
        width: 1460px;
    }
    #news-support-2 > .container {
        max-width: 720px;
    }
    #child-fed > div.container {
        /*        max-width: 700px;*/
        max-width: 727px;
    }
    #support > div.container {
        /*        max-width: 700px;*/
        max-width: 727px;
    }
    #plan-feature > div.container {
        max-width: 730px;
    }

    .comment > div.container {
        max-width: 730px;
    }
    div.hsi-title.container {
        max-width: 730px;
    }
    #gift-card > .container {
        max-width: 730px;
    }
    #pack > .container {
        max-width: 746px;
    }
    #light-pack > .container {
        max-width: 746px;
    }
    #moderate-pack > .container {
        max-width: 746px;
    }
    #high-pack > .container {
        max-width: 746px;
    }

    #agents > .container {
        max-width: 730px;
    }

    #att-triple-play > div.container {
        max-width: 720px;
    }

    #bundle-vendor-satellite > .container {
        max-width: 760px;
    }

    .sat-comment > .container {
        max-width: 720px;
    }
    #bell > .container {
        max-width: 720px;
    }
    #spectrum-details > .container {
        max-width: 1100px;
    }




}

#lan-d.dropdown-menu {
    width: auto;
    padding: 0;
    min-width: inherit;
}

div#lan-d.dropdown-menu.show {
    left: 11px !important;
}

div#login-d.dropdown-menu.show {
    left: -38px !important;
}

#lan-d > .dropdown-item {

    padding-left: 5px;
    padding-right: 5px;
}

#login-d.dropdown-menu {
    width: auto;
    padding: 0;
    min-width: inherit;
}

#login-d > .dropdown-item {

    padding-left: 5px;
    padding-right: 5px;
}


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

    .pc-pl-15 {
        padding-left: 30px;

    }
}

@media only screen and (min-width: 992px) {
    .mb-16 {
        margin-bottom: 16px;
    }
    .pc-mt-10 {
        margin-top: 10px;
    }
    .home-btn-w {
        width: 340px;
    }
    .home-font-p {
        font-size: 20px;
    }

    .acn-banner-img {
        height: 350px;
    }
    .acn-banner-img-drop {
        height: 350px;
    }

    .pc-just-hide {
        visibility: hidden;
    }
    #main-nav li a {
        margin-top: 16px;

        padding-bottom: 23px;
        /*    border-bottom-width: 4px;*/
        padding-top: 12px;

        color: #242424;
        /*        color: #9a9c9d;*/
        /*    height: 40px;*/
        margin-right: 1rem;

        border-bottom: 4px solid;
        border-bottom-color: #F2F5F9;
    }

    #sub-residential li a {
        color: #407EC9;
    }
    #sub-business li a {
        color: #407EC9;
    }

    .pc-mt-38 {
        margin-top: 38px;
    }
    .pc-mt-40 {
        margin-top: 40px;
    }
    .pc-mt-20 {
        margin-top: 20px;
    }
    .pc-mt-50 {
        margin-top: 50px;
    }
    .pc-mb-50 {
        margin-bottom: 50px;
    }

    .pc-w-260 {
        max-width: 260px;
    }
    .pc-mt-15 {
        margin-top: 15px;
    }

    .pc-img-height {
        max-height: 39px;
    }
    .pc-text-step-w {
        max-width: 260px;
    }
    .rf-mt-55 {
        margin-top: 55px;
    }
    .pc-rm-m {
        margin-top: 0px;
    }

    .cr-btn-show {
        display: inline;
    }
    .pc-btn-w {
        width: 340px;
    }

    .mb-75 {
        margin-bottom: 75px;
    }

    /*    pc width home phone banner h1*/
    .w-hpb-h1 {
        max-width: 320px;
    }


    .w-hpb-text {
        max-width: 320px;
    }
    .mb-25 {
        margin-bottom: 25px;
    }

    .mb-100 {
        margin-bottom: 100px;
    }

    .change-support-ui {
        /*        text-align: center;*/
        list-style-type: none;
    }
    #home-plan > .container {
        max-width: 760px;
    }

    .tablet-pc-btn-float-left {
        float: left;
    }

    #main-nav {
        padding-bottom: 0px;

    }
    a.navbar-brand {
        /*        margin-left: 13%;*/
        margin-bottom: 19px;
    }
    .navbar-brand-ibo {
        padding-bottom: 0;
        margin-right: 1rem;
    }
    a.navbar-brand-ibo {
        /*        margin-left: 13%;*/
        /*        margin-bottom: 19px;*/
    }

    .change-font-16 {
        font-size: 16px;
    }


    #l-banner-f-refer {
        height: 100%;
        background: url(../images/refer-friend.png) center;
        background-size: cover;
    }

    #l-banner {
       /* height: 100%;*/
        background: url(../images/HSI-desktop-image.png) center;
        background-size: cover;

    }
    #l-banner-cr {
        height: 100%;
        background: url(../images/rewards-Banner-desktop.png) center;
        background-size: cover;

    }
    #l-banner-hp {
        height: 100%;
        background: url(../images/homephoneplans.png) center;
        background-size: cover;

    }
    #l-banner-bp {
        height: 100%;
        background: url(../images/Business_Phone_Desktop.png) center;
        background-size: cover;

    }
    #l-banner-rhc {
        height: 100%;
        background: url(../images/Reliance_WaterHeater_Banner.png) center;
        background-size: cover;

    }
    #l-banner-bus-pack {
        height: 100%;
        background: url(../images/business_hsi_desktop.png) center;
        background-size: cover;
    }

    #l-banner-bundle-service {
        height: 100%;
        background: url(../images/Bundle_main_desktop.png) center;
        background-size: cover;
    }
    #l-banner-directv {
        height: 100%;
        background: url(../images/directv_desktop.png) center;
        background-size: cover;
    }
    .l-banner-rhc-position {
        padding-bottom: 100px;
        margin-top: 80px;
    }
    .l-banner-left-position {
        margin-top: 106px;
    }
    .l-banner-directv-position {
        margin-top: 71px;
        margin-bottom: 0px;
    }
    .l-banner-cr-position {
        padding-bottom: 30px;
        margin-top: 157px;
        text-align: center;

    }
    .l-banner-tvs-position{
        margin-top: 84px;
    }

    .l-banner-pack-position {
        text-align: center;
        /*        padding-bottom: 51px;*/
        margin-top: 175px;
    }
    .l-banner-bus-pack-position {
        text-align: center;
        margin-top: 170px;
        margin-bottom: 10px;
    }
    .l-banner-position {
        /*
        padding-bottom: 157px;
        margin-top: 27px;
*/
        padding-bottom: 160px;
        margin-top: 100px;

    }
    .l-banner-hp-position {
        margin-top: 73px;

    }
    .l-banner-attandfrontier-position {
        margin-top: 65px;
        /*        margin: auto;*/
    }
    .l-banner-home-position {
        margin-top: 65px;
        /*        margin: auto;*/
    }
    /*    this is for desk*/
    .l-banner-bp-position {
        margin-top: 110px;
        margin-bottom: 15px;
    }
    .l-banner-refer-poisition {
        margin-top: 52px;
        margin-bottom: 125px;
    }

    .l-banner-bus-hsi-position {
        padding-bottom: 20px;
        margin-top: 161px;
    }
    .l-slider-dp-left-position {
        top: 161px;
    }
    .btn-shadow {
        box-shadow: 0 2px rgba(0, 0, 0, 0.2);
    }
    .btn-position {
        width: 340px;
        /*        margin: auto,0;*/
        margin-top: -80px;
    }
    .cr-btn-position {
        width: 340px;
        /*        margin: auto,0;*/
        margin-top: -80px;
    }
    .refer-btn-position {
        margin-top: -102px;
    }
    .carousel-item {

        /*        height: 272px;*/
    }

    .social-links {
        text-align: left;
        list-style: none;
        /*    float: right;*/
    }
    .org-links {
        margin-top: 12px;
        text-align: right;
    }
    /*
    .footer-links ul {
        width: 100%;
    }
*/
    .footer-links li {
        float: left;
        display: block;
    }

    .footer-links li {
        margin-left: 3px;
        /*        padding-right: 3px;*/
        /*        padding-left: 3px;*/
        width: auto;
        float: left;
        /*        display: block;*/
    }
    .footer-links li > a {
        margin-right: 3px;
    }
    .footer-links li:after {
        content: '|';
    }

    /*    tablet 1st footer link no need for border*/
    .footer-links li:nth-child(7):after {
        content: ' ';
    }
    .change-copyright-position {
        position: relative;
        top: -20px;
    }
    .change-links-position {
        position: relative;
        left: 100px;
    }
    p.footer_text {
        margin-bottom: 0px;
        padding-bottom: 20px;
    }
    .footer_text a {
        color: #FFFFFF;
        font-family: Lato;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

}




@media only screen and (max-width: 990px) and (min-width: 767px) {
    .service-icon-move-left {
        position: relative;
        left: -65px;
    }
    .service-icon-move-right {
        position: relative;
        left: 65px;
    }

    .seperate-line {
        /*     position: absolute;*/
        /*        border-right: 1px solid green;*/
        border-right: none;
        /*    height: 500px;*/
    }


}


@media only screen and (max-width: 990px) and (min-width: 576px) {

    .acn-att-banner-height {
        height: 265px;
    }
    .acn-att-banner-height {
        height: 265px;
    }
    .home-btn-w {
        width: 340px;
    }
    #mob-position-pagination {
        bottom: 10px;
    }
    #mob-home-position-pagination {
        bottom: 100px;
    }

    .home-banner-btn-positon {
        position: relative;
        top: 102px;
    }
    .home-font {
        font-size: 24px;
    }
    .acn-banner-height {
        height: 365px;
    }
    .acn-home-banner-height {
        height: 350px;
    }
    .acn-banner-img {
        height: 265px;
    }
    .acn-banner-img-drop {
        height: 265px;
    }
        .t-mt-10 {
        padding-top: 10px;
    }
    .t-mt-20 {
        padding-top: 20px;
    }
    .m-t-white {
        color: white;
    }
    .acn-mob-bgcolor-1 {
        background-color: #002855;
    }

    .t-font-size-24 {
        font-size: 24px;
    }
    .t-just-hide {
        visibility: hidden;
    }

    #main-nav li a {

        /*    border-bottom-width: 4px;*/
        padding-top: 12px;

        color: #002855;
        /*        color: #9a9c9d;*/
        /*    height: 40px;*/
        margin-right: 1rem;


    }

    #sub-residential li a {
        color: #407EC9;
    }

    #sub-business li a {
        color: #407EC9;
    }

    .t-mt-40 {
        margin-top: 40px;
    }
    .t-w340 {
        max-width: 340px;
    }
    .tt-pl-30 {
        padding-left: 30px;
    }

    .tt-mt-15 {
        margin-top: 15px;
    }
    .tt-mt-10 {
        margin-top: 10px;
    }

    .just-hide {
        visibility: hidden;
    }
    .bpp-mb {
        margin-bottom: 45px;
    }
    .seperate-line {
        /*     position: absolute;*/
        /*        border-right: 1px solid green;*/
        border-right: none;
        /*    height: 500px;*/
    }

    .card-group > .card + .card {
        border-left-width: 1px;
        border-left-color: rgba(0, 0, 0, 0.125);
        border-left-style: solid;
    }


    .mb-15 {
        margin-bottom: 15px;
    }
    .mb-16 {
        margin-bottom: 16px;
    }
    .w-hpb-h1 {
        max-width: 315px;
    }
    .w-hpb-text {
        max-width: 385px;
    }
    .make-center {
        margin: 0 auto;
    }

    /*    reliance Home comfort check available button*/
    .change-position {
        float: left;
    }

    /*refer-friend*/
    .refer-friend-text-position {
        position: relative;
        left: 50%;

    }
    .refer-friend-img-position {
        position: relative;
        left: -50%;
        bottom: -51px;

    }
    .l-banner-left-position {
        margin-top: 101px;
    }
        .l-banner-tvs-position {
        margin-top: 32px;
    }
    .tablet-pc-btn-float-left {
        float: left;
    }
    #l-banner {
        /*height: 100%;*/
        background: url(../images/HSI-tablet-image.png) center;
        background-size: cover;

    }
    #l-banner-cr {
        height: 100%;
        background: url(../images/Customer_Rewards_Tablet.png) center;
        background-size: cover;
    }
    #l-banner-hp {
        height: 100%;
        background: url(../images/Home_Phone_Tablet.png) center;
        background-size: cover;

    }
    #l-banner-bp {
        height: 100%;
        background: url(../images/Business_Phone_Tablet.png) center;
        background-size: cover;

    }
    #l-banner-bus-hsi {
        /*height: 100%;*/
        background: url(../images/HSI_Business_Tablet.png) center;
        background-size: cover;

    }
    #l-banner-refer {
        height: 100%;
        background: url(../images/Refer_A_Friend_Tablet.png) center;
        background-size: cover;

    }
    #l-banner-directv {
        height: 100%;
        background: url(../images/directv_tablet.png) center;
        background-size: cover;
    }
    #l-banner-rhc {
        height: 100%;
        background: url(../images/reliance_tablet_image.png) center;
        background-size: cover;

    }
    #l-banner-pack {
        height: 100%;
        background: url(../images/hsi_tablet.png) center;
        background-size: cover;
    }

    #l-banner-bus-pack {
        height: 100%;
        background: url(../images/business_hsi_tablet.png) center;
        background-size: cover;
    }

    #l-banner-att-bundle {
        height: 100%;
        background: url(../images/bundle_sub_tablet.png) center;
        background-size: cover;
    }

    #l-banner-bundle-service {
        height: 100%;
        background: url(../images/Bundle_main_tablet.png) center;
        background-size: cover;
    }

    #l-banner-f-refer {
        height: 100%;
        background: url(../images/refer-friend_tablet.png) center;
        background-size: cover;
    }



    .l-banner-bundle-services-position {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .w-bundle-service-text {
        max-width: 340px;
    }
    .l-banner-cr-position {
        margin-top: 144px;
        margin-bottom: 82px;
    }
    .l-banner-hp-position {
        margin-top: 40px;

    }
    .l-banner-pack-position {
        margin-top: 118px;
        margin-bottom: 10px;
    }
    .l-banner-directv-position {
        margin-top: 25px;
    }

    .l-banner-attandfrontier-position {
        margin-top: 28px;
    }
    .l-banner-home-position {
        margin-top: 42px;
    }
    .l-banner-position {
        margin-top: 27px;
        margin-bottom: 128px;
    }
    .l-banner-bus-hsi-position {
        margin-top: 101px;
        /*        margin-bottom: 128px;*/
    }
    .l-slider-dp-left-position {
        margin-top: 101px;
    }
    .l-banner-refer-poisition {
        margin-top: 51px;
        margin-bottom: 94px;
        /*        margin-bottom: 128px;*/
    }
    .l-banner-rhc-position {
        margin-top: 27px;
        margin-bottom: 100px;
    }
    .l-banner-bus-pack-position {
        margin-top: 118px;
        margin-bottom: 10px;
    }
    .l-banner-bp-position {
        margin-top: 70px;
        margin-bottom: 45px;
    }


    .refer-btn-position {
        margin-top: -75px;
    }

    .btn-position {
        margin-top: -60px;
    }
    .cr-btn-position {
        margin-top: -75px;
    }
    .btn-shadow {
        box-shadow: 0 2px rgb(153, 153, 153, 0.3);
    }

    #cover {
        min-height: 352px;
        height: 100%;
        background: url(../images/HSI-img_tablet.png) center;
        background-size: cover;
        color: white;

    }
    .carousel-item {
        background-color: #57C8CD;
        /*        height: 262pt;*/
    }


    #child-hunger {
        height: 100%;

        background: url(../images/kids-img_tablet.png) center;
        background-size: cover;
    }
    ul.social-links {
        margin-top: 15px;
    }
    .social-links {
        text-align: left;
        list-style: none;
        /*    float: right;*/
    }
    .org-links {
        margin-top: 10px;
        text-align: right;
    }

    .footer-links {
        /*
        padding-left: 4%;
        padding-right: 3%;
*/
        color: white;
        margin-bottom: 5px;
    }

    .footer-links li {
        font-size: 12px;
        margin-left: 3px;
        /*        padding-right: 3px;*/
        /*        padding-left: 3px;*/
        width: auto;
        float: left;
        display: block;
    }
    .footer-links li > a {
        margin-right: 3px;
    }
    .footer-links li:after {
        content: '|';
    }

    /*    tablet 1st footer link no need for border*/
    .footer-links li:nth-child(7):after {
        content: ' ';
    }
}



@media (max-width: 768px) {
    footer > .container {
        max-width: 750px;
    }
}

#navbarNav-mob > .modal-dialog {
    max-width: 100%;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 0 auto;
    }
     .price-detail-modal .priceDetail  div.modal-dialog{
        max-width: 340px;
    }

}




/********************
 *  mobile style
 ********************/

@media only screen and (max-width: 576px) {
    .mob-reverse{
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
        flex-direction: row-reverse!important;
    }

    .tvs-btn-position{
     position: absolute;
    bottom: 20px;
    }
    
    .mb-16 {
        margin-bottom: 16px;
    }
    .home-btn-w {
        width: 340px;
    }
    .home-banner-btn-positon {
        position: relative;
        top: 80px;
    }
    .home-font {
        font-size: 24px;
    }

    .mob-text-center {
        text-align: center;
    }

    .acn-banner-height {
        height: 305px;
    }
    .acn-home-banner-height {
        height: 305px;
    }
    .acn-att-banner-height {
        height: 305px;
    }

    .acn-banner-img {
        height: 265px;
    }
    .acn-banner-img-drop {
        height: 265px;
    }
    /*
    .order-now-btn{
        margin-bottom: 40px;

    }
*/
    /*    when you use slider you want something looks like outside caroual*/
    #acn-banner-slide-left {
        background-color: white;
    }
    .swiper-slide {
        height: 345px;
    }
    #mob-position-pagination {
        bottom: 85px;
    }
    #mob-home-position-pagination {
        bottom: 85px;
    }
    ol.terms-list {
        padding-left: 0px;
    }
    .terms-list li {
        margin-bottom: 20px;
        /*    margin-left: -20px;*/
        list-style-type: none;
    }
    .mob-mt-20 {
        margin-top: 20px;
    }
    .mob-font-size-24 {
        font-size: 24px;
    }
    .acn-mob-bgcolor-1 {
        background-color: #002855;
    }


    .m-t-white {
        color: white;
    }
    .mob-mb-40 {
        margin-bottom: 40px;
    }
    #main-nav li a {

        /*    border-bottom-width: 4px;*/
        padding-top: 12px;

        color: #002855;
        /*        color: #9a9c9d;*/
        /*    height: 40px;*/
        margin-right: 1rem;


    }
    #sub-residential li a {
        color: #407EC9;
    }
    #sub-business li a {
        color: #407EC9;
    }


    .mob-news-support-background {
        background-color: #002855;
    }
    .mob-news-support-title {
        font-size: 24px;
        /*        margin-top: 0px;*/
        margin-bottom: 0px;
        background-color: #002855;
        color: white;
    }

    .mob-plr-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mob-mt-15 {
        margin-top: 15px;
    }
    .mob-mt-40 {
        margin-top: 40px;
    }
    .mob-w-50 {
        max-width: 200px;
    }
    .mob-step-text {
        text-align: center;
        max-width: 259px;
    }

    .seperate-line {
        /*     position: absolute;*/
        /*        border-right: 1px solid green;*/
        border-right: none;
        /*    height: 500px;*/
    }



    /*     this is for package page in mobile version*/
    div.rounded-0.card-group > .card {
        margin-bottom: 0px;
    }

    .mob-mb-30 {
        margin-bottom: 30px;
    }
    .mobile-to-center {
        text-align: center;
    }
    .rm-mt {
        margin-top: 0px;
    }
    .mt-mob {
        margin-top: 85px;
    }
    #home-plan > .container {
        max-width: 380px;
    }

    .mb-45 {
        margin-bottom: 45px;
    }
    .features-mb-10 {
        margin-bottom: 10px;
    }


    .change-width {
        width: 45%;
    }

    .btn {
        /*        max-width: 560px;*/
    }
    .top-check-btn {
        display: block;
        background-color: #00457C;
    }
    .section-paths {
        padding-top: 3rem;
        /*    padding-bottom: 1rem;*/
    }

    #l-banner-f-refer {
        height: 100%;
        background: url(../images/refer-friend_mobile.png) center;
        background-size: cover;
    }
    #l-banner-directv {
        height: 100%;
        background: url(../images/directv_mobile.png) center;
        background-size: cover;
    }

    #child-hunger {
        height: 100%;
        background: url(../images/kids-img_mobile.png) center;
        background-size: cover;
    }

    #l-banner-hp {
        height: 100%;
        background: url(../images/Home_Phone_Mobile.png) center;
        background-size: cover;

    }
    #l-banner-bp {
        height: 100%;
        background: url(../images/Business_Phone_Mobile.png) center;
        background-size: cover;

    }
    #l-banner-cr {
        height: 100%;
        background: url(../images/CustomerRewards_Mobile.png) center;
        background-size: cover;
    }
    #l-banner-rhc {
        height: 100%;
        background: url(../images/reliance_mobile_image.png) center;
        background-size: cover;
    }
    #l-banner-bus-hsi {
        /*height: 100%;*/
        background: url(../images/HSI_Business_Mobile.png) center;
        background-size: cover;
    }
    #l-banner-refer {
        height: 100%;
        background: url(../images/Refer_A-Friend_Mobile.png) center;
        background-size: cover;
    }
    .digital-phone {
        background: url(../images/phone_image.png) center;
        background-size: cover;
    }
    #l-banner-pack {
        height: 100%;
        background: url(../images/hsi_mobile.png) center;
        background-size: cover;
    }
    #l-banner-bus-pack {
        height: 100%;
        background: url(../images/business_hsi_mobile.png) center;
        background-size: cover;
    }
    #l-banner-att-bundle {
        height: 100%;
        background: url(../images/bundle_sub_mobile.png) center;
        background-size: cover;
    }

    #l-banner-bundle-service {
        height: 100%;
        background: url(../images/Bundle_main_mobile.png) center;
        background-size: cover;
    }
    .l-banner-bundle-services-position {
        margin-top: 115px;
        margin-bottom: 14px;
    }

    .l-banner-left-position {
        margin-top: 145px;
    }
        .l-banner-tvs-position {
        margin-top: 22px;
    }


    .l-banner-directv-position {
        margin-top: 25px;
        margin-bottom: 40px;
    }
    .l-banner-attandfrontier-position {
        margin-top: 70px;
        margin-bottom: 24px;
        /*            just because p has 16px mb*/
    }
    .l-banner-home-position {
        margin-top: 30px;
        /*        margin-bottom: 24px;*/
        /*            just because p has 16px mb*/
    }

    .social-links {
        margin-top: 18px;
        /*    float: right;*/
    }
    .footer-links li {
        font-size: 12px;
    }
    .mylinks {
        list-style: none;
        -webkit-columns: 140px 2;
        -moz-columns: 140px 2;
        columns: 140px 2;
        -webkit-column-gap: 2;
        -moz-column-gap: 2;
        column-gap: 2;

    }
    .l-banner-bp-position {
        margin-top: 193px;
        margin-bottom: 18px;
    }

    .l-banner-bus-hsi-position {
        padding-bottom: 20px;
        margin-top: 145px;
    }
    .l-slider-dp-left-position {
        top: 145px;

    }
    .l-banner-bus-pack-position {
        margin-top: 170px;
        margin-bottom: 10px;
    }

    .mylinks a {
        /*  text-decoration: none;*/
        color: white;
        display: block;
        text-align: center;
    }

    .dp-mob-position {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: -40px;
    }
    .dp-m {
        margin-top: 48px;
        width: 176px;
    }
    .mob-padding {
        padding-left: 20px;
    }
    .dp-btn-position {
        margin-top: 0px;
    }
}




@media only screen and (max-width: 409px) {
    .home-banner-btn-positon {
        position: relative;
        top: 51px;
    }


}

@media only screen and (max-width: 390px) {
    .home-banner-btn-positon {
        position: relative;
        top: 31px;
    }


}

@media only screen and(max-width:340px) {
    .home-btn-w {
        max-width: 340px;
    }
}

#sub-bundles li a {
    color: #002855;
}

#sub-company li a {
    color: #407EC9;
}

#sub-login li a {
    color: #407EC9;
}

#logo {
    margin-bottom: 18px;
}

#flag-img {
    height: 20px;
    width: 30px;
}

/*change the font for .breadcrumb */

.breadcrumb {
    font-size: 12px;
    background-color: white;
    padding-left: 0px;
    margin-bottom: -8px;
}

.mb-16 {
    margin-bottom: 16px;
}