/** 
 * plugin Sector45 Before & After Gallery
 * customization styles
 * http://sector45.com/
 *
 * dependencies: 's45_photogallery' file
*/

.gallery-main-container,
.category-list{
    padding: 0;
}
.view-case-btn a{
    font-family: 'Raleway',sans-serif;
}
.cases-area{
    margin-top: 0;
}
.treatments-single .category-list ul li a:hover{
    text-decoration: none;
}

.photo-gallery h2,
.gallery-main-container h1{
    font-size: 2.35rem;
    color:#415564;
    text-transform: uppercase !important;
    margin: 20px 0;
    /*margin-bottom:20px;*/
}
.photo-gallery h2 a,
.case-box-cont .cas-title,
.case-box-cont .cas-title a{
    color:inherit;
}


/**
 * gallery page
*/
.photo-gallery .row.treatments{
    display: block;
    padding: 0;
}
.photo-gallery .category-list ul ul{
    display: flex;
    flex-wrap: wrap;
    margin:0 -15px;
}
.photo-gallery .category-list ul ul li{
    width:33.333%;
    padding:0 15px;
    margin-bottom: 30px;
}

.photo-gallery li.li_res .case-box-cont {
    padding: 20px;
    border: 1px solid rgba(200,200,200,1.00);
	background: #f1f1f1;
}

.photo-gallery .case-pics a{
    display: flex;
    justify-content: space-between;
}

.photo-gallery .case-box-cont .case-pics .before-pic,
.photo-gallery .case-box-cont .case-pics .after-pic{
    height: auto;
    width:49%;
    margin-right: 0;
}

@media (max-width: 991px){
    .photo-gallery .category-list ul ul li{
        width:50%;
    }
}
@media (max-width: 768px){
    .photo-gallery .category-list ul ul li{
        width:100%;
    }
}
@media (max-width: 575px){
    .photo-gallery .case-box-cont .view-case-btn a{
        width:100%;
    }
}

/**
 * procedure page
*/
.cases-area .all-case-box-sec ul{
    display: flex;
    flex-wrap: wrap;
    margin:0 -15px;
}
.cases-area .all-case-box-sec ul li{
    width:33.333%;
    padding:0 15px;
    margin: 0 0 30px;
    border: none;
}
.cases-area .all-case-box-sec ul li .case-box-cont {
    padding: 20px;
    margin: 0;
    border: 1px solid rgba(200,200,200,1.00);
}
.cases-area .case-pics a{
    display: flex;
    justify-content: space-between;
}

.cases-area .case-box-cont .case-pics .before-pic,
.cases-area .case-box-cont .case-pics .after-pic{
    height: auto;
    width:49%;
    margin-right: 0;
}

@media (max-width: 991px){
    .cases-area .all-case-box-sec ul li{
        width:50%;
    }
}
@media (max-width: 768px){
    .cases-area .all-case-box-sec ul li{
        width:100%;
    }
}
@media (max-width: 575px){
    .cases-area .case-box-cont .view-case-btn a{
        width:100%;
    }
}

/**
 * single patient
*/
.case-detail-box-cont .case-pics .before-pic,
.case-detail-box-cont .case-pics .after-pic{
    height: auto;
}
.case-detail-box-cont .case-pics .before-pic span,
.case-detail-box-cont .case-pics .after-pic span{
    position: relative;
}