/* ================== Navigation Menu  ================== */

.header-logo {
    padding: 16px 0 !important;
}


@media screen and (min-width: 1300px) {
	.header-container-fixed .header-logo {
		max-width:250px !important;
	}
}
@media screen and (max-width: 1299px) {
	.header-container-fixed .header-logo {
		max-width:150px !important;
	}
}

@media screen and (min-width: 1280px) {
	.main-header .content-logo{
		text-align:left !important;
	}

	.nav-desktop {
		padding: 55px 0 0 !important;
	}

	.top-right {
		padding-top: 76px !important;
	}
}

@media screen and (max-width: 991px) {
	.nav-desktop {
		padding: 15px 0 0 !important;
	}

	.top-right {
		padding-top: 15px !important;
	}

}

@media (max-width: 1200px) and (min-width: 992px){
.header-config-bg {
    width: 50% !important;
}
.content-right {
    width: 25% !important;
}
}
.crat-icon .zero, .crat-icon .item {
	background-color:#7AC144 !important;
}

.magicmenu .nav-desktop .level0 .cat_label.New:before, .magicmenu .nav-desktop .level0 .cat_label.new:before {
    border-top-color: #7AC144 !important;
}

/* ================== Homepage grid  ================== */
#homepage-grid  {
    position:relative !important;
}

#homepage-grid img {
   position:absolute;
   -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

#homepage-grid img.before:hover {
  opacity:0;
}


/* ================== Instagram ================== */
#insta-row:before, #insta-row:after {
	content:none;
}
.insta-div { 
	height: 200px;
	width:200px;
	margin: 10px auto;
	overflow: hidden;
}

.insta-div img {
	height: 200px !important;
}


/* ================== Slider  ================== */
	.slider1-sub-1 {
	    left: 36%;
	    animation: fadeInDown 0.4s ease-in 1.5s 1 normal backwards running;
	}

	.slider1-sub-2 {
		left: 52%;
	    animation: fadeInDown 0.4s ease-in 1.3s 1 normal backwards running;
	}

	.slider1-sub-3 {
		left: 70%;
	    animation: fadeInDown 0.4s ease-in 1.1s 1 normal backwards running;
	}

	.slider1-sep-1{
		left :45%;
		animation: fadeInDown 0.4s ease-in 1.4s 1 normal backwards running;
	}

	.slider1-sep-2{
		left :59%;
		animation: fadeInDown 0.4s ease-in 1.2s 1 normal backwards running;
	}

	.slider1-btn{
		left :57%;
		top: 30%;
		animation: fadeInDown 0.4s ease-in 1s 1 normal backwards running;
	}



@media screen and (min-width: 1650px) {
	.slider1-md {
		display: none;
	}

	.slider1-title {
	    color: rgb(255, 255, 255);
	    left: 48%;
	    letter-spacing: 3px;
	    position: absolute;
	    text-transform: uppercase;
	    top: 13%;
	    animation: fadeInDown 0.4s ease-in 1.6s 1 normal backwards running;
	    font: 38px / 46px 'Open Sans';
	}

	.slider1-sub-title {
		color: rgb(255, 255, 255);
		font: 18px / 46px 'Open Sans';
		width: 350px;
		text-align: center;
		position: absolute;
		top: 21%;
	}

	.border-btn {
	    color:#fff;
	    box-sizing: border-box;
	    height: 45px;
	    position: absolute;
	    width: 180px;
	    border: 2px solid #fff;
	}


	.border-btn:hover {
	    border: 2px solid rgb(51, 51, 51);
	    color: rgb(51, 51, 51);
	}

	.border-btn-text {
	    color: inherit;
	    display: block;
	    text-align: center;
	    font: normal normal normal normal 20px / 18px 'Open Sans';
	    margin-top:12px;
	}
}

@media screen and (max-width: 1649px) and (min-width: 1270px) {
	.slider1-md {
		display: none;
	}

	.border-btn {
	    color:#fff;
	    box-sizing: border-box;
	    height: 45px;
	    position: absolute;
	    width: 180px;
	    border: 2px solid #fff;
	}

	.border-btn:hover {
	    border: 2px solid rgb(51, 51, 51);
	    color: rgb(51, 51, 51);
	}

	.slider1-title {
	    color: rgb(255, 255, 255);
	    left: 48%;
	    letter-spacing: 3px;
	    position: absolute;
	    text-transform: uppercase;
	    top: 13%;
	    animation: fadeInDown 0.4s ease-in 1.6s 1 normal backwards running;
	    font: 32px / 46px 'Open Sans';
	}

	.slider1-sub-title {
		color: rgb(255, 255, 255);
		font: 14px / 46px 'Open Sans';
		width: 350px;
		text-align: center;
		position: absolute;
		top: 21%;
	}

	.border-btn-text {
	    color: inherit;
	    display: block;
	    text-align: center;
	    font: normal normal normal normal 18px / 18px 'Open Sans';
	    margin-top:12px;
	}
}

@media screen and (max-width: 1269px) and (min-width: 1100px) {
	.slider1-md {
		display: none;
	}

	.border-btn {
	    color:#fff;
	    box-sizing: border-box;
	    height: 45px;
	    position: absolute;
	    width: 180px;
	    border: 2px solid #fff;
	}

	.border-btn:hover {
	    border: 2px solid rgb(51, 51, 51);
	    color: rgb(51, 51, 51);
	}

	.slider1-title {
	    color: rgb(255, 255, 255);
	    left: 48%;
	    letter-spacing: 3px;
	    position: absolute;
	    text-transform: uppercase;
	    top: 13%;
	    animation: fadeInDown 0.4s ease-in 1.6s 1 normal backwards running;
	    font: 28px / 46px 'Open Sans';
	}

	.slider1-sub-title {
		color: rgb(255, 255, 255);
		font: 12px / 46px 'Open Sans';
		width: 350px;
		text-align: center;
		position: absolute;
		top: 21%;
	}

	.border-btn-text {
	    color: inherit;
	    display: block;
	    text-align: center;
	    font: normal normal normal normal 14px / 18px 'Open Sans';
	    margin-top:12px;
	}
}


@media screen and (max-width: 1099px) and (min-width: 970px) {
	.slider1-lg {
		display:none;
	}

	.slider1-title-md{
		color: rgb(255, 255, 255);
	    left: 45%;
	    letter-spacing: 3px;
	    position: absolute;
	    text-transform: uppercase;
	    top: 11%;
	    font: 28px / 46px 'Open Sans';
	}

	.slider1-sub-title-md{
		color: rgb(255, 255, 255);
	    left: 40%;
	    position: absolute;
	    top: 18%;
	    font: 12px / 46px 'Open Sans';
	}

	.slider1-btn-md{
		color:#fff;
	    box-sizing: border-box;
	    height: 45px;
	    position: absolute;
	    width: 180px;
	    border: 2px solid #fff;
	}

	.slider1-btn-md:hover {
	    border: 2px solid rgb(51, 51, 51);
	    color: rgb(51, 51, 51);
	}

	.slider1-btn-md-text{
		color: inherit;
	    display: block;
	    text-align: center;
	    font: normal normal normal normal 12px / 18px 'Open Sans';
	    margin-top:12px;
	}

	.slider1-btn-md{
		left :57%;
		top: 29%;
	}
}

@media screen and (max-width: 969px) {
	.slider1-lg, .slider1-md{
		display:none;
	}
}




/* ================== footer  ================== */
.footer-color .block-footer-bottom {
    background-color: #eee !important;
}
.block-footer-copyright {
    background-color: #eee !important;
}

.footer-bottom-below {
    
}
.footer-bottom-below .social-link i {
    font-size: 30px;
}

.footer input.input-text, textarea {
    padding: 8px 30px !important;
}

.footer .input-box .actions {
	padding-top: 15px;
}


/* ================== Homepage Highlight Block  ================== */
.home-highlight h3, .home-highlight h2, .home-highlight h1,.home-highlight span, .tech-banner h3{
	color: #fff !important;
}

.home-highlight h3, .tech-banner h3 {
	font-size: 24px !important;
	font-weight: 500 !important;
}

.featured-banner .banner-center .box-small-banner .text-content, .tech-banner .text-content {
    padding: 10px 20px;
    border: 2px solid #fff !important;
}

.tech-banner:hover .text-content {
	color: #000;
}

.featured-banner .banner-center .box-small-banner .text-content .sub-title:after {
    background: #fff !important;
}

.home-highlight-pos1 {
	top:50% !important;
}

.home-highlight-pos2 {
	top:50% !important;
}

.home-highlight-pos3 {
	top:25% !important;
}

.home-highlight-pos4 {
	top:50% !important;
}

.magic-category .section-left {
	width:75% !important;
}

.magic-category .section-right {
	width:25% !important;
}

.trademark-product {
	display:none;

}




/* ================== Product Listing  ================== */
.products-textlink-left {
	width:100% !important;
}
.sorter .view-mode label, .sorter .limiter label, .sorter .sort-by label, .pager .amount {
    border-right: 1px solid #ddd !important;
    margin-right:7px !important;
}
.sorter .sort-by select, .limiter select {
    border-left: 1px solid #ddd !important;
}



#contactForm .buttons-set p.required {
    padding-right: 50% !important;
}



/* ================= Store Locator remove mobile version ====================   */
@media screen and (max-width: 765px) {
    nav.mean-nav li.level0:nth-of-type(4) {
        display: none !important;
    }
} 

/* =====================Cart Content =============== */
.mini-maincart .mini-contentCart {
    margin-right: -100px !important;
}