@media screen {
.royalSlider { max-height: 630px !important; }  .gallery-nav{
background: #95a6b5; background: -moz-linear-gradient(top,  #95a6b5 0%, #768694 100%); background: -webkit-linear-gradient(top,  #95a6b5 0%,#768694 100%); background: linear-gradient(to bottom,  #95a6b5 0%,#768694 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95a6b5', endColorstr='#768694',GradientType=0 ); border-radius: 0;
color: #FFF;
text-align: center;
height: 57px;
margin-bottom: 25px;
}
.gallery-nav > div{
height: 100%;
position: relative;
}
.gallery-nav p{
display: inline-block;
color: #FFF;
height: 100%;
line-height: 2.4;
margin-bottom: 0;
width: 100%;
font-size: 1.125rem;
padding-top: 5px;
}
.gallery-nav > div > p > span{
color: #FFF;
font-size: 1.125rem;
margin-right: 10px;
}
.gallery-nav a{
color: #FFF;
line-height: 3;
font-size: 1.125rem;
}
.gallery-nav .center-container{
border-left: 1px solid #95a6b5;
border-right: 1px solid #95a6b5;
}
.left-arrow{
position: absolute;
left: 20%;
background: url(//www.lucentderm.com/wp-content/themes/socialdoctor/image-gallery/css/images/arrows.png) no-repeat 0 0 transparent;
width: 12.5px;
height: 27px;
top: 25%;
}
.right-arrow{
position: absolute;
right: 20%;
background: url(//www.lucentderm.com/wp-content/themes/socialdoctor/image-gallery/css/images/arrows.png) no-repeat -13px 0px transparent;
width: 12.5px;
height: 27px;
top: 25%;
}
.category-list:hover{
cursor: pointer;
}
.category-list:hover ul{
display: block;
z-index: 999999;
}
.category-list ul {
display: none;
position: absolute;
width: 100%;
background: #95a6b5;
list-style: none inside none;
text-align: left;
padding: 0;
right:0
}
.category-list ul a {display: block; color: rgba(255, 255, 255, 0.6); padding: 14px 50px; line-height: 1.3; font-size: 1.125rem; font-weight: 500; -moz-osx-font-smoothing: grayscale;}
.category-list ul a:hover {color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.09);} #content-slider{
margin-bottom: 20px;
} #before_after {
text-align: center;
margin-bottom: 20px;
}
#before_after img{  margin: 0 auto;
width: 100%;
max-width: 100%; border-radius: 0;
} .gallery-content { background-color:#f1f1f1;
border-top:2px solid #000;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
padding: 30px;
margin-bottom: 50px;
}
.gallery {
padding: 20px 0 40px;
} .child-thumbnail {
border: 5px solid #fff;
box-shadow: 0 0 5px #ccc;
display: inline-block;
height: 160px;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
}
.child-thumbnail > img {
position: relative;
top:0;
}
.cat-case{
position: relative;
margin-bottom: 50px;
font-size: 1rem;
}
.rsContent > div { top:0; left: 0;}
.rsDefault .rsBullets { bottom: -10px; }
}  @media (min-width:1200px) {
.child-thumbnail > img {
top:-15%;
}
}
@media (max-width:991px) {
.category-list:hover ul {
margin: 0 auto;
left: 0;
right: 0;
display: none;
}
.category-list:hover ul li a{ display: block; }
.category-list ul.show{ 
display: block;
margin: 0 auto;
left: 0;
right: 0; 
z-index: 9999;
width: 100%;
}
.child-thumbnail > img {
top:0;
}
.rsDefault .rsBullets { bottom: -20px; }
} @media (min-width:768px) and (max-width:979px) {
} @media (max-width:767px) {
.child-thumbnail img{
width: 100%;
}
.child-thumbnail{
width: 160px; display: block;
}
} @media (max-width:575) {
.royalSlider {
max-height: 140px !important;
}
#content-slider{
margin-bottom: 0;
}
.rsDefault .rsBullets { display: none; }
.category-list ul{
width: 89%;
z-index: 99999;
margin: 0 auto;
}
.child-thumbnail{
height:170px;
width: 100%;
}
.gallery-content h2{
font-size: 1.8rem;
}
#content-slider .rsArrow{
display: none !important;
}
.child-thumbnail > img{
top:-45%;
margin: 0 !important;
max-width: 100%;
}
}