End of Content.
#n_home .n-responsive-content img{
// max-width: none!important;
}
#n_home #main-content{
overflow: hidden;
}
.banner-btm-heading{
background: #57bbb6;
color: #fff;
text-transform: uppercase;
line-height: 1.5;
padding: 30px;
margin-bottom:30px;
letter-spacing: 2px;
text-align: center;
}
.saf-text-content{
font-size: 15px;
text-align: justify;
letter-spacing: 1px;
line-height: 2;
}
.card{
padding: 15px;
/* background-color: #f9fbfa;
border: none;
box-shadow: 0px 1px 4px 1px #cfcece;
border-radius: 10px;
flex-direction: none;
display: -webkit-box;
display: -ms-flexbox;*/
}
.card-panel{
/* position: relative;
display: -webkit-box;
display: -ms-flexbox;*/
/*display: flex;*/
/*-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #f9fbfa;
border: none;
box-shadow: 0px 1px 10px 1px #e1e1e1;
border-radius: 10px;
padding: 15px;*/
}
.home-left-image{
float: left;
}
.home-right-image{
float: right;
}
.home-right-text{
float: right;
}
.saf-card-icon>img{
/*width: 220px!important;*/
}
.card-home-box{
width: 280px;
display: grid;
height: 310px;
margin: 10px;
}
.card-home-box-two{
width: 50%;
display: grid;
margin: 10px;
}
.card-home-box-two-inner-box{
display: grid;
margin: 10px;
}
.saf-card-head h5{
height: 25px;
}
/**/
.popup-box {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.close{
color: #fff!important;
}
/* Modal Content */
.modal-content {
background:#57bbb6;
margin: auto;
padding: 50px;
border: 1px solid #888;
width: 50%;
color: #fff;
}
#readBtn{
border-radius: 15px 0 0 0;
background: #63c6c1;
border: none;
padding: 0 15px;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
}
#readBtn:focus{
outline: none;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.card-box-read-text{
font-size: 12px;
line-height:1.4;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
body
.modal-content {
padding: 10px;
width: 95%;
font-size: 12px;
}
}
Showing all 2 resultsSorted by price: high to low
Showing all 2 resultsSorted by price: high to low