/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
@import url("../aloevital_base/responsive.css");
@media only screen and (min-width: 980px) and (max-width: 1450px) {
	.header-search .woocommerce-product-search .search-field, .header-search .search-form .search-field {
		 width: 200px; 
	}
	/*.header-middle-right {
		padding-left: 4.3%;
	}*/
}
@media only screen and (min-width: 980px) and (max-width: 1200px) {
	/*.main-navigation {
		float: left;
	}*/
	.cat-outer-block a.cat_name{
		padding: 20px 10px;
	}
	.style-1.cms-banner-item .text1{
		font-size: 17px !important;
	}
}
@media only screen and (max-width: 979px) {

	/*********************** TOOLTIP ***************************/
	.header-cms-service .service-text::before{
		content: '';
		position: absolute;
		bottom: 100%;
		left: 12px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #222;
		opacity: 0;
		transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
		z-index: -1;
		visibility: hidden;
	}
	.header-cms-service .service-text.tooltip, .header-cms-service .service-text::before{
		opacity: 1;
		transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
		z-index: 99;
		visibility: visible;
	}
	.header-cms-service .service-text{
		opacity: 0;
		position: absolute;
		transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
		top: 52px;
		left: -12px;
		display: block;
		width: 180px;
		text-align: left;
		background-color:#222;
		box-shadow: 0px 2px 11px 3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 2px 11px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 2px 11px 3px
		rgba(0, 0, 0, 0.1);
		padding: 10px 15px;
		box-sizing: border-box;
		word-break: break-word;
		z-index: -1;
		visibility: hidden;
	}
	.header-cms-service .service-text.text1 a:hover {
		color: #fff;
	}
	.header-cms-service .service-block{
		position: relative;
	}
	.header-cart .togg .widget.widget_shopping_cart {
		top: 61px;
	}
	.header-top {
		padding: 6px 0;
	}
	.header-bottom{
		display: inline-block;
	}
	.header-cms-service {
		padding: 0;
	}
	.topbar-link-toggle{
		background-image: url("./images/megnor/user.svg");
		background-size: 22px;
	}
	.topbar-link {
		padding-top: 1px;
	}
	.topbar-link-wrapper{
		top: 38px;
	}
	.header-menu-links a{
		color: #000;
	}
	.header-middle-right {
		padding-left: 0;
	}
	/*.header-logo{
		float: left;
	}
	.header-logo{
		margin: 20px 0;
	}*/
	.header-middle-left, .header-middle-right{
		/*margin: 25px 0;*/
		margin: 3px 0;
	}
	.mobile-navigation{
		margin: 4px 9px;
	}
	.mobile-menu ul li a:hover, .mobile-menu ul li .sub-menu ul li a:hover, .mobile-menu ul li .children ul li a:hover {
		color: #B1CC93;
	}
	.cat-outer-block a.cat_name{
		padding: 20px 10px;
	}
	.header-search .header-toggle{
		background-image: url("images/megnor/search.svg");
	}
	.header-search.active .header-toggle{
		background-image: url("images/megnor/close.svg");
	}
	.menu-toggle{
		font-size: 0;
		line-height: 30px;
		padding: 0 0 0 30px;
	}
	.menu-toggle::after{
		width: 35px;
		height: 32px;
		background-size: 22px;
		background-position: center;
		background-image: url("images/megnor/menu.svg");
	}	
	.header-search{
		border:none;
		margin: 0 0 0 4px;
	}
	.header-search .woocommerce-product-search, .header-search .search-form{
		border: 1px solid #ddd;
		background-color:#fff;
		top: 65px;
		box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 1px 1px 2px 2px
		rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
	}
	.close-menu{
		background-image: url("images/megnor/close.svg");
		background-size: 18px;
	}
	.footer-top .title-outer::before, .footer-top .toggled-off .title-outer::before {
		color: #000;
	}
	.style-1.cms-banner-item .text1{
		font-size: 17px !important;
	}
	.style-1.cms-banner-item .text2.static-text{
		line-height: 25px;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.header-search .woocommerce-product-search, .header-search .search-form{
		top:61px;
	}
	.header-cart .togg .widget.widget_shopping_cart {
		top: 56px;
	}
	.header-bottom .theme-container {
		width: auto;
		margin: 0 15px !important;
		display: block;
	}
	.header-mob-logo{
		float: left;
		margin: 20px 0;
	}
	.header-middle-left, .header-middle-right {
		/*margin: 20px 0;*/
		margin: 3px 0;
	}
	.cms-banner-item{
		float: none;
		margin: 10px 0;
	}
	.main-title{
		text-align: center;
	}
	.resp-tabs-list{
		position: relative;
		top: 0;
	}
}
@media only screen and (max-width: 479px) {
	.style-1.cms-banner-item .text1.static-text{
		margin-bottom: 0;
	}
	.static-wrapper{
		top: 18%;
	}
	.header-search .woocommerce-product-search, .header-search .search-form {
		top: 52px;
	}
	.header-cart .togg .widget.widget_shopping_cart {
		top: 52px;
	}
	.site-main {
		padding: 0;
	}
	.page-title {
		padding: 20px 0;
	}
	.header-cms-service {
		display: inline-block;
	}
	.header-cms-service .service-block{
		padding:4px 4px 0 0;
	}
	.header-cms-service .service-icon{
		background-size: 20px;
		padding-right: 5px;
	}
	.header-mob-logo {
		width: 100px;
	}
	.compare-counter .counter-label, .whislist-counter .whislist-label, .header-cart .shopping_cart .cart-label, .menu-toggle::after, .header-search .header-toggle{
		width: 30px;
		height: 30px;
		background-size: 20px;
	}
	.mobile-navigation{
		margin: 4px;
	}
	.compare-counter, .whislist-counter, .header-cart, .mobile-navigation, .header-search {
		margin: 2px; 
	}
}
@media only screen and (max-width: 379px) {
	.resp-tabs-list li:last-child .tab-title {
		padding-right: 15px;
	}
	.resp-tabs-list{
		padding: 0 0 20px;
	}
	.woo_categories_slider .category-carousel {
		padding-top: 30px;
	}
}



/*** EXTRA ***/

@media only screen and (max-width: 1200px) {
  .wd-subscribe-block .iFormCell {
    padding-top: 30px;
  }

  .home .wd-mainpage-top-block-wrapper { min-height: 425px; }
  .home .wd-mainpage-top-block { min-height: 425px; }
  .home .wd-mainpage-top-block .main-content-inner { padding-top: 150px; }
  .home .wd-mainpage-top-block h2 { padding-left: 45%; }
  .home .wd-mainpage-top-block .iButtons { padding-left: 45%; }

  .wd-green-block-wrapper { min-height: 435px; }
  .wd-green-block { min-height: 435px; }
}

@media only screen and (max-width: 979px) {
  .page-title {
    margin-bottom: 0;
  }
  .page-title .page-title-inner {
    width: auto;
  }
  .page-title .entry-title-main {
    text-align: left;
  }

  .footer-widget .widget-title {
    text-transform: uppercase;
  }
  .footer-widget .menu-item a {
    font-size: 12px;
  }
  .footer-bottom-down {
    padding-top: 10px;
  }
  .site-footer {
    background-position: left top +25px, right bottom -50px;
  }

  .wd-subscribe-block .iImageCell {
    vertical-align: middle;
  }
  .wd-subscribe-block .iFormCell {
    padding-top: 0;
  }
  .wd-subscribe-block .iFormCell h2 {
    margin-bottom: 10px;
  }

  .home .wd-mainpage-top-block-wrapper { min-height: 350px; }
  .home .wd-mainpage-top-block { min-height: 350px; }
  .home .wd-mainpage-top-block .main-content-inner { padding-top: 70px; }

  .wd-green-block table { margin: 40px 0 20px 0; }
  .wd-green-block .iLogoCell { padding: 0 75px 0 15px; }
}

@media only screen and (max-width: 767px) {
  .wd-subscribe-block .iImageCell {
    display: none;
  }

  .home .wd-mainpage-top-block-wrapper { min-height: 325px; }
  .home .wd-mainpage-top-block { min-height: 325px; }
  .home .wd-mainpage-top-block .main-content-inner { padding-top: 40px; }
  .home .wd-mainpage-top-block h2 { padding-left: 35%; }
  .home .wd-mainpage-top-block .iButtons { padding-left: 35%; padding-top: 20px; }

  .wd-green-block table { margin: 0 0 10px 0; }
  .wd-green-block .iLogoCell { padding: 0 35px 0 0; }
  .wd-green-block .iLogoCell img { min-width: 200px; margin-top: 30px; }
  .wd-green-block .iTextCell h2 { line-height: 1.2em !important; }
}

@media only screen and (max-width: 590px) {
  .home .wd-mainpage-top-block .main-content-inner { padding-top: 40px; }
  .home .wd-mainpage-top-block h2 { padding-left: 5%; }
  .home .wd-mainpage-top-block .iButtons { padding-left: 5%; padding-top: 15px; }

  .wd-green-block .iLogoCell { display: none; }
  .wd-green-block .iTextCell { padding-top: 60px; }
}

@media only screen and (max-width: 479px) {
  .page-title-inner {
    width: auto !important;
  }

  .page-title {
    margin-top: 10px;
    margin-bottom: 0;
  }
}