/* project-box-size */

@media(min-width: 992px){
    .project-style-001 { min-height: 260px; }
}

/* end of  project-box-size */


/* project-modal-button */
.project-modal-button {
  position: relative;
  width: 360px !important;
  height: 300px !important;
}

.project-modal-button-001 {
  position: relative;
  width: 360px !important;
  height: 300px !important;
}

.sppb-btn-custom {
    width: 320px !IMPORTANT;
    float: left;
    top: 75px;
    font-size: 20px;
    position: absolute;
    height: 125px !important;
    vertical-align: bottom !important;
    text-align: left !IMPORTANT;
    margin: 0px 0px 0px 10px;
  	display: flex !important
}

.sppb-btn-link {
    width: 320px !IMPORTANT;
    float: left;
    top: 75px;
    font-size: 20px;
    position: absolute;
    height: 125px !important;
    vertical-align: bottom !important;
    text-align: left !IMPORTANT;
    margin: 0px 25px 0px 25px;
	color: white !important;
    background: unset !important;
    font-weight: normal !important;
    font-size: 20px !important;
  	display: flex !important
}

.project-modal-button.sppb-text-right {
    padding-right: 0px;
    margin: 0px;
    padding: 0px;
	width: 100px;}

.project-modal-button-001.sppb-text-right {
    padding-right: 0px;
    margin: 0px;
    padding: 0px;
	width: 100px;}


/*project list*/
.sppb-btn-custom::before {
    content: 'STRUCTURAL';
    position: absolute;
    color: #fff;
    top: 130px;
    left: 225px;
    font-size: 16px;
}

.sppb-btn-custom::after {
  content:'';
  position: absolute;
  background-color: white;
  width: 30%;
  height:2px;
  top: 140px;
  left: 120px;
}
.sppb-btn-link:before {
    content: 'WINDOWS & DOORS';
    position: absolute;
    color: #fff;
    top: 130px;
    left: 172px;
    font-size: 16px;
}

.sppb-btn-link:after {
  content:'';
  position: absolute;
  background-color: white;
  width: 17%;
  height:2px;
  top: 140px;
  left: 110px;
}

/*********** Width-1200px > 992px **************/

@media (min-width: 992px) and (max-width: 1200px){
.sppb-btn-custom {
    width: 250px !IMPORTANT;
    float: left;
    top: 75px;
    font-size: 20px;
    position: absolute;
    height: 125px !important;
    vertical-align: bottom !important;
    text-align: left !IMPORTANT;
    margin: 0px 0px 0px 10px;
}

.sppb-btn-link {
    width: 225px !IMPORTANT;
    float: left;
    top: 75px;
    font-size: 20px;
    position: absolute;
    height: 125px !important;
    vertical-align: bottom !important;
    text-align: left !IMPORTANT;
    margin: 0px 25px 0px 25px;
    color: white !important;
    background: unset !important;
    font-weight: normal !important;
    font-size: 20px !important;
}
  
.sppb-btn-custom::before {
    content: 'STRUCTURAL';
    position: absolute;
    color: #fff;
    top: 130px;
    left: 160px;
    font-size: 16px;
}

.sppb-btn-custom::after {
  content:'';
  position: absolute;
  background-color: white;
  width: 15%;
  height:2px;
  top: 140px;
  left: 100px;
}
.sppb-btn-link:before {
    content: 'WINDOWS & DOORS';
    position: absolute;
    color: #fff;
    top: 130px;
    left: 150px;
    font-size: 16px;
}

.sppb-btn-link:after {
  content:'';
  position: absolute;
  background-color: white;
  width: 15%;
  height:2px;
  top: 140px;
  left: 100px;
  }}

/*********** Width-991px **************/

@media(max-width: 991px){
.sppb-btn-custom {
    width: 275px !IMPORTANT;
    float: left;
    top: 75px;
    font-size: 20px;
    position: absolute;
    height: 125px !important;
    vertical-align: bottom !important;
    text-align: left !IMPORTANT;
    margin: 0px 0px 0px 10px;
}

.sppb-btn-link {
    width: 275px !IMPORTANT;
    float: left;
    top: 75px;
    font-size: 20px;
    position: absolute;
    height: 125px !important;
    vertical-align: bottom !important;
    text-align: left !IMPORTANT;
    margin: 0px 25px 0px 25px;
    color: white !important;
    background: unset !important;
    font-weight: normal !important;
    font-size: 20px !important;
}

.project-modal-button.sppb-text-right {
    padding-right: 0px;
    margin: 0px;
    padding: 0px;
	width: 100px;}

.project-modal-button-001.sppb-text-right {
    padding-right: 0px;
    margin: 0px;
    padding: 0px;
	width: 100px;}


.sppb-btn-custom::before {
    content: 'STRUCTURAL';
    position: absolute;
    color: #fff;
    top: 150px;
    left: 15px;
    font-size: 16px;
}

.sppb-btn-custom::after {
  content:'';
  position: absolute;
  background-color: white;
  width: 30%;
  height:2px;
  top: 125px;
  left: 15px;
}
.sppb-btn-link:before {
    content: 'WINDOWS & DOORS';
    position: absolute;
    color: #fff;
    top: 150px;
    left: 5px;
    font-size: 16px;
}

.sppb-btn-link:after {
  content:'';
  position: absolute;
  background-color: white;
  width: 30%;
  height:2px;
  top: 125px;
  left: 5px;
  }}

/***********hover**************/

.sppb-btn-custom:hover::before {
  	color: #008c3a;
}
.sppb-btn-custom:hover::after {
    background-color: #008c3a;
}

.sppb-btn-link:hover {
  	color: #008c3a !important;
}
.sppb-btn-link:hover::before {
  	color: #008c3a;
}
.sppb-btn-link:hover::after {
    background-color: #008c3a;
}
/*end of project list*/