@media only screen and (min-width: 992px) and (max-width: 1200px) {
} @media only screen and (min-width: 768px) and (max-width: 991px) {
} @media only screen and (max-width: 991px) {
header .pxms1-logo,
.brand-text .site-description,
nav#site-navigation {
display: none;
}
.mlogo a{
text-decoration: inherit;
}
.mlogo-sec .site-title {
margin: 0;
padding: 10px 0;
}
.brand-text .site-title {
font-size: 18px;
} .mobile-menu-bar {
background: var(---light-body);
display: block;
border-bottom: 1px solid #ddd;
}
.mobile-menu-bar button {
display: flex;
justify-content: flex-end;
margin-left: auto;
}
nav#mobile-navigation {
position: relative;
}
nav.mobile-navigation ul,
nav .wsm-menu {
box-shadow: 0px 5px 42px -6px rgb(92 91 92);
padding: 20px;
margin-bottom: 10px;
background: var(---light-body);
position: absolute;
left: auto;
right: 0;
top: 80px;
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: 0.5s;
}
nav.mobile-navigation.menu-active ul,
nav.menu-active .wsm-menu {
top: 45px;
visibility: visible;
opacity: 1;
}
nav.mobile-navigation ul,
.wsm-menu{
min-width: 200px;
}
.mlogo-sec {
display: flex;
align-items: center;
}
.mlogo-sec .site-branding img {
max-width: 50px;
max-height: 50px;
}
nav.mobile-navigation ul,
.wsm-menu ul,
#wsm-menu ul{
margin: 0;
padding: 0;
}
nav.mobile-navigation ul li a,
.wsm-menu li a {
padding: 7px 10px;
text-decoration: none;
border-bottom: 1px solid #fff;
display: block;
}
.mobile-navigation ul {
list-style: none;
}
.menu-item-has-children {
display: flex;
flex-flow: row wrap;
}
.menu-item-has-children > a {
width: 80%;
min-width: 250px;
}
.menu-item-has-children .sub-menu {
display: block;
width: 100%;
}
span.mclose {
display: none;
}
.menu-item-has-children > i {
padding: 10px 15px;
margin-left: auto;
}
nav.mobile-navigation ul ul.sub-menu,
#wsm-menu ul.sub-menu {
visibility: hidden;
max-height: 0;
height: auto;
opacity: 0;
transition: 0.5s;
}
nav.mobile-navigation ul .menu-item-has-children.clicked > ul.sub-menu,
nav.mobile-navigation ul .menu-item-has-children.focus > ul.sub-menu,
#wsm-menu .menu-item-has-children.clicked > ul.sub-menu,
#wsm-menu .menu-item-has-children.focus > ul.sub-menu {
max-height: 1000px;
visibility: visible;
opacity: 1;
height: auto;
}
h1 {
font-size: 35px;
}
h1.page-title {
font-size: 20px;
}
h2 {
font-size: 28px;
}
.aghome .ax-home-title h1 {
font-size: 4rem;
}
.aghome .ax-home-dres p {
font-size: 15px;
letter-spacing: 0;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
h1 {
font-size: 35px;
}
h1.page-title {
font-size: 24px;
}
h2 {
font-size: 30px;
}
} @media only screen and (max-width: 479px) {
.header-search-form {
right: 0;
}
}