/*-----------------------------------------------------------------------------------------
* Author        : Extensive Digital
* 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		 ****/
/************************************/
.icon-box{
	margin-bottom: 5px;
}
.icon-box img{
	height: auto;
}

table td, table th{
	text-align: center;
	line-height: 42px !important;
	height: 42px !important;
	border: 1px transparent !important;
	border-bottom-width: 1px !important;
}
.slick-slide img{
	height: auto;
}
table th{
	border-bottom: 1px solid #d7d7d7  !important;
}
table{
	box-shadow: 0px 0px 8px rgb(0 0 0 / 20%);
	 border-collapse:separate;
    border:solid black 1px;
    border-radius:26px;
}

.primarycar{
	margin-bottom: 30px;
}
.navbar-header{
	text-align: center;
}
.section_70,.section_b_70,.buynow-infobar,.newsletter-feature,.pricing{
	margin-top: 40px;
	margin-bottom: 40px;
}

.pricing {
	margin: 12px 20px;
}
.pricing .row {
	display: flex;
     flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-evenly;
	
}
.icon-box img{
	width: 100%;
     height: 240px;
        object-fit: cover;
        object-position: center center;
       
}

.gauto-breadcromb-area{
	margin: 0 !important;
	padding-top: 125px;
	background: linear-gradient(45deg, #2f685b 0%, #048338 100%) !important;
}
.gauto-breadcromb-area ul li a{
	color: #eee;
}
.gauto-breadcromb-area ul li{
	display: inline;
	list-style: none;
}
ul li{
	list-style: none;
}

.breadcromb-box h3{
	color: #fff;
}
.breadcromb-box ul{
	text-align: right;
}

.breadcromb-box ul li{
	color: #eab81d;
}

.pricing-single{
	margin-bottom: 20px;
}
.pricing-single ul>li{
	font-size: 12px;
}
.pricing-single .pricing-body ul{
	padding: 0px 20px;
	display: flex;
    justify-content: space-between;
}

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

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

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: #2f685b;
	background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -o-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	z-index: 9999;
}

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

.loader-inner{
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #fff;
	animation: loader-inner 2s 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: #16c9f6;
	background: linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -webkit-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -moz-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -o-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
}

.btn-custom:hover{
	background: #16c9f6;
	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{
	transition: all 0.3s ease-in-out;
}

.navbar-brand{
	height: auto;
	padding: 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: 14px;
	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;
	    border-bottom: 3px solid #00000047;
}

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

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


nav.navbar.bootsnav.sticky-header{
	background: #2f685b !important;
    background: linear-gradient(45deg, #2f685b 0%, #048338 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-bottom: 10px;
}
.nav.navbar-nav li ul{
	display: none;
}
.nav.navbar-nav li ul{
	padding-top: 5px;
	background: #fff;
	position: absolute;
    width: 230px;
    border-radius: 20px;
    margin-left: 0px;
    padding-left: 20px;
    border-bottom: 3px solid #00000047;
}

.nav.navbar-nav li ul li{
	margin-left: 0px;

}

.nav.navbar-nav li.active::after {
 font: 500;
    content: "\f007";
}



/************************************/
/*****   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: #2f685b;
	background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -o-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	padding: 140px 0 60px;

}
.banner .wave-bottom{
	position: absolute;
	bottom: -5px;
}
/*
.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: #fff;
	font-weight: 300;
	line-height: 1.2em;
	margin-bottom: 0.6em;
	text-shadow: 0px 0px 3px #000000;
}

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

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

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

.btn-buynow,.offer-btn-1, .gauto-theme-btn,.btn-call-now, button[type="submit"]{
	display: inline-block;
	background: #1b1012;
	border: 2px solid #fff;
	border-radius: 26px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 30px;
	letter-spacing: 0.04em;
	font-weight: 600;
	transition: all 0.3s;
	    width: 100%;
    text-align: center;
}

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

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

.btn-buynow:hover, .offer-btn-1:hover, .gauto-theme-btn:hover{
	background: #be0000;
    color: #ffd35e;
    border: 2px solid #1b0f12;
}

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

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

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

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

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

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

.section-title h2{
	color: #333c4e;
	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: #2f685b;
	background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -o-linear-gradient(45deg, #2f685b 0%, #048338 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: 16px;
	color: #4b555d;
	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: 16px;
	color: #4b555d;
	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: #d21736;
	position: absolute;
	top: 6px;
	left: 0;
}

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

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

.ordernow-entry h2{
	color: #fff;
	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: #d21736;
}

.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 #d21736;
}

.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 #d21736;
}

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

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

.features-single p{
    font-size: 16px;
    color: #4b555d;
    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: #2f685b;
	background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -o-linear-gradient(45deg, #2f685b 0%, #048338 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: #4b555d;
    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: #d21736;
	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: #4b555d;
	font-weight: 400;
	padding-top: 4px;
}

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

.product-rating{
	font-size: 12px;
	color: #d21736;
	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: #4b555d;
	transform: rotate(20deg);
}

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

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

.newsletter{
	background: #2f685b;
	background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
	background: -o-linear-gradient(45deg, #2f685b 0%, #048338 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 #fff;
}

.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: #fff;
	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;
}

textarea{
	color: #111;
	font-size: 18px;
	border-radius: 26px !important;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 1px solid #d7d7d7;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="phone"],
.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="datetime"],
.form-control input[type="datetime-local"],
.form-control input[type="date"],
.form-control input[type="month"],
.form-control input[type="time"],
.form-control input[type="week"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control input[type="url"],
.form-control input[type="search"],
.form-control input[type="tel"],
.form-control input[type="phone"]
{
	color: #111;
	font-size: 18px;
	border-radius: 26px !important;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 1px solid #d7d7d7;
    height: 44px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.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: #d21736;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	outline: 0;
	box-shadow: none;
}

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

.contact{
	padding: 100px 0;
}
label, span{
	color:#000;
}

.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: #2f685b;
    background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
    background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
    background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
    background: -o-linear-gradient(45deg, #2f685b 0%, #048338 100%);
}
.datepicker-container{
	font-size: 16px;sr
}


.input-group-text i{
	margin-left: 20px;
}

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


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

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

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

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

.process-header h2{
	color: #fff;
	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-top: 60px;
	background: #2f685b;
	color: #fefefe;
}

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

.footer-siteinfo ul>li{
	display: inline;
}
.footer-siteinfo ul>li a{
	font-size: 16px;
	margin-right:5px;
}
.footer-siteinfo  ul{
	padding-left: 0px;
}
.footer-siteinfo  ul>li a>i{
	font-size: 24px;
	color:#fefefe;
}
.footer-siteinfo p{
	color: #fefefe;
}

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

.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: #fefefe;
	padding: 3px 0;
	text-transform: uppercase;
}

/************************************/
/*****    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: #2f685b;
		background: linear-gradient(45deg, #2f685b 0%, #048338 100%);
		background: -webkit-linear-gradient(45deg, #2f685b 0%, #048338 100%);
		background: -moz-linear-gradient(45deg, #2f685b 0%, #048338 100%);
		background: -o-linear-gradient(45deg, #2f685b 0%, #048338 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: #d21736;
		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-nav li ul{
	display: block;
}
.nav.navbar-nav li ul{
	padding-top: 0px;
	padding-left: 20px;
	background: transparent;
	position: static;
    width: 100%;
	color: #fff;
    border-bottom: 0;
}

.nav.navbar-nav li ul a{
	color: #fff;	
	font-weight: 300;
}
	
	.icon-box img{
	 height: 120px;
     }
	.gauto-breadcromb-area{
		height: 80px;
	}
	.pricing {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.pricing-header h3{
		font-size: 16px;
	}
	
	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;
	}
}