.packageSelect-mob,
.compare-packages-mob {
    display: none;
}

/* width smaller than 480px */
@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    
    .packagesSelect,
    .compare-by-package {
        display: block;
    }

    /*.packageSelect-mob,
    .compare-packages-mob {
        display: block;
    }*/


    .packagesSelect .packageItemContainer .packageTabItem h2 {
    font-size: 15px;
    text-align: center;
    min-height: 80px;
    margin-top: 0;
}


    .packagesSelect .packageItemContainer .packageTabItem .packageTabItemContainer .packageHide {
    display:none;
    }

.packagesSelect > .container:first-child {
    background: #616161 url(/Images/BundleIndex/packages-select-background.jpg) top center no-repeat;
    border-bottom: 2px solid #b2b2b8;
    color: #fff;
    width: 100%;
    background-size: cover;
    /*height:225px;*/
}

.tabset-pill-a {
	height: 19px;
	width: 54.52px;
	color: #212121;
	font-family: Knowledge;
	font-size: 17px;
	font-weight: 500;
	line-height: 19px;
}

.contract-length {
	height: 24px;
	width: 144px;
	color: #212121;
	font-family: Knowledge;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}


.interceptPage .courseContainer .courseHeader {
            background-color: #3b3e45;
            
            padding: 15px 0;
            text-align: center;
            color: #fff;
        }

            .interceptPage .courseContainer .courseHeader h3 {
                font-size: 28px;
                font-weight: 100;
                color: #FFFFFF;
           
                margin-top: 0;
             
               
            }

.packagesSelect>.container:first-child h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    width: 50%;
}

.packagesSelect>.container:first-child h1 all-your-courses-for {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    width: 50%;
}



.packagesSelect {
    padding: 0 !important;
    width: 100%;
}

.compare-by-package table td.feature {
    text-align: right; 
	height: 20px;
	width: 73px;
	color: #212121;
	font-family: Knowledge;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
}

.compare-heading-packages {
	color: #212121;
	font-family: Knowledge;
	font-size: 34px;
	font-weight: 500;
	line-height: 39px;
	text-align: center;
}

.save-time-and-money {
	height: 5.92%;
	width: 52.27%;
	color: #FFFFFF;
	font-family: Knowledge;
	font-size: 18px;
	line-height: NaNpx;
}

.all-your-courses-for {
	height: 72px;
	width: 251px;
	color: #FFFFFF;
	font-family: Knowledge;
	font-size: 32px;
	line-height: NaNpx;
}

.compare-by-package table td.seminar .trackingContainer > a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 60%;
    max-width: 80%;
    font-size: 18px;
    display: block;
    text-decoration: none;
    font-weight: 700;
}

.comparePrice-yr {
	height: 0.85%;
	width: 17.87%;
	color: #212121;
	font-family: Knowledge;
	font-size: 20px;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
}

.premier-plus-cpe {
	height: 39px;
	/*width: 243px;*/
	color: #212121;
	font-family: Knowledge;
	font-size: 34px;
	font-weight: 300;
	line-height: 39px;
}

.price-yr {
	height: 34px;
	width: 106px;
	color: #666666;
	font-family: Knowledge;
	font-size: 30px;
	font-weight: 300;
	line-height: 34px;
}



.the-premier-plus-cpe {
	height: 5.33%;
	width: 89.33%;
	color: #212121;
	font-family: Knowledge;
	font-size: 18px;
	line-height: 24px;
}

.packagesSelect .packageItemContainer .packageTabItem .packageTabItemContainer {   
    height: 3px !important;
    min-height:3px !important;
}

    .packagesSelect .packageItemContainer {
        display: table;
        table-layout: fixed;
        cursor: pointer;
        background-color: rgba(0,0,0,0.5);
    
        color: #FFFFFF;
        font-family: Knowledge;
        font-size: 15px;
        font-weight: 500;
        line-height: 17px;
        text-align: center;
    }

    .packagePadding {
        padding:15px;
    }

/*.lightbox *, .compare-by-package *, .interceptPage *, .package-details *, .comparison-chart *, .download-links *, .packagesSelect *, div#disclaimersPkgDesc * {
    font-family: Knowledge, Arial, sans-serif;
    font-size: 15px;
}*/

    .title-container {
        padding: 10px;
    }
    .carousel-indicators {
        display: block;
        margin-bottom: 0;
    }
    .carousel-indicators li.active {
        background-color: #000;

    }
   
    .carousel-indicators li,
    .carousel-indicators li.active {
        border-color: #000;
        margin-right: 10px;
        margin-left: 10px;
    }
    .carousel-inner .item .package-heading {
        text-align: center;
        background-color: rgba(253, 155, 39, .65);
        color: #fff;
        padding: 20px 30px;
        min-height: 189px;
        position: relative;
    }
    .carousel-inner .item .package-heading:after {
        content: '';
        left: 50%;
        position: absolute;
        bottom: -25px;
        transform: translateX(-50%);
        width: 0; 
        height: 0; 
        border-left: 28px solid transparent;
        border-right: 28px solid transparent;
        border-top: 25px solid  rgba(253, 155, 39, .65);
    }
  
    .carousel-inner > .item .package-heading span {
         text-align: left;
    }
    .carousel-inner > .item .package-heading span.description,
    .carousel-inner > .item .package-heading span.price{
        display: block;
    }
    .carousel-inner > .item .package-heading span.price {
        margin: 20px 0;
    }
    .carousel-inner > .item .package-heading span.description {
        font-size: 16px;
    }
    .carousel-inner > .item .package-heading span.price span {
        font-size: 22px;
    }
    .carousel-inner > .item .package-heading span.price .from {
        font-size: 18px;
    }
    .carousel-inner > .item .package-heading h2{
        margin-top: 0;
    }
   
    .carousel-control.left,
    .carousel-control.right,
    .carousel-control:visited,
    .carousel-control:link {
       background-image: none;
       color: #0078AE;
       width: 30px;
       height: 189px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        top: 90px;
    }
    .carousel-inner .package-content .block.info,
    .carousel-inner .package-content .block.include 
    {
        border-bottom: 1px solid #666;
        position: relative;
        padding-bottom: 12px;
    }
    .carousel-inner .package-content .block {
        padding: 10px 30px;
    }
    .carousel-inner .package-content .block.info .RadiosTarget {
          font-size: 24px;
          font-weight: 300;
    }
    .carousel-inner .package-content .block.info::before {
        
    }
    .carousel-inner .package-content .block.info::after {
        content: "";
        width: 30px;
        height: 30px;
        border: 1px solid #666;
        position: absolute;
        left: 45%;
        bottom: -15px;
       background-color: #fff;
       transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
       border-top-color: transparent;
       border-left-color: transparent;
    }
   
    .carousel-inner .package-content .block.include ul {
       padding: 0;
    }
    .carousel-inner .package-content .block.contract-length .checkbox-group {
            display: inline-block;
            text-align: center;
            margin-bottom: 10px;
            width: 32%;
            padding: 10px 0;
            margin-top: 10px;
            margin-bottom: 20px;
    }
    .carousel-inner .package-content .block.contract-length .checkbox-group input[type="radio"]{
        position: absolute;
        left: -9999px;
    }
    .carousel-inner .package-content .block.contract-length .checkbox-group input[type=radio] + label {
        color: #616169;
        margin-bottom: 0;
        border-right: 1px solid #616169;
    }
   .carousel-inner .package-content .block.contract-length .checkbox-group input[type=radio] + label {
        font-weight: 400;
        position: relative;
        /* padding-top: 28px; */
        color: #fff;
        cursor: pointer;
        display: block;
        border-right: 1px solid #fff;
    }
   
    .carousel-inner .package-content .block.contract-length .checkbox-group input[type=radio] + label {
        color: #616169;
        margin-bottom: 0;
        border-right: 1px solid #616169;
    }
    .carousel-inner .package-content .block.contract-length .checkbox-group:last-child input + label {
        border: none;
    }
    .carousel-inner .package-content .block.contract-length .btn.btn-primary {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .carousel-inner .package-content .block.contract-length .footer-text {
        margin-bottom: 30px;
    }
    .carousel-inner .package-content .block.contract-length .checkbox-group input[type=radio]:checked + label {
        font-weight: 700;
        color: #ff8000;
    }
    .compare-packages-mob {
        padding: 10px 30px;
    }
    .compare-packages-mob .feature {
        display: block;
        margin-bottom: 15px;
    }
    .compare-packages-mob .feature .heading {
        display: block;
        font-size: 18px;
        padding: 5px;
        background-color: #3B3E45;
        color: #fff;
        text-align: center;
    }
    .compare-packages-mob .feature .f-row {
            display: block;
            padding: 10px 5px;
            background-color: #EAEEF1;
            color: #000;
            font-size: 16px;
            position: relative;
    }
    .compare-packages-mob .feature .f-row::after {
     
            position: absolute;
            right: 0;
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: 7px;
            right: 12px;
            top: 50%;
            transform: rotate(45deg) translateY(-50%);
            width: 7px;
    }
    .compare-packages-mob .feature .f-row .p-name {
            min-width: 55%;
            display: inline-block;
            margin-right: 12px;
            vertical-align: top;
    }
    .compare-packages-mob .feature .f-row .p-value {
            width: 36%;
            /* max-width: 35%; */
            display: inline-block;
            font-weight: 300;
    }
    .compare-packages-mob h2.heading {
        text-align: center;
    }
    .disclaimer {
        font-size: 12px;
        padding:10px;
    }
    .footer-links .footer-col {
        display: block;
    }
    .footer-copy {
        margin-left: 35px;
        margin-top: 10px;
        text-align:center;
    }
}