@media (min-width: 350px) and (max-width: 767px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        width: 100% !important;
    }
}
.challenges-list {

    /* list-style-image: url(/case-study/images/icons/cs-list-icon.png); */

    padding: 30px 50px;

    border: 20px solid #f3f1ee;

    list-style: none;

}



.challenges-list li,

.solution-list li {

    list-style: none;

    /* margin-bottom: 15px; */

    padding-left: 30px;

    position: relative;



    padding-bottom: 15px;

    padding-top: 15px;

}



.challenges-list li:not(:last-child),

.solution-list li:not(:last-child) {

    border-bottom: 1px solid #e4e4e5;

}



.challenges-list li::before {

    content: "";

    display: block;

    width: 17px;

    height: 17px;

    margin-top: 18px;

    background-image: url(/case-study/images/icons/cs-list-icon.png);

    position: absolute;

    left: 0;

    top: 0;

}



.case-study-title::after {

    content: "";

    display: block;

    width: 23px;

    height: 23px;

    margin-top: 50px;

    background-image: url(/case-study/images/home/active-arrow.png);

    background-repeat: no-repeat;

    position: absolute;

    right: -25px;

    top: 0;

    margin-left: 20px;

}



.inpage-section .col-md-6{

    padding-left: 0px;

}



.case-study-section {

    background-color: #ffffff;

    padding-top: 15px;

    padding-bottom: 15px;

    margin: 10px;

    padding-right: 30px;

    width: 48%;

    border-radius: 10px;

}



.case-study-section p {

    color: #565656;

    font-weight: 600;

    font-size: 14px;

    position: relative;

}

.body_content a {

    /* color: #a36803 !important; */

    text-decoration: none;

}

.inpage-section{

    margin-bottom: 30px;

}

.case-study-section:hover {

    /* border:1px solid #ffb650; */

    box-shadow: 1px 1px 5px 1px #ffb650;

}



.case-study-section:hover p {

    color: #ffb650;

}



#pagination {

    margin: 0;

    padding: 0;

    text-align: center

}



#pagination li {

    display: inline

}



#pagination li a {

    display: inline-block;

    text-decoration: none;

    padding: 22px 20px;

    color: #000

}



/* Active and Hoverable Pagination */

#pagination li a {

    border-radius: 15px;

    background-color: #ffffff;

    border:0.5px solid #e8e8e8;

    line-height: 0px;

    font-size: 17px;

    max-width: 47px;

}



#pagination li a.active {

    background-color: #f6940a;

    color: #ffffff !important

}



#pagination li a.prevbtn, #pagination li a.nextbtn{

    padding-left:14px;

    padding-top: 16px;

    padding-bottom: 16px;

}



#pagination li a:hover:not(.active) {

    background-color: #ddd;

}



#pagination li a.disabled, #pagination li a.disabled:hover{

    background-color: #929191;

}



.challenges-list hr {

    margin-left: -20px;

    height: 1px;

    background: #e4e4e5;

}



.potential-number {

    color: #e4e4e5 !important;

}





.solution-list, .challenges-list {

    padding: 30px 50px;

    border: 20px solid #f3f1ee;

    list-style: none;

    margin-bottom: 30px;

}



.solution-list li::before {

    content: "";

    display: block;

    width: 17px;

    height: 17px;

    margin-top: 18px;

    background-image: url(/case-study/images/icons/cs-list-icon.png);

    position: absolute;

    left: 0;

    top: 0;

}



.solution-list hr {

    margin-left: -20px;

    height: 1px;

    background: #e4e4e5;

}