@media only screen and (max-width: 767px) {

body .privacy-container {
    padding: 30px 20px 60px;
}

body .faq-box {
    margin: 52px auto 0;
    max-width: 100%;
    padding: 20px;
}
body .accordion-header {
    font-size: 13px;
    padding: 22px 0;
}
body .icon {
    padding: 6px 6px;
    margin-right: 7px;
}
body .privacy-container .title {
    font-size: 30px;
}
footer.footer-section h6 {
    font-size: 18px !important;
}
body .privacy-container p.subtitle {
    font-size: 15px;
    margin: 20px auto;
}
footer.footer-section {
    padding: 0 10px;
}
.feature-card h4 {
    font-size: 24px;
}
p.footer_col_box {
    font-size: 16px;
}
ul.footer-links li {
    font-size: 16px;
}
.contact_details p {
    font-size: 16px;
}
.footer-section .col-lg-3.col-md-6 p.text-light {
    font-size: 16px;
}

body section.features-section p.text-light.lead {
    font-size: 19px;
    opacity: 1 !important;
}
section.hero p.lead {
    font-size: 15px;
}
body section.hero {
    height: 100%;
    padding: 0 5px;
    padding-top: 100px !important;
}
body .header-logo {
    width: 140px;
}
body section.features-section {
    padding: 100px 10px 80px;
}
body section.hero h1.display-4 {
    font-size: 34px;
    line-height: 40px;
}
.moving_top p.text-light {
    font-size: 14px;
}
body section.hero p.lead {
    max-width: 100%;
    font-size: 18px;
    padding: 10px 0 0;
}
header.main-header {
    padding: 0 7px;
}
body section.hero .d-flex {
    display: block !important;
    margin-top: 40px;
}
body section.hero .d-flex a {
    width: 100%;
}
body a.btn.btn-outline-light {
    margin-left: 0px;
    margin-top: 15px;
}
section.hero .col-lg-6.text-center {
    margin-top: 7rem !important;
}
canvas {
    width: 240px;
}

}



@media only screen and (min-width: 768px) and (max-width: 1050px) {
    body .header-logo {
        width: 150px;
    }
    body .privacy-container {
        padding: 50px 40px 80px;
    }
    footer.footer-section {
        padding-left: 25px;
        padding-right: 25px;
    }
    body section.hero {
        height: 75vh;
        padding: 0 20px;
    }
.features-section .row {
    display: grid !important;
    grid-template-columns: repeat(2, 2fr);
}
body section.features-section {
    padding: 65px 14px;
}



}


@media only screen and (min-width: 1280px) and (max-width: 1400px) {

body .container {
    width: 1280px !important;
}
body section.features-section {
    max-width: 100%;
}
section.features-section .row {
    margin-top: 10px;
    width: 92%;
    margin: 0 auto;
}
body section.features-section p.text-light.lead {
    max-width: 48rem;
}
body section.hero {
    height: 100vh;
}


}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {

body .container {
    width: 1340px !important;
}
body section.features-section {
    max-width: 100%;
}
section.features-section .row {
    margin-top: 10px;
    width: 92%;
    margin: 0 auto;
}
body section.hero {
    height: 100vh;
}


}

@media only screen and (min-width: 1100px) and (max-width: 1280px) {



}