/*20-02-2023*/
.accessories_tabs{ position: relative; padding-top: 90px;}
.accessories_tabs .material_tabs{ position: sticky; top: 104px; z-index: 10; background-color: #fff; margin-bottom: 5px;}
.accessories_tabs .tab_list > li{ width: 12.5%; padding: 0 2px;}
.accessories_tabs .tab_list > li > a{ font-size: 14px; color: #000; line-height:18px; background-color: #f2efe6; height: 100%; font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 15px 10px;}
.accessories_tabs .tab_list > li > a span{ }
.accessories_tabs .tab_list > li > a.active, .accessories_tabs .tab_list > li > a:hover{ background-color: #def4ff;}
.accessories_block .inner_block{ display: flex; flex-wrap: wrap; padding: 50px 0;}
.accessories_block .inner_block .pic_block{ width: 33%;}
.accessories_block .inner_block .img_block{ padding: 10px; background-color: #dbdbdc;}
.accessories_block .inner_block .copy_block{ width: 67%; padding-right: 50px;}
.accessories_block .inner_block .copy_block h2{ color: #282828; font-size: 30px; padding-bottom: 10px;}
.accessories_block .inner_block .copy_block .list_1{ padding-bottom: 10px;}
.accessories_block .inner_block .copy_block .list_1 > li{ font-size: 20px; color: #000; font-family: 'AvenirNextCondensedDemiBold'; position: relative; padding: 0 0 10px 20px;}
.accessories_block .inner_block .copy_block .list_1 > li:before{ content: ''; position: absolute; left: 0; top: 10px; background-color: #0098da; width: 10px; height: 10px; border-radius: 100%;}
.accessories_block .inner_block .copy_block .list_1 > li:last-child{ padding-bottom: 0;}
.accessories_block .inner_block .copy_block .list_2{ padding-bottom: 10px; display: flex; flex-wrap: wrap;}
.accessories_block .inner_block .copy_block .list_2 > li{ font-size: 18px; color: #000; font-family: 'avenirnextmediumCn'; position: relative; padding: 0 10px 10px 20px; width: 50%;}
.accessories_block .inner_block .copy_block .list_2 > li:before{ content: ''; position: absolute; left: 0; top: 10px; background-color: #0098da; width: 10px; height: 10px; border-radius: 100%;}
.accessories_block .inner_block .copy_block .list_2 > li:last-child{ padding-bottom: 0;}
.accessories_block .inner_block .copy_block .list_full{}
.accessories_block .inner_block .copy_block .list_full > li{ width: 100%; padding: 0 0 10px 20px;}
.accessories_block .inner_block .copy_block p{ padding-bottom: 20px;}
.accessories_block .inner_block .copy_block h3{ color: #000; font-size: 24px; margin-bottom: 10px; font-family: 'AvenirNextCondensedDemiBold';}
.accessories_block .inner_block .copy_block h4{ position: relative; color: #000; font-size: 24px; margin-bottom: 20px;}
.accessories_block .inner_block .copy_block h4 span{ display: inline-block; background-color: #fff; padding-right: 15px; position: relative; z-index: 2;}
.accessories_block .inner_block .copy_block h4:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #0098da; z-index: 1;}
.accessories_block .inner_block .copy_block .offering_list{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.accessories_block .inner_block .copy_block .offering_list > li{ width: 50%; padding: 0 10px 20px;}
.accessories_block .inner_block .copy_block .offering_list > li .inner{ background-color: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.16); height: 100%; padding: 20px 10px; display: flex; flex-wrap: wrap; align-items: center;}
.accessories_block .inner_block .copy_block .offering_list > li .inner .icon_block{ width: 86px;}
.accessories_block .inner_block .copy_block .offering_list > li .inner .icon_block > img{ width: 100%;}
.accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block{ width: calc(100% - 86px); padding-left: 15px;}
.accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block h5{ font-size: 22px; color: #000; padding-bottom: 5px; font-family: 'AvenirNextCondensedDemiBold';}
.accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block p{ padding-bottom: 0;}
.accessories_block .blue-btn{ min-width: 190px; border-radius: 10px; border: 1px solid rgb(0, 152, 218); font-size: 18px; text-align: center; line-height: 48px; padding: 0 20px; z-index: 2;}
.accessories_block .blue-btn:hover{ background-color: #fff;}
.georgian_bar{ background-color: #f1f1f1;} 
.georgian_bar .inner_block .copy_block h4 span{ background-color: #f1f1f1;}
.rsbs_block{ background-color: #fff;}
.rsbs_block .inner_block .copy_block{ padding-left: 50px; order: 1;}
.rpbs_block{ background-color: #fff;}
.rpbs_block .inner_block .copy_block{ padding-left: 50px; order: 1;}
.rpbwbs_block{ background-color: #e5f4fb;}
.rpbwbs_block .inner_block .img_block{ background-color: #d0dee5;}
.rpbwbs_block .inner_block .copy_block h4 span{ background-color: #e5f4fb;}
.grill_blocks{ background-color: #f1f1f1;} 
.grill_blocks .inner_block .copy_block h4 span{ background-color: #f1f1f1;}
.asl_block{ background-color: #fff; box-shadow: 0 15px 15px rgba(0,0,0,.16); padding: 30px 20px;}
.accessories_block .inner_block .copy_block .asl_block h4{ margin-bottom: 0; padding-bottom: 10px;}
.asl_block h4:before{ display: none;}
.asl_block ul{ display: flex; flex-wrap: wrap;}
.asl_block ul > li{ font-family: 'avenirnextmediumCn'; width: 50%; padding: 0 10px 0 25px; font-size: 18px; line-height: 22px; position: relative;}
.asl_block ul > li:before{ content: "\f138"; font-family: 'FontAwesome'; color: #0098da; position: absolute; left: 0; top: 0;}
.asl_block ul > li ul{ padding-top: 10px;}
.asl_block ul > li ul > li{ width: 100%; padding-bottom: 10px; position: relative; padding-left: 20px;}
.asl_block ul > li ul > li:before{ content: ''; width: 10px; height: 10px; border-radius: 100%; background-color: #0098da; top: 7px;}
.asl_block ul > li ul > li:last-child{ padding-bottom: 0;}
.accessories_block .inner_block .copy_block .asl_block p{ font-size: 17px; padding: 15px 0 0;}
.table_head{ text-align: center; position: relative; margin-bottom: 30px;}
.table_head:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #b2b2b2; z-index: 1;}
.table_head p{ position: relative; z-index: 2; display: inline-block; background-color: #fff; padding: 0 15px; font-size: 18px;}
.table_head p span{ font-weight: 700; font-size: 20px; padding-right: 5px;}
.table_wrapper{ display: flex; flex-wrap: wrap; margin: 0 -15px; padding-bottom: 50px;}
.table_wrapper .table_block{ width: 50%; padding: 0 15px;}
.table_wrapper table{ width: 100%; border: 1px solid #b2b2b2; border-bottom: none;}
.table_wrapper table > thead > tr{ background-color: #e5f4fb;}
.table_wrapper table > thead > tr > th{ padding: 8px 15px; border-bottom: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; font-family: 'AvenirNextCondensedDemiBold'; font-weight: normal; font-size: 18px; text-align: center;}
.table_wrapper table > thead > tr > th:first-child{ border-left: none;}
.table_wrapper table > tbody > tr{}
.table_wrapper table > tbody > tr > td{ padding: 8px 15px; border-bottom: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; font-family: 'avenirnextmediumCn'; font-size: 18px; text-align: center;}
.table_wrapper table > tbody > tr > td:first-child{ border-left: none; text-align: left;}
.decorative_trims .inner_block .copy_block{ width: 100%; padding-right: 0;}
.decorative_trims .inner_block .copy_block .offering_list > li{ width: 33.33%;} 
.trims_slider{ border: 1px solid #0098da; border-radius: 10px; padding: 50px 30px; margin-top: 40px; position: relative;}
.trims_slider .blue-btn{ position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%);}
.handles .inner_block .copy_block{ width: 100%; padding-right: 0;}
.handles .hmd_carousel{ display: flex; padding: 0 0 30px; }
.handles .hmd_carousel .item{ padding: 15px}
.handles .hmd_carousel .inner{ background: #fff; width: 100%; border-radius: 4px;}
.handles .hmd_carousel .top{ padding: 0;}
.handles .hmd_carousel .bottom{padding: 10px 0 0; border-top:1px solid #0098da;}
.handles .hmd_carousel .image{width: 100%; text-align: center;}
.other_accessories{ background-color: #e5f4fb;}
.other_accessories .inner_block .copy_block{ width: 100%; padding-right: 0;}
.other_accessories .ewd_carousel{ display: flex; padding: 0 0 30px; }
.other_accessories .ewd_carousel .item{ padding: 15px}
.other_accessories .ewd_carousel .inner{ background: #fff; width: 100%; border-radius: 4px; box-shadow: 0px 0px 13px rgba(166, 166, 166, 0.20);}
.other_accessories .ewd_carousel .top{padding: 20px;}
.other_accessories .ewd_carousel .image{width: 100%; text-align: center;}
.other_accessories .ewd_carousel h6{text-transform: uppercase; color: #0d0d0d;font-family: 'avenirnextultralightcondensed'; font-weight: 600; padding-bottom: 20px;}
.other_accessories .hmd_carousel{ display: flex; padding: 0 0 30px; }
.other_accessories .hmd_carousel .item{ padding: 15px}
.other_accessories .hmd_carousel .inner{ background: #fff; width: 100%; border-radius: 4px; box-shadow: 0px 0px 13px rgba(166, 166, 166, 0.20);}
.other_accessories .hmd_carousel .top{ padding: 30px;}
.other_accessories .hmd_carousel .bottom{padding: 20px 20px 0; border-top:1px solid #0098da;}
.other_accessories .hmd_carousel .image{width: 100%; text-align: center;}
.accessories_accordion{ display: none;}
.accessories_accordion .card-header{ background-color: transparent; box-shadow: none; border: none; padding: 0;}
.accessories_accordion .card-header h3{ display: block; padding: 0;}
.accessories_accordion .card-header h3 a{ width: 100%; float: left; background-color: #0098da; color: #fff; font-size: 18px; text-transform: uppercase; position: relative; padding: 17px 40px 17px 15px; border-radius: 5px;} 
.accessories_accordion .card-header h3 a .fa{ position: absolute; right: 5px; top: 50%;  transform: translateY(-50%) rotate(180deg); width: 36px; height: 36px; border: 1px solid #fff; text-align: center; line-height: 34px; border-radius: 100%; font-size: 16px; transition: all 0.25s ease-in 0s;}
.accessories_accordion .card-header h3 a.collapsed .fa{ transform: translateY(-50%) rotate(0deg);}
.accessories_accordion .card{ background-color: transparent; border: none; border-radius: 0; padding: 0 15px 2px;}


@media only screen and (max-width: 1450px){
    /*22 02 2023*/
	.accessories_block .inner_block .copy_block h2{ font-size: 26px;}
    .accessories_tabs .tab_list > li > a{ font-size:14px; line-height:18px;}
	.accessories_block .inner_block .copy_block .list_1 > li{ font-size: 18px;}
	.accessories_block .inner_block .copy_block .list_1 > li::before{ top: 8px}
    .accessories_block .inner_block .copy_block p, .accessories_block .inner_block .copy_block .list_2 > li{ font-size:14px;}
	.accessories_block .inner_block .copy_block .list_2 > li::before{ top: 6px;}
    .accessories_block .inner_block .copy_block h4, .accessories_block .inner_block .copy_block h3, .accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block h5{ font-size:20px;}
	.asl_block ul > li{ font-size: 16px; line-height: 20px;}
	.asl_block ul > li ul > li{ font-size: 14px; line-height: 18px;}
	.asl_block ul > li ul > li::before{ top: 5px;}
	.accessories_block .inner_block .copy_block .asl_block p{ font-size: 14px;}
	.table_head p{ font-size: 14px;}
	.table_head p span{ font-size: 16px;}
	.table_wrapper table > thead > tr > th, .table_wrapper table > tbody > tr > td{ font-size: 14px;}
	.accessories_block .blue-btn{ font-size: 16px; min-width: 140px; line-height: 40px;}
	
  
}

@media only screen and (max-width: 1200px){

	/*22 02 2023*/
	.inner-banner .heading h1{ font-size: 40px;}
	.accessories_block .inner_block .copy_block .offering_list > li .inner{ padding: 10px 10px 10px 5px;}
	.accessories_block .inner_block .copy_block .offering_list > li .inner .icon_block{ width: 60px;}
	.accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block{ width: calc(100% - 60px)}
	.accessories_tabs{ padding-top: 20px;}
	.accessories_block .inner_block{ padding: 30px 0;}

}



@media only screen and (max-width: 992px){
/*22 02 2023*/
	.accessories_tabs .material_tabs{ display: none;}
	.rsbs_block .inner_block .copy_block{ order: 0;}
	.accessories_block .inner_block .copy_block{ width: 100%; padding-left: 0; padding-right: 0;}
	.accessories_block .inner_block .pic_block{ width: 100%; text-align: center; padding-bottom: 30px;}
	.accessories_block .inner_block .pic_block .img_block{ max-width: 320px; width: 100%; display: inline-block;}
	.decorative_trims .inner_block .copy_block .offering_list > li{ width: 50%;}
	.handles .hmd_carousel .item{ padding: 5px;}
	.other_accessories .owl-carousel .item{ padding: 5px;}
	.other_accessories .owl-carousel .inner{ box-shadow: 0px 0px 5px rgba(166, 166, 166, 0.20)}
	.accessories_tabs{ display: none;}
	.accessories_accordion{ display: block; padding-top: 20px;}
	
}

@media only screen and (max-width: 767px){
/*22 02 2023*/
	.accessories_block .inner_block .pic_block .img_block{ max-width: 220px;}
	.accessories_block .inner_block .copy_block .offering_list > li{ width: 100%; padding: 0 0 10px;}
	.accessories_block .inner_block .copy_block p{ margin-top: 0;}
	.accessories_block .inner_block .copy_block .offering_list{ margin: 0;}
	.accessories_block .inner_block .copy_block .offering_list > li .inner{ align-items: flex-start; box-shadow: 0 0 5px rgba(0,0,0,.16)}
	.accessories_block .inner_block .copy_block .offering_list > li .inner .icon_block{ width: 30px;}
	.accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block{ width: calc(100% - 30px);}
	.accessories_block .inner_block .copy_block .list_2 > li{ width: 100%;}
	.accessories_block .inner_block .copy_block h4, .accessories_block .inner_block .copy_block h3, .accessories_block .inner_block .copy_block .offering_list > li .inner .txt_block h5{ line-height: normal;}
	.asl_block ul > li{ width: 100%; padding-right: 0; padding-bottom: 15px;}
	.table_wrapper{ margin: 0;}
	.table_wrapper .table_block{ width: 100%; padding: 0 0 20px;}
	.accessories_block .inner_block .copy_block .list_2{ padding-bottom: 20px;}
	.table_wrapper table > thead > tr > th, .table_wrapper table > tbody > tr > td{ padding: 5px 8px;}
	.trims_slider{ padding: 15px 10px 40px;}
	.accessories_block .blue-btn{ padding: 0 15px;}
	
}