:root{
--blue-500: #339FD9;
--blue-400: #38AEE3;
--blue-300: #3CBEEC;
--blue-200: #9FDBF0;
--blue-100: #D9F0F9;
--orange-500: #EA6852;
--orange-400: #F4784A;
--orange-300: #F7976B;
--orange-200: #F4A98C;
--orange-100: #F3CCBE;
--black: #1B355E;
--white: #ffffff;
}

.main-box-19x{font-size: 18px; line-height: 20px; color: var(--black); font-family: "proxima-nova",sans-serif; background: var(--white);}
.display, h1, h2, h3 {color: var(--blue-500); font-family: "filson-pro", sans-serif !important;}
h4, h5{color: var(--blue-500);}
.display{font-size: 64px; line-height: 78px; font-weight: 700;}
h1{font-size: 48px; line-height: 60px; font-weight: 700;}
h2{font-size: 40px; line-height: 48px; font-weight: 700;}
h3{font-size: 32px; line-height: 40px; font-weight: 700;}
h4{font-family: "proxima-nova",sans-serif !important; font-size: 24px; line-height: 32px; font-weight: 700; color: var(--black);}
.font-18{font-size: 18px; line-height: 24px;}
.font-16{font-size: 16px; line-height: 20px; font-weight: 400;}
/*font-family: "filson-pro", sans-serif;
font-family: "proxima-nova",sans-serif;
*/

.italic{font-style: italic;}
.font-700{font-weight: 700;}
.font-600{font-weight: 600;}
.font-500{font-weight: 500;}
.font-400{font-weight: 400;}
.dark-orange{color: var(--orange-500);}
.black{color: var(--black);}
.mid-blue-bg{background: #69BDE2 !important;}
.light-blue-bg{background: #9AD9EA !important;}
.overly-bg{background: linear-gradient(180deg, rgba(26,26,26,0) 0%, rgba(26,26,26,0.7) 100%);}
.textLink{color: var(--blue-500);}
.undeline{text-decoration: underline !important;}
.textLink:hover{color: var(--light-orange);}
.text-arrow{background: url(https://graceframe.com/frontend/images/new/product/icon/arrow-right-blue.svg) no-repeat 0 0; width: 24px; height: 24px; margin-left: 4px;}
.height-100{height: 100%;}

.header{position: relative; z-index: 9999;}
.top-ribbon-bg{z-index: 9999;}
#wrapper{background: var(--white);}
.width-1460{max-width: 1460px; width: 100%; margin: 0 auto;}
.width-1280{max-width: 1280px; width: 100%; margin: 0 auto;}
.width-1240{max-width: 1240px; width: 100%; margin: 0 auto;}
.width-1160{max-width: 1160px; width: 100%; margin: 0 auto;}
.width-1060{max-width: 1060px; width: 100%; margin: 0 auto;}
.z-index-1{z-index: 1;}
.text-transform-capitalize{text-transform: capitalize;}
.dis-block{display: block;}
.mb-160{margin-bottom: 160px;}
.mb-130{margin-bottom: 130px;}
.main-box-19x{overflow-x: hidden;}

.animationParent {opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.animationChild {opacity: 0; -moz-transform: translateY(100px); -webkit-transform: translateY(100px); transform: translateY(100px); -moz-transition: opacity 1s ease-out, transform 1s ease-out; -webkit-transition: opacity 1s ease-out, transform 1s ease-out; transition: opacity 1s ease-out, transform 1s ease-out;}
.animationChild.visible { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}

.btn{font-family: "proxima-nova", sans-serif; font-size: 18px; line-height: 22px; font-weight: 400;}
.btn-primary{background-color: var(--blue-500); color: var(--white); border: 2px solid var(--blue-500);}
.btn-primary:hover, .btn-primary:focus {background-color: var(--white); color: var(--blue-500);}
.btn-secondary{background-color: var(--white); color: var(--blue-500); border: 2px solid var(--blue-500);}
.btn-secondary:hover, .btn-secondary:focus {background-color: var(--blue-500);  color: var(--white); border: 2px solid var(--blue-500);}
/*.btn-white{border-color: var(--white) !important;}*/
.btn-white:hover, .btn-white:focus{border-color: var(--orange-500) !important;}
.blue-circle-small{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-circle-small.png") 0 0 no-repeat; height: 187px; width: 187px;}
.blue-circle-big{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-circle-big.png") 0 0 no-repeat; height: 236px; width: 236px;}
.blue-vline{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-vline.png") 0 0 repeat-y;}
.blue-hline{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-hline.png") 0 0 repeat-x; height: 80px;}
.blue-corner{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-corner-left.png") 0 0 no-repeat; height: 104px; width: 104px;}

.hero-section{background: var(--blue-500);}
.hero-banner{width: 100%; height: 840px; background: url("https://graceframe.com/frontend/images/new/product/19x/hero-19x-elite.jpg") center top no-repeat; background-size: cover; clip-path: circle(0% at 50% 50%); -moz-transition: clip-path 3s ease-in-out; -webkit-transition: clip-path 3s ease-in-out; transition: clip-path 3s ease-in-out;}
.hero-text{padding-bottom: 120px; text-align: center; max-width: 510px; width: 38%; position: relative; z-index: 10;}
.hero-text img{max-width: 100%;}
.hero-bg{height: 201px; position: relative; bottom: 181px; left: 0; right: 0;}
.hero-bg span{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/hero-line.png") 0 0 repeat-x; position: absolute; left: 190px; right: 56px; z-index: 1; height: 100%;}
.hero-bg::before{content: ""; position: absolute; top: 0; left: 0; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/hero-circle.png") 0 0 no-repeat; height: 520px; width: 453px; z-index: 0;}
.hero-bg::after{content: ""; position: absolute; bottom: 1px; right: 0; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/hero-corner.png") 0 0 no-repeat; height: 260px; width: 56px; z-index: 0;}
.hero-img{position: absolute; z-index: 9; right: 0; bottom: -4px;}
.hero-img img{max-width: 100%;}
.curtain { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; clip-path: circle(0% at 50% 50%); -webkit-animation: reveal 3s ease-in-out forwards; -moz-animation: reveal 3s ease-in-out forwards; animation: reveal 3s ease-in-out forwards;}

/* Keyframes for the curtain reveal effect */
@keyframes reveal {
    0% {
        clip-path: circle(0% at 50% 50%); /* Start as a small circle */
    }
    100% {
        clip-path: circle(100% at 50% 50%); /* Expand to fully cover the area */
    }
}

.video-section{padding-top: 50px;}
.video-box{position: relative; z-index: 1;}
.embed-container { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.product-section{height: 1160px;}
.product-section-bg{content: ""; position: absolute; top: 30px; right: -600px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/product-bg.png") 0 0 no-repeat; width: 1100px; height: 1100px;}
.product-text{width: 458px; padding-top: 60px; position: relative;}
.product-text h2{margin-bottom: 24px;}
.product-img{ max-width: 964px;}
.product-slider{margin-right: -110px;}
.product-text-child{padding-bottom: 20px; min-height: 160px;}
.product-slider.slider-arrow .owl-carousel .owl-nav .owl-prev{left: 0 !important; right: auto !important;}
.product-slider.slider-arrow .owl-carousel .owl-nav .owl-next{left: 104px !important; right: auto !important;}
.product-slider .owl-theme .owl-nav [class*=owl-]{height: 64px !important; width: 64px !important;}
.product-slider .owl-carousel .owl-dots{text-align: left !important; position: absolute; left: 250px; bottom: 280px;}
.product-slider .owl-theme .owl-nav{position: absolute; bottom: 280px;}

.feature-box-bg{background: url(https://graceframe.com/frontend/images/new/product/19x/bg/feature-box-bg.png) center top no-repeat; background-size: cover; padding: 80px 0 140px; margin-top: -30px;}
.feature-list li{padding-top: 80px; display: flex; justify-content: space-between; align-items: center;}
.feature-list-img{padding: 0;}
.feature-list-img img{width: 100%;}
.feature-list-text{max-width: 560px;}
.feature-list-text h2{margin-bottom: 24px;}
.feature-list-text p{padding-bottom: 12px;}
.feature-list-text p:last-child{padding-bottom: 0;}
.feature-list li:nth-child(even) .feature-list-text{float: right;}

.product-accessory{max-width: 2200px; margin: 0 auto; margin-bottom: 110px; padding-bottom: 10px; overflow: hidden;}
.product-accessory-text{max-width: 560px; margin: 40px auto 0; text-align: center;}
.product-accessory-text h2{margin-bottom: 32px;}
.product-accessory-text .font-18{min-height: 70px;}
.product-accessory .owl-carousel .owl-stage-outer{overflow: visible !important;}
.product-accessory .owl-item .item{float: right; width: 368px; margin-top: 160px; opacity: 0.5; margin-right: -10px; margin-left: 0;}
.product-accessory .owl-item.active .item{float: left; margin-left: -10px;}
.product-accessory .owl-item.active.center .item{width: 100%; margin-top: 0; float: none; margin: 0; opacity: 1;}
.product-accessory .owl-item{right: -184px; z-index: 1;}
.product-accessory .owl-item.active{right: auto; left: -184px;}
.product-accessory .owl-item.active.center{position: relative; z-index: 2; left: auto; right: auto;}
.product-accessory .owl-item .product-accessory-text{display: none;}
.product-accessory .owl-item.active.center .product-accessory-text{display: block;}
.product-accessory .owl-theme .owl-nav [class*=owl-]{bottom: 150px;}
.product-accessory .slider-arrow .owl-carousel .owl-nav .owl-prev{left: 0 !important; right: auto !important;}
.product-accessory .slider-arrow .owl-carousel .owl-nav .owl-next{left: auto !important; right: 0 !important;}
.product-accessory .owl-carousel .owl-dots{display: flex; justify-content: center; margin-top: 28px;}
.product-accessory .owl-carousel .owl-dots .owl-dot{margin: 0 8px; padding: 8px; height: 16px; width: 16px; display: flex; align-items: center;}
.product-accessory .owl-carousel .owl-dots .owl-dot span{height: 8px; width: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.product-accessory .owl-carousel .owl-dots .owl-dot.active{padding: 0;}
.product-accessory .owl-carousel .owl-dots .owl-dot.active span{height: 16px; width: 16px;}

.celebrate-box-img{padding: 126px 0 62px;}
.celebrate-box-img img{max-width: 100%;}
.celebrate-img-2{position: absolute; right: 190px; top: 0; z-index: 1;}
.celebrate-img-3{margin: 64px 0 0 150px;}
.celebrate-img-4{position: absolute; right: 0; bottom: 0;}
.celebrate-bg-right{position: absolute; right: 0; top: 0;}
.celebrate-bg-right .blue-vline{width: 73px; background-size: 73px; height: 188px; position: absolute; right: 12px; top: 93px;}
.celebrate-bg-right .blue-hline{height: 73px; background-size: auto 73px; position: absolute; top: 0; right: -500px; width: 500px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.celebrate-bg-right .blue-corner{height: 94px; width: 94px; background-size: 94px; z-index: 1; position: absolute; top: 0; right: -9px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.celebrate-bg-right .blue-circle-small{position: absolute; right: -54px; top: 218px;}
.celebrate-bg-right .blue-circle-big{position: absolute; right: -180px; top: 50px; z-index: 2;}
.celebrate-bg-bottom{left: 0; bottom: 0; right: auto; top: auto; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.compare-bg-top::before{content: ''; position: absolute; left: -121px; top: -121px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/orangle-circle.png") 0 0 no-repeat; height: 235px; width: 235px;}
.machine_compare{padding-bottom: 12px; padding-top: 122px; overflow: hidden; overflow-x: auto;}
.machine_compare ul{display: flex; margin: 0; justify-content: space-between;}
.machine_compare ul li{width: 500px; position: relative;}
.machine_compare ul.machine_compare_top li{display: flex; flex-direction: column; text-align: center; padding: 16px 24px; font-size: 18px;}
.machine_compare ul.machine_compare_top li:first-child{width: 252px; padding: 14px 32px;}
.machine_compare_top li h4{color: var(--orange-500);}
.machine_compare_top li h4 span{color: #848484}
.machine_model_text li{display: flex; padding: 14px 12px; text-align: center; justify-content: center; align-items: center; border-left: 4px solid transparent; border-right: 4px solid transparent; font-family: "proxima-nova",sans-serif !important;}
.machine_model_text li:first-child{justify-content: space-between; font-family: "proxima-nova",sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; text-transform: uppercase; width: 252px; text-align: right; padding: 14px 32px; color: var(--black);}
.machine_model_text li:first-child span{margin-right: 8px;}
.machine_model_text:nth-child(odd), .machine_model_text:nth-child(odd) li, .machine_compare ul.machine_compare_top, .machine_compare ul.machine_compare_top li{background: var(--white);}
.machine_model_text:nth-child(even), .machine_model_text:nth-child(even) li{background: var(--blue-100);}
.machine_model_text:nth-child(even){-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.machine_model_text:nth-child(even) li:first-child{-moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.machine_model_text:nth-child(even) li:last-child{-moz-border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.machine_compare .active{border-left: 4px solid var(--blue-500); border-right: 4px solid var(--blue-500);}
.machine_compare li.active:last-child{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.machine_compare_top:first-child .active{border-top: 4px solid var(--blue-500) !important; -moz-border-radius: 8px 8px 0 0 !important; -webkit-border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important;}
.machine_model_text:last-child .active{border-bottom: 4px solid var(--blue-500) !important; -moz-border-radius: 0 0 8px 8px !important; -webkit-border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important;}
.machine_model_text:last-child li{padding-bottom: 40px;}

.accessories-slider{padding: 0 0 24px;}
.accessories-slider .owl-carousel .owl-stage, .accessories-slider .owl-item, .enhancing-item{height: 100%;}
.accessories-slider .owl-carousel .owl-stage{padding-left: 0 !important;}
.accessories-slider .owl-carousel .item h3 span{display: block}
.owl-carousel .owl-dots{text-align: left;}
.owl-carousel .owl-dots .owl-dot{margin: 24px 0 0 12px; padding: 10px 0 !important;}
.owl-carousel .owl-dots .owl-dot:first-child{margin-left: 0;}
.owl-carousel .owl-dots .owl-dot span{height: 4px; width: 24px; background: var(--blue-100); margin: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; opacity: 1;}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background: var(--blue-500);}
.owl-theme .owl-nav [class*=owl-]{opacity: 1; height: 44px !important; width: 44px !important; background:var(--blue-500) !important; top: auto; bottom: -12px; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important;}
.owl-theme .owl-nav [class*=owl-]:hover{background: #1d1d1d !important;}
.slider-arrow .owl-carousel .owl-nav .owl-next{right: 0 !important;}
.slider-arrow .owl-carousel .owl-nav .owl-prev{left: auto !important; right: 60px !important; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.slider-arrow .owl-theme .owl-nav span{text-indent: -9999px; font-size: 0; background-image: url("https://graceframe.com/frontend/images/new/product/icon/arrow-right-white.svg") !important;}
.accessories-item{background: var(--white); border: 2px solid var(--blue-500); padding: 40px 50px; flex-direction: column; text-align: center; height: 100%;}
.accessories-item h3{font-family: "proxima-nova",sans-serif !important; font-size: 24px; line-height: 32px; color: var(--black);}

.make-box{padding: 80px 80px 80px 208px;}
.make-box-img img{max-width: 100%; }
.make-box::before{content: ""; position: absolute; top: 0; bottom: 104px; left: 0; width: 80px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/orange-vline.png") 0 0 repeat-y; }
.make-box-top{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-hline.png") 0 0 repeat-x ; position: absolute; height: 80px; left: 145px; right: 104px; top: 0;}
.make-box-top::after{content: ""; position: absolute; top: 0; right: -104px; width: 104px; height: 104px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-corner.png") 0 0 no-repeat;}
.make-box-bottom{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-hline.png") 0 0 repeat-x ; position: absolute; height: 80px; left: 104px; right: 104px; bottom: 0; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.make-box-bottom::before{content: ""; position: absolute; top: 0; right: -104px; width: 104px; height: 104px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-corner.png") 0 0 no-repeat;}
.make-box-bottom::after{content: ""; position: absolute; top: 0; left: -104px; width: 104px; height: 104px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-corner.png") 0 0 no-repeat; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.make-box-right{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-vline.png") 0 0 repeat-y ; position: absolute; width: 80px; right: 0; top: 100px; bottom: 100px;}
.make-box-left{content:""; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-vline.png") 0 0 repeat-y ; position: absolute; width: 80px; left: 0; height: 220px; bottom: 100px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.make-box-left::after{content: ""; position: absolute; bottom: -104px; left: 0; width: 104px; height: 104px; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-corner-left.png") 0 0 no-repeat; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.make-box-left::before{content: ""; background: url("https://graceframe.com/frontend/images/new/product/19x/bg/blue-hline.png") 0 0 repeat-x ; position: absolute; height: 80px; width: 500px; left: 100px; bottom: -104px;}

.frame-img{background: var(--blue-100); padding: 40px 32px 30px; text-align: center; display: block;}
.frame-img img{max-width: 100%;}
.frame-child-img{max-width: 550px; margin: 0 auto;}
.frame-box .row{flex-wrap: wrap; display: flex !important; width: calc(100% + 24px);}




@media(max-width: 1840px) {
.celebrate-box .wrap{padding: 0 190px; max-width: 100%;}
.celebrate-box .width-1460{max-width: 100%;}
}

@media(max-width: 1770px) {
.celebrate-box .width-1460{max-width: 1060px;}
.celebrate-img-1{max-width: 200px; padding-bottom: 24px;}
.celebrate-img-2{right: 150px; max-width: 320px;}
.celebrate-img-3{max-width: 500px;}
.celebrate-img-4{max-width: 200px;}
}

@media(max-width: 1440px) {
.feature-list-child{max-width: 41.66666667%;}

}

@media(max-width: 1350px) {
.product-section{height: 840px;}
.product-section-bg{height: 800px; width: 800px; background-size: 100%; right: -400px;}   
.product-text{padding-top: 0;}
.machine_compare ul li{width: 400px;}

}


@media(max-width: 1280px) {
.feature-list-child{padding: 0 24px; width: 100%;}
.feature-list li:nth-child(even) .feature-list-child{margin-left: 0;}

}

@media(max-width: 1250px) {
.hero-banner{height: 660px;}
.hero-img{width: 600px; bottom: 46px;}
.celebrate-box .wrap{padding: 0 140px 0 120px;}
.celebrate-bg-right .blue-hline{height: 36px; background-size: auto 36px;}
.celebrate-bg-right .blue-vline{width: 36px; background-size: 36px auto; right: 2px; top: 46px; height: 95px;}
.celebrate-bg-right .blue-corner{height: 47px; width: 47px; background-size: 47px;}
.celebrate-bg-right .blue-circle-small{height: 94px; width: 94px; background-size: 100%; right: -27px; top: 109px;}
.celebrate-bg-right .blue-circle-big{height: 118px; width: 118px; background-size: 100%; right: -98px; top: 25px;}
.celebrate-img-1{padding-bottom: 0;}
.celebrate-img-2{right: 80px; max-width: 300px;}
.celebrate-img-3{margin-left: 80px; max-width: 44vw; margin-top: 54px;}
.product-slider .owl-carousel .owl-dots, .product-slider .owl-theme .owl-nav{position: absolute; bottom: 250px;}
.product-slider .owl-carousel .owl-dots{left: 230px;}
}

@media(max-width: 1200px) {
.display, h1{line-height: normal;}
.mb-160{margin-bottom: 80px;}
.mb-130{margin-bottom: 70px;}

.celebrate-img-3{max-width: 42vw;}
.feature-list-child{max-width: 50%;}
.product-accessory .owl-item .item{margin-top: 12vw;}

.machine_compare{margin-right: -48px; width: calc(100% + 48px);}
.machine_compare ul li{width: 350px;}
.machine_compare ul.machine_compare_top li, .machine_model_text li{min-width: 220px;}
.machine_compare ul.machine_compare_top li:first-child, .machine_model_text li:first-child{min-width: 200px; width: 200px;}
.machine_model_text li:first-child{padding: 8px; font-size: 12px; line-height: 14px;}

.make-box-left{height: 150px;}
}

@media(max-width: 1150px) {
.hero-banner{height: 580px;}
.hero-bg{height: 85px; bottom: 85px;}
.hero-bg span{background-size: auto 100%; right: 0; left: 0;}
.hero-bg::before{background: url("https://graceframe.com/frontend/images/new/product/19x/bg/hero-circle-small.png") 0 0 no-repeat; width: 101px; height: 216px;}
.hero-bg::after{display: none;}
.hero-text{padding-bottom: 80px;}
.hero-img{width: 500px; bottom: -27px;}
.product-slider .owl-carousel .owl-dots, .product-slider .owl-theme .owl-nav{position: absolute; bottom: 200px;}
.make-box{padding-left: 145px;}
.feature-box-bg{padding-bottom: 80px;}
}

@media(max-width: 1024px) {
.accessories-slider .owl-carousel .owl-stage-outer{overflow: visible;}
.machine_compare{margin-right: -24px; width: calc(100% + 24px);}

.product-accessory{margin-bottom: 80px;}
.product-accessory .owl-item .item{margin-top: 15vw;}

.make-box-text{padding: 32px 0;}
.make-box-text h1{font-size: 24px !important; line-height: 32px !important; font-family: "proxima-nova",sans-serif !important;}
.make-box-text h4.h4-font18{font-size: 18px; line-height: 24px;}
}

@media(max-width: 991px) { 
.product-section{height: 460px;}
.product-slider{margin-right: -70px;}
.product-section-bg{height: 400px; width: 400px; right: -200px;}
.product-img{max-width: 450px;}
.product-text-child h2{font-size: 24px; line-height: 32px; font-weight: 700; font-family: "proxima-nova",sans-serif !important; margin-bottom: 16px;}
.product-text-child h4{font-size: 18px; line-height: 24px;}
.product-slider .owl-carousel .owl-dots, .product-slider .owl-theme .owl-nav{bottom: 40px;}

.frame-box-slider .owl-carousel .owl-stage-outer{overflow: visible;}
.frame-box-slider .owl-carousel .owl-dots{padding-left: 16px;}
.frame-box .row .col-md-6{width: 50%;}
}

@media(max-width: 979px) { 
.celebrate-box .wrap{padding: 0 70px;}
.celebrate-box-img{padding: 121px 0 74px; }
.celebrate-img-1{max-width: 300px; float: left; min-width: 120px; z-index: 9;}
.celebrate-img-2{max-width: 300px; float: right; padding-top: 108px; position: static;}
.celebrate-img-3{max-width: 750px; float: left; padding-right: 24px; margin: 12px 0 0;}
.celebrate-img-4{max-width: 300px; float: right; position: relative; margin: 12px 0 0; min-width: 150px; z-index: 9;}
.celebrate-bg-right{right: 120px;}
.celebrate-bg-bottom{left: 120px;}
}

@media(max-width: 950px) {
.feature-list-text h2{font-size: 24px; line-height: 32px; font-weight: 700; font-family: "proxima-nova",sans-serif !important; margin-bottom: 16px;}

.frame-box h1{text-align: left; font-size: 40px !important; line-height: 48px !important; font-weight: 500;}
.frame-box h1 span{display: block;}
.frame-box .row .col-md-6{width: 100%;}
.frame-box-slider .owl-carousel .owl-stage{padding-left: 0 !important;}
.frame-box-slider .owl-carousel .owl-stage-outer{overflow: visible;}
.frame-box-slider .owl-carousel .owl-dots{padding-left: 16px; margin-top: 12px;}
.frame-box .row .col-md-6{width: 100%; height: 100%;}
.frame-box .row .col-md-6 img{max-width: 100%; height: 120px;}
.frame-box .row .col-md-6 .text-ellipsis{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; white-space: normal;}

.machine_compare{padding-top: 80px;}
.compare-bg-top::before{height: 80px; width: 80px; top: -44px; left: -44px; background-size: cover;}
.machine_compare ul.machine_compare_top li:first-child, .machine_model_text li:first-child{width: 150px; min-width: 150px;}
.machine_model_text li:first-child{display: block; text-align: center; position: sticky; left: 0; z-index: 1;}
.machine_model_text li:first-child span{display: block; margin: 0 0 4px;}
.machine_model_text li:first-child span img{height: 24px; margin: 0 auto;}

.make-box-left{height: 100px;}
}

@media (max-width : 800px) {
.machine_compare_top .mb-1{margin-bottom: 6px !important;}
.machine_compare_title{padding-bottom: 10px; margin-bottom: 12px;}
.machine_compare ul.machine_compare_top li{padding: 0 8px 16px; text-align: center !important;}
.machine_compare ul.machine_compare_top li .mt-16{margin-top: 8px;}
.machine_compare ul li img{max-width: 24px !important; display: block; margin: 0 auto;}
.machine_compare ul li{display: flex; font-size: 14px; line-height: 18px;}
.machine_model_text li{padding: 8px 16px;}
.machine_compare ul.machine_compare_top li img{max-width: 100% !important;}
.machine_compare_table{overflow: visible; max-height: inherit;}
.machine_model_text:last-child li{padding-bottom: 12px;}
.machine_compare_top li h4{font-size: 16px; line-height: 20px;}
.machine_compare ul.machine_compare_top li, .machine_model_text li, .machine_compare ul li{min-width: 230px; width: 230px;}
}

@media(max-width: 767px) {
.display{font-size: 42px; line-height: normal;}
h1{font-size: 40px; line-height: normal;}
h2{font-size: 32px; line-height: normal;}
.mobile-dis-block{display: block;}
.wrap, .celebrate-box .wrap{padding: 0 24px;}

.hero-banner{height: 600px;}
.hero-text{max-width: 260px; width: 100%; margin: 0 auto; padding: 44px 0;}
.hero-banner .d-flex{display: block !important;}
.hero-text .mt-40{margin-top: 24px;}
.hero-img{right: -96px;}

.product-section{height: auto; margin-bottom: 60px;}
.product-section-bg{height: 320px; width: 320px; right: -158px; top: 60px;}
.product-box{flex-direction: column-reverse;}
.product-slider{margin-right: 0; padding-bottom: 60px;}
.product-slider .owl-carousel .owl-stage{padding-bottom: 0 !important;}
.product-slider .owl-theme .owl-nav [class*=owl-]{height: 44px !important; width: 44px !important;}
.product-slider .owl-theme .owl-nav{position: static;}
.product-slider .owl-carousel .owl-dots{text-align: right !important; position: static;}
.product-text{padding-top: 0; max-width: 450px; width: 100%;}
.product-text-child{min-height: auto; padding-bottom: 8px;}
.product-img{max-width: 480px;}

.feature-box-bg{padding: 20px 0 54px;}
.feature-list li{flex-direction: column; padding-top: 0;}
.feature-list-child{padding: 24px;}
.feature-list li:nth-child(odd) .feature-list-img{padding-right: 98px;}
.feature-list li:nth-child(even) .feature-list-img{padding-left: 98px;}
.feature-list-img{order: 1;}
.feature-list-child{max-width: 100%; order: 2;}
.feature-list-text h2 span{display: inline;}

.product-accessory-text{margin-top: 24px;}
.product-accessory-text h2{margin-bottom: 12px; font-family: "proxima-nova",sans-serif !important; font-size: 24px; line-height: 32px; font-weight: 700;}
.product-accessory .owl-item .item{margin-top: 13vw;}
.product-accessory .owl-carousel .owl-dots{margin-top: 24px;}

.celebrate-img-1{max-width: 50%; padding-right: 8px;}
.celebrate-img-2{max-width: 50%;}
.celebrate-img-4{max-width: 126px;}
.celebrate-bg-right{right: 80px;}
.celebrate-bg-bottom{left: 80px;}

.accessories-title{display: block;}
.accessories-title h1{font-size: 40px !important; line-height: 48px !important;}
.accessories-title h1 span{display: block;}
.accessories-item{padding: 24px 16px;}
.accessories-slider .owl-theme .owl-nav{display: none;}
.accessories-slider .owl-carousel .owl-dots .owl-dot{margin: 12px 6px 0;}

.machine_compare{overflow-x: auto !important; margin-right: -24px; width: calc(100% + 24px);}
.machine_compare_title h3{margin-bottom: 5px;}
.machine_compare_title p:last-child{padding-bottom: 0;}
.machine_model_text li{padding: 5px 16px;}
.machine_compare_title, .machine_compare, .frame_popup_bottom{padding-right: 8px;}
.machine_model_text li a.btn{font-size: 12px; line-height: 18px;}

.make-box-top, .make-box-bottom, .make-box-left::before{background-size: 100% 40px; height: 40px; right: 52px;}
.make-box-top::after, .make-box-bottom::after, .make-box-bottom::before, .make-box-left::after{height: 52px; width: 52px; background-size: 52px;}
.make-box-top::after, .make-box-bottom::before{right: -52px;}
.make-box-bottom{left: 52px;}
.make-box-bottom::after{left: -52px;}
.make-box-left, .make-box-right, .make-box::before{background-size: 40px auto; width: 40px;}
.make-box-right{top: 50px; bottom: 50px;}
.make-box-left{bottom: 50px;}
.make-box-left::after{bottom: -52px;}
.make-box-left::before{left: 50px;bottom: -52px;}
.make-box{padding: 80px;}
.make-box > .d-flex{flex-direction: column;}
.make-box .d-flex{justify-content: center;}
.make-box-left{height: 40%;}
.make-box-text{text-align: center; padding: 20px 20px 24px;}
.make-box-text h1, .make-box-text h4{margin-bottom: 8px;}
.make-box-text h4{font-size: 24px; line-height: 32px;}
.make-box-text h4 span.font-16{font-size: 14px; line-height: 18px; font-weight: 400;}

}

@media(max-width: 600px) {
.product-accessory .owl-item .item{width: 200px; margin-right: 84px; margin-top: 16vw;}
.product-accessory .owl-item.active{left: -100px;}
.product-accessory .owl-item.active.center .item{margin: 0 -16px; width: calc(100% + 32px);} 
}

@media(max-width: 450px) {
.hero-banner{height: 540px;}
.hero-img{width: 400px; right: -88px; bottom: -5px;}
}

@media(max-width: 400px) {
.product-accessory .owl-item .item{margin-top: 12vw;}
}