.pkg-row-item {
    border-radius: 8px;
    border: 1px solid #efefef;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.package_name h1, .package_price h1, .qtySelector .fa {
    color: #000000 !important;
}

/*======================================================================*/
/*Green Theme Begin*/
/*======================================================================*/
.pkg-row-item.green {
    background: rgba(4,109,94,1);
    border-radius: 0;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 15px;
    /* background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 ); */
}
.pkg-row-item.green .package_name h1, .pkg-row-item.green .package_price h1 {
    color: #FFC03F !important;
}
.pkg-row-item.green .package_name p {
    color: #fff !important;
}
.pkg-row-item.green .qtySelector {
    background-color: #FFC03F;
    border: 1px solid #046D5E;
    width: 130px;
    height: 35px;
    margin: 15% auto auto auto;
}
.pkg-row-item.green .qtySelector .fa-minus {
    border-right: 1px solid #fff;
    color: #fff !important;
}
.pkg-row-item.green .qtySelector .fa-plus {
    border-left: 1px solid #fff;
    color: #fff !important;
}
/*======================================================================*/
/*Green Theme End*/
/*======================================================================*/

/*======================================================================*/
/*Pink Theme Begin*/
/*======================================================================*/
.pkg-row-item.pink {
    background: rgba(216,54,93,1);
    border-radius: 0;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 15px;
    /* background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 ); */
}
.pkg-row-item.pink .package_name h1, .pkg-row-item.pink .package_price h1 {
    color: #FFC03F !important;
}
.pkg-row-item.pink .package_name p {
    color: #fff !important;
}
.pkg-row-item.pink .qtySelector {
    background-color: #FFC03F;
    border: 1px solid #D8365D;
    width: 130px;
    height: 35px;
    margin: 15% auto auto auto;
}
.pkg-row-item.pink .qtySelector .fa-minus {
    border-right: 1px solid #fff;
    color: #fff !important;
}
.pkg-row-item.pink .qtySelector .fa-plus {
    border-left: 1px solid #fff;
    color: #fff !important;
}
/*======================================================================*/
/*Pink Theme End*/
/*======================================================================*/

/*======================================================================*/
/*White Theme Begin*/
/*======================================================================*/
.pkg-row-item.white {
    background: rgba(255,255,255,1);
    border-radius: 0;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 15px;
    /* background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 ); */
}
.pkg-row-item.white .package_name h1, .pkg-row-item.white .package_price h1 {
    color: #D8365D !important;
}
.pkg-row-item.white .package_name p {
    color: #414141 !important;
}
.pkg-row-item.white .qtySelector {
    background-color: #D8365D;
    border: 1px solid #fff;
    width: 130px;
    height: 35px;
    margin: 15% auto auto auto;
}
.pkg-row-item.white .qtySelector .fa-minus {
    border-right: 1px solid #fff;
    color: #fff !important;
}
.pkg-row-item.white .qtySelector .fa-plus {
    border-left: 1px solid #fff;
    color: #fff !important;
}
/*======================================================================*/
/*White Theme End*/
/*======================================================================*/

/*======================================================================*/
/*Whitegreen Theme Begin*/
/*======================================================================*/
.pkg-row-item.whitegreen {
    flex-flow: row;
    background: rgba(255,255,255,1);
    border-radius: 0;
    border: 1px solid #dfdfdf;
    margin-bottom: 0px;
    padding-bottom: 10px;
    /* background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 ); */
}
.pkg-row-item.whitegreen .package_name h1, .pkg-row-item.whitegreen .package_price h1 {
    color: #000000;
}
.pkg-row-item.whitegreen .package_name p {
    color: #000000;
}
.pkg-row-item.whitegreen .qtySelector {
    background-color: #FFBF3F;
    border: 1px solid #fff;
    width: 130px;
    height: 35px;
    margin: 10% auto auto auto;
}
.pkg-row-item.whitegreen .qtySelector .fa-minus {
    border-right: 1px solid #fff;
    color: #fff !important;
}
.pkg-row-item.whitegreen .qtySelector .fa-plus {
    border-left: 1px solid #fff;
    color: #fff !important;
}
/*======================================================================*/
/*Whitegreen Theme End*/
/*======================================================================*/

/*======================================================================*/
/*Orange Theme Begin*/
/*======================================================================*/
.pkg-row-item.orange {
    background: rgba(255,255,255,1);
    border-radius: 0;
    border: 2px solid #35412a;
    margin-bottom: 10px;
    padding-bottom: 15px;
    /* background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 ); */
}
.pkg-row-item.orange .package_name h1 {
    color: #026E5D !important;
}
.pkg-row-item.orange .package_price h1 {
    color: #e94f2b !important;
}
.pkg-row-item.orange .package_name p {
    color: #414141 !important;
}
.pkg-row-item.orange .qtySelector {
    background-color: #ffbb3f;
    border: 1px solid #fff;
    width: 130px;
    height: 35px;
    margin: 10% auto auto auto;
}
.pkg-row-item.orange .qtySelector .fa-minus {
    border-right: 1px solid #fff;
    color: #fff !important;
}
.pkg-row-item.orange .qtySelector .fa-plus {
    border-left: 1px solid #fff;
    color: #fff !important;
}
/*======================================================================*/
/*Orange Theme End*/
/*======================================================================*/

/*======================================================================*/
/*Yellow Theme Begin*/
/*======================================================================*/
.pkg-row-item.yellow {
    background: rgba(232,208,55,1);
    background: -moz-linear-gradient(left, rgba(232,208,55,1) 0%, rgba(234,183,56,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,208,55,1)), color-stop(100%, rgba(234,183,56,1)));
    background: -webkit-linear-gradient(left, rgba(232,208,55,1) 0%, rgba(234,183,56,1) 100%);
    background: -o-linear-gradient(left, rgba(232,208,55,1) 0%, rgba(234,183,56,1) 100%);
    background: -ms-linear-gradient(left, rgba(232,208,55,1) 0%, rgba(234,183,56,1) 100%);
    background: linear-gradient(to right, rgba(232,208,55,1) 0%, rgba(234,183,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8d037', endColorstr='#eab738', GradientType=1 );
}
.pkg-row-item.yellow .qtySelector {
    border: 1px solid #fff;
    width: 130px;
    height: 35px;
    margin: 0 auto;
}
.pkg-row-item.yellow .qtySelector .fa-minus {
    border-right: 1px solid #fff;
}
.pkg-row-item.yellow .qtySelector .fa-plus {
    border-left: 1px solid #fff;
}
/*======================================================================*/
/*Yellow Theme End*/
/*======================================================================*/

/*======================================================================*/
/*Responsive Breakpoint*/
/*======================================================================*/
/* Very Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 411px) {
    .pkg-row-item.orange .qtySelector {
        margin: 0 auto;
    }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 411px) and (max-width: 600px) {
    .pkg-row-item.orange .qtySelector {
        margin: 0 auto;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .pkg-row-item.orange .qtySelector {
        margin: 12% auto auto auto;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992) {
    .pkg-row-item.orange .qtySelector {
        margin: 12% auto auto auto;
    }
}