/*--- CSS3 style ---*/

/*--- Use only for CSS3 styles  ---*/

a,.btn,button,.product-box:after,.product-box .hover-block,
.instagram img{
-webkit-transition:all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.navbar-default .navbar-nav > li > a{
-webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
-o-transition:  background .5s ease-in-out, color .5s ease-in-out;
-moz-transition: background .5s ease-in-out, color .5s ease-in-out;
transition: background .5s ease-in-out, color .5s ease-in-out;
}

#header{
-webkit-transition:all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s;
}

#header.sticky-header,.inner-page .navbar{
box-shadow: 4px 2px 5px #ccc;
-webkit-box-shadow: 4px 2px 5px #ccc;
-moz-box-shadow:  4px 2px 5px #ccc;
}


.nav-tabs > li.active > a{
box-shadow: 0 3px 0 #ccc inset;
-webkit-box-shadow: 0 3px 0 #ccc inset;
-moz-box-shadow: 0 3px 0 #ccc inset;
}

.navbar-nav > li.last > .dropdown-menu{
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
}


@media (min-width: 768px) {
.header-top-right .search-box{
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.navbar-nav > li > .dropdown-menu{
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);	
}
.navbar-nav > li.single > .dropdown-menu{
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);	
}
}