/*
	Theme Name: Kada Bootstrap Template
	Theme URI: http://themeforest.net/user/responsiveexperts
	Description: This css file is for light template layout alignments
	Version: 1.0
	Author: Responsive Experts
	Author URI: http://themeforest.net/user/responsiveexperts
	Tags:
	
	---------------------------
	MAIN TEMPLATE STYLES
	---------------------------
	
*/


/* ==================================================== */
/* One page design styles                              */
/* ==================================================== */


.our-menu-bg.menu-padding {
    padding-bottom: 60px;
}
.onepage-blog {
    padding-bottom: 115px;
    padding-top: 140px;
}

/**********************************/



.tab-container {
	padding-top:10px;
}
.tab-container h2 {
	line-height: 45px;
    padding: 0 0 10px;
}
.tab-container .etabs {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	text-align:center;
}
.tab-container .etabs .tab {
	padding:0 12px;
	margin:0 0 0 0;
	display:inline-table;
}
.tab-container .etabs .tab a {
	background: #f0c101;
    color:#fff !important;
    display: inline-block;
    font-family: "Varela Round",sans-serif;
    font-size: 14px;
    height: 60px;
    padding-top: 18px;
    text-decoration: none !important;
	padding-left:20px;
	padding-right:20px;
    letter-spacing: 2px;
}
.tab-container .etabs .tab a:hover, .tab-container .etabs .tab a.active {
	color:#ffffff;
	background:#c59e00;
	text-decoration:none;
}
.tab-container .tab-cont {
	padding:50px 0 0 0;
	margin:0 0 0 0;
}
.tab-container .tab-cont.active {
	visibility:visible!important;
}
.our-menu-details.tab-cont.active {
	visibility:visible!important;
}
.panel-container .tab-cont.active {
    display: block;
}



/**************************************/

.onepage-feature {
    padding-bottom: 30px;
    padding-top: 30px;
}

/* ==================================================== */
/* 20. Media Query                                      */
/* ==================================================== */

 @media (max-width: 767px) { /* This media query is written for Mobile only */
 
 
.tab-container .our-menu-one {
    width: 98%;
} 
 }
 @media (max-width: 480px) { /* This media query is written for Mobile only */

.tab-container .etabs .tab {
    margin: 0 2px 20px;
    padding: 0;
}
.tab-container .etabs .tab a {
	width:100%;
}
.tab-container .etabs .tab {
    display: list-item;
    margin: 0 0 20px;
    padding: 0;
}


}
 @media (max-width: 414px) { /* This media query is written for Mobile only */
}
 @media (max-width: 380px) { /* This media query is written for Mobile only */

}
 @media (max-width: 320px) { /* This media query is written for Mobile only */
 
}