/* RESPONSIVE */

@media only screen and (max-width: 1199px) {
	.header-wrapper-inner, #main, #block-panels-mini-footer, #block-block-2, #navigation > .region.region-navigation {
		margin-right: auto;
		margin-left: auto;
		max-width: 92%;
	}
	#block-nice-menus-1 li {
		margin-right: 14px;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1050px){
	.blog-content-row.half-width .blog-content-left {
		margin-right: 0;
		width: 100%;
	}
	.blog-content-row.half-width .blog-content-right {
	    width: 100%;
	}
}

/* CHROME SPECIFIC FIX HEADER */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 987px) { 
	#block-views-exp-search-page-page .form-type-textfield input::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #block-views-exp-search-page-page .form-type-textfield input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    #block-views-exp-search-page-page .form-type-textfield input::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    #block-views-exp-search-page-page .form-type-textfield input:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }
	#block-views-exp-search-page-page .form-type-textfield input {
		border-radius: 25px;
		width: 35px;
		float: right;
	}
	.header-wrapper-inner {
		margin-top: 0;
		text-align: center;
	}
	.header__logo {
	    float: unset;
	    position: relative;
	    text-align: center;
	    width: auto;
	    display: inline-block;
	    margin: 0 auto;
	}
	#name-and-slogan {
		left: 0;
		margin: 0 0 30px;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#site-slogan, #site-name {
		left: 0 !important;
		position: relative;
	}
	#block-views-country-block {
		display: inline-block;
		left: 0;
		margin: 20px 0;
		position: relative;
		width: 100%;
	}
	#block-views-exp-search-page-page {
		float: none;
		margin: 0;
		position: absolute;
		right: -5px;
		top: -32px;
		width: 90%;
		z-index: 9;
		height: 47px;
	}
	.mean-container .mean-bar {
		background: #0019ab none repeat scroll 0 0;
		z-index: 1;
	}
	div.mean-bar.menu-open {
		z-index: 999999 !important;
	}

	.mean-bar.menu-close {
	    z-index: 0;
	}

	.above-header-bar {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 40px;
	    background: #0019ab none repeat scroll 0 0;
	    z-index: -1;
		top: 0;
	}

	.above-header-bar .region-above-header {
		display:none;
	}

	#block-views-country-block {
		display: none;
	}	
	.mean-container .mean-nav ul li a {
		border-top: 1px solid #fdce00;
		background: #22adaa none repeat scroll 0 0;
	}
	.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li a.mean-expand:hover {	
		background: #fff none repeat scroll 0 0;
		border-radius: 100%;
		color: #22adaa !important;
		font-size: 17px !important;
		height: 15px !important;
		padding: 4px 8px 10px !important;
		right: 10px !important;
		top: 13px !important;
		width: 15px !important;
	}
	.header__logo-image {
		position: relative;
		top: -35px;
	}
	.mean-container .mean-nav ul li a {
		font-weight: bold !important;
		font-size: 17px !important;
		text-transform: capitalize;
	}
	.mean-container .mean-nav ul li a:hover {
		background: #22adaa none repeat scroll 0 0;
	}	
	.mean-container .mean-nav ul li:nth-child(4) ul li {
		float: left;
		width: 49.9%;
	}
	.mean-container .mean-nav ul li > ul li a, .mean-container .mean-nav ul li > ul li a:hover {
		background: #2112af none repeat scroll 0 0;
		color: #fff;
	}

	#block-views-exp-search-page-page .form-type-textfield input {
	    padding: 13px 28px 13px 20px;
	}

	#block-views-exp-search-page-page .form-submit {
		right: 9px;
		top: 9px;
	    background: transparent url("../images/search-icon.svg") no-repeat scroll 50% 50%;
	    height: 30px;
	    width: 30px;		
	}

	.mean-container .mean-bar {
	    top: 18px;
	}	

	.mean-container a.meanmenu-reveal {
	    font-family: "Avenir Next";
	}	

	.mean-container a.meanmenu-reveal span {
	    border-radius: 16px;
	    height: 4px;
	}

	.mean-container a.meanmenu-reveal {
	    width: 29px;
	    height: 27px;
	}
}

/* ALL BROWSER HEADER FIX */
@media only screen and (max-width: 970px) { 
	#block-views-exp-search-page-page .form-type-textfield input::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #block-views-exp-search-page-page .form-type-textfield input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    #block-views-exp-search-page-page .form-type-textfield input::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    #block-views-exp-search-page-page .form-type-textfield input:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }
	#block-views-exp-search-page-page .form-type-textfield input {
		border-radius: 25px;
		width: 35px;
		float: right;
	}
	.header-wrapper-inner {
		margin-top: 0;
		text-align: center;
	}
	.header__logo {
	    float: unset;
	    position: relative;
	    text-align: center;
	    width: auto;
	    display: inline-block;
	    margin: 0 auto;
	}
	#name-and-slogan {
		left: 0;
		margin: 0 0 30px;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#site-slogan, #site-name {
		left: 0 !important;
		position: relative;
	}
	#block-views-country-block {
		display: inline-block;
		left: 0;
		margin: 20px 0;
		position: relative;
		width: 100%;
	}
	#block-views-exp-search-page-page {
		float: none;
		margin: 0;
		position: absolute;
		right: -5px;
		top: -32px;
		width: 90%;
		z-index: 9;
		height: 47px;
	}
	.mean-container .mean-bar {
		background: #0019ab none repeat scroll 0 0;
		z-index: 1;
	}
	div.mean-bar.menu-open {
		z-index: 999999 !important;
	}

	.mean-bar.menu-close {
	    z-index: 0;
	}

	.above-header-bar {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 40px;
	    background: #0019ab none repeat scroll 0 0;
	    z-index: -1;
		top: 0;
	}

	.above-header-bar .region-above-header {
		display:none !important;
	}

	#block-views-country-block {
		display: none;
	}	
	.mean-container .mean-nav ul li a {
		border-top: 1px solid #fdce00;
		background: #22adaa none repeat scroll 0 0;
	}
	.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li a.mean-expand:hover {	
		background: #fff none repeat scroll 0 0;
		border-radius: 100%;
		color: #22adaa !important;
		font-size: 17px !important;
		height: 15px !important;
		padding: 4px 8px 10px !important;
		right: 10px !important;
		top: 13px !important;
		width: 15px !important;
	}
	.header__logo-image {
		position: relative;
		top: -35px;
	}
	.mean-container .mean-nav ul li a {
		font-weight: bold !important;
		font-size: 17px !important;
		text-transform: capitalize;
	}
	.mean-container .mean-nav ul li a:hover {
		background: #22adaa none repeat scroll 0 0;
	}	
	.mean-container .mean-nav ul li:nth-child(4) ul li {
		float: left;
		width: 49.9%;
	}
	.mean-container .mean-nav ul li > ul li a, .mean-container .mean-nav ul li > ul li a:hover {
		background: #2112af none repeat scroll 0 0;
		color: #fff;
	}

	#block-views-exp-search-page-page .form-type-textfield input {
        padding: 10px 28px 10px 20px;
	}

	#block-views-exp-search-page-page .form-submit {
		background: transparent url("../images/search-icon.svg") no-repeat scroll 50% 50% !important;
		height: 30px !important;
		right: 9px !important;
		top: 9px !important;
		width: 30px !important;		
	}

	.mean-container .mean-bar {
	    top: 18px;
	}	

	.mean-container a.meanmenu-reveal {
	    font-family: "Avenir Next";
	}	

	.mean-container a.meanmenu-reveal span {
	    border-radius: 16px;
	    height: 4px;
	}

	.mean-container a.meanmenu-reveal {
	    width: 29px;
	    height: 27px;
	}	
}

@media only screen and (max-width: 992px) {	
	.front .panel-2col-stacked .panel-col-last {
		width: calc(100%);
	}	
	.front .panel-2col-stacked .panel-col-first {
		width: 100%;
	}
	.two-sidebars #content, 
	.two-sidebars .region-sidebar-first, 
	.two-sidebars .region-sidebar-second,
	.sidebar-first .region-sidebar-first, 
	.sidebar-first #content{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.two-sidebars .region-sidebar-second .block {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
}

@media only screen and (max-width: 768px) {	
	.mailchimp-wrapper {
		width: 92%;
	}	
	#mc_embed_signup form {
		padding: 10px 0;
	}
	#mini-panel-footer .panels-flexible-region, #mini-panel-footer .panels-flexible-region > div.inside {
		width: 100%;
		padding: 0;
	}
	.view-books li {
		margin-bottom: 20px;
		margin-right: 0;
		min-height: auto;
		width: calc(100% - 10px);
	}
}

@media only screen and (max-width: 620px) {	
	.blog-content-row.half-width .blog-content-left {
		margin-right: 0;
		width: 100%;
	}
	.blog-content-row.half-width .blog-content-right {
	    width: 100%;
	}
}

@media only screen and (max-width: 500px) {	
	.mailchimp-wrapper.mailchimp-popup #mc_embed_signup .mc-field-group input[type="email"] {
		width: 100% !important;
		margin-bottom: 10px;
		border-radius: 10px !important;
	}
	.mailchimp-wrapper.mailchimp-popup #mc_embed_signup .mc-field-group {
	    padding-bottom: 0;
	    min-height: auto;
	    width: 100%;
	}
	.mailchimp-wrapper.mailchimp-popup #mc_embed_signup input[type="submit"] {
	    width: 100%;
	    position: relative;
	    border-radius: 10px !important;
	    top: 0;
	}
}

@media only screen and (max-width: 480px) {	 	
	.view-homepage-artwork img {
		height: auto;
		padding: 5px;
		width: calc(100% - 10px);
	}
	#content img {
		width: 100% !important;
		height: auto !important;
	}
}

@media only screen and (max-width: 400px) {	 	
	.container-inline div, .container-inline label {
		display: block;
		margin: 0;
		width: 100%;
	}

	#homepage {
		overflow: hidden;
	}
}