/**********************************************
	Media screen
	Min: 768px
	Max: 1024px
***********************************************/
@media screen and (min-width: 768px) and (max-width: 1024px) {
/************************************************
	HomePage
************************************************/
	#featured-articles .post-block-entry .entry-thumbnail {
		height: 300px;
	}

	.top-bar-menu-warp .container { padding-left: 15px; padding-right: 15px;}
	#desktop-search-wrapper { margin:0; }
	.header-nav-menu .col-sm-2{ padding: 0;}

	#header-nav-social > ul > li {
		margin-left: 4px;
		display: inline;
	}

	.search-in { clear:both; margin-top:5px;}

	#logout-link,
	#sign-up-link {
		display: block;
	}

.widget-sidebar .post-title {
    padding-left: 20%;
}
.widget-sidebar .entry-date {
    padding-left: 20%;
}
/************************************************
	Event page.
************************************************/
	.event-list-filter { margin-top: -8px; }
	.event-list-filter #tribe-bar-search,
	.event-month-filter #tribe-bar-search,
	.event-month-filter #tribe-bar-date {
		height: 30px !important;
}
	.event-month-filter {
		/*margin-top: -20px !important;*/
	}
	.event-month-filter .tribe-bar-submit,
	.event-month-filter .event-month-button {
		/*margin-top: 18px !important;*/
	}
/************************************************
	Check out form
************************************************/
	#email-exists-confim-box .js-modal-wrapper {
		width: 70%;
	}
}
/**********************************************
	Media screen
	Min: 767px
***********************************************/
@media screen and (max-width: 767px) {
	body {
		height: auto;
	}
	#primary {
		padding-bottom: 20px;
	}
	.menu-text{
		display:none!important;
	}
	.menu-icon{
		height:45px!important;
	}
	.col-tabs-wrap {
		display: block;
	}
	.post-block{
		height:auto !important;
		margin-bottom: 0px;
	}
	.post-block-entry .entry-thumbnail .mask-thumbnail,
	body.home .post-block-entry .entry-thumbnail .mask-thumbnail {
		max-height: none;
	}
/************************************************
	Header
************************************************/
	header .logo {
		text-align: center;
	}
	header .logo a img{
		width: auto;
	}
	.search-warp {
		height: 100px;
	}
	.search-warp form {
		top: 15%;
	}
	.search-warp .widget-area {
		width: 90%;
		margin: 0 auto;
	    padding-top: 6%;
	}
	#banner {
		margin-top: 45px;
	}

	#topCarousel {
		width: 120%!important;
	}

	.container.mobile{
		padding:0;
	}
	#primary {
		margin-top: 60px;
	}
	#mobile-col-tabs.cal-tabs-wrap {
		padding: 0.4em 0.6em;
	}
/************************************************
	Home Page
************************************************/
	#home-top {
		padding-top: 0;
		padding-bottom: 0;
		max-height: 210px;
		position: relative;
		overflow: hidden;
	}
	#home-top .ads-top-position img {
		height: 200px;
		width: 100%;
	}
	#home-top-wrapper {
		width: 100%;
		overflow: hidden;
		margin: 0;
	}
	#home-top-wrapper #home-top {
		padding-left: 0;
	}
	#home-top-wrapper a.right {
		right: 15%;
	}
	#home-top .carousel-indicators {
		left: 45%;
	}
	section#banner {
		height: 180px !important;
	}
	#featured-articles {
		margin-top: 10px;
	}
	#featured-articles .post-block{
		padding-top: 0px;
	}
	#featured-articles .post-block-entry .entry-thumbnail {
		height: 250px;
	}
/************************************************
	Footer
************************************************/
	.before-footer:after {
		content: "";
		min-width: 100%;
		display: block;
		height: 70px;
	}
/************************************************
	Posts
************************************************/
	article .breadcrumbs {
		display: none;
	}
	article .entry-child-tasting_note .tasting_note .score {
		border: none;
		margin-bottom: 15px;
		text-align: left;
		border-left: 2px solid #dedede;
		display: inline-block;
		padding-left: 20px;
	}
	article .entry-content .pdfprnt-top-right {
		position: static;
	}
	article .entry-content table {
		width: 100% !important;
	}
	article .entry-child-tasting_note .tasting_note .score .title {
		text-align: center;
	}
	article .entry-child-tasting_note .tasting_note .score .count {
		text-align: center;
		font-size: 3em !important;
	}
	article .entry-child-tasting_note h3 {
		font-size: 0.76923076923em;
		margin-right: 15px;
	}
	article .entry-child-tasting_note .tasting_note {
		padding-top: 4px;
	    padding-bottom: 3px;
	    padding-left: 5px;
	    margin-bottom: 8px;
	}
	article .entry-child-tasting_note .tasting_note .row {
		margin-bottom: 0px;
	}
	article .entry-child-tasting_note .tasting_note .accordion-body {
		font-size: 0.76923076923em;
	}
	article .entry-child-tasting_note .tasting_note .title i {
		margin-top: 3px;
		margin-right: -6px;
	}
	article .entry-child-tasting_note .tasting_note .alert-get-premium {
		padding-left: 15px;
	}
	/*article .entry-child-tasting_note .tasting_note .goto-single-tasting_note{
		right: 5px;
		bottom: 5px;
	}*/
	body.single-tasting_reports article .entry-child-tasting_note .tasting_note .goto-single-tasting_note {
		bottom: 5px;
	}
	.navigat-post .menu {
		margin-top: 10px;
	}
	.navigat-post .left.menu {
		margin-right: 30px !important;
		width: 70px;
	}
	.navigat-post .warp-left,
	.navigat-post .warp-right {
		position: relative;
	}
	.navigat-post .warp-left .left,
	.navigat-post .warp-right .right {
		position: absolute;
	}
	.navigat-post .warp-right .right {
		right: 0px;
		top: 0px;
	}
	.navigat-post .warp-left .right.menu,
	.navigat-post .warp-right .left.menu {
		float: none;
		display: inline-block;
		width: auto;
	}
	.navigat-post .right.menu {
		margin-left: 30px;
	}
	.pmpro_content_message .pm-alert-message {
		width: auto;
	}
	.premium-star.single {
		/*top: -15px;*/
		top: 0;
	}
	.pmpro_form .pmpro_thead-msg {
		display: block;
		float: left;
		width: 100%;
		text-align: left;
		font-style: normal;
		padding: 1em 0;
	}
	.pmpro_form .pmpro_thead-msg a {
		font-size: 0.9em !important;
	}
	header .sort-by,
	#category .sort-by,
	article .sort-by {
		float: left;
		text-align: left;
	}
/************************************************
	Comment box
************************************************/
	#comments #respond .submit {
		width: 100%;
		padding: 5px;
	}
/************************************************
	Search result page
************************************************/
	.nav-tabs {
		margin-top: 1em;
	}
	.nav-tabs li {
		font-size: 0.7em;
		font-weight: bold;
	}
	.nav-tabs>li>a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.emd-view-results .panel .panel-footer {
		font-size: 1em !important;
	}
	.search-form input[type="checkbox"] {
		margin-left: 0 !important;
	}
/************************************************
	Deactive Masnory When use on mobile
************************************************/
	/*.masonry-container {
		position: relative !important;
		height: auto !important;
	}
	.masonry-container .item {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		height: auto !important;
	}*/
/************************************************
	Event Page
************************************************/
	.tribe-events-loop .tribe-events-event-meta {
		padding: 0 !important;
		margin-top: 0;
		border: none;
		background-color: transparent;
	}

	#tribe-events-bar{
		display:none;
	}
/**********************************************
	Subscribe Modal
***********************************************/
	#subscribe-overlay {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#subscribe-content {
		display: block;
		width: 90%;
		margin-top: 5%;
	}
	#subscribe-description,
	#subcribe-flash-message .flash-desc,
	#subscribe-form label,
	#subscribe-content .button,
	#subscribe-form .small, #subscribe-form  small {
		font-size: 0.8em !important;
	}
	#subscribe-switch-lang-btn {
	    margin: 0.8em 0 0.5em 0.8em;
	}
	#subscribe-description {
		padding: 0.5em 1.5em 0.3em 1.5em;
	}
	#subscribe-form-fields {
		margin-bottom: 0;
	}
	#subcribe-flash-message .flash-title {
		font-size: 1em;
	}
	#subscribe-overlay {
		display: block;
	}
	#subscribe-content input {
		width: 90%;
		height: 30px;
	}
	#subscribe-form span.input-error {
		font-size: 0.8em;
	}
	#subscribe-form {
		padding: 0 1em 0.7em 1em;
	}
	#subscribe-form #pmpro_popup_form .popup-label label {
		text-align: left;
	}
	.text-sm-center {
		margin-top: 5px;
		text-align: center;
	}
	.text-right-small { text-align: right; }
	.text-left-small { text-align: left; }
	.subscribe-bottom-link {
		margin: 0;
	}
	#popup-form-submit-btn {
		text-align: center;
	}
/************************************************
	Advance Search
************************************************/
	.search-form .form-search-label {
    width: 100%;
		margin-top:5px;
	}
	.nav-search{
		font-size: 0.8em;
	}
	.search-tab{
		border-bottom: 1px solid #ddd;
		margin-bottom: 5px;
	}
/**********************************************
	Back to Top Button
***********************************************/
	a#scroll-up {
		right: 5px;
		bottom: 10px;
	}
/**********************************************
	Loading
***********************************************/
	#navLoading::after {
		content: '';
		height: 0px;
		width: 100%;
		display: block;
	}
/**********************************************
	Banner
***********************************************/
	section#banner #adsBannerCarousel .carousel-caption {
		width: 70% !important;
		padding-top: 0;
	}
	.carousel-caption span .title{
		font-weight: bold;
		font-style: normal;
		font-size: 1em;
		line-height: 1.5em;
		text-shadow: 1px 1px #2F2F2F;
	}
	.carousel-caption span .body{
		text-shadow: 1px 0px #2F2F2F;
		font-size: 0.6em;
		line-height: 1.5em;
		margin-top: 0px;
	}
/**********************************************
	Page
***********************************************/
	.contact-card {
		height: auto;
		max-height: inherit;
		margin-bottom: 0;
		padding: 0 10px 0 10px;
	}
	.post-block.person-height {
		height: auto !important;
	}
	#comments .post-block a.button {
		display: inline-block;
	}
	.profile-content {
		margin-top: 45px;
	}
	.profile-content header.user-header {
		margin-top: 20px;
	}
	.profile-content header.user-header .user-title{
		margin-top: 20px;
		margin: 0;
	}
	.license-term-row {
		width: 100%;
		margin: 1em 0;
	}
/**********************************************
	Footer
***********************************************/
	footer {
		display: none;
	}
	#footer-subscribe-bar {
		bottom:0;
		height: 55px;
	}
/**********************************************
	Trader User Management
***********************************************/
	#trader-add-link {
		width: 100%;
	}
	#trader-user-manage-area .pmpro_message {
		width: 100%;
	}
	#pmpro_form.checkout-form input#license-accept-checkbox {
		width: auto !important;
	}
/**********************************************
	js modal
***********************************************/
	.js-modal-overlay .js-modal-wrapper {
		width: 90%;
	}
/**********************************************
	User profile page
***********************************************/
	.user-profile-img.no-margin {
		margin: 0 auto !important;
		margin-bottom: 1em !important;
	}
	.user-table .row div[class^="col-sm-"]{
		padding-bottom: 10px;
	}
/**********************************************
	Edit profile page
***********************************************/
	.input-has-require input {
		width: 95% !important;
	}
	.profile-content .user-content .wine-gallery-wrapper {
		margin-bottom: 30px;
	}
	.profile-content .user-content .wine-added-wrapper p {
		text-align: left;
	}
/**********************************************
	popup on tasting report
***********************************************/
	#premium-popup.active .inside-popup {
		width: 90% !important;
	}
/**********************************************
	contact form
***********************************************/
	#pmpro_form.checkout-form input:not([name="CVV"]),
	form.wpcf7-form input[type="text"],
	form.wpcf7-form input[type="email"],
	form.wpcf7-form textarea{
		width:100% !important;
	}
/**********************************************
	check out form
***********************************************/
	#pmpro_form.checkout-form input,
	#pmpro_form.checkout-form select[name="bcountry"],
	#pmpro_form.checkout-form select#CardType{
		max-width: 95% !important;
		width: 95% !important;
	}
/************************************************
	Check out form
************************************************/
	#email-exists-confim-box .js-modal-wrapper {
		width: 80%;
	}
/************************************************
	thank you message
************************************************/
	#thankyou-popup-wrapper .js-modal-wrapper {
		width: 90%;
	}
	.member-level-block,
	.member-level-block .description {
		height: auto;
		min-height: auto;
	}
}
/**********************************************
	Media screen
	Min: 768px
	Max: 991px
***********************************************/
@media screen and (min-width: 768px) and (max-width: 991px) {
	div.emd-container .entry-thumbnail img {
		height: auto;
	}
	.ex-left-score {
		border-left: 1px solid #dedede;
	}
	header .navbar-nav li {
		font-size: 0.8125em;
		margin-right: 0.1em !important;
	}

	header .navbar-nav li a, .navbar-nav li a:visited, .navbar-nav li a:active {
		font-size: 0.75em;
		/*margin-right: 5px;*/
	}

	header .top-bar-warp img {
		margin-top: 5px;
	}
	header .top-bar-warp .slogan {
	    text-align: center;
	    font-size: 0.65em;
	    margin-top: 5px;
	}
	header .top-bar-warp .menu a {
	    font-weight: bold;
	    font-size: 0.625em;
	    margin-left: 5px;
	}
	header #header-nav-social ul li p {
		padding-top: 1px;
		width: 20px;
		height: 20px;
	}
	header #header-nav-social ul li p i {
		font-size: 1em;
	}
	.warp-header-user-menu {
		left: 10px;
	}
	.top-bar-warp {
		padding-left: 10px;
	}
	.ads-search-position {
		max-height: 80px;
	}
	#footer-nav-menu-left  li a ,#footer-nav-menu-right li a {
		padding: 0.6em 5px 0.6em 0;
	}
	#header-nav-menu ul[id^="menu-top-menu"] .sub-menu li {
		min-width: 180px !important;
	}
	footer {
		height: auto;
	}
	footer #footer-left_menu,
	footer #footer-right_menu {
		width: 100%;
	}
	footer #footer-right_menu ul#footer-nav-menu-right{
		float: left;
	}
	footer #footer-logo {
		position: absolute;
		right: 0px;
		top: 15px;
		width: 25%;
	}
	footer ul#footer-nav-menu-left li a {
		padding: 10px 25px 0px 0;
	}
	footer ul#footer-nav-menu-right li a {
		padding: 5px 25px 0px 0;
	}

	p#footer-copyright {
		margin-top: 10px;
	}

/************************************************
	Advance Search
************************************************/
	.nav-search{
		font-size: 0.8em;
	}
	.search-tab{
		border-bottom: 1px solid #ddd;
		margin-bottom: 5px;
	}
/************************************************
	Home Page
************************************************/
	#home-top {
		max-height: 210px;
		position: relative;
		overflow: hidden;
	}
	#home-top .ads-top-position img {
		height: 200px;
		width: 100%;
	}
	div.ajaxsearchpro[id*="ajaxsearchprosettings1_"].searchsettings fieldset .categoryfilter {
		margin-top: 0.5em;
	}
/************************************************
	Search result page
************************************************/
	.nav-tabs {
		margin-top: 1em;
	}
	.nav-tabs li {
		font-size: 1em;
		font-weight: bold;
	}
/************************************************
	Layout
************************************************/
	#primary::after {
		display: block;
		content: '';
		height: 100px;
	}
/************************************************
	Register Page
************************************************/
	#member-level .member-level-block > .price .number {
		color:#9A3334;
		font-size: 2em !important;
		font-weight: 800;
	}
	.member-level-block > .price {
		height: 150px;
		max-height: 150px;
	    padding: 3em 1em 2em 1em;
	}
	.member-level-block .description{
		height: 350px;
		max-height: 430px;
		overflow-y: scroll; 
	}
	.member-level-block > .title {
		height: 62px;
		max-height: 62px;
	}

	.member-level-block > .description {
		color: #000;
		padding: 1em 0.5em;
	}

/************************************************
	Event Page
************************************************/
	.tribe-events-loop .tribe-events-event-meta {
		padding: 0 !important;
		margin-top: 0;
		border: none;
		background-color: transparent;
	}
	#tribe-events-content h2.line-header-text {
		font-size: 0.9em !important;
	}
/**********************************************
	Subscribe Modal
***********************************************/
	#subscribe-content {
		width: 70%;
	}
	#subscribe-content input {
		width: 90%;
	}
/**********************************************
	Back to Top Button
***********************************************/
	a#scroll-up {
		bottom: 103px;
	}
	article header .entry-title,
	.category-header .category-title {
		font-size: 1.4em;
	}
/**********************************************
	Edit profile page
***********************************************/
	.input-has-require input {
		width: 95% !important;
	}
/**********************************************
	Trader User Management
***********************************************/
	#trader-add-link {
		width: 100%;
	}
	#trader-user-manage-area .pmpro_message {
		width: 100%;
	}
	.license-term-row {
		width: 100%;
	}
/**********************************************
	Article
***********************************************/
	body.single-tasting_reports article .entry-child-tasting_note .tasting_note .goto-single-tasting_note {
		bottom: 0px;
	}
}
/**********************************************
	Media screen lanscape only
	Max: 767px
***********************************************/
@media screen and (max-width: 767px) and (orientation:landscape) and (min-aspect-ratio: 13/9) {
	#subscribe-wrapper #subscribe-overlay #subscribe-content input {
		height: 30px;
	}
	#subscribe-content {
		margin-bottom: 3em;
		margin-top: 2% !important;
	}
	#subscribe-description {
	    padding: 0 1.5em 0 1.5em;
	}
	.row-landscape-half {
		float: left;
		width: 50%;
	}
	#bemail_popup {
		width: 95% !important;
	}
	#subscribe-buttton-wrapper {
		margin: 0;
	}
	#subscribe-description,
	#subscribe-content .button,
	#subscribe-form label,
	#subscribe-form .small, #subscribe-form  small,
	#subscribe-form span.input-error,
	#subcribe-flash-message .flash-desc
	{
		font-size: 0.7em !important;
	}
/**********************************************
	js modal - trade subscription modal
***********************************************/
	#term-condtion-content {
		max-height: 100px;
	}
}
/**********************************************
	Media screen
	Min: 320px
	Max: 370px
***********************************************/
@media screen and (min-width:320px) and (max-width: 370px) {
/**********************************************
	Edit profile page
***********************************************/
	.input-has-require input {
		width: 90% !important;
	}
/************************************************
	Subscription popup for extra small screen
************************************************/
	#subscribe-wrapper #subscribe-overlay #subscribe-form {
		padding: 1em 1em 0.5em 1em;
	}
	#subscribe-wrapper #subscribe-overlay #subscribe-content {
		margin-top: 5%;
	}
	#subscribe-wrapper #subscribe-overlay #subscribe-content #subscribe-description {
		padding-bottom: 0;
	}
	#subscribe-wrapper #subscribe-overlay #subscribe-form input {
		height: 30px;
	}
	#subscribe-wrapper #subscribe-overlay #subscribe-content #subscribe-description,
	#subscribe-content .button,
	#subscribe-wrapper #subscribe-overlay #subscribe-form label,
	#subscribe-form .small, #subscribe-form  small,
	#subscribe-wrapper #subscribe-overlay #subscribe-form span.input-error,
	#subcribe-flash-message .flash-desc
	{
		font-size: 0.7em !important;
	}
	#subscribe-form-fields {
		margin: 0;
	}
	#subcribe-flash-message .flash-title {
	    font-size: 0.9em;
	}
/**********************************************
	js modal
***********************************************/
	.js-modal-overlay .js-modal-wrapper {
		width: 90%;
	}
	.js-modal-overlay .js-modal-wrapper .js-modal-footer {
		text-align: center !important;
	}
	.js-modal-overlay .js-modal-wrapper .js-modal-footer button {
		margin-bottom: 0.5em;
	}
	/**********************************************
		popup on tasting report
	***********************************************/
	#premium-popup.active .inside-popup {
		width: 90%;
	}
}

@media screen and (max-width: 320px) {
/**********************************************
	popup on tasting report
***********************************************/
	#premium-popup.active .inside-popup {
		width: 90%;
	}
	#premium-popup.active .inside-popup .pm-alert-message {
	    padding: 2em 0.5em;
		font-size: smaller;
	}
	#premium-popup.active .inside-popup .pm-alert-message a {
		font-size: smaller;
	}
}
/**********************************************
	Media screen
	Min: 990px
	Max: 1200px
***********************************************/
@media screen and (min-width: 990px) and (max-width: 1200px){
/************************************************
	Register Page
************************************************/
	.member-level-block .price {
		height: 150px;
		max-height: 150px;
	}
	.member-level-block .description {
		height: 280px;
		max-height: 280px;
		overflow-y: scroll;
	}
	.member-level-block > .title > h2 {
		font-size: 0.9em;
	}
	.member-level-block > .price .number {
		font-size: 2em;
	}
/**********************************************
	Header navigation
***********************************************/
	#header-nav-menu ul[id^="menu-top-menu"] > li[id^="menu-item"] {
		margin-right: 0;
	}

	#subscribe-wrapper #subscribe-overlay #subscribe-content {
		width: 80%;
	}
	.nav-search{ font-size: 0.8em; }
	.warp-header-user-menu a{display: block;}
/************************************************
	Event page.
************************************************/
	.event-list-filter { margin-top: -8px; }

	.event-month-filter {
		/*margin-top: -25px !important;*/
	}

	.event-list-filter #tribe-bar-search,
	.event-month-filter #tribe-bar-search,
	.event-month-filter #tribe-bar-date {
		height: 30px !important;
	}
	.event-month-filter .tribe-bar-submit,
	.event-month-filter .event-month-button {
		margin-top: 0;
	}
}
/**********************************************
	Media screen
	Min: 1500px
***********************************************/
@media screen and (min-width: 1500px) {

	.search-warp .widget-area {
		width: 60%;
	}
/**********************************************
	Subscribe Modal
***********************************************/
	#subscribe-wrapper #subscribe-overlay #subscribe-content {
		width: 45%;
	}
/**********************************************
	Search Page
***********************************************/
	#search-wrapper-button::after {
		display: block;
		clear: both;
		height: 130px;
	}

}
/**********************************************
	Media screen
	Min: 1170px
***********************************************/
@media screen and (min-width: 1170px) {
	#primary { margin-bottom: 80px; }
/**********************************************
	Event Page
***********************************************/
	.month-header-filter {
		margin-top: 0px;
	}
	.event-month-filter { margin-top: 3px; }
	.event-month-filter #tribe-bar-search,
	.event-month-filter #tribe-bar-date {
		height: 30px !important;
	}
}

@media screen and (min-width: 768px) {
	/* popup on tasting report */
    #premium-popup.active .inside-popup {
        width: 50%;
    }
}

@media screen and (orientation:landscape) and (max-width: 767px) {
	.archive-block-wrapper,
	.category-row,
	.emd-container .emd-view-results,
	#tribe-past.tribe-events-loop,
	#search-result.entry-content .archive-row,
	#search-result.entry-content.search-all-result .post-block-entry,
	#search-result.entry-content .tasting_note.accordion,
	#home-left-side,
	#featured-articles{
		width: 50%;
		margin: 0 auto;
		float: none;
	}

}

/**********************************************
	Media print onlu
***********************************************/
@media print {
	#header-mobile-menu {
		display: none !important;
	}
	.search-warp,
	header .top-bar-warp,
	header .top-bar-menu-warp,
	header .search-warp,
	#nav-below.navigation,
	footer,
	#banner {
		display: none;
	}
	a[href]:after {
		content: none !important;
	}
}