/* lg */ 
@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1200px) {
.google-maps { position: relative; padding-bottom: 56.25%;  height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.sidebaar-review-slider-bg .bx-wrapper .bx-controls-direction a.bx-prev { right: 30px; background: url(../images/sider-baar-arrow-prev.png); }
.sidebaar-review-slider-bg .bx-wrapper .bx-controls-direction a.bx-next { right: -1px; background: url(../images/sider-baar-arrow-next.png); }
.site-main{ min-height: inherit; }
.site-content{ min-height: inherit; }
}

/* md */
@media screen and (min-width: 992px) and (max-width: 1200px) {
.mainmenu ul li a { padding: 4px 10px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.mainmenu ul li { padding: 20px 0px; }
.mainmenu ul li a { padding: 4px 5px; font-size: 12px; }
.cart-desk, .search-desk{ margin-top: 8px; }
.logo{ margin-top: 0px; }
.search-desk {    margin-right: 25px;}
.cart-desk img, .search-desk img {   height: 14px !important; width: 14px !important;}
.cart-desk a, .search-desk a{ height: 14px;  width: 14px;  display: block;}
header .navbar .teafields-site-search-dext{ right: 0px; top: 30px; }
}

/* sm */
@media screen and (min-width: 768px) and (max-width: 1023px) {
}

@media screen and (max-width:991px) {
.footer-box { margin-bottom: 30px; }
.footer-top { padding: 40px 0px 0px 0; }
.margin-section {  padding: 50px 0px;}
#testimonial-section .bx-wrapper .bx-controls-direction a.bx-prev{ left: 0;  }
#testimonial-section .bx-wrapper .bx-controls-direction a.bx-next{ right: 0;  }
.Subscribe-newsletter .Subscribe-text{ font-size: 20px; }
.Subscribe-newsletter{padding: 30px 0px;}
#search-domain_bg .box-col-bottom{ min-height: inherit; }
}

/* xs */
@media screen and (max-width: 767px) {
.navbar-toggle { border: 0px; background: transparent !important; }
.navbar-toggle:hover { border: 0px; background: transparent !important; }
.navbar-header .navbar-toggle .icon-bar { width: 18px; background: #000 !important; }
.navbar-header .navbar-toggle:hover .icon-bar {  background: #c8c639 !important; }
.header-bottom .navbar-header { position: relative; }
.header-bottom { margin-bottom: 0px; padding: 0px 0px; }
.navbar-toggle { position: absolute !important; right: 15px; float: right; margin-right: 0px; top: 21px; margin-top: 0px !important; }
.logoresponsive { float: left; display: block; }
.mainmenu ul li { background: #333; border-bottom: 1px solid #fff; display: block; margin: 0px 0; padding: 0px !important; }
.mainmenu ul li a { padding: 10px 20px !important; display: block; color: #fff; }
.nav.navbar-nav > li:hover > ul.sub-menu { display: block; -webkit-animation: inherit; -moz-animation: inherit; -ms-animation: inherit; -o-animation: inherit; animation: inherit; }
.mainmenu ul { text-align: left; }
.mainmenu ul { float: left; width: 100%; }
.mainmenu ul li ul li { float: left; width: 100%; }
.navbar-nav li ul.sub-menu li { margin: 0px; }
.mainmenu ul li a { }
.mainmenu ul li ul li a { padding: 5px 10px !important; font-size: 12px; }
/*.mainmenu { width: 100%; }*/
.navbar-nav li ul.sub-menu li a { display: block; }
.navbar-collapse { max-height: 100% !important; }
.navbar-collapse.in { overflow: inherit; }
.dropdown .caret { display: none; }
ul.sub-menu { position: relative; width: auto; display: block; background: transparent; box-shadow: none; top: 0; }
.header-bottom { position: relative; }
.mainmenu .logo { display: none; }
.left_menu { display: block; }
.right_menu { display: block; }
/*.mainmenu { background:none; float: left; width: 100%; box-sizing: border-box; }*/
.mainmenu ul li a:hover, .mainmenu ul li a.active { color: #fff !important; background: #c8c639 !important; }
.mainmenu ul li a:hover::before, .mainmenu ul li a.active::before { display: none !important; }
.navbar .navbar-collapse { padding-left: 0px; padding-right: 0px; }
.logo{ margin-top: 0px; }

}




@media screen and (max-width: 767px) {
#main-nav { padding: 0px 0px; }
.mobile-banner { display: block; }
.desktop-banner { display: none; }
#about-section { text-align: center; }
.about-text { margin-bottom: 20px; }
.footer-logo { text-align: center; }
.footer-logo img { text-align: center; display: inline-block; }
footer .social-circle { text-align: center; margin-top: 15px; }
footer .address-bg li { display: inline-block; vertical-align: top; width: 31%; }
footer .second-footer-box { width: 50%; }
footer .third-footer-box { width: 50%; }
.margin-section { padding: 35px 0px; }
.heading-block h2 { font-size: 20px; }
.footer-logo p { padding-bottom: 0px; }
nav li:last-child { border-bottom: 0; }
.about-desktop-img{ display: none; }
.about-mobile-img{ display: block; }
.slider-mobile{ display: block; }
.slider-desktop{ display: none; }
 .search-mobile, .cart-mobile{ display: block;float: right;margin-left: 0;position: absolute;top: 26px; }
 .cart-mobile{ right: 66px; }
 .search-mobile{ right: 100px; }
 .search-desk, .cart-desk{ display: none;}
 .mainmenu ul li a{ font-size: 14px; }
 .nav > li > a:hover, .nav > li > a:focus{ background-color: #c8c639; }
 #about-section .heading-block h2 { text-align: center; }
 #about-section .heading-block h2::after {right: 0; }
 #about-section .about-text{ margin-top: 30px;] }
 .Subscribe-newsletter .Subscribe-text{ text-align: center; }
 #recent_brand .bx-wrapper .bx-controls-direction a.bx-next{ right: 10px; }
 #recent_brand .bx-wrapper .bx-controls-direction a.bx-prev {    left: 10px;}

 #brand-section .bx-wrapper .bx-controls-direction a.bx-next{ right: 10px; }
 #brand-section .bx-wrapper .bx-controls-direction a.bx-prev {    left: 10px;}

.search-mobile a, .cart-mobile a{ height: 18px;  width: 18px;  display: block;}
.navbar-nav li ul.sub-menu li a{ color: #fff; }
.navbar-nav li ul.sub-menu li:first-child {  border-top: 1px solid #eee;}
.navbar-nav li ul.sub-menu li { padding: 0px 0px 0px 25px !important;}
.sp-designer .site-main h1{ font-size: 30px; }
.site-main{padding-top: 40px;}
.site-main .woocommerce-products-header h1.page-title,.page-template-default .entry-header h1.entry-title{ font-size: 24px; margin-bottom: 20px;}
.page-template-default .entry-header h1.entry-title {

    margin-bottom: 20px;

}
.product-contact-section .inquire-product{ font-size: 24px; }
.product-contact-section .inquire-product{ margin-bottom: 20px; }

}


@media screen and (max-width: 768px) {
	.post-type-archive-product ul.products.columns-4 li.product{  border-color:#fff; }
	.single-product .related ul.products.columns-3 li.product{  border-color:#fff; }
	.tax-product_cat .related ul.products.columns-3 li.product{  border-color:#fff; }


}

/* XS Portrait */
@media screen and (max-width: 639px) {
footer .second-footer-box { width: 100%; }
footer .third-footer-box { width: 100%; }
.footer_nav { display: inline-block; vertical-align: top; }
.footer_nav li { float: none; padding-bottom: 0px; padding-top: 0px; }
footer .address-bg li { }
.footer-top h2 { margin-bottom: 10px; }
footer .address-bg li { width: 100%; }
footer .address-bg li i { float: none; display: inline-block; vertical-align: middle; }
footer .address-bg li span { overflow: inherit; display: inline-block; vertical-align: middle; }
}

@media screen and (max-width: 580px) {
}

@media screen and (max-width: 479px) {
.social-circle li { margin-right: 5px; margin-left: 5px; }
.navbar-toggle { top: 21px; }
.brand-block-mobile-bg{ display: block; }
.brand-block-bg{ display: none; }
.top-nav .top-right{
display: block;
width: 100%;
text-align: center;}
.top-left{text-align: center;width: 100%;}
.post-type-archive-product .storefront-sorting{ margin-top: 20px; }
.tax-product_cat .storefront-sorting{ margin-top: 20px; }
.site-main h1{ font-size: 24px; }
} 

@media screen and (max-width: 399px) {
.logo img {    height: 26px;}
.navbar-toggle { top:13px;}
.search-mobile, .cart-mobile { top:20px;}
header .navbar .teafields-site-search {top: 35px; width: 200px;}
.post-type-archive-product ul.products li.product a.button{ font-size: 11px; }
.single-product ul.products li.product a.button{ font-size: 11px; }
.tax-product_cat ul.products li.product a.button{ font-size: 11px; }
}