@media screen and (min-width: 601px) {
body.home.logged-in.admin-bar #navigation.affix {
top:32px
}
}
@media screen and (max-width: 782px) and (min-width:768px) {
body.home.logged-in.admin-bar #navigation.affix {
top:46px
}
}
@media screen and (max-width: 767px) and (min-width:601px) {
body.home.logged-in.admin-bar #navigation.affix {
top:46px
}
}
@media screen and (max-width: 600px) {
body.home.logged-in.admin-bar #navigation.affix {
top:0
}
}
@media screen and (max-width: 1199.98px) {
#navigation .navbar-nav .nav-link {
padding-left:7px;
padding-right: 7px;
font-size: 18px
}
#navigation.affix .navbar-nav .nav-link {
line-height: 55px;
padding: 0;
font-size: 16px;
}
#navigation .navbar-phone.navbar-text>a {
font-size: 22px
}
#navigation.affix .navbar-phone.navbar-text>a {
line-height: 17px;
font-size: 22px
}
}
@media screen and (max-width: 991px) {
#navigation .navbar-nav .nav-link {
padding-left:5px;
padding-right: 5px;
font-size: 17px
}
#navigation.affix .navbar-nav .nav-link {
line-height: 50px;
padding: 0 4px;
font-size: 15px
}
#navigation .navbar-phone.navbar-text>a {
font-size: 20px
}
#navigation.affix .navbar-phone.navbar-text>a {
line-height: 17px;
font-size: 18px
}
}
@media screen and (max-width: 910px) and (min-width:768px) {
#navigation .navbar-nav .nav-link {
padding-left:5px;
padding-right: 5px
}
#navigation .navbar-phone.navbar-text>a {
font-size: 18px
}
}
@media screen and (max-width: 870px) {
#navigation .navbar-nav .nav-link {
padding:0 .5em
}
#navigation .navbar-nav .nav-link,#navigation.affix .navbar-nav .nav-link {
color: #000;
line-height: 50px;
padding: 0 5px;
font-size: 16px
}
#navigation .navbar-phone.navbar-text>a,#navigation.affix .navbar-phone.navbar-text>a {
line-height: 17px;
font-weight: 700;
color: #222
}
}
@media screen and (max-width: 840px) {
#navigation .navbar-nav .nav-link {
font-size:15px
}
#navigation.affix .navbar-nav .nav-link {
line-height: 50px;
padding: 0 4px;
font-size: 15px
}
#navigation .navbar-phone.navbar-text>a {
font-size: 20px
}
#navigation.affix .navbar-phone.navbar-text>a {
line-height: 17px
}
}
@media screen and (max-width: 778px) {
#navigation .navbar-phone.navbar-text>a {
font-size:17px
}
}
@media screen and (max-width: 767.98px) {
#navigation {
position:relative!important;
top: 0!important;
background-color: #fff!important;
padding-top: 15px;
padding-bottom: 15px
}
#navigation .navbar-brand {
height: 60px;
}
#navigation .navbar-toggler,#navigation .navbar-toggler:hover,#navigation .navbar-toggler:focus {
color: #cd0079 !important;
background: white;
line-height: 31px;
font-size: 31px;
padding: 1px;
border-radius: 2px;
width: 60px;
border: none;
text-align: right;
box-shadow: none;
outline: none;
}
#navigation .navbar-nav .nav-link,#navigation .navbar-phone.navbar-text>a {
padding: 0 12px;
line-height: 30px;
margin: 5px auto;
border: 1px solid;
border-radius: 20px
}
#navigation .navbar-phone,#navigation .navbar-phone.navbar-text>a {
width: 100%;
display: block!important
}
#navigation .navbar-phone.navbar-text>a,#navigation.affix .navbar-phone.navbar-text>a {
font-size: 21px;
font-weight: 700;
text-align: center;
box-shadow: none
}
.woocommerce ul.products li.product .single_add_to_cart_button,.woocommerce ul.products li.product .add_to_cart_button,.woocommerce div.product form.cart .btn-primary,.woocommerce div.product form.cart .btn-outline-primary {
padding: 6px 16px;
width: 100%;
display: block
}
}
@media screen and (max-width: 446px) {
.navbar-brand>img {
display:block;
width: 100%;
height: auto;
margin: 5px 0;
text-align: left;
padding: 0
}
}
@media(max-width: 480px) {
body {
font-size:.6rem;
font-weight: 300
}
h1,.h1 {
font-size: 1.6rem
}
h2,.h2 {
font-size: 1.2rem
}
h3,.h3 {
font-size: .93rem
}
h4,.h4 {
font-size: .88rem
}
h5,.h5 {
font-size: .8rem
}
h6,.h6 {
font-size: .7rem
}
}
@media(max-width: 320px) {
#navigation .navbar-brand>img {
max-width:200px
}
}