body {

}


#productsFilter{
    /*margin-bottom: 10px;*/
    /*margin-top: 5px;*/
}

.category-product .navbar {
    background: #B78E2B;  
}



#productsColorTitle{
    margin: 0 0 5px 5px;
    cursor:pointer;
    color:#777;
    font-size: 18px;
}

#productsColorTitle:hover{
    color:#333;
}

#productsColorTabl{
    max-width:350px;
    text-align:center;
    float:left;
    font-size:10px;
    margin-bottom: 7px;
}

.productsColorTd{
    width:10%; 
    padding: 2px;
}

.productsColor{
    width:100%;
    max-width: 40px;
    height:25px;
    cursor:pointer;
    border: 1px solid #eee;
}

.productsColor:hover{
    border: 3px solid #777;
    border-radius: 2px;
}

.productsColorActive{
    width:100%;
    height:25px;
    border: 3px solid #777;
    border-radius: 2px;
}

.productsColorInactive{
    width:100%;
    height:25px;
    cursor:pointer;
    border: 1px solid #eee;
}

#productsColorGradient{
    background:webkit-linear-gradient(left, red, orange, yellow, green, blue);  /*For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(left, red, orange, yellow, green, blue);      /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(left, red, orange, yellow, green, blue);    /* For Fx 3.6 to 15 */
    background:linear-gradient(to right, red, orange, yellow, green, blue);
}

#productsColorClear{
    border: 1px solid #777;
    border-radius: 2px;
    margin-left: 10px;
    margin-top: 2px;
    background-color: white;
    height: 25px;
    padding: 2px 6px;
    font-size:14px;
    /* use for fadein effect */ 
    display:none;
}

#productsColorClear:hover{
    background-color: #ddd;
}

#productsColorClear_xs{
    border: 1px solid #777;
    border-radius: 2px;
    background-color: white;
    height: 30px;
    max-width:350px;
    width:100%;
    font-size:15px;
    margin-bottom: 10px;
}

#productsColorClear_xs:hover{
    background-color: #ddd;
}


ul.price-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.price-list li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

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

.AddonPic {
	width: 100%;
	height: auto;
}

table.calendar {
	width: 100%;

}

table.calendar td {
	width: 14%;
	height: 50px;
}

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

div.monthname {
	display: block;
	margin: 15px 0px;
	font-weight: bold;
}


button.btn-yellow {
    font-size: 16px;
    text-shadow: none;
    padding: 7px 20px;
    margin-top: 0px;
    font-weight: bold;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    margin-left: 12px;
    border: none;
    height: 40px;
    text-transform: uppercase;
}
button.btn-yellow {
    background: #B78E2B;
    color: #fff;
}

#cart-header {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 10px 0px;
	text-transform: uppercase;
	font-weight: bold;
}

#cart-body {
	margin: 15px 0px;
	padding-bottom: 15px;
}

.seperator {
	margin: 15px 0px;
	border-bottom: 1px solid #eaeaea;
}

input.fullwidth, select.fullwidth, textarea.fullwidth {
	width: 100%;
	display: block;
}

.common_form input {

}

.common_form label {
	margin: 10px 0 5px 0;
}

.img-full img {
	width: 100%;
	height: auto;
}

.deliveryAddonPics img {
	width: 70px;
	height: 70px;
}


.capsheading {
	text-transform: uppercase;
	font-weight: bold;
}

h3.capsheading {
	font-size: 120%;
	font-weight: 700;
}

h3 label {
	font-weight: bold;
}

.sidebar-product {
	clear: both;
	float: none;
	padding: 15px;

}

.sidebar-product img {
	width: 100px;
	height: auto;
	float: left;
	display: block;
	margin-right: 15px;
}

.sidebar-product  {
	clear: both;
	float: none;
	overflow: hidden;
		border-bottom: 1px solid #eaeaea;
}

.summary-info {
	font-size: 100%;
	padding: 15px;
}

.summary-info table td {
	font-size: 100%;
}

.checkout-info td img {
	width: 100%;
	height: auto;
}

.checkout-info .CheckoutAddonPic {
	width: 50px;
	height: auto;
}

ul.cards {
    display: block;
    height: 30px;
    list-style: none outside none;
    margin-top: 25px;
    overflow: hidden;
    padding: 0;
}

ul.cards li {
    display: block;
    list-style: none;
    float: left;
    width: 44px;
    height: 27px;
    text-indent: -9999px;
    margin-right: 5px;
}

ul.cards li.amex {
    background: url(../img/card_logos.png) no-repeat 0px 0px;
}

ul.cards li.amex.off {
    background: url(../img/card_logos.png) no-repeat 0px -27px;
}

ul.cards li.visa {
    background: url(../img/card_logos.png) no-repeat -44px 0px;
}

ul.cards li.visa.off {
    background: url(../img/card_logos.png) no-repeat -44px -27px;
}

ul.cards li.mastercard {
    background: url(../img/card_logos.png) no-repeat -88px 0px;
}

ul.cards li.mastercard.off {
    background: url(../img/card_logos.png) no-repeat -88px -27px;
}

ul.cards li.visa_electron {
    background: url(../img/card_logos.png) no-repeat -132px 0px;
}

ul.cards li.visa_electron.off {
    background: url(../img/card_logos.png) no-repeat -132px -27px;
}

ul.cards li.maestro {
    background: url(../img/card_logos.png) no-repeat -176px 0px;
}

ul.cards li.maestro.off {
    background: url(../img/card_logos.png) no-repeat -176px -27px;
}

ul.cards li.discover {
    background: url(../img/card_logos.png) no-repeat -220px 0px;
}

ul.cards li.discover.off {
    background: url(../img/card_logos.png) no-repeat -220px -27px;
}

.product-item {
	margin-bottom: 25px;
}

.product-item img.img-responsive {
	width: 100%;
	height: auto;
}

.product-item h4 {
	font-size: 130%;
}

.product-item a {
	position: relative;
}
.product-img {
    position: relative;
}
.product-item img.productsBestLogo, .product-img .productsBestLogo {
	position: absolute;
	left: 15px;
	top: 25px;
	z-index: 1;
	width: 65px;
	height: auto;
}

.product-item .productsBestLogo_xs, .product-img .productsBestLogo_xs {
    position: absolute;
    left: 10px;
    top: 20px;
    z-index: 1;
    width: 50px;
    height: auto;
}

.product-img img.productsBestLogo, .product-img .productsBestLogo {
    position: absolute;
    left: 15px;
    top: 25px;
    z-index: 1;
    width: 65px;
    height: auto;
}

button.button.btn-primary {
    background: #B78E2B;
    color: #fff;
    border: 1px #940505 solid;
}

span.error {
    color: #BB0000;
}

nav.navbar {
    width: 100%;
    background: #B78E2B;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

nav.navbar ul li a {
    color: #fff;
    font-size: 120%;
}

nav.navbar ul li a:hover {
    color: #eee;
}

nav.navbar ul li ul li a {
    color: #555;
    font-size: 100%;
}

nav.navbar ul li ul li a:hover {
    color: #000;
}

nav.navbar ul li.open a.dropdown-toggle {
    color: #eee;
}

.promotion-banner img {
    width: 100%;
    height:auto;
}

.landing-image img {
    width: 100%;
    height: auto;
}

#landing-menu {
    background: #B78E2B;
    color: #fff;
    overflow: hidden;
}

#landing-menu a {
    color: #eee;
}

#landing-menu .leftcol {
    padding: 25px;
}

.faq{
    padding:60px 0;
}
.clav_accordion, .clav_toggle {
    padding: 0;
}
.clav_list_toggle{
    list-style:none;
}
.acc_head > p,.clav_toggle_head > p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.acc_head,
.clav_toggle_head {
    padding: 0 20px;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    color:#555;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.acc_head i,
.clav_toggle_head i {
    padding-right: 8px;
}
.clav_acc_list:first-child .acc_head,
.clav_list_toggle:first-child .clav_toggle_head {
    margin: 0;
    list-style:none;
}

.active .acc_head,
.active .clav_toggle_head {
    color: #c3102c;
}
.active .clav_acc_content,
.active .clav_toggle_content {
    border: 0;
    -webkit-animation: bounceIn 0.8s;
    animation: bounceIn 0.8s
}
.active .icon-minus-sign {
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s
}
.active .icon-plus-sign {
    -webkit-animation: fadeInDown 1s;
    animation: fadeInDown 1s
}
.clav_acc_content,
.clav_toggle_content {
    padding:10px 20px 0;
    overflow:hidden;
}
.acc_head_icon,
.clav_toggle_head_sign {
    float:left;
    margin: 0 10px 0 -20px;
    cursor:pointer;
}
.acc_head_icon i,
.clav_toggle_head_sign i {
    padding: 0;
    margin: 0;
    font-size:14px;
}
.clav_acc_list:hover, .clav_list_toggle:hover{
    border-top: 1px solid #41A911;
}
.clav_acc_list:hover .acc_head, .clav_list_toggle:hover .clav_toggle_head{
    color:#c3102c;
}
.clav_acc_list, .clav_list_toggle {
    list-style: none outside none;
    border:1px solid #dadada;
    padding:15px;
    border-top: 1px solid #555;
    margin-bottom:10px;
}
.clav_acc_list.active, .clav_list_toggle.active {
    border-top: 1px solid #41A911;
}
.clav_acc_content > p, .clav_toggle_content > p {
    color: #555;
}

table.landingtable td {
    border-bottom: 1px dotted #ddd;
    display: block;
    padding: 25px;
    line-height: 250%;
}

nav.navbar {
    border: none;
}

nav.navbar .navbar-toggle .icon-bar {
    background: #fff;
}

.navbar-toggle {
    border-color: #fff;
}




#main-menu {
    position: relative;
}

#main-menu ul {
    position: relative;
    left: 0;
    width: auto;
    float: none;
    text-align: center;
}

#main-menu ul li {
    right: 0;
    float: none;
    clear: none;
    display: inline-block;
}

#main-menu ul li ul {
    position: absolute;
    left: 0px;
}

#main-menu ul li ul li {
    display: block;
    float: none;
}

#mob-menu ul {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#mob-menu ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;

}

#mob-menu ul li a {
    display: block;
    padding: 10px;
}

#mob-menu ul li ul {
    display: none;
    position: relative;
    display: block;
}

#mob-menu ul li:hover ul {
    display: block;
}

#mob-menu ul li:hover ul:hover {
    display: block;
}

#mobile-header .logo img {
    max-width: 100%;
    height: auto;
}

button.menu-button {
    border: 1px solid #777;
    border-radius: 5px;
    display: block;
    margin: 0px auto; 
    font-size: 150%;
    background: #FFF;
}

a .menu-button {
    color: #000;
}

.menu-button i {
    position: relative;
}

.menu-button i span {
    display: block;
    background: #dd0000;
    color: #FFF;
    border-radius: 4px;
    position: absolute;
    font-weight: bold;
    right: -12px;
    top: -13px;
    font-size: 11px;
    padding: 0px;
    font-family: "Poppins", sans-serif;
    height: 14px;
    width: 14px;
    line-height: 14px;
}

.inpagebase {

}

#mbmenu {
    display: none;
}

.mobile-menu li ul {
    display: none;
    position: relative;
    border: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

.mobile-menu li ul li a {
    font-size: 90%;
}

.mobile-menu li:hover ul {
    display: block;
}

.mobile-menu li ul:hover {
    display: block;
}

#opencal {
    display: block; 
    text-align: center; 
    width: 200px;
}

#makePhoneCall {
    display: none;
}

.shoppingCartProduct {
    position: relative;
}

.shoppingCartProduct img.shoppingCartBestLogo {
    position: absolute;
    left: 5px;
    top: 5px;
}

.error {
    color: #DD0000;
}

.tp-rightarrow.default, .tp-leftarrow.default {
    background-color: #B78E2B;
}

.features-block .col-md-3 {
    padding: 0px !important;

}

.features-block img {
    width: 100%;
    height: auto;
}

.shoppingCartProduct {
    position: relative;
}

.shoppingCartProduct img.shoppingCartBestLogo {
    position: absolute;
    z-index: 5;
    left: 5px;
    top: 5px;
    width: 40px;
    height:auto;
}

.img-full, .checkoutProductPics {
    position: relative;
}

.img-full .billingBestLogo, .checkoutProductPics .checkoutBestLogo {
    position: absolute;
    z-index: 4;
    left: 15px;
    top: 10px;
    width: 50px;
    height: auto;
}

.addons img {
    width: 100px;
    height: 100px;
}

.nav > li {
    position: relative;
}

.sidebar_info {
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 0px;
}

ul#my_menu {
    padding: 15px;
    list-style: none;

}

ul#my_menu li {
    list-style: none;
    line-height: 250%;
    display: block;
    border-bottom: 1px dotted #DDD;
}

#top-search {
    margin-top: 8px;
    text-align: right;
    position: relative;

}

#top-search input {
    position: absolute;
    right: 15px;
    top: 0px;
    padding: 6px;
    padding-right: 15px;
}

#top-search button {
    position: absolute;
    right: 15px;
    top: 0px;
    border: 1px solid #DDD;
}

#top-search button:hover {
    background: #B78E2B;
}

#mobilesearch {
    overflow: hidden;
    position: relative;
}

#mobilesearch input {
    padding: 7px;
}

#mobilesearch button {
   position: absolute;
}

#date-container {
    position: relative;
    overflow: hidden;
    margin: 8px 0;
}

.addtocart {
    margin: 16px 0;
}

#date-container .d-date {
    display: block;
    float: left;
    margin-left: 10px;
    border: 1px solid #DDD;
    min-width: 80px;
    min-height: 80px;
}
#date-container .d-date#d-calendar {
    min-width: 218px;
}
#date-container .d-date a.d-select {
    display: block;
    padding: 10px;
    height: 80px;
    text-decoration: none;
}

#date-container .d-date a.d-selected {
    background-color: #ddd;
    display: block;
    min-height: 78px;
}

#date-container #d-calendar.d-selected {
    background: #DDD;
    border: 1px solid #DDD;
}

#date-container .d-date span {
    display: block;
    text-align: center;
}

#d-calendar {
    padding: 10px 15px;
}

#date-container .d-date span.d-day {
    text-transform: uppercase;
    font-size: 140%;
    font-weight: bold;
    padding-top: 10px;
}

.fielderror input, 
.fielderror .input-text, 
.fielderror .input-select, 
.fielderror .input-textarea, 
.fielderror select, 
.fielderror textarea {
    border:1px solid #DD0000;
}

.form-errors span {
    display: block;
}

.sidebar-product-recipient {
    padding: 10px;
}

#shipping-icon {
    margin-top: 25px;
}

#shipping-icon img {
    width: 100%;
    height: auto;
}

.shoppingcartProduct img {
    width: 100%;
    height: auto;
}

ul.price-options, ul.ship-options {
    list-style: none;
    padding: 0px;
    magin: 0px;
}

ul.price-options li, ul.ship-options li {
    list-style: none;
    padding: 0px;
    magin: 0px;
}

#calendar {
    background: #FFF;
    padding: 15px;
    position: relative;
    color: #666;
    display: block;
    border: 1px solid #eee;
    top:2px;
}

#calendar .navi i {
    color: #e42500;
}

#calendar .navi a {
    color: #e42500;
}


#calendar a {
    color: #666;
    display: block;
    width: 100%;
    padding: 2px 4px;
}

#calendar a.off-date {
    color: #BBB;
}

#calendar a:hover {
    text-decoration: none;
    background: #e42500;
    color: #FFF;
}

#calendar a.off-date:hover {
    text-decoration: none;
    background: transparent;
    color: #BBB;
}

#calendar .navi a:hover {
    background: none;
}


#calendar .btn {
    padding: 3px 10px;
}

#calendar .navi {
    margin: 0px 15px;

}
#calendar .msg {
    
}

#calendar .title {
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    white-space: nowrap;
    display: block;
    margin-bottom: 5px;

}
table.calendar th {
    text-align: center;
    border: 1px solid #ddd;
    line-height: 200%;
}
table.calendar td {
    width: 14.28%;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
    color: #BBB;
    height: 45px;
    line-height: 45px;
}
.cardmiddeldata img {
    width: 100%;
}
#calendar table.calendar th {
    padding: 1px 0px;
}

.calendar-container {
    position: relative;
}

#calendar .day-number {
    
}

#calendar .day-link {
    display: block;
    line-height: 50px;
    margin:0px;
    padding: 0px;
    text-align: center;
}

#calendar .day-link.selected {
    border: 1px solid #42bbb9;
}

#calendar > .month-calendar {
    display: none;
}

#calendar > .month-calendar:first-child {
    display: block;
}

.product-alt-pictures {
    display: none;
    
}

#shopping-cart {
    border: 1px solid #EEE;
}

#shopping-cart .cart-item-picture img {
    width: 150px;
    height: auto;
}

#shopping-cart table td, #shopping-cart table th {
    padding: 5px;
    border-bottom: 1px solid #EEE;
}

.btn-primary {
    background: #B78E2B;
    border-color: #B78E2B;
}

.breadcrumb {
    margin-bottom: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    text-transform: uppercase;
}

h1 {
    text-transform: uppercase;
    font-size: 200%;
}
#products-listing {
    margin-top: 12px;
}

.product-item {
    text-align: center;
    font-size: 120%;
}

.product-item .product-name {
    margin-top: 10px;
}

#product-info {
    margin-top: 15px;
}

#product-info h1 {
    text-transform: none;
}

#product-info h4 {
    font-size: 120%;
}

.btn {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    o-border-radius: 0px;
}

input, select, textarea, .form-control {
    border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#similar-products {
    margin-top: 35px;
    border: 1px solid #EEE;
    margin-bottom: 15px;
}

#similar-products h4 {
    background: #B78E2B;
    color: #FFF;
    padding: 5px 10px;
    margin: 0px;
}

#similar-products .similar-products-body {
    padding: 15px;
}

.err {
    color: #DD0000;
}

#shopping-cart {
    padding: 0px 15px 15px;
}

#cart-top {
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    background: #EEE;
}

#cart-middle img {
    width: 100%;
    height: auto;
}

#cart-middle .visible-xs img {
    max-width: 200px;
    height: auto;
    text-align: center;
    margin: 0px auto;
}


#calendar-container.active {
    display: block;
}
#calendar-container {
    display: none;
    background-color: rgba(0,0,0,0.8);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
}
#calendar-container #calendar {
    background: #FFF;
    max-width: 500px;
    margin: 50px auto 0px auto;
}
#calendar .month {
    padding: 10px;
}
.price-options figure {
    display: none;
}
.d-date a {
    display: block;
    padding: 9px 6px;
}
#date-container .d-date span.monthname {
    padding-bottom: 10px;
}
/* calendar css */
#calendar .month h3 {
    text-align: center;
    font-size: 110%;
    text-transform: uppercase;
    font-weight: normal;
    color: #999;
    margin: 0px;
    margin-bottom: 10px;
}
table.calendar {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.summary-info tr td {
    border-bottom: 1px solid #f4f4f4;
    padding: 8px 0;
}
.summary-info tr:last-child td {
    border: none;
}
.order-summery-title tr th {
    font-size: 20px;
    text-align: left;
    padding: 0 0 11px 0;
}

/*faq custom css*/
    .common-faq.clav_toggle {
        clear: both;
    }
    .float-right {
        float: right;
    }
    .float-left {
        float: left;
    }
    ul.clav_toggle.common-faq li {
        width: 47.5%;
        margin-left: 15px;
        margin-right: 15px;
    }
/*policy custom css*/
    .policy_terms {
        clear: both;
    }
    .privacy_content {
        margin-bottom: 17px;
    }
/*about us css*/
    .info-branchOffice {
        width: 190px;
        margin: 20px auto 0px;
    }
.checkoutbtn {
    background-color: #B78E2B;
    color: #fff;
}
.checkoutbtn:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.products-view figure a, .product-block figure a {
    overflow: hidden;
    display: block;
}
.products-view figure a img, .products-view figure a img:hover, .product-block figure a img, .product-block figure a img:hover {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.products-view figure a img:hover, .product-block figure a img:hover {
    transform: scale(1.1);
}
#productsSort {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    padding: 8px 10px;
    margin-left: 15px;
    cursor: pointer;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#sort {
    margin: 7px 0;
}
#productsSort:hover {
    border: 1px #014693 solid;
}
#date-container .d-date:first-child {
    margin-left: 0px;
}
.landingpage {
    list-style-type: none;
    margin: 10px 0;
    padding-left: 18px;
    font-size: 17px;
    line-height: 25px;
}
.landingpage li {
    margin: 18px 0;
}
.landingpage li a {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
}
.landingwrdatapage {
    margin: 30px 0 0;
}
.donate-section {
    margin: 26px 0px;
}
.donate-section img {
    width: 100%;
}
@media screen and (max-width: 1199px){
    #date-container .d-date {
        min-width: 63px;
    } 
    #date-container .d-date#d-calendar {
        min-width: 109px;
    }
}
@media (min-width: 481px) {
    .hot-deal .products-grid .item {
        height: 497px;
    }
}


/* Landscape phones and down */
@media (max-width: 480px) { 

    h1 {
        display: block;
        text-align: center;
    }

    .day-number {
        font-weight: bold !important;
    }

    #new-menu li ul li a  {
        color: #FFF;
    }

    #new-menu li ul li a:hover {
        color: #000;
    }

    .inpagebase {
        display: none;
    }

    button.btn-cart {
        font-size: 80%;
    }

    #prolg {
        height: auto;
    }

    .product-item h4 {
        font-size: 120%;
    }

    .product-view .product-shop .add-to-box {
        text-align: center;
    }

    #opencal {
        width: 100%;
        text-align: center;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin: 0px auto;

    }

    #button-addcart {
        text-align: center;
        overflow: hidden;
    }

    #button-addcart button {
        margin: 0px auto;
        padding: 5px 15px;
        float: none;
    }

    .shoppingCartProduct img.shoppingCartBestLogo {
        width: 40px;
        height: auto;
    }

    .cart-collaterals {
        margin: 0px;
    }

    .mobile-center {
        text-align: center;
        margin-top: 15px;
    }

    .cart-collaterals {
        margin-top: -30px;
    }

}

@media screen and (min-width: 768px){

  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{

        display: block;

    }

    .dropdown-menu{

        margin-top: 0;

    }

    .dropdown-toggle{

        margin-bottom: 2px;

    }

    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{

        margin-bottom: 0;

    }

}
@media screen and (max-width: 991px){
    .dropdown-menu {
        width: 100%;
    }
    #date-container .d-date:first-child {
        margin-left: 5px;
    }
    #date-container .d-date {
        min-width: 80px;
        margin: 4px 5px;
    }
}
@media screen and (max-width: 767px){
    #mobilesearch button {
        position: unset;
        margin-left: -5px;
    }
    .about-us-cnt iframe {
        width: 100%;
    }
    ul#color-nav li a div {
        width: 100% !important;
    }
    #color-nav.dropdown-menu {
        width: 200px;
        margin-top: 38px;
    }
    .cart-bucket-wrapper .text-right {
        text-align: center;
    }
    .cart-bucket-wrapper .cart-bucket {
        margin: 37px 0px;
    }
    #shopping-cart {
        border: none;
        padding: 0px;
    }
    div#responsive.text-right {
        margin: 0px !important;
        text-align: center;
    }
    #shopping-cart .text-right {
        text-align: center;
    }
    #date-container .d-date:first-child {
        margin-left: 0px;
    }
}

@media screen and (max-width: 649px){
    .acc_head, .clav_toggle_head {
        font-size: 14px;
    }
    .clav_acc_list, .clav_list_toggle {
        padding: 9px;
    }
    p.terms_date {
        float: none !important;
        text-align: center;
    }
}
@media screen and (max-width: 644px){ 
    #date-container .d-date:first-child {
        margin-left: 5px;
    }
}
@media screen and (max-width: 479px){
    .products-navigation .pull-right {
        float: none !important;
        text-align: center;
    }
    select#productsSort {
        margin: 6px;
    }
    #color-nav.dropdown-menu {
        margin-top: 38px;
        right: 0px !important;
        margin: 9px auto 0px !important;
        left: 0px;
    }
    .row.products-navigation {
        text-align: center;
    }
    form #date-container .d-date:first-child, form #date-container .d-date {
        margin: 2px 2px;
    }
    #date-container .d-date#d-calendar {
        width: 80px;
        padding: 0px;
        min-width: auto;
        position: relative;
    }
    #date-container .d-date#d-calendar a {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
}