.box-item:nth-child(odd) .item-image {
    float: right;
    text-align:right;
    /*padding-left:30px;*/
}
.box-item:nth-child(even) .item-image {
    /*padding-right:30px;*/
}
.box-item:nth-child(even) .item-details {
    float: right;
    
}


.ctg-filters-container{
      float: none;
    margin: 0 auto;
    display: block;
       margin-right:-35px !important;
 }
 .ctg-filters-container ul{
       list-style:none;
       direction:ltr;
       text-align:center;
       padding:0;
    
 }
  .ctg-filters-container ul li{
     display: inline-block;
     padding:2px 8px;
 }
 .ctg-filters-container ul li:after{
     display: inline-block;
    content: "/";
    padding:3px 19px;
    /* color: rgba(0,0,0,0.9); */
    color: #333;
 }
 .ctg-filters-container ul li:last-child:after{
     display: none;
   
 }
 .ctg-filters-container ul li a {
    padding:4px 12px;
    /*border-radius:5px;*/
     text-decoration:none;
      cursor:pointer;
      color:#470026;
      font-size:13px;
      font-weight:400;
      font-style: normal;
	  font-variant: normal;
      /*color:#fff;*/
     font-family:"Sansita One";
     position:relative;
 }
 .ctg-filters-container ul li a:before {
     content: " ";
    position: absolute;
    top: 0;
    left: -3px;
    height: 0;
    border-right: 1px solid #470026;
    transition: height .5s ease-in;
 }
 .ctg-filters-container ul li a:after {
   content: " ";
    position: absolute;
    bottom: -3px;
    right: 0;
    width:0;
    border-bottom: 1px solid #470026;
    transition: all .5s ease-in;
 }
 .ctg-filters-container ul li a:hover , .ctg-filters-container ul li.active a{
     background-color:#d9d9d9;
     color:#470026;
     text-decoration:none;
 
    position:relative;
 }
 .ctg-filters-container ul li.active a:before, .ctg-filters-container ul li a:hover:before{
  
    height: 100%;
 }
 .ctg-filters-container ul li.active a:after, .ctg-filters-container ul li a:hover:after{
   width:100%; 
 }
 #portfolio{
     margin-top:40px;
     padding:0;
 }
 .list-holder{
     padding:0;
 }
 .box-item{
     background-color: #eee;
    float: left;
    position:relative;
    margin-top:20px;
    padding:20px;
 }
 .box-item:nth-child(even):after{
          content: " ";
    position: absolute;
    bottom: 0;
    left: -3px;
    height: 10%;
    /*border-right: 2px solid #470026;*/
    transition: height .5s ease-in;
    
 }
  .box-item:nth-child(even):before{
          content: " ";
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 10%;
    /*border-bottom: 2px solid #470026;*/
    transition: height .5s ease-in;
 }
 .box-item:nth-child(odd):after{
          content: " ";
    position: absolute;
    bottom: 0;
    right: -3px;
    height: 10%;
    /*border-right: 2px solid #470026;*/
    transition: height .5s ease-in;
 }
  .box-item:nth-child(odd):before{
          content: " ";
    position: absolute;
    bottom: -3px;
    right: 0px;
    width: 10%;
    /*border-bottom: 2px solid #470026;*/
    transition: height .5s ease-in;
 }
 
 .item-image {
    /*float:right;*/
    margin: 10px 0px;

  
}

    .item-image img {
      width:100%;
        max-width: 100%;
        border:2px solid #e1e6ea;
    }

.box-item .item-details {
    position: relative;
}

    .box-item .item-details .item-title {
        padding: 0;
        margin-bottom: 20px;
        height:50px;
    }

        .box-item .item-details .item-title h2 {
            font-size: 14px;
            font-family: "Sansita One";
            text-align:left;
            color: #470026;
            padding: 0;
            direction: ltr;
            margin-top: 22px;
            margin-bottom: 5px;
            float:left;
        }

.item-show-complete {
    margin-top: 16px;
    margin-bottom: 5px;
    direction: rtl;
    text-align: right;
    padding: 0;
    float:right;
}

    .item-show-complete i {
        margin-left: 5px;
        float: right;
        font-size: 18px;
        color: #470026;
    }
    #load-more{
        color:#470026;
    }
#load-more i {
    float: right;
    margin-left: 5px;
}

.item-info {
    float: left;
    text-align:left;
    direction:ltr;
    padding: 0px;
    margin-bottom: 20px;
}
    .item-info a:hover{
         color: #470026;
    }
    .item-info i {
        color: #470026;
        margin-right: 5px;
        /*float: left;*/
    }

.abs-text {
    float: none !important;
    margin: 0 auto;
    display: block;
  
    position: relative;

    padding: 0px !important;
    /* z-index: 20; */
    /* padding: 15px; */
    text-align: justify;
    direction: ltr;
    /* text-align-last: center; */
    font-size: 13px;
    position: relative;
 
    line-height:30px;
    /* background-color: #f8f8f8; */
}
.abs-text i{
    line-height:30px;
}
/* =========================================================================
                                    Responsive
   ========================================================================= */
@media (max-width:639px) {  
   
     .ctg-filters-container ul li{
         display:block;
         text-align:left;
        
     }
     .ctg-filters-container ul li:after{
     opacity:0;   
 }
    
}
@media (max-width:1023px) {  
   
      .item-show-complete {
       text-align:left;
       margin-bottom:20px;
        }
     #load-more i {
    float: left;
    margin-right: 5px;
   }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .box-item{
        padding:5px !important;
        }
    .item-title{
        height:auto !important;
    }
    .abs-text{
         height:auto;
        max-height:150px;
    }
    .portfolio-all-wrap .box-item:nth-child(odd) .item-image {
     padding-left:15px;
    }
     .portfolio-all-wrap .box-item:nth-child(odd) .item-image {
     padding-right:15px;
    }
  
    .related-item{
        margin-bottom:15px;
    }
    .related-item a img{
        margin:0 auto;
        display:block;
        float:none !important;
    }
   
}
#pgrPortfolio{
    margin-top:20px;
    float:right;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
   .box-item{
    padding:10px !important;
    }
    .item-title{
        height:auto !important;
    }
      .abs-text{
          height:auto;
        max-height:150px;
    }
    .portfolio-all-wrap .box-item:nth-child(odd) .item-image {
     padding-left:15px;
    }
     .portfolio-all-wrap .box-item:nth-child(odd) .item-image {
     padding-right:15px;
    }
   /*.item-show-complete {
       text-align:right;
        }
    #load-more i {
    float: right;
    margin-right: 5px;
   }*/
   
}