/******************************** Responsive ***************************************/

/***desktop*/
@media all and (min-width: 1200px){
	header .navbar-default .navbar-nav > li > a{
		font-size: 17pt;
	}
	.ff .ff-links{
		float: right;
		margin-left: 0px;
		text-align: right;
		padding-right: 15px;
	}
	.ff .ff-link{
		padding: 0px;
		text-align: right;
		width: auto;
		margin-left: 57px;
	}
	.ff .ff-link:first-child{
		margin-left: 0px;
	}
	main .nav-tabs {
		display: table;
	}
	main .nav-tabs {
		display: table;
		width: 100%;
	}
	main .nav-tabs > li{
		display: table-cell;
		float: none;
		text-align: center;
	}
	footer .footer-right ul li{
		line-height: 24px;
	}
	footer .footer-left > div > div, footer .footer-right div > div{
		font-size: 12pt;
	}
}
@media all and (max-width: 1199px){
	.container{
		width: 100%;
	}
	h1{
		font-size: 17.4pt;
	}
	/****** Header ******/
	header a{
		font-size: 12pt;
	}
	header .navbar-default .navbar-nav > li > a{
		font-size: 14pt;
	}
	header .header-right .blog a{
		font-size: 16pt;
		float: right;
		padding-right: 20px;
	}
	header .navbar-form .form-group{
		width: 80%;
	}
	header .search-block input[type=text]{
		width: 100%;
		font-size: 11pt;
		padding-left: 10px;
		height: 35px;
		float: left;
	}
	header .search-block button#search-submit{
		float: left;
		font-size: 15pt;
		height:35px;
		width: 35px;
	}
	header ul.social-links li{
		margin: 0;
	}
	header .newletter-block{
		background-size: 100% 100%;
		padding-left: 45px;
		height: 35px;
		padding-top: 8px;
	}
	header .newletter-block a{
		font-size: 11pt;
	}
	/****** Main ******/
	main .home-block-img .overlay-title .header-title a{
		font-size: 17pt;
	}
	/*book detail*/
	main .book-detail .book-detail-content div.book-detail-google{
		min-height: 450px
	}
	/*Journal detail top*/
	main .journal-detail-top .journal-detail-link .position-bottom{
		position: relative;
		width: 100%;
		bottom: auto;
		left: auto;
		right: auto;
	}
	main .home-block-img{
		height: 320px;
	}
	main .home-block-img .overlay-title{
		height: 60px;
		padding: 0;
	}
	main .book-list .regular-layout .book-list-info > div .right .button-book{
		font-size: 10pt;
	}
	main .person-list-toolbar ul.person-list-filter-az{
		display: block;
		text-align: center;
	}
	main .person-list-toolbar ul.person-list-filter-az li{
		display: inline-block;
		margin-bottom: 15px;
	}
	/****** FF ******/
	.ff .ff-title h2{
		font-size: 25pt;
		padding-top: 5px;
	}
	.ff .ff-link{
		display: table;
	}
	.ff .ff-link{
		text-align: center;
		display: table-cell;
	}
	.ff .ff-link a{
		font-size: 13pt;
	}
	/****** Bookshelf ******/
	main .bookshelf .carousel-control.right {
    	right: 0px;
	}
	main .bookshelf .left.carousel-control {
   	 	left: 0px;
	}
	/****** Footer ******/
	footer .footer-right .footer-menus .block-title{
		font-size: 10pt;
	}
	footer a{
		font-size: 10pt;
	}
	footer .footer-right div > div{
		font-size: 10pt;
	}
	footer .footer-left {
		padding-right: 120px;
	}
	footer .footer-left .stison-block h3{
		font-size: 12pt;
		font-weight: normal;
	}
	footer .footer-left .stison-block p{
		font-size: 11pt;
		font-weight: normal;
	}
	footer .footer-right .footer-contact-social .social-links{
		margin-bottom: 15px;
	}
	footer ul.social-links li a{
		height: 25px;
		width: 25px;
	}
}
@media all and (min-width: 992px){
	.show-tablet{
		display: none;
	}
	/****** Header ******/
	header ul.nav > li.dropdown:hover > a:after{
		content: '';
		width:0px;
		height:0px;
		border-left:13px solid transparent;
		border-right:13px solid transparent;
		border-bottom: 13px solid #003D4C;
		position: absolute;
		bottom: 0px;
		right: 0;
		left: 0;
		margin: 0 auto;
		opacity: 0.9;
	}
	header ul.navbar-nav > li > ul.dropdown-menu{
		border: 0px;
	}
	header ul.navbar-nav > li.dropdown:first-child > ul{
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		-webkit-column-rule: 1px solid #336470;
		-moz-column-rule: 1px solid #336470;
		column-rule: 1px solid #336470;
	}
	/****** Main ******/
	main .carousel-inner > div > div.col-md-2{
    	width: 20%;
	}
	footer ul li{
		line-height: 18px;
	}
}
/**table**/
@media all and (max-width: 991px){
	.container{
		width: 100%;
		padding: 0px;
	}
	.show-tablet{
		display: block;
	}
	.hide-tablet{
		display: none;
	}
	h1{
		font-size: 12.6pt;
	}
	/****** Header ******/
	header a{
		font-size: 12px;
	}
	header .navbar-default .navbar-nav > li > a{
		font-size: 14px;
	}
	header .header-right .blog a{
		font-size: 15px;
		line-height: 40px;
	}
	header .header-left img{
		max-width: 100%;
		height: auto;
	}
	header .navbar-form .form-group{
		width: 70%;
		float: left;
	}
	header .search-block input[type=text]{
		font-size: 9pt;
		height: 30px;
	}
	header .search-block button#search-submit{
		font-size: 13.5pt;
		width: 30px;
		height: 30px;
	}
	header .newletter-header{
		margin-top: 0px;
	}
	header .search-block{
		margin-top: -10px;
		margin-left: 26px;
	}
	header .newletter-block{
		/*background-size: auto 100%;
		margin-bottom: 10px;*/
		height: 30px;
		padding-left: 40px;
		padding-top: 4px;
	}
	header .newletter-block a{
		font-size: 9pt;
	}
	header .header-right #w3{
		border-left: 0px solid #f2f5f6;
		/*padding-left: 20px;*/
		margin-top: 5px;
		width: 100%;
	}
	header .header-right #w2{
		padding-right: 20px;
	}
	header ul.social-links li a{
		width: 25px;
		height: 25px;
	}
	header .navbar-default{
		margin-top: 0;
	}
	header .header-right #w5{
		padding-right:10px;
	}
	/****** Main ******/
	main .person-list .person-list-item .person-item-info{
		display: block;
	}
	main .person-list .person-list-item .person-item-info div{
		width: 100%;
	}
	main .person-list .person-list-item .person-item-info > div.person-image{
		padding: 0 30px;
	}
	main .subject-editor{
		display: block;
	}
	main .subject-editor > div,
	main .subject-editor > div.subject-editor-image{
		width: 100%;
		border: 0px;
		padding: 0 30px
	}
	/*book detail*/
	main .blueimp-gallery{
		padding-bottom: 300px;
	}
	main .book-detail .book-detail-content div.book-detail-google > div ul li a{
		font-size: 13px;
	}
	main .book-list .regular-layout .book-list-info > div .right .button-book{
		font-size: 7pt;
	}
	.tab-content .tab-pane blockquote{
		width: 50%;
	}
	/*book list*/
	.book-list-grid .book-list-item{
		width: 25%;
		float: left;
	}
	/****** FF ******/
	.ff{
		padding: 20px 15px;
	}
	.ff .ff-title h2{
		margin-bottom: 20px;
	}
	.ff .ff-link{
		text-align: left;
	}
	.ff.show-tablet .ff-link a{
		font-size: 14pt;
	}
	/****** Footer ******/
	footer .footer-left{
		width: 30%;
	}
	footer .footer-right{
		width: 70%;
	}
	footer .footer-right .footer-menus .block-title{
		font-size: 8pt;
	}
	footer a{
		font-size: 8pt;
	}
	footer .footer-right div > div{
		font-size: 8pt;
	}
	footer .footer-left {
		padding-right: 60px;
	}
	footer .footer-right .footer-contact-social .social-links{
		margin-bottom: 10px;
	}
	footer .footer-left .stison-block h3{
		font-size: 10pt;
	}
	footer .footer-left .stison-block p{
		font-size: 9pt;
	}
	footer #below-footer-wrap, footer #below-footer-wrap .menu-block a{
		font-size: 7pt;
		line-height: 10px;
	}
}
/**tablet desktop**/
@media all and (max-width: 880px){
	header .navbar-default .navbar-nav > li > a{
		font-size: 10.1pt;
	}
}
@media all and (min-width: 768px){
	.blueimp-gallery{
		margin: 0 15px;
	}
	.blueimp-gallery>.slides>.slide>.slide-content{
		/*background-size: 100% 100% !important;*/
	}
	header .navbar-default .navbar-nav{
		width: 100%;
		display: table;
		position: relative;
	}

	footer li{
		line-height: 14px;
	}
}

@media all and (min-width: 768px) and (max-width: 768px) {
	header .search-block{
		margin-top: 10px;
		margin-left: 100px;
	}
}
	/**mobile**/
@media all and (max-width: 768px){

	.navbar-collapse.collapse{
		display: none!important;
	}
	.mm-panels ul li{
		width: 100%;
	}
	.mm-hidden{
		display: block;
	}
	.show-mobile{
		display: block;
	}
	.show-tablet{
		display: none;
	}
	.row-eq-height {
		display: block;
	}
	.mobile-display-flex{
		display: flex;
	}
	.hide-mobile{
		display: none;
	}
	.hide-tablet{
		display: block;
	}

	.mm-menu.mm-offcanvas{
		display: none!important;
	}

	.mm-menu.mm-offcanvas.mm-current{
		display: block!important;
	}
	/****** Header ******/
	header {
    	padding-top: 30px;
    	height: 150px;
	}

	header .header-right #w3 {
		width: 100% !important;
		position: absolute;
		left: 0;
		/*margin-left: 50px;*/
		margin-top: 80px;
	}
	header .header-right #w2, header .header-right #w7{
		display: none;
	}
	header .header-right #stison-block-header-3-0, header .header-right #stison-block-header-3-1  {
		display: none;

	}
	header .header-right-bottom{
		display: block;
		margin-top: 15px;
	}
	header ul.social-links li a{
		width: 32px;
		height: 32px;
	}


	/****** Below Header ******/
	header #below-header-wrap button.navbar-toggle{
		border: 0px;
		margin-top: -84px;
		margin-right: 10px;
		padding: 0px;
	}
	header #below-header-wrap button.navbar-toggle .icon-bar{
		width: 35px;
		height: 5px;
		border-radius: 3px;
		margin: 6px 0;
		background-color: #003D4C;
	}
	header #below-header-wrap .navbar-default{
		min-height: 0px;
		padding: 0px;
		position: absolute;
		z-index: 1000;
		background: #003D4C;
		opacity: 0.9;
	}
	header #below-header-wrap .navbar-nav > li{
		border-bottom: 2px solid #0BC5DE;
	}
	header #below-header-wrap .navbar-nav > li > a{
		color: #0BC5DE;
	}
	header #below-header-wrap .container{
		padding: 0px;
	}
	header #below-header-wrap{
		max-height: 0;
	}
	header #below-header-wrap .container{
		max-height: 0;
	}
	header #below-header-wrap .navbar-default{
		max-height: 0;
		max-width: 0;
		padding: 0;
	}
	header .social-links{
		width: auto;
	}
	header .header-right{
		padding: 0;
		width:50%;
	}
	header .header-right-bottom{
		margin-top: 15px;
		padding-right: 15px;
		width:55%;
	}
	header .header-right-bottom .newletter-icon-mobi{
		height: 30px;
		width: 30px;
		margin: 0;
		padding: 0;
	}
	header ul.social-links li a{
		height: 32px;
		width: 32px;
	}
	header .header-right-bottom .float-right{
		padding: 0;
		height: 32px;
		width: 32px;
	}
	header .header-right-bottom .float-right a img{
		width: 32px !important;
		height: 32px !important;
	}
	header .header-right-bottom > div > ul.social-links{
		padding-left: 10px;
		padding-right: 10px;
	}
	header .header-right-bottom > div > ul.social-links > li{
		padding-left: 10px;
		padding-right: 10px;
	}
	/****** Footer ******/
	footer .footer-right .footer-contact-social{
		border-left: 0px;
		padding: 0px;
	}
	footer .footer-right .footer-contact-social .block-title{
		display: block;
		margin-bottom: 10px;
		font-size: 12pt;
	}
	footer .footer-right{
		width: 100%;
	}
	/****** Main ******/
	main{
		margin-top: 0px;
	}
	/*breadcrumbs*/
	main .breadcrumbs-block{
		margin: 0px;
		padding: 0px;
	}
	main .breadcrumbs-block ul li{
		display: none;
	}
	main #above-content-wrap{
		max-height: 0;
	}
	main #above-content-wrap .container{
		max-height: 0;
	}
	main .home-block-img{
		height: 350px;
	}
	main .breadcrumbs-block ul{
		padding: 0;
	}
	/*book detail*/
	main .book-detail .book-detail-content > div > div,
	main .book-detail .book-detail-content > div {
		padding: 0px;
	}
	main .book-detail .book-detail-content > div.book-detail-thumbnail{
		padding: 30px 100px;
		border-right: 0px;
		width: 100%!important;
	}
	main .book-detail .book-detail-content > div.book-detail-info{
		padding: 0px;
		width: 100%!important;
	}
	main .book-detail .book-detail-content > div.book-detail-info ul.nav-pills{
		padding: 10px 0px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-right: 0px;
	}
	main .book-detail .book-detail-content > div.book-detail-info ul.nav-pills{
		text-align: center;
	}
	main .book-detail .book-detail-content > div.book-detail-info ul.nav-pills > li{
		float:none;
		display:inline-block;
	}
	main .book-detail .book-detail-content div.book-detail-google{
		padding: 10px 10px;
		min-height: 350px;
	}
	main .book-detail-tabs-mobile h3{
		font-size: 21px;
		font-weight: bold;
		color: #003D4C;
	}
	main .book-detail-tabs-mobile{
		font-size: 18px;
		font-weight: normal;
		color: #809EA5;
		line-height: 40px;
	}
	.tab-content .tab-pane blockquote{
		width: 100%;
	}
	main .book-detail .book-detail-forms li > span{
		padding: 0;
		border: 0;
		margin: 0;
		line-height: 20px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket a{
		font-size: 14pt;
		padding-right: 20px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket a span{
		margin-right: 10px;
	}
	.book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket{
		margin-top: 10px;
	}
	/*book list*/
	.book-list-grid .book-list-item{
		width: 50%;
		float: left;
	}
	.book-list .regular-layout .book-list-info{
		display: block;
	}
	.book-list .regular-layout .book-list-info > div{
		display: block;
	}
	.book-list .regular-layout .book-list-info > div:last-child{
		padding-left: 0;
		padding-right: 15px;
	}
	.book-list .regular-layout .book-list-info > div:last-child  > div:last-child{
		padding-right: 15px;
	}
	.book-list .regular-layout .book-list-info > div .right{
		border: 0;
	}
	.book-list .regular-layout .book-list-info > div .right .button-book{
		font-size: 11.6pt;
	}

    .book-list-grid .book-item-image img { width:auto !important; }    
	/*person list*/
	main .person-list .person-list-item .person-item-info > div{
		border: 0px;
	}
	/*subject editor*/
	main .subject-editor > div{
		border-left: 0;
	}
	/****** FF ******/
	.ff .ff-title{
		padding: 0;
	}
	.ff .ff-title h2{
		font-size: 17pt;
	}
	.ff .ff-link{
		text-align: center;
	}
	.ff .ff-link a img{
		margin-right: 0px;
		height: 40px;
		width: 40px;
		padding: 10px;
		display: table;
		text-align: center;
		vertical-align: middle;
		margin: 5px auto;
	}
	main .blueimp-gallery{
		padding-bottom: 250px;
	}
	footer ul.social-links li{
		padding: 0 5px;
	}
	/*News*/
	.news-list{
		border-left: 0;
	}
	.news-detail-block {
		border-left: 0;
	}
}
@media all and (max-width: 736px){
	header{
		height: 135px;
	}
	header .header-right #w3{
		margin-top:80px;
	}
}
@media all and (min-width: 568px) and (max-width: 768px){

	header .header-right .header-right-bottom{
		position: absolute;
	}
	header .header-right #w3{
		border-left:0px solid;
		float: right;
	}
	header .header-right-bottom{
		width:50%;
	}
}
@media all and (max-width: 550px){
	/****** Header ******/
	header {
    	height: 100px;
	}
	header .header-left{
		text-align: center;
		width: 50%;
	}
	header .header-right .header-right-bottom{
		position: absolute;
	}
	header .header-right #w3{
		/*padding-left: 70px;*/
		margin-top: 50px;
		float: right;
		width: 150%;
	}

	header #below-header-wrap button.navbar-toggle{
		margin-top: -49px;
	}

	header .social-links{
		width: auto;
	}
	/****** Below Header ******/
	.mm-menu.mm-offcanvas.mm-current{
		top: 100px;
	}
	html.mm-blocking #mm-blocker{
		height: 100px;
	}
	/****** Main ******/
	/*breadcrumbs*/
	main .breadcrumbs-block{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	/*book detail*/
	main .book-detail .book-detail-content div.book-detail-google{
		min-height: 450px;
	}
	/*book list*/
	.book-list-grid .book-list-item{
		width: 100%;
		float: left;
	}
}

@media all and (max-width: 480px){
	/****** FF ******/
	.ff .ff-link a{
		font-size: 12pt;
	}

	/*basket detail book*/
	span.glyphicon.glyphicon-shopping-cart{
		font-size: 12px;
		padding-right: 10px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket{
		width: 100%;
		float: left;
	}
	main .home-block-img{
		height: 300px;
	}
	/****** Header ******/
	header {
    	padding-top: 20px;
	}

	header .header-right #w3{
		/*width: 120%;*/
	}

	header .header-right-bottom{
		margin-top: 10px;
		padding-right: 20px;
	}
	header .header-right-bottom .newletter-icon-mobi{
		height: 30px;
		width: 30px;
	}
	header ul.social-links li a{
		height: 30px;
		width: 30px;
	}
	header .header-right-bottom .float-right{
		height: 30px;
		width: 30px;
	}
	header .header-right-bottom .float-right a img{
		width: 30px !important;
		height: 30px !important;
	}
	header .header-right-bottom > div > ul.social-links{
		padding-left: 8px;
		padding-right: 8px;
	}
	header .header-right-bottom > div > ul.social-links > li{
		padding-left: 8px;
		padding-right: 8px;
	}
	main .blueimp-gallery{
		padding-bottom: 200px;
	}
	main .bookshelf h2{
		font-size: 10pt;
		line-height: 20px;
	}

	main .bookshelf h3{
		font-size: 10pt;
		line-height: 20px;
	}

	main .bookshelf p{
		font-size: 8pt;
	}
	main .bookshelf .verbose-layout .carousel-inner > div > div{
		min-height: 470px;
	}
}
@media all and (max-width: 420px){
	/****** Header ******/
	header {
    	height: 100px;
	}
	header .header-right-bottom{
		margin-top: 5px;
		padding-right: 15px;
	}
	header .header-right-bottom .newletter-icon-mobi{
		height: 20px;
		width: 20px;
	}
	header ul.social-links li a{
		height: 20px;
		width: 20px;
	}
	header .header-right-bottom .float-right{
		padding: 0;
		height: 20px;
		width: 20px;
	}
	header .header-right-bottom .float-right a img{
		width: 20px !important;
		height: 20px !important;
	}
	header .header-right-bottom > div > ul.social-links{
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
	}
	header .header-right-bottom > div > ul.social-links > li{
		padding-left: 5px;
		padding-right: 5px;
	}
	.mm-menu.mm-offcanvas.mm-current{
		top: 75px;
	}
	html.mm-blocking #mm-blocker{
		height: 75px;
	}
	/****** Main ******/
	/*book detail*/
	main .book-detail .book-detail-content > div.book-detail-thumbnail{
		padding: 30px 60px;
		border-right: 0px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content{
		padding-right: 0px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li h3{
		font-size: 9pt;
	}
	main .book-detail .book-detail-forms li > span{
		font-size: 9pt;
	}
	main .book-detail .book-detail-content div.book-detail-google > div ul li a{
		font-size: 9pt;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-price{
		font-size: 15pt
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket a{
		font-size: 10pt;
		padding-right: 10px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket a span{
		margin-right: 10px;
	}
	main .book-detail .book-detail-content div.book-detail-google > div .position-bottom a{
		font-size: 9pt;
	}
}

/*@media all and (max-width: 384px){
	header .header-right #w3{
	}
}*/
@media all and (max-width: 384px){
	header{
		height: 85px;
	}
	header .header-right-bottom{
		width: 55%;
	}
	header .header-right #w3{
		margin-top: 40px;
	}
	.ff .ff-link a{
		font-size: 10pt;
	}
	main .blueimp-gallery{
		padding-bottom: 100px;
	}
	main .home-block-img{
		height: 250px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket a{
		font-size: 8pt;
		padding-right: 10px;
	}
	main .book-detail .book-detail-content > div.book-detail-info > div > div .tab-content li span.book-detail-add-basket a span{
		margin-right: 5px;
	}
	main .glyphicon-shopping-cart:before{
		top: 8px;
	}
	main .book-detail .book-detail-content div.book-detail-google > div .position-bottom a{
		font-size: 9pt;
	}
}
/******************************** END Responsive ***************************************/