.sd-clear-link{margin-left: 1rem;}
.sd-flex-form {display: flex;align-items: center; margin-left: -12px; margin-right: -12px;}
.sd-flex-form .form-group{flex: 1 0 30%; margin-bottom: 0; margin-left: 12px; margin-right: 12px;}
.sd-flex-form .button-wrapper{flex: 0 0 auto; margin-left: 12px; margin-right: 12px;}

.sd-abc-filter {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-abc-filter span+span{border-left:1px solid #e8e8e8;}
.sd-abc-filter span{width:100%;text-align:center; margin-bottom: 0.5rem; }
.sd-abc-filter a{color:inherit; display:inline-block; padding:0.25rem 0.5rem; text-decoration: none; cursor: pointer;}
.sd-abc-filter a:hover, .sd-abc-filter a:focus {color:#71be4c;}
.sd-abc-filter a.disabled{color:#acacac; cursor: default; text-decoration: none; }


.sd-inner-wrap{display:flex; justify-content:flex-start; flex-wrap:wrap; align-items: stretch; margin-left: -1rem; margin-right: -1rem; margin-bottom: -2rem;}
.sd-listing .sd-item{width:calc(100%/4 - 2rem); font-size:0.87rem; margin-left:1rem; margin-right:1rem; margin-bottom:2rem; overflow: hidden; background-color: #fff; outline:1px solid transparent; box-shadow:0 0 20px rgba(0,0,0,0.1); display: flex; flex-direction: column; transition: outline 0.4s ease, box-shadow 0.4s ease; -webkit-transition: outline 0.4s ease, box-shadow 0.4s ease;}
.sd-listing .sd-item .sd-content-block{border:1px solid #e0e1dc; background-color: #fff; margin-top: 0;  padding: 1.5rem; flex: 1 0 auto; transition: margin-top 0.4s ease, padding 0.4s ease;}

.sd-listing .sd-item .sd-item-title{margin-bottom:0.5rem;}

.sd-listing .sd-item:hover{outline:1px solid #71be4c; box-shadow:0 0 30px rgba(0,0,0,0.3);}

.sd-listing .sd-item .sd-image-block{flex: 0 0 auto;}
.sd-listing .sd-item .sd-image-block img{width:100%; transition:transform 0.3s ease;}

.sd-modal-body .sd-card{display: flex; align-items: stretch; justify-content: flex-start;}
.sd-modal-body .sd-card .sd-image-block{margin-right: 1.5rem; flex: 0 0 45%;}
.sd-modal-body .sd-card .sd-image-block img{width: 100%;}

.sd-modal-body .sd-card h3{margin-bottom:0rem;}
.sd-modal-body .sd-card .sd-link-block{display:flex; flex-direction: column; align-items: flex-start;}
.sd-modal-body .sd-card .sd-contact-link{margin-bottom: 0.5rem; display: inline-block;}
.sd-modal-body .sd-card .sd-contact-link:last-child{margin-bottom: 0;}
.sd-modal-body .sd-card .sd-contact-link:hover{color: #71be4c;}
.sd-modal-body .sd-card .sd-contact-link .fa{font-size: 1.25rem; margin-right: 1rem;}

.sd-modal-body{padding: 2rem;}
.sd-modal-body .close{top: 0.5rem; right: 0.5rem; position: absolute;}

.sd-modal-body .close{
    top: 0rem;
    right: -1.2rem;
    position: absolute;
    color: #fff;
    opacity: 1;
    text-shadow: none;
  }
.sd-modal-body .close:hover{color: #71be4c;}

.sd-scrool-block{height: 234px; overflow-y: scroll; margin-bottom: 3rem; width:100%;}
.sd-scrool-block:last-child{margin-bottom: 0}
.sd-scrool-block .textbox{padding-right: 15px; word-wrap: break-word; word-break: break-all;}
.sd-contact-body{flex-grow:1;}

.jspVerticalBar{right:0; width:5px;}
.jspTrack{background: #f7f7f8; width: 6px;}
.jspDrag{background: #e1e7eb; width: 6px;}
.jspContainer:focus,
.jspPane:focus,
.sd-scrool-block:focus {
  outline: none;
}

.sd-load-btn-block{text-align: center;}


@media (max-width: 991px){
  .sd-listing .sd-item{width:calc(33.33% - 2rem);}
}

@media (max-width: 767px) {
	.sd-listing .sd-item{width:calc(50% - 2rem);}
	.sd-flex-form {display: block;}
	.sd-flex-form .form-group{margin-bottom: 1.5rem;}

	.sd-modal-body .sd-card{display: block;}
	.sd-modal-body .sd-card .sd-image-block{margin-right: 0; margin-bottom: 1.5rem; flex: none;}

	.sd-modal-body{padding: 1.5rem;}
	.sd-modal-body .close{top: 0rem; right: 0.25rem;}

	.sd-abc-filter {flex-wrap: wrap;}
	.sd-abc-filter span{width: auto;}
	.sd-abc-filter a{padding: 0.25rem 1rem;}

	.sd-scrool-block{height: auto; overflow:auto;}
	.sd-scrool-block .textbox{padding-right: 0;}
	.sd-scrool-block .jspVerticalBar{opacity: 0;}
}

@media (max-width: 479px){
	.sd-listing > .sd-inner-wrap{ display:block; margin-left:0; margin-right:0;}
	.sd-listing .sd-item{width:auto; margin-left:0; margin-right:0;}

}