/* Mobile Responsive Start */

@media only screen and (min-width: 1440px) {
	body .container {
    	max-width: 1440px;
	}
}
@media only screen and (max-width: 1800px) {
	.two-banner-section .banner-box .text-box {
		    padding: 0 150px;
	}
}

@media only screen and (max-width: 1700px) {
	.discover-section .discover-item .img-box img {
		height: 250px;
	}
}

@media only screen and (max-width: 1600px) {
	
}

@media only screen and (max-width: 1540px) {
	.two-banner-section .banner-box .text-box {
    		padding: 0 100px;
		}
}

@media only screen and (max-width: 1440px) {
	.feature-products-section .feature-banner video {
		width: 115%;
	}
	
}

@media only screen and (max-width: 1399px) {
	.discover-section .discover-item .img-box img {
    	height: 200px;
	}
	.feature-products-section .col-xl-3 {
		display: none;
	}
	.feature-products-section .col-xl-9 {
		width: 100%;
	}
	.feature-products-section .feature-products-item .text-box .title-banner {
		font-size: 16px;
	}
	.feature-products-section .feature-products-item .img-box img {
		height: 270px;
	}
	.feature-products-section .feature-products-item .text-box {
		    margin: 0 20px;
	}
	.feature-products-section .feature-products-item .text-box .button {
		    font-size: 14px;
	}
	.feature-products-section .feature-products-item .text-box .button:before {
		height: 1px;
	}
	.contact-section .form-area {
		padding: 50px 50px 60px;
	}
}

@media only screen and (max-width: 1299px) {
	.two-banner-section .banner-box .text-box {
    		padding: 0 50px;
		}
	.meet-team-section .owl-ourteam-slider .ourteam-image img {
		height: 340px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image {
		height: 400px;
	}
}

@media only screen and (max-width: 1199px) {
	.home-slider-area .owl-home-slider .item .img-box img {
		object-position: center;
	}
	.home-slide-rightside .box-content .banner-text .main-text br {
		display: none;
	}
	.footer-newslatter .newslatter-text .main-text {
		font-size: 28px;
	}
	.footer-newslatter form .input-btn input {
		height: 50px;
    line-height: 50px;
    padding: 0 30px;
	}
	.footer-newslatter form .input-text input {
		height: 50px;
    line-height: 50px;
	}
	.footer-area {
		padding: 30px 0;
	}
	.footer-area .container,
	.footer-bottom .container {
		    max-width: 100%;
	}
	.footer-area .footer-content {
    	padding: 20px 0;
	}
	.discover-section .discover-item .img-box img {
    	height: 150px;
	}
	.discover-section .discover-item .text-box a {
		margin-top: 10px;
	}
	.two-banner-section .banner-box .text-box {
    		padding: 0 20px;
		}
		.Discover-Our-Range-section .tabs-content .tabs-all-content .text-box h3 {
			    font-size: 36px;
		}
	.our-story-section {
		background-image: none;
	}
	.our-story-section .content-area h2 {
		font-size: 30px;
    	line-height: 42px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image {
	    height: 340px;
	        padding: 20px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image img {
	    height: 300px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image:before {
		width: calc(100% - 40px);
    	height: calc(100% - 40px);
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image .social-link {
		-webkit-transform: translate(-56%,0);
    	transform: translate(-56%,0);
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image .social-link li {
		margin: 0 3px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image .social-link li a {
		width: 35px;
    	height: 35px;
    	line-height: 38px;
	}
	.map-section iframe {
		height: 400px;
	}
	.contact-section .form-area {
		margin: -130px 0 0;
	}
	.products-wocommerce-section .woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
	}
}

@media only screen and (max-width: 1150px) {
	
}

@media only screen and (max-width: 1024px) {
	
}

@media only screen and (max-width: 991px) {
	.main-title {
		font-size: 22px;
		padding-bottom: 12px;
    margin-bottom: 20px;
	}
	.discover-section {
		padding: 50px 0;
	}
	.discover-section .head-content {
    	margin-bottom: 20px;
	}
	.header .header-top {
		display: none;
	}
	.header-nav .navbar {
		padding: 5px;
	}
	.header-nav .navbar .navbar-collapse {
		position: fixed;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    background: #fff;
	    text-align: center;
	    height: 100%;
	    width: 320px;
	    clear: both;
	    z-index: 10003;
	    box-shadow: none;
	    overflow-y: auto;
	    overflow-x: hidden;
	    -webkit-transform: translateX(-100%);
	    -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    transform: translateX(-100%);
	    visibility: hidden;
    	opacity: 0;
    	    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}
	.header-nav .navbar .navbar-collapse.show {
		-webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	    box-shadow: 0 0 50px rgba(24,24,24,.2);
	    visibility: visible;
    	opacity: 1;
	}
	.header-nav .navbar .navbar-brand-mobile {
  		display: block;
  		margin: 20px 0;
	}
	.header-nav .navbar-brand-mobile .logo {
    	height: 80px;
	}
	.header-nav .navbar .navbar-nav li:after {
	    content: "";
	    height: 1px;
	    width: 100%;
	    display: block;
	    background: currentColor;
	    opacity: .1;
	}
	.header-nav .navbar .navbar-nav .nav-link,
	.header-nav .navbar .navbar-nav li a {
		padding: 1em 2em;
		line-height: 1.1;
		    display: block;
	}
	.header-nav .navbar .navbar-nav .nav-link.active {
		background: #5f7d8c;
    	color: #fff;
	}
	.header-nav .navbar .navbar-nav .nav-link:after {
		    position: absolute;
	    right: 0;
	    top: 47%;
	}
	.header-nav .navbar .navbar-nav .nav-link:before,
	.header-nav .login-register .search-box {
		display: none;
	}
	.header-nav .login-register {
		    margin: 2em 0 0;
		    margin-bottom: 3em;
    	display: block !important;
	}
	.header-nav .login-register ul li span {
    opacity: 0;
    margin: 0;
	}
	.header-nav .login-register ul li a {
		    border-radius: 5px;
    background: #5f7d8c;
    color: #fff;
    padding: 8px 19px;
    box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset;
	}
	.header-nav .navbar .navbar-nav li .dropdown-menu {
		    position: relative;
    padding: 0;
    top: 0;
    box-shadow: none;
    margin: 0;
        border: none;
        text-align: center;
            -webkit-transform: translate(0) !important;
    transform: translate(0) !important;
        opacity: 0;
    visibility: hidden;
    height: 0;
	}
	.header-nav .navbar .navbar-nav li .dropdown-menu.show {
		opacity: 1;
	    visibility: visible;
	    height: auto;
	    border-radius: 0;
	}
	.header-nav .navbar .navbar-nav li .dropdown-menu.show:after {
	    content: "";
	    height: 1px;
	    width: 100%;
	    display: block;
	    background: currentColor;
	    opacity: .1;
	        top: 0;
    	position: absolute;
	}
	.header-nav .navbar .navbar-nav li {
		    display: block;
    float: none;
    padding: 0;
	}
	.header-nav .navbar .navbar-nav li a {
	    color: #5f7d8c;
	    font-size: 14px;
	    font-weight: 500;
	    position: relative;
	}
	.header-nav .navbar .navbar-brand-mobile,
	.header-nav .navbar .navbar-nav,
	.header-nav .login-register,
	.header-nav .navbar .header-top-mobile {
		padding-left: 30px;
    	padding-right: 30px;
	}
	.header-nav .navbar .header-top-mobile {
		display: block;
		background-color: #f1f1f1;
		position: relative;
		padding-bottom: 50px;
	}
	.header-nav .navbar .header-top-mobile:before {
    content: "";
    display: block;
    background: #000;
    background: #000;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: .15;
}
.header-nav .navbar .header-top-mobile .phone,
.header-nav .navbar .header-top-mobile .email {
	    position: relative;
    display: grid;
}
.header-nav .navbar .header-top-mobile .email {
	margin-top: 15px;
}
.header-nav .navbar .header-top-mobile .phone:before,
.header-nav .navbar .header-top-mobile .social-link:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: currentColor;
    opacity: .1;
    margin-bottom: 1em;
    margin-top: 1em;
}
.header-nav .navbar .header-top-mobile .phone i,
.header-nav .navbar .header-top-mobile .email i {
	color: #5f7d8c;
    font-size: 18px;
 	margin-top: 8px;
}
.header-nav .navbar .header-top-mobile .phone a,
.header-nav .navbar .header-top-mobile .email a {
	color: #5f7d8c;
    font-size: 18px;
    font-weight: 500;
    margin-top: 4px;
}
.header-nav .navbar .header-top-mobile .social-link {
	    margin: 0;
    padding: 0;
    list-style: none;
}
.header-nav .navbar .header-top-mobile .social-link li {
	display: inline-block;
	    padding: 0 5px;
}
.header-nav .navbar .header-top-mobile .social-link li a {
	color: #5f7d8c;
    font-size: 16px;
}

.footer-newslatter form {
	max-width: 450px;
	    margin-left: 75px;
    margin-top: 20px;
}
.footer-bottom .img-area img {
	width: 100%;
}

.home-slider-area .owl-home-slider {
	margin-bottom: 20px;
}
.home-slider-area .owl-home-slider .item .img-box img {
	height: 400px;
}
.home-slide-rightside .box-content .banner-text .main-text,
.home-slider-area .box-content .banner-text .main-text {
	    font-size: 32px;
}
.top-three-selling-products .container {
	    max-width: 100%;
	    padding: 0 20px;
}
.top-three-selling-products .selling-products-box,
.top-three-selling-products .selling-products-box:nth-last-child(2) {
	width: 50%;
}
.top-three-selling-products .selling-products-box:first-child {
	width: 100%;
	margin-bottom: 15px;
}
.top-three-selling-products .selling-products-box .main-content,
.two-banner-section .banner-box img {
	    height: 400px;
}
.top-three-selling-products .selling-products-box .text-box {
	margin: 20px;
}
.top-three-selling-products .selling-products-box .text-box .title-banner {
	font-size: 22px;
}
.two-banner-section .banner-box .text-box .title-banner {
	font-size: 28px;
}
.Discover-Our-Range-section .tabs-content .tabs-all-content .text-box h3 {
    font-size: 28px;
    line-height: 30px;
}
.Discover-Our-Range-section .tabs-area .tabs li {
	padding: 20px 10px;
}
.Discover-Our-Range-section .tabs-area .tabs {
	    margin-bottom: 20px;
}
.easy-steps-section .step-box {
	    padding: 50px 0 20px;
}
.easy-steps-section .step-box .item-box {
	margin-bottom: 30px;
	    padding: 0 20px;
}
.contact-section .form-area {
    margin: 10px 0 0;
}


}

@media only screen and (max-width: 767px) {
	.products-wocommerce-section .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
	.main-title {
	    font-size: 20px;
	    padding-bottom: 10px;
	    margin-bottom: 20px;
	}
	.discover-section,
	.two-banner-section {
    	padding: 40px 0;
	}
	.footer-newslatter .newslatter-text img {
		display: none;
	}
	.footer-newslatter .newslatter-text {
		padding: 0;
	}
	.footer-newslatter form {
		margin-left: 0;
		max-width: 100%;
	}
	.footer-bottom .company-copyright {
		text-align: center;
	}
	.footer-bottom .img-area {
	    text-align: center;
	    margin-top: 15px;
	}
	.home-slider-area {
    	margin-top: 30px;
	}
	.discover-section .discover-item .text-box a {
		font-size: 14px;
	}
	.top-three-selling-products .selling-products-box .text-box .title-banner {
    	font-size: 20px;
	}
	.top-three-selling-products .selling-products-box,
	.top-three-selling-products .selling-products-box:nth-last-child(2) {
		width: 100%;
	}
	.top-three-selling-products .selling-products-box:nth-last-child(2) {
		margin-bottom: 15px;
	}
	.our-collections-section .our-collections-item .text-box {
		left: 20px;
		padding: 30px 40px 30px;
	}
	.our-collections-section .our-collections-item img {
		    height: 400px;
	}
	.our-collections-section .our-collections-item .text-box .title {
		font-size: 30px;
    line-height: 35px;
	}
	.two-banner-section .banner-box:first-child {
		margin-bottom: 20px;
	}
	.Discover-Our-Range-section .tabs-area .tabs {
		display: none;
	}
	.Discover-Our-Range-section .tabs-area .tabs.mobile {
		display: block;
    	margin-bottom: 5px;
	}
	.Discover-Our-Range-section .tabs-area .tabs li {
    	padding: 0;
	}
	.Discover-Our-Range-section .tabs-content .tabs-all-content.active {
		padding: 25px 0;
		padding-bottom: 40px;
	}
	.Discover-Our-Range-section {
		padding-bottom: 30px;
	}
	.maps-section iframe {
		    height: 300px;
	}
	.about-top-banner-section {
		padding: 160px 0;
	}
	.about-top-banner-section .content .main-title {
		font-size: 46px;
    	line-height: 55px;
    	margin-bottom: 25px;
	}
	.our-story-section .content-area h2 {
	    font-size: 26px;
	    line-height: 38px;
	}
	.our-story-section .content-area h2 br {
		display: none;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image {
	    padding: 10px;
	    height: 300px;
	    margin-bottom: 0px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image img {
	    height: 280px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image:before {
	    width: calc(100% - 20px);
	    height: calc(100% - 20px);
	}
	.meet-team-section .owl-ourteam-slider .item {
	    padding: 0 10px;
	}
	.contact-section .info-area .heading-title {
		margin: 0 0 20px;
	}
	.contact-section .info-area ul {
		margin-top: 30px;
	}
	.contact-section .form-area {
	    padding: 40px 40px 40px;
	}
	.products-wocommerce-section .woocommerce .product.type-product .woocommerce-product-gallery {
		margin-top: 0px;
	}
	.products-wocommerce-section .single-product .woocommerce-message {
    float: none;
    width: 100% !important;
    z-index: 1;
    margin-bottom: 20px;
}
.products-wocommerce-section .woocommerce .single-product .product.type-product .onsale {
	display: none;
}
.products-wocommerce-section .woocommerce .product.type-product .summary, 
.products-wocommerce-section .woocommerce .product.type-product .woocommerce-product-gallery {
	width: 100%;
}
.products-wocommerce-section table.shop_table .product-remove .remove {
	width: 32px !important;
}
}

@media only screen and (max-width: 575px) {
	.products-wocommerce-section .woocommerce ul.products {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}
	.footer-newslatter .newslatter-text .main-text {
		font-size: 24px;
		    text-align: center;
	}
	.footer-newslatter .newslatter-text .p-praf {
		text-align: center;
	}
	.home-slide-rightside .box-content .banner-text .main-text, 
	.home-slider-area .box-content .banner-text .main-text {
    	font-size: 26px;
	}
	.discover-section .owl-discover-slider .owl-nav button.owl-prev {
		    left: 0;
	}
	.discover-section .owl-discover-slider .owl-nav button.owl-next {
		    right: 0;
	}
	.feature-products-section .feature-products-item .text-box {
		width: -webkit-fill-available;
	}
	.our-collections-section .our-collections-item .text-box .description br {
		display: none;
	}
	.our-collections-section .our-collections-item .text-box {
		right: 20px;
	}
	.two-banner-section .banner-box .text-box .title-banner {
    		font-size: 24px;
		}
		.Discover-Our-Range-section .tabs-content .tabs-all-content .text-box h3 {
    font-size: 24px;
    line-height: 30px;
}
.Discover-Our-Range-section .tabs-area .tabs li {
	font-size: 15px;
}
.maps-section iframe {
		    height: 250px;
	} 
	.about-top-banner-section .content .sub-title {
		font-size: 16px;
		margin-bottom: 25px;
	}
	.about-top-banner-section .content .main-title {
	    font-size: 26px;
	    line-height: 36px;
	    margin-bottom: 25px;
	}
	.our-story-section .content-area h3 {
		font-size: 16px;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image {
		height: auto;
	}
	.meet-team-section .owl-ourteam-slider .ourteam-image img {
	    height: auto;
	}
	.contact-section .info-area .heading-title {
		font-size: 24px;
	}
}

@media only screen and (max-width: 450px) {
	.footer-newslatter form {
		display: block;
    background: transparent;
	}
	.footer-newslatter form .input-text input {
		    background: #fff;
    border-radius: 0;
	}
	.footer-newslatter form .input-btn {
		    text-align: center;
    display: block;
    padding-top: 15px;
	}
	.maps-section iframe {
		    height: 200px;
	}
}

@media only screen and (max-width: 425px) {
	
}

@media only screen and (max-width: 375px) {
	.header-nav .navbar .navbar-collapse {
		width: 270px;
	}
}