@media (min-width: 768px) {
	.wpb-product-list {
		display: block;
		width: 33.33%;
		padding: 0 10px;
		float: left;
	}

}

@media (min-width: 992px) {
	.saved-items .wpb-product-list {
		display: block;
		width: 33.33%;
		padding: 0 10px;
		float: left;
	}
	.form-group.search-group{
		padding: 0 5px 0 30px;
	}
	.col-md-2.cart-col {
		width: 18.666667%;
	}
	.col-md-7.search-col {
		width: 56.333333%;
	}
}

/* 
==========================
Cloned Search Specific 
==========================
*/
.navbar.navbar-default {
	position: relative;
}
.clonedSearch {
	margin: 8px 0 0 0;
	padding: 0px;
	position: absolute;
	width: 70%;
	max-width: 350px;
	top: 0px;
	z-index: 6;
}
.clonedSearch.search-col form,
.clonedSearch.search-col .form-group.search-group,
.clonedSearch.search-col .form-group.search-group .input-group {
	margin: 0px;
	background: #fff;
	width: 100%;
	height: 35px;
	overflow: hidden;
	border: 0px;
}
.clonedSearch.search-col .input-group-addon, 
.clonedSearch.search-col .input-group .form-control,
.clonedSearch.search-col .input-group-btn {
	float: left;
	height: 35px;
}

/** for select outer **/
.clonedSearch.search-col .input-group-addon {
	width: 40%;
	height: 35px;
	overflow: hidden;
}
.clonedSearch.search-col .input-group-addon select {
	height: 35px;
	width: 125%;
	padding: 0px 10px;
}

/** for input **/
.clonedSearch.search-col .input-group .form-control {
	height: 35px;
	width: 40%;
	padding: 0px 10px;
}
/** for button **/
.clonedSearch.search-col .input-group-btn {
	float: right;
	height: 35px;
	width: auto;
}
.clonedSearch.search-col .input-group-btn .btn-default {
	float: left;
	width: auto;
	padding: 0px 11px;
	height: 35px;
}

/** cloned payment**/
.cart-col .clonedpayment {
	width: auto;
	margin-top: 30px;
}

/*
============================
-> Update : 2016-9-2
-> Media : Css
-> Specific : Home 
============================
*/
@media (min-width:992px) {
	.clonedSearch {
		display: none;
	}
}
@media (min-width:768px) {
	.clonedpayment {
		display: none;
	}
}
@media (max-width:1199px){
    .navbar-default .navbar-nav>li>a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
    .footer-icon span.icon-rotate {
        display: block;
        float: left;
    }
    .footer-icon span:last-child {
        overflow: hidden;
        display: block;
    }
    .contact-info .footer-icon+.footer-icon {
        padding-bottom: 18px;
    }
    .contact-info .footer-icon:last-child {
        padding-bottom: 0;
    }
    .footer-icon+.footer-icon {
        padding-bottom: 15px;
    }
    .search-col .form-group.search-group,
    .cart-col .header-cart-content {
        margin: 27px 0 0 0;
    }

    .cartContainer {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        background: transparent !important;
        display: none;
        overflow: hidden !important;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        max-width: initial !important;
        width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    .cartContainer>div {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,50%);
        -ms-transform: translate(0,50%);
        -o-transform: translate(0,50%);
        transform: translate(0,50%);
        margin: 30px auto !important;
        width: 400px;
    }
    #coverlayer{
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

}
@media (max-width:1024px){



}
@media (max-width:991px){
	.logo {
		padding: 15px 0px;
	}
	.logo img {
		width: 160px;
	}
	.search-col .form-group.search-group,
	.cart-col .header-cart-content {
		margin: 20px 0 0 0;
	}
	.middle-header .search-col {
		display: none;
	}
    .footer-icon:last-child {
        padding-bottom: 0;
    } 
    .bottom-fotter .form-group label {
        padding-left: 0;
    }  
    ol.cd-multi-steps.text-bottom.count {
        width: 100%;
    }
    .bx-wrapper .bx-controls-direction a {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        top: 50%;
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        bottom: inherit;
        top: 50%;
        right: 10px;
        left: auto;
    }
    .bx-wrapper .bx-controls-direction a.bx-prev {
        top: 50%;
        left: 10px;
    }
      .wrap-img img{position: static;}
    .thumbnails-image .thumbnail{height: auto;}

}
@media (max-width:790px) {
    .owl-prev {
        left: -10px;
    }
    .owl-next {
        right: -10px;
    }

}
@media (max-width:767px) {
    .quote {
        font-size: 30px;
    }
    .social-network li {
        float: left;
    }	
    .seller-img img {
        height: 100%;
    }
    .logo {
        text-align: center;
    }
    .contact-info .footer-icon:first-child {
        padding-bottom: 18px;
    }
    .contact-info .footer-icon {
        padding-bottom: 18px;
    }
    .product-content {
        padding-top: 20px;
    }
    footer .footer-icon+.footer-icon {
        padding: 0;
    }
    footer .footer-icon {
        margin: 0px 0 35px;
    }
    ul.ul-row {
        margin: 0;
    }
    .f-col {
        padding-bottom: 20px;
    }
    .f-col:last-child {
        padding-bottom: 0;
    }
    .testi-wrap {
        padding: 15px;
    }
    .docs-post p {
        text-align: justify;
    }
    .product-single-content a#addtowishlist {
        margin-top: 0;
    }
    /* .cartContainer {
        width: 60% !important;
        left: auto !important;
        right: 20% !important;
    }
    */
    .cartContainer .btn-default {
        font-size: 12px;
    }
    .stock_clearance {
        font-size: 15px;
        top: 68%;
    }
    .cartContainer>div {
        position: relative;
        width: auto !important;
        margin: 10px !important;
    }
    .cartContainer>div{
        -webkit-transform: translate(0,0%);
        -ms-transform: translate(0,0%);
        -o-transform: translate(0,0%);
        transform: translate(0,0%);
    }
}
/** for logo and cart only **/
@media (max-width:550px) {
    .logo-col,
    .cart-col {
        width: 50%;
    }
    .cart-col .clonedpayment {
        display: none;
    }
    .stock_clearance{
        right: -68px;
        font-size: 13px;
    }
    .cartContainer .panel-footer {
        text-align: center;
    }
    .cartContainer .panel-footer .btn {
        float: none !important;
        vertical-align: top;
    }
    .cartContainer .panel-footer button {
        margin-bottom: 15px;
    }
    .cartContainer>div{
        -webkit-transform: translate(0,25%);
        -ms-transform: translate(0,25%);
        -o-transform: translate(0,25%);
        transform: translate(0,25%);
    }
    .product-view-content>div {
        overflow: auto;
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}
@media (max-width:480px) {

    .alert-dismissable.alert-fix {
        font-size: 12px;
        padding: 8px;
    }
    div.quantity .qty {
        height: 35px;
        width: 45px;
    }
    .product-single-content a#addtowishlist, .product-single-content .quantity .btn-cart {
        height: 35px !important;
        padding: 8px 20px;

    }

    
}
@media (max-width:420px) {
	.fuller {
		width: 100%;
	}
	.cart-menu li {
		float: left;
	}
	.clonedSearch {
		width: 75%;
	}
	.header-cart-content .heading-cart {
		padding-left: 0px!important;
	}
	.cart-col .header-cart-content {
		margin-top: 25px;
	}
	.heading-cart::before {
		display: none;
	}
    .clonedSearch.search-col .input-group-addon select {
        font-size: 11px;
        padding: 0;
    }
    footer .footer-icon+.footer-icon {
        padding: 0 0 15px;
    }

    
}
@media (max-width:360px) {
    .product-content select#variants {
        float: left;
        margin-right: 15px;
    }
    .product-content #stock_info {
        overflow: hidden;
    }
   /*  .cartContainer {
        width: 80% !important;
        right: 14% !important;
        } */

    }
    @media (max-width:320px) {

    /* .cartContainer {
        width: 270px !important;
        left: 10px !important;
        } */

    }
/** 
======================== 
-> Plugin -> Mean Menu  
========================
**/
/** menu big screen fix **/
@media (min-width:992px) and (max-width:1199px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 12px;
		padding-right: 12px;
		font-size: 12px;
	}

}

/** menu small screen fix **/
@media (max-width:991px) {
	#main_menu_holder {
		position: relative;
	}
	.dropdown-menu,
	.dropdown-menu > .dropdown-menu,
	.dropdown-menu > .dropdown-menu > .dropdown-menu,
	.dropdown-menu > .dropdown-menu > .dropdown-menu > .dropdown-menu  {
		position: relative!important;
	}
}

/** menu plugin **/
button#responsive-menu-button {
    display: none;
    -webkit-text-size-adjust: 100%
}
@media screen and (max-width: 991px) {
    #responsive-menu-container {
        display: block
    }
    #responsive-menu-container {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 99998;
        padding-bottom: 5px;
        margin-bottom: -5px;
        overflow-y: auto;
        overflow-x: hidden
    }
    #responsive-menu-container .responsive-menu-search-box {
        width: 100%;
        padding: 0 2%;
        border-radius: 2px;
        height: 50px;
        -webkit-appearance: none
    }
    #responsive-menu-container.push-left,
    #responsive-menu-container.slide-left {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%)
    }
    .responsive-menu-open #responsive-menu-container.push-left,
    .responsive-menu-open #responsive-menu-container.slide-left {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0)
    }
    #responsive-menu-container.push-top,
    #responsive-menu-container.slide-top {
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%)
    }
    .responsive-menu-open #responsive-menu-container.push-top,
    .responsive-menu-open #responsive-menu-container.slide-top {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0)
    }
    #responsive-menu-container.push-right,
    #responsive-menu-container.slide-right {
        transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%)
    }
    .responsive-menu-open #responsive-menu-container.push-right,
    .responsive-menu-open #responsive-menu-container.slide-right {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0)
    }
    #responsive-menu-container.push-bottom,
    #responsive-menu-container.slide-bottom {
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%)
    }
    .responsive-menu-open #responsive-menu-container.push-bottom,
    .responsive-menu-open #responsive-menu-container.slide-bottom {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0)
    }
    #responsive-menu-container,
    #responsive-menu-container:before,
    #responsive-menu-container:after,
    #responsive-menu-container *,
    #responsive-menu-container *:before,
    #responsive-menu-container *:after {
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }
    #responsive-menu-container #responsive-menu-search-box,
    #responsive-menu-container #responsive-menu-additional-content,
    #responsive-menu-container #responsive-menu-title {
        padding: 25px 5%
    }
    #responsive-menu-container #responsive-menu,
    #responsive-menu-container #responsive-menu ul {
        width: 100%
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu {
        display: none
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open {
        display: block
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
        padding-left: 10%
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link {
        padding-left: 15%
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link {
        padding-left: 20%
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link {
        padding-left: 25%
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link {
        padding-left: 30%
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-6 a.responsive-menu-item-link {
        padding-left: 35%
    }
    #responsive-menu-container li.responsive-menu-item {
        width: 100%;
        list-style: none
    }
    #responsive-menu-container li.responsive-menu-item a {
        width: 100%;
        display: block;
        text-decoration: none;
        padding: 0 5%;
        position: relative
    }
    #responsive-menu-container li.responsive-menu-item a .fa {
        margin-right: 15px
    }
    #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        overflow: hidden
    }
    #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow .fa {
        margin-right: 0
    }
    button#responsive-menu-button .responsive-menu-button-icon-inactive {
        display: none
    }
    button#responsive-menu-button {
        z-index: 99999;
        display: none;
        overflow: hidden
    }
    button#responsive-menu-button img {
        max-width: 100%
    }
    .responsive-menu-label {
        display: inline-block;
        font-weight: 600;
        margin: 0 5px;
        vertical-align: middle
    }
    .responsive-menu-accessible {
        display: inline-block
    }
    .responsive-menu-accessible .responsive-menu-box {
        display: inline-block;
        vertical-align: middle
    }
    .responsive-menu-label.responsive-menu-label-top,
    .responsive-menu-label.responsive-menu-label-bottom {
        display: block;
        margin: 0 auto
    }
}
@media screen and (max-width: 991px) {
    button#responsive-menu-button {
        padding: 0 0;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible
    }
    button#responsive-menu-button:hover {
        opacity: 1
    }
    .responsive-menu-box {
        width: 25px;
        height: 19px;
        display: inline-block;
        position: relative
    }
    .responsive-menu-inner {
        display: block;
        top: 50%;
        margin-top: -1.5px
    }
    .responsive-menu-inner,
    .responsive-menu-inner::before,
    .responsive-menu-inner::after {
        width: 25px;
        height: 3px;
        background-color: #fff;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease
    }
    .responsive-menu-inner::before,
    .responsive-menu-inner::after {
        content: "";
        display: block
    }
    .responsive-menu-inner::before {
        top: -8px
    }
    .responsive-menu-inner::after {
        bottom: -8px
    }
    .responsive-menu-boring .responsive-menu-inner,
    .responsive-menu-boring .responsive-menu-inner::before,
    .responsive-menu-boring .responsive-menu-inner::after {
        transition-property: none
    }
    .responsive-menu-boring.is-active .responsive-menu-inner {
        transform: rotate(45deg)
    }
    .responsive-menu-boring.is-active .responsive-menu-inner::before {
        top: 0;
        opacity: 0
    }
    .responsive-menu-boring.is-active .responsive-menu-inner::after {
        bottom: 0;
        transform: rotate(-90deg)
    }
    button#responsive-menu-button {
        width: 50px;
        height: 48px;
        background: none;
        position: absolute;
        top: 0px;
        right: 0%
    }
    button#responsive-menu-button:hover {
        background: none;
    }
    button#responsive-menu-button .responsive-menu-box {
        color: #fff
    }
    .responsive-menu-label {
        color: #fff;
        font-size: 14px;
        line-height: 13px
    }
    button#responsive-menu-button {
        display: inline-block;
        transition: transform 0.5s, background-color 0.5s
    }
}
@media screen and (max-width: 991px) {
    #responsive-menu-container {
        width: 75%;
        left: 0;
        background: #29c444;
        transition: transform 0.5s;
        text-align: left
    }
    #responsive-menu-container #responsive-menu-wrapper {
        background: #29c444
    }
    #responsive-menu-container #responsive-menu-additional-content {
        color: #fff
    }
    #responsive-menu-container .responsive-menu-search-box {
        background: #fff;
        border: 2px solid #dadada;
        color: #fff
    }
    #responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder {
        color: #c7c7cd
    }
    #responsive-menu-container .responsive-menu-search-box:-webkit-input-placeholder {
        color: #c7c7cd
    }
    #responsive-menu-container .responsive-menu-search-box:-moz-placeholder {
        color: #c7c7cd;
        opacity: 1
    }
    #responsive-menu-container .responsive-menu-search-box::-moz-placeholder {
        color: #c7c7cd;
        opacity: 1
    }
    #responsive-menu-container .responsive-menu-item-link,
    #responsive-menu-container #responsive-menu-title,
    #responsive-menu-container .responsive-menu-subarrow {
        transition: background-color 0.5s, border-color 0.5s, color 0.5s
    }
    #responsive-menu-container #responsive-menu-title {
        background-color: #212121;
        color: #fff;
        font-size: 13px
    }
    #responsive-menu-container #responsive-menu-title a {
        color: #fff;
        font-size: 13px;
        text-decoration: none
    }
    #responsive-menu-container #responsive-menu-title a:hover {
        color: #fff
    }
    #responsive-menu-container #responsive-menu-title:hover {
        background-color: #212121;
        color: #fff
    }
    #responsive-menu-container #responsive-menu-title:hover a {
        color: #fff
    }
    #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
        font-size: 13px
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        line-height: 40px;
        border-top: 1px solid #47fd67;
        border-bottom: 1px solid #47fd67;
        color: #fff;
        background-color: #29c444
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
        color: #fff;
        background-color: #007114;
        border-color: #47fd67
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
        color: #fff;
        border-color: #fff;
        background-color: #29c444
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
        right: 0;
        height: 40px;
        line-height: 40px;
        width: 40px;
        color: #fff;
        border-left: 1px solid #47fd67;
        background-color: #29c444
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {
        color: #fff;
        border-color: #fff;
        background-color: #29c444
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link {
        background-color: #007114;
        color: #fff;
        border-color: #47fd67
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover {
        background-color: #007114;
        color: #fff;
        border-color: #47fd67
    }
    .table>thead>tr>th{
        font-size: 14px;
    }
    .tablesaw td, .tablesaw tbody th {
        font-size: 1em;
    }
}
@media (min-width:992px){
    .responsive-menu-subarrow {
        display: none!important;
    }

}
/*
============================
-> Bx slider : Modification
============================
*/
.bx-wrapper {
	width: 100%!important;
	max-width: 100%!important;
	margin-top:25px;
}

/* table responsive*/
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

b.tablesaw-cell-label {
    font-size: 14px;
    color: #ec7d00;
    vertical-align: middle;
    padding: 10px 0 !important;
    text-align: left;
    margin-right: 20px;
}
.tablesaw-cell-content {
    vertical-align: middle;
}
/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/* Product Review Responsive */
@media (max-width: 580px) {
    .review-leftPart{
        width: 100%; 
        float: none;
    }
    .review-pro-con {
        margin: 20px 0 10px;
    }
    .review-docs{padding-left: 0;}
}
/* Breadcrumb responsive  */
@media (max-width: 767px) {
    .breadcrumb>li{font-size: 13px;}
    .breadcrumb>li+li:before {
        font-size:13px;
        padding: 0 2px;
        margin-right: 4px;
    }
}