.material-section .main-head{padding:20px 0px 20px 10px;}
.material-section .sub-head{padding: 20px 10px;}
.material-section .main-head .title{color:#707070;text-align: left;}
.material-section .sub-head .title{color:#4b3527;font-weight: 800;text-transform:uppercase;}
.material-section .sub-head .title::after{content: '';position: relative;background-color: #4b3527;width: 200px;height: 1px;display: block;}
.material-section .sub-head .title::before{content: '';position: relative;background-color: #4b3527;width: 50px;height: 3px;display: block;transform:translateX(1px);bottom:-46px;transition:all 1s ease-in-out;}
.material-section .sub-head .title:hover::before{transform:translateX(1px);width:200px;}
.material-section .table-rates tr td{border: 1px solid #d4d4d4;padding:0px;width: 20%;}
.material-section .table-rates .item{padding: 20px 15px 20px 20px;}
.material-section .table-rates td:hover{background-image:url('../../../assets/images/1.png');position:relative;}
.material-section .table-rates td:hover .item{background: linear-gradient(to bottom,#752201f2 50%,#752201f2 50%);position:absolute;left:0;top:0;width:100%;height:100%;}
.material-section .table-rates td:hover .img{fill:#fff;}
.material-section .table-rates td:hover .name{color:#fff;}
.material-section .table-rates td:hover .desc{color:#fff;}
.material-section .table-rates td:hover .btn-material{color:#4b3527;background-color: #fff;}
.material-section .table-rates .item .name{font-weight: 800;text-transform: uppercase;color:#4b3527;padding:5px 0px;font-size: 24px!important;line-height: 23px;}
.material-section .table-rates .item .desc{color:#707070;padding:5px 0px;font-size: 14px;line-height: 16px;}
.material-section .table-rates .item .btn-material{border:1px solid #4b3527;padding: 7px;text-transform: uppercase;color: #9F7E69;border-radius: 0px;font-size: 14px;margin-top: 10px;}
.material-section .brands{padding-top: 25px;padding-bottom:25px;}
.material-section .main-head{color:#4B3527;font-weight: 800;text-transform: uppercase;padding:20px;}
.material-section .brands .main-head::before{content:'';display:block;position: relative;background-color: #4B3527;width:200px;height: 3px;float: none;margin:0 auto;transform:translateX(1px);transition:all 1s ease-in-out;bottom: -46px;}
.material-section .brands .main-head::after{content:'';position: relative;display:block;background-color: #4B3527;width:550px;height: 1px;float: none;margin:0 auto;}
.material-section .brands .main-head:hover::before{transform:translateX(1px);width:550px;}
.material-section .brands .brand-slider{padding-top:20px;padding-bottom:20px;}
.material-section .brands .brand-slider .brand-logo{float:none;margin:0 auto;border:2px solid #4B3527;}
@media only screen and (min-width: 1777px){
.material-section {padding-left:150px;padding-right:150px;}
}

@media only screen and (max-width: 1280px){
.material-section .main-head .title{font-size:34px;}
}