.show-on-mobile {



    display:none;



}



.product-name {



    color: #222;



    /* text-transform: uppercase; */



    font-size: 14px;



    line-height: 20px !important;



    text-overflow: ellipsis;



    word-wrap: break-word;



    /* white-space: nowrap; */



    overflow: hidden;



    width: 100%;



}



h3 .blog-title {



    font-weight: bold !important;



}



/* .js_acceptCookies {



    display: inline-block !important;



    vertical-align: middle !important;



    cursor: pointer !important;



    color: #fff !important;



    background: #c09f52 !important;



font-size: 15px !important;



font-weight: bold !important;



padding: 11px 30px !important;



text-align: center !important;



border-radius: 4px !important;



border: solid 1px



    #333 !important;



    margin: 5px !important;



    letter-spacing: -.025em !important;



    min-width: 145px !important;



} */



.newsletter .section-title h3 {



   color:#fff !important;



}



.mainmenu--2 li.menu-item-has-children::after, .mainmenu--3 li.menu-item-has-children::after, .mainmenu--4 li.menu-item-has-children::after {



    color: #fff;



}



.mainmenu__item.menu-item-has-children::after {



    content: '' !important;



    right: 0;



}



.three-column > .li-subitem-1:nth-of-type(3n+1){



    clear:left;



}



.megamenu li a {



    display: block;



    padding: 1.2rem 0.9rem;



    font-size: 13px !important;



    font-weight: 600;



    color: #FFF !important;



    text-transform: capitalize !important;



}



.menu-divider {



    position: relative;



    bottom: 0;



    left: 10px;



    width: 40px;



    border-bottom: 2px solid #c09f52;



    display: block;



}







.breadcrumb {



    /*centering*/



    display: inline-block;



    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.35);



    overflow: hidden;



    border-radius: 5px;



    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/



    counter-reset: flag; 



}







.breadcrumb a {



    text-decoration: none;



    outline: none;



    display: block;



    float: left;



    font-size: 12px;



    line-height: 36px;



    color: white;



    /*need more margin on the left of links to accomodate the numbers*/



    padding: 0 10px 0 30px;



    



    position: relative;



}



/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/



.breadcrumb a:first-child {



    /*! padding-left: 46px; */



    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/



}



.breadcrumb a:first-child:before {



    /*! left: 14px; */



}



.breadcrumb a:last-child {



    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/



    padding-right: 20px;



}







/*hover/active styles*/











/*adding the arrows for the breadcrumbs using rotated pseudo elements*/



.breadcrumb a:after {



    content: '';



    position: absolute;



    top: 0; 



    right: -18px; /*half of square's length*/



    /*same dimension as the line-height of .breadcrumb a */



    width: 36px; 



    height: 36px;



    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 



    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)



    if diagonal required = 1; length = 1/1.414 = 0.707*/



    transform: scale(0.707) rotate(45deg);



    /*we need to prevent the arrows from getting buried under the next link*/



    z-index: 1;



    /*background same as links but the gradient will be rotated to compensate with the transform applied*/



    background: #666;



    background: linear-gradient(135deg, #666, #333);



    /*stylish arrow design using box shadow*/



    box-shadow: 



        2px -2px 0 2px rgba(0, 0, 0, 0.4), 



        3px -3px 0 2px rgba(255, 255, 255, 0.1);



    /*



        5px - for rounded arrows and 



        50px - to prevent hover glitches on the border created using shadows*/



    border-radius: 0 5px 0 50px;



}



/*we dont need an arrow after the last link*/



.breadcrumb a:last-child:after {



    content: none;



}



/*we will use the :before element to show numbers*/



.breadcrumb a:before {



    /*! content: counter(flag); */



    /*! counter-increment: flag; */



    /*some styles now*/



    /*! border-radius: 100%; */



    width: 20px;



    height: 10px;



    line-height: 20px;



    /*! margin: 8px 0px; */



    /*! position: absolute; */



    top: 0;



    /*! left: 30px; */



    background: #444;



    background: linear-gradient(#444, #222);



    font-weight: bold;



}











.flat a, .flat a:after {



    background: white;



    color: black;



    transition: all 0.5s;



}



.flat a:before {



    background: white;



    box-shadow: 0 0 0 1px #ccc;



}



 .flat a.active, 



 .flat a.active:after{



    background: #F0DFB7;



}



.clear-btn {



 width:100% !important;



    padding: 1.5rem !important;



 



}



.discount-badge {







    background: #2d9325 !important;







}



#nav-video-tab iframe {



    width:100% !important;



}



.qw-filterValueText {



    color:#9b9ea2;



font-weight: bold;



}



.qw-filterValueText .selected {



    color:#111;



font-weight: bold;



}



.set-price-filter {



cursor: pointer;



}







/* Large Mobile :480px. */



@media only screen and (min-width: 320px) and (max-width: 767px) {

    .qw-iframe {

        width: 100%;

        height: 320px;

    }



    .breadcrumb a {

      

        font-size: 3vw !important;

        

    }



	.hide-from-mobile {



		display:none !important;



	}







.show-on-mobile { 



display:block !important;;    



}



.mainmenu__item.menu-item-has-children ul.megamenu.three-column > li {



    -webkit-flex: 0 0 100%;



    -moz-flex: 0 0 100%;



    -ms-flex: 0 0 100%;



    flex: 0 0 100%;



    max-width: 100%;



    }



}

@media only screen and (min-width: 320px) and (max-width: 1024px) { 
        
    .qw-minicart-mobile { 
    
    
    
        display:block !important;;    
        
        
        
        }
    
        }
    
    @media only screen and (min-width: 1024px) {
        .qw-minicart-mobile { 
    
    
    
            display:none !important;;    
            
            
            
            }
    }

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

    .qw-iframe {

        width: 640px;

        height: 480px;

    }





.show-on-mobile { 



display:none !important;;    



}







}



.ribbon {



    width: 160px;



    height: 152px;



    overflow: hidden;



    position: absolute;



    pointer-events: none;



    z-index:999;



  }



  



  .ribbon span {



    position: absolute;



    display: block;



    width: 265px;



    padding: 4px 0;



    background-color: #ec0000;



    color: #fff;



    font: 700 0.8em 'Lato', sans-serif;



    text-shadow: 0 1px 1px rgba(0,0,0,.2);



    text-transform: uppercase;



    text-align: center;



  }



  



  .ribbon-top-left::before {



    top: 0;



    right: 0;



  }



  .ribbon-top-left::after {



    bottom: 0;



    left: 0;



  }



  .ribbon-top-left span {



    right: -41px;



    top: 50px;



    transform: rotate(-45deg);



  }



  .product-box .wish-list {



    position: absolute;



    top: 25%;



    left: 90%;



    text-align: center;



    line-height: 3.6rem;



    height: 3.6rem;



    width: 3.6rem;



    margin-left: -1.8rem;



    margin-top: -1.8rem;



    font-size: 1.5rem;



    display: inline-block;



    color: #fff;



    background: rgba(51, 51, 51, 0.7);



    border-radius: 50%;



}



.qw-cart-quantity::-webkit-inner-spin-button { 



    -webkit-appearance: none;



    cursor:pointer;



    display:block;



    width:8px;



    color: #333;



    text-align:center;



    position:relative;



}







.qw-cart-quantity:hover::-webkit-inner-spin-button { 



    background: #eee url('../assets/img/up-down-spinner.png') no-repeat 50% 50%;  



    width: 14px;



    height: 14px;



    padding: 4px;



    position: relative;



    right: 4px;



    border-radius: 28px;



}





  .panel-heading {

    padding: 0;

      border:0;

  }

  .panel-title>a, .panel-title>a:active{

      display:block;

      padding:15px;

    color:#555;

    font-size:16px;

    font-weight:bold;

      text-transform:uppercase;

      letter-spacing:1px;

    word-spacing:3px;

      text-decoration:none;

  }

  .panel-heading  a:before {

     font-family: 'Glyphicons Halflings';

     content: "\e114";

     float: right;

     transition: all 0.5s;

  }

  .panel-heading.active a:before {

      -webkit-transform: rotate(180deg);

      -moz-transform: rotate(180deg);

      transform: rotate(180deg);

  } 



  input[type=number]::-webkit-inner-spin-button, 

  input[type=number]::-webkit-outer-spin-button {  

  

     opacity: 1;

  

  }





  .ui-spinner {

	width: 15em;

	display: block;

	position: relative;

	overflow: hidden;

	border: 1px solid #999;

	background: #FEFEFE url(./images/spinner-bg.gif) repeat-x left bottom;

	padding: 0 5px;

}



.ui-spinner-disabled {

	background: #F4F4F4;

	color: #CCC;

}



.ui-spinner-box {

	width: 90%;

	height: 100%;

	float: left;

	font-size: 125%;

	border: none;

	background: none;

	padding: 0;

}



.ui-spinner-up,

.ui-spinner-down {

	width: 10%;

	height: 50%;

	font-size: 0.5em;

	padding: 0;

	margin: 0;

	z-index: 100;

	text-align: center;

	vertical-align: middle;

	position: absolute;

	right: 0;

	cursor: default;

	border: 1px solid #999;

	border-right: none;

	border-top: none;

}



.ui-spinner-down {

	bottom: 0;

	border-bottom: 0;

}



.ui-spinner-pressed {

	background: #FEFEFE;

}



.ui-spinner-list,

.ui-spinner-listitem {

	margin: 0;

	padding: 0;

}

.nice-select .list {

    border-radius: 0px;

    height: 200px;

    overflow-y: auto;

}

::-webkit-scrollbar-track {

   

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

    background-color: rgba(255,255,255,0.2);

}