.door-solutions-wrap .resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;list-style: none;cursor: pointer;float: left;background:url(../images/door-solutions-tabs-main-sprite.png) no-repeat 0 0;height:148px;}
.door-solutions-wrap .resp-tabs-list li:hover { background-position: 0 -148px; }
.resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;list-style: none;cursor: pointer;float: left;background:url(../images/door_sprite_new.png) no-repeat 0 0;height:208px;}
.resp-tabs-list li:hover { background-position: 0 -100px; }
.resp-tabs-container {padding: 0px;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;}
.resp-tabs-list li.resp-tab-active {background-position: 0 -100px;}
.resp-content-active, .resp-accordion-active {display: block;}
h2.resp-accordion {font-size: 17px;border-width:0 0 1px;margin: 0px;padding: 15px;color:#fff;}
h2.resp-accordion a { color:#fff; font-weight: 600;font-size: 18px;}
h2.resp-accordion a span .icon-arrow-dn { display:none; }
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 15px !important;background:#746863 !important;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important;background: blue;}


/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1;/* !important;*/}
.resp-jfit {width: 100%;  margin: 0px;}
.resp-tab-content-active {display: block;}

h2.resp-accordion{ border-bottom: 1px solid #ffffff;/* !important;*/}

#parentHorizontalTab-looking .resp-tabs-list li { background: url(../images/door_sprite_new.png) no-repeat 0 0 ; } 
/* #parentHorizontalTab-looking .resp-tabs-list li { background: #194d99; }  */
#parentHorizontalTab-looking .resp-tabs-list li:hover { background-position: 0 -209px !important; }
#parentHorizontalTab-looking .resp-tabs-list li.last {  }
#parentHorizontalTab-looking .resp-tabs-list li.resp-tab-active { background-position: 0 -209px !important; }
#parentHorizontalTab-looking h2.resp-tab-active { background: none repeat scroll 0 0 #0198cf !important; color:#ffffff !important;}


.door-solutions-wrap  #parentHorizontalTab-looking .resp-tabs-list li { background: url(../images/door-solutions-tabs-main-sprite.png) no-repeat 0 0 !important; } 
.door-solutions-wrap  #parentHorizontalTab-looking .resp-tabs-list li { background: #194d99; } 
.door-solutions-wrap  #parentHorizontalTab-looking .resp-tabs-list li:hover { background-position: 0 -152px !important; }
.door-solutions-wrap  #parentHorizontalTab-looking .resp-tabs-list li.last {  }
.door-solutions-wrap  #parentHorizontalTab-looking .resp-tabs-list li.resp-tab-active { background-position: 0 -152px !important; }
.door-solutions-wrap  #parentHorizontalTab-looking h2.resp-tab-active { background: none repeat scroll 0 0 #0198cf !important; color:#ffffff !important;}
.door-solutions-wrap  #parentHorizontalTab-looking .resp-tab-content { padding: 106px 0 0; }

#verticalTab  .resp-tabs-list li{ height:auto;}
#verticalTab .resp-tab-content{ padding:0;}
#verticalTab .vert  .view-all{position: relative; top: -59px; display: block; text-align: center; font-weight: 700; font-size:13px;}
#verticalTab .vert img{width:100%; height:auto;} 

#parentHorizontalTab-looking .resp-tab-content { padding: 171px 0 0; }

.resp-arrow {width: 18px;height: 18px;float: right;margin-top: 5px;background: url(../images/bottom_arrow.png) 0 0 no-repeat;}
.resp-tab-active .resp-arrow {width: 18px;height: 18px;float: right;margin-top: 5px;background: url(../images/arrow_top.png) 0 0 no-repeat;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
/* Changed the below value to fix issues between 1025 and 1199px - (changed from 1024 to 1199) */
@media only screen and (max-width: 1199px) {
    ul.resp-tabs-list {display: none;}
    h2.resp-accordion { display: block;}
    .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: 100px; clear: none;}
    .resp-accordion-closed {display: none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
	#parentHorizontalTab-looking .resp-tab-content-active { background:#ffffff;}

}


@media only screen and (max-width: 768px) {
	.resp-tab-content { padding:15px 0; }
	#parentHorizontalTab-looking .resp-tab-content { padding: 0; }
}