/* General Styles */

/* Hide elements on desktop */
@media (min-width:600px){
    .hide-desktop{
        display: none;
    }
    .hide-mobile{
        display: block;
    }
}

/* Hide elements on mobile */
@media (max-width:600px){
    .hide-mobile{
        display: none;
    }
    .hide-desktop{
        display: block;
    }
    .link-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .header--style-1 .header-logo img{
        max-width: 130px;
    }
    .banner {
        min-height: 450px;
    }
    .banner.banner-sm{
        min-height: 100px;
    }
    .rez-port-banners .info-box__img{
        max-height: 330px;
    }
    .reza-tex-comit-wide{
        background-image: url('../images/banners/reza-texture-tall-c.webp');
        background-size: cover;
    }
    .pt-8{
        padding-top: 6rem !important;
    }
}
@media (min-width:992px){
    .reza-primary-hd {
        font-size: 36px;
        line-height: 46px;
    }
    .rez-tall-ban{
        min-height: 480px;
    }
    .reza-hero-primary .align-container {
        height: 280px;
        padding: 60px 0;
    }
}
@media (min-width:992px){
    .reza-primary-hd {
        font-size: 40px;
        line-height: 50px;
        margin: 13px 0 0 0;
    }
}

/* Large Screen Styles (min-width: 1200px) */
@media only screen and (min-width: 1200px){
    .main-promo{
        position: relative;
        width: 100%;
    }
    .promo-primary {
        width: 100%;
    }
    .main-menu>li.menu-single:not(:last-of-type){
        margin-right: 25px !important;
    }
    .rez-port-banners .content-holder .load-op-div{
        height: 490px;
        overflow: hidden;
    }
}

/* Medium Screen Styles (max-width: 1100px) */
@media (max-width: 1100px){
    .main-menu>li:not(:last-of-type) {
        margin-right: 30px !important;
    }
    .main-menu>li.menu-single:not(:last-of-type){
        margin-right: 15px !important;
    }
}