/************************************************************************************
Universal Switches: ON or OFF Starting From (SKP 202507)
*************************************************************************************/
.memo-on,.ipad-on, .mac-on, .lap-on, .PC-on {display: none;}

/**Larger than Smartphone (MemoPad)**/
@media (min-width:576px) {
.br--SP,.memo-on {display: none;}
.br--memo,.memo-off {display: block;}
.col-sm {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-sm-1 { flex: 0 0 calc(8.333333% - var(--gap, 0px)); max-width: calc(8.333333% - var(--gap, 0px)); }
.col-sm-2 { flex: 0 0 calc(16.666667% - var(--gap, 0px)); max-width: calc(16.666667% - var(--gap, 0px)); }
.col-sm-3 { flex: 0 0 calc(25% - var(--gap, 0px)); max-width: calc(25% - var(--gap, 0px)); }
.col-sm-4 { flex: 0 0 calc(33.333333% - var(--gap, 0px)); max-width: calc(33.333333% - var(--gap, 0px)); }
.col-sm-5 { flex: 0 0 calc(41.666667% - var(--gap, 0px)); max-width: calc(41.666667% - var(--gap, 0px)); }
.col-sm-6 { flex: 0 0 calc(50% - var(--gap, 0px)); max-width: calc(50% - var(--gap, 0px)); }
.col-sm-7 { flex: 0 0 calc(58.333333% - var(--gap, 0px)); max-width: calc(58.333333% - var(--gap, 0px)); }
.col-sm-8 { flex: 0 0 calc(66.666667% - var(--gap, 0px)); max-width: calc(66.666667% - var(--gap, 0px)); }
.col-sm-9 { flex: 0 0 calc(75% - var(--gap, 0px)); max-width: calc(75% - var(--gap, 0px)); }
.col-sm-10 { flex: 0 0 calc(83.333333% - var(--gap, 0px)); max-width: calc(83.333333% - var(--gap, 0px)); }
.col-sm-11 { flex: 0 0 calc(91.666667% - var(--gap, 0px)); max-width: calc(91.666667% - var(--gap, 0px)); }
.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
.offset-sm-0 { margin-left: 0; }
.offset-sm-1 { margin-left: calc(8.333333% - var(--gap, 0px)); }
.offset-sm-2 { margin-left: calc(16.666667% - var(--gap, 0px)); }
.offset-sm-3 { margin-left: calc(25% - var(--gap, 0px)); }
.offset-sm-4 { margin-left: calc(33.333333% - var(--gap, 0px)); }
.offset-sm-5 { margin-left: calc(41.666667% - var(--gap, 0px)); }
.offset-sm-6 { margin-left: calc(50% - var(--gap, 0px)); }
.offset-sm-7 { margin-left: calc(58.333333% - var(--gap, 0px)); }
.offset-sm-8 { margin-left: calc(66.666667% - var(--gap, 0px)); }
.offset-sm-9 { margin-left: calc(75% - var(--gap, 0px)); }
.offset-sm-10 { margin-left: calc(83.333333% - var(--gap, 0px)); }
.offset-sm-11 { margin-left: calc(91.666667% - var(--gap, 0px)); }
.hero-bg {height: 55vh;}
.smart-sidebar {background: transparent;}

}

/**Landscape Smartphones**/
@media only screen and (max-width: 767px) and (orientation: landscape) {
.doubleFont-header{font-size:56px;line-height:80px;margin-bottom:30px;}
}

/**Larger than Smartphone (iPad)**/
@media (min-width:768px) {
.br--memo,.ipad-off {display: none;}
.br--ipad,.ipad-on {display: block;}
.maxSRail {padding-left:0; padding-right:0;}
.rails {width: 95%; max-width: 732px;}
.xpress {width: 758px; padding-left: 4%; padding-right: 4%;}
.col-md {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-md-1 { flex: 0 0 calc(8.333333% - var(--gap, 0px)); max-width: calc(8.333333% - var(--gap, 0px)); }
.col-md-2 { flex: 0 0 calc(16.666667% - var(--gap, 0px)); max-width: calc(16.666667% - var(--gap, 0px)); }
.col-md-3 { flex: 0 0 calc(25% - var(--gap, 0px)); max-width: calc(25% - var(--gap, 0px)); }
.col-md-4 { flex: 0 0 calc(33.333333% - var(--gap, 0px)); max-width: calc(33.333333% - var(--gap, 0px)); }
.col-md-5 { flex: 0 0 calc(41.666667% - var(--gap, 0px)); max-width: calc(41.666667% - var(--gap, 0px)); }
.col-md-6 { flex: 0 0 calc(50% - var(--gap, 0px)); max-width: calc(50% - var(--gap, 0px)); }
.col-md-7 { flex: 0 0 calc(58.333333% - var(--gap, 0px)); max-width: calc(58.333333% - var(--gap, 0px)); }
.col-md-8 { flex: 0 0 calc(66.666667% - var(--gap, 0px)); max-width: calc(66.666667% - var(--gap, 0px)); }
.col-md-9 { flex: 0 0 calc(75% - var(--gap, 0px)); max-width: calc(75% - var(--gap, 0px)); }
.col-md-10 { flex: 0 0 calc(83.333333% - var(--gap, 0px)); max-width: calc(83.333333% - var(--gap, 0px)); }
.col-md-11 { flex: 0 0 calc(91.666667% - var(--gap, 0px)); max-width: calc(91.666667% - var(--gap, 0px)); }
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
.offset-md-0 { margin-left: 0; }
.offset-md-1 { margin-left: calc(8.333333% - var(--gap, 0px)); }
.offset-md-2 { margin-left: calc(16.666667% - var(--gap, 0px)); }
.offset-md-3 { margin-left: calc(25% - var(--gap, 0px)); }
.offset-md-4 { margin-left: calc(33.333333% - var(--gap, 0px)); }
.offset-md-5 { margin-left: calc(41.666667% - var(--gap, 0px)); }
.offset-md-6 { margin-left: calc(50% - var(--gap, 0px)); }
.offset-md-7 { margin-left: calc(58.333333% - var(--gap, 0px)); }
.offset-md-8 { margin-left: calc(66.666667% - var(--gap, 0px)); }
.offset-md-9 { margin-left: calc(75% - var(--gap, 0px)); }
.offset-md-10 { margin-left: calc(83.333333% - var(--gap, 0px)); }
.offset-md-11 { margin-left: calc(91.666667% - var(--gap, 0px)); }
.line.flip-md-col,.line.flip-md-row{flex-direction: row-reverse; }
.grid-6-cols { grid-template-columns: repeat(6, 1fr); }
.grid-5-cols { grid-template-columns: repeat(5, 1fr); }
.grid-4-cols { grid-template-columns: repeat(4, 1fr); }
.grid-3-cols { grid-template-columns: repeat(3, 1fr); }
.grid-2-cols { grid-template-columns: repeat(2, 1fr); }
.grid.span-1 { grid-column: span 1; }
.grid.span-2 { grid-column: span 2; }
.grid.span-3 { grid-column: span 3; }
.grid.span-4 { grid-column: span 4; }
.grid.span-5 { grid-column: span 5; }
.grid.span-6 { grid-column: span 6; }
.grid.row-1 { grid-row: span 1; }
.grid.row-2 { grid-row: span 2; }
.grid.row-3 { grid-row: span 3; }
.grid.row-4 { grid-row: span 4; }
.grid.row-5 { grid-row: span 5; }
.grid.row-6 { grid-row: span 6; }
.hero-bg {height: 60vh;}
.para-gap{height:100vw;}
.mp-gap{height:100vw;}
.doubleFont-header{font-size:56px;line-height:80px;margin-bottom:30px;}
.xpress-TB01 {padding-top:3.5%;padding-bottom:3.5%;}

}
/** Tablet Portait Mode**/
@media (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
.hero-bg {height: 60vh;background-position: center top;}
}

/** Larger than iPad (Mac) **/
@media (min-width:992px){
.br--ipad,.mac-off {display: none;}
.br--mac,.mac-on {display: block;}
.maxMRail {padding-left:0; padding-right:0;}
.col-lg {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-lg-1 { flex: 0 0 calc(8.333333% - var(--gap, 0px)); max-width: calc(8.333333% - var(--gap, 0px)); }
.col-lg-2 { flex: 0 0 calc(16.666667% - var(--gap, 0px)); max-width: calc(16.666667% - var(--gap, 0px)); }
.col-lg-3 { flex: 0 0 calc(25% - var(--gap, 0px)); max-width: calc(25% - var(--gap, 0px)); }
.col-lg-4 { flex: 0 0 calc(33.333333% - var(--gap, 0px)); max-width: calc(33.333333% - var(--gap, 0px)); }
.col-lg-5 { flex: 0 0 calc(41.666667% - var(--gap, 0px)); max-width: calc(41.666667% - var(--gap, 0px)); }
.col-lg-6 { flex: 0 0 calc(50% - var(--gap, 0px)); max-width: calc(50% - var(--gap, 0px)); }
.col-lg-7 { flex: 0 0 calc(58.333333% - var(--gap, 0px)); max-width: calc(58.333333% - var(--gap, 0px)); }
.col-lg-8 { flex: 0 0 calc(66.666667% - var(--gap, 0px)); max-width: calc(66.666667% - var(--gap, 0px)); }
.col-lg-9 { flex: 0 0 calc(75% - var(--gap, 0px)); max-width: calc(75% - var(--gap, 0px)); }
.col-lg-10 { flex: 0 0 calc(83.333333% - var(--gap, 0px)); max-width: calc(83.333333% - var(--gap, 0px)); }
.col-lg-11 { flex: 0 0 calc(91.666667% - var(--gap, 0px)); max-width: calc(91.666667% - var(--gap, 0px)); }
.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
.offset-lg-0 { margin-left: 0; }
.offset-lg-1 { margin-left: calc(8.333333% - var(--gap, 0px)); }
.offset-lg-2 { margin-left: calc(16.666667% - var(--gap, 0px)); }
.offset-lg-3 { margin-left: calc(25% - var(--gap, 0px)); }
.offset-lg-4 { margin-left: calc(33.333333% - var(--gap, 0px)); }
.offset-lg-5 { margin-left: calc(41.666667% - var(--gap, 0px)); }
.offset-lg-6 { margin-left: calc(50% - var(--gap, 0px)); }
.offset-lg-7 { margin-left: calc(58.333333% - var(--gap, 0px)); }
.offset-lg-8 { margin-left: calc(66.666667% - var(--gap, 0px)); }
.offset-lg-9 { margin-left: calc(75% - var(--gap, 0px)); }
.offset-lg-10 { margin-left: calc(83.333333% - var(--gap, 0px)); }
.offset-lg-11 { margin-left: calc(91.666667% - var(--gap, 0px)); }
.flip-col{flex-direction:row;}
.line.flip-lg-col,.line.flip-row{flex-direction: row-reverse; }
.hero-bg {height: 80vh; background-position: center center;}
.para-gap{height:calc(100vw / 1.895);}
.mp-gap{height:calc(100vw / 1.875);}
.smart-sidebar {display: block;}
.smart-main {flex: 0 1 400px; position: relative; z-index: 100;}
.smart-main {box-shadow: 0 5px 40px #9E9C89;}
.main-expand {width: 100%; margin-left: 0;}

}

/**Larger than Mac PC (Laptop)**/
@media (min-width: 1180px){
.br--mac,.lap-off {display: none;}
.br--PC,.lap-on {display: block;}
.col-xl-1 { flex: 0 0 calc(8.333333% - var(--gap, 0px)); max-width: calc(8.333333% - var(--gap, 0px)); }
.col-xl-2 { flex: 0 0 calc(16.666667% - var(--gap, 0px)); max-width: calc(16.666667% - var(--gap, 0px)); }
.col-xl-3 { flex: 0 0 calc(25% - var(--gap, 0px)); max-width: calc(25% - var(--gap, 0px)); }
.col-xl-4 { flex: 0 0 calc(33.333333% - var(--gap, 0px)); max-width: calc(33.333333% - var(--gap, 0px)); }
.col-xl-5 { flex: 0 0 calc(41.666667% - var(--gap, 0px)); max-width: calc(41.666667% - var(--gap, 0px)); }
.col-xl-6 { flex: 0 0 calc(50% - var(--gap, 0px)); max-width: calc(50% - var(--gap, 0px)); }
.col-xl-7 { flex: 0 0 calc(58.333333% - var(--gap, 0px)); max-width: calc(58.333333% - var(--gap, 0px)); }
.col-xl-8 { flex: 0 0 calc(66.666667% - var(--gap, 0px)); max-width: calc(66.666667% - var(--gap, 0px)); }
.col-xl-9 { flex: 0 0 calc(75% - var(--gap, 0px)); max-width: calc(75% - var(--gap, 0px)); }
.col-xl-10 { flex: 0 0 calc(83.333333% - var(--gap, 0px)); max-width: calc(83.333333% - var(--gap, 0px)); }
.col-xl-11 { flex: 0 0 calc(91.666667% - var(--gap, 0px)); max-width: calc(91.666667% - var(--gap, 0px)); }
.col-xl-12 { flex: 0 0 100%; max-width: 100%; }
.offset-xl-0 { margin-left: 0; }
.offset-xl-1 { margin-left: calc(8.333333% - var(--gap, 0px)); }
.offset-xl-2 { margin-left: calc(16.666667% - var(--gap, 0px)); }
.offset-xl-3 { margin-left: calc(25% - var(--gap, 0px)); }
.offset-xl-4 { margin-left: calc(33.333333% - var(--gap, 0px)); }
.offset-xl-5 { margin-left: calc(41.666667% - var(--gap, 0px)); }
.offset-xl-6 { margin-left: calc(50% - var(--gap, 0px)); }
.offset-xl-7 { margin-left: calc(58.333333% - var(--gap, 0px)); }
.offset-xl-8 { margin-left: calc(66.666667% - var(--gap, 0px)); }
.offset-xl-9 { margin-left: calc(75% - var(--gap, 0px)); }
.offset-xl-10 { margin-left: calc(83.333333% - var(--gap, 0px)); }
.offset-xl-11 { margin-left: calc(91.666667% - var(--gap, 0px)); }
.hero-bg {height: 90vh;}

}

/**Larger than Mac(PC)**/
@media (min-width: 1367px){
.br--PC,.PC-off {display: none;}
.br--XL,.PC-on {display: block;}
.maxLRail {padding-left:0; padding-right:0;}
.rails {max-width: 980px;}
.xpress {width: 980px; padding-left: 0; padding-right: 0;}
.rails-max {max-width: 996px;}
.col-xxl-1 { flex: 0 0 calc(8.333333% - var(--gap, 0px)); max-width: calc(8.333333% - var(--gap, 0px)); }
.col-xxl-2 { flex: 0 0 calc(16.666667% - var(--gap, 0px)); max-width: calc(16.666667% - var(--gap, 0px)); }
.col-xxl-3 { flex: 0 0 calc(25% - var(--gap, 0px)); max-width: calc(25% - var(--gap, 0px)); }
.col-xxl-4 { flex: 0 0 calc(33.333333% - var(--gap, 0px)); max-width: calc(33.333333% - var(--gap, 0px)); }
.col-xxl-5 { flex: 0 0 calc(41.666667% - var(--gap, 0px)); max-width: calc(41.666667% - var(--gap, 0px)); }
.col-xxl-6 { flex: 0 0 calc(50% - var(--gap, 0px)); max-width: calc(50% - var(--gap, 0px)); }
.col-xxl-7 { flex: 0 0 calc(58.333333% - var(--gap, 0px)); max-width: calc(58.333333% - var(--gap, 0px)); }
.col-xxl-8 { flex: 0 0 calc(66.666667% - var(--gap, 0px)); max-width: calc(66.666667% - var(--gap, 0px)); }
.col-xxl-9 { flex: 0 0 calc(75% - var(--gap, 0px)); max-width: calc(75% - var(--gap, 0px)); }
.col-xxl-10 { flex: 0 0 calc(83.333333% - var(--gap, 0px)); max-width: calc(83.333333% - var(--gap, 0px)); }
.col-xxl-11 { flex: 0 0 calc(91.666667% - var(--gap, 0px)); max-width: calc(91.666667% - var(--gap, 0px)); }
.col-xxl-12 { flex: 0 0 100%; max-width: 100%; }
.offset-xxl-0 { margin-left: 0; }
.offset-xxl-1 { margin-left: calc(8.333333% - var(--gap, 0px)); }
.offset-xxl-2 { margin-left: calc(16.666667% - var(--gap, 0px)); }
.offset-xxl-3 { margin-left: calc(25% - var(--gap, 0px)); }
.offset-xxl-4 { margin-left: calc(33.333333% - var(--gap, 0px)); }
.offset-xxl-5 { margin-left: calc(41.666667% - var(--gap, 0px)); }
.offset-xxl-6 { margin-left: calc(50% - var(--gap, 0px)); }
.offset-xxl-7 { margin-left: calc(58.333333% - var(--gap, 0px)); }
.offset-xxl-8 { margin-left: calc(66.666667% - var(--gap, 0px)); }
.offset-xxl-9 { margin-left: calc(75% - var(--gap, 0px)); }
.offset-xxl-10 { margin-left: calc(83.333333% - var(--gap, 0px)); }
.offset-xxl-11 { margin-left: calc(91.666667% - var(--gap, 0px)); }
.hero-bg {height: 100vh;}
.doubleFont-header{font-size:80px;line-height:100px;margin-bottom:47px;}


}

/** Larger than Standard PC **/
@media (min-width:1830px){
.maxXLRail {padding-left:0; padding-right:0;}
.rails-max {max-width: 1200px;}

}