/* @media only screen   and (min-device-width : 768px)   and (max-device-width : 1024px) {
    body{background-size: cover;}
    } */

@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1300px}
}
@media(max-width:1199px){
.how-work-out{width:100%}
.home-banner{overflow:hidden}
.home-banner article h1{width:100%}
.home-banner article{width:100%}
/* body{background-size:1003px 802px,755px 1077px} */
body {
    background-size: contain;
    background-position: center center;
}
}
@media(max-width:991px){
.navbar-brand{flex:1}
.home-banner article h1{font-size:40px}
.how-work-out .how-work-in h4{font-size:20px}
.about-feature-sec .col-md-5.ms-auto{width:50%}
div#features .col-md-5{width:50%}
.headings h4{font-size:32px}
.headings p{font-size:16px}
.blog-section .col-md-4{width:50%;margin-bottom:30px}
.blog-section .row{justify-content:center}
section#blog-sec{padding-bottom:40px}
.bg-download .col-md-5.me-auto{width:50%}
.app-btn img{height:32px}
.headings.headings-width.mb-5{margin-bottom:20px!important}
section#download-app{padding-bottom:65px}
.footer-top-right h5{font-size:22px}
.footer-top{padding:50px 0}
.col-md-4.footer-top-left.me-auto{width:50%}
.home-banner article h1{font-size:30px}
.navbar-collapse{background-color:#000;position:fixed;top:0;left:-350px;z-index:9;width:300px;height:100vh;transition:.3s;padding-top:40px}
.navbar-collapse.show{transition:.5s;left:0;margin-left:0}
ul.navbar-nav li a{color:#fff !important;padding:7px 23px}
header .nav-link.active:after{left:23px}
button.navbar-toggler:focus{outline:0;box-shadow:none;border:1px solid #ddd}

.navbar-collapse a.btn.btn-orange {
    margin-top: 20px;
}
}


@media(max-width:767px){
.about-feature-sec .col-md-5.ms-auto{width:100%;margin-top:25px;text-align:center}
div#features .col-md-5{width:100%;margin-top:25px}
div#features{flex-direction:column-reverse}
div#about-sec img,div#features img{width:70%;margin:auto;display:block}
section#app-screenshots{width:80%;margin:auto}
section.about-feature-sec.section-padding{padding-bottom:50px}
section#contact-sec{padding-top:40px}
.bg-download .row{flex-direction:column-reverse}
.bg-download .col-md-5.me-auto{width:100%;text-align:center;margin-bottom:45px}
.bg-download{padding-top:35px}
.col-md-4.footer-top-left.me-auto{width:100%;text-align:center}
.col-md-4.footer-top-right.ms-auto.text-end{text-align:center!important;margin-top:25px}
.social-list{justify-content:center}
.footer-bottom-left p{text-align:center}
ul.footer-link-list.d-flex.justify-content-end{justify-content:center!important;margin-top:10px}
.row.footer-top{padding-bottom:35px}
.headings.w-50.mb-5{width:100%!important}
section#blog-sec .d-flex{flex-direction:column;text-align:center}
section#blog-sec .ms-auto{margin-left:inherit!important}
.headings.w-50.mb-5{width:100%!important;margin-bottom:20px!important}
section#contact-sec{padding-top:40px;padding-bottom:40px}
section#blog-sec .d-flex{flex-direction:column;text-align:center;margin-bottom:50px}
.how-work-out{margin-top:-20px}
.how-work-in .col-md-4{margin-bottom:20px}
.headings h4{font-size:28px}
.home-banner article h1{line-height:40px}
div#features{flex-direction:column-reverse;text-align:center}

body.fixed header {
    top: -20px;
  }

  .blog-sec .d-flex {
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.blog-sec .ms-auto {
    margin-left: inherit !important;
}

.section-padding {
    padding: 30px 0px;
}
}


@media(max-width:575px){
.navbar{padding:20px 10px}
.blog-section .col-md-4{width:95%;margin-bottom:30px}
.faq-section .accordion .accordion-button{font-size:18px}
.home-banner article h1{font-size:28px}
section#app-screenshots{width:100%;margin:auto}
section#blog-sec{padding-bottom:20px}
}


@media(max-width:480px){
.home-banner article h1{font-size:24px;line-height:34px}
.about-feature-sec .col-md-5.ms-auto{width:100%;margin-top:25px;text-align:center}
section.about-feature-sec.section-padding{padding-bottom:50px;padding-top:50px}
section#app-screenshots{padding-bottom:50px}
section#download-app{padding-bottom:40px}
.how-work-out{margin-top:-7px}
.how-work-out{padding:15px}
.navbar-brand img{width:158px}
.headings h4{font-size:25px}
.faq-section .accordion .accordion-button{font-size:16px}
.owl-dots .owl-dot{width:16px;height:16px}
}