/* Mobile*/
@media all and (min-width: 1025px) {
.navbar .nav-item .dropdown-menu{display: block; -moz-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s; -webkit-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s; transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s; -moz-transform: translateY(1em); -webkit-transform: translateY(1em); transform: translateY(1em); opacity: 0; visibility: hidden; height: 0;}
.navbar .nav-item:hover .dropdown-menu, .headerAccount li:hover .dropdown-menu{display: block; z-index: 9999; visibility: visible; opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -moz-transition-delay: 0s, 0s, 0.2s; -webkit-transition-delay: 0s, 0s, 0.2s; transition-delay: 0s, 0s, 0.2s; height: auto;}
.navbar .nav-item .dropdown-menu{ margin-top:0; overflow-y: auto;}
.main-menu{height: auto !important;}
}

/* Large Desktop*/
@media (max-width : 1920px) {

}
@media (max-width: 1690px) {
  .default.header .search{margin-left: 45px;}
}

@media (max-width : 1675px) {
.default.header .search{margin-left: 20px; width: 230px;}
.default .navbar-nav  li, .default .headerAccount li{font-size: 11px;}  

}

@media (max-width : 1620px) {
.header .search{margin-left: 20px;}	
/*.navbar-nav > li, .headerAccount li{margin-left: 6px;}
.navbar-nav > li a, .headerAccount li a{padding-left: 7px; padding-right: 7px;}
.navbar-nav li.dropdown > a{padding-right: 18px;}*/
.default .navbar-nav  li, .default .headerAccount li{font-size: 11px;}  
}

@media (max-width : 1550px) {
.navbar-nav > li a, .headerAccount li a{padding-left: 4px; padding-right: 4px;}
.navbar-nav  li, .headerAccount li{font-size: 11px;}  

}
@media (max-width : 1500px) {
.discover_dropdown_box{right: -150px;}
}

@media (max-width : 1470px) {
/*.header .wrap{padding: 0 24px;}
.navbar-nav li, .headerAccount li{font-size: 14px;}
.navbar-nav li .dropdown-menu li, .headerAccount li .dropdown-menu li{font-size: 14px;}*/
.navbar-nav > li, .headerAccount li{margin-left: 8px;}
.discover_dropdown_box{right: -120px;}
}
@media (max-width : 1440px) {
/* .header .search{margin-left: 40px;} */
.cutie_quilting_left{width: 40em;}
}


@media (max-width : 1400px) {
/*.navbar-nav > li, .headerAccount li{margin-left: 7px;}
.navbar-nav > li a, .headerAccount li a{padding-left: 5px; padding-right: 5px;}*/
.header .wrap, .product_title_sticky .wrap, .back_arrow.wrap{padding: 0 24px;}
.header .search{width: 235px; margin-left: 30px;}
.dropdown_box{right: -100px;}
.discover_dropdown_box{right: -100px;}
}


@media (max-width : 1355px) {
.navbar-nav > li a, .headerAccount li a{padding-left: 8px; padding-right: 8px;}
.default .navbar-nav  li.homeIcon{display: none;}
.default .logo img{max-height: 50px;}
}

@media (max-width : 1340px) {
.cutie_banner{height: 400px;}
.cutie_banner:after{width: 500px;}
.cutie_banner_img{top: 0;}
.cutie_banner_img img{max-width: 500px;}
.cutie_banner_img:after{width: 440px; background-size: contain;}
.cutie_banner_text h1, .cutie_main_landing .cutie_banner_text h1{font-size: 30px; line-height: normal; max-width: 450px;}
.cutie_left{-moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); float: none; padding: 0 48px;}
.cutie_main_landing .cutie_banner_img{right: 0;}
.cutie_main_landing .cutie_banner_img img{max-width: 400px; width: 100%;}

}


@media (max-width : 1280px) {
.cutie_main_landing .cutie_hbq{margin-top: 16px;}
}

@media (max-width : 1275px) {
.default .logo img{max-height: 64px;}
.header .search{width: 200px;}
.navbar-nav > li, .headerAccount li{margin-left: 6px;}
.main-menu.showmenu, .headerAccount li.smallMenu{display: block;}
.header .search{display: block; margin-left: 21.5%; width: 275px; }
.header .fullSearch.search{display: none;}
.header-right{position: relative; width: 100%; float: none;}
.headerAccount{position: absolute; top: 0; right: 0; z-index: 9999;}
.headerAccount li{font-size: 16px; line-height: 20px; margin-left: 24px;}
.headerAccount li a{padding-bottom: 12px; padding-top: 10px;}
.bodyNav .popupbg{opacity: 1; z-index: 9997; right: 0; bottom: 0;}
.main-menu{width: 0; background: #fff; padding: 0; position: absolute; right: -100%; top: 94px; z-index: 9999; height: 100vh; overflow: hidden; overflow-y: auto;}
.main-menu.showmenu{right: -24px; width: 420px;}
.header-sticky{top: 74px;}
.navbar{padding: 0 0 20px;}
.navbar-nav{float: none;}
.navbar-nav > li span{display: inline-block; height: 32px; width: 32px; margin: 0 8px 0 0; vertical-align: middle; background-size: cover;}
.navbar-nav > li{width: 100%; float: none; display: block; margin: 0; text-align: left; font-size: 16px; line-height: 20px; padding: 0 32px 0 16px; border-bottom: 1px solid #9d9d9d; font-weight: 600; position: relative;}
.navbar-nav > li a, .navbar-nav > li .rebranded-blue, .header.sticky .navbar-nav>li a, .header.sticky .headerAccount li>a, .navbar-nav li .dropdown-menu li a{padding-left: 8px; padding-right: 8px;}
.navbar-nav li .dropdown-menu li a, .navbar-nav>li .rebranded-blue, .navbar-nav>li a{padding: 8px 0;}
.header.sticky .navbar-nav>li a{padding-top: 16px; padding-bottom: 16px;}
.default .navbar-nav li.homeIcon{display: block;}
.navbar-nav li.dropdown > a{padding-right: 25px; padding-left: 0;}
.navbar-nav > li a:hover, .navbar-nav li.active > a, .headerAccount li a:hover, .headerAccount li.active a{background: none;}
.navbar-nav > li:hover{background: #fff;}
.menu-arrow{height: 46px; width: 90px; background-position: calc(100% - 4px) center; background-size: 24px; right: 16px; bottom: auto; top: 1px; display: block; z-index: 9; cursor: pointer;}
.main-menu .dropdown-menu{position: static; float: none; width: calc(100% + 48px); padding: 0 16px 16px 16px; background: #F0EFEF !important; border-top: none !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0 -24px 0 -16px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.main-menu .dropdown-menu li{padding: 0;}
.main-menu .dropdown-menu li:last-child{border-bottom: none;}
.main-menu .dropdown.open .menu-arrow{-moz-transform: rotate(-180deg); transform: rotate(-180deg); background-position: 4px center;}
.navbar-nav li.menu-label{background: #414141; color: #fff; padding: 4px 16px; margin: -1px -16px 0; width: calc(100% + 32px);}
.navbar-nav > li.dropdown > a:after, .main-menu .dropdown > a:hover::after, .headerAccount:before, .dropdown:hover a:after, .dropdownRight:after, .navbar-nav li.contact span{display: none;}
.navbar-nav li.dropdown .dropdown ul{display: block !important; position: static; width: 100%;}
.navbar-nav li.dropdown .dropdown ul li a{margin-top: 0;}
.navbar-nav li.dropdown .dropdown-submenu:after{ height: 24px; width: 24px; background-size: cover; margin-top: 0; top: 9px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0deg);}
.dropdown_box .heading-h3{font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 0; padding-bottom: 4px;}
.dropdown_box li, .dropdown_box ul, .dropdown_box ul li, .dropdown_accessories_box .dropdownLeft, .dropdown_accessories_box .dropdownRight_one, .dropdown_accessories_box .dropdownRight_two, .dropdown_accessories_box .dropdownRight, .dropdown_accessories_box .dropdownRight_three, .small_dropdown_box .dropdownLeft, .small_dropdown_box .dropdownRight, .discover_dropdown_box .dropdownLeft{float: none; width: 100%; display: block;}
.dropdownLeft_two{float: none; padding-left: 0;}
.dropdownLeft li.compare_model a, .dropdownRight li.compare_model a{border-bottom: 1px solid #9d9d9d !important;}
.navbar-nav li.contact{border-bottom: none; padding-left: 32px;}
.dropdown_accessories_box .dropdownRight_three{text-align: left;}
.discover_dropdown_box{padding-bottom: 8px !important;}
.discover_dropdown_box .dropdownLeft{padding: 0; border: none; padding-top: 16px !important;}
.discover_dropdown_box .dropdownLeft:first-child{padding-top: 0 !important;}
.discover_dropdown_box .dropdownLeft li.submenu_btn{border-bottom: none;}
.discover_dropdown_box .dropdownLeft:last-child .dropdownLeft_one li:last-child a{border-bottom: none;}
.dropdown-menu li.submenu_btn{margin-top: 16px;}
.navbar-nav li.resources:hover .discover_dropdown_box, .navbar-nav li.events:hover .event_dropdown_box{display: none;}
.dropdown_accessories_box .dropdownRight_three ul:last-child{margin-bottom: 16px;}

.navbar-nav li.events span{background-image: url(https://graceframe.com/frontend/images/new/menu/small-events.svg);}
.dropdown_box h3.heading-h3{padding-top: 10px;}
.dropdown_box .menutitle_link{font-size: 16px; line-height: 24px; letter-spacing: 0.5px; font-weight: 700; border-bottom: 1px solid #9D9D9D; padding: 10px 16px; position: relative; margin: 0 -16px; width: calc(100% + 32px);}
.dropdown_box .menutitle_link:after{content: ''; position: absolute; right: 20px; top: 12px; height: 24px; width: 24px; background: url(https://graceframe.com/frontend/images/new/menu/down-arrow.svg) center center no-repeat; background-size: cover; z-index: 9; cursor: pointer;}
.dropdown_accessories_box .dropdownRight_two, .dropdown_accessories_box .dropdownRight_three{padding-left: 0; border: none;}
.dropdown_accessories_box, .event_dropdown_box{padding-bottom: 0 !important;}
.sub_menu{display: none;}
.submenu_box .menutitle_link.show:after{-moz-transform: rotate(-180deg); transform: rotate(-180deg);}
.submenu_box.show .sub_menu{padding-bottom: 16px; display: block;}
.dropdown_box .submenu_box .menutitle_link.last{border-bottom: none !important;}
.navbar-nav li.resources.open:hover .discover_dropdown_box, .navbar-nav li.events.open:hover .event_dropdown_box, .navbar-nav li.events.open:hover .education_dropdown_box{display: block;}
.event_dropdown_box{padding-bottom: 10px !important;}
.event_dropdown_box .dropdownLeft{width: 100%; border-right: none;}
.event_dropdown_box .dropdownRight{width: 100%; display: block;}
.event_dropdown_box .dropdownRight .col-half{width: 100%; padding: 0; margin-top: 4px;}
.education_dropdown_box{padding-bottom: 10px !important;}
.education_dropdown_box .dropdownLeft{width: 100%; border-right: none;}
.education_dropdown_box .dropdownRight{width: 100%; display: block;}
.education_dropdown_box .dropdownRight .col-half{width: 100%; padding: 0; margin-top: 12px;}
.discover_dropdown_box .dropdownLeft:first-child{width: 100%; padding-right: 0;}
.discover_dropdown_box .dropdownLeft{padding-top: 0 !important;}
.main-menu .dropdown-menu.customScroll{overflow: hidden; display: none;}
.menuContact{display: none !important;}
.menuAddress{display: block; padding: 0 32px 16px 32px;}
.dealerLink{display: block; padding-right: 16px;}
.menuAddress .dealerLink{display: block; margin: 30px 0; float: none; width: 100%; min-width: inherit; padding: 0; position: relative; z-index: 10;}
.menuAddress .dealerLink a{color: #fff; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block;}
.dropdown_accessories_box_three .dropdownCenter, .dropdown_accessories_box_three .dropdownRight{margin-left: 0;}
}

@media (max-width : 1200px) {
.header .wrap, .product_title_sticky .wrap{padding: 0 12px;}
.container{width: 100%;}
.header .search{margin-left: 16px;}
.sport_slider.owl-carousel .owl-nav .owl-next{right: -40px !important;}
.sport_slider.owl-carousel .owl-nav .owl-prev{left: -40px !important;}	
.limited_sale{padding: 48px 0 0; margin: 0;}
.limited_sale_hide{margin: 0;}
.limited_sale_right{width: 350px; right: -10%; top: 80px;}
.limited_sale_left{width: 300px; top: auto; bottom: 60px;}
.limited_sale_box{min-height: 250px;}
}

@media (max-width : 1199px) {
.navbar-nav > li, .headerAccount li{margin-left: 3px;}
.shop_product ul.plist li{width: 50%;}
.navbar-nav>li{margin-left: 0 !important;}
.navbar-nav .shop.nav-item li a{padding-left: 6px;}
}

@media (max-width : 1152px) {
/*.navbar-nav > li, .headerAccount li{margin-left: 0;}	
.navbar{padding-left: 0;}
.navbar-nav > li a, .headerAccount li a{padding-left: 2px; padding-right: 2px;}
.headerAccount{padding-left: 5px;}*/
.discover_dropdown_box{right: -120px; width: 950px;}
.navbar-nav li .dropdown-menu.discover_dropdown_box li a{font-size: 13px;}
.navbar-nav li .dropdown-menu.discover_dropdown_box h3{font-size: 18px;}
.warranty_info_img{width: 40%;}
.warranty_info_text{width: 60%;}
}

@media (max-width : 1151px) {
.navbar-nav > li, .headerAccount li{margin-left: 6px; font-size: 12px;}
.navbar-nav > li a, .headerAccount li a{padding-left: 4px; padding-right: 4px;}
/*.header .search{display: none;}
.header .fullSearch.search{display: block; margin: 5px 0 9px 0; width: 100%;}*/
#page-menu nav li a{padding: 0 4px !important;}
.event_dropdown_box, .education_dropdown_box{width: 950px; right: -120px;}
.dropdown_accessories_box{width: 700px; right: -120px;}
.navbar-nav li.dropdown > a{padding-right: 12px; padding-left: 6px;}
.navbar-nav > li.dropdown > a:after{right: 0;}

.cutie_hbq, .cutie_frame_shop{margin-top: 48px;}
.cutie_quote:before{width: 41px; height: 32px; background-size: cover; top: -12px;}

}

@media (max-width : 1024px) {
.wrap, .header .wrap, .product_title_sticky .wrap{padding: 0 24px;}
.header{border-bottom: 1px solid #F1F1F1; background: #fff; position: sticky !important; top: 0; z-index: 9999;}
.bodyNav .headerRibbon, .bodyNav .header, .intercom-namespace .intercom-app{z-index: 9999999999 !important;}
.intercom-namespace .intercom-app{position: relative;}
.bodyNav .intercom-namespace .intercom-app{z-index: 1 !important;}
.heading-h1, .heading{font-size: 36px;}
.heading-h2, .pp_right .heading-h2{font-size: 24px;}
.dealerLink{display: block; padding-right: 16px;}
.menuAddress .dealerLink{display: block; margin: 30px 0; float: none; width: 100%; min-width: inherit; padding: 0; position: relative; z-index: 10;}
.menuAddress .dealerLink a{color: #fff; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block;}
.top-header-ribbon{width: 100%; padding: 4px 10px 5px !important}
.footerAddress span{margin-bottom: 22px;}
.footerAddress span br{display: block;}

.warranty_info_img{width: 100%; max-width: 100%; text-align: center;}
.warranty_info_text{width: 100%; max-width: 100%; margin-top: 24px;}
#top-cart .top-cart-content{display: none !important;}
.pt-100{padding-top: 50px;}
.cutie_quote_img, .cutie_quote_left_img, .cutie_quote_star:after, .cutie_quote_star:before{display: none;}	
.limited_sale_right{width: 250px; right: -10%; top: 80px;}
.limited_sale_left{width: 200px;}
.cutie_quilting{margin-top: 32px;}
.motion_star_big{width: 18px; height: 23px; top: -22px;}
.motion_star_big:after{width: 10px; height: 13px; top: -10px; right: 23px;}
.cutie_left{padding-left: 24px;}
body.bodyNav .footer-phone, body.bodyNav .intercom-lightweight-app{z-index: 9 !important;}
.grace_workshop{max-width: 100%; width: calc(100% - 32px); margin: 64px 16px; padding: 24px;}
.grace_workshop_left{padding: 0 32px 0 0;}
.btns-box-workshop .col-md-6{width: 100%;}
}


@media (max-width : 991px) {
.footerTop .col-md-3{float: left; width: 25%;}

/* Start upsell popup */
.purchaseBoxRight{padding-top: 16px;}
/* Start customer order */
.tab_new ul.tab-nav{margin-right: -16px; width: calc(100% + 16px);}
.tab_new ul.tab-nav li:last-child{padding-right: 8px}
.tab_search{display: block;}
.tab_search .search{width: 100%; margin-top: 10px; padding-left: 0;}
.tab_search .search .btn-search{left: 10px;}
.order_top_date{margin-bottom: 16px;}
.order_top_date span{display: block;}
.order_top_btn a{display: block; width: 250px; margin: 16px 0 0 0;}
.order_top_btn a:first-child{margin-top: 0;}
.tab_order_product li{display: block;}
.tab_order_product_text{padding: 0 0 0 16px;}
.tab_order_product_right{display: block; width: 100%; margin-top: 16px;}
.tab_order_product_right span{text-align: center !important;}
.accessories_cpl_last{float: left;}
.teblet-plr-16{padding-left: 16px; padding-right: 16px;}
.teblet-plr-32{padding-left: 32px; padding-right: 32px;}
.tablet-mt-0{margin-top: 0 !important;}
.tablet-mb-0{margin-bottom: 0 !important;}
.tablet-center{text-align: center;}
.plastic-gallery-box li img{height: 200px;}

}

@media (max-width : 979px) {
.pt-80{padding-top: 40px;}
.header .search{margin-left: 20%;}
.graceEventBox{margin-top: 32px;}
.col-grace-img{width: 100%; float: none;}
.col-grace-text{width: 100%; float: none; margin-top: 16px; text-align: center;}
.col-grace-text h3.title_underline:after{margin: 16px auto 0;}
.col-grace-text .btn{width: 100%;}
.cutie_quilting_position{padding: 16px;}
.cutie_quilting_right .heading-h3:after{margin-top: 16px}
.cutie_quilting_right .sub-heading{margin-top: 16px; font-size: 16px; line-height: 24px; font-weight: 400; font-family: 'IBM Plex Serif', serif;}
.cutie_quilting_right{height: 340px;}
.motion_quilting .heading-h3{margin-bottom: 24px}
.shop_product h2{font-size: 24px; line-height: 30px; letter-spacing: 0;}
.shop_product_img span{padding: 4px; height: 40px; width: 40px;}
.shop_product ul.plist{margin: 0 -6px; width: calc(100% + 12px); }
.shop_product ul.plist li{padding: 12px 6px;}
.shop_product ul.plist li .white_card_2{padding: 4px 4px 40px;}
.shop_product_text .title{font-size: 14px; line-height: 20px;}
.shop_product_text .sub-heading{font-family: 'IBM Plex Serif', serif; font-size: 12px; line-height: 16px;}
.shop_product_text .btn{padding: 5px 8px;}
.teblet_mt_24{margin-top: 24px;}
}

@media (max-width : 900px) {
.footerLogo{margin-bottom: 0;}
.footerSubLogos{margin-bottom: 0; margin-left: 0; margin-top: 20px;}
.logoHolder{display: block;}
.footerTop .col-md-3{float: left; width: 50%; margin-top: 40px;}
.footerBottomLink li, .footerBottomLink li:first-child{margin: 7px 8px;}
.footerBottomLink{margin: 9px -8px 0;}
.footerBottom{padding: 24px 0 19px;}
.header .search{margin-left: 10%;}
.cutie_banner_img_desktop{display: none;}
.cutie_banner_img_mobile{display: block; text-align: center; -moz-transform: translatey(40px); -webkit-transform: translatey(40px); transform: translatey(40px);}
.cutie_main_landing .cutie_banner_img_mobile{-moz-transform: translatey(0); -webkit-transform: translatey(0); transform: translatey(0);}
.cutie_main_landing .cutie_banner_img:after{display: none;}
.cutie_banner{height: auto;}
.cutie_banner_img{position: relative; margin-top: 76px;}
.cutie_banner_img img{max-width: 100%;}
.cutie_banner_text{text-align: center; padding-top: 24px;}
.cutie_banner_text h1, .cutie_main_landing .cutie_banner_text h1{margin: 24px auto 0; font-size: 24px; line-height: 33px; font-weight: 600;}
.cutie_banner .btn{margin-top: 24px;}
.cutie_banner:after{top: auto; bottom: 0; background: url(https://graceframe.com/frontend/images/cutie/banner-mobile-bg.png) right bottom no-repeat; height: 430px;}
.cutie_banner_img:after{max-width: 360px; width: 100%; right: calc(50% - 180px);}
.motion_quilting_img:after{top: 32px;}
.cutie_slider{display: block; margin-top: 48px;}
.cutie_slider .width-50{width: 100%;}
.cutie_left_text{margin: 0 auto;}
.cutie_left{max-width: 100%; text-align: center; padding: 0 16px;}
.cutie_left_text .heading-h2:after{margin: 16px auto;}
.cutie_right{margin-top: 16px;}
}

@media (max-width : 800px) {
.header .search{margin-left: 50px;}
.sport_slider{max-width: 660px;}
.sport_slider.owl-carousel .owl-nav .owl-next{right: -44px !important;}
.sport_slider.owl-carousel .owl-nav .owl-prev{left: -44px !important;}
.grace_workshop_dis{display: block;}
.grace_workshop_left{width: 100%; padding-right: 0;}
.grace_workshop_right{width: 100%;}
.workshop-description-box{padding-bottom: 24px;}
.btns-box-workshop{position: static; padding: 0;}
.btns-box-workshop .align-bottom{justify-content: space-between;}
.btns-box-workshop .align-bottom .col-md-6{width: 50%;}
.btns-box-workshop .align-bottom:first-child .col-md-6{padding-left: 0;}
.grace_workshop .btn{width: 100%;}
.grace-has-logo{margin: 0 auto 16px;}
.grace_workshop_right .thank-you-msg{padding-bottom: 0;}
}

/*
@media screen and (min-width: 200px) and (max-width: 991px) and (min-height: 200px) and (max-height: 412px) and (orientation: landscape) {

}
*/


@media (max-width : 767px) {
.wrap, .header .wrap, .product_title_sticky .wrap{padding: 0 16px;}
.m-mt-8{margin-top: 8px;}
.m-mt-12{margin-top: 12px;}
.m-mt-16{margin-top: 16px;}
.m-mt-24{margin-top: 24px;}
.m-p-24{padding: 24px;}
.m-p-16{padding: 16px;}
.m-d-block{display: block !important;}

.heading-h1, .heading{font-size: 24px; line-height: 32px;}
.ptb-80{padding-top: 48px; padding-bottom: 48px;}
.header.sticky, .header{position:sticky !important; top: 0; background: #fff; z-index: 9999;}
.header{border-bottom: 0;}
.header .search{display: none;}
.headerAccount li a div, .smallMenu a:after{display: none;}
.logo{width: 70px; padding: 7px 0; margin-top: 0 !important;}
.smallNav span{width: 36px; height: 36px; padding:9px 6px 6px;}
.main-menu{right: calc(-100% - 48px); top: 58px; width: 0; height: calc(100vh - 50px); padding-left: 0; padding-right: 0;}
.main-menu.showmenu{right: -16px; width: calc(100% + 32px); height: 100vh !important;}
.main-menu .navbar-nav{margin: 0 ; border-top: 1px solid #9d9d9d;}
.navbar-nav > li{padding: 0 16px;}
.navbar-nav li.dropdown > a{padding-right: 20px;}
.menu-arrow{top: 3px;}
.menuCartItem label{right: -1px; top: -2px;}
.header .headerAccount li span{display: block !important;}
.headerAccount li{margin-left: 16px;}
.headerAccount li a{padding: 9px 0 !important;}
.headerAccount li span{margin-bottom: 0;}
.headerAccount li span img{height: 36px;}
.navbar-nav > li span, .headerAccount li span{height: 36px;}
.headerAccount .dropdown-menu-right li a{ padding: 9px 12px !important;}
.header .search.fullSearch{display: block; position: relative; border-top: 1px solid #9d9d9d; padding: 12px 16px 16px; background: #fff; z-index: 999; width: 100%; margin: 0; float: none;}
.top-ribbon-bg.headerRibbon .dealerLink span{display: inline-block; padding: 0 4px 0;}
.top-ribbon-bg.headerRibbon .dealerLink{padding: 0 8px 0 0;}
.top-ribbon-bg.headerRibbon .dealerLink span{margin-right: 0;}
.top-ribbon-bg.headerRibbon .dealerLink svg{height: 24px !important;}
.top-ribbon-bg.headerRibbon .dealerLink span.top_phone, .top-ribbon-bg span{line-height: 16px;}
.top-ribbon-bg.headerRibbon .dealerLink a{font-size: 12px !important; line-height: normal !important;}
.top-ribbon-bg h4, .top-ribbon-bg a{font-size: 14px !important; line-height: normal !important; font-weight: 700 !important;}
.top-ribbon-bg.headerRibbon h4{display: none;}

.navbar-nav .dropdown-menu{width: calc(100% + 64px); margin: 0 -32px; padding: 0 32px 16px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 11px 8px 10px;}
.navbar-nav li.menu-label{margin: -1px -32px 0; width: calc(100% + 64px); padding: 4px 32px;}
.menuAddress{padding:0 16px 190px 16px;}
.menuAddress h4{margin-top: 12px; margin-bottom: 8px;}
.menuAddress .dealerLink{margin: 20px 0;}
.loginMenu .top-link-section{top: 54px;}
.loginMenu >  .rebranded-blue{color: #1B365D;}
.navbar-nav li.dropdown .dropdown-submenu:after{display: none;}
.navbar-nav li.dropdown .dropdown ul{background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.dropdown_box .menutitle_link:after{right: 22px;}
/*.header{border-bottom: 1px solid #9d9d9d;}*/

.footerTop{padding: 26px 0 16px;}
.footerTop .col-md-3{width: 100%;}	
.footerLogo{width: 125px;}
.footerCard{margin-top: 40px;}
.footerBottomLink{margin: 9px -6px 0;}
.footerBottomLink li, .footerBottomLink li:first-child{margin: 7px 6px;}

/* Start upsell popup */
.upsell .modal-header{font-size: 18px; padding: 12px 30px 12px 12px;}
.upsell .modal-header .close{height: 16px; width: 16px; background-size: cover; top: 8px; right: 8px;}
.upsell .modal-body{padding: 20px 16px;}
.upsell .title, .upsell .upsellPrice{font-size: 18px; line-height: normal;}
.upsellContent{text-align: center; margin-top: 14px;}
.upsell_left, .upsell_right{float: none; width: 100%;}
.upsell_right .title{text-align: center; margin-top: 16px;}
.upsellBtn{margin-top: 0;}
.upsellBtn a.btn, .upsellBtn button.btn{font-size: 15px; letter-spacing: 0;}
.purchaseContent{padding: 0;}
.purchaseUpsell{padding: 16px 16px 24px;}
.purchaseUpsell h2{font-size: 24px; line-height: normal; margin-bottom: 16px;}
.purchaseUpsell .specialOffer, .purchaseBox{margin-top: 24px;}
.purchaseBoxRight h3, .purchaseBoxRight .upsellPrice{font-size: 18px; line-height: 24px; margin-bottom: 8px;}
.purchaseUpsell .orderSummary{padding: 16px 12px;}
.purchaseUpsell .orderSummary label{padding: 16px 0 0;}
.purchaseUpsell .orderSummary label.orderTotal{margin: 16px 0 0; width: 100%; padding-bottom: 0;}
.orderSummary label, .purchaseUpsell .orderSummary .sub-heading, .purchaseUpsell .orderSummary label.orderTotal{font-size: 15px;}
.upsell-upgrade{padding: 8px 0;}
/* End upsell popup */
.graceEventMiddle{padding: 24px 0 32px;}
.graceEventMiddle h3, .graceEventFaq .container h2{font-size: 24px; line-height: 32px; font-weight: 600;}
.graceEventText{padding: 42px 16px;}
.graceEventText .heading-h1{font-size: 32px; margin-bottom: 8px;}
.graceEventText h3, .col-grace-text h3{margin-bottom: 8px; font-size: 20px; line-height: 27px; font-weight: 600;}
.graceEventFaq{padding: 32px 0;}
.accordionFaq .card-header a{padding: 12px 34px 12px 12px;}
.accordionFaq .card-header a span{top: 12px; right: 6px;}
.graceEventFaq .title{font-size: 16px; line-height: 24px; font-weight: 400;}
.warranty_info_top .btn_new{width: 100%;}
.warranty_info_top .heading-h2{font-size: 28px;}
.warranty_inf_btn{margin: 0;}
.warranty_inf_btn .btn_new{width: 100%; margin: 16px 0 0 0;}
.warranty_inf_btn .btn_new:first-child{margin-top: 0;}
.warranty_registration_top h2{margin-bottom: 8px;}
.warranty_registration_top .title, .warranty_registered_box .title, .warranty_confirmation_top .title, .warranty_anonther .title{font-size: 18px; line-height: 25px; font-weight: 400;}
.warranty_confirmation_top{padding: 24px 0;}
.warranty_confirmation_top .heading-h2{font-size: 24px; line-height: 32px; font-weight: 600; }
.warranty_registered_box{padding: 16px 12px;}
.warranty_registered_box .title{margin-bottom: 8px; padding-right: 24px;}
.warranty_close{right: 8px; top: 8px;}
.warranty_view span{margin:0 0 0 4px; float: right;}
.warranty_confirmation_top .title, .warranty_anonther .title{margin-bottom: 24px;}
.warranty_anonther{padding: 32px 0;}

.dashboard_box_profile{text-align: center; margin-bottom: 16px;}
.dashboard_box_user img{max-width: 56px !important;}
.dashboard_box_user h2{font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: 0;}
.tab_order_top{display: block;}
.order_top_date{margin-bottom: 8px;}
.tab_order_top_right{text-align: left; margin-top: 8px;}
.order_top_btn a{width: 100%;}
.tab_order_product{padding: 16px 0;}
.tab_order_product li{padding: 16px;}
.tab_order_product_left{display: block;}
.tab_order_product_text{padding-left: 128px;}
.tab_order_product_img{width: 114px;}
.newsletter_footer h2.mb-24, .newsletter_footer .title.mb-24{margin-bottom: 16px;}
.newsletter_footer .title{font-size: 16px; line-height: 24px; font-weight: 400; font-family: 'Open Sans', serif;}
.newsletter_footer form{display: block; margin:0;}
.newsletter_footer form .plr6{padding:0;}
.newsletter_footer .form-control{width: 100%; margin-bottom: 16px;}
.newsletter_footer .btn-primary{width: 100%;}
.offer_page .purchaseUpsell .orderSummary label{margin: 16px 0 0;}
.offer_page .purchaseUpsell .orderSummary label.orderTotal{width: 100%;}
.cutie_hbq{margin-top: 24px; display: block; text-align: center;}
.cutie_hbq_left{width: 100%; padding: 0;}
.cutie_hbq_right, .cutie_quote .btn, .cutie_miss .btn, .limited_sale_box .btn{width: 100%; margin-top: 24px;}
.cutie_hbq_right .heading-h3, .cutie_frame_left .title, .cutie_frame_shop_right .title, .limited_sale_box .title, .cutie_quote .sub-heading{font-size: 16px; line-height: 24px; font-family: 'IBM Plex Serif', serif; font-weight: 400; margin: 0 auto 24px;}
.cutie_hbq_right .btn{width: 100%;}
.cutie_quote{padding: 44px 16px 24px;}
.cutie_quote:before{left: 18px;}
.cutie_quote h3, .cutie_frame .heading-h3{font-size: 18px; line-height: 24px;}
.cutie_miss{margin: 48px 0 0;}
.cutie_miss ul{display: block;}
.cutie_miss li{padding: 32px 0 0; width: 100%;}
.cutie_miss li:first-child{padding-top: 0;}
.cutie_frame{margin-top: 48px; overflow-x: hidden;}
.cutie_frame:before{top: 40px; right: -100px;}
.cutie_frame_img, .cutie_frame_shop{display: block; text-align: center}
.cutie_frame_left, .cutie_frame_right{width: 100%;}
.cutie_frame_left .title{margin: 0;}
.cutie_frame .heading-h3{margin-top: 8px;}
.cutie_frame_right{margin-top: 48px;}
.cutie_frame_shop_left{width: 100%;}
.cutie_frame_shop_left a:after{height: 60px; width: 60px; margin-left: -30px; margin-top: -30px; background: url(https://graceframe.com/frontend/images/cutie/play-icon-mobile.svg) center center no-repeat}
.cutie_frame_shop_right{width: 100%; padding: 48px 0 0;}
.cutie_frame_shop_right .btn{width: 100%; margin: 0;}
.limited_sale_left{width: 47px; left: -8px;}
.limited_sale_right{width: 63px; right: -23px;}
.limited_sale_box .heading-h2:after, .limited_sale_box .title{margin-top: 16px; margin-bottom: 0;}
.limited_sale_box .heading-h3{font-size: 20px; line-height: 28px; font-weight:600; }
.limited_sale_box .heading-h1{margin-top: 8px; font-size: 48px; line-height: 66px;}
.cutie_quote h3{margin-bottom: 8px;}
.cutie_quote .sub-heading{margin-bottom: 16px;}
.cutie_quilting{display: block; text-align: center;}
.cutie_quote .btn{margin-top: 0;}
.cutie_quote .sub-heading.mt-16{margin-top: 0;}
.cutie_quilting .width-50, .motion_quilting .btn{width: 100%;}
.cutie_quilting_left{width: 100%; padding: 16px;}
.motion_quilting_img li{padding: 0 4px;}
.motion_quilting_img ul{width: calc(100% + 8px); margin: 0 -8px;}
.motion_quilting .heading-h3{font-size: 20px; line-height: 28px; font-weight: 600}
.motion_quilting_img{padding-bottom: 24px;}
.cutie_quilting_right .heading-h3:after{margin: 16px auto 0;}
.motion_quilting_img:after{background: rgba(119, 165, 217, 0.2) url(https://graceframe.com/frontend/images/cutie/footer-mobile-bg.png) 0 bottom no-repeat}
.page_breadcrumb{display: block;}
#page-title .breadcrumb{padding-left: 0 !important;}
.intercom-launcher-frame, .intercom-lightweight-app-launcher{right: 5px !important; bottom: 65px !important;}

.banner_search_bg{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-image: url(https://graceframe.com/frontend/images/new/banner-search-mobile-bg.jpg);}
.banner_search_bg h2{font-size: 24px; line-height: 30px; letter-spacing: 0;}
.shop_main{padding: 16px 0;}
.shop_sidebar{float: none; width: 100%;}
.sidebar_input{display: none;}
.shop_sidebar_btn{display: block;}
.shop_sidebar .title{font-size: 18px; line-height: 25px; font-weight: 400;}
.sidebar_sort{margin-top: 16px;}
.shop_content{float: none; width: 100%; margin-top: 24px;}
.shop_sidebar_popup{display: none; padding: 0 0 24px; position: fixed; left: 0; right: 0; bottom: 0; max-height: calc(100vh - 48px); background: #fff; z-index: 9999; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
.title_close{position: relative; padding-top: 12px; position: sticky; background: #fff; top: 0; z-index: 9999;}
.title_close a{position: absolute; right: 8px; top: 12px; background: #fff url("https://graceframe.com/frontend/images/new/icon/close-black.svg") center center no-repeat; height: 24px; width: 24px;}
.shop_sidebar_mobile.show .shop_sidebar_popup{display: block; overflow-x: auto;}
.title.title_close{font-weight: 600; padding-left: 16px;}
.sidebar_category .title, .sidebar_category li a, .sidebar_sort .title, .sidebar_sort li{padding-left: 16px; padding-right: 16px;}
.sidebar_sort li.radioBox .checkmark{left: 16px;}
.sidebar_category li.dropDown > a:after{right: 16px;}
body.side_open{position: fixed;}
body.side_open .side_list_popup, .shop_sidebar_mobile.show .title.title_close{display: block;}
.body.side_open .header.sticky, body.side_open .header{z-index: 9998;}
.sidebar_category{margin-top: 12px;}
.grace_workshop{padding: 24px 16px; margin: 32px 16px;}
.grace_workshop h1{font-size: 30px;}
.grace_workshop_list{display: block;}
.grace_workshop_list li{width: 100%;}
.grace_workshop_list li .checkBox{ height: auto; padding: 16px 8px 16px 16px;}
.grace_workshop_list li h4{font-size: 16px; line-height: 20px; margin-bottom: 4px;}

/*.modal_bottom{bottom: -100%;}
.modal_bottom.fade.in{bottom: -10px; top: auto;}*/
.modal_bottom.modal:before{display: none;}
.modal_bottom .modal-dialog.modalPopup{width: calc(100% - 1px) !important; margin: 0;}
.modal_bottom .modal-dialog{top: 100%; -moz-transform: translate(0,-100%); -webkit-transform: translate(0,-100%); transform: translate(0,-100%);}
.modal_bottom.fade.in .modal-dialog{ -moz-transform: translate(0,-100%); -webkit-transform: translate(0,-100%); transform: translate(0,-100%);}

iframe body .top-ribbon-bg.headerRibbon, .comparePopup .header, .comparePopup #footer{display: none !important;}
.see{display: none;}
.cutie_slider .cutie_left .owl-carousel .owl-stage-outer .item{width: 120%; margin-left: -10%;}
.machine_compare{overflow: visible !important;}
.banner_search_input {display: block;}
.promotionPopupModal .componetText, .promotionPopupModal .grace-component .wrap{padding: 0 !important;}
.product-pre-order{font-size: 16px; margin-bottom: 4px;}
.instructions .toggle .togglec img{display: block; margin: 0 auto;}
.instructions .pdf-download{padding-left: 0;}
.instructions .toggle.toggle-border .togglet, .instructions  .toggle.toggle-border .toggleta{padding-left: 28px;}
.instructions .toggle.toggle-border .togglet i{left: 8px;}
.infusion-field input.form-control{width: 100%;}
.infusion-submit button.button{width: 100%; margin-left: 0; margin-right: 0;}
.frame-comparison .text-center{margin-top: 24px;}
.frame-comparison .text-center:first-child{margin-top: 0;}
.title_underline_left:after{margin-left: 0 !important;}
.card_collection_text.mx-5{margin: 0 !important;}
.teblet-plr-16, .teblet-plr-32{padding-left: 0; padding-right: 0;}
.mobile-mb-0{margin-bottom: 0 !important;}
.mobile-mt-0{margin-top: 0 !important;}
.mobile-mb-16{margin-bottom: 16px !important;}
.mobile-mtb-12{margin-top: 12px !important; margin-bottom: 12px !important;}
.mobile-p-0{padding: 0 !important;}
.plastic-gallery-box li img{height: auto;}
.m-dis-block{display: block;}
.m-dis-block .white_card_2{margin-top: 16px;}
.m-pt0-pb-16{padding-top: 0 !important; padding-bottom: 16px !important;}
.evolve_my_quilt .image_card_collection ul li{text-align: center;}
.scrolling-img{display: none;}
.mobile-btn-100 .btn{width: 100%; margin: 8px 0 0 0 !important;}
.dealer_cer img{max-width: 70px;}
.colDLeft{float: none;}
.colDRight{float: none; margin-top: 0}
.newsletter_footer .needsclick{display: block !important;}
.newsletter_footer .needsclick input{width: 100%;}
}


@media (max-width: 500px) and (min-width: 0px) {
.btns-box-workshop { position: unset; margin-top: 12px;}
.grace_workshop_right .thank-you-msg { position: unset; transform: none; margin-top: 40px; }
.btns-box-workshop .align-bottom{flex-direction: column;}
.btns-box-workshop .align-bottom .col-md-6{width: 100%;}
}

@media (max-width : 460px) {

}

@media (max-width : 420px) {
.loginMenu .top-link-section{left: 0; margin-left: -140px;}
}

@media (max-width : 370px) {
.warranty_view span{margin:4px 0 0 0; float: none; display: block;}
}
@media (min-width: 767px) {
  .banner_search_input {display: none;}
}

@media screen and (min-width: 1480px) and (max-width: 1520px){
}

@media (max-height : 850px) {
.dropdown_box{padding-top:8px; padding-bottom: 8px;}
.dropdownRight img, .dropdownLeft img{max-height:150px; object-fit: cover;}
.navbar-nav li .dropdown-menu .dropdownRight .submenu_btn, .navbar-nav li .sub_menu .mt-16{margin-top: 8px;}
.navbar-nav li .dropdown-menu .dropdownLeft .submenu_btn, .navbar-nav li .sub_menu .mt-16{margin-top: 8px;}

}

@media (max-height : 760px) {
.dropdownRight img, .dropdownLeft img{max-height:130px;}
.navbar-nav li .dropdown-menu li a{padding-top: 6px; padding-bottom: 6px; font-size: 14px; line-height: normal;}
}

@media (max-height : 650px) {
.dropdown_box h3{font-size: 16px; margin-bottom: 0;}
.navbar-nav li .dropdown-menu .submenu_btn a, .navbar-nav li .dropdown-menu li a{font-size: 12px;}
.navbar-nav li .dropdown-menu li a{padding-top: 5px; padding-bottom: 5px;}
}