.nav{
    margin:0;
    padding:0;
    list-style:none;
	width:100%;
	float:left;
	 
}

.nav>li{
    position:relative;
	margin:0;
	padding:0;
	float:left;
	display:block;
	list-style:none;
}

.nav>li>a{
    position:relative;
	 
}

 .nav-tabs>li{
     display:block;
     position:relative;

}

 .nav-tabs>li>a{
     font-family:var(--heading-font);
    /*border:1px solid #000;
    */
 
     margin:0 10px;
     display:block;
     font-size:18px;
     padding:20px 35px;
	
     line-height:normal;
     background-image: url(../images/capsule-shape-outline.png) !important;
     background-repeat: no-repeat;
     background-position: center top;
}
 .nav-tabs>li>a:hover{
    /* border-color:#eee #eee #ddd*/
    /*border:1px solid #E03036;
    */
    /* background-color:var(--primary-color);
    */
     color:var(--primary-color);
}
 .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
     color:var(--primary-color);
    /*background-color:#E03036;
     border:1px solid #E03036;
     border-bottom-color:transparent;
    */
     position:relative;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 .nav-tabs>li.active>a:focus{
     background-image: url(../images/capsule-shape.png) !important;
     background-repeat: no-repeat;
     background-position: center top;
     background-color:transparent !important;
}
 .tab-content>.tab-pane{
     display:none;
     padding:0 0 80px 0;
}
 .tab-content>.active{
     display:block;
     position:relative;
}
 .nav>li>a:hover,.nav>li>a:focus{
     text-decoration:none;
    /*background-color:#ff0000*/
}
 .nav>li.disabled>a{
     color:#000 
}
 .nav>li.disabled>a:hover,.nav>li.disabled>a:focus{
     color:#000;
     text-decoration:none;
     background-color:transparent;
     cursor:not-allowed 
}
 .nav .open>a,.nav .open>a:hover,.nav .open>a:focus{
     background-color:#eee;
     border-color:#428bca 
}
 .nav .nav-divider{
     height:1px;
     margin:9px 0;
     overflow:hidden;
     background-color:#e5e5e5;
}
/*.nav>li>a>img{
     max-width:none 
}
*/
 .nav-tabs{
     border-bottom:0;
     position:relative;
     background-image: url(../images/dot.png);
     background-repeat: repeat-x;
     background-position: center 7px;
}
/*.nav-tabs:before{
     width:100%;
     height:1px;
     background-color:#ff0000;
     left:0;
     bottom:0;
     z-index:-1;
     content:'';
}
*/
 @media (max-width:768px){
 
  .scrtabs-tab-container * {
     box-sizing: border-box;
}
 .scrtabs-tab-container {
     height: 42px;
}
 .scrtabs-tab-container .tab-content {
     clear: left;
}
 .scrtabs-tabs-fixed-container {
     float: left;
     height: 42px;
     overflow: hidden;
     width: 100%;
}
 .scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container {
     overflow-x: hidden;
}
 .scrtabs-allow-scrollbar .scrtabs-tabs-fixed-container::-webkit-scrollbar {
     display: none;
}
 .scrtabs-tabs-movable-container {
     position: relative;
}
 .scrtabs-tabs-movable-container .tab-content {
     display: none;
}
 .scrtabs-tab-scroll-arrow {
     border: 0;
     color: #428bca;
     cursor: pointer;
     display: none;
     float: left;
     font-size: 12px;
     height: 42px;
     width:42px;
     border-radius:50%;
}
 .scrtabs-tab-scroll-arrow:hover {
     background-color: var(--secondary-color);
}
 .scrtabs-tab-scroll-arrow.scrtabs-disable {
     color: #ddd;
     cursor: default;
}
 .scrtabs-tabs-fixed-container ul.nav-tabs > li {
     white-space: nowrap;
}
 .scrtabs-tab-scroll-arrow-left, .scrtabs-tab-scroll-arrow-right{
     background-repeat: no-repeat;
     background-position: center center;
     background-size:70%;
}
 .scrtabs-tab-scroll-arrow-left{
     background-image: url(../images/icons/arrow-left.png);
}
 .scrtabs-tab-scroll-arrow-right{
     background-image: url(../images/icons/arrow-right.png) !important;
}
 /*****************/
@media only screen and (max-width: 767px) {
 .nav-tabs>li>a{
         margin:0;
         font-size:20px;
         padding:0 20px;
		 background-image:none !important;
		  
    }

.nav-tabs,  .nav-tabs>li>a,  .nav-tabs>li.active>a:focus{
     background-image:none !important;
 
}

 .tab-content>.tab-pane{
 
     padding:0;
}
}