/* optimised: 36 references to image files that do not exist were replaced with none (they were causing 404 requests on every page view; no visual change) */

@charset "utf-8";
/* CSS Document */
.customScroll::-webkit-scrollbar {width: 8px;}
.customScroll::-webkit-scrollbar-track { background: transparent; border-radius: 4px;}
.customScroll::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 4px; border: 0px solid #f1f1f1;}
.customScroll::-webkit-scrollbar-thumb:hover { background-color: #555;}
.btnType1{background:#ea2b2b; border-radius:7px; border:none; padding: 0 15px; height:40px; color:#FFF;  font-size:14px; font-weight: 500; cursor:pointer }
.btnType1:hover{background:#bb1c1c; }

.callBtn, .chatBtn, .shareBtn, .addPhotoBtn{background:#FFF; border: 1px solid #e3e3e3; color: #100d44;  padding:0 20px 0 40px; height: 40px; line-height: 40px; border-radius: 4px; position: relative; display: inline-block; margin-right: 10px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.callBtn:hover, .chatBtn:hover, .shareBtn:hover, .addPhotoBtn:hover{background: #ea2b2b; border: 1px solid #ea2b2b; color:#FFF;}

.callBtn::before, .chatBtn::before, .shareBtn::before, .addPhotoBtn::before{content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; left: 10px; top:0; bottom: 0; margin: auto;}

.callBtn::before{background: none no-repeat 0 0; }
.callBtn:hover::before{background: none no-repeat 0 100%;}

.chatBtn::before{background: none no-repeat -25px 0;}
.chatBtn:hover::before{background: none no-repeat -25px 100%; }

.shareBtn::before{background: none no-repeat -50px 0;}
.shareBtn:hover::before{background: none no-repeat -50px 100%; }

.addPhotoBtn::before{background: none no-repeat -75px 0;}
.addPhotoBtn:hover::before{background: none no-repeat -75px 100%; }


.chatBtnRed{background: #ea2b2b; border: 1px solid #ea2b2b; color:#FFF; padding:0 20px 0 40px; height: 40px; line-height: 40px; border-radius: 4px; position: relative; display: inline-block; margin-right: 10px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.chatBtnRed:hover{background:#FFF; border: 1px solid #e3e3e3; color: #100d44;}
.chatBtnRed::before{content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; left: 10px; top:0; bottom: 0; margin: auto;}
.chatBtnRed::before{background: none no-repeat -25px 100%;}
.chatBtnRed:hover::before{background: none no-repeat -25px 0; }


.redBtn{background: #ea2b2b; padding: 0 25px; color: #FFF; font-weight: 500; font-size: 16px; height: 40px; line-height: 40px; border-radius: 5px; display: inline-block; max-width: 300px;}
.redBtn2{background: #FFF; padding: 0 25px; color: #ea2b2b; font-weight: 500; font-size: 16px; height: 40px; line-height: 40px; border-radius: 5px; display: inline-block; max-width: 300px; border:1px solid #facdcd;}
.redBtn2:hover{background: #ea2b2b; color: #FFF;}


main{width:100%; overflow:hidden;}
/* header start --------------------- */


.langDropdown { position: relative; display: inline-block;}
.langDropbtn { background: none no-repeat 0 50%; border:none; padding: 10px 0 10px 30px; font-size: 14px; cursor: pointer; color:#100d44;}
.langDropbtn:after {content:none; display: inline-block; margin-left: 5px;}
/* .langDropdown:hover .langDropbtn { background-color: #2980b9;} */
.langDropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.langDropdown-content a { color: black; padding: 5px 14px; text-decoration: none; display: block; font-size: 12px;}
.langDropdown-content a:hover { background-color: #f1f1f1;}
.langDropdown:hover .langDropdown-content { display: block;}

.notificationHolder { position: relative; display: inline-block;}
.notification { display: block; width: 75px; position: relative; padding:0 20px;  cursor: pointer;}
.notification:after {content:none; display: inline-block; margin-left: 5px;}
/* .notificationDropdown:hover .notificationDropbtn { background-color: #2980b9;} */
.notification span{display:block; position:absolute; left:20px; top:-10px; right:0; bottom:0; margin:auto; width:17px; height:17px; background:#C00; border-radius:50%; z-index:2; text-align:center; line-height:17px; color:#FFF; font-size:10px;}
.notification.active:before{content:''; width:0; height:0; display:block; position:absolute; bottom:0; right:22px; border:8px solid transparent; border-bottom:8px solid #f7f7f7;}
.notificationListHolder{ position:absolute; top:100%; right:0; width:235px; height:239px; background:#f7f7f7; border: 1px solid #c1c1c1; z-index:5; -webkit-box-shadow: -2px 3px 7px -2px rgba(0,0,0,0.6); -moz-box-shadow: -2px 3px 7px -2px rgba(0,0,0,0.6); box-shadow: -2px 3px 7px -2px rgba(0,0,0,0.6); overflow: auto; opacity: 0; visibility: hidden;}
section.sec6 h2.headingType2{ color: #000 !important; text-align: left !important;}

.noti_list li{ position:relative; border-bottom:1px solid #c1c1c1; height:80px;}
.noti_list li a{ display:block; height:100%; width:100%; padding:0 10px 0; color:#04031c; font-size:12px;}
/* .noti_list li a.command:after{ background:none no-repeat 0 0;}
.noti_list li a.like:after{ background:none no-repeat 0 -38px;} */
.noti_list li a em{ display:table-cell; vertical-align:middle; height:80px;}
.noti_list li i{ display:block; color:#c1c1c1; padding-top:10px;}
.navShowHide{ opacity:1; visibility:visible;}

.mobNavTriger{ display: none;}
.or{ font-size: 25px; color: #fff; font-weight: 300; padding: 0 0 0 10px;}

.box1{ width: 100%;
    min-height: 70px;
}

.textareaCls{ min-height: 160px !important;
}

.box1 label{ width: 100%; display: block;}
.box1 input {
    width: 97%;
    display: inline-block;
    padding: 7px;
    margin: 10px 20px 0px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.boxSub{float: left; width:50%;}
.box1 textarea{ width: 97%; display: inline-block; padding: 7px; margin: 10px 20px 0px 0; border: 1px solid #ccc;
    border-radius: 5px;}

.box1 select {
        width: 97%;
        display: inline-block;
        padding: 10px;
        margin: 10px 20px 10px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
form button { background: #00925a; padding: 15px 30px; color: #fff; font-size: 16px; border: none; border-radius:5px ; cursor: pointer;}
form button:hover { background: #dc2f26; padding: 15px 30px; color: #fff; font-size: 16px; border: none; border-radius:5px ; cursor: pointer;}
.why {padding: 35px 0 0 0;}
@media all and (max-width:1024px){  
    nav{ display: block; position: absolute; top:calc( 100% + 16px); right:calc(-300px - 2.5vw); height:calc(100vh - 90px); width:300px; background-color: #f0f0f0; padding:15px;}
    nav.navShowHide{right: -2.5vw;  box-shadow: -10px 0 15px -5px rgba(0, 0, 0, 0.3);}

    .logo img{ width: 100%; max-width: 350px;}
    	
	.mobNavTriger{display:flex; align-items: center; position:absolute; right:20px;top: 0px; height:100%; z-index: 99999;	border-left: 1px solid #dbdbdb; padding-left:60px; line-height: 70px; font-size: 11px; text-transform: uppercase;}
	.mobNavTriger:after{content:''; background:none no-repeat 50% 0%;height:24px;width:24px; position: absolute; left:20px; top: 0;  bottom: 0; margin: auto;}
	.mobNavTriger.mtClose:after{background:none no-repeat 50% 100%;}	
    nav .navLink{ display: block;  margin:0 0 15px; padding-bottom: 15px;  border-bottom:1px solid #c1c1c1;}
    .langDropdown { display: block; margin:15px 0 15px; padding-bottom: 15px;  border-bottom:1px solid #c1c1c1;}
    .notificationHolder{ position: absolute; top: 30px; right: 10px;}
}

@media all and (max-width:600px){
    .logo img{ max-width: 200px;}
    nav{height:calc(100vh - 70px);}
   
}

/*  search section start  --------------------- */
.searchSec{ display: flex; justify-content: space-between; align-items:center; position: relative; z-index: 9;}
.searchSec aside:first-child{flex-grow:7;}
.searchSec aside.downlodAppHolder{ min-width: 300px;  margin-top: 25px; display: flex; flex-direction: row-reverse;}
.searchSec h2{ font-size: 30px; font-weight: 500; margin-bottom: 10px; color: #100d44; margin-right: 20px; display: inline-block;}

.top_search {width: 100%; padding: 5px 50px 5px 40px; position: relative; background: #fff url(../images/search.png) no-repeat 10px 50%;    border-radius: 5px; border: 1px solid #d9d9da; max-width: 575px; display: inline-block; margin: 0 auto; display: block;}

.top_search2 {width: 36%; padding: 0px 0 0 15px;}
.top_search3 {width: 20%; padding: 0px 0 0 15px;}
.top_search2 select{border: 1px solid #d9d9da; width: 100%; display: inline-block; padding: 18px; font-size: 18px; color: #666666; font-weight: 300; border-radius: 5px;}
.search_box_top_part ul li a{ color: #333; font-size: 14px;}


.top_search3 input[type=submit]{ padding: 16px 35px; background: #00925a; border: none; border-radius: 5px; color: #fff; font-size: 16px; cursor: pointer;}
.site_search{ display:block; width:100%; border:none; background:transparent; height:45px; line-height:45px; font-size:18px; color:#505050; font-weight:400; }
.site_search_btn{ position:absolute; right:0; top:3px; border:none; background:transparent url(../images/mic.png) no-repeat 50% 50%; height:45px; width:50px; cursor:pointer; }

.downlodApp{ display: flex; align-items: center; width: 155px;}
.downlodApp span{ display: inline-block; padding: 7px 15px; color: #100d44; border: 1px solid #c1c1c1; border-radius:4px; margin-right: -5px;}
.downlodApp i{ display: inline-block; padding:0 10px; height: 60px; width: 32px; text-align: center; border: 1px solid #c1c1c1; border-radius:4px; background: none no-repeat 50% 50%; background-color: #FFF; line-height: 15px; color:#c1c1c1;}

@media all and (max-width:1024px){  
    .searchSec{ flex-wrap: wrap;}
    .searchSec h2{ font-size:18px;}
    .searchSec aside.downlodAppHolder{ min-width:0; }
    
}

@media all and (max-width:600px){  
    .searchSec{ width:350px; justify-content: center;}
    .top_search{ margin-bottom: 15px;}

}

/*  search bsection end  --------------------- */



.borderSec{/*border-bottom: 1px solid #c1c1c1;*/ padding:25px 0;}
.borderBox{border: 1px solid #c1c1c1; border-radius: 10px; padding:0px 0;}
.borderLessBox{ padding:20px 30px;}
.center{ width: 95%; max-width: 1440px; margin: 0 auto; position: relative;}

.twoCol:after{content:''; display: block; clear: both;; }
.twoCol>aside{ float: left; }
.twoCol>aside:nth-child(1){width:73% }
.twoCol>aside:nth-child(2){width: 23%; float: right; }
section.sec6 article {
    border-bottom: 1px solid #00925b;
    width: 100%;
    margin: 0 auto;
}
.borderSec {
    border-bottom: 0px solid #c1c1c1;
    padding: 25px 0;
}
.borderBox {
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    padding: 15px;
}
.right-part {float: left;width: 322px; margin: 0 0 0 30px;}
section.sec6 article.list { border-bottom: 0px solid #00925b; width: 600px; margin: 0 auto;}
section.sec6 article.list:after { display: none;}
section.sec6 article.list p{ color: #000; font-size: 14px; padding: 3px 0 5px 25px; font-weight: 400; margin: 0px;}
.list h4{ padding: 5px 0 0 0;}
.borderSec{ border-bottom: 1px solid #ccc;}
.mb-30{margin-bottom: 30px;}
.mb-20{margin-bottom: 20px;}
.pt-0{padding-top: 0 !important;}
.pt-30{padding-top: 30px ;}
.px-20{ padding-left:20px; padding-right:20px;}
.px-30{ padding-left:30px; padding-right:30px;}
.headingType1{ margin-bottom: 30px; font-size: 30px; font-weight: 500; color: #100d44;}
.headingType2{ margin-bottom:20px; font-size: 22px; font-weight: 500; color: #100d44;}
.contentCenter{ display: flex; justify-content: center;}
.link_btn{  color: #dd3128; font-size:16px; font-weight: 500; line-height:40px; position:relative; z-index:3; display: inline-block; padding:0 50px 0 0px; border-radius: 25px;}
.link_btn:after{content:''; position: absolute; right:25px; top:14px; width: 11px; height: 12px; background: none no-repeat -22px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;}
.link_btn:hover:after{background: none no-repeat 0 0; }

.ps_prev5 {left: -50px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 5; width:45px; height:45px; font-size: 0px; cursor: pointer; border-radius: 50%; border: 1px solid #9f9eb4;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); background:none no-repeat 15px 50%; display: block;}
.ps_next5 {position: absolute; top: 0; bottom: 0; margin: auto; z-index: 5; width:45px; height:45px; font-size: 0px; cursor: pointer; border-radius: 50%; border: 1px solid #9f9eb4;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); background:none no-repeat -35px 50%; display: block;  right: -50px;}
.searchSec {background: #02497b;padding: 25px 25px 55px 25px; border-radius: 10px;}
.searchSec aside h2{ display: block; width: 100%;}
section.sec6 h2 {font-size: 23px; font-weight: 300; color: #fff; text-align: center; margin-bottom: 35px; margin-top: 22px;}
section.sec6 .borderSec h2 {
    font-size: 23px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 20px;
}
section.sec6 p {color: #fff; text-align: left; font-size: 13px; line-height: 18px;}
section.sec6 .borderSec p {color: #666; text-align: left; font-size: 16px; line-height: 22px; font-weight: 400;}

.top_search input{ }
.appointment {display: flex; align-items: center; justify-content: center; padding: 0 0 0 85px;}
.quickLinks a img{ width: 60px; height: 60px;}
section.no-banner{ padding: 210px 0 0 0;}
section.sec6 p {margin: 10px 0 20px 0;}
ul.about { margin: 0px; padding: 0px;}
ul.about li {
    display: block;
    margin-bottom: 7px;
    background: url(../images/bullet.png) no-repeat 0 1px;
    padding-left: 30px;
}
.borderBox{ margin: 115px 0 15px 0;}
section.sec6 .right-part h2 {
    font-size: 23px;
    font-weight: 300;
    /* color: #fff; */
    text-align: left;
    margin-bottom: 20px;
    margin-top: 5px;
}
.pagedr-dilip-bhattacharya-2 .borderBox {
    margin: 0px 0 15px 0;
}
.pagedemo .borderBox {
    margin: 0px 0 15px 0;
}
.doctorDept .borderBox {
    margin: 0px 0 15px 0;
}
.hst2Bg1 h2{ color: #fff !important;}
section.sec6 article:after { display: none;}
@media all and (max-width:1050px){
.ps_prev5 { left: auto; right: 45px; position: absolute; top: -58px; bottom:auto; border:none; border-right: 1px solid #CCC; border-radius: 0}
.ps_next5 { position: absolute; top: -58px; bottom: auto; border:none; right: 0;}

.appointment {
    display: inline;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
section.sec6 h2 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 5px;
}

.top_search {
    margin-bottom: 0;
}
section.sec6 h2 {
    padding: 0 0 0px 0;
}
.top_search {
    width: 100%;
    padding: 5px 50px 5px 40px;
    display: inline-block;
}
.top_search2 {
    width: 100%;
    padding: 0px;
    display: inline-block;
}
.top_search3 {
    width: 100%;
    padding: 0px; margin: 15px auto; text-align: center;
    display: inline-block;
}
.hst2Bg1{ background: #5bb0c5 url(../images/paediatricsl.jpg) no-repeat 100% 100%; background-size: cover !important;}
.hst2Bg2{ background: #4770fe url(../images/orthopaedics.jpg) no-repeat 100% 100%; background-size: cover !important;}
.hst2Bg3{ background: #f49839 url(../images/gynaecology.jpg) no-repeat 100% 100%;  background-size: cover !important; }
.hst2Bg4{ background: #33899f url(../images/medical-genetics.jpg) no-repeat 100% 100%;  background-size: cover !important;}
}

@media all and (max-width:770px){  
.twoCol>aside:nth-child(1){width:100%;  float: none; }
.twoCol>aside:nth-child(2){width:100%; float: none; margin-top: 30px; }
section.sec6 h2 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 5px;
}
.or {
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    padding: 0 0 7px 0px;
    text-align: center;
}
.doc_search1 {
    position: inherit;
    top: 0;
    left: 0px;
    width: 100%;
    display: none;
}
.searchSec {
    background: #02497b;
    padding: 25px 25px 10px 25px;
    border-radius: 10px;
}
}

/* social media start -------- */
.sMediaSec{background-color: #ebebeb; padding:4vh 0;}
.sMediaSec .center{display: flex; justify-content:space-between;  align-items: center; }
.sMediaSec .center aside:last-child img{ margin-left: 15px;}
.sMedia{display: flex;  align-items: center; }
.sMedia strong{ display:block;  color:#100d44;  font-size:26px; font-weight:500; margin-right: 20px;}
.sMedia div a{ display:block; width:49px; height:49px; float:left; margin-right:5px;}
.sMedia div a span{ display:none;}
.sMedia div a.facebook{ background:none no-repeat 0 0;}
.sMedia div a.imstaGram{ background:none no-repeat -50px 0;}
.sMedia div a.lindin{ background:none no-repeat -100px 0;}
.sMedia div a.youtube{ background:none no-repeat -150px 0;}

.sMedia div a.facebook:hover{ background:none no-repeat 0 -50px;}
.sMedia div a.imstaGram:hover{ background:none no-repeat -50px -50px;}
.sMedia div a.lindin:hover{ background:none no-repeat -100px -50px;}
.sMedia div a.youtube:hover{ background:none no-repeat -150px -50px;}

@media all and (max-width:800px){
    .sMediaSec .center aside:last-child img { height:40px;}
    .sMedia strong{font-size:18px; margin-right:10px;}
    .sMedia div a{transform: scale(0.7);margin-right:0px;}
}
@media all and (max-width:650px){
    .sMediaSec .center{ flex-wrap: wrap;justify-content:center}
    .sMediaSec .center aside{width:100%; text-align: center; margin-top: 30px;}
}

/* social media end -------- */

/*  footer start ------------- */
footer{background-color: #04031c; padding: 30px 0; color: #FFF;}
footer .center{ padding-bottom: 30px;}
footer .borderSec{ border-color: #3b3b48;}

.footer1{ display: flex;}
.footer1 aside:first-child{width:30%}
.footer1 aside:last-child{width:70%}

.footer1 aside h3{ margin-bottom: 20px; font-size:18px; font-weight:500; }
.footer1 aside ul{display: flex; flex-wrap: wrap;}
.footer1 aside ul li{ min-width: 190px; margin-bottom: 10px;  font-size:16px; font-weight:300;}
.footer1 aside ul li a{color: #FFF;}
.footer1 aside ul li a:hover{ text-decoration: underline;}

.footer2 a, .footer2 span{color: #FFF; display: inline-block; margin: 0 10px;}
.footer2 a:hover{ text-decoration: underline;}

@media all and (max-width:1350px){  
    .footer1 aside:first-child, .footer1 aside:last-child{width:50%}   
}
@media all and (max-width:800px){  
    footer .borderSec{display: none;}
    .footer1{ display: block;}
    .footer1 aside:first-child, .footer1 aside:last-child {width:100%}   
    .footer1 aside:first-child{ margin-bottom: 30px;}
    .footer1 aside ul{ justify-content: space-around;}
    .footer2{ text-align: center;}
    .footer2 span{ display: block; margin-bottom: 15px;}
}
/*  footer end ------------- */










/*  highlightSecType1 start -------------- */

.highlightSecType1{ background:#ea2b2b; border-radius: 10px; overflow: hidden; height: 0; min-height: 175px; padding-bottom: 14%; position: relative; container-type: size; container-name: highlightSecType1;}

.highlightSecType1 figure {max-width: 55%; display: flex; justify-content: flex-end; overflow: hidden; position: absolute; top: 0; bottom: 0; margin: auto; right: 0;}
.highlightSecType1 figure img{ width: 100%; display: block;}
.highlightSecType1 figure:before { content:''; display: block; height: 100%; width: 25px; position: absolute; bottom: 0; top: 0; margin: auto; left:0;  background:url(../images/carv.svg) no-repeat 0 50%; background-size: auto 100%; z-index: 2;}

.highlightSecType1 aside{ padding: 0 5%;  position: absolute; top: 0; bottom: 0; margin: auto; left: 0; display: flex;  flex-direction: column;  justify-content: center; align-items: flex-start;}
.highlightSecType1 aside a{  display: flex;  flex-direction: column;  justify-content: center; align-items: flex-start;}
.highlightSecType1 span{ display:inline-block; color: #FFF; font-size:1.8vw;}
.highlightSecType1 h2{ color: #FFF; font-size:2.5vw; line-height:2.5vw; font-weight: 600; margin-bottom: 15px; position: relative; z-index: 2;}
.highlightSecType1 strong{ display:inline-block; color: #FFF;  font-weight:500; font-size:1.3vw; background-color: #522313; padding: 10px 20px; border-radius: 5px;}
.rating a{ background: #dc2f26; padding: 8px 15px; color: #fff; border-radius: 5px; font-size: 13px;}
.rating a:hover{ background: #00915a;}
.list h3 a { color: #000;;}
.borderSec {border-bottom: 1px solid #ccc;}

section.sec6 .borderSec h2.headingType2 {
    font-size: 23px;
    font-weight: 300;
    color: #000;
    text-align: left;
    margin-bottom: 35px;
    margin-top: 20px;
}
section.otherPageClass {
    padding: 165px 0 0 0 !important;
}
.otherPageClass aside h2{ display: none;;}
.otherPageClass .searchSec {
    background: #02497b;
    padding: 30px 8px 36px 25px;
    border-radius: 10px;
}
.otherPageClass .mb-30 {
    margin-bottom: 0px;
}
.doc_search1 {
    position: absolute;
    top: 59px;
    left: 0px;
    width: 100%;
}
#ajaxDoctorResult {
    position: absolute;
    top: -2px;
    left: 0px;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.52);
box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.52);
}

.doc_search1 ul li {
    padding: 10px;
    color: #666;
    border-bottom: 1px solid #ccc;
    display: block;
}
.search_box_top_part{ position: relative; width: 35%;;}


@media all and (max-width:1000px){  
    .highlightSecType1{min-height: 135px;}
    .search_box_top_part {
        position: relative;
        width: 100%;
    }
    .doc_search1 {
        position: inherit;
        top: 0;
        left: 0px;
        width: 100%;
    }
    section.sec6 p {
        margin: 0;
    }
    .or {
        font-size: 25px;
        color: #fff;
        font-weight: 300;
        padding: 0 0 10px 0px;
        text-align: center;
    }
    section.sec6 p {
        font-weight: 400;
        text-align: center;
        font-size: 16px;
        color: #666;
        line-height: 27px;
        padding: 5px 0 10px 0;
    }
    .searchSec {
        background: #02497b;
        padding: 25px 25px 9px 25px;
        border-radius: 10px;
    }
    .right-part {
        float: left;
        width: 322px;
        margin: 0 0 0 0px;
    }
    .rating {
        position: absolute;
        right: 0px !important;
        top: 0px !important;
        margin: 0 0 15px 0;
    }
    .footer-4cln {
        padding: 35px;
        display: block;
        clear: both;
        background: #eaeaea;
    }
    .boxSub {
        float: inherit;
        width: 100%;
    }
}

@media all and (max-width:550px){  
   .highlightSecType1{ display: block; height:auto; min-height:0px; padding-bottom:0; container-type: normal;}
   .highlightSecType1 aside{text-align: center; width: 100%; position: relative; padding: 30px 5%; display: block;}
   .highlightSecType1 aside a{ display: block;}
   .highlightSecType1 figure { width: 100%; max-width: 100%; display: flex; justify-content: flex-end; position:relative;}
   .highlightSecType1 figure:before { display: none;}
   .highlightSecType1 figure img{ height:auto; width: 100%;}
   .highlightSecType1 span{font-size:16px;}
   .highlightSecType1 h2{ font-size:20px; line-height:20px; }
   .highlightSecType1 strong{ font-size:14px;} 
   }

@container highlightSecType1 (max-width: 1150px) and (min-width: 800px) {
    .highlightSecType1 span{font-size:16px;}
   .highlightSecType1 h2{ font-size:30px; line-height:30px; }
   .highlightSecType1 strong{ font-size:14px;} 
}

/*  highlightSecType1 end ---------------- */

/*  highlightSecType2 start ---------------- */

.highlightSecType2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.highlightSecType2 aside{ width:23.5%; height: 240px; margin-bottom: 30px; border-radius: 10px; padding: 25px; position: relative;}
.highlightSecType2 aside h2 {
    color: #FFF;
    font-size: 23px;
    line-height: 29px;
    font-weight: 600;
    width: 100%;
    text-align: left;
}.highlightSecType2 aside span{ color: rgba(255,255,255,0.7); font-size:16px; display: block;}
.highlightSecType2 aside strong{ display:inline-block; color: #000;  font-weight:500; font-size:16px; background-color: #FFF; padding:5px 15px; border-radius: 5px; position: absolute; left: 25px; bottom:25px;}
.highlightSecType2 aside:hover strong{background-color:rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.8); }

.hst2Bg1{ background: url(../images/paediatricsl.jpg) no-repeat 100% 100%;}
.hst2Bg2{ background: url(../images/orthopaedics.jpg) no-repeat 100% 100%}
.hst2Bg3{ background: url(../images/gynaecology.jpg) no-repeat 100% 100%}
.hst2Bg4{ background: url(../images/medical-genetics.jpg) no-repeat 100% 100%}
.fullWidth{ min-height: 230px;}
.fullWidth img{ border-radius: 15px;}
.right-part{}
.right-part .why h2 {
    font-size: 20px;
    text-align: left;
    padding: 0px 0 0 25px;
    color: #000;
}
.right-part .why p { color: #000 !important; padding: 0 25px 15px 25px; font-size: 14px; line-height: 22px;}
.why{border: 1px solid #Ccc; border-radius: 15px;}
.fullWidth a p{text-align: left;  padding: 10px 0 0 25px; margin: 0px;}
.fullWidth a h2{color: #fff; text-align: left; padding: 35px 0 0 25px; margin: 0px;}
.fullWidth { margin: 0px 0 15px 0;}
.right-part .fullWidth { border-radius: 15px;;}





@media all and (max-width:1024px){  
    .highlightSecType2 aside{ width:48.5%; }
    .filter li { margin: 0 10px 10px 0;   width: 47%; }
    .filter li select { width: 100%;;}
    .filter li:nth-child(1) {margin: 0 10px 10px 0;width: 100%; text-align: center; border-bottom: 1px solid #ccc; font-size: 20px;}
    section.no-banner {padding: 151px 0 0 0;}  
    .topRated, .nlVarified, .deals, .nlTrust, .allFilter{ width: 100%; text-align: left;}
    .productItem figure {
        margin-right: 0 !important;
        border-radius: 10px;
        overflow: hidden;
        background-color: #DDD;
        flex-basis: auto !important;
        align-self: start;
        width: 100% !important;
    }
    .rating {
        position: inherit !important;
        right: 10px;
        top: 10px;
    }
    .list ul li {
        display: inline-block;
        background: #fffbde;
        padding: 4px 10px !important;
        border-radius: 25px;
        width: auto;
        font-size: 10px !important;
        margin: 5px 3px;
    }
    .list h3{ padding: 0 0 15px 0;}
    .list p{ padding: 0 0 10px 0;}
    section.sec6 article.list p {
        color: #000;
        font-size: 14px;
        padding: 9px 0 7px 25px;
        font-weight: 400;
        margin: 0px;
    }
    .doctor {
        display: inline-block;
        padding-left: 25px;
        font-size: 14px;
        font-weight: 400;
        background: url(../images/doctor.png) no-repeat 0 10px;
        margin-right: 10px;
    }
}

@media all and (max-width:600px){  
    .highlightSecType2 aside{ width:100%; }
}
/*  highlightSecType2 end ---------------- */

/*  quick link start ---------------- */
.quickLinks{ display: flex; flex-wrap: wrap; justify-content:space-around; margin: 0px auto 0px auto; border-bottom: 0px solid #ccc; border-top: 0px solid #ccc;; padding: 50px 0; position: relative; z-index: 0;}
.quickLinks a {
    display: block;
    width: 160px;
    margin: 0 0 9px;
    text-align: center;
    color: #100d44;
    font-size: 14px;
    line-height: 20px;
    
    padding: 15px 0;
}
.quickLinks a:hover{text-decoration: none; color: #00925a;}
.quickLinks a span{ display: flex; width: 75px; height: 75px; justify-content: center; align-items: center; border-radius: 50%; background-color: #CCC; margin: 0 auto 10px;}
.quickLinks a span.no-backgrount{ display: flex; width: auto; height: auto; justify-content: center; align-items: center; border-radius: 50%; background-color: transparent; margin: 0 auto 10px;}
.quickLinks a span.no-backgrount img{ width: auto; height: auto; padding: 25px 0 0 0;}

.quickLinks a span.iconPinkBg{ background-color: #fde4e5;}
.quickLinks a span.iconYellowBg{ background-color: #fff8e4;}
.quickLinks a span.iconSkyBg{ background-color: #e4eaff;}
.quickLinks a span.iconGreenBg{ background-color: #ddf6f0;}

.quickLinks a span.iconPinkBg2{ background-color: #c5ffe9;}
.quickLinks a span.iconYellowBg2{ background-color: #ffd9d9;}
.quickLinks a span.iconSkyBg2{ background-color: #dadada;}
.quickLinks a span.iconGreenBg2{ background-color: #eadbff;}

.quickLinks a span.iconPinkBg3{ background-color: #ffe8cd;}
.quickLinks a span.iconYellowBg3{ background-color: #cdceff;}
.quickLinks a span.iconSkyBg3{ background-color: #ccffff;}
.quickLinks a span.iconGreenBg3{ background-color: #ffffcc;}

.quickLinks a span.iconPinkBg4{ background-color: #f2d9ff;}
.quickLinks a span.iconYellowBg4{ background-color: #ffd9d9;}
.quickLinks a span.iconSkyBg4{ background-color: #dadada;}
.quickLinks a span.iconGreenBg4{ background-color: #eadbff;}

.quickLinks a span.iconPinkBg5{ background-color: #ffe8cd;}
.quickLinks a span.iconYellowBg5{ background-color: #cdceff;}
.quickLinks a span.iconSkyBg5{ background-color: #ccffff;}
.quickLinks a span.iconGreenBg5{ background-color: #ffffcc;}

.quickLinks a span.iconPinkBg6{ background-color: #c5ffe9;}
.quickLinks a span.iconYellowBg6{ background-color: #ffd9d9;}
.quickLinks a span.iconSkyBg6{ background-color: #dadada;}
.quickLinks a span.iconGreenBg6{ background-color: #eadbff;}

.quickLinks a span.iconPinkBg7{ background-color: #ffe8cd;}
.quickLinks a span.iconYellowBg7{ background-color: #cdceff;}
.quickLinks a span.iconSkyBg7{ background-color: #ccffff;}
.quickLinks a span.iconGreenBg7{ background-color: #ffffcc;}

.quickLinks a span.iconPinkBg8{ background-color: #c5ffe9;}
.quickLinks a span.iconYellowBg8{ background-color: #ffd9d9;}
.quickLinks a span.iconSkyBg8{ background-color: #dadada;}
.quickLinks a span.iconGreenBg8{ background-color: #eadbff;}

.quickLinks a span.iconPinkBg9{ background-color: #ffe8cd;}
.quickLinks a span.iconYellowBg9{ background-color: #cdceff;}
.quickLinks a span.iconSkyBg9{ background-color: #ccffff;}
.quickLinks a span.iconGreenBg9{ background-color: #ffffcc;}

.quickLinks a span.iconPinkBg10{ background-color: #ffe8cd;}
.quickLinks a span.iconYellowBg10{ background-color: #cdceff;}
.quickLinks a span.iconSkyBg10{ background-color: #ccffff;}
.quickLinks a span.iconGreenBg10{ background-color: #ffffcc;}

/*  quick link end ---------------- */

/*  card start --------------- */
.cardType1{ float: left; border-radius: 10px; border:1px solid #e0e0e0; overflow: hidden; margin:0 15px;}
.cardType1 figure img{ width: 100%; display: block;}
.cardType1 div{ padding: 15px 15px 20px;}
.cardType1 h2{margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #100d44;white-space: nowrap;}
.cardType1 a{display:inline-block; color: #FFF;  font-weight:500; font-size:16px; background-color: #dd3128; padding:5px 15px; border-radius: 5px; ; bottom:25px;}
.cardType1 a:hover{background:#bb1c1c; }

.cardType2{ float: left; border-radius: 10px; border:1px solid #e0e0e0; overflow: hidden; margin:0 15px;}
.cardType2 figure img{ width: 100%; display: block;}
.cardType2 div{ padding: 15px 15px 20px; background-color: #dd3128;}
.cardType2 h2{margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #FFF;}
.cardType2 a{display:inline-block; color: #bb1c1c;  font-weight:500; font-size:16px; background-color: #FFF; padding:5px 15px; border-radius: 5px; ; bottom:25px;}

.cardType3{float: left; border-radius: 10px; border:1px solid #e0e0e0; overflow: hidden; margin:0 15px; max-width: 450px;color:#100d44;}
.cardType3>div{ padding: 20px; display: flex; justify-content: space-between; align-items: center;}
.cardType3>div aside h2{color:#100d44; font-size: 22px; font-weight: 500;}
.cardType3>div aside span{color:#9f9eb4;}
.cardType3>div a.chatBtn{background: #ea2b2b none no-repeat 10px 48%; padding:0 14px 0 35px; color:#FFF; height: 40px; line-height: 40px; border-radius: 4px;}
.cardType3>div a.chatBtn:hover{background:#bb1c1c none no-repeat 10px 48%; }
.cardType3>figure img{ width: 100%; display: block;}
.cardType3>article{ padding: 20px;}
.cardType3>article div.customer{ overflow: hidden;}
.cardType3>article div.customer figure{ float: left; border-radius: 3px; overflow: hidden; margin-right: 15px;}
.cardType3>article div.customer aside{float: left;}
.cardType3>article div.customer aside strong{font-weight: 500;}
.cardType3>article div.customer aside span{display: block;color:#9f9eb4; font-size: 12px;}
.cardType3>article div.rating{ padding: 10px 0;}

.cardType4{float: left; border-radius: 10px; border:1px solid #e0e0e0; overflow: hidden;  margin:0 15px; max-width: 450px;color:#100d44;}
.cardType4>figure img{ width: 100%; display: block;}
.cardType4>article{ padding: 20px;}

.cardType5{ overflow: hidden; border-radius: 10px; width: 30%;  margin:0 15px; position: relative;}
.cardType5 img{ width: 100%; display: block;}
.cardType5 div{ position: absolute; z-index: 2; margin-top: 15px; color:#88abd2; font-size: 18px; font-weight:500; }
.cardType5 div span{ display: block; color: #FFF;}
.cardType5 div.tl{ left:20px; top:20px;}
.cardType5 div.bl{ left:20px; bottom:20px; }
.cardType5 div.tr{ right:20px; top:20px;}
.cardType5 div.br{ right:20px; bottom:20px;}
.cardType5:hover img{ transform: scale(1.2);}
.cardType5.fullWidth{ width:100%;  margin:0 0 30px;}
/*  card end --------------- */

.activity{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.activity .cardType3{ margin-bottom: 30px;}
.loadMore{ padding: 30px 0; text-align: center;}
.loadMore a{background: #ea2b2b; padding:0 25px; color:#FFF; font-weight: 500; font-size:16px; height: 40px; line-height: 40px; border-radius: 4px; display: inline-block; width: 50%; max-width: 300px;}
.list{ position: relative;}
.list ul{ margin: 15px 0 0 0;}
.list ul li { display: inline-block; background: #fffbde; padding: 4px 10px; border-radius: 25px;width: auto; font-size: 13px; margin: 5px 3px;}
.list ul li span{ display: inline-block; }
.list ul li:nth-child(2){background: #ffd9d9;}
.list ul li:nth-child(3){background: #d9f3ff;}
.list ul li:nth-child(4){background: #d3d4ff;}
.list ul li:nth-child(5){background: #cefff5;}
.list ul li:nth-child(6){background: #fed9ff;}
.list ul li:nth-child(7){background: #e3e3e3;}
.rating{ position: absolute; right: 10px; top: 10px;}

.productItem{ display: flex;}
.productItem figure{ margin-right: 30px; border-radius: 10px; overflow: hidden; background-color: #DDD; flex-basis: auto; align-self: start;  }
.productItem figure img{ height: 100%; display: block; vertical-align: top;}
.productItem article{display: flex; flex-direction: column; justify-content: inherit !important;}

.list h3{ padding: 0 0 15px 0 !important;}
.productItem article>div{ margin-top: 0px;}
.productItem aside{margin-left: auto; display: flex; flex-direction: column; justify-content:center;}
.productItem aside.enquire_like{justify-content: space-between !important;}
.productItem aside .redBtn{ margin: 10px 0;}

.locationText{ display: inline-block; padding-left: 25px; font-size: 14px; font-weight: 400; background: url(../images/icon-location.png) no-repeat 0 3px; margin-right: 10px;}
.doctor { display: inline-block; padding-left: 25px; font-size: 14px; font-weight: 400; background: url(../images/doctor.png) no-repeat 0 3px; margin-right: 10px;}

.bulletText{ padding-left: 12px; position: relative;}
.bulletText:before{content:''; width:5px; height:5px; border-radius: 50%; background-color: #C00; position:absolute; left: 0; top: 7px;}
.likeBtn{ display: block; width: 26px; height: 22px; background: none no-repeat 50% 100%; font-size: 0; color: transparent; margin-right: 0; margin-left: auto;}
.likeBtn.likeBtnActive{background: none no-repeat 50% 0;}

.highlightSecType1 aside span{ padding: 15px 0 0 0;}
.highlightSecType1 aside h2 { padding: 0px 0 0 0; color: #fff; text-align: left; margin: 0px;}
.no-back{ background: transparent !important; border: none !important;}


@media all and (max-width:1000px){  
 .breadcrumb { display: none;}
 .productItem{ flex-wrap: wrap;}
 .productItem figure { margin-bottom: 20px;}
 .productItem figure img{ height: auto; width: 100%;}
 .productItem article{flex-basis:400px;}
 .productItem aside{margin-left: auto; display: block; width: 100%; margin-top: 20px;}
 .productItem aside .redBtn{ margin: 0;}
 .productItem aside .redBtn:first-child{ margin: 0 20px 0 0;}
 .productItem article>div .callBtn, .productItem article>div .chatBtn, .productItem article>div .shareBtn, .productItem article>div .addPhotoBtn{ margin-bottom: 10px;}
 .box1 input {
    width: 100%;
    display: inline-block;
    padding: 7px;
    margin: 10px 20px 10px 0;
}
.quick_box{ display: none;}
.box1 textarea {
    width: 100%;
    display: inline-block;
    padding: 7px;
    margin: 10px 20px 10px 0;
    border-radius: 5px;
}
}

@media all and (max-width:750px){  
    .productItem article{flex-basis:100%;}
    .productItem article>div .locationText{ margin-bottom: 15px;}
    .productItem article>div .bulletText{ display: block;}
   }

.photoSlide{ padding-right:20px;  overflow: hidden;}
.photoSlide img{ width: 100%; border-radius: 10px;}
.photoSlider_prev{ display: none !important;}
.photoSlider_next{ position: absolute; top:0; bottom: 0; margin: auto; right: 0; background: rgba(255,255,255,0.8) none no-repeat 50% 50%; display: inline-block; height: 50px; padding: 0 25px; font-size: 0; color: transparent; border-top-left-radius:10px; border-bottom-left-radius:10px;}

.timing li{ margin-bottom: 10px;}
.timing strong{ display: inline-block; width: 100px;}

.features{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
.features li{ flex-basis: 200px; margin-bottom: 20px;}
.features li h3{ margin-bottom: 10px !important;}
.features li span{ display: block; margin-bottom: 7px; background: url(../images/bullet.png) no-repeat 0 1px; padding-left: 25px;}

.reviewFilter{ margin-bottom: 30px;}
.reviewFilter a{padding: 0 25px; border:1px solid #ccc; color: #100d44; font-weight: 400; font-size: 16px; height: 40px; line-height: 40px; border-radius: 5px; display: inline-block; max-width: 300px; margin-right: 10px; margin-left: 10px; margin-bottom: 10px;}
.reviewFilter a:hover{background: #dd3128; color: #FFF;}
.borderLessBox .reviewFilter a:hover{background: transparent; border: 1px solid #fde8e9; color: #000;background: #fde8e9;}

.reviewList .reviewsItem:last-child{ border-bottom: none !important;}
.reviewsItem { position: relative;}
.reviewList .reviewsItem div.customer{ overflow: hidden;}
.reviewList .reviewsItem div.customer figure{ float: left; border-radius: 3px; overflow: hidden; margin-right: 15px;}
.reviewList .reviewsItem div.customer aside{float: left;}
.reviewList .reviewsItem div.customer aside strong{font-weight: 500;}
.reviewList .reviewsItem div.customer aside span{display: block;color:#9f9eb4; font-size: 12px;}
.reviewList .reviewsItem div.rating{ padding: 10px 0;}
.reviewText{ margin-bottom: 30px;}

.reviewAction{ position: absolute; top: 20px; right: 30px; display: flex; align-items: center;}
.reviewAction>strong{ display: inline-block; margin-right: 10px; font-weight: 400; font-size: 12px;}
.reviewAction span.raTrigger{ display: inline-block; width: 30px; height: 30px; background: none no-repeat 50% 50%; cursor: pointer; color: transparent; font-size: 0;}
.reviewAction .reviewActionMenu{ position: absolute; top: 100%; right: 0; width:150px; padding: 10px; background: #f7f7f7; border: 1px solid #c1c1c1; z-index: 5;  -webkit-box-shadow: -2px 3px 7px -2px rgba(0, 0, 0, 0.6); -moz-box-shadow: -2px 3px 7px -2px rgba(0, 0, 0, 0.6); box-shadow: -2px 3px 7px -2px rgba(0, 0, 0, 0.6); display: flex; flex-direction: column;}
.reviewAction .reviewActionMenu a{ display: block; margin-bottom: 5px; color: #100d44;}
.reviewAction .reviewActionMenu a:hover{ text-decoration: underline;}

.helpfulBtn, .commentBtn, .shareBtn2 {
    background: #FFF;
    color: #100d44;
    font-weight: 300;
    padding: 0 10px 0 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.helpfulBtn:hover, .commentBtn:hover, .shareBtn2:hover{ text-decoration: underline;}
.helpfulBtn::before, .commentBtn::before, .shareBtn2::before{content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; left:0px; top:0; bottom: 0; margin: auto;}
.helpfulBtn::before{background: url(../images/icon-set2.png) no-repeat 0 0; }
.commentBtn::before{background: url(../images/icon-set2.png) no-repeat -25px 0;}
.shareBtn2::before{background: url(../images/icon-set2.png) no-repeat -50px 0;}

.shareBtnHolder{ display: inline-block; position: relative;}

.shareBtnHolder .shareMenu{ position: absolute; top: 100%; left: 0; width:100px; padding: 10px; background: #f7f7f7; border: 1px solid #c1c1c1; z-index: 5;  -webkit-box-shadow: -2px 3px 7px -2px rgba(0, 0, 0, 0.6); -moz-box-shadow: -2px 3px 7px -2px rgba(0, 0, 0, 0.6); box-shadow: -2px 3px 7px -2px rgba(0, 0, 0, 0.6); display: flex; flex-direction: column;}
.shareBtnHolder .shareMenu a{ display: block; margin-bottom: 5px; color: #100d44;}
.shareBtnHolder .shareMenu a:hover{ text-decoration: underline;}

.addressLink li:not(:last-child){ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #c1c1c1;}
.addressLink li a{ color: #100d44; display: inline-block; padding-left:30px; position: relative;}
.addressLink li a:hover{ text-decoration: underline;}
.addressLink li a:before{content:''; display: inline-block; width: 26px; height: 26px; position: absolute; left: 0; top:-2px;}
.addressBtn_1:before{ background: url(../images/icon-set3.png) no-repeat 0 0;}
.addressBtn_2:before{ background: url(../images/icon-set3.png) no-repeat 0 -26px;}
.addressBtn_3:before{ background: url(../images/icon-set3.png) no-repeat 0 -52px;}
.addressBtn_4:before{ background: url(../images/icon-set3.png) no-repeat 0 -78px;}
.addressBtn_5:before{ background: url(../images/icon-set3.png) no-repeat 0 -104px;}
.addressBtn_6:before{ background: url(../images/icon-set3.png) no-repeat 0 -129px;}


.filter{ display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.filter li{ margin:0 10px 10px 0;}
.filter li select{background:#fde8e9; border: 1px solid #fde8e9; color: #100d44;  padding:0 20px; height: 40px; line-height: 40px; border-radius: 4px; }


.topRated, .nlVarified, .deals, .nlTrust, .allFilter{background:#fde8e9; border: 1px solid #fde8e9; color: #100d44;  padding:0 20px 0 40px; height: 40px; line-height: 40px; border-radius: 4px; position: relative; display: inline-block; margin-right:7px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* .callBtn:hover, .chatBtn:hover, .shareBtn:hover, .addPhotoBtn:hover{background: #ea2b2b; border: 1px solid #ea2b2b; color:#FFF;} */

.topRated::before, .nlVarified::before, .deals::before, .nlTrust::before, .allFilter::before{content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; left: 10px; top:0; bottom: 0; margin: auto;}

.topRated::before{background: url(../images/icon-set4.png) no-repeat 1px 0; }

.nlVarified::before{background: url(../images/icon-set4.png) no-repeat -22px 0;}

.deals::before{background: url(../images/icon-set4.png) no-repeat -44px 0;}

.nlTrust::before{background: url(../images/icon-set4.png) no-repeat -66px 0;}

.allFilter::before{background: url(../images/icon-set4.png) no-repeat -88px 0;}