/*-----------------------------------------------------------------------------------------
* Author        : 
* Template Name : ULaunch - Multi Purpose Products Landing Page
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Slider area css
04. Benefits area css
05. Order Now area css
06. Benefits area css
07. Testimonials area css
08. Products area css
09. Newsletters area css
10. Contact area css
11. Our Process area css
12. Footer area css
13. Media Screens
-------------------------------------------------------------------------------------- */

/************************************/
/***** 	   01. General css		 ****/
/************************************/

body{
	font-size: 20px;
	font-family: 'Source Sans Pro', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin-top:0;
	font-weight: 500;
}

img{
	max-width: 100%;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: #fff;
	background: linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #fff 0%, #9dc6b9 100%);
	background: -o-linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	z-index: 9999;
	background: url('images/ani.gif') 50% 50% no-repeat rgb(249,249,249);

}

.loader{
	display: inline-block;
	width: 5px;
	height: 5px;
	position: relative;
	border: 4px solid #c89e31;
	top: calc(50% - 15px);
	animation: loader 5s infinite ease;
}

.loader-inner{
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #c89e31;
	animation: loader-inner 5s infinite ease-in;
}

.btn-custom{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 14px 30px;
	min-width: 170px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 2px 46px 0px rgba(0,0,0,0.1);
	background: #fff;
	background: linear-gradient(to left, #fff 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(to left, #fff 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(to left, #fff 0%, #9dc6b9  100%);
	background: -o-linear-gradient(to left, #fff 0%, #9dc6b9  100%);
}

.btn-custom:hover{
	background: #9dc6b9 ;
	color: #fff;
}

/************************************/
/***** 02. Navigation area css  *****/
/************************************/

nav.navbar.bootsnav{
	background: none !important;
	z-index: 60;
	border-bottom: 1px solid transparent;
}

nav.navbar.bootsnav .navbar-nav{
	padding-top: 30px;
	transition: all 0.3s ease-in-out;
}

.navbar-brand{
	height: auto;
	padding: 25px 15px;
	transition: all 0.3s ease-in-out;
}

.navbar-right{
	margin-right: 0;
}

nav.navbar.bootsnav ul.nav > li{
	padding: 0 2px;
}

nav.navbar.bootsnav ul.nav > li > a{
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	line-height: 1em;
	border-radius: 40px;
	letter-spacing: 0.05em;
	transition: all 0.3s ease-in-out;
}

nav.navbar.bootsnav ul.nav > li > a:hover{
	background: rgba(255,255,255,0.2) !important;
	color: #26333a !important;
}

nav.navbar.bootsnav ul.nav > li.active > a{
	background: rgba(255,255,255,0.2) !important;
	color: #26333a !important;
}


nav.navbar.bootsnav.sticky-header{
	background: #fff !important;
	background: linear-gradient(45deg, #fff 0%, #9dc6b9  100%) !important;
	background: -webkit-linear-gradient(45deg, #fff 0%, #9dc6b9  100%) !important;
	background: -moz-linear-gradient(45deg, #fff 0%, #9dc6b9  100%) !important;
	background: -o-linear-gradient(45deg, #fff 0%, #9dc6b9  100%) !important;
	transition: all 0.3s ease-out;
}

nav.navbar.bootsnav.sticky-header .navbar-brand{
	padding-top: 15px;
	padding-bottom: 15px;
}

nav.navbar.bootsnav.sticky-header .navbar-nav{
	padding-top: 20px;
}

/************************************/
/*****   03. Slider area css    *****/
/************************************/

.swiper-button-prev{
	top: 70%;
	left: 20px;
}

.swiper-button-next{
	top: 30%;
	right: 20px;
}

.header-slider-btn{
	background: none;
	color: #fff;
	font-size: 60px;
}

.banner{
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	overflow: hidden;
	background: #fff;
	background: linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #fff 0%, #9dc6b9  100%);
	padding: 140px 0 60px;
}

.banner:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 0;
	width: 100%;
	overflow: hidden;
	border-width: 30vw 100vw 0px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent ;
}

.banner .row{
	position: relative;
	z-index: 1;
}

.header-content{
	padding-top: 40px;
}

.header-content h2{
	font-size: 52px;
	color: #6eb7ac;
	font-weight: 300;
	line-height: 1.2em;
	margin-bottom: 0.6em;
}

.header-content h2 span {
	background: #fff;
	color: #555451;
	text-transform: uppercase;
	font-size: 32px;
	padding: 6px 14px;
}

.header-content p{
	color: #555451;
	line-height: 1.5em;
	font-size: 18px;
	letter-spacing: 0.04em;
	margin-bottom: 1.8em;
}

.header-content p span{
	font-weight: 700;
}

.btn-buynow{
	display: inline-block;
	background: #d4af37;
	border: 2px solid #d4af37;
	border-radius: 26px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 30px;
	letter-spacing: 0.04em;
	font-weight: 600;
	transition: all 0.3s;
}

.arrow-left i{
	padding-right: 10px;
}

.arrow-right i{
	padding-left: 10px;
}

.btn-buynow:hover{
	background: #fff;
	color: #d4af37;
}

.buy-button .btn-buynow{
	background: none;
	border-color: #fff;
	color: #fff;
}

.buy-button .btn-buynow:hover{
	background: #fff;
	color: #d4af37;
}

.slider-image{
	text-align: center;
}

/************************************/
/*****   04. Benefits area css  *****/
/************************************/

.section-title{
	text-align: center;
	margin-bottom: 80px;
}

.section-title p{
	text-transform: uppercase;
	color: #c89e31;
	letter-spacing: 0.04em;
}

.section-title h2{
	color: #c89e31;
	font-weight: 600;
	font-size: 36px;
	padding-bottom: 14px;
	position: relative;
}

.section-title h2:after{
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
}

.benefits{
	padding: 100px 0;
}

.benefits .section-title{
	text-align: left;
}

.benefits .section-title h2:after{
	left: 0;
	margin-left: 0;
}

.benefits .section-title{
	margin-bottom: 40px;
}

.benefits-content p{
	font-size: 20px;
	color: #7e8890;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.benefits-content ul{
	padding: 0;
	margin: 0 0 1.5em;
	list-style: none;
}

.benefits-content ul:after{
	content: '';
	display: block;
	clear: both;
}

.benefits-content ul li{
	font-size: 20px;
	color: #7e8890;
	float: left;
	width: 48%;
	padding: 6px 0 6px 30px;
	position: relative;
	margin-right: 2%;
}

.benefits-content ul li:before{
	content: '\f10e';
	display: block;
	font-family: "Flaticon";
	color: #d4af37;
	position: absolute;
	top: 6px;
	left: 0;
}

/************************************/
/*****   05. Order Now area css  ****/
/************************************/

.ordernow{
	padding: 60px 0;
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linearcce2dfadient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	position: relative;
	width: 100%;
}

.ordernow-entry h2{
	color: #7e8890;
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 10px;
}

.ordernow-entry p{
	color: #fff;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}


.ordernow .btn-buynow{
	background: none;
	border-color: #fff;
	color: #fff;
}

.ordernow .btn-buynow:hover{
	background: #fff;
	color: #d4af37;
}

.ordernow-image{
	position: relative;
	margin-top: -120px;
	margin-bottom: -120px;
	text-align: center;
}

/************************************/
/*****   06. Benefits area css  *****/
/************************************/

.features{
	padding: 100px 0;
}

.features-single{
	position: relative;
	padding-left: 80px;
	padding-bottom: 30px;
}

.features-single:before{
	content: '';
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	border-left: 1px dashed #d4af37;
}

.features-single .icon-box{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding: 4px;
	border: 1px solid #d4af37;
}

.features-single .icon-box i{
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 30px;
	padding-top: 4px;
	border-radius: 50%;
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
}

.features-single h3{
	color: #333c4e;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 0;
}

.features-single p{
	font-size: 18px;
	color: #7e8890;
	line-height: 1.5em;
	margin: 0;
}

.features-single .btn-buynow{
	margin-top: 20px;
}

/******************************************/
/*****   07. Testimonials area css    *****/
/******************************************/

.testimonials{
	padding: 100px 0;
	position: relative;
	background: url(../images/testimonial.jpg) no-repeat center center fixed;
	background-size: cover;
}

.testimonials:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	opacity: 0.9;
}

.testimonials .section-title{
	text-align: left;
	margin-bottom: 40px;
}

.testimonials .section-title p,
.testimonials .section-title h2{
	color: #fff;
}

.testimonials .section-title h2:after{
	left: 0;
	margin-left: 0;
	background: #fff;
}

.testimonial-heading p{
	color: #fff;
}

.testimonial-single{
	background: #fff;
	padding: 30px;
	margin-top: 40px;
	padding-top: 50px;
}

.testimonial-author{
	width: 80px;
	position: absolute;
	top: 0;
	background: #fff;
	padding: 8px;
}

.testimonial-single p{
	font-size: 14px;
	color: #7e8890;
	line-height: 1.5em;
}

.testimonial-single h3{
	font-size: 16px;
	color: #333c4e;
	font-weight: 600;
}

.testimonial-single h3 span{
	font-size: 14px;
	font-weight: 400;
	color: #d4af37;
	padding-left: 6px;
}

.testimonial-pagination{
	padding-top: 20px;
	text-align: center;
}

.testimonial-pagination .swiper-pagination-bullet{
	background: none;
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	border-radius: 0;
}

/*****************************************/
/*****     08. Products area css     *****/
/*****************************************/

.products{
	padding: 100px 0;
}

.product-image{
	position: relative;
}

.product-image figure{
	position: relative;
	overflow: hidden;
}

.product-image figure::before{
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.product-single:hover .product-image figure:before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine{
	100% {
		left: 125%;
	}
}

@keyframes shine{
	100% {
		left: 125%;
	}
}

.product-information h3{
	font-size: 18px;
	font-weight: 700;
	color: #333c4e;
	padding-top: 20px;
}

.product-information h3 a{
	float: right;
	font-size: 12px;
	color: #7e8890;
	font-weight: 400;
	padding-top: 4px;
}

.product-information h3 a:hover{
	color: #d4af37;
}

.product-rating{
	font-size: 12px;
	color: #d4af37;
	margin-bottom: 6px;
}

.price{
	font-size: 26px;
	color: #333c4e;
}

.price del{
	position: relative;
	text-decoration: none;
	color: #b7c2ca;
}

.price del:after{
	content: '';
	display: block;
	position: absolute;
	top: 52%;
	left: 2px;
	right: 0;
	height: 1px;
	background: #7e8890;
	transform: rotate(20deg);
}

.price del:before{
	content: '';
	display: block;
	position: absolute;
	top: 52%;
	left: 2px;
	right: 0;
	height: 1px;
	background: #7e8890;
	transform: rotate(-20deg);
}

/**************************************/
/*****  09. Newsletters area css  *****/
/**************************************/

.newsletter{
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	padding: 100px 0;
	position: relative;
}

.newsletter:before{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 40px solid transparent;
	border-left: calc(100vw - 17px) solid #e5be79;
}

.newsletter:after{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 40px solid #fff;
	border-right: calc(100vw - 17px) solid transparent;
}

.newsletter-box{
	position: relative;
	padding-left: 80px;
}

.newsletter-box:before{
	content: '\f003';
	display: block;
	position: absolute;
	top: -6px;
	left: 0;
	font-size: 60px;
	color: #fff;
	font-family: FontAwesome;
}

.newsletter-box h2{
	color: #7e8890;
	font-weight: 400;
	font-size: 36px;
}

.newsletter-box p{
	color: #fff;
	margin: 0;
}

.newsletter-form{
	max-width: 480px;
	margin-top: 16px;
	border-radius: 4px;
	background: none;
	border: 2px solid #fff;
	box-sizing: content-box;
	overflow: hidden;
}

.newsletter-form .form-group{
	width: 100%;
}

.newsletter-form .form-control{
	float: left;
	width: 70%;
	border: none;
	background: none;
	height: 48px;
	outline: 0;
	box-shadow: none;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
}

.newsletter-form .form-control::-webkit-input-placeholder{
	color: white;
}

.newsletter-form .form-control:-moz-placeholder{
	color: white;
}

.newsletter-form .form-control::-moz-placeholder {
	color: white;
}
.newsletter-form .form-control:-ms-input-placeholder{
	color: white;
}

.newsletter-form .form-control::-ms-input-placeholder{ 
	color: white;
}

.btn-subscribe{
	height: 48px;
	background: #fff;
	border: none;
	width: 30%;
	color: #d4af37;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	outline: 0;
	box-shadow: none;
}

/**************************************/
/*****    10. Contact area css    *****/
/**************************************/

.contact{
	padding: 100px 0;
}

.contact h2{
	color: #333c4e;
	font-weight: 600;
	font-size: 36px;
	padding-bottom: 14px;
	position: relative;
	margin-bottom: 50px;
}

.contact h2:after{
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
}

.contact-form .form-control{
	box-shadow: none;
	border-radius: 0;
	height: auto;
	padding: 8px 14px;
	border: 1px solid #b7c2ca;
	resize: none;
}

.btn-contact{
	display: inline-block;
	background: #d4af37;
	border: 2px solid #d4af37;
	border-radius: 26px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 30px 10px 20px;
	letter-spacing: 0.04em;
	font-weight: 600;
	outline: 0;
	box-shadow: none;
	transition: all 0.3s;
}

.btn-contact i{
	padding-right: 10px;
}

.btn-contact:hover{
	background: #fff;
	color: #d4af37;
}

.offer-pagination{
	padding: 20px 0;
	text-align: center;
}

.offer-pagination .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	border-radius: 0;
	background: #d4af37;
}

/******************************************/
/*****    11. Our Process area css    *****/
/******************************************/

.our-process{
	padding: 80px 0;
	background: #cce2df;
	background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
	background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
}

.process-header h2{
	color: #7e8890;
	font-weight: 600;
	padding-top: 12px;
}

.process-header p{
	color: #fff;
	margin: 0;
}

.process-single{
	text-align: center;
}

.process-single .icon-box{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	color: #fff;
	font-size: 40px;
	padding-top: 12px;
	border-radius: 50%;
	border: 1px dashed rgba(255,255,255,0.5);
}

.process-single h3{
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	margin: 10px 0 0;
	letter-spacing: 0.02em;
}

/*************************************/
/*****    12. Footer area css    *****/
/*************************************/

footer{
	padding: 60px 0;
}

.footer-siteinfo img{
	margin-bottom: 20px;
}

.footer-siteinfo p{
	color: #7e8890;
}

.footer-quicklinks h3{
	font-size: 18px;
	font-weight: 600;	
	color: #333c4e;
}

.footer-quicklinks ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-quicklinks ul li{
	
}

.footer-quicklinks ul li a{
	display: block;
	font-size: 14px;
	color: #7e8890;
	padding: 3px 0;
}

/************************************/
/*****    13. Media Screens     *****/
/************************************/

@media only screen and (max-width: 1200px){
	.navbar-default .navbar-nav>li>a:after{
		padding: 0 12px 0 14px;
	}
}

@media only screen and (max-width: 991px){
	
	nav.navbar.bootsnav .navbar-header{
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}
	
	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		display: block;
		padding: 14px 0 13px;
	}
	
	nav.navbar.bootsnav .navbar-collapse{
		background: #cce2df;
		background: linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
		background: -webkit-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
		background: -moz-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
		background: -o-linear-gradient(45deg, #cce2df 0%, #9dc6b9  100%);
		padding: 0 15px;
		margin: 0;
	}
	
	nav.navbar.bootsnav .navbar-toggle{
		background: none;
		height: 36px;
		width: 36px;
		color: #fff;
		margin: 0;
		border: 1px solid #fff;
		border-radius: 0;
		position: absolute;
		right: 0;
		top: 16px;
	}
	
	nav.navbar.bootsnav .navbar-nav{
		margin: 0;
		padding: 0;
	}
	
	nav.navbar.bootsnav.sticky-header ul.nav > li > a,
	nav.navbar.bootsnav ul.nav > li > a{
		padding: 14px 0;
		border: none;
		margin: 0;
	}
	
	nav.navbar.bootsnav ul.nav > li > a:after{
		display: none;
	}
	
	nav.navbar.bootsnav ul.nav > li > a:hover{
		background: rgba(255,255,255,0) !important;
		color: #333c4e !important;
	}

	nav.navbar.bootsnav ul.nav > li.active > a{
		background: rgba(255,255,255,0) !important;
		color: #333c4e !important;
	}
	
	nav.navbar.bootsnav.sticky-header .navbar-nav{
		padding-top: 0;
	}
	
	.swiper-button-group{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		padding-bottom: 10px;
	}
	
	.swiper-button-next,
	.swiper-button-prev{
		display: inline-block;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		color: #d4af37;
		margin: 0 8px;
	}
	
	.feature-image{
		text-align: center;
		margin-bottom: 40px;
	}
	
	.features-single:before{
		display: none;
	}
	
	.testimonial-slider{
		margin-top: 30px;
	}
	
	.newsletter-box{
		margin-bottom: 30px;
	}
	
	.contact-form{
		margin-bottom: 40px;
	}
	
	.process-header{
		margin-bottom: 30px;
	}
	
	.footer-siteinfo,
	.footer-quicklinks{
		margin-bottom: 30px;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	
	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	nav.navbar.bootsnav .navbar-toggle{
		right: 15px;
	}
	
	nav.navbar.bootsnav .navbar-collapse{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.banner:before{
		display: none;
	}
	
	.section-title{
		margin-bottom: 60px;
	}
	
	.section-title h2,
	.contact h2{
		font-size: 26px;
	}
	
	.section-title p{
		font-size: 14px;
	}
	
	.header-content{
		margin-bottom: 40px;
	}
	
	.header-content h2{
		font-size: 36px;
	}
	
	.header-content p{
		font-size: 16px;
	}
	
	.swiper-button-group{
		padding-bottom: 30px;
	}
	
	.swiper-button-next,
	.swiper-button-prev{
		color: #fff;
	}
	
	.banner{
		padding: 80px 0;
	}
	
	.benefits,
	.features,
	.testimonials,
	.products,
	.newsletter,
	.contact,
	.our-process{
		padding: 60px 0;
	}
	
	.benefits-image{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.benefits-content ul li{
		width: 100%;
		margin-right: 0;
	}
	
	.ordernow-entry{
		text-align: center;
		margin-bottom: 40px;
	}
	
	.ordernow-image{
		margin: 0;
	}
	
	.newsletter:after,
	.newsletter:before{
		display: none;
	}
	
	.newsletter-form{
		border: none;
		text-align: center;
	}
	
	.newsletter-form .form-control{
		border: 2px solid #fff;
		width: 100%;
		margin-bottom: 20px;
	}

	.btn-subscribe{
		display: inline-block;
		width: 160px;
		border-radius: 2px;
	}
	
	.newsletter-box{
		padding-left: 0;
		padding-top: 70px;
		text-align: center;
	}
	
	.newsletter-box:before{
		line-height: 1em;
		left: 50%;
		transform: translate(-50%,0);
	}
	
	.newsletter-box h2{
		font-size: 24px;
	}
	
	.process-single{
		margin-bottom: 30px;
	}
}

/* Small Mobile Layout */

@media only screen and (max-width: 480px) {
	.features-single{
		padding-left: 0;
		padding-top: 60px;
		margin-bottom: 30px;
	}

	.features-single:last-child{
		margin-bottom: 0;
	}
	
	footer{
		padding-bottom: 30px;
	}
}


/* -----------INICIA SUB MENU EN TV,PC, PORTATILES--------- */
@media screen and (min-width: 600px) {
	/*----------SUBMENU---------*/
	#menu ul {
		list-style:none;
	}

	#menu ul a {
		display:block;
		color:#fff;
		text-decoration:none;
		font-weight:400;
		font-size:15px;
		padding:10px;
		font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		letter-spacing:1px;
	}

	#menu ul li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
	}

	#menu ul li:hover {
		background: rgba(255,255,255,0.2) !important;
	}

	#menu ul ul {
		display:none;
		position:absolute;
		top:100%;
		left:0;
		padding:0;
	}

	#menu ul ul li {
		float:none;
		width:150px
	}

	#menu ul ul a {
		line-height:120%;
		padding:10px 15px;
	}

	#menu ul li:hover > ul {
		display:block;
	}

	.sub:hover{
		color: #333c4e !important;
	}

	/*----------SUBMENU---------*/
}
/* -----------CIERRA SUB MENU EN TV,PC, PORTATILES--------- */



/* -----------INICIA SUB MENU EN CELULARES Y DISPOSITIVOS DE MENOS DE 600PX--------- */
@media screen and (max-width: 600px) {
	/*----------SUBMENU---------*/
	#menu ul {
		list-style:none;
	}

	#menu ul a {
		display:block;
		color:#fff;
		text-decoration:none;
		font-weight:400;
		font-size:15px;
		padding:10px;
		font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		letter-spacing:1px;
	}

	.sub{
		color: #fff;
	}

	.sub:hover{
		color: #333c4e !important;
	}

	/*----------SUBMENU---------*/
}
/* -----------CIERRA SUB MENU EN CELULARES Y DISPOSITIVOS DE MENOS DE 600PX--------- */