#container-tab { float:left; width:1200px; background:#FFF; margin:15px 0 10px 0;}

ul#filter { font-family:Arial, Helvetica, sans-serif; padding:0 0 35px 35px; font-size:14px; list-style:none; width:1000px;}
ul#filter li { float:left; border-right:1px solid #dedede; float:left;}
ul#filter li:last-child { border-right:none; margin-right:0; padding-right:0; }
ul#filter a {font-family:Arial, Helvetica, sans-serif; color: #999; text-decoration:none; padding:0 10px;}
ul#filter li.current a, ul#filter a:hover { color:#666;}
ul#filter li.current a { color:#000; background:url(../images/bullet-down.jpg) bottom center no-repeat; padding-bottom:7px;}

#portfolio {
  column-count: 4;
  column-gap: 20px;
  padding: 0;
  margin: 30px 0 0 0;
}

#portfolio li {
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
  box-sizing: border-box;
}

#portfolio li img {
  width: 100%;
  height: auto;
  display: block;
}

#portfolio li p {
  font-size: 14px;
  color: #333;
  padding: 10px;
  margin: 0;
  text-align: center;
}

@media (max-width: 1024px) {
  #portfolio {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  #portfolio {
    column-count: 2;
  }
}

@media (max-width: 480px) {
  #portfolio {
    column-count: 1;
  }
}

.portfolio-detail-layout-1 { float:left; width:898px; background:#FFF; padding:10px 5px;}
.detail-layout-case{ float:left; width:691px; min-height:600px; background:#FFF; padding:10px 5px;}
.detail-layout-case h4 { clear:both; padding:0 0 10px 0; margin-bottom:10px; color:#e71d27;border-bottom:#e5e5e5 1px solid;} 
.detail-layout-case p{ float:left;}
.portfolio-brand { float:left; width:100%; background:url(../images/shadow-2.png) no-repeat top center; padding:60px 0 40px 0;}
.portfolio-brand-three { float:left; background:url(../images/three-brand.png) no-repeat left top; width:320px; padding:0 0 60px 400px;}
.portfolio-panel-left-1 { float:left; width:675px;}
.portfolio-panel-right-1 { float:left; width:200px;}
.portfolio-status { font-size:15px; float:left; font-weight:bold;}
.portfolio-status span { color:#e71d27; font-weight:bold;}
.portfolio-status-btn { float:left; width:100%; padding:10px 0;}
.portfolio-status-btn a { float:left; width:109px; height:35px; margin-right:15px; text-decoration:none;}
.portfolio-status-btn a strong { color:#FFF; float:left; padding:11px 0 0 16px; cursor:pointer; font-weight:bold;}
.portfolio-status-btn a.visit-website { float:left; background:url(../images/gray-btn-bg.jpg) no-repeat 0 0;}
.portfolio-thum-logo { float:left; width:200px; border:#efefef 1px solid; background:url(../images/thum-bottom-bg.jpg) bottom repeat-x; margin-bottom:10px;}
.portfolio-thum-logo img { float:left; padding:0 0 20px 0;}
.portfolio-thum-logo p { float:left; color:#FFF; padding:0 0 5px 10px;}
.portfolio-sub-navigation-2 { float:left; width:190px; background:url(../images/sub-navigation-2-bg.jpg) repeat-x top left; border:#e5e5e5 1px solid; padding:8px 0 0 10px; margin-bottom:10px;}
.portfolio-sub-navigation-heading1{ font-size:14px; color:#FFF; font-weight:bold;}
.portfolio-sub-navigation-2 ul { float:left; padding:10px 0 0 0;}
.portfolio-sub-navigation-2 ul li { float:left; width:175px; background:url(../images/arrow-4.jpg) 0px 10px no-repeat; padding:5px 0 5px 15px;}
.portfolio-sub-navigation-2 ul li a { color:#666;}
.portfolio-about-client { float:left; width:635px; padding:0 0 0 15px;}
.portfolio-heading1 { font-size:18px;clear:both; padding:0 0 5px 0; margin-bottom:10px; color:#e71d27;border-bottom:#e5e5e5 1px solid;} 
.portfolio-about-client p { float:left; padding:0 0 5px;}

.portfolio-more{width:100%;float:left;}
.portfolio-more h3{float:left; width:100%;font-size:20px;margin:2% 0;}

.main-panal-inner{width:100%;float:left;}
.inner-detail-section{width:100%;float:left; margin:2% 0;}
.inner-section-inner {
  width: 100%;
  margin-bottom: 2%;
  display: flex;
  gap: 30px;
  flex-wrap: wrap; /* recommended for better responsiveness */
}

.inner-detail-left{width:70%;float:left;background:#fff;}
.inner-detail-right{width:27.5%;float:right;background:#fff;}
.box-full{margin-bottom:20px;float:left;}
.box-full-border{border:1px solid #ddd;margin-bottom:20px;}
.box-full ul, .box-full-border ul{width:80%;margin-left:10%;margin-bottom:15px;}
.box-full ul li, .box-full-border ul li{list-style-type:square;color:#515050;font-size:14px;padding:5px 0;}
.page-info-panal{width:100%;float:left;border-bottom:1px solid #666;float:left;}
.page-info-panal .title{float:left;width:100%;margin:2% 0;padding:0;}
.page-info-panal .title-name{float:left;background:url(../images/arrow-3.jpg) no-repeat right 3px;padding-right:25px;padding-bottom:0;color:#555555;font-size:24px;text-transform:uppercase;}
.page-info-panal .bread-crumb{float:right;width:auto;}
.page-info-panal .bread-crumb ul{float:right;}
.page-info-panal .bread-crumb ul li{color:#555;float:left;background:url(../images/bread-crumb-arrow.jpg) no-repeat right 10px;padding-right:10px;margin-right:5px;line-height:25px;}
.page-info-panal .bread-crumb ul li a{color:#555;}
.page-info-panal .bread-crumb ul li a:hover{text-decoration:underline;}
.page-info-panal .bread-crumb ul li span{color:#e71d27;font-weight:bold;}
.portfolio-detail-page .client-info{margin-bottom:5px;}
.portfolio-detail-page .product-details{width:100%;margin-bottom:20px;}
.portfolio-detail-page .product-details li img{border:1px solid #ddd; width:100%;}
.portfolio-detail-page .product-details .owl-controls{margin-top:10px;}
.portfolio-detail-page .inner-detail-right .portfolio-thumb{width:98%;text-align:center;padding:2% 1%;}
.portfolio-detail-page .inner-detail-right .portfolio-thumb img{max-width:100%;}
.portfolio-detail-page .inner-detail-right h2{background:#EA0000;color:#fff;padding:10px 0;text-align:center;}
.portfolio-detail-page .inner-detail-right h3{background:#313538;color:#fff;padding:5px 0;text-align:center;margin-bottom:15px;}
.portfolio-detail-page .inner-detail-right ul{width:80%;margin-left:10%;margin-bottom:15px;}
.portfolio-detail-page .inner-detail-right ul li{list-style-type:square;padding-left:0px;color:#515050;font-size:14px;padding:5px 0;}
.portfolio-detail-page .inner-detail-right h4{color:#002B55;text-align:center;margin-bottom:5px;font-size:16px;}
.portfolio-detail-page .inner-detail-right h5{padding:5px 0;text-align:center;margin-bottom:15px;}
.portfolio-detail-page .inner-detail-right .view-details{float:left;padding:8px 0;width:100%;margin-bottom:10px;}
.portfolio-detail-page .inner-detail-right .view-details a{padding:0px;text-align:center;display:block;background:#EA0001;border-radius:5px;width:160px;margin:0 auto;color:#fff;padding:10px 0;}
.portfolio-detail-page .inner-detail-right .view-details a:hover{text-decoration:none;background:#313538;}
.portfolio-detail-page .inner-detail-right .status{color:#666;font-weight:bold;font-size:15px;text-align:center;}
.portfolio-detail-page .inner-detail-right .status span{color:#e71d27;font-weight:bold;font-size:15px;}