@media screen and (max-width: 782px){
.stru-heading-orgcat {
font-family: 'nexa-bold';
font-size: 20px;
color: #ff962d;
/*   margin-left:-32px;*/

}
.cardd img {
    height: 200px !important;
    width: 100% !important;
}
.explore{
margin-top: 41px !important;
font-size: 17px !important;
margin-left: -15px;
}
.design{
    color: white;
text-overflow: ellipsis;
height: auto !important;
overflow: hidden;
white-space: none;
padding-bottom: 10px;
}

}
.cardd {
    transform: scale(1) translateZ(0)!important;
    transition: all .2s;
    border-radius: 10px !important;
    overflow: hidden;
}
.cardd:hover{
    transform: scale(1.05) translateZ(0)!important;
    transition: all .2s;
    animation: glow 1s ease-in-out infinite alternate;
    box-shadow: 0 0 0px #000000, 0 0 0px #000000, 0 0 0px #ff5c35, 0 0 0px  #ff5c35, 0 0 30px  #ff5c35;
}
.cardd .img-hover{
    height: 300px;
    width: 100%;transform: scale(1.3);
}

.cardd:hover .img-hover {
    filter: brightness(100%);
    transform: scale(1);

}



.card-footer {
    padding: 0.75rem 1.25rem;
}

.readmore {
    padding: 0.75rem 1.25rem;
    font-family: 'montserrat-regular';
    font-size: 12px;
   color: #3598db
}

.readmore:hover {

    color: red;

}

h1 {
    color: white;
    font-family: 'nexa-bold';
    font-size: 24px;
    font-weight: 400;
    margin-top: 40px;


}

.container {
    margin-bottom: 0px;
}
.line{
position: absolute;
bottom: -8px;
left: 94px;
font-size: 12px;
}

.design{
    color: white;
text-overflow: ellipsis;
height: 73px;
overflow: hidden;
white-space: none;
/*  padding-bottom: 10px;*/
}
.explore{
    margin-top:45px;
     font-size:18px
}
.mob-veiw{
display:none;
}

@media screen and (max-width: 782px){
.mob-veiw{
display:unset;
}
.dt-veiw{
display: none;
}
.pagination{
display: inline-flex !important;
margin-bottom: 20px!important;
}
nav{
height: 15px !important;
}
}
.color-box1{
margin-top:-29px;
background: #ff5c35;
border-radius: 10px;

}
.img-text-dir{
color: black !important;
font-size: 15px !important;
}
.pagination>li>a, .pagination>li>span {
/* position: relative; */
float: left;
padding: 6px 20px;
margin-left: -1px;
line-height: 21px;
color: #337ab7;
text-decoration: none;
background-color: #fff;
/* border: 1px solid #ddd; */
}
.pagination{
/* float: right; */
display: table;
margin: auto;
margin-top: 20px;
}
.no{
height: 47px;
overflow: hidden;
}
/* .readmore:hover + .line {
color: red;
} */


.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36));
/* border-color: rgb(130, 2, 36); */
/* border-color:#FFF; */
border-color: #ff962d
}
.pagination li a {
background-color: #000040;
color: #FFF;
/* border-color:rgb(255, 255, 255); */
border-color: #ff962d

}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
/* background: linear-gradient(rgb(130 0 0), rgb(130, 2, 36)); */
background-color: #000040;
/* border-color:#FFF; */
border-color: #ff962d
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
z-index: 2;
color:#ff962d;
background-color: #000040;
border-color: #ff962d
}