/*body {background-color: #eee;}
#header{ border-bottom:1px solid #A29797;padding:10px; background: url(../images/logo.png) center center no-repeat; min-height:7.5em}
#B1{ border:1px solid #A29797;padding:10px}
#header img{ margin:0 auto; display:block}
#footer{ border-top:1px solid #A29797;padding:10px; position:relative; min-height:1em;}
#footer p{vertical-align:middle; display:table-cell}*/
/*.pull-left{ width:30%;border:1px solid #A29797; padding:10px}
{width:68%;border:1px solid #A29797;background:#A8C263}*/
.marg-bot{ margin-bottom:20px}
.marg-top{ margin-top:20px}
.pad-leftright{ padding-left:30px; padding-right:30px}
/*h1{ font-size:2.3vw; line-height:21px}
h2{ font-size:20px}
p{ font-size:16px}
a{ color:#413E47;}
a:hover{ border-bottom:1px solid #413E47; text-decoration:none}*/
#double_thumbs a:hover{ border-bottom:0; text-decoration:none}
#next_pre_b{ padding:0}
#main_gal #double_thumbs{ padding:0}
#next_pre_b a{ color:#080603;}
/*.breadcrumb{ padding:10px 0 0; background:none}
.row{ margin:0}*/
#main_gal .row{ margin:0}
#main_gal .row .beforeafter{ margin:6px 0}
#main_gal .one_image { overflow:hidden; margin-top:20px}
.case-img-area{}
.pre_button{ float:left}
.next_button{ float:right}
.beforeafter{ color:#fff; padding:0}
.text-align{ text-align:center}
.floatL{float:left;}
.floatimgL{float:left; width:auto}
.pglink{ margin:15px 0}
#main_gal{ background:#777777;border:1px solid #2d2d2d;margin-bottom:30px}
#main_gal .three_image { color:#fff; overflow:hidden; margin-bottom:18px}
#case_list .row{ margin-bottom:20px}
#main_gal .three_image .title_1t,
#main_gal .three_image .title_2t,
#main_gal .three_image .title_3t{ margin:6px 0}
#main_gal .imgL { float:right}
#main_gal .beforeT { text-align:right; float:right}
#main_gal .afterT { text-align:left;}
.img-responsive{ display:inline-block}
.single_thumb_size{ color:#fff}
.breadcrumb>li+li:before{color:#000}
.content-pg h2{ padding-left:10px; font-size:24px; padding-right:88px}
.cat3, .cat2, .cat1, .cat4{ min-height:300px; border:1px solid #A3C1E6; padding-left:5px}
.cat3{ background-color:#FFFFFF; width:48%; margin:0 0 20px 5px;background-repeat:no-repeat;background-position:right top; background-size:230px 300px}
.cat2{ background-color:#FFFFFF; width:48%; margin:0 0 5px 20px;background-repeat:no-repeat;background-position:right top; background-size:230px 300px}
.cat1{ background-color:#FFFFFF; width:48%; margin:0 0 5px 5px;background-repeat:no-repeat;background-position:right top; background-size:230px 300px}
.cat4{ background-color:#FFFFFF; width:48%; margin:0 0 5px 20px;background-repeat:no-repeat;background-position:right top; background-size:230px 300px}
#case_list a{ color:#7E1B7B}
#case_list a:hover{color:#1a1a1a}
.sort_desc{ margin-bottom:20px}
#main_gal img{ max-width:100%}
@media (min-width: 992px) and (max-width: 1200px){
.cat3, .cat2{background-size:230px 300px}
.cat1, .cat4{background-size:230px 300px}
/*.cat1, .cat2, .cat3,.cat4{ background:#fff!important;}*/
}
@media (min-width: 768px) and (max-width: 991px){
.cat3, .cat2{background-size:230px 300px}
.cat1, .cat4{background-size:230px 300px}
}
@media(max-width:767px){
.cat3, .cat2{background-size:230px 300px;}
.cat1, .cat4{background-size:230px 300px;}
}
@media(max-width:991px){
.cat3, .cat2, .cat1, .cat4{ width:100%}
.cat4{margin:0 0 5px 5px;}
.cat2{ margin:0 0 20px 5px; }
.cat1{margin:0 0 20px 5px; }
}
@media only screen and (max-width: 761px){
h1{ font-size:18px}
.floatL, .floatimgL{ float:none; width:100%; margin-top:10px}
}
@media(max-width:640px){
.cat1, .cat2, .cat3,.cat4{ background:none!important;min-height:inherit!important}
}