/*

ABBREVIO -n
Abbreviation, shortened, tiny small. Basically - this is for mobile styling.

*/


/* #region NAVBAR */
    @media(max-width:1560px) {
        #block-cirqular-logonavigation  {
            width: 45vw;
        }
    }

    @media(max-width:1450px) {
        #block-cirqular-logonavigation  {
            width: 40vw;
        }
    }

    @media(max-width:1350px) {
        #block-cirqular-logonavigation  {
            width: 35vw;
        }
    }

    @media(max-width:1200px) {
        #block-cirqular-logonavigation  {
            width: 22vw;
        }
    }

    @media(max-width:1024px) {
        #block-cirqular-logonavigation  {
            width: 80vw;
        }

        #block-cirqular-main-menu {
            display: none;
        }
    }
/* #endregion */


/* #region FONTS */
@media(max-width:1024px) {
    .hcnt .field--name-field-title {
        font-size: 3rem;
    }
}

@media(max-width:450px) {
    .hcnt .field--name-field-title {
        font-size: 2.5rem;
    }
}
/* #endregion */


/* #region PRODUCTS */
@media(max-width:1450px) {
    .path-products .view-products {
        width: 90%;
    }
}

@media(max-width:1200px) {
    .view-products .views-row {
        width: 45%;
    }
}

@media(max-width:1024px) {
    .field--name-field-ptitle {
        font-size: 3rem;
    }

    .prod-flex {
        flex-flow: row wrap;
    }

    .pf-left, .pf-right {
        width: 100%;
    }

    .product.full {
        width: 95%;
    }
}

@media(max-width:825px) {
    .view-products .views-row {
        width: 100%;
    }
}

@media(max-width:650px) {
    .view-products .views-exposed-form .form--inline > .form-item {
        width: 100%;
    }

    .view-products .views-exposed-form .form--inline > .form-item .select-wrapper {
        width: 100%;
    }
}
/* #endregion */


/* #region GENERAL */
    @media(max-width:1600px) {
        .column1.cl_c, .column2.cl_c {
            width: 47%;
        }
    }

    @media(max-width:1200px) {
        .cw_80 {
            width: 90%;
        }

        .webform-submission-contact-form-add-form {
            margin: 0px;
        }
    }

    @media(max-width:1024px) {
        .column1.cl_c, .column2.cl_c {
            width: 100%;
        }

        .paragraph--type--thb .field--name-field-body img {
            width: 100%;
            height: auto;
            margin: 0px 0px 30px 0px;
        }
    }

    @media(max-width:768px) {
        .hcnt {
            width: 95%;
            padding: 30px;
            max-width: 95%;
        }
    }
/* #endregion */


/* #region MODAL */
@media(max-width: 500px) {
    .ui-dialog .ui-dialog-titlebar-close {
        top: 15% !important;
    }

    .ui-dialog .ui-widget-content.ui-dialog-content {
        max-height: 81vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}	

/* #endregion */


/* #region LEGAL */
    @media(max-width:1260px) {
        .lw-right {
            width: 60%;
        }
    }

    @media(max-width:800px) {
        .lw-left, .lw-right {
            width: 100%;
        }

        .legal-wrap {
            gap: 40px !important;
        }
    }
/* #endregion */