ul.tabs,
ul.tabs li {
    height: 110px;
    background-color: #fff;
}
ul.tabs li,
ul.tabs2 li {
    cursor: pointer;
    position: relative;
    text-align: center;
}
ul.tabs {
    margin: 74px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
}
ul.tabs li,
ul.tabs li:hover {
    padding-top: 10px;
    float: left;
}
ul.tabs li {
    overflow: hidden;
    font-size: 14px;
    color: #171717;
    width: 122px;
    padding-bottom: 0;
    padding-left: 0;
    border-right: 1px solid #dedede;
    text-transform: uppercase;
}
ul.tabs li.active,
ul.tabs li:hover {
    background-color: #a20e37;
    background-repeat: no-repeat;
    color: #fff;
    background-position: center bottom;
}
ul.tabs li:last-child {
    border-right: none;
}
ul.tabs li span {
    width: 50px;
    height: 45px;
    float: left;
    margin: 0 30px;
}
ul.tabs li.first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
ul.tabs li.last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 0;
}
.tab_container {
    clear: both;
    float: left;
    width: 100%;
}
.tab_content {
    padding: 0;
    display: none;
    height: auto;
    overflow: auto;
    margin-top: 0;
}
ul.tabs li.tab-saving span {
    background: url(../images/tab/tab-icon1.png) center no-repeat;
}
ul.tabs li.tab-saving.active span,
ul.tabs li.tab-saving:hover span {
    background: url(../images/tab/tab-icon1-hover.png) center no-repeat;
}
ul.tabs li.tab-current-acc span {
    background: url(../images/tab/tab-icon2.png) center no-repeat;
}
ul.tabs li.tab-current-acc.active span,
ul.tabs li.tab-current-acc:hover span {
    background: url(../images/tab/tab-icon2-hover.png) center no-repeat;
}
ul.tabs li.tab-pnb-cards span {
    background: url(../images/tab/tab-icon3.png) center no-repeat;
}
ul.tabs li.tab-pnb-cards.active span,
ul.tabs li.tab-pnb-cards:hover span {
    background: url(../images/tab/tab-icon3-hover.png) center no-repeat;
}
ul.tabs li.tab-insure-plc span {
    background: url(../images/tab/tab-icon4.png) center no-repeat;
}
ul.tabs li.tab-insure-plc.active span,
ul.tabs li.tab-insure-plc:hover span {
    background: url(../images/tab/tab-icon4-hover.png) center no-repeat;
}
ul.tabs li.tab-mu-fund span {
    background: url(../images/tab/tab-icon5.png) center no-repeat;
}
ul.tabs li.tab-mu-fund.active span,
ul.tabs li.tab-mu-fund:hover span {
    background: url(../images/tab/tab-icon5-hover.png) center no-repeat;
}
ul.tabs li.tab-fd span {
    background: url(../images/tab/tab-icon6.png) center no-repeat;
}
ul.tabs li.tab-fd.active span,
ul.tabs li.tab-fd:hover span {
    background: url(../images/tab/tab-icon6-hover.png) center no-repeat;
}
ul.tabs li.tab-gd-sc span {
    background: url(../images/tab/tab-icon7.png) center no-repeat;
}
ul.tabs li.tab-gd-sc.active span,
ul.tabs li.tab-gd-sc:hover span {
    background: url(../images/tab/tab-icon7-hover.png) center no-repeat;
}
ul.tabs li.tab-cd-sc span {
    background: url(../images/tab/tab-icon8.png) center no-repeat;
}
ul.tabs li.tab-cd-sc.active span,
ul.tabs li.tab-cd-sc:hover span {
    background: url(../images/tab/tab-icon8-hover.png) center no-repeat;
}
ul.tabs li.tab-gov-bs-pr span {
    background: url(../images/tab/tab-icon9.png) center no-repeat;
}
ul.tabs li.tab-gov-bs-pr.active span,
ul.tabs li.tab-gov-bs-pr:hover span {
    background: url(../images/tab/tab-icon9-hover.png) center no-repeat;
}
ul.tabs2 {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 25px;
    width: 100%;
}
ul.tabs2 li {
    float: left;
    overflow: hidden;
    padding: 10px 0;
    color: #000;
    width: 50%;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
ul.tabs2 li:hover {
    color: #930029;
}
ul.tabs2 li.active {
    border: 1px solid #ccc;
    color: #000;
    border-bottom: none;
}
.tab_content2 {
    padding: 0;
    display: none;
    height: auto;
}
#locateus ul.tabs {
    margin: 45px 0 0;
    padding: 0;
    float: right;
    list-style: none;
    height: auto;
    width: 825px;
    background-color: #fff;
    border-bottom: 1px solid #a20e37;
}
#locateus .tab_container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: -91px;
}
#locateus ul.tabs li span {
    width: 100%;
    height: 45px;
    float: left;
    margin: 0;
    text-align: center;
}
#locateus ul.tabs li {
    width: 20%;
    font-size: 17px;
    height: 90px;
}
#locateus ul.tabs li.tab-saving span {
    background: url(../images/tab/tab-icon11.png) center no-repeat;
}
#locateus ul.tabs li.tab-saving.active span,
#locateus ul.tabs li.tab-saving:hover span {
    background: url(../images/tab/tab-icon11-hov.png) center no-repeat;
}
#locateus ul.tabs li.tab-insure-plc span {
    background: url(../images/tab/tab-icon-15.png) center no-repeat;
}
#locateus ul.tabs li.tab-insure-plc.active span,
#locateus ul.tabs li.tab-insure-plc:hover span {
    background: url(../images/tab/tab-icon-15-hov.png) center no-repeat;
}
#locateus ul.tabs li.tab-pnb-cards span {
    background: url(../images/tab/tab-icon-14.png) center no-repeat;
}
#locateus ul.tabs li.tab-pnb-cards.active span,
#locateus ul.tabs li.tab-pnb-cards:hover span {
    background: url(../images/tab/tab-icon-14-hov.png) center no-repeat;
}
ul.tabs li.tab-cdm span {
    background: url(../images/tab/CDM-normal.png) center no-repeat;
}
ul.tabs li.tab-cdm.active span,
ul.tabs li.tab-cdm:hover span {
    background: url(../images/tab/CDM-hover.png) center no-repeat;
}
ul.tabs li.tab-pum span {
    background: url(../images/tab/PUM-normal.png) center no-repeat;
}
ul.tabs li.tab-pum.active span,
ul.tabs li.tab-pum:hover span {
    background: url(../images/tab/pum-hover.png) center no-repeat;
}
ul.tabs li.tab-bulk span {
    background: url(../images/tab/bulk-normal.png) center no-repeat;
}
ul.tabs li.tab-bulk.active span,
ul.tabs li.tab-bulk:hover span {
    background: url(../images/tab/bulk-hover.png) center no-repeat;
}
@media only screen and (max-width: 1200px) {
    #locateus .google-map,
    #locateus ul.tabs {
        width: 626px;
    }
    ul.tabs {
        height: auto;
    }
    #locateus ul.tabs li,
    ul.tabs li {
        width: 124px;
    }
    .tab_slider {
        height: 712px;
    }
    #map_canvas {
        width: 100% !important;
    }
	#locateus .google-map{width:707px !important;}
}
@media only screen and (max-width: 992px) {
    #locateus .google-map,
    #locateus ul.tabs {
        width: 473px;
    }
    #locateus ul.tabs li,
    ul.tabs li {
        padding-left: 5px;
        padding-right: 5px;
        width: auto;
		font-size:14px !important;
    }
    ul.tabs {
        width: 100%;
    }
    ul.tabs li,
    ul.tabs li:hover {
        width: 152px;
        padding-left: 0;
        padding-right: 0;
    }
    ul.tabs li span {
        margin: 0 52px;
    }
	#locateus .right-search,
	#locateus .tab-rightpanel{width: 200px !important;}
	#locateus .search-bx .search-txt{width: 149px !important;}
	    #locateus .google-map {
        width: 568px !important;
    }
}
@media only screen and (max-width: 767px) {
    ul.tabs {
        width: 100%;
        margin-top: 30px;
    }
    #locateus ul.tabs li,
    ul.tabs li {
        padding-top: 20px;
        height: auto;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
    }
    ul.tabs li br {
        display: none;
    }
    ul.tabs li:hover {
        width: 100%;
        padding-top: 20px;
    }
    ul.tabs li span {
        margin: -10px 0 0;
        width: 70px;
        text-align: left;
        float: left;
    }
    .tab_slider {
        height: auto;
        padding: 15px;
    }
    #locateus .tab-slides-head {
        padding-top: 20px;
    }
    #locateus .tab-slides-head h2 {
        font-size: 20px;
        padding: 0 0 20px;
    }
    #locateus .tab-rightpanel,
    #locateus .tab_container,
    #locateus ul.tabs {
        width: 100%;
        float: none;
    }
    #locateus .tab-rightpanel {
        height: 250px;
    }
    #locateus ul.tabs li,
    ul.tabs li {
        width: auto;
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    }
    #locateus .right-search {
        width: 100%;
    }
    #locateus .tab-slide {
        height: auto;
    }
    #locateus .search-bx h2 {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    ul.tabs,
    ul.tabs li,
    ul.tabs li:hover {
        width: 100%;
    }
    ul.tabs li {
        padding-top: 20px;
        height: auto;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
    }
    ul.tabs li br {
        display: none;
    }
    ul.tabs li span {
        margin: -15px 0 0;
        width: 70px;
        text-align: left;
        float: left;
    }
    #locateus ul.tabs li,
    ul.tabs li {
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }
	#locateus ul.tabs{    display: inline-block !important;}
	#locateus ul.tabs li{max-width:50%;}
	#locateus .tab-slides-head{padding-top:15px !important;}
	#locateus ul.tabs{margin: 0 0 0;}
}
