.cwiw{
    width: 100%;
    clear: both;
    float: none;
    text-align: center;
}
.cwiw .row{
    margin-bottom: 10px;
}
.cwiw .row:before,
.cwiw .row:after{
    display: table;
    content: " ";
}
.cwiw a:hover{
    text-decoration: none;
}
.content-heading {
    margin-bottom: 4% !important;
    margin-top: 4% !important;
    text-align: center;
    font-weight: 700;
    font-size: 38px;
    line-height: 0;
    margin-bottom: 0rem;
   
   color: #000000;
}
.category_title{
  text-align: center;
    font-size: 30px;
     font-weight:600;
    line-height: 2;
    margin-bottom: 0rem;
   color: #000000 !important;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
 color:#fff;
  transform: translate(-50%, -50%);
line-height:1;
}
.heading-border {
    display: block;
    width: 80px;
    height: 3px;
    background: #f1cd8f;
    margin: auto;
}
.row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.brands-slider .owl-carousel .owl-item img {
    min-width: 100% !important;
}
.porto-icon-left-open-big:before {
    position: absolute;
    text-align: center;
    top: 30%;
    left: -30px;
    font-size: 38px;
    content: '\f80a';
    width: 40px;
    height: 40px;
    background-color: #f39662;
    border-radius: 100%;
    content: '\f80a';
    color: #fff;
}
.porto-icon-right-open-big:before {
    position: absolute;
    content: '\f809';
    top: 30%;
    right: -30px;
     width: 40px;
    height: 40px;
    background-color: #f39662;
    border-radius: 100%;
font-size: 38px;
    color: #fff;
}
@media only screen and (min-width: 992px) {
.brands-slider{
display:none;
}
}
@media only screen and (max-width: 991px) {
#accesories{
display:none;
}
}
  .box{
                            text-align: center;
                            box-shadow: 0 0 0px rgba(0,0,0,0);
                            overflow: hidden;
                            perspective: 300px;
                            position: relative;
                           
                               width: 100%;
                        }
                        .box:before{
                            content: "";
                            height: 100%;
                            background: rgba(0,0,0,0);
                            position: absolute;
                            top: -100%;
                            left: 0;
                            z-index: 0;
                            transition: all 0.3s ease 0s;
                        }
                        .box:hover:before{ top: 0; }
                        .box img{
                            width: 100%;
                            height: auto;
                            transform: scale(1);
                            transition: all 0.3s ease 0s;
                        }
                        .box:hover img{ transform: scale(1); }
                        .box .box-data{
                            width: 100%;
                            background: #000000;
                            position: absolute;
                            bottom: 5px;
                            left: 50%;
                            opacity: 0;
                            z-index: 1;
                         transform: translateX(-50%) translateY(100%);
                            transform-origin: bottom;
                            transition: all 0.8s ease 0s;
                        min-height:auto !important;
                        padding-bottom:3%;
                      }
.box:hover .box-data{
                            opacity: 0.8;
                            transform: translateX(-50%) rotateX(0deg);
                            
                        }
                        .box .title{
                            font-size: 30px;
                            font-weight:600;
                            color: #ffffff;
                            letter-spacing: 2px;
                            margin: 0 0 5px 0;
                          
                        }
                        .box .post{
                            display: inline-block;
                            font-size: 16px;
                            font-style: normal;
                             line-height: 1em;
                             margin: 6px 0 0;
                            color: #ffffff;
                            margin: 0 0 10px 0;
                            
                        }


            .btn1{
                            background-color:#ffffff;
                            color: #000000 !important;
                             padding:6px;
                            padding-left: 10px;
                            padding-right: 10px;
                            font-size:16px;
                        }
                 .btn1:hover{
                              color: #000000;
                              background-color: #ffffff;
                              border-color: #285e8e;
                            text-decoration: none;
                         }
 
 @media only screen and (max-width: 768px) {
.category_title{
display:none !important;
}
.content-heading {
    margin-bottom: 4% !important;
    margin-top: 4% !important;
    text-align: center;
    font-weight:400;
    font-size: 25px;
    line-height: 0;
    margin-bottom: 0rem;

   color: #000000;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
 color:#fff;
  transform: translate(-50%, -50%);
  line-height:0.5;
}
.heading-border {
    display: block;
    width: 80px;
    height: 3px;
    background: #f1cd8f;
    margin: auto;
}
.box .title{
                            font-size: 16px;
                            color: #ffffff;
                             font-weight:500;
                            letter-spacing: 2px;
                            margin: 0 0 5px 0;
                            font-weight: bold;
                          
                        }
}