/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	.mb-big-md{margin-bottom:3.5rem;}
	
	.divided-section > .container > .row > [class*='col-']:first-child .bg{left:calc((970px - 100vw)/2);}
	.divided-section > .container > .row > [class*='col-']:last-child .bg{right:calc((970px - 100vw)/2);}
	
	#top-nav-wrap .bg { left: calc((970px - 100vw)/2 - 15px);  right: calc((970px - 100vw)/2 - 15px);}
	.top-nav > li{padding-left:0; padding-right:0;}
	.top-nav > li > a{padding-left:0.3rem; padding-right:0.3rem;}
	
	.expanded#top-search{width:21rem;}
	
	.main-nav > li > a{padding-left:1rem; padding-right:1rem;}
	
	.two-cols.footer-nav{ display: block;}
	.two-cols.footer-nav li{padding-right:0;}
	
	.indent-left{padding-left:2rem;}
	.indent-right{padding-right:2rem;}
	
	.catalog-wrap .item{width:calc(33.33% - 2rem);}
	
	.prod-props-table .col{margin-right:2.5rem;}
	
	.table caption .more-link{ position: relative; right:0; margin-left:1rem;}
	
	.frame-picture{padding:4rem;}

	h1, .h1-style{font-size:3.2rem /*34.84px*/;}
	h2, .h2-style{font-size:2.45rem /*29.03px*/;}

}

@media (max-width: 991px) {

	h1, .h1-style{font-size:2.8rem /*34.84px*/;}
	h2, .h2-style{font-size:2.25rem /*29.03px*/;}

	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	html{font-size:14px;}
	
	.anchor-link{top:-1rem;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section, .tall.content-section{ padding-top:3rem; padding-bottom:3rem; }
	
	.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3rem;}
	.mb, .mb-sm{margin-bottom:1.5rem;}
	
	label + .inline-radio-wrap{margin-left:0;}
	
	.indent-left{padding-left:15px;}
	.indent-right{padding-right:15px;}
	
	#header{height:auto;}
	
	.navbar{ position:relative; padding-top:0; padding-bottom:0; transition:none;}
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}
	
	.navbar-brand{margin-left:0; float:left; margin:0.2rem 0; width:8rem; display: block; transform: none;}
	.navbar > .container{ position: relative;}
	.navbar-brand::before{ display: none;}
	.affix .navbar-brand{transform:none;}
	.affix .navbar-header{top:0;}
	
	.navbar-header{ position: relative; top:0; left:0; transform: none; transition: none;}
	
	#navigation{border:0;position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); background-color:white;}
	#navigation > .inner-wrap{display: block;}
	#main-nav-wrap{display: block; padding:1rem 0;}
	.main-nav {margin:0; width:auto; text-align:left; display:block; border:0; font-size: 1rem;}
	.main-nav > li{ display:block; margin-bottom:0;}
	.main-nav > li+li{margin-top:1px;}
	.main-nav > li > a{padding:1rem; text-align:left; display: block;}
	.affix .main-nav > li > a{padding-top:1rem; padding-bottom:1rem;}
	.main-nav > li > a br{ display:none;}
	.main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	.main-nav > li.dropdown_split > .dropdown-toggle{ position: absolute; display:block; right:15px; top:0; width:3.5rem; padding:1rem; text-align:center; z-index: 0;}
	
	.main-nav > li > a{color:#020302; background-color:transparent;}
	.main-nav > li > a:hover, .main-nav > li > a:focus, .main-nav > .open > a:hover, .main-nav > .open > a:focus{color:#6b6a46; background-color:transparent;}

	.main-nav > .active > a{color:#fff; background-color:#6b6a46;}
	.main-nav > .active > a:hover, .main-nav > .active > a:focus, .main-nav > .active.open > a{color:#fff; background-color:#6b6a46;}
	
	.main-nav > li.dropdown_split > a{border-radius:0;}

	.main-nav > li.dropdown_split.open > a{color:#020302; background: transparent;}
	.main-nav > li.dropdown_split.open > a:hover,
	.main-nav > li.dropdown_split.open > a:focus{color:#6b6a46; background-color:transparent;}
	
	.main-nav > li.dropdown_split > a:hover,
	.main-nav > li.dropdown_split > a:focus{color:#6b6a46;  background-color:transparent;}

	.main-nav .dropdown-menu{min-width: inherit; position:relative; padding:0; top:0; margin-top:1px!important; float:none; box-shadow:none; min-width:auto; background-color: transparent; font-size:1rem;}
	.main-nav .dropdown-menu > li{padding:0; display: block;}
	.main-nav .dropdown-menu > li+li{margin-top:1px;}
	.main-nav .dropdown-menu > li > a{ padding:1rem!important; border:0; line-height: 1.2!important; display: block;}
	.main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	.main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{position: absolute; z-index:0; top:0; right:15px; width:3.5rem; padding-right:1rem; text-align:center; padding-left:1rem!important; line-height: 1!important;}
	
	.main-nav .dropdown-menu > li > a{color:#020302; background:transparent;}
	.main-nav .dropdown-menu > .open > a{color:#020302; background:transparent;}
	.main-nav .dropdown-menu > li > a:focus,
	.main-nav .dropdown-menu > li > a:hover{color:#6b6a46; background:transparent;}
	
	.main-nav .dropdown-menu > .active > a,
	.main-nav .dropdown-menu > .active > a:focus,
	.main-nav .dropdown-menu > .active > a:hover{color:#fff; background-color:#6b6a46; background-image: none;}
	
	.main-nav .dropdown-menu > li.dropdown_split.active > .dropdown-toggle[aria-expanded='true']{color:#fff;}
	
	/*.main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle, .main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle:hover, .main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle:focus{ background-color:transparent;}*/

	.main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg);}
	.main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}

	.main-nav .dropdown-menu .dropdown-menu{left:0;}
	.main-nav .dropdown-menu li a{padding-left:2rem!important;}
	.main-nav .dropdown-menu .dropdown-menu li a{padding-left:4rem!important;}
	
	.main-nav .dropdown-menu.open-left {left:0; right:0;}
	.main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	.divided-section > .container > .row > [class*='col-']:first-child > .bg{left:0;}
	.divided-section > .container > .row > [class*='col-']:last-child > .bg{right:0;}
	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:2rem; padding-left:2rem;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-right:2rem; padding-left:2rem;}
	
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
	
	#search-toggle-link{display: none;}
	#top-search, #top-search.expanded{ z-index: 1; position:relative; top:0; margin:0 1rem; width:100%; background-color:#fff}
	#top-search .btn-close, #top-search.expanded .btn-close{ display:none;}
	#top-search .btn-toggle{ display:block;}
	#top-search button{top:0.25rem;}
	#top-search input{ line-height: 1; padding:0.4rem 0;}
	
	#top-nav-wrap{display: block; padding:1rem; background-color: #f8ebd4;}
	#top-nav-wrap .bg{display: none;}
	.top-nav{margin:0;/*display: block;*/ font-size: 0.87rem;}
	.top-nav > li{padding:0;}
	.top-nav > li > a{padding:0.5rem 1rem;}
	.top-nav .icon{margin-top:0;}
	.top-nav > li + li{border:0; border-image:none;}
	
	#footer-top .logos-list{ display:block; text-align: center;}
	#footer-top .logos-list .inner-wrap{ flex-direction: row; justify-content: space-around;}
	#footer-top .logos-list span + span{ margin-top:0;}
	
	.request-section .has-icon{padding-left:7rem;}
	
	.masthead-section .paint-border-bottom{height:3.9rem;}
	.masthead-section .underline{ display: block;}
	.masthead-section{padding:3rem 0 4rem 0;}
	.masthead-panel::before{display: none;}
	.masthead-panel{padding:0;}
	
	#categories-list > .inner-wrap{flex-wrap:wrap; margin-bottom:-2rem;}
	#categories-list .item{width:calc(33.33% - 1rem); margin-bottom:2rem;}
	#categories-list .item-link{left:0; background-color:rgba(105,13,12,0.05);}
	
	.promo-section{padding:6rem 0;}
	.promo-section .paint-border-top, .promo-section .paint-border-bottom{height:3rem;}
	
	.about-section{padding:3rem 0;}
	
	.news-section{padding-top:6rem!important; padding-bottom:6rem!important;}
	.news-section .paint-border-top{height:3rem;}
	
	.request-section .paint-border-bottom{height:3rem;}
	
	#footer-top{padding:3rem 0;}
	#footer-bottom{padding:1.3rem 0 1rem 0;}
	
	.page-header-section{padding:3rem 0 4rem 0;}
	.page-header-section .paint-border-bottom{height:2rem;}
	
	.breadcrumbs-section ol{padding:0.5rem 0;}
	
	.catalog-wrap .item{}
	.catalog-wrap .item > .item-title{display: none;}
	.catalog-wrap .overlay{opacity:1; position: relative; bottom:0; left:0; width:auto; height:auto; color:#020302; }
	.catalog-wrap .bg{ display: none;}
	.catalog-wrap .overlay-title{color:#660d0c;}
	.catalog-wrap .item .more-link{color:#660d0c;}
	.catalog-wrap .item .more-link:hover, .catalog-wrap .item .more-link:focus{color:#6b6a46;}
	.catalog-wrap .item{width:calc(50% - 2rem);}
	
	#prod-images-carousel{display: none;}
	#prod-images-slider{margin:0rem 0rem;}
	
	.page-header-section.simple{padding-top:2rem; padding-bottom:1rem;}
	
	.order-summary-wrap{padding:1.5rem 1rem;}
	
	#top-cart-link{float:right; width:3.5rem; height:3.5rem; display: flex; align-items: center; justify-content: center; margin:0.6rem;}
	#top-cart-link .cart-items{top:0.75rem; right:0.75rem;}
	
	.poultry-section{background: none;}
	
	.frame-picture{padding:3rem;}
	
	.blog-section{padding-top: 3rem!important;}
	
	.has-account-menu #header{height:auto;}
	.has-account-menu .navbar-header{top:0;}
	#account-menu{padding:0.5rem 0; height:auto; display: block; border-bottom:1px solid #ccc;  font-size: 0.87rem; font-weight: 400;}
	#account-menu > li + li{margin:0;}
	#account-menu > li > a{padding:1rem; color:#020302;}
	#account-menu > li.dropdown_split > .dropdown-toggle{position: absolute; right:15px;}
	#account-menu .credit{display: inline-block; margin:1rem;}
	#account-menu > li > .dropdown-menu{padding:0;}
	#account-menu .dropdown-menu > li > a{font-size: 0.87rem;}
	#account-menu .dropdown-menu > li > a:hover, #account-menu .dropdown-menu > li > a:focus, #account-menu .dropdown-menu > .open > a{background:transparent; color:#6b6a46;}

}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem; }
	
	.btn{height:auto; white-space:normal; font-size: 1rem;}
	.btn-default{padding:1.2rem 4rem 1rem 1.5rem;}
	.btn-default::after{width:2.4rem; height:2.4rem; margin-top:-1.2rem;}
	.btn-white{padding:1.2rem 1rem 1rem 2rem; font-size: 1rem;}
	.icon.btn-white{padding-right:6rem;}
	.btn-xs{height:2.25rem;}
	.btn-sm{height:3.12rem; padding-top:0.75rem; padding-bottom:0.75rem;}
	
	h1, .h1-style{font-size:2.48rem /*34.84px*/;}
	h2, .h2-style{font-size:2.07rem /*29.03px*/;}
	h3, .h3-style{font-size:1.73rem /*24.19px*/;}
	h4, .h4-style{font-size:1.44rem /*20.16px*/;}
	h5, .h5-style{font-size:1.20rem /*16.8px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}
	.big{ font-size:1.20rem;}
	.small{font-size:0.83rem;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.textbox img, .textbox .align-left, .textbox .align-right, .textbox figure{ float:none; width:auto; display:inline-block; margin-left:0; margin-right:0; max-width:100%; margin-bottom:1.35rem;}
	.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}
	
	.textbox ol{padding-left: 2.8rem;}
	.textbox ul{padding-left: 1.5rem;}
	.textbox blockquote{font-size: 1.2rem;}
	
	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
	
	.divided-section > .container > .row{ display:block;}
	.divided-section .has-height{height:calc(100vw/1.6);}
	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:0; padding-left:0;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-right:0; padding-left:0;}
	
	.masthead-section{padding:2.5rem 0 3rem 0;}
	.masthead-panel .textbox{padding-right:0;}
	
	.promo-section .paint-border-top, .promo-section .paint-border-bottom{height:2rem;}
	.promo-section{padding:3rem 0;}
	.promo-section .text-right{ text-align:center;}
	
	.vertical-middle{display: block;}
	
	.about-section{padding:2.5rem 0;}
	
	.poultry-section{ background-size:40% auto, 40% auto;}
	
	.news-section .paint-border-top{height:2rem;}
	.news-section{padding-top:4rem!important; padding-bottom:2.5rem;}
	.news-list{ display: block;}
	.news-list .news-title::before{margin-bottom:1.5rem;}
	
	.request-section .paint-border-bottom{height:2rem;}
	.request-section .v-sep{display: none;}
	.request-section .has-icon{padding-left:6rem;}
	.request-section .icon-request{margin-left:-6rem; margin-right:1rem; width:3rem; height:3rem; vertical-align: -1%; padding:0.7rem;}
	.request-section .icon-request img{max-width:100%; flex:0 0 auto;}
	
	#footer{text-align: center;}
	.footer-heading::before{margin-left:calc(50% - 1.875rem); margin-bottom:0.8rem;}
	.footer-nav.two-cols, .footer-nav{display: flex; flex-wrap:wrap; justify-content: center; margin-bottom:-1.2rem;}
	.footer-nav.two-cols li, .footer-nav li{flex-basis:auto; padding:0 1rem; }
	#footer-bottom .container{display: block;}
	
	
	
	.page-header-section{padding:2.5rem 0;}
	
	.breadcrumbs-section ol{padding:0.25rem 0; line-height:1.2;}
	
	.cta-section .paint-border-bottom{height:2rem;}
	
	.catalog-wrap .item{width:calc(50% - 1rem); margin:0 0.5rem 1rem 0.5rem;}
	.catalog-wrap > .inner-wrap{ margin:0 -0.5rem -1rem -0.5rem; }
	
	.table-responsive .table tbody td{display:flex;}
	.table-responsive .table tbody td:before { content: attr(data-th); color:#7b7b7b; display:block; flex:none; width:40%; padding-right:1rem;}
	.table-responsive .table tbody > tr{ display:block;}
	.table-responsive .table tbody > tr:nth-of-type(odd){background-color: #fafafa;}
	.table-responsive .table > thead{display:none;}
	.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td{border-top:0; border-bottom:0; padding:0.25rem 1rem 0.25rem 1rem; word-break:break-all; }
	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{white-space:normal;}
	
	.product-id-wrap{display: block;}
	
	.prod-props-table{display: block;}
	.prod-props-table .col{margin-right:0;}
	.prod-props-table .col+.col{margin-top:0.5rem;}
	
	.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td{
		border:0; border-bottom:1px solid #f2f2f2; background-color:transparent;}
	.table-responsive .form-control{margin:0; display: inline-block; width: auto;}
	
	.addons-listing .item{display: block;}
	.addons-listing .item .text-right{text-align: left;}
	
	.availability-table > tbody > tr > td:not(:first-child){text-align: left;}
	
	.table-legend{display: block;}
	.table-legend > div{margin-right:0;}
	.table-legend > div+div{margin-top:0.5rem;}
	
	.form-horizontal .form-group{ display:block;}
	
	.step-wrap .step-icon{top:-0.5rem;}
	.step-wrap{padding:2.5rem 0;}
	.order-summary-wrap{padding:1rem;}
	
	.flex-group .text-right{ text-align:left;}
	
	.table td[data-th='Quantity']{width:auto;}
	.table td[data-th='Remove']{width:auto; text-align: left;}
	
	.top-nav{display:block;}
	#top-nav-wrap{padding-left:0; padding-right:0;}
	#top-search, .expanded#top-search{margin-top:0.5rem; margin-bottom:0.5rem;}
	
	.frame-picture{padding:4rem;}
	
	.table .select-sm{ display: inline-flex; margin:0 0 0 -2px;}
	
	.posts-listing{ display:block;}
	.posts-listing .item{width:auto;}
	.posts-listing .item+.item{margin-top:2rem;}
	
	.section-header{display: block;}
.section-header > div:first-child{margin-right:0}
.section-header > div:last-child{margin-top:1rem;}
}
	
@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	#categories-list .item{width:calc(50% - 1rem);}
	
	.news-list .news-title::before{margin-bottom:1rem; margin-top:-1rem;}
	.news-list .item{padding:1rem;}
	.news-list .news-right .item{padding:1rem;}
	.news-list .news-image{margin:0 0 1rem 0;}
	.news-list .news-left, .news-list .news-right{display: block;}
	
	.catalog-wrap .item{width:auto; margin:0 0rem 1rem 0rem;}
	.catalog-wrap > .inner-wrap{ display: block; margin:0 0 -1rem 0; }
	
	.table-responsive .form-control{width:100%;}
	
	.frame-picture{padding:3rem;}
	
	.request-section .has-icon{font-size:2.3rem;}
	
	.form-footer{flex-wrap:wrap;}
}	
	
@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}
	
	#categories-list > .inner-wrap{display: block; margin:0;}
	#categories-list .item{width:auto; margin:0;}
	#categories-list .item+.item{margin-top:2rem;}
	
	.frame-picture{padding:2rem;}
	
	

	
}
/* navbar jump fix */
@media (max-width: 240px) {
	.navbar-header{top:1.5rem;}
	
}