/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : App Launch - App Landing page HTML5 Template
* File          : App Launch main CSS file
* Version       : 3.0
* ---------------------------------------------------------------------------------------- */

/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Slider area css
04. Services area css
05. Quick Tour area css
06. App Feature area css
07. Screenshot area css
08. FAQs area css
09. Pricing area css
10. Testimonial area css
11. Download App area css
12. Google Map & Contact us area css
13. Footer area css
-------------------------------------------------------------------------------------- */

/************************************/

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

/************************************/

body {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

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

img {
    max-width: 100%;
}

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

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

::-moz-selection {
    background: #595afe;
    color: #fff;
}

::selection {
    background: #595afe;
    color: #fff;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #595afe;
    z-index: 9999;
}

.sk-wave {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -25px;
}

.sk-wave .sk-rect {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    -moz-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.btn-custom {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 14px 30px;
    text-align: center;
    color: #fff;
    box-shadow: -4px 8px 16px 0px rgba(89, 90, 255, 0.26);
    background: #595afe;
    border-radius: 4px;
    transition: all 0.4s;
}

.btn-custom:hover,
.btn-custom:focus {
    background: #2c2a3f;
    color: #fff;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/************************************/

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

/************************************/

.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    padding: 16px 15px 0;
    height: auto;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.navbar-brand img {
    transition: all 0.3s;
    height: 55px;
}

.navbar-default {
    background: none;
    border-radius: 0;
    border-bottom: none;
    z-index: 999;
    padding: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
}

.navbar-nav li {
    padding: 30px 0;
    margin: 0 2px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.nav li {
    position: relative;
}

.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    text-transform: uppercase;
    color: #59687c;
    letter-spacing: 0.05em;
    padding: 6px 8px;
    position: relative;
    border: 1px solid transparent;
}

.nav ul {
    display: none;
    padding: 0;
    min-width: 214px;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #595afe;
    margin-top: 0px;
}

.nav ul li {
    transition: all 0.4s;
    margin: 0;
}

.nav ul li:hover {
    background: rgba(255, 255, 255, 0.14);
}

.nav ul li a:hover {
    color: #000;
}

.nav ul li a {
    border: none !important;
}

.nav .active a {
    background: none !important;
    color: #000 !important;
    transition: all 0.3s;
}

.nav ul li a {
    display: block;
    color: #59687c;
    padding: 12px 20px;
}

.nav .active ul li a {
    border: none !important;
}

.nav ul ul {
    left: 100%;
    top: 0;
    margin-top: -1px;
}

.nav ul li {
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.nav ul li:last-child {
    border-bottom: none;
}

.sticky-header {
    background: #595afe;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sticky-header .navbar-brand {
    padding-top: 16px;
}

.sticky-header .navbar-brand img {
    height: 40px;
    filter: brightness(0) invert(1);
}

.sticky-header .navbar-nav>li {
    padding: 18px 0;
}

.sticky-header .navbar-brand h1 {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #000;
}

.sticky-header .navbar-nav>li>a {
    color: #fff;
}

.sticky-header.navbar-default .navbar-toggle {
    border-color: #fff;
}

.sticky-header.navbar-default .slicknav_icon-bar {
    background: #fff;
}

/************************************/

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

/************************************/

.banner {
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    background: #f6f9ff url(../images/header-bg.png) no-repeat bottom 60px center;
    padding: 140px 0 0;
}

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

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

.header-content {
    text-align: center;
    padding-top: 60px;
}

.header-content h2 {
    font-size: 40px;
    color: #2c2a3f;
    line-height: 1.5em;
    margin-bottom: 10px;
}

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

.btn-download {
    position: relative;
    display: inline-block;
    background: #595afe;
    color: #fff;
    padding: 10px 20px 10px 54px;
    font-size: 14px;
    font-weight: 600;
    margin: 10px;
    text-align: left;
    border-radius: 6px;
    box-shadow: -4px 8px 16px 0px rgba(89, 90, 100, 0.26);
    transition: all 0.1s linear;
}

.btn-download span {
    font-size: 10px;
    display: block;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.btn-download i {
    font-size: 32px;
    position: absolute;
    top: 14px;
    left: 16px;
}

.btn-download:focus,
.btn-download:hover {
    background: #2c2a3f;
    color: #fff;
}

.header-content .download-button {
    margin-top: 20px;
}

.header-img {
    text-align: center;
    margin-bottom: -280px;
}

/**************************************/

/*****   04. Services area css    *****/

/**************************************/

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

.section-title .icon-box {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #595afe;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-bottom: 10px;
}

.section-title h2 {
    color: #2c2a3f;
    font-size: 30px;
    line-height: 1.3em;
}

.section-title h2 span {
    font-weight: 300;
    font-style: italic;
}

.section-title p {
    font-size: 12px;
    color: #92939e;
    line-height: 1.8em;
    margin-top: 10px;
    margin-bottom: 0;
}

.services {
    padding: 300px 0 100px;
    background: url(../images/service-bg.png) no-repeat top 80px center;
}

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

.btn-service {
    text-align: right;
    padding-top: 60px;
}

.btn-service a {
    display: inline-block;
    font-size: 14px;
    color: #595aff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid #595aff;
    border-radius: 4px;
    padding: 10px 20px;
    transition: all 0.3s;
}

.btn-service a:hover {
    background: #595aff;
    color: #fff;
}

.service-single {
    padding: 20px;
    transition: all 0.4s;
    margin-bottom: 30px;
}

.service-single:hover {
    box-shadow: 0px 1px 38px 0px rgba(84, 84, 90, 0.26);
}

.service-single-header {
    position: relative;
    padding: 2px 0 2px 60px;
    margin-bottom: 16px;
}

.service-single-header .icon-box {
    display: block;
    font-size: 44px;
    color: #595aff;
    position: absolute;
    top: 3px;
    left: 0;
    line-height: 1em;
}

.service-dark-red .icon-box {
    color: #eb594f;
}

.service-green .icon-box {
    color: #2cdd7e;
}

.service-light-red .icon-box {
    color: #fe9596;
}

.service-light-blue .icon-box {
    color: #59bcc8;
}

.service-yellow .icon-box {
    color: #fbbc06;
}

.service-single-header h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333436;
    line-height: 1.3em;
    margin-bottom: 0;
}

.service-single p {
    font-size: 13px;
    color: #92939e;
    line-height: 1.8em;
    margin: 0;
}

/****************************************/

/*****   05. Quick Tour area css    *****/

/****************************************/

.quick-tour {
    padding: 0;
    margin-bottom: 100px;
    background: url(../images/video-bg.jpg) no-repeat left center;
    background-size: contain;
}

.video-play-box {
    margin: 40px 0;
    display: inline-block;
    border-radius: 50%;
    position: relative;
}

.video-play-box img {
    border-radius: 50%;
}

.video-play-box a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 80px;
    color: #fff;
}

.video-play-box i {
    display: inline-block;
    width: 140px;
    height: 140px;
    background: #595afe;
    border-radius: 50%;
    line-height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.quick-tour-info .section-title {
    text-align: left;
    margin-bottom: 40px;
}

.quick-tour-entry p {
    font-size: 14px;
    color: #92939e;
    line-height: 1.8em;
    margin-bottom: 1.8em;
}

.quick-tour-entry .btn-custom {
    margin-top: 10px;
}

/****************************************/

/*****   06. App Feature area css   *****/

/****************************************/

.app-features {
    background: #f6f9ff;
    padding: 100px 0;
}

.tab-image {
    text-align: center;
    background: url(../images/tab-image-bg.png) no-repeat right top;
}

.app-features-tab-wrapper h2,
.app-feature-accordion-wrapper h2 {
    font-size: 24px;
    color: #2c2a3f;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 40px;
}

.app-features-tab .nav-tabs {
    border-bottom: none;
}

.app-features-tab .nav-tabs>li {
    padding-right: 16px;
}

.app-features-tab .nav-tabs>li>a {
    padding: 6px 14px;
    margin-right: 0;
    font-size: 14px;
    color: #2c2a3f;
    font-weight: 500;
    border-radius: 0;
    letter-spacing: 0.05em;
    border-radius: 20px;
    text-transform: uppercase;
    transition: none;
    border: 1px solid #92939e;
}

.app-features-tab .nav-tabs .active a {
    background: #fff !important;
    box-shadow: -1px 2px 32.55px 2.45px rgba(0, 0, 0, 0.13);
    border-color: transparent !important;
}

.app-features-tab .nav-tabs a:hover {
    background: none;
}

.app-features-tab .tab-content {
    padding-top: 40px;
}

.app-features-tab .panel-body {
    border-top-color: #dae1ee;
}

.app-features-tab .panel-body h3,
.app-features-tab .tab-content h3 {
    color: #2c2a3f;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1em;
}

.app-features-tab .panel-body p,
.app-features-tab .tab-content p {
    color: #92939e;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 1.8em;
}

.app-features-tab .panel-body ul,
.app-features-tab .tab-content ul {
    padding: 0;
    margin: 1.8em 0;
}

.app-features-tab .panel-body ul li,
.app-features-tab .tab-content ul li {
    font-size: 14px;
    font-weight: 500;
    color: #2c2a3f;
    padding: 4px 0 4px 20px;
    position: relative;
    list-style: none;
}

.app-features-tab .panel-body ul li:before,
.app-features-tab .tab-content ul li:before {
    content: '\f058';
    display: block;
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    left: 0;
}

.app-features-tab .panel-group .panel {
    border-radius: 0;
    border: 1px solid #dae1ee;
    box-shadow: none;
}

.app-features-tab .panel-heading {
    padding: 0;
    border-radius: 0 !important;
    border: none;
    background: #edf1f9;
}

.app-features-tab .panel-heading h4 a {
    display: block;
    border-radius: 0;
    padding: 14px 20px;
}

.accordion-image {
    background: url(../images/accordion-image-bg.png) no-repeat left top;
    text-align: center;
}

.app-feature-accordion-wrapper {
    margin-top: 40px;
}

.app-feature-accordion.panel-group .panel {
    border: 1px solid #4f6691;
    background: #fff;
}

.app-feature-accordion .panel-heading {
    padding: 0;
}

.app-feature-accordion .panel-title {
    padding: 0;
}

.app-feature-accordion .panel-title a {
    display: block;
    font-size: 16px;
    color: #4f6691;
    font-weight: 500;
    padding: 14px 15px 14px 40px;
    position: relative;
}

.app-feature-accordion .panel.active .panel-title a:before {
    content: '\f068';
}

.app-feature-accordion .panel-title a:before {
    content: '\f067';
    font-family: FontAwesome;
    position: absolute;
    top: 14px;
    left: 15px;
    transition: all 0.6s;
}

.app-feature-accordion .panel-body {
    border-top: none !important;
    padding: 10px 20px 0px 40px;
}

.app-feature-accordion .panel-body p {
    font-size: 14px;
    color: #92939e;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

/****************************************/

/*****    07. Screenshot area css   *****/

/****************************************/

.screenshot {
    padding: 100px 0;
    background: #595afe;
}

.screenshot .section-title .icon-box {
    background: #fff;
    color: #595afe;
}

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

.screenshot-slider {
    max-width: 300px;
}

/****************************************/

/*****      08. FAQs area css       *****/

/****************************************/

.faq {
    padding: 100px 0;
}

.faq-tab .nav-tabs {
    text-align: center;
    border-bottom: none;
}

.faq-tab .nav-tabs>li {
    float: none;
    display: inline-block;
    margin: 0 6px;
}

.faq-tab .nav-tabs>li>a {
    color: #b9bafa;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 6px;
    border: none;
    border-bottom: 1px solid transparent;
}

.faq-tab .nav-tabs>li.active>a {
    border: none;
    color: #595afe !important;
    border-bottom: 1px solid #595afe !important;
}

.faq-tab .nav-tabs>li>a:hover {
    border-color: transparent;
    background: none;
}

.faq-tab .tab-content {
    padding-top: 60px;
}

.faq-single {
    margin-bottom: 50px;
}

.faq-single h4 {
    font-size: 18px;
    font-weight: 500;
    color: #2c2a3f;
    margin-bottom: 20px;
}

.faq-single p {
    font-size: 14px;
    color: #92939e;
    line-height: 1.6em;
    margin-bottom: 1.6em;
}

.faq-single p strong {
    color: #595afe;
}

.btn-support {
    margin-top: 40px;
}

/****************************************/

/*****    09. Pricing area css      *****/

/****************************************/

.pricing {
    padding: 100px 0;
    background-color: #f6f9ff;
    background-image: url(../images/left-line.png), url(../images/right-line.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom 140px, top 140px right;
}

.pricing-tab .nav-tabs {
    text-align: center;
    border: none;
    margin-bottom: 30px;
}

.pricing-tab .nav-tabs>li {
    float: none;
    display: inline-block;
    border: 2px solid #595afe;
    margin-right: -4px;
}

.pricing-tab .nav-tabs>li>a {
    font-size: 16px;
    color: #595afe;
    font-weight: 600;
    border: none;
    margin: 0;
    border-radius: 0;
    padding: 8px 20px;
}

.pricing-tab .nav-tabs>li.active>a {
    border: none;
    background: #595afe !important;
    color: #fff !important;
}

.pricing-tab-content p.note {
    text-align: center;
    font-size: 14px;
    color: #92939e;
    margin-bottom: 30px;
}

.pricing-tab-content p.note strong {
    color: #595afe;
}

.pricing-single {
    border: 4px solid #595afe;
    background: #f6f9ff;
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.pricing-single:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 1px solid #fff;
    z-index: 0;
    transition: all 0.4s ease-in-out;
}

.pricing-header,
.btn-pricing,
.pricing-body {
    position: relative;
    z-index: 1;
}

.pricing-header .icon-box {
    font-size: 100px;
    color: #595afe;
    transition: all 0.4s ease-in-out;
}

.pricing-header h3 {
    font-size: 24px;
    color: #2c2a3f;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
}

.btn-pricing a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 26px;
    text-align: center;
    color: #fff;
    background: #595afe;
    border-radius: 4px;
    transition: all 0.4s;
    margin: 10px 0 30px;
    transition: all 0.4s ease-in-out;
}

.pricing-body p {
    color: #92939e;
    line-height: 1.5em;
    transition: all 0.4s ease-in-out;
}

.pricing-single:hover {
    background: #595afe;
    box-shadow: -2px 3px 29px 0px rgba(0, 0, 0, 0.36);
}

.pricing-single:hover:before {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.pricing-single:hover .pricing-header .icon-box {
    color: #fff;
}

.pricing-single:hover .pricing-header h3 {
    color: #fff;
}

.pricing-single:hover .btn-pricing a {
    background: #fff;
    color: #595afe;
}

.pricing-single:hover .pricing-body p {
    color: #fff;
}

/******************************************/

/*****    10. Testimonial area css    *****/

/******************************************/

.testimonials {
    padding: 100px 0;
}

.review-slider {
    padding: 0 60px;
    position: relative;
}

.testimonial-slide {
    background: #595afe;
    padding: 30px 40px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

.testimonial-slide:before {
    content: '';
    position: absolute;
    height: 5px;
    left: 5px;
    right: 5px;
    bottom: -5px;
    background: rgba(89, 90, 254, 0.70);
}

.testimonial-slide:after {
    content: '';
    position: absolute;
    height: 5px;
    left: 10px;
    right: 10px;
    bottom: -10px;
    background: rgba(89, 90, 254, 0.40);
}

.testimonial-slide .icon-box {
    color: #fff;
    font-size: 54px;
    margin-bottom: 10px;
}

.testimonial-slide p {
    color: #fff;
    font-style: italic;
    font-weight: 300;
    line-height: 1.6em;
    letter-spacing: 0.05em;
}

.testimonial-slide p i {
    font-weight: 700;
}

.testimonial-slide h4 {
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-top: 20px;
}

.testimonial-slide h4:before {
    content: '-';
    margin-right: 6px;
}

.review-yellow {
    background: #fbbc06;
}

.review-yellow:before {
    background: rgba(251, 188, 6, 0.7);
}

.review-yellow:after {
    background: rgba(251, 188, 6, 0.4);
}

.review-yellow .icon-box,
.review-yellow p,
.review-yellow h4 {
    color: #2c2a3f;
}

.review-green {
    background: #2cdd7e;
}

.review-green:before {
    background: rgba(44, 221, 126, 0.7);
}

.review-green:after {
    background: rgba(44, 221, 126, 0.4);
}

.testimonial-prev,
.testimonial-next {
    font-size: 45px;
    color: #2c2a3f;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    cursor: pointer;
}

.testimonial-next {
    right: 0;
}

.testimonial-prev {
    left: 0;
}

/******************************************/

/*****   11. Download App area css    *****/

/******************************************/

.download-apps {
    padding: 100px 0 50px;
    background: linear-gradient(to top, #fff 33%, #f6f9ff 33%);
}

.download-apps .section-title {
    margin-bottom: 50px;
}

/*****************************************************/

/*****   12. Google Map & Contact us area css    *****/

/*****************************************************/

.google-map {
    margin-top: 100px;
}

.google-map iframe {
    width: 100%;
    min-height: 460px;
    border-radius: 8px;
}

.contact-us {
    padding: 50px 0 100px;
}

.contact-form {
    max-width: 550px;
    margin: 0 auto;
}

.contact-form .form-control {
    font-size: 15px;
    border: 1px solid #92939e;
    border-radius: 4px;
    box-shadow: none;
    height: auto;
    letter-spacing: 0.04em;
    padding: 14px 20px;
    outline: 0;
    resize: none;
}

.btn-contact {
    border: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 14px 30px;
    text-align: center;
    color: #fff;
    box-shadow: -4px 8px 16px 0px rgba(89, 90, 255, 0.26);
    background: #595afe;
    margin-top: 20px;
    border-radius: 4px;
    transition: all 0.4s;
}

.btn-contact:hover,
.btn-contact:focus {
    background: #2c2a3f;
    outline: 0;
    box-shadow: none;
}

/************************************/

/*****   13. Footer area css    *****/

/************************************/

footer.footer {
    padding: 100px 0;
    background: #f6f9ff;
}

.footer-logo {
    text-align: center;
}

.footer-social-links {
    text-align: center;
    margin-top: 40px;
}

.footer-social-links a {
    display: inline-block;
    font-size: 24px;
    color: #2c2a3f;
    margin: 0 10px;
    transition: all 0.3s ease-in-out;
}

.footer-social-links a:hover {
    color: #595aff;
}

.footer-single {
    margin-top: 60px;
    text-align: center;
}

.footer-single h3 {
    font-size: 16px;
    color: #2c2a3f;
    font-weight: 600;
    margin-bottom: 16px;
}

.footer-single p {
    color: #92939e;
    font-size: 14px;
    line-height: 1.5em;
}

/************************************/

/*****    14. 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: 1024px) {
    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-header {
        float: none;
    }
    #main-nav .navbar-collapse {
        display: none !important;
    }
    .navbar-default .navbar-toggle {
        border-color: #2c2a3f;
        border-radius: 0;
        padding: 0;
    }
    .navbar-brand img {
        height: 56px;
    }
    .navbar-brand,
    .sticky-header .navbar-brand {
        padding: 11px 0 11px 15px;
    }
    .slicknav_menu {
        background: #1151d3;
    }
    .sticky-header .slicknav_menu {
        background: none;
    }
    .slicknav_menu {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0;
    }
    .slicknav_menu li {
        padding: 0 10px;
    }
    .slicknav_menu a {
        color: #fff;
        padding-top: 6px;
        padding-bottom: 6px;
        text-transform: uppercase;
        border: 1px solid transparent;
    }
    .slicknav_menu a a {
        border: none !important;
    }
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover {
        background: none;
        color: #000;
        border: none;
        border-radius: 0;
    }
    .slicknav_btn {
        padding: 4px 4px;
        background: none;
    }
    .slicknav_icon-bar {
        box-shadow: none;
        border-radius: 0;
        margin: 2px 0;
    }
    .navbar-toggle {
        top: 16px;
        margin-right: 0;
        transition: all 0.3s;
    }
    .sticky-header .navbar-toggle {
        top: 11px;
    }
    .navbar-collapse {
        border: none !important;
        border-top: 1px solid #fa534a !important;
        box-shadow: none;
        padding: 30px;
        background: #f93f35;
    }
    .navbar-toggle:hover {
        background: transparent !important;
    }
    .navbar-toggle .icon-bar {
        margin: 4px 0;
    }
    .sticky-header .navbar-brand img {
        height: 42px;
    }
    .pricing-single {
        padding: 20px;
    }
    .pricing-single:hover:before {
        top: 10px;
        left: 10px;
        bottom: 10px;
        right: 10px;
    }
    .pricing-header .icon-box {
        font-size: 60px;
    }
    .btn-pricing a {
        padding: 10px 16px;
    }
}

/* Mobile Layout */

@media only screen and (max-width: 767px) {
    .navbar-toggle {
        top: 16px;
        margin-right: 15px;
    }
    .section-title {
        margin-bottom: 60px;
    }
    .section-title h2 {
        font-size: 20px;
    }
    .section-title p br {
        display: none;
    }
    .section-title .icon-box {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }
    .banner {
        padding: 100px 0 0;
    }
    .services {
        padding-bottom: 30px;
    }
    .quick-tour {
        margin-bottom: 60px;
    }
    .app-features,
    .faq,
    .testimonials,
    footer.footer {
        padding: 60px 0;
    }
    .pricing {
        background-image: none;
        padding: 60px 0 30px;
    }
    .screenshot {
        padding: 60px 0 120px;
    }
    .download-apps {
        padding: 60px 0 30px;
    }
    .contact-us {
        padding: 30px 0 60px;
    }
    .header-content h2 {
        font-size: 26px;
    }
    .btn-service {
        display: none;
    }
    .app-features-tab-wrapper h2,
    .app-feature-accordion-wrapper h2 {
        font-size: 20px;
    }
    .app-features-tab .panel-body h3,
    .app-features-tab .tab-content h3 {
        font-size: 16px;
    }
    .slider>.navContainer:first-child,
    .slider>.navContainer:last-child {
        width: 36px;
        height: 36px;
        left: 50%;
        background: #fff;
        border-radius: 50%;
        top: auto;
        bottom: -80px;
        margin-left: -40px;
        cursor: pointer;
        z-index: 998;
    }
    .slider>.navContainer:last-child {
        margin-left: 0;
    }
    .slider>.navContainer:first-child:before,
    .slider>.navContainer:last-child:before {
        content: '\f053';
        display: block;
        font-family: FontAwesome;
        color: #595afe;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
    }
    .slider>.navContainer:last-child:before {
        content: '\f054';
    }
    .slider>.navContainer>.leftClass,
    .slider>.navContainer>.rightClass {
        display: none;
    }
    .pricing-single {
        margin-bottom: 30px;
    }
    .review-slider {
        padding: 0;
    }
    .testimonial-pagination {
        text-align: center;
        margin-top: 20px;
    }
    .testimonial-prev,
    .testimonial-next {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-top: 0;
        font-size: 30px;
        margin: 0 4px;
    }
    .google-map {
        margin-top: 60px;
    }
    .footer-social-links a {
        font-size: 20px;
        margin: 0 6px;
    }
    .footer-single {
        margin-top: 30px;
    }
}

/* Small Mobile Layout */

@media only screen and (max-width: 480px) {
    .navbar-brand img {
        height: 56px;
    }
    .navbar-brand,
    .sticky-header .navbar-brand {
        padding: 14px 0 14px 15px;
    }
    .screenshot-slider {
        max-width: 260px;
    }
}
.privacy{
    text-align: center;
    padding: 10px;
    margin-top: 150px;
}
.privacyLi{
    list-style: none;
}
.page-title-area{
    background-color: #c4f0d8;
    margin-top: 60px;
}
.privacypolicy{
background-color: rgb(243, 243, 214);
}