/*------------------------------------------------------------  --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:250px) and (max-width: 649px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:250px) and (max-width: 649px) {

#tabs {
	width: 100%;
}

#tabs-nav {
	height: 3em; margin: 0; padding: 0;
	list-style: none;
}

#tabs-nav li {
	float: left; width: 5em; height: 100%;
}

#tabs-nav li a {
	float: left; width: 100%; height: 99%;
	line-height: 3; background: #ffffff; color: #333;
	text-decoration: none; text-align: center;
	border: 1px solid #bbb;  border-radius: 5px 5px 0 0;
}

#tabs-nav li a.active {
	font-weight: bold; background: #f1f1f1;    border-bottom:3px solid #f83d00;
}

.tab { padding-top:30px; background:#ffffff; }

}





/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:650px) and (max-width: 1023px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:650px) and (max-width: 1023px) {
    
    #tabs {
	width: 100%;
    }

    #tabs-nav {
	height: 4em; margin: 0; padding: 0;
	list-style: none; border-bottom: 1px solid #bbb;
    }

    #tabs-nav li {
	float: left; width: 5em; height: 100%;
    }

    #tabs-nav li a {
	float: left; width: 100%; height: 99%;
	line-height: 4; background: #f0f0f0; color: #333;
	text-decoration: none; text-align: center;
	border: 1px solid #bbb; border-bottom: none; border-radius: 5px 5px 0 0;
    }

    #tabs-nav li a.active {
	font-weight: bold; background: #f1f1f1;     border-bottom:3px solid #f83d00;
    }

    .tab { padding-top:30px; }
    
}



/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*----------------------------------------  (min-width:1024px) and (max-width: 2480px)----------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:1024px) and (max-width: 2480px) {
   #tabs {
    width: 100%;
}

#tabs-nav { 
    margin: 0; height:3em;
    padding: 0;
    list-style: none;
}

#tabs-nav li { 
    float: left; height:3.2em;
    width: 15em;
}

#tabs-nav li a { padding: 5px;
    display: block;
    height:2em;
    background: #ffffff;
    color: #333;
    text-decoration: none;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

#tabs-nav li a img {
    vertical-align: middle;
    margin-right: 5px;
}

#tabs-nav li a span {
    vertical-align: middle;
}

#tabs-nav li a.active {
    font-weight: bold;
    background: #f1f1f1;
    border-bottom:3px solid #f83d00; 
}

.tab { 
    background: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 15px;
    clear: both;
    border-radius: 8px;
}
}