:root{
    --light-blue: #D9F0F9;
    --blue: #EAF5FB;
    --dark-blue: #339fd9;
    --light-orange: #eb8452;
    --dark-orange: #ea6852;
    --black: #1a1a1a;
    --white: #ffffff;
}

body{font-size: 18px; line-height: 20px; color: var(--black); font-family: "proxima-nova",sans-serif; background: var(--white);}
.display, h1, h2, h3, h4, h5 {color: var(--dark-blue); font-family: "new-spirit",serif !important;}
.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;}
.font-16{font-size: 16px; line-height: 20px; font-weight: 400;}
/*.tk-proxima-nova { font-family: "proxima-nova",sans-serif; }
.tk-new-spirit { font-family: "new-spirit",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;}
.light-blue{background: var(--blue);}
.dark-orange{color: var(--dark-orange);}
.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(--dark-blue);}
.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-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;}
.mb-160{margin-bottom: 160px;}

.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(--dark-blue); color: var(--white);; border: 2px solid var(--dark-blue);}
.btn-primary:hover, .btn-primary:focus {background-color: var(--white);; color: var(--dark-blue);}
.btn-secondary{background-color: var(--white); color: var(--dark-blue);; border: 2px solid var(--dark-blue);}
.btn-secondary:hover, .btn-secondary:focus {background-color: var(--dark-blue);;  color: var(--white); border: 2px solid var(--dark-blue);}
.btn-white{border-color: var(--white) !important;}
.btn-white:hover, .btn-white:focus{border-color: var(--dark-orange) !important;}

.hero-box{padding: 24px 0 32px;}
.hero-banner img{max-width: 100%; }
.hero-bg-1{background: url(https://graceframe.com/frontend/images/new/product/common/hero-bg-1.png) no-repeat 0 0; width: 215px; height: 154px; position: absolute; top: 0; right: 40%;}
.hero-bg-2{background: url(https://graceframe.com/frontend/images/new/product/common/hero-bg-2.png) no-repeat 0 0; width: 272px; height: 287px; position: absolute; top: 0; right: -200px;}
.hero-banner-text{width: 460px; padding: 107px 16px 0 0;}
.hero-banner-img{margin-top: -24px;}
.hero-16x-bg-1{background-image: url(https://graceframe.com/frontend/images/new/product/common/hero-16x-bg-1.png);}
.hero-16x-bg-2{background-image: url(https://graceframe.com/frontend/images/new/product/common/hero-16x-bg-2.png);}
.hero-16x-manual-bg-1{background-image: url(https://graceframe.com/frontend/images/new/product/common/hero-16x-manual-bg-1.png);}
.hero-16x-manual-bg-2{background-image: url(https://graceframe.com/frontend/images/new/product/common/hero-16x-manual-bg-2.png);}

.video-bg{background: url(https://graceframe.com/frontend/images/new/product/common/video-bg.png) no-repeat center 0; background-size: 100% auto; padding: 24px 0 160px;}
.video-box{position: relative; z-index: 1;}
.video-bg-right{background: url(https://graceframe.com/frontend/images/new/product/common/video-bg-right.png) no-repeat 0 0; width: 318px; height: 411px; position: absolute; top: -166px; right: -170px;}
.video-bg-left{background: url(https://graceframe.com/frontend/images/new/product/common/video-bg-left.png) no-repeat 0 0; width: 191px; height: 236px; position: absolute; bottom: 20px; left: 0;}

.product-scroll-bg{background: url(https://graceframe.com/frontend/images/new/product/common/product-scroll-bg.png) no-repeat center 0; background-size: cover; padding-bottom: 40px;}
.product-img img{max-width: 100%;}
.circle{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute;}
.circle-bg{background: #aadaef;}
.circle-border{border: 2px solid var(--white); z-index: 2;}
.product-1 .circle{height: 306px; width: 306px; top: 200px; right: 100px;}
.product-text{padding: 36px 0 0 16px; position: relative;}
.product-text h1{font-size: 24px; line-height: normal; margin-bottom: 8px !important;}
.product-text h1, .product-text h4{color: var(--white);}
.product-text h4{font-weight: 400;}
.product-text-number{position: absolute; left: -16px; top: -40px; font-family: "new-spirit",serif; font-size: 60px; line-height: 70px; font-weight: 600; color: var(--dark-blue); opacity: 0.8;}
.product-scroll-bg .owl-carousel .owl-dots .owl-dot{margin-top: 0 !important;}
.desktop-hide{display: none;}

.slider-btn{position: absolute; right: 20px !important; top: 0; bottom: 0; z-index: 99; height: 750px; display: flex; flex-direction: column; justify-content: center;}
.slider-btn a{padding: 2px 3px; display: block; margin: 8px 0;}
.slider-btn a span{width: 4px; height: 28px; display: block; background: #339fd9; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.slider-btn a.active span, .slider-btn a:hover span{background: #EAF5FB;}


.quilting-middle-bg{background: url(https://graceframe.com/frontend/images/new/product/common/quilting-bg.png) no-repeat center -600px; background-size: 100% auto; padding: 160px 0 80px;}
.quilting-box{padding-bottom: 152px;}
.quilting-left-bg{background: url(https://graceframe.com/frontend/images/new/product/common/quilting-left-bg.png) no-repeat 0 0; width: 184px; height: 182px; position: absolute; bottom: 0; left: 0;}
.quilting-child{flex-wrap: wrap; margin: 0 -16px; width: calc(100% + 32px); padding-top: 40px;}
.quilting-box-child{max-width: 482px; width: 50%; padding: 40px 16px 0;}
.quilting-box-child:nth-child(even){padding-top: 240px;}
.quilting-box-child img{max-width: 100%;}
.quilting-box-text{padding: 0 24px;}

.adventure-box{padding: 8px 0 0;}
.adventure-box-bg{background: url(https://graceframe.com/frontend/images/new/product/common/adventure-bg-right.png) no-repeat center 0; background-size: 100% auto; padding: 160px 0 160px;}
.quilt-adven{flex-wrap: wrap; margin: 0 -12px; width: calc(100% + 24px); padding-top: 68px;}
.quilt-adven img{max-width: 100%;}
.quilt-adven-big{width: 822px; padding: 12px;}
.quilt-adven-middle{width: 410px; padding: 12px;}
.quilt-adven-small{width: 362px; padding: 12px;}
.quilt-adven .overly-bg{position: absolute; left: 0; right: 0; bottom: 0; padding: 27px 24px; -moz-border-radius: 0 0 16px 16px; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px;}
.quilt-adven .overly-bg h4{color: var(--white); margin: 0;}

.everything-bg{background: url(https://graceframe.com/frontend/images/new/product/common/everything-bg.png) no-repeat center 0; background-size: cover; padding: 97px 0 0;}
.everything-bg-right{background: url(https://graceframe.com/frontend/images/new/product/common/everything-bg-right.png) no-repeat 0 0; width: 286px; height: 158px; position: absolute; top: -66px; right: 0;}
.everything-bg-box{padding: 415px 0 232px;}
.everything-bg-box img{max-width: 100%;}
.everything-text{position: absolute; width: 100%; max-width: 500px; left: 150px; top: 250px; z-index: 1;}
.everything-1{position: absolute; left: 750px; top: 97px;}
.everything-2{position: absolute; right: 0; top: 237px;}
.everything-4{position: absolute; left: 600px; bottom: 138px;}
.everything-5{position: absolute; right: 70px; bottom: 103px;}

.compare-bg{background: url(https://graceframe.com/frontend/images/new/product/common/compare-bg.png) no-repeat center 0; background-size: 100% auto; padding: 160px 0 0;}
.compare-bg-left{background: url(https://graceframe.com/frontend/images/new/product/common/compare-bg-left.png) no-repeat 0 0; width: 154px; height: 427px; position: absolute; top: -184px; left: 0;}

.machine_compare{padding-bottom: 12px; overflow: hidden; overflow-x: auto;}
.machine_compare ul{display: flex; margin: 0; justify-content: space-between;}
.machine_compare ul li{width: 290px; position: relative;}
.machine_compare ul.machine_compare_top li{display: flex; flex-direction: column; text-align: center; padding: 16px; font-size: 18px;}
.machine_compare ul.machine_compare_top li:first-child{width: 244px; padding: 14px 32px;}
.machine_compare_top li h4{color: var(--dark-orange);}
.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: 244px; text-align: right; padding: 14px 32px;}
.machine_model_text li:first-child span{margin-right: 8px;}
.machine_model_text:nth-child(even), .machine_model_text:nth-child(even) li{background: var(--blue);}
.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(--dark-blue); border-right: 4px solid var(--dark-blue);}
.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(--dark-blue); -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(--dark-blue); -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;}
.machine_compare_top:first-child .active .btn{margin-top: 4px;}
.machine_compare_three ul{justify-content: start;}
.machine_compare_three ul.machine_compare_top li:first-child, .machine_compare_three .machine_model_text li:first-child{width: 300px;}

.rotate-360-bg{padding-top: 160px;}
.threesixty-wrapper{position: relative; width: 100%;}
.threesixty-wrapper img{max-width: 100%; cursor: ew-resize;}
.rotate-left-bg{background: url(https://graceframe.com/frontend/images/new/product/common/quilting-left-bg.png) no-repeat 0 0; width: 184px; height: 182px; position: absolute; top: 235px; left: -134px; z-index: 2;}
.rotate-right-bg{background: url(https://graceframe.com/frontend/images/new/product/common/rotate-right-bg.png) no-repeat 0 0; width: 194px; height: 236px; position: absolute; bottom: 228px; right: 0; z-index: 2;}
.threesixty{position: relative;}
.threesixty::before{content: '360°'; position: absolute; left: 50%; top: 50%; margin-left: -40px; z-index: 2; animation-delay: 3s; width: 180px; height: 180px; font-size: 40px; line-height: normal; padding-top: 42px; font-weight: 700; text-align: center; background: var(--dark-blue) url(https://graceframe.com/frontend/images/new/product/icon/rotate.png) no-repeat center 100px; color: var(--white); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.threesixty:active::before{display: none; opacity: 0; height: 1px; width: 1px; overflow: hidden;}

.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: 40px; background: var(--blue); 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(--dark-blue);}
.owl-theme .owl-nav [class*=owl-]{opacity: 1; height: 44px !important; width: 44px !important; background:var(--dark-blue) !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; 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(--dark-blue); 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);}

.celebrating-box{background: var(--dark-blue); margin-top: 130px; min-height: 390px; padding: 24px;}
.celebrating-bg-left{background: url(https://graceframe.com/frontend/images/new/product/common/celebrating-bg-left.png) no-repeat 0 0; width: 152px; height: 195px; position: absolute; top: 12px; left: 52px;}
.celebrating-bg-right{background: url(https://graceframe.com/frontend/images/new/product/common/celebrating-bg-right.png) no-repeat 0 0; width: 157px; height: 194px; position: absolute; bottom: 3px; right: 0;}
.celebrating-16x-manual-left{background-image: url(https://graceframe.com/frontend/images/new/product/common/celebrating-16x-manual-bg-left.png);}
.celebrating-16x-manual-right{background-image: url(https://graceframe.com/frontend/images/new/product/common/celebrating-16x-manual-bg-right.png);}
.celebrating-img{width: 537px; position: absolute; bottom: 0; right: 175px;}
.celebrating-img img{max-width: 100%;}
.celebrating-text{flex-direction: column; color: var(--white); height: 100%; padding-left: 232px; min-height: 342px;}
.celebrating-text h2, .celebrating-text h4{color: var(--white);}

.frame-img{background: var(--blue); padding: 40px 32px; text-align: center; display: block;}
.frame-img img{max-width: 100%;}
.frame-img h4{color: var(--black);}
.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: 1550px) {
.everything-4{left: 500px;}
.everything-5{right: 0;}
}

@media(max-width: 1500px) {
.celebrating-bg-left{left: 24px;}
.celebrating-text{padding-left: 170px;}
.celebrating-img{right: 130px;}
.rotate-left-bg{left: -48px;}
}

@media(max-width: 1400px) {
.everything-bg-right{width: 200px; height: 111px; background-size: cover; top: -20px;}
.everything-1{left: 550px;}
.everything-3{width: 400px;}
.everything-4{left: 450px;}
.everything-5{width: 350px;}
    
}

@media(max-width: 1350px) {
.celebrating-text{max-width: 550px;}
}

@media(max-width: 1280px) {
.hero-bg-1{width: 150px; height: 106px; background-size: cover;}
.hero-bg-2{width: 150px; height: 162px; background-size: cover; right: -30px;}
.everything-bg-box{padding: 200px 0 175px;}
.everything-text{top: 50px; left: 75px;}
.everything-1{left: 480px; width: 275px; top: 0;}
.everything-2{top: 60px;}
.everything-3{width: 300px;}
.everything-4{left: 350px; bottom: 50px;}
.everything-5{width: 200px; bottom: 50px;}
.celebrating-bg-left{left: 0; width: 100px; height: 129px; background-size: cover;}
.celebrating-bg-right{width: 100px; height: 124px; background-size: cover;}
.celebrating-text{max-width: 450px; padding-left: 70px;}
.celebrating-img{right: 60px;}
}

@media(max-width: 1275px) {
.quilting-middle-bg{padding: 80px 0; background-position: 0 -10vw;}
.quilt-adven{justify-content: center; max-width: 800px; width: 100%; margin: 0 auto;}
.quilt-adven img{width: 100%;}
.quilt-adven-big{width: 100%;}
.quilt-adven-small, .quilt-adven-middle{width: 50%;}
.quilt-adven-small img, .quilt-adven-middle img{height: 318px; object-fit: cover;}
}

@media(max-width: 1200px) {
.display, h1, h2, h3, h4, h5{line-height: normal;}
.mb-160{margin-bottom: 80px;}
.video-bg-left{width: 100px; height: 124px; bottom: 10px; background-size: cover;}
.video-bg-right{width: 200px; height: 260px; top: -80px; right: -85px; background-size: cover;}
.video-bg{padding-bottom: 80px;}
.quilting-box{padding-bottom: 80px;}
.compare-bg{padding: 80px 0;}
.compare-bg-left{width: 77px; height: 214px; background-size: cover; top: -92px;}

.machine_compare{margin-right: -48px; width: calc(100% + 48px);}
.machine_compare ul li{width: 220px;}
.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_compare_three ul.machine_compare_top li:first-child, .machine_compare_three .machine_model_text li:first-child{width: 200px;}
.machine_compare_three ul.machine_compare_top li, .machine_compare_three .machine_model_text li{width: 320px;}
.machine_model_text li:first-child{padding: 8px; font-size: 12px; line-height: 14px;}
.rotate-360-bg{padding-top: 0;}
}

@media(max-width: 1120px) {
.celebrating-bg-left{top: 0;}
.celebrating-box{padding-bottom: 0; margin-top: 40px;}
.celebrating-img{position: static; margin: 0 auto; width: 100%; text-align: center;}
.celebrating-text{padding: 0 0 24px; order: 2; text-align: center; max-width: 100%; min-height: auto;}
.celebrating-text .d-flex{justify-content: center;}
}

@media(max-width: 1024px) {
.accessories-slider .owl-carousel .owl-stage-outer{overflow: visible;}
.machine_compare{margin-right: -24px; width: calc(100% + 24px);}
.rotate-left-bg, .rotate-right-bg{display: none;}
.threesixty::before{margin-left: -35px; width: 70px; height: 70px; font-size: 16px; padding-top: 12px; font-weight: 600; background: var(--dark-blue) url(https://graceframe.com/frontend/images/new/product/icon/rotate.png) no-repeat center 40px; background-size: 30px;}
/*.rotate-circle.hide-on-hover {opacity: 0; visibility: hidden;}*/
.frame-box .row .col-md-6{width: 50%;}
}

@media(max-width: 991px) {
.everything-bg-box{padding: 40px 0; text-align: center;}
.everything-text{position: static; margin: 0 auto;}
.everithing-img-box{margin: 0 -12px; width: calc(100% + 24px); flex-wrap: wrap; justify-content: center;}
.everithing-img{width: 33.33%; padding: 12px; position: static;}
.everything-bg-box img{width: 100%;}
.everything-text{margin-bottom: 12px;}
}

@media(max-width: 950px) {
.quilting-box{padding-bottom: 40px;}
.frame-box h2{text-align: left; font-size: 40px !important; line-height: 48px !important;}
.frame-box h2 span{display: block;}
.frame-box .row .col-md-6{width: 100%;}
.frame-box-slider .owl-carousel .owl-stage{margin-left: -48px;}
.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 ul.machine_compare_top li:first-child, .machine_model_text li:first-child, .machine_compare_three ul.machine_compare_top li:first-child, .machine_compare_three .machine_model_text li:first-child{width: 150px; min-width: 150px;}
.machine_model_text li:first-child{display: block; text-align: center;}
.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;}
}

@media (max-width : 800px) {
.compare-bg-left{display: none;}
.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, .machine_compare_three ul.machine_compare_top li, .machine_compare_three .machine_model_text li{min-width: 190px; width: 190px;}
}

@media(max-width: 767px) {
.display{font-size: 40px; line-height: normal;}
h1{font-size: 40px; line-height: normal;}
h2{font-size: 32px; line-height: normal;}
.mb-160{margin-bottom: 60px;}
.hero-bg-1{display: none;}
.hero-bg-2{display: none;}
.hero-banner{flex-direction: column-reverse;}
.hero-banner-text{max-width: 100%; margin: 0 auto; padding: 24px 0 0; text-align: center;}
.hero-banner-text img{max-width: 300px;}
.hero-banner-logo, .hero-banner-btn{margin-top: 24px;}

.video-bg{padding-bottom: 40px;}
.video-bg-left{width: 50px; height: 62px; bottom: 40px;}
.video-bg-right{width: 100px; height: 130px; top: -40px; right: -40px;}
.product-scroll-bg{background-position: center 48px;}
.quilting-child{flex-direction: column; justify-content: center; padding-top: 0;}
.quilting-box-child, .quilting-box-child:nth-child(even){padding-top: 32px; margin: 0 auto; text-align: center; width: 100%;}
.quilting-box-child .mb-32{margin-bottom: 16px;}
.quilting-left-bg{width: 100px; height: 100px; background-size: cover; bottom: -24px; left: -30px;}
.quilt-adven{padding-top: 8px;}
.quilt-adven-big, .quilt-adven-small, .quilt-adven-middle{width: 100%; padding: 16px 0 0;}
.quilt-adven-small img, .quilt-adven-middle img{height: auto;}
.quilting-middle-bg{padding-bottom: 40px;}
.everything-bg{padding-top: 80px;}
.everithing-img{width: 50%;}
.celebrating-bg-left, .celebrating-bg-right{display: none;}
.accessories-title{display: block;}
.accessories-title h2, .rotate-360-title h2{font-size: 40px !important; line-height: 48px !important;}
.accessories-title h2 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;}
.everything-bg-box{padding-bottom: 12px;}
.celebrating-box{margin-top: 4px;}

.compare-bg{padding: 60px 0;}
.machine_compare{overflow-x: auto !important; margin-right: -16px; width: calc(100% + 16px);}
.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{padding-right: 8px;}
.machine_model_text li a.btn{font-size: 12px; line-height: 18px;}
.machine_compare ul.machine_compare_top li{font-size: 16px;}

.threesixty-wrapper{overflow: hidden;}
.threesixty-wrapper img{width: 150%; max-width: 150%; margin-left: -25%;}

.slider-btn{flex-direction: row; top: auto; bottom: 12px; left: 16px; height: auto;}
.slider-btn a{margin: 0 4px;}
.slider-btn a span{width: 24px; height: 4px;}
.mobile-hide{display: none;}
.desktop-hide{display: block;}
}