@media only screen and (min-width: 992px) and (max-width: 1199px) {
     .footer {
         padding-top: 220px;
         margin-top: 50px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .footer {
         padding-top: 160px;
         margin-top: 100px;
    }
}
 @media (max-width: 767px) {
     .footer {
         padding-top: 120px;
         margin-top: 0px;
    }
}
 @media (max-width: 767px) {
     .block-component-section .block-component-content {
         padding: 0;
    }
     .block-component-section .block-component-content .section_title {
         padding: 55px 25px 65px 25px;
    }
     .block-component-section .block-component-content .block-component-form {
         padding: 0px 25px 60px 25px;
    }
     .block-component-section .block-component-content {
         background-position: 00px 160px;
    }
     .widget-wrapper {
         padding-left: 40px;
    }
     #faq .image {
         margin-top: 80px;
    }
     .hero-badge-left {
         bottom: -60px;
         left: 0;
    }
     .hero-dots-top {
         top: 20%;
    }
}

 @media (max-width: 1199px) {
     .testimonials .swiper-slide-active {
         opacity: 1;
    }
     .testimonials .swiper-pagination {
         margin-top: 0;
    }
}
 @media (min-width: 1200px) {
     .testimonials .swiper-slide-next {
         opacity: 1;
         transform: scale(1.12);
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .contact_image .image {
         padding-right: 0;
    }
}
 @media (max-width: 767px) {
     .contact_image .image {
         padding-right: 0;
    }
}
 .contact_image .image img {
     max-width: 770px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .contact_image .image img {
         max-width: 100%;
    }
}
 @media (max-width: 767px) {
     .contact_image .image img {
         max-width: 100%;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .contact_image {
         width: 720px;
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
         position: inherit;
         height: auto;
         margin-top: 50px;
    }
}
 @media (max-width: 767px) {
     .contact_image {
         width: 100%;
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
         position: inherit;
         height: auto;
         margin-top: 50px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .contact_image {
         width: 540px;
    }
}

 @media (max-width: 767px) {
     .single_blog .blog_content .blog_title a {
         font-size: 18px;
    }
}

 @media (max-width: 767px) {
     .single_blog .blog_content .blog_meta li {
         font-size: 14px;
    }
}

 @media (max-width: 767px) {
     .single_blog .blog_content {
         padding: 15px;
    }
}

 @media (max-width: 767px) {
     .single_pricing {
         padding: 25px;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .about_content {
         padding-top: 45px;
         padding-bottom: 0;
    }
}
 @media (max-width: 767px) {
     .about_content {
         padding-top: 45px;
         padding-bottom: 0;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .about_image .image img {
         max-width: 100%;
    }
}
 @media (max-width: 767px) {
     .about_image .image img {
         max-width: 100%;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .about_image .image {
         padding-right: 0;
    }
}
 @media (max-width: 767px) {
     .about_image .image {
         padding-right: 0;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .about_image {
         width: 720px;
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
         position: inherit;
         height: auto;
         margin-top: 5px;
    }
}
 @media (max-width: 767px) {
     #about {
         margin-top: 0 !important;
    }
     .about_image {
         width: 100%;
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
         position: inherit;
         height: auto;
         margin-top: 5px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .about_image {
         width: 540px;
    }
}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
     .single_services .services_content .services_title a {
         font-size: 22px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .single_services .services_content .services_title a {
         font-size: 24px;
    }
}
 @media (max-width: 767px) {
     .single_services .services_content .services_title a {
         font-size: 20px;
    }
}

 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .single_services {
         padding: 25px 15px;
    }
}

 @media (max-width: 767px) {
     .header_hero_content .hero_title {
         font-size: 48px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .header_hero_content .hero_title {
         font-size: 36px;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .header_image {
         width: 720px;
         margin: 0 auto;
         padding-left: 15px;
         padding-right: 15px;
         position: inherit;
         height: auto;
         margin-top: 50px;
    }
}
 @media (max-width: 767px) {
     .header_image {
         width: 100%;
         margin: 0 auto;
         padding-left: 0;
         padding-right: 0;
         position: inherit;
         height: auto;
         margin-top: 50px;
    }
     .header_hero_content {
         text-align: center;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .header_image {
         width: 540px;
    }
}
 @media only screen and (min-width: 1400px) {
     .header_image .image {
         padding-left: 0px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .header_hero_content {
         padding-top: 150px;
    }
}
 @media (max-width: 767px) {
     .header_hero_content {
         position:static !important;
         margin-bottom: 50px;
         min-height: auto !important;
         padding-top: 20% !important;
    }
     .home-software {
         bottom: -200px !important;
    }
     #home {
    }
     .home-hero img {
         width: 80%;
        

    }
    .home-hero img.hero-img { position: relative; bottom: -30px; width: 90%; }

     #home::before {
         content: "";
         position: absolute;
         top: 0px;
         right: 0px;
         bottom: 0px;
         left: 0px;
         opacity: 0.75;
    }
     .header_hero_content ul li {
         margin-left: 0 !important;
    }
}

 @media only screen and (min-width: 1400px) {
     .header_hero {
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navbar-nav .sub-nav-toggler {
         display: block;
         position: absolute;
         right: 0;
         top: 0;
         background: none;
         color: #050712;
         font-size: 18px;
         border: 0;
         width: 30px;
         height: 30px;
    }
}
 @media (max-width: 767px) {
     .navbar-nav .sub-nav-toggler {
         display: block;
         position: absolute;
         right: 0;
         top: 0;
         background: none;
         color: #050712;
         font-size: 18px;
         border: 0;
         width: 30px;
         height: 30px;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navbar-nav .nav-item .sub-menu {
         position: relative;
         width: 100%;
         top: 0;
         display: none;
         opacity: 1;
         visibility: visible;
    }
}
 @media (max-width: 767px) {
     .navbar-nav .nav-item .sub-menu {
         position: relative;
         width: 100%;
         top: 0;
         display: none;
         opacity: 1;
         visibility: visible;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navbar-nav .nav-item:hover .sub-menu {
         top: 0;
    }
}
 @media (max-width: 767px) {
     .navbar-nav .nav-item:hover .sub-menu {
         top: 0;
    }
     .navbar-nav .nav-item a {
         color: #000;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navbar-nav .nav-item a {
         display: block;
         padding: 4px 0;
    }
}
 @media (max-width: 767px) {
     .navbar-nav .nav-item a {
         display: block;
         padding: 4px 0;
    }
     .btn-cta-menu {
         display: inline-block !important;
         margin-top: 10px;
         margin-bottom: 10px;
    }
}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
     .navbar-nav .nav-item {
         margin-left: 40px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navbar-nav .nav-item {
         margin: 0;
    }
}
 @media (max-width: 767px) {
     .navbar-nav .nav-item {
         margin: 0;
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .navbar-collapse {
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background-color: #fff;
         z-index: 9;
         -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
         padding: 5px 12px;
    }
}
 @media (max-width: 767px) {
     .navbar-collapse {
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background-color: #fff;
         z-index: 9;
         -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
         padding: 5px 12px;
    }
}

 @media (max-width: 767px) {
     #home ul li a {
         width: 100% !important;
         text-align: center;
    }
     #home ul li {
         margin-left: 0 !important;
         width: 100% !important;
    }
}

 @media (max-width: 767px) {
     .section_title .main_title {
         font-size: 36px;
    }
}

 @media (max-width: 767px) {
     .section_title .sub_title {
         font-size: 20px;
    }
}

 @media (max-width: 767px) {
     .hero-badge {
         position: absolute;
         bottom: -110px;
         right: 0;
         z-index: 90;
    }
     .home-hero .hero-badge {
         visibility: hidden !important;
    }
}

 @media (max-width: 767px) {
     .footer .copy-right-wrapper .socials ul {
         justify-content: center;
    }
}

 @media (max-width: 767px) {
     .footer .copy-right-wrapper .copy-right p {
         text-align: center;
         margin-bottom: 20px;
    }
}