{"version":3,"sources":["shortcodes-map.scss","shortcodes-map.css","../../../../../themes/trackstore/assets/css/scss/_mixins.scss","../../../shortcodes/twitter-list/assets/css/scss/default/_twitter-list.scss","../../../../../themes/trackstore/assets/css/scss/_variables.scss"],"names":[],"mappings":"AAAA;;+ECE+E;AC+E/E,0BAAA;AA0JA,wBAAA;AFrOA;;+ECC+E;AEP/E;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECpBtB,WAAW;AFYf;;AEdA;EAOY,WAAW;AFWvB;;AElBA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECTlB,gBAAgB;EAChB,SAAS;EACT,UAAU;AFalB;;AE5BA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECFlB,UAAU;EACV,SAAS;EACT,8BAAsB;EAAtB,sBAAsB;AFgB9B;;AEtCA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECKlB,yBAAyB;EDuB7B,wCCtB+C;EDwB/C,mCCxB+C;EDwB/C,gCCxB+C;AFqBnD;;AEjDA;EA+BY,4DAAwD;EAExD,oDAAgD;ED6BxD,mCC5B+C;ED8B/C,+BC9B+C;ED8B/C,2BC9B+C;AFwBnD;;AE1DA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECkBlB,8BAAsB;EAAtB,sBAAsB;EACtB,kBAAkB;EAClB,yBAAyB;AF0BjC;;AEpEA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECyBlB,8BAAsB;EAAtB,sBAAsB;EACtB,mBAAmB;AF6B3B;;AE7EA;ED0BI,kBAAkB;EAClB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,MAAM;EACN,OAAO;ECuBC,UAAU;AFiCtB;;AEvFA;EA2DQ,qBAAqB;EACrB,mBAAmB;EACnB,WAAW;EACX,8BAAsB;EAAtB,sBAAsB;AFgC9B;;AE9FA;EAiEY,qBAAqB;EACrB,WAAW;EACX,WAAW;EACX,YAAY;AFiCxB;;AErGA;EAsEgB,kBAAkB;AFmClC;;AEzGA;EA2EY,qBAAqB;EACrB,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;AFkClC;;AEjHA;EAiFgB,SAAS;AFoCzB;;AErHA;EAuFQ,qBAAqB;EACrB,WAAW;EACX,iBAAiB;EACjB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,eAAe;EACf,cC3DkB;AH6F1B;;AEhIA;EAkGQ,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;AFkC9B;;AErIA;EAqGY,cAAa;EACb,kBAAkB;EAClB,UAAU;AFoCtB;;AE3IA;EAyGgB,cCtEU;AH4G1B;;AE/IA;EAgHY,eAAe;EACf,cAAc;EACd,kBAAkB;EAClB,UAAU;AFmCtB;;AEtJA;EAqHgB,cClFU;AHuH1B;;AE1JA;EAgIgB,UAAoB;AF8BpC;;AEPgB;EAvJhB;IA4J4B,WAAW;EFOrC;AACF;;AEpKA;EAgIgB,gBAAoB;AFwCpC;;AE3BgB;EA7IhB;IAkJ4B,WAAW;EF2BrC;AACF;;AE9KA;EAgIgB,UAAoB;AFkDpC;;AE9CgB;EApIhB;IAwI4B,WAAW;EF+CrC;AACF;;AExLA;EAgIgB,UAAoB;AF4DpC;;AExDgB;EApIhB;IAwI4B,WAAW;EFyDrC;AACF","file":"../../../../eltd-twitter-feed/assets/css/scss/shortcodes-map.css","sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/trackstore/assets/css/scss/variables';\n@import '../../../../../themes/trackstore/assets/css/scss/mixins';\n\n/* ==========================================================================\n   Shortcodes styles\n   ========================================================================== */\n@import \"D:/projects/trackstore/wp-content/plugins/eltd-twitter-feed/shortcodes/twitter-list/assets/css/scss/default/_twitter-list.scss\";","/* ==========================================================================\n   Global partials\n   ========================================================================== */\n/* common mixins - start */\n/* common mixins - end */\n/* ==========================================================================\n   Shortcodes styles\n   ========================================================================== */\n.eltd-twitter-list-holder {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  clear: both;\n}\n\n.eltd-twitter-list-holder:not(.eltd-tl-one-column) .eltd-tl-item {\n  float: left;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-list {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.eltd-twitter-list-holder .eltd-tl-item {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.eltd-twitter-list-holder .eltd-tli-inner {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  background-color: #ffffff;\n  -webkit-transition: all 0.2s ease-in-out;\n  -moz-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n}\n\n.eltd-twitter-list-holder .eltd-tli-inner:hover {\n  -webkit-box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05);\n  -moz-box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05);\n  box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05);\n  -webkit-transform: translateY(-3px);\n  -moz-transform: translateY(-3px);\n  transform: translateY(-3px);\n}\n\n.eltd-twitter-list-holder .eltd-tli-content {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  box-sizing: border-box;\n  padding: 35px 23px;\n  border: 1px solid #f2f2f2;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-content-top {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  box-sizing: border-box;\n  margin-bottom: 25px;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-link-over a {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-user {\n  display: inline-block;\n  padding-right: 30px;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-user .eltd-twitter-image {\n  display: inline-block;\n  float: left;\n  width: 56px;\n  height: 56px;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-user .eltd-twitter-image img {\n  border-radius: 50%;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-user .eltd-twitter-name {\n  display: inline-block;\n  float: left;\n  width: calc(100% - 56px);\n  padding-left: 15px;\n  box-sizing: border-box;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-user .eltd-twitter-name * {\n  margin: 0;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-icon {\n  display: inline-block;\n  width: 20px;\n  text-align: right;\n  position: absolute;\n  top: -7px;\n  right: 3px;\n  font-size: 24px;\n  color: #c8ff0b;\n}\n\n.eltd-twitter-list-holder .eltd-tweet-text {\n  padding-left: 12px;\n  box-sizing: border-box;\n}\n\n.eltd-twitter-list-holder .eltd-tweet-text a {\n  color: #808080;\n  position: relative;\n  z-index: 2;\n}\n\n.eltd-twitter-list-holder .eltd-tweet-text a:hover {\n  color: #c8ff0b;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-profile a {\n  font-size: 14px;\n  color: #808080;\n  position: relative;\n  z-index: 2;\n}\n\n.eltd-twitter-list-holder .eltd-twitter-profile a:hover {\n  color: #c8ff0b;\n}\n\n.eltd-twitter-list-holder.eltd-tl-two-columns .eltd-tl-item {\n  width: 50%;\n}\n\n@media only screen and (min-width: 1025px) {\n  .eltd-twitter-list-holder.eltd-tl-two-columns .eltd-tl-item:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n.eltd-twitter-list-holder.eltd-tl-three-columns .eltd-tl-item {\n  width: 33.33333%;\n}\n\n@media only screen and (min-width: 1201px) {\n  .eltd-twitter-list-holder.eltd-tl-three-columns .eltd-tl-item:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n.eltd-twitter-list-holder.eltd-tl-four-columns .eltd-tl-item {\n  width: 25%;\n}\n\n@media only screen and (min-width: 1281px) {\n  .eltd-twitter-list-holder.eltd-tl-four-columns .eltd-tl-item:nth-child(4n+1) {\n    clear: both;\n  }\n}\n\n.eltd-twitter-list-holder.eltd-tl-five-columns .eltd-tl-item {\n  width: 20%;\n}\n\n@media only screen and (min-width: 1281px) {\n  .eltd-twitter-list-holder.eltd-tl-five-columns .eltd-tl-item:nth-child(5n+1) {\n    clear: both;\n  }\n}\n","//layout mixins - start\n\n@mixin eltdTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin eltdTableCellLayout() {\n    position: relative;\n    display: table-cell;\n    height: 100%;\n    width: 100%;\n    vertical-align: middle;\n}\n\n@mixin eltdRelativeHolderLayout() {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: middle;\n}\n\n@mixin eltdAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin eltdTypographyLayout() {\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//layout mixins - end\n\n//transition mixins - start\n\n@mixin eltdTransition($transition-param...) {\n    -webkit-transition: $transition-param;\n    -moz-transition: $transition-param;\n    transition: $transition-param;\n}\n\n@mixin eltdTransitionTransform($transition-param...) {\n    -webkit-transition: -webkit-transform $transition-param;\n    -moz-transition: -moz-transform $transition-param;\n    transition: transform $transition-param;\n}\n\n@mixin eltdTransform($transform-param...) {\n    -webkit-transform: $transform-param;\n    -moz-transform: $transform-param;\n    transform: $transform-param;\n}\n\n@mixin eltdAnimation($animation-param...) {\n    -webkit-animation: $animation-param;\n    -moz-animation: $animation-param;\n    animation: $animation-param;\n}\n\n@mixin eltdTransformOrigin($animation-param...) {\n    -webkit-transform-origin: $animation-param;\n    -moz-transform-origin: $animation-param;\n    transform-origin: $animation-param;\n}\n\n//transition mixins - end\n\n/* common mixins - start */\n\n@mixin eltdBckImageStyle(){\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin eltdImageZoomHoverStyle(){\n    \n    overflow:hidden;\n\n    img {\n        @include eltdTransition(all .32s ease-in-out);\n    }    \n\n    &:hover {\n        img { \n            @include eltdTransform(scale(1.05));\n        }\n    }\n}\n\n@mixin eltdUnderlineHoverStyle(){\n    position:relative;\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 1px;\n        background-color: currentColor;\n        transform-origin:left;\n        @include eltdTransition(all .32s ease-in-out);\n        @include eltdTransform(scale(0,1));\n    }\n\n    &:hover {\n\n        &:after { \n            @include eltdTransform(scale(1,1));\n        }\n    }\n}\n\n@mixin eltdImageOverlayHoverStyle($with-hover: true){\n    \n    @if ($with-hover) {\n        \n        &:hover {\n        \n            &:after {\n                opacity: 1;\n            }\n        }\n    \n        &:after {\n            @include eltdAbsoluteHolderLayout();\n            content: '';\n            background-color: rgba($default-heading-color, .4);\n            opacity: 0;\n            @include eltdTransition(opacity .2s ease-in-out);\n        }\n        \n    } @else {\n        @include eltdAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($default-heading-color, .4);\n        opacity: 0;\n        @include eltdTransition(opacity .2s ease-in-out);\n    }\n}\n\n@mixin eltdButtonDefaultStyle() {\n    font-family: $default-heading-font;\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    outline: none;\n    font-size: 16px;\n    line-height: 2em;\n    letter-spacing: -0.4px;\n    font-weight: 600;\n    text-transform: uppercase;\n    box-sizing: border-box;\n    margin: 0;\n    @include eltdTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin eltdButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin eltdButtonSolidColor() {\n    color: #fff;\n    background-color: $default-dark-color;\n    border: 1px solid transparent;\n}\n\n@mixin eltdButtonSolidHoverColor() {\n    color: $default-dark-color;\n    background-color: transparent;\n    border: 1px solid $default-dark-color;\n}\n\n@mixin eltdButtonOutlineColor() {\n    color: $default-dark-color;\n    background-color: transparent;\n    border: 1px solid $default-dark-color;\n}\n\n@mixin eltdButtonOutlineHoverColor() {\n    color: #fff;\n    background-color: $default-dark-color;\n    border-color: $default-dark-color;\n}\n\n@mixin eltdButtonSmallParams() {\n    padding: 7px 37px;\n}\n\n@mixin eltdButtonMediumParams() {\n    padding: 9px 57px;\n}\n\n@mixin eltdButtonLargeParams() {\n    padding: 11px 77px;\n}\n\n@mixin eltdButtonHugeParams() {\n    display: block;\n    text-align: center;\n    padding: 11px 27px;\n}\n\n@mixin eltdPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n    &:-moz-placeholder {\n        @content\n    }\n    &::-moz-placeholder {\n        @content\n    }\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n/* common mixins - end */\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-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//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@mixin animation($name, $duration, $repeat, $timing, $delay) {\n    -webkit-animation-name: $name;\n    -webkit-animation-duration: $duration;\n    -webkit-animation-iteration-count: $repeat;\n    -webkit-animation-timing-function: $timing;\n    -webkit-animation-delay: $delay;\n    -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */\n\n    animation-name: $name;\n    animation-duration: $duration;\n    animation-iteration-count: $repeat;\n    animation-timing-function: $timing;\n    animation-delay: $delay;\n    animation-fill-mode: forwards; /* this prevents the animation from restarting! */\n}\n\n//animation mixin - end",".eltd-twitter-list-holder {\n    @include eltdRelativeHolderLayout();\n    clear: both;\n\n    &:not(.eltd-tl-one-column) {\n\n        .eltd-tl-item {\n            float: left;\n        }\n    }\n\n    .eltd-twitter-list {\n        @include eltdRelativeHolderLayout();\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    .eltd-tl-item {\n        @include eltdRelativeHolderLayout();\n        padding: 0;\n        margin: 0;\n        box-sizing: border-box;\n    }\n\n    .eltd-tli-inner {\n        @include eltdRelativeHolderLayout();\n        background-color: #ffffff;\n        @include eltdTransition(all .2s ease-in-out);\n\n        &:hover {\n            -webkit-box-shadow: -2px 4px 13px 0 rgba(81,137,162,.05);\n            -moz-box-shadow: -2px 4px 13px 0 rgba(81,137,162,.05);\n            box-shadow: -2px 4px 13px 0 rgba(81,137,162,.05);\n            @include eltdTransform(translateY(-3px));\n        }\n    }\n\n    .eltd-tli-content {\n        @include eltdRelativeHolderLayout();\n        box-sizing: border-box;\n        padding: 35px 23px;\n        border: 1px solid #f2f2f2;\n    }\n\n    .eltd-twitter-content-top {\n        @include eltdRelativeHolderLayout();\n        box-sizing: border-box;\n        margin-bottom: 25px;\n    }\n\n    .eltd-twitter-link-over {\n        a {\n            @include eltdAbsoluteHolderLayout();\n            z-index: 1;\n        }\n    }\n\n    .eltd-twitter-user {\n        display: inline-block;\n        padding-right: 30px;\n        width: 100%;\n        box-sizing: border-box;\n\n        .eltd-twitter-image {\n            display: inline-block;\n            float: left;\n            width: 56px;\n            height: 56px;\n            img {\n                border-radius: 50%;\n            }\n        }\n\n        .eltd-twitter-name {\n            display: inline-block;\n            float: left;\n            width: calc(100% - 56px);\n            padding-left: 15px;\n            box-sizing: border-box;\n            * {\n                margin: 0;\n            }\n        }\n    }\n\n    .eltd-twitter-icon {\n        display: inline-block;\n        width: 20px;\n        text-align: right;\n        position: absolute;\n        top: -7px;\n        right: 3px;\n        font-size: 24px;\n        color: $first-main-color;\n    }\n\n    .eltd-tweet-text {\n        padding-left: 12px;\n        box-sizing: border-box;\n        a {\n            color:#808080;\n            position: relative;\n            z-index: 2;\n            &:hover {\n                color: $first-main-color;\n            }\n        }\n    }\n\n    .eltd-twitter-profile {\n        a {\n            font-size: 14px;\n            color: #808080;\n            position: relative;\n            z-index: 2;\n            &:hover {\n                color: $first-main-color;\n            }\n        }\n    }\n\n    $columns_number: ('two', 'three', 'four', 'five');\n\n    @for $i from 0 to length($columns_number) {\n        &.eltd-tl-#{nth($columns_number,$i+1)}-columns {\n\n            .eltd-tl-item {\n                width: 100% / ($i+2);\n            }\n\n            @if ($i > 1) { // set different break point for four and five columns\n                @media only screen and (min-width: $laptop-landscape-medium-plus-pixel) {\n                    .eltd-tl-item {\n\n                        &:nth-child(#{$i+2}n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            } @else if ($i == 1 ) { // set different break point for three columns\n                @media only screen and (min-width: $laptop-landscape-plus-pixel) {\n\n                    .eltd-tl-item {\n\n                        &:nth-child(#{$i+2}n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            } @else {\n                @media only screen and (min-width: $ipad-landscape-plus-pixel) {\n\n                    .eltd-tl-item {\n\n                        &:nth-child(#{$i+2}n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n","$breakpoints: (\n\t\tlaptop-landscape-large: 1440px,\n\t\tlaptop-landscape-medium: 1280px,\n\t\tlaptop-landscape: 1200px,\n\t\tipad-landscape: 1024px,\n\t\tipad-portrait: 768px,\n\t\tphone-landscape: 680px,\n\t\tphone-portrait: 480px,\n\t\tsmaller-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: 'Raleway', sans-serif;\n$default-heading-font: 'Roboto Condensed', sans-serif;\n\n$first-main-color: #c8ff0b;\n$default-heading-color: #262626;\n$default-text-color: #464646;\n$second-text-color: #525252;\n\n$default-background-color: #fff;\n$default-border-color: #b2b2b2;\n$second-border-color: #666666;\n$default-dark-color: #000;\n$default-box-shadow: 0 0 4.85px 0.15px rgba(#000, 0.09);\n\n$header-light-color: #fff;\n$header-light-hover-color: rgba($header-light-color, .8);\n$header-dark-color: #333;\n$header-dark-hover-color: rgba($header-dark-color, .8);\n\n//responsive breakpoints\n$laptop-landscape-large-plus-pixel: 1441px;\n$laptop-landscape-large: 1440px;\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;"]}