.sd_intro{max-width: 1270px;margin:0 auto 63px;}
.sd_intro > img{margin-bottom: 55px;}
.sd_intro .sechead_lg{font-weight: 300;letter-spacing: 1.5px;}


.secwtbg{padding: 60px 0;}
.srv_tabs{display: flex;flex-wrap: wrap;padding: 18px 0 0;align-items: flex-start;}
.srv_tabs .tabs{list-style: none;text-align: left;font-size: 0;width: 375px;position: relative;z-index: 1;border:1px solid #d6d6d6;}
.srv_tabs .tab_container{width: calc(100% - 375px);padding-left: 70px;padding-top: 13px;}
.srv_tabs .tabtit{font-family: 'Oswald';font-size: 18px;letter-spacing: 0.4px;line-height: 22px;text-transform: capitalize;font-weight:300;text-align: left;position: relative;padding-left: 44px;}
.srv_tabs .tabtit img{position: absolute;left: 0;top: -3px;}
.srv_tabs .tabs li {display: block;cursor: pointer;position: relative;vertical-align: middle;color: #111111;background: #fff;padding:17px 22px;width: 100%;border-bottom: 1px solid #d6d6d6;}
.srv_tabs .tabs li:last-child{border-bottom: none;}
.srv_tabs  .tabs li.active {background: #00a651;color: #fff;border-bottom-color: #00a651;position: relative;}
.srv_tabs  .tabs li.active:after{content: '';position: absolute;right: -8px;width: 0px;height: 0px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #00a651;top: calc(50% - 9px);}
.srv_tabs  .tabs li.active .tabtit img{filter: brightness(0) invert(1);}
.tab_drawer_heading {display: none;}

.sdtitle{font-family: 'Oswald';font-weight:normal;font-size: 24px;line-height: 30px;color: #111111;text-transform: uppercase;letter-spacing: 0.4px;margin-bottom: 37px;}

.sdtitle{font-family: 'Oswald';font-weight:normal;font-size: 24px;line-height: 30px;color: #111111;text-transform: uppercase;letter-spacing: 0.4px;}
.sdtab_content .fr{margin: 0 0 20px 60px;}
.sdtab_content.ptag p{font-size: 16px;}

.gallerybar{padding: 70px 0;}
.galbar_content{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 57px;}
.galbar_txt p{font-size: 22px;line-height: 26px;color: #fff;letter-spacing: 0.4px;margin-bottom: 21px;}
.galbar_title{font-family: 'Oswald';font-weight: 600;font-size: 40px;line-height: 100%;letter-spacing: 0.8px;color: #fff;}
.galbar_txt{width: calc(100% - 357px);padding-right: 15px;}
.cta-button{width: 357px;}

.barintro{text-align: center;}
.barworks{padding-bottom: 70px;}
.barworks .sechead{margin-bottom: 7px;}
.barw_content{display: flex; align-items: center; }
.barw_txt{padding-left: 73px;padding-top: 65px;}
ol.barwlist{margin: 0;padding: 0;list-style-type: none;counter-reset: step-counter;border: 1px solid #d6d6d6;}
.barwlist li{counter-increment: step-counter;position: relative;padding-left: 35px;padding:25px 34px 25px 73px;line-height: 22px;
display: flex;flex-wrap: wrap;flex-direction: column;justify-content:center;}
.barwlist li:not(:last-child){border-bottom: 1px solid #d6d6d6;}
.barwlist li::before {content: counter(step-counter);padding: 0;border-radius: 3px;position: absolute;left: 27px;top:25px;font-weight: bold;background: url(../images/icon_orderbg.png) no-repeat;width: 26px;height: 26px;text-align: center;line-height: 26px;font-size: 18px;color: #fff;}
.barwlist li span{display: block;}


.product-div{margin-top: 30px;}
.product-div a{margin-right: 13px;margin-bottom: 10px;text-align: center;}
.srv_tabs .tab_container .dlist{margin-top: 20px;}
@media (hover: hover) and (pointer: fine) {	
	.galbar_title a:hover{color: #000;}
}
@media screen and (max-width:1700px){	
}
@media screen and (max-width:1600px){	
}
@media screen and (max-width:1500px){	
}
@media screen and (max-width:1400px){	
	.galbar_content{padding: 40px 30px;}
}
@media screen and (max-width:1300px){
	.sdtab_content .fr {margin: 0 0 20px 30px;}
	.srv_tabs .tab_container{padding-left: 40px;}
	
}
@media screen and (max-width:1200px){ 
	.galbar_txt{width: 100%;padding-right: 0;}
    .cta-button{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:1120px){ 
	.sdtab_content .fr{margin: 0 auto 20px;display: block;float: none;}
}
@media screen and (max-width:1024px){  
}
@media screen and (max-width:992px){ 
	.barw_txt {padding-left: 30px;}
	.sd_intro > img {margin-bottom: 30px;}
	.sd_intro{margin: 0 auto 40px;}
	.secwtbg,.gallerybar{padding: 40px 0;}
	.barworks {padding-bottom: 40px;}
	.sd_intro .sechead_lg{    font-size: 30px;margin-bottom: 10px;line-height: 38px;}
	.sdtitle{font-size: 20px;line-height: 26px}
	.barw_txt{padding-top: 40px;}
}
@media screen and (max-width:860px){
	.srv_tabs .tabs{display: none;}
	.srv_tabs .tab_container{padding: 0;width: 100%;}
	.srv_tabs .tab_drawer_heading{display: block;font-family: 'Oswald';font-size: 18px;letter-spacing: 0.4px;line-height: 22px;text-transform: capitalize;
    font-weight: 300;text-align: left;position: relative;background: #fff;padding: 10px 22px;width: 100%;border: 1px solid #d6d6d6;}
	.srv_tabs .tab_container .tab_content{padding: 17px 22px;}
	.srv_tabs .tab_drawer_heading.d_active{background: #00a651;color: #fff;border-bottom-color: #00a651;position: relative;}
	.galbar_txt{width: 100%;margin-bottom: 20px;}
	.galbar_content{flex-direction: column;align-items: flex-start;}
	.barw_content{flex-direction: column;}
	.barw_txt{padding: 0;}
}
@media screen and (max-width:768px){ 
}
@media screen and (max-width:700px){  
}
@media screen and (max-width:600px){ 
}
@media screen and (max-width:500px){ 
	.srv_tabs .tab_container .tab_content {padding: 17px 15px;}
	.galbar_content{align-items: center;}
	.galbar_txt{text-align: center;}
	.sd_intro > img {margin-bottom:20px;}
	.sd_intro{margin: 0 auto 30px;}
	.secwtbg,.gallerybar{padding: 30px 0;}
	.barworks {padding-bottom: 30px;}
	.sd_intro .sechead_lg{    font-size: 26px;line-height: 32px;}
	.srv_tabs{padding: 0;}
	.galbar_title{font-size: 32px;}
	.galbar_content {padding: 30px 15px;}
	.sd_intro .sechead_lg {font-size: 22px;line-height: 27px;}
	.sdtitle {font-size: 18px;line-height: 22px;}
    .cta-button{text-align: center;margin-top: 10px;}
    .cta-button a{margin-bottom: 5px;}
}
@media screen and (max-width:400px){ 
	.barwlist li{padding: 16px 16px 16px 50px;}
	.barwlist li::before{left: 10px;}
}
@media screen and (max-width:360px){   
	.galbar_title{font-size: 24px;}
}