/*!
 * Client Name Local Styles
 * Copyright 2008-2017 Punchmark
 */

.parallax-background {
  background-size: auto 140% !important;
}

#jewelry-details-brand-image {
  display: none !important;
}

a#logo {
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 230px;
}

a#logo img {
  min-width: 180px;
}

nav.navbar .nav-item .nav-link { 
  font-size: 16px !important;
}

body#home header > .container {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.top-widgets .h3, 
.bottom-widgets .h3 {
  line-height: 1;
  font-size: 2rem;
  font-weight: 300;
}

@media(min-width:768px){
	a#logo {
	  width: 190px;
	  padding-bottom: 5px !important;
	  padding-left: 5px !important;
	  padding-right: 5px !important;
	}
	a#logo img {
	  min-width: 180px;
	}
	header .container,
	header .container .col.main-content-col {
	  width: 100%;
	  max-width: 100%;
	  padding-left: 10px;
	  padding-right: 10px;
	}
	header .container .col.main-content-col {
	  -ms-flex-align: center !important;
	  align-items: center !important;
	  padding-right: 10px;
	}
	header .container.content-toolbar {
	  padding-left: 0px;
	  padding-right: 0px;
	}
	header .main-content-col.nav-inline > .content-toolbar.bottom {
	  left: auto;
	  right: 10px;
	  max-width: 75%;
	  bottom: calc(50% - 40px);
	}
	body#home header > .container {
	  padding-left: 10px !important;
	  padding-right: 10px !important;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 13px !important;
	  padding: 10px 0 0 0 !important;
	  letter-spacing: 0.06rem !important;
	}
	nav.navbar .navbar-nav {
	  flex-wrap: wrap;
	}
	header .main-content-col.nav-inline nav.navbar, 
	header .main-content-col.nav-inline-and-split nav.navbar {
	  margin-top: -35px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li, 
	header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) {
	  font-size: 11px !important;
	  letter-spacing: 0.06rem !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
	  font-size: 14px !important;
	  transform: translateY(1px);
	}
	.top-widgets .h3, 
	.bottom-widgets .h3 {
	  line-height: 1;
	  font-size: 1.25rem;
	  font-weight: 400;
	}
	header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
	  top: 100% !important;
	}
}

@media(min-width:992px){
	a#logo {
	  width: 220px;
	  padding-bottom: 10px !important;
	  padding-left: 10px !important;
	  padding-right: 10px !important;
	}
	a#logo img {
	  min-width: 200px;
	}
	header,
	body#home header { 
  	  padding: 20px 0px !important;
  	}
	body#home header > .container {
	  padding-left: 10px !important;
	  padding-right: 10px !important;
	}
	header .container .col.main-content-col {
	  padding-right: 20px !important;
	}
	header .main-content-col.nav-inline > .content-toolbar.bottom {
	  left: auto;
	  right: 20px;
	}
	header .main-content-col.nav-inline nav.navbar, 
	header .main-content-col.nav-inline-and-split nav.navbar {
	  margin-top: -40px !important;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 15px !important;
	  letter-spacing: 0.06rem !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li, 
	header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) {
	  font-size: 12px !important;
	  letter-spacing: 0.08rem !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
	  font-size: 16px !important;
	  transform: translateY(2px);
	}
	.top-widgets .h3, 
	.bottom-widgets .h3 {
	  line-height: 1;
	  font-size: 2rem;
	  font-weight: 300;
	}

}

@media(min-width:1200px) {
	a#logo {
	  width: 320px;
	  padding-left: 25px !important;
	  padding-right: 25px !important;
	}
	a#logo img {
	  min-width: 280px;
	}
	header .container .col.main-content-col {
	  padding-right: 40px !important;
	}
	header .main-content-col.nav-inline > .content-toolbar.bottom {
	  left: auto;
	  right: 40px;
	}
	header .main-content-col.nav-inline nav.navbar, 
	header .main-content-col.nav-inline-and-split nav.navbar {
	  margin-top: -40px !important;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 16px !important;
	  letter-spacing: 0.08rem !important;
	}
}

@media(max-width:767px){
	body#home header {
	  background: #201E26 !important;
	}
	body#home header > .container {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	}
}