﻿

.container-theme{
    margin-top:100px;
}

.row-product .thumbnail{
    height: 375px;
}

.row-product .thumbnail img{
    max-height: 275px;
}

.row-product .thumbnail .img{
    height: 250px;
    overflow: hidden;
    text-align: center;
}

.row-product .thumbnail a{
    color:#583906;
}

.row-product .thumbnail .price{
    font-size: 24px;
    margin-top: 15px;
}

.row-product .thumbnail .price .currency{
    font-size: 18px;
}

.previews img{
    margin-bottom:3px;
}

.list-category a{
    color: #3e3f3a;
    font-size: 15px;
}

.list-category .sub-menu li a[data-selected='true']{
    color:#805d24;
    font-weight: bold;
}


#default-slider{
    margin-bottom: 25px;
}

#default-slider img, .carousel-control{
    border-radius: 5px;
}

.previews{
    margin-top:3px;
}

.site-logo{
    display: block;
    margin: 10px 0 10px 0;
    text-align: center;
}

.site-logo img{
    width: 200px;
}

.btn-contact{
    position: relative;
    top:50px;
}

 @media screen and (max-width: 768px) {
            .container-theme{
                margin-top: 80px;    
            }

          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:79px;
              bottom:0;
              left:0;
              width:300px;
              position:fixed;
              overflow:auto;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }

          .site-logo{
            position: absolute;
            left: 38%;
            margin-top: 20px;
          }

          .site-logo img{
              width:125px;
          }

          .navbar-inverse{
            background-color: #3e3f3a;
            border-color: #3e3f3a;
          }

          .navbar .nav>li>a{
            color:white;
            font-size:14px;
          }

          .navbar-nav{
              border-bottom: 1px solid #53544f;
          }

          .navbar-default .navbar-collapse{
                border-color: #3e3f3a;
           }

           .navbar-collapse .lead{
               color:wheat;
           }

           .cat-title{
               text-align: center;
           }

           .col-category .lead{
               text-align: center;
               color:#3e3f3a;
               font-size: 18px;
               margin-top: 0px;
           }

           .menu-title{
               color:#98978b;
               font-size: 11px;
               position: relative;
               left: -3px;
               top:1px;
           }

           .hamburger-menu{
               position: relative;
               left:10px;
           }

           #default-slider{
               margin-top: 20px;
           }

           form[name='search']{
               position: static!important;
           }

           form[name='search'] input{
               width: 90%;
               margin:0 10px 0 10px;
           }
}



.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-toggle span.icon-bar {
    transition: all 0.15s;
}

.navbar-toggle span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(2) {
    opacity: 0;
}

.navbar-toggle span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(1),
.navbar-toggle.collapsed span:nth-child(3) {
    transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(2) {
    opacity: 1;
}


form[name='search']{
    position: absolute;
    top:20px;
}

form[name='search'] input{
    padding: 3px;
}