/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 

    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 991px) {

.slicknav_menu{ 
    display:block;
}
.menu-bar {
    position: relative;
    left: 0;
    top: 0;
}
.slicknav_nav .slicknav_arrow {
    border: 1px solid #888;
    padding: 2px 10px;
    text-align: right;
    float: right;
}
a.slicknav_arrow.portfoliox-carrow {
    margin-right: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.slicknav_nav {
    transition: all 0.3s ease-in-out;
}
.slicknav_nav.mhide {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.slicknav_nav.slicknav_hidden {
    height: 0;
    opacity: 0;
    transition: 0.5s;
}
.slicknav_nav:not(.mhide) {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}
.slicknav_nav li {
    display: block;
    border-bottom: 1px solid #555;
}
h1 {
    font-size: 35px;
}
h1.page-title {
    font-size: 20px;
}
h2 {
    font-size: 28px;
}
nav#site-navigation,
.pxms1-menu {
    display:none;
} 
.pxm-style1 .d-flex {
    align-items: center;
    justify-content: center;
}

}

/* Wide Mobile Layout: 480px. */
@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;
}

}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 479px) {
.header-search-form {
    right: 0;
}

}