{"version":3,"sources":["modules-responsive.scss","modules-responsive.css","_mixins.scss","_global-responsive.scss","_variables.scss","_grid-system-responsive.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;oECUoE;ADCpE;;+ECE+E;ACogB3E;EC/gBA;IACI,wBAAwB;EFc9B;AACF;;AC+fI;ECxgBA;IACI,wBAAwB;EFa9B;AACF;;ACqgBI;EC7gBA;IACI,wBAAwB;EFY9B;AACF;;AC6eI;ECtfJ;;;;IAMQ,YCd2B;EHyBjC;AACF;;AC0eI;EC5fJ;;;;IAUQ,YCjByB;EHiC/B;AACF;;ACueI;EClgBJ;;;;IAcQ,YCpBwB;EHyC9B;AACF;;ACoeI;ECxgBJ;;;;IAkBQ,YCvB0B;EHiDhC;AACF;;ACieI;EC9gBJ;;;;IAsBQ,YC1ByB;EHyD/B;AACF;;AC8dI;ECphBJ;;;;IA0BQ,UC7B+B;EHiErC;AACF;;ACubI;ECxdJ;;IAIQ,aClCkC;EHqExC;AACF;;ACsbI;EC9dJ;;IAQQ,YCrC+B;EH2ErC;AACF;;ACqbI;ECpeJ;;IAYQ,YCxC8B;EHiFpC;AACF;;ACobI;EC1eJ;;IAgBQ,YC3CgC;EHuFtC;AACF;;ACmbI;EChfJ;;IAoBQ,YC9C+B;EH6FrC;AACF;;ACkbI;ECtfJ;;IAwBQ,UCjDqC;EHmG3C;AACF;;AI9HA;;+EJkI+E;ACmY3E;EG/fH;;EJgIC;EIzHA;IAKE,eAA+B;EJuHjC;EI5HA;IAQG,eAA+B;IAC/B,gBAAuC;EJuH1C;EIhIA;IAcE,oBAA4C;EJqH9C;EInIA;IAkBE,eAAsC;EJoHxC;AACF;;AIlEE;EAJF;IAcM,UAHkC;EJgEtC;EI3EF;IAkBM,UAPkC;EJmEtC;EI9EF;IAwBQ,UAAsB;EJyD5B;AACF;;AIvDO;EA3BP;IA8BS,WAAW;EJyDlB;AACF;;AIpFE;EAJF;IAcM,UAHkC;EJkFtC;EI7FF;IAkBM,UAPkC;EJqFtC;EIhGF;IAwBQ,UAAsB;EJ2E5B;AACF;;AIzEO;EA3BP;IA8BS,WAAW;EJ2ElB;AACF;;AItGE;EAJF;IAcM,UAHkC;EJoGtC;EI/GF;IAkBM,UAPkC;EJuGtC;EIlHF;IAwBQ,UAAsB;EJ6F5B;AACF;;AI3FO;EA3BP;IA8BS,WAAW;EJ6FlB;AACF;;AIxHE;EAJF;IAcM,gBAHkC;EJsHtC;EIjIF;IAkBM,gBAPkC;EJyHtC;EIpIF;IAwBQ,gBAAsB;EJ+G5B;AACF;;AI7GO;EA3BP;IA8BS,WAAW;EJ+GlB;AACF;;AI1IE;EAJF;IAcM,gBAHkC;EJwItC;EInJF;IAkBM,gBAPkC;EJ2ItC;EItJF;IAwBQ,gBAAsB;EJiI5B;AACF;;AI/HO;EA3BP;IA8BS,WAAW;EJiIlB;AACF;;AI5JE;EAJF;IAcM,gBAHkC;EJ0JtC;EIrKF;IAkBM,gBAPkC;EJ6JtC;EIxKF;IAwBQ,gBAAsB;EJmJ5B;AACF;;AIjJO;EA3BP;IA8BS,WAAW;EJmJlB;AACF;;AI9KE;EAJF;IAcM,UAHkC;EJ4KtC;EIvLF;IAkBM,UAPkC;EJ+KtC;EI1LF;IAwBQ,WAAsB;EJqK5B;AACF;;AInKO;EA3BP;IA8BS,WAAW;EJqKlB;AACF;;AIhME;EAJF;IAcM,UAHkC;EJ8LtC;EIzMF;IAkBM,UAPkC;EJiMtC;EI5MF;IAwBQ,WAAsB;EJuL5B;AACF;;AIrLO;EA3BP;IA8BS,WAAW;EJuLlB;AACF;;AIlNE;EAJF;IAcM,UAHkC;EJgNtC;EI3NF;IAkBM,UAPkC;EJmNtC;EI9NF;IAwBQ,WAAsB;EJyM5B;AACF;;AIvMO;EA3BP;IA8BS,WAAW;EJyMlB;AACF;;AIpOE;EAJF;IAcM,UAHkC;EJkOtC;EI7OF;IAkBM,UAPkC;EJqOtC;EIhPF;IAwBQ,WAAsB;EJ2N5B;AACF;;AIzNO;EA3BP;IA8BS,WAAW;EJ2NlB;AACF;;AItPE;EAJF;IAcM,WAHkC;EJoPtC;EI/PF;IAkBM,WAPkC;EJuPtC;EIlQF;IAcM,WAHkC;EJ0PtC;EIrQF;IAkBM,WAPkC;EJ6PtC;EIxQF;IAcM,WAHkC;EJgQtC;EI3QF;IAkBM,WAPkC;EJmQtC;EI9QF;IAcM,WAHkC;EJsQtC;EIjRF;IAkBM,WAPkC;EJyQtC;EIpRF;IAcM,WAHkC;EJ4QtC;EIvRF;IAkBM,WAPkC;EJ+QtC;AACF;;AIlPA;;+EJsP+E","file":"../scss/modules-responsive.css","sourcesContent":["/*------------------------------------------------------------------\n * This is main responsive css file for theme. It is broken into following sections:\n * 1. Global responsive styles\n * 2. Blog responsive styles\n * 3. Footer responsive styles\n * 4. Header responsive styles\n * 5. Search responsive styles\n * 6. Title area responsive styles\n * 7. Shortcodes responsive styles\n * 8. Custom Post Types responsive styles\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   1. Global responsive styles\n   ========================================================================== */\n@import 'variables';\n@import 'mixins';\n@import 'global-responsive';\n@import 'grid-system-responsive';","/*------------------------------------------------------------------\n * This is main responsive css file for theme. It is broken into following sections:\n * 1. Global responsive styles\n * 2. Blog responsive styles\n * 3. Footer responsive styles\n * 4. Header responsive styles\n * 5. Search responsive styles\n * 6. Title area responsive styles\n * 7. Shortcodes responsive styles\n * 8. Custom Post Types responsive styles\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   1. Global responsive styles\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  body:not(.mkdf-content-is-behind-header):not(.error404) .mkdf-content {\n    margin-top: 0 !important;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .mkdf-hide-on-tablet {\n    display: none !important;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .mkdf-hide-on-mobile {\n    display: none !important;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .mkdf-grid,\n  .mkdf-container-inner,\n  .mkdf-row-grid-section,\n  .mkdf-elementor-row-grid-section > .elementor-container {\n    width: 950px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .mkdf-grid,\n  .mkdf-container-inner,\n  .mkdf-row-grid-section,\n  .mkdf-elementor-row-grid-section > .elementor-container {\n    width: 768px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .mkdf-grid,\n  .mkdf-container-inner,\n  .mkdf-row-grid-section,\n  .mkdf-elementor-row-grid-section > .elementor-container {\n    width: 600px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .mkdf-grid,\n  .mkdf-container-inner,\n  .mkdf-row-grid-section,\n  .mkdf-elementor-row-grid-section > .elementor-container {\n    width: 420px;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .mkdf-grid,\n  .mkdf-container-inner,\n  .mkdf-row-grid-section,\n  .mkdf-elementor-row-grid-section > .elementor-container {\n    width: 300px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  .mkdf-grid,\n  .mkdf-container-inner,\n  .mkdf-row-grid-section,\n  .mkdf-elementor-row-grid-section > .elementor-container {\n    width: 90%;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n  .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n    width: 1000px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n  .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n    width: 818px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n  .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n    width: 650px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n  .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n    width: 470px;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n  .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n    width: 350px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  .mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n  .mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n    width: 92%;\n  }\n}\n\n/* ==========================================================================\n   Grid System responsive style - begin\n   ========================================================================== */\n@media only screen and (max-width: 1280px) {\n  /*\n\t* If you changed some value for space do the same thing in product-list-main-and-vc scss files\n\t*/\n  .mkdf-huge-space .mkdf-outer-space {\n    margin: 0 -25px;\n  }\n  .mkdf-huge-space .mkdf-outer-space .mkdf-item-space {\n    padding: 0 25px;\n    margin: 0 0 50px;\n  }\n  .mkdf-huge-space.mkdf-disable-bottom-space {\n    margin-bottom: -50px;\n  }\n  .mkdf-huge-space.mkdf-columns-has-side-space {\n    padding: 0 50px;\n  }\n}\n\n@media only screen and (max-width: 1440px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-masonry-grid-sizer {\n    width: 20%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space {\n    width: 20%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 40%;\n  }\n}\n\n@media only screen and (max-width: 1440px) and (min-width: 1367px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space:nth-child(5n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .mkdf-grid-list.mkdf-five-columns .mkdf-masonry-grid-sizer {\n    width: 25%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space {\n    width: 25%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-five-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 1366px) and (min-width: 1025px) {\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space:nth-child(4n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-masonry-grid-sizer {\n    width: 25%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space {\n    width: 25%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 1366px) and (min-width: 1025px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space:nth-child(4n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .mkdf-grid-list.mkdf-four-columns .mkdf-masonry-grid-sizer {\n    width: 33.33333%;\n  }\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space {\n    width: 33.33333%;\n  }\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-four-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 66.66667%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .mkdf-grid-list.mkdf-five-columns .mkdf-masonry-grid-sizer {\n    width: 33.33333%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space {\n    width: 33.33333%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-five-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 66.66667%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-masonry-grid-sizer {\n    width: 33.33333%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space {\n    width: 33.33333%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 66.66667%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .mkdf-grid-list.mkdf-three-columns .mkdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-three-columns .mkdf-item-space {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-three-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-three-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .mkdf-grid-list.mkdf-three-columns .mkdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .mkdf-grid-list.mkdf-four-columns .mkdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-four-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .mkdf-grid-list.mkdf-five-columns .mkdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-five-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space {\n    width: 50%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width, .mkdf-grid-list.mkdf-six-columns .mkdf-item-space.mkdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .mkdf-grid-list.mkdf-two-columns .mkdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-two-columns .mkdf-item-space {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-three-columns .mkdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-three-columns .mkdf-item-space {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-four-columns .mkdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-four-columns .mkdf-item-space {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .mkdf-grid-list.mkdf-six-columns .mkdf-item-space {\n    width: 100%;\n  }\n}\n\n/* ==========================================================================\n   Grid System responsive style - end\n   ========================================================================== */\n","////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// layout mixins - start\n\n@mixin mkdfRelativeHolderLayout($vertical-align: middle) {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin mkdfAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin mkdfTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin mkdfTableCellLayout($vertical-align: middle) {\n    position: relative;\n    display: table-cell;\n    height: 100%;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin mkdfTypographyLayout() {\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: inherit;\n    line-height: inherit;\n    letter-spacing: inherit;\n    text-transform: inherit;\n}\n\n@mixin mkdfBody{\n    font-family: $default-text-font;\n    font-size: 18px;\n    font-weight: 300;\n    line-height: 26px;\n    color: $default-text-color;\n    background-color: $default-background-color;\n    -webkit-font-smoothing: antialiased;\n}\n\n// layout mixins - end\n\n// checkbox mixins - start\n\n$checkbox-size: 15px;\n$checkbox-border-width: 1px;\n\n%checkbox-style {\n    position: relative;\n    margin: 8px 0;\n    line-height: 1;\n\n    input[type=checkbox] {\n        width: $checkbox-size;\n        height: $checkbox-size;\n        max-height: $checkbox-size;\n        position: relative;\n        display: inline-block;\n        vertical-align: top;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n\n    input[type=checkbox] + label {\n        position: absolute;\n        top: 0;\n        left: 0;\n        display: inline-block;\n        line-height: 0;\n        pointer-events: none;\n        cursor: pointer;\n    }\n\n    input[type=checkbox] + label span.mkdf-label-text {\n        display: inline-block;\n        padding-left: 10px;\n        line-height: $checkbox-size;\n        color: $default-heading-color;\n    }\n\n    input[type=checkbox] + label .mkdf-label-view {\n        display: inline-block;\n        vertical-align: top;\n        width: $checkbox-size;\n        height: $checkbox-size;\n        background-color: $default-background-color;\n        border: $checkbox-border-width solid $default-border-color;\n        border-radius: 2px;\n        cursor: pointer;\n        box-sizing: border-box;\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n\n    input[type=checkbox] + label .mkdf-label-view:after {\n        content: '';\n        position: absolute;\n        top: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        left: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        width: $checkbox-size / 2 - $checkbox-border-width;\n        height: $checkbox-size / 2 - $checkbox-border-width;\n        background-color: $first-main-color;\n        opacity: 0;\n        transition: opacity 0.3s ease-in-out;\n    }\n\n    input[type=checkbox]:checked + label .mkdf-label-view:after {\n        opacity: 1;\n    }\n}\n\n// checkbox mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// common mixins - start\n\n@mixin mkdfBckImageStyle() {\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin mkdfTransform($transform-param...) {\n    -webkit-transform: $transform-param;\n    -moz-transform: $transform-param;\n    transform: $transform-param;\n}\n\n@mixin mkdfImageOverlayHoverStyle($with-hover: true) {\n    \n    @if ($with-hover) {\n        \n        &:hover {\n            \n            &:after {\n                opacity: 1;\n            }\n        }\n\n        &:after {\n            @include mkdfAbsoluteHolderLayout();\n            content: '';\n            background-color: rgba($default-heading-color, .4);\n            opacity: 0;\n            transition: opacity .2s ease-in-out;\n        }\n\n    } @else {\n        @include mkdfAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($default-heading-color, .4);\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n}\n\n@mixin  mkdfStandardPaginationStyle($list_type: null) {\n    @include mkdfRelativeHolderLayout(top);\n    margin: 0;\n    clear: both;\n\n    ul {\n        @include mkdfRelativeHolderLayout(top);\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        text-align: center;\n\n        .mkdf-pl-pagination-next,\n        .mkdf-pl-pagination-previous{\n            &:hover{\n                background-color: transparent;\n                a{\n                    color: $first-main-color;\n                }\n            }\n        }\n\n        li {\n            position: relative;\n            display: inline-block;\n            vertical-align: top;\n            margin: 0 5px;\n            border-radius: 2px;\n\n            &.mkdf-pag-next,\n            &.mkdf-pag-last,\n            &.mkdf-pag-prev,\n            &.mkdf-pag-first{\n                &:hover{\n                    background-color: transparent;\n                }\n                a {\n                    padding: 0;\n                    line-height: 2em;\n                    &:hover {\n                        background-color: transparent;\n                        color: $first-main-color;\n                    }\n                }\n            }\n\n            &.mkdf-pag-last,\n            &.mkdf-pag-first{\n                span{\n                    margin-top: 1px;\n                }\n            }\n\n            a,span {\n                position: relative;\n                display: inline-block;\n                vertical-align: top;\n                margin: 0;\n                @include mkdfH6();\n                font-size: 16px;\n                font-weight: 500;\n                line-height: 48px;\n                padding: 2px 15px 0 16px;\n            }\n\n            span.current{\n                color: #fff;\n                background-color: $first-main-color;\n                border-radius: $default-border-radius;\n            }\n\n            &.mkdf-pag-active,\n            &:hover{\n\n                background-color: $first-main-color;\n                \n                a {\n                    color: #fff;\n                    transition: color .1s ease-in-out;\n                }\n            }\n\n            &.mkdf-pag-prev,\n            &.mkdf-pag-next,\n            &.mkdf-pag-first,\n            &.mkdf-pag-last {\n                margin: 0 2px;\n\n                a {\n                    font-size: 24px;\n\n                    span {\n                        display: block;\n                        line-height: inherit;\n\n                        &:before {\n                            display: block;\n                            line-height: inherit;\n                        }\n                    }\n                }\n            }\n\n            @if ($list_type == 'shortcode') {\n                \n                &.mkdf-pag-prev {\n                    \n                    a {\n                        opacity: 0;\n                    }\n                }\n\n                &.mkdf-pag-next {\n                    \n                    a {\n                        opacity: 1;\n                    }\n                }\n\n            } @else if ($list_type == 'shop') {\n                span {\n                    position: relative;\n                    display: inline-block;\n                    vertical-align: top;\n                    margin: 0;\n                    padding: 0;\n                    color: $first-main-color;\n                    line-height: 48px;\n                    padding: 2px 14px 0 17px;\n\n                    &:hover{\n                        color: #fff;\n                    }\n                }\n\n                a {\n                    \n                    &.next,\n                    &.prev {\n                        font-size: 0;\n                        line-height: 0;\n                        padding: 10px 14px 0 17px;\n\n                        &:before {\n                            display: block;\n                            font-family: 'ElegantIcons'; // same icon pack as in our templates for pagination\n                            font-size: 24px;\n                            line-height: 26px;\n                            -webkit-font-smoothing: antialiased;\n                            -moz-osx-font-smoothing: grayscale;\n                        }\n                    }\n\n                    &.prev {\n                        margin-right: -10px;\n\n                        &:before {\n                            content: \"\\34\";\n                        }\n                    }\n\n                    &.next {\n                        margin-left: -10px;\n\n                        &:before {\n                            content: \"\\35\";\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@mixin mkdfButtonDefaultStyle() {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    margin: 0;\n    font-family: inherit;\n    font-size: 16px;\n    line-height: 2em;\n    letter-spacing: 0.02em;\n    font-weight: 400;\n    outline: none;\n    box-sizing: border-box;\n    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .5s cubic-bezier(0.49, 0.79, 0.17, 0.94);\n}\n\n@mixin mkdfButtonSize($size: medium) {\n    \n    @if ($size == 'small') {\n        padding: 5px 30px;\n\n    } @else if ($size == 'medium') {\n        padding: 7px 38px;\n\n    } @else if ($size == 'large') {\n        padding: 13px 66px;\n\n    } @else if ($size == 'huge') {\n        display: block;\n        width: 100%;\n        text-align: center;\n        padding: 13px 26px;\n    }\n}\n\n@mixin mkdfButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin mkdfButtonSolidColor($important: null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n    border: 1px solid transparent $important;\n    border-radius: 2px;\n}\n\n@mixin mkdfButtonSolidHoverColor($important: null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n    box-shadow: $first-hover-box-shadow;\n    border-radius: 2px;\n}\n\n@mixin mkdfButtonOutlineColor($important: null) {\n    color: $first-main-color $important;\n    background-color: transparent $important;\n    border: 1px solid $first-main-color $important;\n}\n\n@mixin mkdfButtonOutlineHoverColor($important: null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n    border-color: $first-main-color $important;\n}\n\n@mixin mkdfFirstMainButton($important: null){\n    background-color: $first-main-color $important;\n}\n\n@mixin mkdfFirstMainButtonHover($important: null){\n    background-color: $first-main-color $important;\n    box-shadow: $hover-box-shadow $important;\n}\n\n@mixin mkdfSecondMainButton($important: null){\n    background-color: $second-main-color $important;\n}\n\n@mixin mkdfSecondMainButtonHover($important: null){\n    background-color: $second-main-color $important;\n    box-shadow: $first-hover-box-shadow;\n}\n\n@mixin mkdfPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n\n    &:-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n    &::-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n// common mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// mixins styles - start\n\n%input-style {\n    position: relative;\n    width: 100%;\n    margin: 0 0 $input-margin;\n    padding: 32px 16px 12px 16px;\n    font-family: $default-text-font;\n    font-size: 26px;\n    font-weight: bold;\n    line-height: calc(#{$input-height} - (#{$input-vertical-padding} * 2) - 2px);\n    color: $default-heading-color;\n    background-color: transparent;\n    border-top: none;\n    border-left: none;\n    border-right: none;\n    border-bottom: 1px solid $default-border-color;\n    border-radius: 0;\n    outline: 0;\n    cursor: pointer;\n    -webkit-appearance: none;\n    box-sizing: border-box;\n    transition: border-color 0.2s ease-in-out;\n\n    &:focus {\n        color: $default-heading-color;\n        border-color: $first-main-color;\n    }\n\n    @include mkdfPlaceholder {\n        color: #2b3651!important;\n        font-size: 14px;\n        line-height: 1.3em;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n        font-weight: 400;\n    }\n}\n\n// mixins styles - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n//media query mixins - start\n\n@mixin laptop-landscape-large {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape-mac {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-mac)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape-medium {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape)) {\n        @content;\n    }\n}\n\n@mixin ipad-landscape {\n    @media only screen and (max-width: map-get($breakpoints, ipad-landscape)) {\n        @content;\n    }\n}\n\n@mixin ipad-portrait {\n    @media only screen and (max-width: map-get($breakpoints, ipad-portrait)) {\n        @content;\n    }\n}\n\n@mixin phone-landscape {\n    @media only screen and (max-width: map-get($breakpoints, phone-landscape)) {\n        @content;\n    }\n}\n\n@mixin phone-portrait {\n    @media only screen and (max-width: map-get($breakpoints, phone-portrait)) {\n        @content;\n    }\n}\n\n@mixin smaller-phone-portrait {\n    @media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) {\n        @content;\n    }\n}\n\n@mixin ie-media-query{\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n        @content;\n    }\n}\n\n// media query mixins - end\n\n// animation mixin - start\n\n@mixin keyframes($name) {\n    @-webkit-keyframes #{$name} {\n        @content;\n    }\n\n    @keyframes #{$name} {\n        @content;\n    }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// heading mixins - start\n\n@mixin mkdfDefaultHeadingStyle() {\n    @include mkdfHeadingStyle();\n    margin: 25px 0;\n    font-family: $default-text-font;\n    -ms-word-wrap: break-word;\n    word-wrap: break-word;\n    \n    a {\n        @include mkdfTypographyLayout();\n        \n        &:hover {\n            color: $first-main-color;\n        }\n    }\n}\n\n@mixin mkdfBlockquote{\n    @include mkdfRelativeHolderLayout();\n    margin: 10px 0;\n    padding: 57px 40px 60px 40px;\n    font-size: 18px;\n    line-height: 30px;\n    text-align: center;\n    quotes: none;\n    box-sizing: border-box;\n    border: 1px solid $default-border-color;\n    border-bottom: 4px solid $first-main-color;\n\n    @include phone-landscape{\n        padding: 57px 57px 60px 20px;\n    }\n\n    > * {\n        @include mkdfH4();\n        margin: 0 20% 0 0;\n        text-align: left;\n\n        @include phone-landscape{\n            margin: 0 37px 0 0;\n        }\n    }\n\n    p{\n        strong{\n            @include mkdfH4();\n            color: $default-heading-color;\n        }\n    }\n\n    &:before{\n        content: '';\n    }\n    &:after {\n        content: url(../img/quote.svg);\n        position: absolute;\n        right: 42px;\n        top: 60px;\n        width: 70px;\n\n        @include phone-landscape{\n            right: 20px;\n            top: 60px;\n            width: 60px;\n        }\n    }\n    cite {\n        font-style: normal;\n        font-weight: 400;\n        margin-top:40px;\n        float: left;\n    }\n}\n\n@mixin mkdfAdminBlockquote{\n    @include mkdfRelativeHolderLayout();\n    margin: 10px 0;\n    padding: 57px 40px 60px 40px;\n    font-size: 18px;\n    line-height: 30px;\n    text-align: center;\n    quotes: none;\n    box-sizing: border-box;\n    border: 1px solid $default-border-color;\n    border-bottom: 4px solid $first-main-color;\n\n    @include phone-landscape{\n        padding: 57px 57px 60px 20px;\n    }\n\n    > * {\n        @include mkdfH4();\n        margin: 0 20% 0 0;\n        text-align: left;\n\n        @include phone-landscape{\n            margin: 0 37px 0 0;\n        }\n    }\n\n    p{\n        strong{\n            @include mkdfH4();\n            color: $default-heading-color;\n        }\n    }\n\n    &:before{\n        content: '';\n    }\n    &:after {\n        content: url(../../../../assets/img/quote.svg);\n        position: absolute;\n        right: 42px;\n        top: 60px;\n        width: 70px;\n\n        @include phone-landscape{\n            right: 20px;\n            top: 60px;\n            width: 60px;\n        }\n    }\n    cite {\n        font-style: normal;\n        font-weight: 400;\n    }\n}\n\n@mixin mkdfHeadingStyle($with-heading: null, $with-color: true) {\n    \n    @if ($with-color) {\n        color: $default-heading-color;\n    }\n    \n    @if ($with-heading == 'h1') {\n        @include mkdfH1();\n    } @else if ($with-heading == 'h2') {\n        @include mkdfH2();\n    } @else if ($with-heading == 'h3') {\n        @include mkdfH3();\n    } @else if ($with-heading == 'h4') {\n        @include mkdfH4();\n    } @else if ($with-heading == 'h5') {\n        @include mkdfH5();\n    } @else if ($with-heading == 'h6') {\n        @include mkdfH6();\n    }\n}\n\n@mixin mkdfH1() {\n    font-size: 80px;\n    line-height: 1em;\n    letter-spacing: -0.01em;\n    font-weight: 800;\n}\n\n@mixin mkdfH2() {\n    font-size: 60px;\n    line-height: 0.96em;\n    letter-spacing: -0.02em;\n    font-weight: 600;\n}\n\n@mixin mkdfH3() {\n    font-size: 40px;\n    line-height: 0.75em;\n    letter-spacing: 0;\n    font-weight: 600;\n}\n\n@mixin mkdfH4() {\n    font-size: 26px;\n    line-height: 1.15em;\n    font-weight: 600;\n}\n\n@mixin mkdfH5() {\n    font-size: 20px;\n    line-height: 1.5em;\n    font-weight: 600;\n}\n\n@mixin mkdfH6() {\n    font-size: 14px;\n    line-height: 2em;\n    letter-spacing: 0.1em;\n    font-weight: 500;\n}\n\n@mixin mkdfH7() {\n    font-size: 12px;\n    line-height: 2.33em;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-weight: 500;\n    color: #565969;\n}\n\n@mixin titleb(){\n    font-size: 20px;\n    color: #565969;\n    line-height: 30px;\n    letter-spacing: 0;\n    font-weight: 400;\n}\n\n@mixin pageSubtitle(){\n    font-size: 20px;\n    line-height: 10px;\n    font-weight: 400;\n    letter-spacing: 0;\n    color: $default-text-color; \n}\n// heading mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////","@include ipad-landscape {\n    \n    body:not(.mkdf-content-is-behind-header):not(.error404) .mkdf-content {\n        margin-top: 0 !important;\n    }\n}\n\n@include ipad-landscape {\n    \n    .mkdf-hide-on-tablet {\n        display: none !important;\n    }\n}\n\n@include phone-landscape {\n    \n    .mkdf-hide-on-mobile {\n        display: none !important;\n    }\n}\n\n.mkdf-grid,\n.mkdf-container-inner,\n.mkdf-row-grid-section,\n.mkdf-elementor-row-grid-section > .elementor-container {\n\n    @include laptop-landscape {\n        width: $grid-width-laptop-landscape;\n    }\n\n    @include ipad-landscape {\n        width: $grid-width-ipad-landscape;\n    }\n    \n    @include ipad-portrait {\n        width: $grid-width-ipad-portrait;\n    }\n\n    @include phone-landscape {\n        width: $grid-width-phone-landscape;\n    }\n\n    @include phone-portrait {\n        width: $grid-width-phone-portrait;\n    }\n\n    @include smaller-phone-portrait {\n        width: $grid-width-smaller-phone-portrait;\n    }\n}\n\n.mkdf-boxed .mkdf-wrapper .mkdf-wrapper-inner,\n.mkdf-boxed .mkdf-wrapper .mkdf-footer-inner {\n\n    @include laptop-landscape {\n        width: $grid-width-laptop-landscape-boxed;\n    }\n\n    @include ipad-landscape {\n        width: $grid-width-ipad-landscape-boxed;\n    }\n\n    @include ipad-portrait {\n        width: $grid-width-ipad-portrait-boxed;\n    }\n\n    @include phone-landscape {\n        width: $grid-width-phone-landscape-boxed;\n    }\n\n    @include phone-portrait {\n        width: $grid-width-phone-portrait-boxed;\n    }\n\n    @include smaller-phone-portrait {\n        width: $grid-width-smaller-phone-portrait-boxed;\n    }\n}","$breakpoints: (\n        laptop-landscape-large: 1440px,\n        laptop-landscape-mac: 1366px,\n        laptop-landscape-medium: 1280px,\n        laptop-landscape: 1200px,\n        ipad-landscape: 1024px,\n        ipad-portrait: 768px,\n        phone-landscape: 680px,\n        phone-portrait: 480px,\n        smaller-phone-portrait: 320px\n);\n\n$grid-width: 1100px;\n$grid-width-laptop-landscape: 950px;\n$grid-width-ipad-landscape: 768px;\n$grid-width-ipad-portrait: 600px;\n$grid-width-phone-landscape: 420px;\n$grid-width-phone-portrait: 300px;\n$grid-width-smaller-phone-portrait: 90%;\n\n$grid-width-boxed: 1150px;\n$grid-width-laptop-landscape-boxed: 1000px;\n$grid-width-ipad-landscape-boxed: 818px;\n$grid-width-ipad-portrait-boxed: 650px;\n$grid-width-phone-landscape-boxed: 470px;\n$grid-width-phone-portrait-boxed: 350px;\n$grid-width-smaller-phone-portrait-boxed: 92%;\n\n$grid-width-1300: 1300px;\n$grid-width-1200: 1200px;\n$grid-width-1000: 1000px;\n$grid-width-800: 800px;\n\n$default-text-font: 'Yantramanav', sans-serif;\n$default-heading-font: 'Yantramanav', sans-serif;\n\n$first-main-color: #ff5e14;\n$second-main-color: #00235a;\n$third-blue-color: #0a1229;\n$fourth-blue-color: #09316f;\n$default-heading-color: #001659;\n$default-text-color: #565969;\n$third-main-color: #e0e1e3;\n$alternate-text-color: #12192d;\n$alternate-paragraph-color: #cfd3e5;\n$footer-text-color: #9ca5af;\n\n$default-background-color: #fff;\n$additional-background-color: #f6f6f6;\n$default-border-color: #e8e8e9;\n$dark-border-color: #1d263f;\n$default-border-radius: 2px;\n$default-box-shadow: 0 0 4.85px 0.15px rgba(#000, 0.09);\n$first-hover-box-shadow: 0px 10px 20px 0px transparentize($first-main-color, 0.5);\n$second-hover-box-shadow: 0px 10px 20px 0px transparentize($second-main-color, 0.5);\n$third-hover-box-shadow: 0 10px 20px 0 rgba(0,16,42,.5);\n$huge-box-shadow: 0 14px 65px 0 rgba(122,131,153,.5);\n\n$aux-hover-box-shadow: 0px 10px 20px 0px rgba(23, 41, 75, 1);\n$fourth-hover-box-shadow: 0px 10px 20px 0px rgba(18, 25, 145, 0.5);\n\n$first-main-transition: .1s ease-in-out;\n\n$header-light-color: #fff;\n$header-light-hover-color: $first-main-color;\n$header-dark-color: $default-heading-color;\n$header-dark-hover-color: $first-main-color;\n\n// input elements\n$input-height: 50px;\n$sselect-input-height: $input-height;\n$input-vertical-padding: 12px;\n$input-horizontal-padding: 16px;\n$input-margin: 25px;\n\n// responsive breakpoints\n$laptop-landscape-large-plus-pixel: 1441px;\n$laptop-landscape-large-minus-pixel: 1439px;\n$laptop-landscape-large: 1440px;\n$laptop-landscape-mac-plus-pixel: 1367px;\n$laptop-landscape-mac: 1366px;\n$laptop-landscape-medium-plus-pixel: 1281px;\n$laptop-landscape-medium: 1280px;\n$laptop-landscape-plus-pixel: 1201px;\n$laptop-landscape: 1200px;\n$ipad-landscape-plus-pixel: 1025px;\n$ipad-landscape: 1024px;\n$ipad-portrait-plus-pixel: 769px;\n$ipad-portrait: 768px;\n$phone-landscape-plus-pixel: 681px;\n$phone-landscape: 680px;\n$phone-portrait-plus-pixel: 481px;\n$phone-portrait: 480px;\n$smaller-phone-portrait-plus-pixel: 321px;\n$smaller-phone-portrait: 320px;","/* ==========================================================================\n   Grid System responsive style - begin\n   ========================================================================== */\n\n@include laptop-landscape-medium {\n\t\n\t/*\n\t* If you changed some value for space do the same thing in product-list-main-and-vc scss files\n\t*/\n\t$columns_space_label: ('huge');\n\t$columns_space_width: (25);\n\t\n\t@for $i from 0 to length($columns_space_label) {\n\t\t.mkdf-#{nth($columns_space_label,$i+1)}-space {\n\t\t\t$column_width: nth($columns_space_width,$i+1);\n\t\t\t$column_width_margin: $column_width * 2;\n\t\t\t\n\t\t\t.mkdf-outer-space {\n\t\t\t\tmargin: 0 -#{$column_width}px;\n\t\t\t\t\n\t\t\t\t.mkdf-item-space {\n\t\t\t\t\tpadding: 0 #{$column_width}px;\n\t\t\t\t\tmargin: 0 0 #{$column_width_margin}px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.mkdf-disable-bottom-space {\n\t\t\t\tmargin-bottom: -#{$column_width_margin}px;\n\t\t\t}\n\t\t\t\n\t\t\t&.mkdf-columns-has-side-space {\n\t\t\t\tpadding: 0 #{$column_width_margin}px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n$responsive_list_columns_map: (\n\t1440 : (\n\t\tresponsive_stage: $laptop-landscape-large,\n\t\tresponsive_break: $laptop-landscape-mac-plus-pixel,\n\t\tcolumns_label: ('six'),\n\t\tcolumns_size: 5\n\t),\n\t1366 : (\n\t\tresponsive_stage: $laptop-landscape-mac,\n\t\tresponsive_break: $ipad-landscape-plus-pixel,\n\t\tcolumns_label: ('five', 'six'),\n\t\tcolumns_size: 4\n\t),\n\t1024 : (\n\t\tresponsive_stage: $ipad-landscape,\n\t\tresponsive_break: $ipad-portrait-plus-pixel,\n\t\tcolumns_label: ('four', 'five', 'six'),\n\t\tcolumns_size: 3\n\t),\n\t768 : (\n\t\tresponsive_stage: $ipad-portrait,\n\t\tresponsive_break: $phone-landscape-plus-pixel,\n\t\tcolumns_label: ('three', 'four', 'five', 'six'),\n\t\tcolumns_size: 2\n\t),\n\t680 : (\n\t\tresponsive_stage: $phone-landscape,\n\t\tresponsive_break: 0,\n\t\tcolumns_label: ('two', 'three', 'four', 'five', 'six'),\n\t\tcolumns_size: 1\n\t)\n);\n\n@function map-deep-get($map, $keys...) {\n\t@each $key in $keys {\n\t\t$map: map-get($map, $key);\n\t}\n\t\n\t@return $map;\n}\n\n.mkdf-grid-list {\n\t\n\t@each $key, $values in $responsive_list_columns_map {\n\t\t\n\t\t@media only screen and (max-width: map-deep-get($responsive_list_columns_map, $key, 'responsive_stage')) {\n\t\t\t\n\t\t\t@each $column in map-deep-get($responsive_list_columns_map, $key, 'columns_label') {\n\t\t\t\t\n\t\t\t\t&.mkdf-#{$column}-columns {\n\t\t\t\t\t$responsive_break: map-deep-get($responsive_list_columns_map, $key, 'responsive_break');\n\t\t\t\t\t$columns_size: map-deep-get($responsive_list_columns_map, $key, 'columns_size');\n\t\t\t\t\t$column_width: 100% / $columns_size;\n\t\t\t\t\t\n\t\t\t\t\t.mkdf-masonry-grid-sizer {\n\t\t\t\t\t\twidth: $column_width;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.mkdf-item-space {\n\t\t\t\t\t\twidth: $column_width;\n\t\t\t\t\t\t\n\t\t\t\t\t\t@if ($responsive_break != 0) {\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t&.mkdf-masonry-size-large-width,\n\t\t\t\t\t\t\t&.mkdf-masonry-size-large-width-height {\n\t\t\t\t\t\t\t\twidth: $column_width*2;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t@media only screen and (min-width: $responsive_break) {\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t&:nth-child(#{$columns_size}n+1) {\n\t\t\t\t\t\t\t\t\tclear: both;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Grid System responsive style - end\n   ========================================================================== */"]}