/* 
    Layout: Two Column
	Theme Name: Vanilla
	Description: Vanilla is a starter shopping cart theme for Infusionsoft.
	Author: Fusetastic
	Author URI: http://www.fusetastic.com
	Version: 1.0

	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
	HTML version 2

The following styles control the general layout of your store
===============================================================*/

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


body {
    line-height: 1.3;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#wrapper {
    /* Wraps around everything and sets the total width of the storefront */
    position: relative;
    width: 1080px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
}



#wrapperCheckout {
    /* Wrapper with 25px top margin to compensate for missing topNav on checkout pages */
    position: relative;
    width: 1080px;
    margin: 30px auto 0 auto;
    padding: 10px 10px 0 10px;
}




/* TOP NAVIGATION AND HEADER
===============================================================*/

#topNav {
    /* Contains 'View Cart' link and search field */
    width: 1080px;
    height: 25px;
    margin: 10px auto 5px auto;
    font-size: 12px;
}

#topNav ul {
    list-style: none;
    margin: 0;
    float: right;
}

#topNav li {
    padding-left: 30px;
    list-style-image: none;
    display: inline;
}

#header {
    /* Contains your banner/logo */
    margin: 0 0 15px 0;
}

#header h1 {
    margin: 0;
    line-height: 1;
}



/* LEFT SIDEBAR AND MAIN NAVIGATION
===============================================================*/

#leftBar {
    /* Contains main navigation */
    float: left;
    width: 200px;
}

#nav {
    overflow: hidden;
}

#nav ul,
#subCat ul {}

#nav li {}

#subCat li {
    padding-left: 15px;
}

#nav a {
    padding: 12px 10px 10px 10px;
    display: block;
}

#subCat a {
    display: block;
    padding: 15px 10px 5px 10px;
}

.navHeader {
    margin: 30px 0 0 10px;
}

.listHeader {
    width: 180px;
    padding: 12px 10px 10px 10px;
}

#customLeftBarTop,
#nav {
    margin: 0 0 25px 0;
}

#customLeftBarTop {
    padding: 5px;
}

#customLeftBarTop p {
    margin: 10px 0;
}

/* CONTENT / CHECKOUT
===============================================================*/

#content {
    /* Content wrapper used on browsing pages */
    position: relative;
    width: 860px;
    float: right;
    margin: 0 0 40px 0;
}

#contentWide {
    /* Content wrapper used on checkout pages */
    position: relative;
    width: 1040px;
    margin: 35px auto 0 auto;
}

#contentProductDetail {
    /* Content wrapper used on product details page */
    position: relative;
    width: 860px;
    float: right;
    margin: 0 0 40px 0;
}

#promoBanner {
    /* Large banner on home page */
    margin-bottom: 20px;
}

#breadcrumbs {
    margin: 5px 0 25px 0;
}

#breadcrumbs ul {}

#breadcrumbs li {
    padding-right: 10px;
    display: inline;
}

#breadcrumbs li:after {
    /* Symbol to be displayed between breadcrumbs */
    content: ">";
    margin-left: 10px;
}

#breadcrumbs li:last-child:after {
    /* Removes the > after last breadcrumb */
    content: "";
}

#productGrid ul {
    margin: 10px 0 10px 0;
    width: 850px;
}

#productGrid li {
    width: 170px;
    height: 250px;
    display: inline;
    text-align: center;
    float: left;
    margin: 10px;
    padding: 10px;
}

#productGrid .last {}

#productGrid a {}

#productGrid a:hover {
    text-decoration: underline;
}

.productImage {
    /* The image that appear in the product grid */
    width: 170px;
    margin-bottom: 5px;
}

.productLarge {
    /* The larger image on the product details page */
    float: left;
}

.price {
    /* Price shown on product details page */
    margin: 0 0 15px 0;
}

.productDescriptionShort {
    /* Paragraph for short product description on product details page */
    margin: 0;
}

.productQty {
    /* Product quantity field on product details page */
    padding: 4px 4px 4px 6px;
    height: 14px;
    width: 20px;
    text-align: right;
    margin-bottom: 5px;
}

#productDetails {
    /* Container on product details that wraps around everything from product name to add to cart button */
    overflow: hidden;
    padding: 0 20px;
}

#productDescription {
    /* Contains the long product description on product details page */
    width: 840px;
    clear: both;
    padding: 20px 0 0 0;
}

#productDescription ul {
    margin: 15px 0 15px 30px;
    list-style-type: disc;
}

#productDetails ul {
    margin: 15px 0 25px 0;
}

#productDetails li {}

.productDrop {
    /* Dropdown list for product options */
    margin: 0;
}

.optionName {
    /* Label for product option dropdown */
    width: 60px;
    height: 20px;
    float: left;
}

table.productTable {
    margin: 20px 0 0 10px;
    padding: 4px;
}

.productTable td {
    padding: 4px;
}

td.bottom {
    vertical-align: bottom;
}



/* CART AND CHECKOUT
===============================================================*/

input {
    margin: 0 0 7px 0;
}


/* Cart contents
---------------------------------------------*/

.qtyField {
    /* Quantity field in cart */
    padding: 4px 4px 4px 6px;
    height: 14px;
    width: 20px;
    display: block;
    text-align: right;
    margin: 0 auto;
    margin-bottom: 5px;
}

.cartThumb {
    /* Product thumbnail image in cart */
    float: left;
    margin: 0 10px 0 0;
}

.updateCart {
    /* Update cart text */
    font-size: 10px;
}

.updateCart a:link {
    /* Update cart link */
    text-decoration: none;
}

.paymentLabel {
    /* Payment form label */
    display: block;
}

.choosePlan {
    /* Class for radio buttons */
    margin-right: 5px;
}

.promoCode {
    /* Table that contains promo code field */
    width: 450px;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.promoCode td {
    height: 30px;
}

.shippingOptions {
    /* Radio buttons for shipping options */
    margin: 0 10px 3px 0;
}

.address,
.editInfo,
.shippingOptions,
.cardInfo,
.shipInfo {
    margin: 0 0 4px 0;
    display: block;
}

.billName,
.billStreet,
.billCity,
.shipName,
.shipStreet,
.shipCity {
    margin: 0;
    display: block;
}


/* Form fields and labels
---------------------------------------------*/

.checkout {
    /* Form fields used in checkout forms */
    padding: 4px 4px 4px 6px;
    margin: 0;
    width: 200px;
}

.checkoutBottom {
    /* Provides bottom padding for last form field in a form */
    padding: 4px 4px 4px 6px;
    margin: 0 0 20px 0;
    width: 200px;
    height: 18px;
}

.checkoutTop {
    /* Provides top padding for first form field in a form */
    padding: 4px 4px 4px 6px;
    margin: 10px 0 0 0;
    width: 200px;
    height: 18px;
}

.checkoutTopShort {
    /* Provides top padding for first form field in a form */
    padding: 4px 4px 4px 6px;
    margin: 10px 0 0 0;
    width: 125px;
    height: 18px;
}

.checkoutLabel {
    /* Checkout form label */
    padding: 0 0 -3px 0;
    margin: 0 0 -3px 0;
}

.checkoutShort,
.search,
.promoField {
    /* Smaller form field */
    padding: 4px;
    margin: 0;
    width: 125px;
}

.checkoutShortest {
    /* Even smaller form field */
    padding: 5px;
    margin: 0;
    width: 70px;
}

.signinField {
    /* Shorter form field for sign in table */
    padding: 4px 4px 4px 6px;
    margin: 0 0 0 0;
    width: 160px;
    height: 18px;
}

.signinTop {
    /* Provides top padding for first form field in a form */
    padding: 4px 4px 4px 6px;
    margin: 10px 0 0 0;
    width: 160px;
    height: 18px;
}

.signinLabel {
    /* Text label used in sign in table */
    text-align: right;
    width: 150px;
}

.paymentIcon {
    margin: 0 7px -5px 4px;
}


/* Tables
---------------------------------------------*/

.viewCart {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    float: left;
}

.viewCart th,
.viewCartShort th,
.payPlan th,
.summaryCart th,
.shippingInfo th,
.billingInfo th,
.billingTable th,
.shippingTable th,
.paymentInfo th,
.signinTable th,
.paymentMethodTable th,
.forgotPasswordTable th {
    padding: 10px 10px 10px 15px;
    text-align: left;
}

.viewCart td,
.viewCartShort td,
.payPlan td,
.summaryCart td,
.billingTable,
.shippingInfo td,
.billingInfo td,
.paymentInfo td,
.paymentMethodTable td,
.forgotPasswordTable td {
    padding: 10px 10px 10px 15px;
    vertical-align: top;
}

.payPlan {
    /* Table on view cart page that contains available pay plans */
    width: 270px;
    border-collapse: collapse;
    margin: 50px 0 20px 20px;
    text-align: left;
    float: right;
}

.tableContainer {
    /* Wraps around cart table to make it stretch to 100% width when no payment plans are displayed */
    overflow: hidden;
}

.tableContainer>table {
    /* Sets cart table to 100% width when no payment plans are displayed */
    width: 100%;
}

.billingTable {
    /* Table for entering billing address */
    width: 450px;
    border-collapse: collapse;
    margin: 40px 20px 20px 0;
    text-align: left;
    float: left;
}

.shippingTable {
    /* Table for entering shipping address */
    width: 450px;
    border-collapse: collapse;
    margin: 40px 0 20px 0;
    text-align: left;
    float: left;
}

.paymentMethodTable {
    /* Table for entering payment method */
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
    text-align: left;
    float: left;
}

td.pay1 {
    /* First column in .paymentMethodTable */
    width: 220px;
    padding-bottom: 20px;
}

td.pay2 {
    /* First column in .paymentMethodTable */
    width: 231px;
    padding-bottom: 20px;
}

td.pay3 {
    /* First column in .paymentMethodTable */
    width: 162px;
    padding-bottom: 20px;
}

td.pay4 {
    /* First column in .paymentMethodTable */
    padding-bottom: 20px;
}

.signinTable {
    /* Table for signing in or registering new customer */
    width: 340px;
    border-collapse: collapse;
    margin: 0 0 120px 20px;
    text-align: left;
    float: left;
}

.signinTable td {
    padding: 5px 10px 3px 15px;
    vertical-align: top;
}

.shippingTable td,
.billingTable td {
    border: none;
    padding: 5px 0 0 15px;
}

td.rightAlign,
th.rightAlign {
    text-align: right;
    vertical-align: top;
    padding-top: 10px;
}

td.rightAlignTop,
th.rightAlignTop {
    text-align: right;
    vertical-align: top;
    padding-top: 20px;
    width: 150px;
}

td.rightAlignBottom {
    text-align: right;
    vertical-align: top;
    padding: 10px 10px 20px 0;
    width: 150px;
}

p.forgotPassword {
    margin: 10px 0 0 0;
    padding: 0;
}

td.leftAlign,
th.leftAlign {
    text-align: left;
}

td.centerAlign,
th.centerAlign {
    text-align: center;
}

td .rightCell {
    text-align: right;
}

.summaryCart {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    float: left;
}

.shippingInfo {
    /* Table for shipping info on summary page */
    width: 293px;
    border-collapse: collapse;
    text-align: left;
    margin: 0 20px 20px 0;
    float: left;
    clear: none;
}

.billingInfo {
    /* Table for billing info on summary page */
    width: 293px;
    border-collapse: collapse;
    margin: 0 20px 20px 0;
    text-align: left;
    float: left;
    clear: none;
}

.paymentInfo {
    /* Table for pay plan info and scheduled payments on summary page */
    width: 293px;
    border-collapse: collapse;
    margin: 0;
    padding: 10px;
    text-align: left;
    float: left;
    clear: none;
}

.cellMedium {
    height: 60px;
}

.cellTall {
    height: 100px;
}

.cellLow {
    height: 20px;
}


/* Containers
---------------------------------------------*/

#signinContainer {
    width: 840px;
    margin: 40px auto 0 auto;
    padding-top: 40px;
}

#summaryContainer {
    /* Container for billing, shipping & payment boxes */
    width: 1090px;
    clear: both;
}

.checkoutLinksTop {
    height: 30px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 300px;
}

.checkoutLinks {
    width: 300px;
    height: 30px;
    margin: 17px 20px 40px 0;
    text-align: right;
    float: right;
    clear: both;
}

#checkoutLinksSummary {
    position: absolute;
    top: 690px;
    right: 0;
    width: 300px;
    height: 30px;
    margin: 17px 0 30px 0;
    text-align: right;
    float: right;
}


/* Forgot password
---------------------------------------------*/

#forgotPasswordWindow {
    width: 670px;
    height: 300px;
    margin: 0 auto;
    padding: 40px;
}

.forgotPasswordTable {
    width: 620px;
    border-collapse: collapse;
    margin: 0 0 120px 20px;
    text-align: left;
}



/* UPSELLS
===============================================================*/

#upsellContainer {
    width: 1060px;
    clear: both;
    margin: 20px 0 0 0;
    padding-bottom: 40px;
    height: 150px;
}

#upsellContainer li {
    display: inline;
    margin-right: 20px;
}

.upsell {
    width: 230px;
    height: 150px;
    padding: 10px 10px 20px 10px;
    float: left;
    margin: 0 10px 0 0;
}

.upsellImage {
    float: left;
    margin: 3px 15px 0 0;
}

.upsellItem {
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
}

.subscriptionPrice {
    margin: 0;
}

.upsellAdd {
    float: right;
    margin: 10px 15px 0 0;
}



/* TYPOGRAPHY
===============================================================*/

h1 {
    /* Used for product and page headers */
    margin: 0 0 15px 0;
}

h2 {
    margin: 0 0 5px 0;
    padding-bottom: 5px;
}

h3 {
    margin: 0 0 15px 0;
}

h4 {
    margin: 20px 0 5px 0;
}

#upsellContainer h4 {
    margin: 0 0 5px 0;
}

h5 {
    margin: 2px 0 5px 5px;
}

.tableHeader {
    margin: 20px 0 5px 0;
    display: block;
}

p.homeLink {
    float: right;
    margin-bottom: 40px;
}



/* LINKS AND BUTTONS
===============================================================*/

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.codeButton {
    padding: 7px 15px 5px 15px;
    margin: 2px 0 0 15px;
    cursor: pointer;
}

.continueButton,
.formButton {
    padding: 7px 15px 5px 15px;
    margin: 10px 0 0 10px;
    cursor: pointer;
}

.cartButton,
.continueButton {
    padding: 7px 15px 5px 15px;
    margin-top: 10px;
    cursor: pointer;
}

.newsButton {
    margin-left: 85px;
    padding: 7px 15px 5px 15px;
    cursor: pointer;
}

.searchButton {
    margin: 1px 0 0 5px;
    padding: 4px 9px 4px 9px;
    cursor: pointer;
}

.upsellButton {
    margin: 1px 0 10px 5px;
    padding: 4px 9px 4px 9px;
    cursor: pointer;
}

.buttonRight a:hover,
.buttonLeft a:hover {
    text-decoration: none;
}



/* FOOTER
===============================================================*/

#footer {
    position: relative;
    margin-top: 40px;
    padding-top: 30px;
    width: 100%;
    height: 50px;
    text-align: center;
    clear: both;
}



/* HTML AREAS
===============================================================*/

#customCheckoutBottom {
    clear: both;
}

#customHomeProductGridTop {
    width: 720px;
    margin-bottom: 20px;
}



/* MISC
===============================================================*/

.payPalImage {
    margin: 0 0 -5px 0;
}

p.successMessage {
    margin: 20px 0 20px 0;
}

/*Adnan Css
===============================================================*/
.cheader {
    width: 100%;
    background-image: url('https://seevirtual.infusionsoft.com/Download?Id=25202');
    background-repeat: repeat-x;
    display: block;
    overflow: hidden;
}

.headleft {
    padding-bottom: 25px;
    float: left;
    width: 60%;
}

.headright {
    float: right;
    color: #fff;
    font-weight: bold;
    width: 30%;
    text-align: right;
    padding-right: 60px;
    padding-top: 14px;
    ;
}

.headright a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: block;
    font-size: 16px;
}

.cnav {
    width: 100%;
    background-color: #646464;
    border-bottom: 3px solid #00A0E0;
    overflow: hidden;
}

.cnav ul li {
    float: left;
    padding: 9px 20px;

}

.cnav ul li a {
    color: #fff;
}

.cnav ul li a:hover {
    text-decoration: none;
}

.mobile-show {
    display: none;
}

#menu-icon {
    display: none;
}

#menu-cell {
    display: none;
}

.sidr {
    width: 206px !important;
}

#checkoutButtonDup {
    display: none;
}
.checkoutLinksBottom {
	display: block;
	padding: 20px 10px;
}
/*.checkoutLinksBottom a:first-child {
    display: none;
}*/




/*============================ Responsive By Adnan ====================*/
@media only screen and (max-width : 1200px) {
    .navigation-custom ul li {
        padding-left: 35px;

    }

    .navigation-custom {
        width: 55%;
    }
}

@media only screen and (max-width : 960px) {
    #wrapper {
        width: auto;
        left: 0;
        right: 0;
    }

    #menu-ic {
        display: block;

    }

    #upsellContainer {
        width: 98%;
    }

    .upsell {
        margin: 8px;
    }

    #menu-ic h3 {
        color: #000;
    }

    #header,
    .billingTable,
    .shippingTable,
    .shipMethodTable,
    .paymentMethodTable,
    .orderSummary {
        width: 100%;
    }

    .promoCode {

        width: 100%;
        margin: 0 0 20px 6px;
    }

    #paymentSelection {
        text-align: center;
    }


    #content {
        width: auto;
    }

    td.pay1,
    td.pay2,
    td.pay3,
    td.pay4 {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .orderSummary td:last-child {
        text-align: right;
    }

    /*.viewCart > tbody > tr:not(:first-child):not(:last-child) > td:first-child,
    .viewCart > tbody > tr:not(:first-child):not(:last-child) > td:nth-child(2):not(.priceCell) {
        display: block;
    }

    .viewCart > tbody > tr:first-child > th:nth-child(2),
    .viewCart > tbody > tr:last-child > td:nth-child(3) {
        display: none;
    }*/

    #companyLogoTopBanner img {
        max-width: 100%;
    }

    td.rightAlignTop {
        width: auto;
    }

    .shipMethodTable {
        text-align: center;
    }

    .shippingCheckbox {
        text-align: center;
    }

    #theLightbox_c {
        position: fixed !important;
        left: 10px !important;
        right: 10px !important;
        top: 10px !important;
        width: auto !important;
    }

    #theLightbox {
        width: auto !important;
    }

    #topNav ul {
        float: none;
        padding-top: 25px;
        text-align: center;
    }

    #topNav {
        width: 100%;
        height: auto;
    }

    #productGrid ul {
        width: 100%;
    }

    #content {
        float;
        none;
        width: 100%;
    }

    #contentWide {
        width: 100%;
    }

    img,
    img a {
        height: auto;
        margin-top: 10px;
    }

    .checkoutLinks {
        float: none;
        margin: 0 auto;
    }

    #breadcrumbs ul {
        margin: 0 auto;
    }

    #contentProductDetail,
    #productDescription {
        width: 100%;
    }

    #customHomeProductGridTop {
        width: 100%;
    }

    #customHomeProductGridTop img {
        width: 100%;
    }

    .viewCart>tbody>tr:not(:first-child):not(:last-child)>td:first-child,
    .viewCart>tbody>tr:not(:first-child):not(:last-child)>td:nth-child(2):not(.priceCell) {
        display: inline-block;
    }

    #productDetails {
        overflow: visible;
    }




    #leftBar #CUSTOM_HTML {
        display: none;
    }

    #leftBar {
        width: 93%;
        margin-top: 3px;
        margin-left: 2%;
    }

    #leftBar #NAVIGATION {
        display: none;
    }


    .navigation-custom {
        background-color: #fff;
        float: right;
        height: auto;
        width: 100%;
        margin-top: 26px;
        display: none;
    }

    .navigation-custom ul li {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }

    .navigation-custom ul .drop {
        height: auto;
        position: relative;
        width: 100%;
    }

    .navigation-custom ul .drop ul {
        display: block;
    }

    .navigation-custom ul .drop:hover ul {
        position: relative;
        width: 100%;


    }

    .navigation-custom ul .drop:hover ul li a {
        text-transform: uppercase;
    }

    .navigation-custom {
        overflow: hidden;
    }

    .navigation-custom ul .drop:hover ul {
        padding: 0px;
        margin-top: 0px;

    }

    .navigation-custom ul .drop:hover ul li {
        padding: 12px 0 0 34px;
    }

    #content {
        margin: 0 26px 0 0;
        width: 92%;
    }

    #contentProductDetail {
        width: 91%;
        margin: 0 26px 0 0;
    }

    .bottom-nav {
        width: 40%;
    }

    #topNav,
    #header {
        position: relative;

    }

    #footer {
        height: auto;
        overflow: hidden;
    }

    #footer #CUSTOM_HTML {
        overflow: hidden;
        height: auto;
    }

    .bottom-nav ul li {
        border-right: 0 none;
        float: none;
        list-style: outside none none;
        padding: 0 8px;
        text-align: center;
    }

    .bottom-nav {
        width: 100%;
    }

    .checkoutLinksTop {
        margin: -14px 0 10px;
        position: relative;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .checkoutLinksBottom {
        clear: both;
        height: 30px;
        margin: 0 auto;
        text-align: center;
        width: 100% !important;
    }

    #contentWide {
        width: 96%;
        margin-bottom: 10px;
    }

    #CUSTOM_HTML {
        padding: 0 15px;
    }

    .cnav ul li {
        float: none;
        padding: 9px 20px;
        width: 100%;
        text-align: center;
    }

    .headright {
        display: none;
    }

    .cnav {
        display: none
    }


    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
    }

    .c-hamburger:focus {
        outline: none;
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 21px;
        left: 10px;
        right: 9px;
        height: 4px;
        background: #9a9a9a;
    }

    .c-hamburger span::before,
    .c-hamburger span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #9a9a9a;
        content: "";
    }

    .c-hamburger span::before {
        top: -10px;
    }

    .c-hamburger span::after {
        bottom: -10px;
    }

    #menu-icon {
        border-top: 1px solid #FFFFFF;
        color: #000;
        cursor: pointer;
        font-size: 15px;
        font-weight: 699;
        height: 35px;
        line-height: 27px;
        margin: 22px 8px 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 39px;
        height: 44px;
        float: right;
        display: block;
    }

    #menu-cell {
        float: right;
        margin-top: 28px;
        margin-right: 7px;
        height: 46px;
        background: url(https://seevirtual.files.keap.app/seevirtual/seevirtual-4bb1713c-e2d8-4d30-bd03-478ac3ed68a3-v2);
        background-repeat: no-repeat;
        border: none;
    }

    .headright {
        float: none;
        color: #fff;
        font-weight: bold;
        width: 100%;
        text-align: center;
        overflow: hidden;
        background-color: #015B9A;
        padding: 10px 10px;

    }

    #menu-cell {
        display: block;
    }

    #menu-icon {
        background: none;
        border-top: none;
    }

    #signinContainer {
        width: 100%;
    }

}

@media only screen and (max-width : 660px) {

    .headleft {
        padding-bottom: 2px;
        float: none;
        width: 70%;
        text-align: center;
    }

    .cheader {
        padding-bottom: 10px;
    }

    .headright {
        float: none;
        color: #fff;
        font-weight: bold;
        width: 100%;
        text-align: right;
        padding-right: 0px;
        padding-top: 6px;
        text-align: center;
        background: none;
    }

    .headleft img {
        width: 100%;
    }

    .mobile-show {
        display: block;
        position: fixed;
        width: 20px;
        background-color: black;
        height: 18px;
        text-align: center;
        padding-top: 3px;
        color: #fff;
        top: 0;
        z-index: 2000;
    }

    #topNav li {
        padding-left: 0px;
    }

    .mobile-show a {
        color: #fff;
    }

}

@media only screen and (max-width : 360px) {

    #customHeader img {
        display: block;
        height: 60px;
        margin: 0 auto 16px;
        width: 250px;
    }

    .checkoutWithPayPalLink {
        margin-top: 5px;
    }

    .inf-body {
        background: #f5f5f5 none repeat scroll 0 0;
        padding: 0;
    }

    body,
    html {
        height: 100%;
        margin: 0;
        width: 100%;
    }

    body,
    button,
    input,
    keygen,
    select,
    table,
    textarea {
        color: #5e5e5e;
        font-family: "Proxima Nova", sans-serif;
        font-size: 14px;
    }

    #customCheckoutBottom button,
    #customCheckoutBottom input,
    #customCheckoutBottom keygen,
    #customCheckoutBottom select,
    #customCheckoutBottom table,
    #customCheckoutBottom textarea {
        width: 95%;
    }

    body,
    fieldset,
    figure,
    form {
        margin: 0;
    }

    #contentProductDetail {
        margin: 0 23px 0 0;
        width: 91%;
    }

    #productGrid li {

        margin: 0 auto;
    }

    .cnav ul li {
        float: none;
        padding: 9px 0px;
        width: 100%;
        text-align: center;

    }

    #menu-icon {
        background: none;
        border-top: none;
        float: left;
    }

    #customHeader img {
        margin-bottom: 0px;
    }

    .cheader {
        padding-bottom: 0px;
    }

    .headright {
        background-color: #005A99;
    }

    #menu-cell {
        margin-top: 30px;
    }

    #productGrid {
        margin: 0 auto;
        width: 200px;
    }

    .continueButton {
        margin: 2px 4px 0 5px;
    }

    #customFooter table {
        font-size: 8px;
        margin-left: -11px;
    }

    #productDescription ul {
        margin: 0px;
    }

    .signinTable {
        width: 94% !important;
        border-collapse: collapse;
        margin: 0 0 53px -15px;
        text-align: left;
        float: left;
    }

    .signinTable td {
        padding: 7px 4px 2px 17px;
    }

    .upsell {
        padding: 10px 7px 70px 10px;
    }

    .codeButton {
        padding: 7px 15px 5px 15px;
        margin: 2px 0 0 15px;
        cursor: pointer;
        float: left;
    }

    .tableContainer {
        overflow: visible;
    }

    .viewCart {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
        float: none;
        font-size: 11px;
        margin-right: -19px;
    }

    .viewCart td {
        padding: 8px 0px 5px 0px;
    }

    .paymentMethodTable {
        margin: 3px 2px 22px -8px;
        font-size: 11px;
    }

    .paymentMethodTable {
        border-right: 1px solid #ccc;
    }

}




/* PAYPAL CHECKOUT===============================================================*/
.checkoutPaypalSmartPaymentButtons {
    margin: 0 20px 40px 0;
    float: right;
    clear: both;
    background: #fff;
    padding: 10px;
}

.checkoutButtonList {
    float: right;
    clear: both;
    width: 960px;
}

.payPalOption td {
    width: 220px;
}

.payPalOption td div {
    float: left;
    clear: both;
}