/*
Theme Name: ThietKeWeb
Theme URI: https://muatheme.com/san-pham/theme-wordpress-cong-ty-thiet-ke-website/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme by MuaTheme
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face{
    font-family:Baomoi;
    src:url(baomoi/baomoi-light-2.0.2.woff2) format("woff2"),url(baomoi/baomoi-light-2.0.2.woff) format("woff");
}
@font-face{
    font-family:Baomoi;
    src:url(baomoi/baomoi-light-italic-2.0.2.woff2) format("woff2"),url(baomoi/baomoi-light-italic-2.0.2.woff) format("woff");
    font-style:italic;
}
@font-face{
    font-family:Baomoi;
    src:url(baomoi/baomoi-regular-2.0.2.woff2) format("woff2"),url(baomoi/baomoi-regular-2.0.2.woff) format("woff");
    font-weight:700;
}
@font-face{
    font-family:Baomoi;
    src:url(baomoi/baomoi-regular-2.0.2.woff2) format("woff2"),url(baomoi/baomoi-regular-2.0.2.woff) format("woff");
    font-weight:700;
    font-style:italic;
}
.section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a, h2.tieu-de-portfolio, .portfolio-meta, .portfolio-meta h2, .col p, .tieu-de h2, .tieu-de h2 span, .portfolio-element-wrapper .filter-nav li a, .portfolio-meta-after, .portfolio-meta-after h2, .portfolio-meta-after ul li, .portfolio-meta-after ul li span
{
font-family: 'Baomoi' ;
	
}
.sidebar-menu ul li, .sidebar-menu ul li a,.nav-top-link
{
font-family: 'Baomoi' !important ;
	
}
.tieu-de h2, .tieu-de h2 span{
	
	font-weight:bold;
}
.portfolio-single-page{
    background-color: var(--primary-color);
    
}
.portfolio-top .page-wrapper{
    width: 76%;
    padding: 20px;
    background: white;
}
 .normal-title{
     background-color:rgba(0, 0, 0, 0);
    border-top: 0px solid #ececec;
     border-bottom: 0px solid #ececec;
}
 .normal-title .page-title-inner{
     padding-top: 30px;
    padding-bottom: 30px;
    width: 76%;
    padding-left: 0;
     padding-right: 0;
}
.portfolio-single-page .page-title-inner .pt-0 {
    color: white;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 25px;
}
.portfolio-single-page .breadcrumbs{
    font-size: 12px
}
.portfolio-single-page .breadcrumbs a{
    color: white
}
.portfolio-single-page .breadcrumbs .divider{
    color: white;
     font-weight: 500
}
.portfolio-single-page .portfolio-top{
    padding-bottom:30px
}
.portfolio-summary{
    width: 76%;
     padding-bottom: 30px;
    margin: 0 auto;
}
.portfolio-summary .row{
    margin: 0 auto;
     max-width: 100%
}
.portfolio-summary .row .col{
    padding-left:0;
     padding-right: 0;
     color:white
}
.portfolio-meta{
    padding: 10px;
    width: 430px;
    position: absolute;
    z-index: 10;
    background: white;
    top: -67px;
    right: 0px;
   
     font-size: 15px;
     color: black;
     box-shadow: 4px 4px 10px grey;
}
.portfolio-meta ul{
    margin-left: 20px;
     margin-bottom: 0
}
.portfolio-inner table tr th{
    text-transform:none;
     letter-spacing: 0;
     font-weight: 600;
     color: black
}
.portfolio-inner table{
    padding: 10px;
    background: whitesmoke;
}
.portfolio-lien-quan h4{
    margin-bottom: 20px;
     text-transform: none;
     color: black
}
#portfolio-content{
    padding-left:0;
     padding-right: 0
}
.portfolio-box .box-text{
    padding-left: 5px;
     padding-right: 5px;
     margin-top:-25px
}
.portfolio-box .box-text .box-text-inner h6{
    text-transform: none;
     font-size: 15px;
     color: white;
     font-weight: normal;
     box-shadow: 0px 0px 0px black
}
.portfolio-box .box-image:hover{
    background: rgba(0,0,0,0.5)
}
.portfolio-related .col{
    padding-left: 6px;
     padding-right: 6px;
     padding-bottom: 6px
}
.portfolio-box .image-cover img{
    object-fit: initial;
}
.portfolio-section .portfolio-element-wrapper .row, .du-an-da-lam .portfolio-element-wrapper .row{
    margin-left:0;
     margin-right: 0
}
.portfolio-element-wrapper > .row > .col > .col-inner{
	
	border-radius:0px !important;
}
.portfolio-section .portfolio-element-wrapper .row h6, .du-an-da-lam .portfolio-element-wrapper .row h6{
    color: black;
    letter-spacing: 0;
    font-weight: 600;
    text-align: left;
    font-size: 18px;
    padding-bottom: 5px;
}
.line{
    height: 1px;
     background: #6f6f6f
}
.portfolio-box .show-on-hover{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}
.portfolio-box .portfolio-box-title{
	
	height:45px;
	overflow-y:hidden;
}
.portfolio-box .tom-tat{
	
	height:90px;
	overflow-y:hidden;
}
.portfolio-box:hover .show-on-hover .ten-portfolio{
    margin-top: 75px
}
.show-on-hover .danh-muc{
    display: inline-block;
     color: #c5c5c5;
     margin-top: 0px;
    transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -webkit-transition: margin-top 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
}
.show-on-hover .portfolio-box-category{
    color: white;
     font-size:14px
}
.show-on-hover .danh-muc p{
    color: white;
    margin-bottom: 0;
}
.show-on-hover .danh-muc .portfolio-box-category span{
    font-size: 15px;
    color: white;
    font-weight: bold;
}
.show-on-hover .ten-portfolio{
    margin-top: 120px;
    margin-bottom: 10px;
     transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -webkit-transition: margin-top 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
}
.show-on-hover .ten-portfolio span{
    font-size: 18px;
    color: white;
    padding-bottom: 15px
}
.show-on-hover .readmore{
    color: white;
     text-align: right;
     padding-top: 6px;
     text-transform: uppercase;
    font-size: 14px
}
.portfolio-section .portfolio-box .box-text, .du-an-da-lam .portfolio-box .box-text{
    margin-top:-25px;
     text-align: left;
     padding-bottom:0
}
.portfolio-box .cat-top {
    display:none
}
.portfolio-related .show-on-hover, .portfolio-related .tom-tat{
    display:none
}
.portfolio-section .row .col, .du-an-da-lam .row .col{
    padding-bottom:0
}
 .product-category .box-category .box-text{
    padding-bottom: 5px
}
 .product-category .box-category .count {
    font-size: 13px;
    padding-top: 5px;
     color: gray;
     text-transform: none
}
.dich-vu-san-pham .row .col{
    padding-bottom: 0
}
.dich-vu-san-pham h3{
    margin-bottom: 0px
}
.dich-vu-san-pham .row .cot2{
    margin:0 auto
}
.dich-vu-san-pham .row .cot2 .row{
    margin-left: 0;
     margin-right: 0
}
.box-blog-post .is-divider{
    display: none
}
.tin-tuc .cot1 .post-item .box-text .post-title:hover{
    color: #c3c3c3;
     text-decoration: none
}
.tin-tuc .post-item .box-text .post-title{
    color: black
}
.tin-tuc .post-item .box-text .post-title:hover{
    text-decoration: underline
}
.tin-tuc .post-item {
    padding-bottom: 0
}
 .tin-tuc .cot1 .post-item .box-text{
    padding-bottom: 0
}
.tin-tuc .cot3{
    padding-left:0px;
     padding-bottom:0
}
.tin-tuc .cot3 p{
    margin-bottom:0
}
.tin-tuc .row .row1-cot1{
    margin: 0 auto;
}
.tin-tuc .portfolio-box .cat-top, .tin-tuc .portfolio-box .box-text{
    display: none
}
.tin-tuc .row .col .row .more, .tin-tuc .row .cot10 {
    padding-bottom:0
}
.tagcloud a{
    font-size: 16px !important;
    padding: 5px 9px;
     background: #e8e5e5;
     margin:5px;
    border-radius: 3px;
     border: 0px solid currentColor;
     color: black
}
.the-san-pham .widget-title, .widget .is-divider {
    display:none
}
.footer-block .row .col{
    padding-bottom:0
}
.footer-block a{
    color: black
}
.footer-block a:hover{
    color: gray;
     text-decoration: underline
}
ul li.bullet-arrow:before{
    color:black
}
 .absolute-footer{
    display:none
}
.back-to-top.is-outline{border-radius:0 !important;border-color:#E36724 !important}
.back-to-top.is-outline:hover {background-color:#E36724 !important}
.back-to-top.is-outline i{color:#E36724 !important}
.back-to-top.is-outline:hover i{color:#ffffff !important}


.blog-archive .row{
    background: white;
    max-width: 98%;
     margin: 0 auto
}
.blog-archive .row .large-9, .blog-archive .row .post-sidebar{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
}
.blog-archive .row .large-9 .row{
    margin: 0 auto;
     max-width:100%
}
span.widget-title{
     font-size: 1em;
     font-weight: 600;
    letter-spacing: 0;
    color: black;
}
.blog-wrapper, .blog-single{
  
   
}
.blog-single .row{
    background: white;
}
.is-divider{
    max-width:100%;
     height: 1px
}
.blog-single .large-9{
    padding-right: 15px
}
.blog-single .post-sidebar{
    padding-left: 15px
}
.button.icon.circle{
    border-radius: 0 !important;
    border: 1px solid #dadada;
}
.blog-single .article-inner .entry-image, .badge.post-date{
    display: none
}
.blog-single .article-inner .entry-content{
    padding-top: 0
}


 .nav-dropdown-default{
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 6px;
     margin-left: -20px;
     box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
     border: 0px solid #ddd;
     transition: margin-left 0.7s ease-in-out;
}
.menu-item-has-children:hover .nav-dropdown-default{
    margin-left: 10px
}
.tiet-kiem{
    width: 100%;
    margin: 0 auto;
    position: relative;
     text-align: center
}
.tiet-kiem .badge-container{
    text-align: center;
     margin: 0 auto;
    left: auto !important;
    position: relative !important;
    display: inline-block;
}
.tiet-kiem .badge{
    display: inline;
    text-align: center;
}
.tiet-kiem .badge .badge-inner{
    padding:10px;
     background: #f2f2f2
}
.tiet-kiem .onsale{
    font-size: 14px;
     color: gray;
     font-weight: normal
}
.breadcrumbs a{
    color: black
}
.product-small .col-inner:hover .tiet-kiem .onsale{
    color: white
}
 .sp-breadcrumb .col{
    padding-bottom:0
}
.tin-khuyen-mai{
    background: #f2f2f2;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px dashed #d26e4b;
     font-size: 14px
}
.portfolio-section .row .col .col-inner h3 span, .du-an-da-lam .row .col .col-inner h3 span{
    padding-left:10px
}
.tin-tuc .row .cot10{
    padding:0
}
.flickity-slider .portfolio-box .box-text .box-text-inner h6{
    color: black;
    text-align: left;
     font-weight: bold;
     letter-spacing: 0;
}
.portfolio-section .portfolio-box .show-on-hover .portfolio-meta{
    padding: 0px;
     padding-top:10px;
     width: 100%;
    position: initial;
    z-index: 10;
    background: none;
   
    right: 0px;
    border-radius: 0px;
    font-size: 14px;
    color: white;
}
 .portfolio-section .portfolio-box .show-on-hover .portfolio-meta ul{
    margin-left:0;
}
.header-block .header-block-block-2 .header-ads .col{
    padding:0
}
 .header-block .header-block-block-2 .header-ads{
    max-width:100%;
     margin:0
}
.portfolio-section .portfolio-element-wrapper .col .col-inner{
    background: white;
     padding: 8px;
     border-radius:4px;
     margin-bottom:20px
}
.du-an-da-lam .portfolio-element-wrapper .col .col-inner{
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    padding: 8px;
}
.du-an-da-lam .portfolio-element-wrapper .col .col-inner .show-on-hover{
    display:none
}
.du-an-da-lam .portfolio-element-wrapper .col .col-inner .tom-tat{
    display: none;
}
.du-an-da-lam .flickity-slider .portfolio-box .box-text .box-text-inner h6{
    font-size:16px
}
.header-nav-main .hotline-nav a, .header-nav-main .hotline-nav a:visited{
    background:white;
     line-height: 35px;
     padding: 0px 10px;
     font-size:17px;
     border-radius: 0px;
     color: var(--primary-color) !important;
     font-weight: bold;
	
	border:1px solid var(--primary-color);
}
.header-nav-main .hotline-nav a:hover{
    background: #21c521;
     color: white !important;
	border:none;
}
.dich-vu-san-pham .button.primary:not(.is-outline){
    background-color: rgba(0,0,0,0.3);
    font-weight: normal;
    line-height: 56px;
     letter-spacing:0
}
.dich-vu-san-pham .icon-box .icon-box-text h3{
    font-weight:normal;
     color: black
}
.dich-vu-san-pham .button{
    font-weight:normal;
     line-height: 50px
}
.nhan-xet-khach-hang .icon-box .icon-box-img img{
    border-radius:999px !important
}
.nhan-xet-khach-hang .row .col{
    margin-bottom:0;
     padding-bottom:0
}
.nhan-xet-khach-hang .icon-box .icon-box-text p{
    margin-bottom:4px
}
.doi-tac .row .col{
    margin-bottom:0;
     padding-bottom:0
}
.cam-ket .row .col{
    margin-bottom:0;
     padding-bottom:0
}
.cam-ket .row .col .button{
    margin-bottom:0;
     font-weight: normal;
     letter-spacing:0
}
.tin-tuc .cot3 .tinh-nang-vuot-troi{
    background: var(--primary-color);
    line-height: 45px;
     padding-left: 10px;
    color: white;
    font-size: 18px;
    
     margin-bottom:10px
}
.tin-tuc .cot3 .icon-box{
    margin-bottom:10px;
     padding-bottom:5px;
     border-bottom: 1px dashed #e6e6e6
}
.tin-tuc .cot3 .col-inner{
     border-left: 1px solid #e6e6e6;
     border-right: 1px solid #e6e6e6
}
.tin-tuc .cot3 .icon-box-left .icon-box-img+.icon-box-text{
    padding-left:5px
}
.tin-tuc .cot3 .icon-box{
    padding-left: 5px;
     padding-right:5px
}
.tieu-de{
    
    margin: 0 auto;
     background-position: inherit;
    padding-bottom: 30px;
	
}
.tieu-de h2 span{
	padding-bottom:10px;
	border-bottom:2px solid var(--primary-color);
	
}
.tieu-de.white_border h2 span{
	
	border-bottom:2px solid #ffffff;
	
}
 .tieu-de-2{
    
    background: var(--primary-color);
}
.tieu-de-2 h2{
     margin-bottom: 0;
    line-height: 45px;
    padding-left: 10px;
    font-size: 18px;
     display:inline-block;
	color:#ffffff;
}
.duong_dan_breadcrumb {
    display: block;
    margin-bottom: 10px;
}
.duong_dan_breadcrumb #crumbs {
    margin-bottom: 0;
}
.duong_dan_breadcrumb #crumbs li {
    color: gray;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
     list-style: none;
}
.duong_dan_breadcrumb li a {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    color: #288ad6;
    padding: 0 10px 0 0;
    padding-left: 5px;
     padding-right: 5px;
}
.duong_dan_breadcrumb span {
     display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 1;
     padding-right: 7px;
}
 .info-tieu-de {
    margin-top: 10px;
    font-size: 14px;
    color: #8a8a8a;
}
.meta-date-capnhat, .luot-xem {
    padding-right: 13px;
}
.info-tieu-de a {
     color: gray;
}
.post-meta-key{
    font-weight:bold
}
.post-meta .xem-demo{
    background: #0092ff;
    padding: 4px 10px;
    border-radius: 4px;
    color: white;
}
.post-meta .xem-demo:hover{
    background: #0076ce
}
 .post-meta .xem-web-khach{
    background: #6aab2c;
    padding: 4px 10px;
    border-radius: 4px;
    color: white;
}
.post-meta .xem-web-khach:hover{
    background: #4f8a16
}
.show-on-hover .post-meta li a{
    display:inline-block;
     display: block;
    text-align: center;
     margin-bottom: 10px;
}
.show-on-hover .post-meta .xem-web-khach, .show-on-hover .post-meta .xem-demo{
    line-height: 35px
}
.show-on-hover .post-meta li{
    margin-left:0;
     text-align: left;
     list-style:none
}
.show-on-hover .portfolio-meta .meta-key{
    font-weight:bold
}


.portfolio-section .portfolio-element-wrapper .row h6:hover{
    color: #0082e2
}
.portfolio-meta-itemc .buttons_action {
	width:100%;
	background:none !important;
	background-color:none !important;
}
.portfolio-box:hover .show-on-hover .portfolio-meta-itemc {
	background:none !important;
	background-color:none !important;
	
    
}
.portfolio-box:hover .show-on-hover .portfolio-meta-itemc .buttons_action  {

	top:calc(50%-20px) !important;
	
}
.portfolio-meta-itemc .buttons_action > a{
    color: white;
	height:40px !important;
	line-height:40px !important;
width:100%;
	  margin-bottom:4px;
	background-color:var(--primary-color);
	text-align:center;
	vertical-align:middle;
}


.show-on-hover a:hover{
    color: white
}
.portfolio-meta-itemc .buttons_action a.link-detail{
	
	background-color:#E36824;
}

.thong-tin-lien-he{
    width:100%;
     display:block
}
.thong-tin-lien-he .left{
    width:48%;
     float: left
}
.thong-tin-lien-he .right{
    width:48%;
     float: right;
     padding-left:10px
}
.thong-tin-lien-he .clearboth{
    clear:both
}
 .thong-tin-lien-he .left strong{
     font-size: 16px;
     font-weight:bold
}
.thong-tin-lien-he .left ul{
    margin-top:10px
}
.thong-tin-lien-he .left ul li{
    margin-left:17px;
     border-bottom: 1px dashed #e6e6e6;
     padding-bottom:4px
}
.thong-tin-lien-he .right input[type='email'],input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{
    margin-bottom:10px
}
#portfolio-content .portfolio-inner h2{
    margin-top:20px
}
 .section-body .cot4 .tieu-de, .folder-niem-tu-hao {
     height: 40px;
     background: #b70f1e;
     padding-left: 10px;
     color: white;
     padding-top: 9px;
     
}
.form-lien-he .tieu-de-form{
    font-size: 18px;
     font-weight: bold;
     color: white;
     padding-bottom: 10px;
}
.form-lien-he input[type='submit']:not(.is-form){
     margin-bottom: 0;
 
    background: var(--primary-color);
     margin-right: 0;
}
.form-lien-he {
    text-align: center;
    margin-top: 9px;
   
    background: #75b511;
    padding: 20px;
     padding-bottom:2px;
    margin-bottom: 20px;
}
#secondary .widget_custom_html{
    margin-bottom:0
}
 .section-body .cot4 .post-item{
    padding-bottom:5px
}
 .section-body .cot4 .sidebar-wrapper {
     background: #f6f6f6;
}
.post-sidebar .section-body{
    padding-left:0;
     padding-right:0px
}
.section-body .cot4 .tieu-de span{
    font-size:18px
}
.section-body .cot4 .sidebar-wrapper .widget_nav_menu {
     margin-left: 25px;
}
.section-body .cot4 .portfolio-sidebar .tieu-de {
    margin-bottom:15px
}
.section-body .cot4 .portfolio-sidebar .col{
    padding-bottom:0
}
.section-body .cot4 .portfolio-box .box-text .box-text-inner h6{
    color: black;
     letter-spacing:0;
     font-size: 15px;
     font-weight:bold
}
.section-body .cot4 .portfolio-meta, .section-body .cot4 .show-on-hover, .section-body .cot4 .tom-tat{
    display:none
}
 .section-body .cot4 .sidebar-wrapper .widget_nav_menu ul li {
     list-style: circle;
     color: green;
}
.section-body .cot4 .sidebar-wrapper .widget_nav_menu ul li a {
     font-size: 15px;
     color: #424242;
}
.portfolio-archive .page-wrapper{
    padding-top:0
}
.portfolio-archive .page-wrapper .mb-half{
    max-width: 100%;
    background: #ececec;
     margin-bottom: 20px;
     font-size: 18px
}
.portfolio-archive .page-wrapper .mb-half ul li a{
    padding-top: 20px;
     padding-bottom: 20px;
     padding-left: 10px;
     padding-right:10px
}

.portfolio-archive .portfolio-box .box-text .box-text-inner h6{
    color: black;
     letter-spacing: 0;
     font-size: 18px;
     font-weight: bold
}

.portfolio-box .box-text.text-center{
	
	margin-top:12px;
}
.portfolio-box:hover .show-on-hover{
	top: calc(50% - 100px);
}
.portfolio-archive .portfolio-box .box-text .box-text-inner{
    text-align: left
}
.portfolio-archive .portfolio-box .tom-tat{
	
	height:70px;
	overflow-y:hidden;
}
.portfolio-archive .portfolio-box:hover .show-on-hover{
	top:0px !important;
	border-radius:none;
background-color: rgba(0,0,0,0.6) !important;
	width:100%;
	height:100%;
	z-index:10;
	
}
.portfolio-archive .portfolio-box{
	border:1px solid #C7C7C7;
}


.portfolio-archive .portfolio-meta-itemc {
	
	position:absolute;
	
	height:100%;
	width:calc(100% - 20px);
	top: calc(50% - 40px);
	left:10px;
	color:#ffffff;
	background: none !important;
	z-index:1999;
}

.portfolio-box:hover .portfolio-meta-itemc div.buttons_action a{
	

	display:block !important;
	
}
.single-portfolio-select-button{
	
	width:100% !important;
max-width:100% !important;
padding:0px !important;
	background-color:#E36724;
}
.single-portfolio-demo-button{
width:100% !important;
max-width:100% !important;
padding:0px !important;
	background-color:var(--primary-color);
	margin-bottom:10px;
}
.single-portfolio-demo-button a, .single-portfolio-select-button a
{
margin:0px !important;
width:100% !important;
max-width:100% !important;
height:40px !important;
line-height:40px !important;
text-align:center;
color:#ffffff;

	display:block;
}

.single-portfolio-demo-button a.link-demo-btn:link, .single-portfolio-demo-button a.link-demo-btn:visited
{
color:#ffffff;
}

.portfolio-box .link-demo{
	margin-bottom:6px;
	display:block;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}