/* Small Screen Styles */

@media only screen and (max-width: 766px){
    
    .panel{
        margin:15px;
        background-color:#fff;
    }

    .description{
        color: #2bbec6;
        font-size:1.6em;
    }

    .package-description ul, li{
        font-size:1em;
    }

    .package-price{
        font-size: 1.6em;
    }

    .package-title{
        font-size: 1.8em;
    }

    .package-title2{
        padding-top:20px;
        font-size:1.7em;
    }

    .includes{
        padding-top:12px;
        font-size:1.2em;
    }


}

/* Medium-Small screens (600-768px) */

@media only screen and (min-width:700px) and (max-width: 767px){
    .panel{
        padding-left:50px;
        padding-right:50px;
    }

    .package-title{
        font-size: 1.7em;
    }

}




/* Medium Size Screen Styles */

@media only screen and (min-width: 766px) and (max-width:991px){
    
    .panel-body{
        padding:0px !important;
    }

    .description{
        color: #2bbec6;
        font-size:.98em;
    }

    .package-description ul, li{
        font-size:.95em;
    }

    .img-responsive{
        height:100%;
    }

    .package-price{
        font-size: 1.2em;
    }

    .package-title{
        padding-top:8px;
        font-size: 1.35em;
    }

    .package-title2{
        padding-top:6px;
        font-size: 1em;
    }

    .includes{
        padding-top:8px;
        font-size: 1em;
    }

    #pkg2-spacer{
        padding-bottom: 40px;
    }

    #pkg3-spacer{
        padding-bottom: 20px;
    }

}


@media only screen and (min-width: 991px) and (max-width:1210px){
    
    .panel-body{
        padding:0px !important;
    }

    .description{
        color: #2bbec6;
        font-size:.98em;
    }

    .package-description ul, li{
        font-size:1.1em;
    }

    .img-responsive{
        height:100%;
    }

    .includes{
        font-size: 1.1em;
    }

    .package-title{
        padding-top:20px;
        font-size: 1.7em;
    }

    .package-title2{
        padding-top:10px;
        font-size: 1.4em;
    }

    .includes{
        padding-top:10px;
    }

    .package-price{
        font-size: 1.5em;
    }

    .package-size{
        font-size: 1.1em;
    }

    #pkg2-spacer{
        padding-bottom:20px;
    }

    #pkg2-spacer{
        padding-bottom:70px;
    }

    #pkg3-spacer{
        padding-bottom: 30px;
    }
}


/* Large Size Screen Styles */


@media only screen and (min-width: 1210px){
    .panel-body{
        margin-top:40px;
        padding:10px;
    }

    .description{
        color: #2bbec6;
        font-size:1.4em;
    }

    .includes{
        font-size: 1.3em;
    }

    .package-description ul, li{
        font-size:1.1em;
    }

    .panel-body{
        padding-right: 10px !important;
    }

    .package-title2{
        padding-top:16px;
        font-size: 1.5em;
    }

    .includes{
        padding-top:12px;
    }

    .package-size{
        font-size: 1.4em;
    }

    .package-title{
        font-size: 1.7em;
    }

    .package-price{
        font-size: 1.6em;
    }

    #pkg1-spacer{
        padding-bottom: 32px;
    }

    #pkg2-spacer{
        padding-bottom: 90px;
    }


    #pkg3-spacer{
        padding-bottom: 30px;
    }

    .btn-block{
        align-items: end;
    }

}



.container{
    padding-left:0px !important;
    padding-right: 0px! important;
}

.header-desc{
    padding:20px;
}

.includes{
    color:#fff;
    font-weight: 500;
}

/*
.package-row{
    background-color:#000;
}
*/

.package-body{
    height:100%;
    background-color: #000;
}

.package-info{
    text-align: left;
    font-weight: bold;
}

.package-description{
    text-align:left;
    font-family: 'Helvetica', sans-serif;
}

.package-description ul,li{
    font-family: 'Helvetica', sans-serif;   
    font-weight:400;
    color:#fff;
}

li#cables{
    font-size: .9em;

}

.description{
    color: #2bbec6;
    font-size:1.4em;
    font-weight: 800;
    text-align:left;
    margin: 10px 0;
    font-family: 'Helvetica', sans-serif;
}

.more-product-details h4{
    font-family: 'Helvetica', sans-serif;    
}

.package-details h4{
    font-weight: bold;
    margin-top: 20px !important;
    color: #2bbec6;
}

.package-image{
    padding-left:0px !important;
    padding-right: 0px !important;
}

.package-price{
    font-weight:800;
    color: #ff14a3;
    text-align:left;
    margin-bottom: 0;
    font-family: 'Helvetica', sans-serif;
}

.package-size{
    font-weight:400;
    color: #fff;
    text-align:left;
    margin-bottom:0;
}

.package-title{
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.3em;
    font-family: 'Helvetica', sans-serif;
}

.package-title2{
    text-align: left;
    font-weight: 800;
    color: #fff;
    line-height: 1.2em;
    font-family: 'Helvetica', sans-serif;
}

.panel{
    /* background-color:#f3fcfe !important; */
    background-color: #000 !important;
    border: 0px !important;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    /* test below */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 14px 0 rgba(0, 0, 0, 0.19);
}


.panel-body{
    height:100%;
}


.panel-footer{
    border-top:2px solid #fff !important

}


.panel-footer a:hover{
    cursor: pointer;
}

.event-package{
    font-family: 'Helvetica', sans-serif;
    margin: 20px auto;
}

hr{
    border-top:2px solid #fff;
    margin-top:8px !important;
    margin-bottom:4px !important;
    width: 100%;
    }