:root {
    --main-color: #861C82;
    --accent-color1: #80a584;
    --accent-color2: #861C82;
    --accent-color3: #fcface;
    --accent-color4: #80a584; /*faded color*/
    --roundedtop: 10px 10px 0px 0px;
    --roundedbottom: 0px 0px 10px 10px;
    --roundedall: 10px 10px 10px 10px;
  }

 .fixedwidth{
    max-width: 1200px;
    margin: 0 auto;
}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.top-buffer { margin-top:60px; }

body{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-color: var(--accent-color1);
    font-family: "adelle",georgia, serif;
    font-weight: 400;
    font-style: normal;

}

h2 {
    font-weight: 800;
    font-style: normal;
    font-size: 1.5em;
}
h3 {
    font-weight: 800;
    font-style: normal;
    font-size: 1.3em;
}
h4 {
    font-weight: 400;
    font-style: normal;
    font-size: 1.3em;
}
h5 {
font-weight: 400;
font-style: italic;
    font-size:1.3em;
}
.divider {
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.centered-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.nopadding {padding:0px}
.padding10 {padding:10px}
.btn-custom {background-color:var(--main-color);color:#FFFFFF;}

.roundedcorners {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.roundedtopcorners {
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}

.accent-color1BackgroundBox{
    background-color: var(--accent-color1);
}
.accent-color2BackgroundBox{
    background-color: var(--accent-color2);
}
.accent-color3BackgroundBox{
    background-color: var(--accent-color3);
}
.main-colorBackgroundBox{
    background-color: var(--main-color);
}
.msgalert {background-color: yellow;margin-bottom: 1em;padding: .5em;}
.msgalert a:link, .msgalert a:visited {color: var(--main-color)!important;}

/*LOGO BAR--------------------------------------------------------*/
.logobar{
    display:none;
    height: 15px;
    background-color: var(--main-color);
    text-align: center;

}

.logobar img {max-height: 50px; margin-top: 5px;opacity: 0.7}

.logobar .toptext {
    color: #B6DCF3;
    display:block;
    font-size:20px;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    margin-bottom:0;
    line-height: 1; 
    padding-top:5px;}
.logobar .bottomtext{
    font-size:18px;
    font-weight: 500;
    font-style: normal;
    line-height: .1px;
    color: #B6DCF3;
}
.logobar .introtext {text-transform: uppercase;color: #cadbd5}
.logobar a{text-decoration: none;color:var(--accent-color3);}

.company:hover {background-color: var(--accent-color1);color:#FFFFFF}
/*MAST------------------------------------------------------------*/
.mast {
    background-color:var(--accent-color3);
    padding:15px 0px 15px 0px;
    position: relative;
    
   
}
.mast .icons{text-align: left;}
.mast .logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 350px
}


.mast .bizname {
    font-size: .75em;
    text-align: left;
    margin-top: -20px;
    padding-top: 0px;
    color: #FFFFFF;
}

.mast #accountpanel {
    position: absolute;
    z-index: 1;
    width: 200px;
    padding: 10px;
    left: 0;
    top: 45px;
    background-color: var(--accent-color1);
    border-radius: 0px 9px 0px 0px;
    -moz-border-radius: 0px 9px 0px 0px;
    -webkit-border-radius: 0px 9px 9px 0px;
    border:2px solid #ffffff;
    border-left:0px solid #ffffff;
}
.mast #accountpanel a {color:#FFFFFF;}
.mast #accountpanel .list-group-item
{
    background-color: var(--accent-color1);
}



@media (min-width: 768px) {
    .mast .icons {
        margin: 0px;
    }
}



.mastaction .fas {
   padding: 10px;
   color: var(--main-color)
}

.mastaction #cartIcon {
    float: right;
}


.fa-stack[data-count]:after{
    position:absolute;
    right:0%;
    top:1%;
    content: attr(data-count);
    font-size:35%;
    padding:.50em;
    border-radius:999px;
    line-height:.75em;
    color: white;
    background:var(--accent-color1);
    text-align:center;
    min-width:2em;
    font-weight:bold;
}

.add-to-cart.disabled {background-color: black;
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}


/* Inline #6 | http://localhost/onedrive/gcd2019.com/item/64742 */

.autocompleteItem {
    font-size: 1em;
    color: var(--main-color);
}

.autocompleteItem .secondary {
    font-size: .8em;
    color: var(--accent-color1);
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: var(--accent-color4) !important;
    font-weight: bold !important;
    color: var(--main-color) !important;
}

/*BOOTBOX OVERRIDES */
.cartAlert img {
    float: left;
}

.btn-lg {
    font-size: 1em;
}


/*Freight*/
.row.freight {
    background-color: var(--accent-color2);
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFFFFF;
}




/*NAV MENU*/
.menunav{background-color:var(--main-color);padding-top: 0px;padding-bottom:5px;}
.menunav li a {color:#FFFFFF;text-decoration: none;}

/*VIDEO BOX*/
.videobox {
    background-color: black;
    position: relative;
    font-family: fairplex-narrow, serif;
    font-weight: 900;
    font-style: normal;
}
.billboard-video {
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    background: url(video/intro.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
}
.videotext {
    position: absolute;
    top: 50%;
    left: 60%;
    right: 00%;
    color: white;
    text-align: center;
}

.videotext .carouselButton {
    background-color: var(--accent-color1);
    color: #FFFFFF;
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
    padding: 5px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    font-size:20px;
}



/*CONTENT SECTION-------------------------------------------------*/
.content{background-color: #FFFFFF}
.content hr {border-top: 1px solid var(--accent-color2);}

.content .banner {position:relative}
.content .banner .bannerText {position: absolute;bottom:20px;left:20px;color:#FFFFFF;-webkit-text-stroke: 1px black; text-shadow: 3px 3px #00000063;}
.content .banner .bannerText h2 {color: white;font-size: 25px;}
.content .banner .bannerText h3 {color: white;font-size: 20px; line-height: .5;}
.content .banner a:link {color:#FFFFFF; text-decoration: underline}

.content .loginbox {position:absolute; top:30px;right:30px;background-color:#FFFFFF;opacity: .8;width:300px;display:none;}
.content .loginbox:hover {opacity: 1;}
.content .loginbox,.content .actionbox {background-color:var( --accent-color3);}
.content .loginbox .title, .content .actionbox .title {background-color:var( --main-color);color:#FFFFFF; padding: 15px;padding-bottom:5px;}
.content .loginbox .boxbody,.content .actionbox .boxbody {padding: 15px}
.content .loginbox input,.content .actionbox input {margin-bottom: 15px}
.content .actionbox {}

.brandselect {
    background-color: var(--accent-color3);
    padding-top: .5em;
    padding-bottom: .5em;
}


.categorylinksboxes {padding: 40px 40px 0px 40px;}
.content .categorybox {margin-bottom: 30px;padding: 20px }
.content .categorybox .title {background-color:var(--main-color); color:#FFFFFF;padding:10px;padding-bottom:1px;align-content:center; text-align: center;border-radius: var(--roundedtop);}
.content .categorybox img {border-radius: var(--roundedbottom); width: 100%;border: 2px solid var(--main-color);border-top: 0px;}

.familyconnect {padding-bottom: 20px}
.familyconnect .brands img {
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pagecontent {padding: 30px}
.pagecontent a:link, .pagecontent a:visited {color: var(--accent-color2);}
.pagecontent .catalogs img {
    border: 1px solid #000000;
    margin-bottom: 2em;
    margin-right: 2em;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.27);
}


.content.page401 {padding: 0;}
.oopsmsg {right: 1em;text-align: center;color: var(--main-color);padding-top: 1em;}

.products .gridbox {
    padding: 2em;
    text-align: center;
    margin-bottom:1em;
}

.gridbox h3, .gridbox h2  {
    font-size: 1em;
    font-weight: normal;
    margin-bottom:0px;
}
.gridbox .sku {font-size: .8em}
.gridbox .price{margin-bottom:1em;}

.gridbox img {padding-bottom: .3em;}
.gridbox .add-cart {
    position: absolute;
    width: 75%;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}
.products .gridfilter {
    border-right-color: var(--accent-color1);
    border-right-style:none;
    border-right-width: 1px;
    color: var(--main-color);
    }
.products .gridfilter h2{font-size: 1.2em; color: var(--accent-color3)}
.products .gridfilter h3{font-size: 1.0em;border-bottom:2px solid var(--accent-color1);font-weight:normal;margin-top:1em; }
.gridfilter .panel {background-color: var(--accent-color4);}
.gridfilter .panel-collapse {margin-left: 2em;}
.gridfilter .panel-title {background-color: var(--accent-color3);font-weight: bold;font-size: 1em;}
.gridfilter .panel-title a:link {color:#FFFFFF; font-weight:bold; font-size:.9em;}
.gridfilter .fa {color: white;font-size: 1em;font-weight: bold;}

.gridpagination .badge {
    background-color: var(--accent-color1);
    margin-right: 10px;
    font-size: 1em;
    padding: 10px;
    color: #FFF;
}
.gridpagination .active {
    background-color: var(--accent-color2);
}
.gridpagination .input-group-text {
    background-color: var(--accent-color2);
    color: white;
}
.no-add-to-cart {cursor: not-allowed;}

/*PRODUCT DETAIL PAGE*/
.row.productdetail {
    margin-bottom: 1em;
}
.productdetail .add-cart, .productdetail .add-wishlist {
    width: 214px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 1em;*/
}

.row.product-cart-buttons input.form-control {
    font-size: 1.2rem;
}

.productdetail .add-cart{
    font-size: 1.2em;
}
.productdetail .price {font-size: 1.5em; color: red;}
.productdetail #btnAddWishlist {
    width: 200px;
}
.productdetail .notice {
    background-color: var(--accent-color3);
    padding: 1em;
    color: #000000;
    margin-bottom: 1em;
}


.productdetail .row.thumbnails {
    padding: 10px;
}

.productdetail .row.thumbnails img {
    margin-bottom: 1em;
}

#thresixtyiframe {
    width: 100%;
    height: 300px;
}


/*CART & CHECKOUT */
.cartpage .row {border-bottom: 1px solid #ccc;padding-bottom:1em;padding-top:1em;}
.row .cartpage {margin-bottom: 1em;}
.cartpage .itemrow {border-bottom: 2px solid var(--accent-color3);}
.cartpage #checkoutbtnsection {position: fixed;}
#boxCartContents .listimage {width:100px;}
.itemrow .small {color: var(--accent-color2);}
#checkoutbtnsection .btn-lg {margin-bottom: .5em;}

.cartreview {
    border: 1px solid var(--accent-color2);
    padding: 1em;
}

.cartreview .row {
    padding: 1em;
}
.row .subtotal, .row .shipping {
    padding: 0;
    background-color: var(--accent-color3);
}
.row .grandtotal {
    background-color: var(--main-color);
    color:#FFFFFF;
    padding: .5em;
}
.row .payment {
    padding: 10px;
}

/* Testiimonial */

.col-center {
    margin: 0 auto;
    float: none !important;
}

.carousel {
    margin: 50px auto;
    padding: 0 70px;
}
.carousel .item {
    color: #777;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
}
.carousel .item .img-box {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
.carousel .testimonial {
    padding: 30px 0 10px;
}
.carousel .overview {
    font-style: italic;
}
.carousel .overview b {
    text-transform: uppercase;
    color: #7AA641;
}
.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}
.carousel-control em {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

.fa-angle-right::before {
    position: relative;
    right: 30px;
}

.carousel .carousel-indicators {
    bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%;
}

.carousel-indicators li {
    background: #999;
    border-color: transparent;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

.carousel-indicators li.active {
    background: #555;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}


/*BOTTOM SECTION-----------------------------------------------*/
/*BOTTOM NAV*/
.bottomnav{background-color:var(--accent-color2);padding-top: 5px;padding-bottom:5px;margin-top:2px;}
.bottomnav ul {width: 100%; margin-left:0px; padding-left: 0px;padding-top:7px}
.bottomnav li {width: 100%;list-style-type: none;text-align:center;text-transform: uppercase;padding: 10px;
    border-bottom:1px solid var(--accent-color3)}
.bottomnav li a {color:#FFFFFF;text-decoration: none;}
.bottomnav li:hover{background-color:var(--accent-color1);}

.contentbottom .slogan{
    color:#FFFFFF;
    font-size: 1.5em;
    text-align: center;
padding: 20px;
}

.contentbottom .footer {
    padding: 20px;
}
.contentbottom .footer h2 {font-size:1.2em}
.contentbottom .footer a {color:var(--main-color);text-decoration:  underline}
.contentbottom .footer .logo {margin-left:auto;margin-right:auto;display:block; margin-bottom:2em; border-bottom:1px solid var(--accent-color2);padding-bottom: 15px}
.contentbottom .footer ul {list-style-type: none; padding-left:0px;}
.copyright {font-size: .9em; border-top:1px solid var(--accent-color2);padding-top: 15px}

/*BOOTSTRAP OVERRIDES */
.breadcrumb {background-color: #FFF;margin: 0;padding: 0;margin-bottom:10px;color:var(--main-color);text-transform: uppercase;}
.breadcrumb a{color:var(--main-color)}
.navbar{padding:0rem;}

.card {background-color: var(--accent-color3) !important;}

.btn-primary{
    background-color:var(--accent-color1);
    border-color: var(--accent-color1);
}
.btn-primary:hover {
    color: white !important;
    background-color:#cc8d3b;
}
.btn-secondary{
    background-color:var(--main-color);
    border-color: var(--main-color);
}
.btn-secondary:hover {background-color:var(--accent-color1);}
.btn-light{
    background-color:#e5e5e5;
    border-color: #e5e5e5;
}
.input-group-prepend .input-group-text {background-color: var(--accent-color3);}
.input-group {margin-bottom: .5em;}

.btn-light:hover {background-color:var(--accent-color4);}
.list-group-item.active {background-color:var(--accent-color2);}
.badge-info {
    color:#fff;
    background-color:var(--accent-color1);
}


.productdetail #btnAddWishlist {
    display: block;
    background: #fff;
}

.productdetail #btnAddWishlist .fa-heart::before {
    color: red;
}

.csv-link {
    background: #03472F;
    color:#fff !important;
    padding: 10px 14px;
    display: block;
}

.csv-link:hover {
    background: #296C54;
    text-decoration: none;
}

.custom-file {
    border: 1px solid #cccc;
}


/*CSS BREAKPOINTS*/
@media (min-width: 768px) and (max-width: 1030px) 
{
   
}

@media (min-width: 300px) and (max-width: 1030px) {
    /* .mast {display:none;}*/

}

@media (min-width: 640px){

    
}
@media (min-width: 768px){
   
    .mast .icons{text-align: right}
    .mast .logo {width: 450px;}
    .mast .bizname {text-align:right;}
    .mast #accountpanel {
        right:0;
        left:auto;
        -webkit-border-radius: 9px 0px 0px 9px;
        border-radius: 9px 0px 0px 9px;
        -moz-border-radius: 9px 0px 0px 9px;
        border-right: 0px solid #ffffff;
        border-left: 2px solid #ffffff;
    }

    .menunav ul {height: auto;max-height: 55px;}
    .menunav li, .bottomnav li {float:left;width: 20%;list-style-type: none;text-align:center;border-bottom:none;padding-top:10px}
    .menunav .sep, .bottomnav .sep {border-right:1px solid white;height: 100%;}
    .menunav {height: auto;}
    .bottomnav {height: 70px}
    .content .loginbox {display: block;}
    .content .banner .bannerText h2 {color: white;font-size: 50px;}
    .content .banner .bannerText h3 {color: white;font-size: 30px; line-height: .5;}
    #thresixtyiframe {height: 500px;}
    .products .gridfilter {border-right-style: solid;}
   
}
@media (min-width: 1024px){
    .logobar {display:block}
    .mast .logo {margin-left: 0;width: auto;}
    .menunav {height: 40px;padding-bottom: 0px;}
}
   

@media (min-width: 1200px){

   
}
.cartpage .col-md-3{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.cartpage .col-md-3 #checkoutbtnsection{
    position: sticky;
    bottom: 1rem;
    align-self: flex-end;
}
.cartpage a:link, .cartpage a:visited {color:var(--main-color)}

.listing li {
    width: 25% !important;
    float: left;
}

/* About Us */
.about-hero img {
    max-width: 100%;
    border: 5px solid #03472f;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

.col-md-12.about-header {
    padding: 0 30px;
}

.about-header h1 {
    color: #03472f;
    margin-bottom: 0;
}

.about-content1 p, .about-content1 li {
    font-size: 20px;
    color: #03472f;
}

.row.nopadding.about-content2 {
    background: #54957e;
}

.row.nopadding.about-content2 .pagecontent {
    color: #fff;
}

.row.nopadding.about-content2 .pagecontent h2 {
    font-size: 38px;
    font-weight: normal;
}

.row.nopadding.about-content2 .pagecontent p {
    font-size: 20px;
    line-height: normal;
}

.about-content3 h2 {
    color: #03472f;
    text-align: center;
    font-size: 31px;
    font-style: italic;
    font-weight: normal;
    margin-top: 30px;
}

.row.nopadding.about-content4.d-flex.align-items-baseline {
    max-width: 1020px;
    margin: 0 auto;
}

.hover-grow:hover img {
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
}

.image.hover-grow img {
    transition: opacity .35s,transform .35s;
}

.hover-grow {
    overflow: hidden;
    cursor: pointer;
}

.hover-grow:hover img {
    -webkit-transform: scale(1.2) !important;
    transform: scale(1.2) !important;
}

.form-control-plaintext {
    border: 1px solid #ccc;
    padding: 6px 10px;
}

.editp-headline {
    font-size: 22px;
 }

.col-md-6.brands-EE img {
    position: relative;
    top: 32px;
}


#barcode5 {
    position: relative;
    left: -10px;
}

@media (max-width: 1030px){

    .tips-brochure .col-md-7.content.pagecontent, .tips-brochure .col-md-5.content.pagecontent {
        width: 100% !important;
        max-width: 100% !important;
        flex: auto;
    }

    .tips-brochure .col-md-5.content.pagecontent {
        text-align: center;
    }

    .tips-brochure .col-md-5.content.pagecontent img {
        margin-bottom: 10px;
    }

}


@media (max-width: 768px){
    .row.nopadding.about-content1 img {
        width: 100%;
    }

    .editp-page .form-group {
        margin-bottom: 0px;
    }

    .col-sm-4.btn.btn-primary.pull-right.update_info {
        margin: 10px 10px 20px;
    }

    .row.nopadding.about-content4.d-flex.align-items-baseline .content {
        text-align: center;
    }

    .row.nopadding.about-content2 .col-md-4.pagecontent {
        text-align: center;
        padding-bottom: 0;
    }

    .listing li {
        width: 40% !important;
        float: left;
        margin: 15px 10px 0 0;
        text-align: center;
    }

    .col-md-6.brands-EE img {
        position: relative;
        top: 0;
    }

}

@media (max-width: 480px){
    .listing li {
        width: 99% !important;
        float: none;
    }
}

.navcatlink a[data-toggle="dropdown"] {
    pointer-events: none;
}

.dashboard-breadcrumb-wrap{
    background: #03472f;
}
.padded{
    padding: 10px;
}
.dashboard-icons:before{
    color: #03472f;
}

.social-links li {
    display: inline;
    font-size: 22px;
    margin-right: 6px;
}

.barcode-scan {
    position: relative;
    top: 6px;
  }
  
  .fas.fa-barcode {
    font-size: 2.4em;
    padding: 10px 0 0 5px;
  }
  
  @media (min-width: 768px) {
    .mobile-nav {
        display: none;
    }
    .barcode-scan {
        display: none;
    }
  
  }
  .account-wrap{
      display: none;
  }
  .alert{
    width: 100%;
  }

  .modal-dialog .modal-content .modal-body strong{
    color: #045c43;
  }
  .modal-dialog .modal-content .modal-body a{color: var(--main-color);text-decoration: underline;}

.btn{
      color:#fff !important;
  }
button.btn.btn-link {
    color: black !important;
    font-size: 1em;
}

/*.btn:hover{
      color: #a8afb5!important;
  }

 */
  .modal-dialog .modal-content .modal-header{
    background: #f19a23;
  }
  .bannerText h3{
    text-align:center;
}
.bannerText h3 a{
  color:#fff;
  text-decoration:none !important;
}
.bannerText a:hover{
  color:#fff;
  text-decoration:none;
}
@media (max-width: 768px) {
    .desktop-nav {
        display: none;
    }
    .spacer-div{
        display:none;
    }
  }

  /*MOBILE NAV*/
  .panel-heading {
    padding: 0;
    border: 0;
}

.panel-title>a,
.panel-title>a:active {
    display: block;
    padding: 10px;
    color: #555;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none
}

.fa-chevron-down{
    float: right;
}
.panel-heading.active .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.panel-default>.panel-heading {
    color: #282b2f;
    background-color: #ffffff !important;
    border-color: #d5d5d5
}

#retail-registration .col-lg-6.spacer-div {
    display: none;
}

/* CSS FIXES */
@media (max-width: 500px) {
    .row.product-cart-buttons .col-2 {
        max-width: 30%;
        flex: 0 0 30%;
    }

    .row.product-cart-buttons input.autofilloff {
        margin-top: 3px;
    }

    .cartpage .col-md-4 {
        text-align: center;
    }

    .cartpage .col-5.col-sm-2.col-md-4 {
        text-align: left;
    }

    .cartpage .col-6.col-md-4.text-right {
        float: right;
        max-width: 49%;
        position: relative;
        top: 5px;
    }

    .col-md-6.cartreview .col-md-4 {
        text-align: center;
    }
    
}
#thumb_img div {
    display: inline-block;
    margin: 30px 0;
    padding: 0;
}