@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 960px){

    #shadowSlider{
        background:none;
        width:100%;
    }

    #nav>li a{
        padding:24px 11px;
        -webkit-transition: padding 0.8s;
        -moz-transition: padding 0.2s;
        -o-transition: padding 0.2s;
        -ms-transition: padding 0.2s;
        transition: padding 0.8s;
    }

    @-moz-document url-prefix() {
        #nav>li a {padding:23px 11px;}
		}
}
@media only screen and (max-width: 920px) {
	.btn{
		width:48%;
		margin-top:10px;
	}
}

@media only screen and (max-width: 880px){
    .booksImg{
        width:41% !important;
    }
    .detailBooks{
        width:54% !important;
    }
    .vdoImg{
        width: 57%;
    }

    .detailVdo {
        width: 40%;
    }
}

@media only screen and (max-width: 768px){
	.btn{
		margin-top:0 !important;
	}

	#mainMenu>li{
		float:none;
	}
	
	.btn{
		width:inherit;
		margin-top:8px;
	}	
	
	.updates p{
		padding:0 2% !important;
	}
	
    .header{
        background:url(../img/sp-Main.jpg) 0 -150px repeat-x;
        height:56px;
    }

    #logoz{
        width:270px;
        margin-top:3px;
    }

   .floatright div#___gcse_0, .searchBar, .quickIcons{
        display:none;
    }

    .menuIcon{
        background:#fff url(../img/repeat-sprite.png) repeat-x;
        height:28px;
        width:30px;
        border-radius:3px;
        cursor:pointer;
        margin:40px 30px 0 0;
    }
  
  ul#nav li:first-child {
  display: block;
 }
 ul#nav>li:first-child {
   height: 90px;
   padding-top:5px;
}
input.searchBar.gsearch {
  width: 89%;
  margin-bottom: 5px;
}
.mobile li div#___gcse_1 {
  width: 90%;
  margin: 0 auto;
}
table.gsc-search-box td{
vertical-align:top !important;
}
td.gsib_b {
  display: none;
}
	#mainMenu>li>a:hover, #mainMenu>li.active a{
		border-bottom-width:2px;
	}

    #menuPng{
        background:url(../img/sprite.png) -105px -45px no-repeat;
        height:28px;
        width:30px;
    }

    .mobile .searchBar,
    .mobile ul.quickIcons{
        display:block;
    }


    .mobile .searchBar{
        /*width:65%;
        margin-top:4px;
        margin-left:4px;
        height:23px;
        float:left;
        border-color:#9bafc6*/
		  width: 90%;
          height: 23px;
          margin: 0 auto;
          border-color: #9bafc6;
    }

    .mobile .searchBar input[type='text']{
        width:80% !important;
        height:25px;
    }

    .mobile .searchBar input[type='image']{
        background:url(../img/sprite.png) -13px -14px no-repeat;
    }

    .mobile ul.quickIcons{
        background:none;
        border:none;
        float:none;
        /*margin-left:2%;*/
		display:inline-flex;
		margin:0 auto;
    }

    .mobile ul.quickIcons>li a{
        padding:0 5% !important;
        border:none !important;
    }

    .menuIcon{
        margin:13px 10px 0 0;
    }

    .navigation{
        border-bottom:0;
        height:inherit !important;
    }

    #nav>li{
        float:none !important;
        text-align:center;
    }

    #nav>li a, #nav>li span{
        padding:10px 0;
        border-bottom:2px solid #ebebeb;
    }

    #nav>li>a:hover{
        border-bottom:2px solid #1c64a1;
    }

    #nav>li:first-child{
        border-bottom:2px solid #ebebeb;
        height:33px;
        background:#a5c2e5;
    }

    .updates, .section{
        width:100% !important;
        clear:both;
    }

    .asideContainer{
        display:none !important;
    }

    .asideContainer{
        width:256px;
        height:90%;
        z-index:4;
        position:fixed;
        top:5%;
        right:0;
        box-shadow:5px 0 20px #000;
        background:#f5fafd;
        overflow-y:scroll;
        border-radius:5px;
    }

    #bgFade{
        background:#000;
        opacity:0.5;
        height:100%;
        width:100%;
        position:fixed;
        top:0;
        left:0;
        z-index:2;
    }

    .asidePopup{
        background:url(../img/sprite.png) -14px -48px no-repeat;
        width:28px;
        height:54px;
        position:fixed;
        top:45%;
        right:0;
        cursor:pointer;
        z-index:4;
    }

    .asideCollapse{
        background:url(../img/sprite.png) -58px -48px no-repeat !important;
        right:256px !important;
    }

    .asideContainer>.moduletable{
        border-radius:0;
        border: 0;
        border-top: 1px solid #c7d5dd;
        border-bottom: 1px solid #c7d5dd;
    }
	
	#mainMenu>li:hover ul.nav-child{
		position:relative;
		border-top-width:0;
		top:0;
		box-shadow:none;
		display:none;
	}
	#mainMenu>li ul.nav-child{
	width:100%;
	}
	#mainMenu>li ul.nav-child a{
		width:inherit;
		
	}
	
	#mainMenu>li ul.nav-child li{
		border:0;
	}

	#headingSlider{
		left:-11px
	}
	
	/* Two buttons in books */
	.onebtn{
		position: relative;
		left:-164px;
		width:74% !important;
	}

	.twobtn{
		position: absolute;
		width:74% !important;
		right:0px;
	}
}

@media only screen and (max-width: 620px) {
	.btn{
		width:98.1%;
		margin-top:8px !important;
	}
	
	.btn-primary{
		width:100%;
	}
	
	#headingSlider{
		left:-6px
	}

}


@media only screen and (max-width: 548px){
	.introPlayer{
		width:100%;
		display:block;
		margin:5px 0;
		position:inherit !important;
	}
	.chzn-container {
    display: block !important;
     width:100% !important;
}
    #logoz{
        -webkit-transition: width 0.5s;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -ms-transition: width 0.5s;
        transition: width 0.5s;
    }

    .footer{
        border-bottom:0;
        margin-top:20px;
        padding:10px 0;
    }

    .footer>.resWidth{
        display:none;
    }

    .copyRyt{
        text-align:center;
        display:block !important;
    }
	
	.btnPos{
		width:100%;
		margin:0;
	}
	
	.btnBelief{
		width:86%
	}
	
	.bookCen{
		width:100%;
		text-align:center;
	}
	
	#finder-search fieldset.word a, #finder-search fieldset.word input[type='text']{
		width:96.9%;
	}
	
	.btn{
		margin-top:8px;
		width:99.3%;
	}
	
	#headingSlider{
		left:0px;
		width:100%;
	}
	
	/* Two buttons in books */
	.onebtn{
		position: inherit;
		left:0px;
		width:98% !important;
	}

	.twobtn{
		position:inherit;
		width:98% !important;
		right:0px; 
	}
	
}

@media only screen and (max-width: 400px){
    #logoz{
      	margin-top:4px;
      max-width:250px;
        -webkit-transition: margin 0.5s;
        -moz-transition: margin 0.5s;
        -o-transition: margin 0.5s;
        -ms-transition: margin 0.5s;
        transition: margin 0.5s;
    }
}