@media (max-width:991px) {
     /* header {background-color: #0C1729;} */
     /* header nav .nav-item .nav-link {color: #fff;} */
     .CommonArea .CommonBody {padding-bottom: 0;}
     header nav .navbar-toggler {background-color: #0C1729; padding: 5px 15px;}
     header nav .nav-item {padding: 5px;}
     .HeroSection {padding: 50px 0 0;}
     .HeroSection .Hero {flex-direction: column; align-items: flex-start;} 
     .HeroSection .Hero .HeroLeft h2 {font-size: 36px; line-height: 48px;}
    .HowItWorksArea {padding: 50px 0 35px 0; margin: 0 0 25px 0;}
    .HowItWorksArea .HowWorksLeft {margin: 0 0 25px 0;}
    .HowItWorksArea::after {height: auto;}
    .HowItWorksArea .HowWorksRight .WorkBox {padding: 30px 20px;}
    .HowItWorksArea .HowWorksLeft h2 {font-size: 36px;}
    .CommonArea {padding: 0px;}
    .CommonArea .CommonBody .CommonRight h1 {font-size: 26px; line-height: 40px;}
    .TestimonialArea {padding: 50px 0;}
    .TestimonialArea .section-title h1 {font-size: 36px;}
    .HappyClient .CounterBox {margin: 0 0 35px 0;}
    .DownloadNow .Circle {display: none;}
    .DownloadNow {padding: 25px 50px; margin-top: 25px;}
    .DownloadNow .DownloadRight {text-align: center; margin: 0 0 25px 0;}
    .DownloadNow .row {flex-direction: column-reverse;}
    .DownloadNow .DownloadRight img {position: relative; top: 0;}
    .DownloadNow .DownloadLeft h1 {font-size: 36px;}
    .Hero .HeroLeft h2 {font-size: 36px; line-height: 48px;}
    .TestimonialArea .owl-carousel .owl-nav {right: 15px; top: -150px;}
    footer .FooterTop {flex-direction: column; align-items: flex-start;}
    footer .FooterTop ul {margin: 20px 0 0 0;}
    footer .FooterTop ul li a:first-child {margin-left: 0px;}
    .CommonArea .CommonBody .CommonRight {padding-left: 0; padding-right: 0;}
}

@media (max-width:768px){
    /* .FaqArea {padding: 50px 0 590px 0;} */
    .Hero .HeroRight {width: 100%;} 
    .CommonArea .CommonBody {padding: 50px 0 0;}
    .CommonArea .CommonBody .CommonLeft {margin: 0 0 50px 0;}
    .CommonArea .CommonBody .CommonRight {padding: 0;}
    .CommonArea .container .CommonBody:first-child .row{flex-direction: column-reverse;}
    .CommonArea .container .CommonBody:nth-child(3) .row{flex-direction: column-reverse;}
    .CommonArea .container .CommonBody:last-child .row{flex-direction: column-reverse;}
    /* .CommonArea .container .CommonBody:last-child .row{flex-direction: column-reverse;} */
    .DownloadNowOuter .DownloadNow {padding: 25px;}
    .TestimonialArea .owl-carousel {padding: 0 85px;}
    /* .FaqArea::before {display: none;} */
    footer .FooterBottom {flex-direction: column; align-items: flex-start; padding: 15px 0;}
    footer .FooterBottom p {margin: 0 0 15px 0;}

}

@media (max-width:576px){ 
    footer .FooterTop .FooterTopLeft {flex-direction: column;}
    /* footer .FooterTop ul li a {margin-right: 10px;} */
    .DownloadNow .DownloadLeft h3 {font-size: 18px; line-height: 26px;}
    .TestimonialArea .section-title span {margin-bottom: 0px;}
    .HeroSection {padding: 35px 0 0px;}
    .HeroSection .Hero {flex-direction: column;}
    .HeroSection .Hero .HeroLeft h2 {font-size: 24px; line-height: 32px; margin-bottom: 15px; letter-spacing: 0px;}
    .HeroSection .Hero .HeroLeft h2 br {display: none;}
    .HeroSection .Hero .HeroRight {width: 100%;}
    .HowItWorksArea .HowWorksLeft h2 {font-size: 24px; line-height: 36px;}
    .DownloadNow {width: 95%;}
    .DownloadNow .DownloadLeft h1 {font-size: 24px;}
    /* .CommonArea .CommonBody:last-child {padding-bottom: 50px;} */
    .CommonArea .container .CommonBody:last-child .CommonLeft {margin-bottom: 0;}
    .CommonArea .container .CommonBody:nth-child(4) {padding-top: 0;}
    .CommonArea .container .CommonBody:nth-child(3) {padding-top: 0;}
    .CommonArea .container .CommonBody:nth-child(2) {padding-top: 0;}
    .CommonArea .CommonBody .CommonRight h1 {font-size: 24px; line-height: 34px; letter-spacing: 0px;}
    .HappyClient .CounterBox h1 {font-size: 32px;}
    .TestimonialArea .section-title {margin: 0 0 25px 0;}
    .TestimonialArea .section-title h1 {font-size: 23px;}
    /* .FaqArea {padding: 50px 0 500px 0;} */
    .FaqArea .StaticArea .card .card-header h4 {font-size: 16px;}
    .FaqArea .section-title h1 {font-size: 24px; line-height: 32px; margin: 0 0 20px 0;}
    .HappyClient {flex-direction: column; padding: 30px 0;}
    .DownloadNow {padding: 25px 15px;}
    .DownloadNow .DownloadLeft h1 {font-size: 24px;}
    .TestimonialArea .owl-carousel {padding: 0 15px;} 
    footer .FooterTop .Logo {margin: 0 0 15px 0;}
    footer .FooterTop ul {flex-direction: column;}
    footer .FooterTop ul li a {margin: 15px 0;}
    footer .FooterTop ul {margin-top: 0px; margin-bottom: 15px;}
    footer .FooterTop .SocialIcons ul {flex-direction: row;}
    footer .FooterBottom ul {flex-direction: column;}
    footer .FooterBottom ul li  {margin: 0 0 15px 0;}
    footer .FooterBottom ul li a:first-child {margin-left: 0px;}
}

@media (max-width:400px) {
    header nav .navbar-brand {width: 195px;}
}