@charset "UTF-8";
/* CSS Document */

.navbar-brand .logo{
max-width: 175px;
}

.navbar-dropdown {position:fixed;}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination>li {
	display: inline;
}
.pagination>li>a, .pagination>li>span {
position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #ac3b35;
    /* background-color: #fff; */
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #ac3b35;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ac3b35;
    border-color: #e5dedd;
    cursor: default;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #999;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}
	 
	 .navbar-dropdown .mbr-table-cell {
    height: 3.625rem;
}
	 
	 .menu1 .navbar-logo img {
    height: 2.5rem;
		 padding-left:20px;
		 
}
	

	 
	 .img-responsive {
  max-width: 100%;
  max-height: auto; /* or to whatever you want here */
margin-bottom:20px;     
         
         
}
	 @media (min-width: 544px){
.navbar {
    border-radius: 0.0rem;
}
	} 
 
	 @media ( min-width:220px){
.resizeformobile {
	margin-top:80px;
   
}
h1 {
font-size:22px;
}
	
	 } 
	 	 @media ( min-width:620px){
.resizeformobile {
	margin-top:25px;
   
}
			 h1 {
			font-size: 2.5rem; 
			 }
			 
	} 
	 
	 .freeshipping{
		 background-image:url(images/free-shipping-red.png);
		 width:126px;
		 height: 78px;
		margin-bottom: -80px;
    margin-left: -2px;
    position: relative;
    z-index: 1;
		
		 
	 }	
.vacationHolder{
 padding: 15px;
 margin-bottom: 10px;
}
 /* Formatting search box */
    .search-box{
        width: 500px;
      position: relative;
        display: inline-block;
        font-size: 14px;
  
    }



    .search-box input[type="text"]{
        height: 32px;
        padding: 5px 10px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
        border-radius: 5px;
    }
.dropdown-menu.show{
    overflow-x: auto;
    overflow-y: auto;
}
    .result{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
        max-height: 310px;
        overflow: scroll;
        box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .search-box input[type="text"], .result{
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
        box-sizing: border-box;
    }
    /* Formatting result items */
    .result p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        background: #fff;
    }
     .result img{

         max-height: 50px;
         max-width: 50px;
         margin-right: 5px;
         
     }
     .result a{
       cursor:   pointer;
         
     }
    .result p:hover{
        background: #f2f2f2;
    }
     .rightit{
  display: flex;
  justify-content:flex-end;

     }
     .mycategories{
      max-height: 310px;
        overflow: scroll;
         
     }     
     div[itemprop="description"] {
  padding: 0px 10px;
}

.newsletter{
  background: #d8dde0;  
    
}
.sharenumisq{
	
	width:52px; height:52px; background-color: #000; border:0px; border-radius:10px;
}
.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    float: left;
    border-radius: 8px;
    margin: 3px;
}
.social .fa {
    padding: 15px 0px
}
.facebooks {
    background-color: #3b5998;
}

.twitters {
    background-color: #55acee; 
}

.stumbleupons {
    background-color: #eb4924;
}
.pinterests {
    background-color: #cc2127;
}
.linkedins {
    background-color: #0077b5;
}
.buffers {
    background-color: #323b43;
}
  @media (max-width:825px){
       .search-box{
        width: 100%;
        }
        .navbar-brand .logo {
            padding-left: 8%;
        }
        
    }    

     @media (max-width:425px){
       .search-box{
        width: 100%;
        }
        .navbar-brand .logo {
           
    padding-left: 5%;
    max-width: 150px;
        }
         .px-3 {
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}
        
    }    


     @media (max-width:361px){
       .search-box{
        width: 100%;
        }
        .navbar-brand .logo {
           
    padding-left: 4%;
    max-width: 150px;
        }
         .px-3 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
        
    }  



   @media (max-width:280px){
       .search-box{
        width: 100%;
        }
        .navbar-brand .logo {
           
    padding-left: 4%;
    max-width: 100px;
        }
         .px-3 {
    padding-right: .25rem!important;
    padding-left: .25rem!important;
}
        
    }  




    
    @media(min-width:1023px) and ( max-width:1335px){
        .search-box{
            width:300px;
            margin-left:-70px
        }
        
    }
  @media(min-width:1335px){
        .search-box{width: 500px;}
        
    }
 

.card {
  margin: 0 0.0em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
#navbar_top{
    box-shadow: 0px 5px 12px 2px rgba(46,46,46,0.45);
-webkit-box-shadow: 0px 5px 12px 2px rgba(46,46,46,0.45);
-moz-box-shadow: 0px 5px 12px 2px rgba(46,46,46,0.45);
}

#searchproducts{

    border-radius:5px;
box-shadow: 0px 0px 13px -1px rgba(46,46,46,0.64);
-webkit-box-shadow: 0px 0px 13px -1px rgba(46,46,46,0.64);
-moz-box-shadow: 0px 0px 13px -1px rgba(46,46,46,0.64);
}

.justify-content-start{
    min-height: 85px;
}