/* ----------------------- Responsive Stylesheet -------------------- */
@charset "UTF-8";
@media(min-width:1200px){

}

@media(max-width:1199px){
	.facebook_icon{
		padding-right: 5%;
	}

	/*====================== Book Page Css =======================*/
	.tabs-left > .nav-tabs::before, .tabs-left > .nav-tabs::after{width: 212px;}
	.topic{padding: 15px;}
	.col-md-25 a.btn{font-size: 10px;}
	
	/*image with text Start*/
	.leftImg{
		float:left;
		display: block;
		margin-right: 15px;
		margin-bottom:10px;
	}
	.rightImg{
		float:left;
		display: block;
		margin-right: 15px;
		margin-bottom:15px;
	}
	/*image with text Ends*/
}

@media(max-width:991px){

	/*====================== Book Page Css =======================*/
	.tabs-left > .nav-tabs::before, .tabs-left > .nav-tabs::after{width: 158px;}
	section.bookpage_banner .banner a.btn{font-size: 12px;}
	.tab-content > .tab-pane{background-size: auto 200px;}
	a.audio img {    width: 104px;    height: 28px;}
	.col-md-25 a.btn{font-size: 10px !important;}
	.player_container{
		width:109px;
		height:26px;
		background-size: 109px 26px;
	}
	.player_iframe{
		width:96px;
		height:22px;
	}
	
	/*image with text Start*/
	.leftImg{
		float:left;
		display: block;
		margin-right: 15px;
		margin-bottom:10px;
	}
	.rightImg{
		float:left;
		display: block;
		margin-right: 15px;
		margin-bottom:15px;
	}
	/*image with text Ends*/
	
	.withoutIcon{
		width: 55px;
		height: 55px;
		line-height: 50px;
	}
}

@media(max-width:767px){
	/*======================= Responsive Menu CSS ==========================*/
	.player_container{
		width:156px !important;
		height:26px !important;
		background-size: auto;
	}

	.player_iframe{
		width:142px !important;
		height:22px !important;
	}

	.navbar-nav {
	    margin:0;
	}
	/* General styles for all menus */
	.cbp-spmenu {
	background: #ffffff;
	position: fixed;
	padding:0;
	margin:0 !important;
	overflow-x:hidden;
	overflow-y:visible;
	display:block;
	visibility:visible;
	}
	/* Orientation-dependent styles for the content of the menu */
	.cbp-spmenu-vertical {
	width: 260px;
	height: 100%;
	top: 0;
	z-index: 1000;
	}
	/* Vertical menu that slides from the left or right */
	.cbp-spmenu-left {
	left: -260px;
	}
	.cbp-spmenu-right {
	right: -260px;
	}
	.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
	}
	.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
	}
	
	/* Push classes applied to the body */
	.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
	}
	.cbp-spmenu-push-toright {
	left: 260px;
	}
	.cbp-spmenu-push-toleft {
	left: -260px;
	}
	/* Transitions */
	.cbp-spmenu,
	.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
	}
	.navbar-toggle .icon-bar {
		  position: relative;
		  -webkit-transition: all 0.3s linear;
		  -moz-transition: all 0.3s linear;
		  -ms-transition: all 0.3s linear;
		  transition: all 0.3s linear;
	}
	.navbar-toggle.active .icon-bar:nth-of-type(1) {
		  top: 7px;
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
	}
	.navbar-toggle.active .icon-bar:nth-of-type(2) {
		  background-color: transparent;
	}
	.navbar-toggle.active .icon-bar:nth-of-type(3) {
		  top: -7px;
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(-45deg);
	}
	ul.navbar-right > li{
		border-right: 0px;
		border-bottom: 1px solid #aa9e95;
	}
	ul.navbar-right > li >a{
		padding: 28px 10px; 
		background: #f0f8fc;
		
	}

	ul.navbar-right > li > a::after{background: transparent;}
	ul.navbar-right{
		margin: 0;
	}
	.chapter_nav a{
		background: #ffffff !important;
	}
	.chapter_nav .olive:hover, .chapter_nav .olive:focus{
		background: #9a8f1d !important;
		color: #ffffff;
		padding-left: 20px !important;
	}
	.chapter_nav .dark:hover, .chapter_nav .dark:focus{
		background: #55481a !important;
		color: #ffffff;	
		padding-left: 20px !important;
	}
	#responsive-nav .chapter_nav a.menu_down{font-size: 20px; text-transform: uppercase;}
	.widget p.heading{margin-bottom: 0; padding: 30px 0 30px 10px;}
	.widget .sidebar-icon{margin-top: 10px;}
	#responsive-nav .chapter_nav .dropdown-menu a{padding: 5px 10px;}


	/*====================== Homepage Css =======================*/
	/*header.book_page{background: #be1e92;}*/
	.navbar-brand{width: 250px; padding: 25px 0;}
	h1{font-size: 30px;}
	footer{padding: 50px 0 0;}
	section.footer_header{margin-bottom: 70px;}
	footer .col-xs-6{margin: 10px 0;}
	.facebook_icon{ padding: 0 15px;}
	ul.navbar-right > li{padding: 0;}
	.facebook_icon a{
		float: none;
	}
	


	/*====================== Book Page Css =======================*/
	.tab-content > .tab-pane.active{background: none;}
	section.bookpage_banner .banner{padding: 0px; min-height: 153px;}
	section.bookpage_banner .banner a.btn{margin: 10px 0;}
	.icon_width{width: 55px; height: 55px; line-height: 50px; margin-right: 0px; clear:both;}
	/*.topic .excel_icon:nth-of-type(1n+2){
		margin-top:20px;
	}
	.topic .excel:nth-of-type(n+3){
		margin-top:20px;
	}*/
	.emptyHeader{height:0px;}
	div.chapter{padding: 20px;}
	.module p{padding-left: 57px;}
	.module .video-box p{padding-left: 0px;}
	.module .video-box div{padding-top: 15px;}
	h1.banner_heading{font-size: 65px;}
	.tab-content{width: 100%; border:none;}
	.nav>li>a:hover, .nav>li>a:focus{background: #f0f8fc ;}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background: #f0f8fc ; border-color:#afafaf;}
	ul.navbar-right >li span.glyphicon.glyphicon-menu-down{float: right; font-size: 20px;}
	.btn-area{margin-top: 0px;}
	.panel-title:hover {     cursor: pointer;}
	.panel-heading, .panel-group .panel{border-radius: 0px;}
	section.bookpage_banner .short_banner{min-height: 153px !important;}
	section.bookpage_banner .banner-bg{background-image: none; background-color: #a3187c;}
	section.bookpage_banner{background: #a3187c;}
	a.audio img{width: 140px;}
	div.audio, a.audio {margin-left: 59px;}
	#responsive-nav .panel-title{padding: 10px; background: #e3e3e3; margin: 0;}
	#responsive-nav .panel-heading{margin: 0;}
	.col-md-25{width: 100%;}
	.col-md-25 a.btn{font-size: 14px;}
	.topic{ padding:15px;}
	.topic .player{margin-bottom:10px;}
	
	.divider h2{
		font-size:25px;
	}
	
	.panel-heading a{
		display:inline-flex;
	}
	.panel-heading img{
		width:25px;
		height:25px;
	}
	.panel .module h2{
		margin: 10px 0;
		padding-left:57px;
	}
	
	/*image with text Start*/
	.leftImg{
		float:left;
		display: block;
		margin-right: 15px;
		margin-bottom:10px;
	}
	.rightImg{
		float:left;
		display: block;
		margin-right: 15px;
		margin-bottom:15px;
	}
	/*image with text Ends*/
	
	.excel h2{
		padding-left:0px;
	}
	
	.withoutIcon{
		width: 55px;
		height: 55px;
		line-height: 50px;
		clear:both;
	}
	
	.ghost {
		width:0px;
		height:0px;
	}
}