.portfolio-page  {margin-top: 40px;}
.top_content {margin-bottom: 40px; }
.top_content h1 { width: 100%; float: left; text-align: center; padding-bottom: 10px; font-size: 30px; color: #0061bc; font-family: 'Roboto',sans-serif; font-weight: 700; background: url(https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/images/Heading_bottom_line.png) no-repeat center bottom; margin-bottom: 20px; line-height: 35px; text-transform: uppercase; }
.portfolio-tab nav{background-color:transparent;}
.portfolio-tab .nav-tabs{border: 0;margin: 0 auto 40px;float: none;width: 910px;}
.portfolio-tab .nav-tabs .nav-link{border: 0;border-radius: 0;text-align: center;padding: 7px 15px;width: 170px;text-transform: uppercase;font-size: 18px;background-color: #0061bc;color: #fff;margin-right: 15px;font-weight: 500;}
.portfolio-tab .nav-tabs .nav-link:last-child{margin: 0;}
.portfolio-tab .nav-tabs .nav-link.active{color: #fde428;}
.portfolio{padding: 40px 15px 15px;background-color: #eaeaea;margin-bottom: 15px;}
.portfolio .portfolio-img{text-align: center;margin-bottom: 30px;}
.portfolio .portfolio-img img{width: 100%;}
.portfolio-info{height: 84px;}
.portfolio-info span{float: left;width: 100%;text-align: center;font-size: 18px;color: #0061bc;font-weight: bold;text-transform: uppercase;}
.portfolio-info > :nth-child(2) {float: left; width: 100%;text-align: center; color: #9f9f9f; font-size: 18px; font-weight: 500; text-transform: uppercase;margin: 0;}
.portfolio-tab .tab-content>.tab-pane .col-lg-3{padding-left: 0}
.more-btn{margin: 25px 0 40px;text-align: center;}
.more-btn a{padding: 10px 30px;background-color: #0061bc;color: #fff;font-size: 18px;text-transform: uppercase;text-decoration: none;border: 1px solid transparent;}
.more-btn a:hover{color: #fde428; transition: 0.3s; border: 1px solid #fde428;}

.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
background-image: url(https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/img/sprite.svg);
}
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
background-image: url(https://www.ybyboxes.com/wp-content/themes/ybyboxes-new/assets/images/sprite.png);
}
.fr-window-skin-fresco .fr-content-background, .fr-info-padder{background-color: #eaeaea;}
.fr-thumbnails-measured .fr-thumbnails-thumbs{display: none;}
.fr-ui-outside.fr-no-caption .fr-info{display: block !important;}
.fr-info .fr-caption {display: block !important;}
.portfolio-page .lightbox img{border:0!important;}

@media screen and (min-width:21px) and (max-width:991px) {
.portfolio-tab .nav-tabs{float: left;width: 100%;}
.portfolio-tab .nav-tabs .nav-link{width: 19%;margin-right: 5px;}
.portfolio-tab .tab-content>.tab-pane .col-lg-3{padding: 0 7px;}
}
@media screen and (min-width:21px) and (max-width:767px) {
.portfolio-tab .nav-tabs{float: left;width: 100%;}
.portfolio-tab .nav-tabs .nav-link{width: 31.33%;margin-right: 5px;}
.portfolio-tab .nav-tabs .nav-link:nth-child(4){margin-left: auto;margin-top: 10px;}
.portfolio-tab .nav-tabs .nav-link:nth-child(5){margin-right:auto;margin-top: 10px;}
}
@media screen and (min-width:21px) and (max-width:575px) {
.portfolio-tab .nav-tabs .nav-link:nth-child(4){margin-left: 0;margin-top:5px;}
.portfolio-tab .nav-tabs .nav-link:nth-child(5){margin-right:0;margin-top:5px;}
.portfolio-tab .nav-tabs .nav-link{width: 100%;margin-right: 0;margin-top:5px;}
.top_content{padding: 0;font-size: 14px;}
.top_content h1{font-size: 18px;}
}