/************** Responsive *********************/

.col-1{
    width:100%;
    float: left;
}

.col-2{
    width:50%;
    float: left;
}
.col-3{
    width:33.33%;
  
    float: left;
}

.col-4{
    width:25%;
    float: left;
}

/*
.col-3:nth-child(4n+4){
   clear:both;
}
*/

.wrapper{
    padding-top: 70px;
}

@media all and (max-width:1140px) {
		      
    .wrapper {padding-top: 40px;}
    .container {max-width:768px;}
                
            
     /***************** HEADER *************************/   
      
    
        .header .main-nav {
                             height: 70px;
                            
        }
        .header .main-nav ul li.first-item, .header .main-nav ul li.third-item {
                width: 319px;
            }
        
            .header .main-nav ul li.first-item ul{
                        
                          width: 237px;
                        }
                        
                        .header .main-nav ul li.third-item ul{
                         
                          width: 400px;
                        }
                        
                            .header .main-nav ul li ul li {
                                padding: 7px 34px;
                                font-size: 16px;  
                            }
                            
                            .header .main-nav ul li.logo{
                                width: 130px;
                                top:28px;
                            }
                            
        
        
                        /*************** Header Shrink **************/
                            .header .main-nav {
                            
                                height: 60px;
                               
                            }
                            
                            .header.shrink .main-nav ul li.logo {
                                top: 12px;
                            }
                            
                            .header.shrink .main-nav ul li.logo .img-wrapper {
                               
                                width: 60%;
                            }
    
                            .header.shrink .main-nav ul li ul li {
                                
                                padding: 3px 34px;
                            }
		/****************** Main ************************/
    
             .wrapper .main{
                   
            }
        
        /**************** all-scents.html *********************/


        .heading {
           padding: 150px 0 50px;
        }
            .heading h1{
               font-size: 30px;
             
            }

        /*.all-scents .main .grid, .all-products .main .grid {
            margin-top: -100px;
        }*/
    
                    .main .grid .col-3 .col-3-wrapper .img-wrapper, .main .grid .col-3 .col-3-wrapper .img-wrapper img {
                margin: 0 auto;
                width: 94%;
            }
    
    /**************** functional pages *********************/
        /**************** login page *********************/   
        .function.log-in .main div.func-listing .section{
            padding: 70px 180px;   
        }


    /**************** individual pages *********************/

     .main .main-item-show div.image .img-wrapper {
        width: 100%;
    }   

    

}


    @media all and (max-width:768px) {
		      .container {max-width:500px;}
                
            
     /***************** HEADER *************************/   
        
        .header .stripe {
            display:none;
        }
                .header .micro {
                    height: 22px;
                    padding-left: 0px;
                    top: -5px;
                    width: 100%;
                }
                    .header .micro li:nth-child(5), .header .micro li:nth-child(6) {
                       float:right;
                    }
        
                    .header .micro li:nth-child(5) a, .header .micro li:nth-child(6) span {
                       padding: 7px 7px 7px 0px;
                    }
        
        .header .micro li:nth-child(4).separator:after {
                content: ""; 
            }
        
            .header .micro li a {
               
                padding: 7px;
               
            }
        
        
        .header .main-nav {
                background: none repeat scroll 0 0 #120c0c;
                height: 70px;
            }
            .header .main-nav ul li.first-item, .header .main-nav ul li.third-item {
                width: 205px;
            }
        
            .header .main-nav ul li.first-item ul{
                        
                          width: 170px;
                        }
                        
                        .header .main-nav ul li.third-item ul{
                         
                          width: 193px;
                        }
                        
                            .header .main-nav ul li ul li {
                                padding: 10px 15px;
                                font-size: 14px;  
                            }
                            
                            .header .main-nav ul li.logo{
                                width: 90px;
                                top: 32px;
                            }
                            
                            .header .main-nav ul li.logo .img-wrapper {
                            margin: 0 auto;
                            position: relative;
                            width: 100%;
                        }

                            .header .main-nav ul li ul li a{
                                 
                                font-size: 14px;
                            }

                            .header .main-nav ul li ul li a.active {
                                border-bottom: none;
                                
                            }


                            .header.shrink .main-nav ul li ul li a.active {
                                border-bottom: 5px solid #c78e5c;
                              
                            }
                            /*************** Header Shrink ****************/
        
                                 .header.shrink .main-nav  {
                                    height: 70px;
                                   
                                }
                                .header.shrink .main-nav ul li ul li {
                                    padding: 0 15px;
                                   
                                }
        
                                .header.shrink .main-nav ul li.logo {
                                    top: 26px;
                                }
        
                                .header.shrink .main-nav ul li.logo .img-wrapper {
                                width: 80%;
                            }
        .header.shrink .main-nav ul li ul li {
    top: 4px;
}
            .header .oval {
                top: -64px;
            }
        
         /****************** Footer ************************/
           .footer .info p {
                font-family: 'centabel_bookcentabel_book';
                font-size: 14px;
            }
        
           .footer .info {
              
                float: none;
                font-size: 13px;
                line-height: 15px;
                margin-left: 0;
                margin-top: 10px;
                width: auto;
                text-align:center;
                
            }
            
            .footer .info ul {
                width: 190px;
                margin: 0 auto;
            }
        
            .footer .company-logo {
                float: none;
                margin: 0 auto;
            }
            
            .footer .social {
                float: none;
                margin: 5px auto 0;
                width: auto;
            }
            
            .footer .social ul{
                display:table;
                float: none;
                margin: 0 auto;
            }
            
        
            .footer .social [class^="social"] {
                background-size: cover;
                display: inline-block;
                height: 15px;
                margin-left: 10px;
                width: 15px;
            }
        
                .footer .social li:first-child {
                font-family: 'centabel_bookcentabel_book';
                line-height: 15px;
                font-size: 12px;
            }
        
       /******************* Main ******************/
           
    

        
        
        .main .hero-slider.desktop{
             display: none;
         }
        
        .main .hero-slider.ipad{
             display: block;
         }
        
        
        
        /**************** grid pages *********************/

 

        .main .grid .col-3 {
    width: 49%;
    margin: 0.5%;
}
    
     .main .grid .col-3:nth-child(3n+1){
   clear:none;
}
 
        
/*
    .main .grid .col-3:nth-child(2n+1){
   clear:both;
}
*/

 .all-products .hero,
 .all-scents .hero,
 .level2 .hero{
            padding-top: 35px;
        }
    
    .main .grid .col-3 .col-3-wrapper .img-wrapper{
    width: 93%;
    margin-top: 3%;
}
        
        .heading {
           padding: 100px 0 30px;
        }
            .heading h1{
               font-size: 25px;
            }

        .main .grid {
            margin-top: 0px;
        }

	/**************** functional pages *********************/	
    .function .col-3, .function .col-2, .function .col-1{width: 100%;}
        .function div.func-listing div[class^="col"] {

padding: 5px 0px;
}
    .function .main .container .inner-container {
                box-sizing: border-box;
                padding: 40px 20px;
            }
        /**************** search page *********************/	
         .function.search .heading .col-2:first-child {
                    margin-bottom: 20px;
                }
        /**************** login page *********************/	
        .function.log-in .main div.func-listing .section{
            padding: 70px 40px;   
        }
        
        .function.log-in .main div.func-listing .section .col-2{
            width: 50%;   
        }
        
        .function.log-in .main div.func-listing .section .col-2 span {
            margin-left: 0px;
        }
        
        .function.log-in .main div.func-listing .new-customer-sec .col-1 h2{float: none; margin-bottom: 20px;}
        .function.log-in .main div.func-listing .new-customer-sec .col-1 a{float: none; margin:0 auto; width: 100%;}
        
        /**************** cart page *********************/
        .cart tr td:nth-child(3) input{
           width: 40px;
        }
        
        .cart form#chkout .col-2{margin: 10px 0;}
        
        .cart tr th.col-subtotal {
            width: 12%;
        }
        
        .cart tr th.col-qty {
            width: 10%;
        }
        /**************** checkout page *********************/
         .function div.func-listing div[class^="col"] div[class^="col"].no-padding-left { padding:5px 0} 
    .function div.func-listing div[class^="col"] div[class^="col"].no-padding-right {padding:5px 0} 
    /**************** individual pages *********************/	
    [class^="level"] .col-2{width: 100%;}
    
    

    [class^="level"] .main .main-item-show div.image .img-wrapper{
        width: 70%;   
    }
   
    /**************** individual pages *********************/

     .level3 .main .main-item-show div.image {
        overflow: hidden;
    }   

    

    .heading h1 {
    font-size: 27px;
        line-height: 40px;
        padding: 0 15px;
}
    
    
 
   

}

 @media all and (max-width:500px) {
     .col-3{
    width:100%; 
}

     
     html, body, .wrapper {
    min-height: 100%;
    
    min-width: 320px;
}
     .wrapper{padding-top: 85px;}
		      .container {max-width:500px;}
     .header .main-nav ul li.logo{
            position: absolute;
         width: 80px;
         top: 70px;
         left: 0;
        right: 0;
         margin: 0 auto;
        }
      .header .main-nav {
                background: none repeat scroll 0 0 #120c0c;
                height: 100px;
            }
                
            .main-nav ul {display:table; margin:0 auto;}
                        .header .main-nav ul li.first-item ul{
                        
                          width: 130px;
                        }
                        
                        .header .main-nav ul li.third-item ul{
                         
                          width: 190px;
                        }
     
                        .header .main-nav ul li.first-item {
                            width: 140px;
                        }   
                         .header .main-nav ul li.third-item {
                            width: 180px;
                        }
     
                    .header .main-nav ul li ul li {
                                padding: 10px;
                                font-size: 14px;  
                            }
                
           .header .oval {
                top: -60px;
            }
                    /******************* Header Shrink ****************/
     
                         .header.shrink .main-nav {
                        height: 60px;
                    }
                        .header.shrink .main-nav ul li.logo{
                            top: -55px;
                        }
     
                    .header.shrink .main-nav ul li ul li {
                            padding: 0 10px;
                        }
     
                   
     
                    .header.shrink .main-nav ul li ul li a {
                       
                        padding-bottom: 10.5px;

                    }
     
                    .header.shrink .main-nav ul li ul li {
                        top: 1px;
                    }
          /******************* Footer ****************/   
            .footer .info p {
  
                font-size: 12px;
            }
     
      /****************** Main ************************/
    
             .main{
             
            }
     /****************** Slider ************************/
     
     .rsBullets {
    bottom: -25px;
}
             /****************** Other ********************/
        .other .col-3{
                margin: 5px 0;
            }
     
     /**************** grid pages *********************/
    .all-products .main, .all-scents .main, [class^="level"] .main{

            padding:0;
           }   

 .all-products .hero,
 .all-scents .hero,
 .level2 .hero{
            padding-top: 0px;
        }

     
     .main .grid .col-3 {
    width: 100%;
    margin: 0.5% 0;
        
}
    
    .main .grid .col-3:before {

	display:none;
}
    
    .main .grid .col-3 .col-3-wrapper{
	position: relative;
	top:auto;
	left: auto;
	bottom: auto;
	right: auto;
    display: table;
    vertical-align: middle;   
	margin: 0 auto;
      
}
         
    .main .grid .col-3 .col-3-wrapper .heading-wrapper, .main .grid .col-3 .col-3-wrapper .img-wrapper{
    display: table-cell;
    vertical-align: middle; 
    height: 100%;
    width: 30%;
    position: relative;
    margin: auto;
    }
    
    .main .grid .col-3 .col-3-wrapper .heading-wrapper h2{ 
        margin-top: 0;
        padding: 0 0 0 10px;
        
}
    
    .main .grid .col-3 .col-3-wrapper .img-wrapper{
        width: 35%; 
        margin-top: 0;
}
       
     
    .wrapper, .main{
            height: 100%;
        }
        
     .heading {
           padding: 70px 0 30px;
     }
     
     .wrapper[class^="all"] .heading,  .wrapper[class^="level"] .heading {
           padding: 57px 0 20px;
        background: #fff;
         position: relative;
        }
     
    
     .wrapper.level3 .heading {
           background: #ffffdc;
        }
     
        
            .heading h1{
               font-size: 29px;
            }

        .all-scents .main .grid, .all-products .main .grid {
           margin-top: 2px;
        }
     
     
        .main .grid .col-3 .col-3-wrapper .heading-wrapper h2 {
           font-size: 12px;
            margin-bottom: 0;
        }
        .main .grid .col-3 .col-3-wrapper .img-wrapper {
            padding-right: 30px;
            margin-top: 0;
            width: 25%;
        }
     
        	/**************** functional pages *********************/
     
            .function .main .container {}
            
           
                /**************** search page *********************/
                .function .main div.func-listing .section {
                    border-bottom: 1px solid #fbd2d3;
                    padding:  40px 10px;
                }
     
               .function.search .search-result ul.pagination {
                 
                    margin:20px auto;

                  
                }


                /**************** cart page *********************/
                    .cart table.cart-table2  {display:block;}
     
                    .cart table.cart-table2 td, 
                    .cart table.cart-table2 thead, 
                    .cart table.cart-table2 tbody, 
                    .cart table.cart-table2 th, 
                    .cart table.cart-table2 td, 
                    .cart table.cart-table2 tr {display:block;
 }
     
                    .cart table.cart-table2 thead {display:none}
                    
                    .cart table.cart-table2 tr {padding: 20px 0;}
                    
                    .cart table.cart-table2 td{
                        
                        position: relative;
                        padding: 10px 20px 10px 50%;
                    }
                     .cart table.cart-table2 td:before {
                        left: 20px;
                        
                        padding: 10px 10px 10px 0;
                        position: absolute;
                        top: 6px;
                        white-space: nowrap;
                        width: 45%;
                         font-family: 'futura_md_btmedium';
                         color: 
                     }
     
                    .cart table.cart-table2 td:nth-of-type(1):before {
                        content: "ITEM";
                    }
     
                   .cart table.cart-table2 td:nth-of-type(2):before {
                        content: "PRODUCT NAME";
                    }
                    .cart table.cart-table2 td:nth-of-type(3):before {
                        content: "QTY";
                    }
                    .cart table.cart-table2 td:nth-of-type(4):before {
                        content: "PRICE";
                    }
                    .cart table.cart-table2 td:nth-of-type(5):before {
                        content: "TOTAL";
                    }
                    .cart table.cart-table2 td:nth-of-type(6):before {
                        content: "REMOVE";
                    }
     
                    .cart tr td:nth-child(6) {
                        text-align: left;
                    }
     
                    .cart tr td input {
                        text-align: left;
                    }
     
                    .cart td .img-wrapper {
                        margin: 0;
                        width: 30%;
                    }
     
                    .cart td input.amt {
                        width: 30%;
                    }
     
                         .cart form input.amt {
                        
                        text-align: left;;
                    }
               /**************** login *********************/     
                    .function.log-in .main div.func-listing .section .col-2{
            width: 100%;   
        }
                 /**************** country *********************/
                .country-select .country-list .section {width: 80%;}
                .country-select .country-list .section h2{font-size: 16px; padding-bottom: 0;}
     
            /**************** CHECKOUT *********************/
.checkout-form .order-review {

    padding: 10px;
}
     
     .checkout-form table th {
   font-size: 10px;
}
     
     .function .main div.func-listing .section {
    border-bottom: 1px solid #fbd2d3;
    padding: 40px 0;
}
     .function .checkout-form h2 {

         margin-top: 30px;
}
            /**************** individual page *********************/
      .container.main-item-show {
    margin-top: 20px
}
 } 


 @media all and (max-width:420px) {
  .level3 .main .main-item-show p button {
    float: none;
}
     
    
 }