/* ------------------------------------------------
  Project:   Softino - Software Landing Page HTML5 Template
  Author:    ThemeHt
------------------------------------------------ */


/* ------------------------
    Responsive Css
------------------------*/

@media (min-width: 576px) {
    .container, #header-wrap.fixed-header .navbar {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container, #header-wrap.fixed-header .navbar {
        max-width: 965px;
    }
    .position-md-absolute {
        position: absolute;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
        padding: 0 30px;
    }
    #header-wrap.fixed-header .navbar {
        max-width: 1440px;
    }
    .tab-features {
        animation-delay: 0.5s !important;
    }
}

@media (min-width: 1701px) {
    .sub-img {
        transform: scale(1.1);
        bottom: 19px;
        right: 5%;
    }
}

@media (max-width: 1700px) {
    .subscribe-box {
        padding: 20px 0;
    }
}

@media (max-width: 1413px) {
    .navbar-nav .nav-item {
        margin: 0 15px;
    }
    #services .featured-item.style-2 {
        min-height: 385px;
    }
    #projects .featured-item.style-2, .outsourcing .featured-item.style-2 {
        min-height: 330px;
    }
    .section-tabs .featured-item.style-2 {
        min-height: 380px;
    }
    .section-tabs-2 .featured-item.style-2 {
        min-height: 315px;
    }
    .section-custom-services .featured-item.style-2 {
        min-height: 300px;
    }
    .section-outsourcing-tabs .featured-item.style-2 {
        min-height: 225px;
    }
    .it-audit .featured-item.style-2 {
        min-height: 285px;
    }
    .section-projects-tabs .featured-item.style-2 {
        min-height: 320px;
    }
    .section-advantages .featured-item.style-2 {
        min-height: 340px;
    }
    .section-payments .featured-item.style-2 {
        min-height: 275px;
    }
    .section-about .featured-item.style-2 {
        min-height: 375px;
    }
    .work-process {
        min-height: 435px;
    }
    .img-right img {
        max-width: 600px;
    }
    .sub-img {
        bottom: 9px;
        right: 1%;
        transform: scale(1.16);
    }
    #mc-form input[type="email"] {
        width: 440px;
    }
    #mc-form .btn {
        min-width: 200px;
        left: 10px;
    }
    .ctas {
        margin-bottom: 40px;
    }
}

@media (max-width: 1290px) {
    .section-consulting-tabs .featured-item.style-2, .it-audit .featured-item.style-2 {
        min-height: 310px;
    }
    #services .featured-item.style-2 {
        min-height: 410px;
    }
    .section-career .featured-item.style-2 {
        min-height: 290px;
    }
    .section-advantages-features .featured-item.style-2 h1 {
        font-size: 75px;
    }
}

@media (max-width: 1200px) {
    .container {
        padding: 0 20px;
    }

    .subscribe-inner h1 {
        font-size: 64px;
        line-height: 1.1;
    }

    h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    h3 {
        font-size: 24px;
        line-height: 1.3;
    }

    h4 {
        font-size: 24px;
        line-height: 1.3;
    }

    h5 {
        font-size: 24px;
        line-height: 1.3;
    }

    h6 {
        font-size: 17px;
        line-height: 22px;
    }

    /*Padding*/
    .lg-pl-5 {
        padding-left: 50px !important;
    }

    .lg-pr-5 {
        padding-right: 50px !important;
    }

    .lg-px-3 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .lg-py-5 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    /*Margin*/
    .lg-mt-3 {
        margin-top: 30px !important;
    }

    .lg-mt-5 {
        margin-top: 50px !important;
    }

    .lg-mt-7 {
        margin-top: 70px !important;
    }

    /*Header*/
    .logo img {
        height: 50px;
    }

    #header-wrap.fixed-header .logo img {
        height: 45px;
    }

    #header-wrap.fixed-header .navbar {
        padding: 0 21px;
    }

    .navbar-nav ul {
        padding: 30px 20px 25px;
    }

    .navbar-nav .nav-item {
        margin: 0 12px;
        font-size: 18px;
        line-height: 1.4;
    }

    .navbar-nav .nav-link {
        padding: 8px 5px !important;
    }

    .hero-bg {
        left: -15%;
    }

    .page-title {
        padding: 80px 0 60px;
        min-height: inherit;
    }

    .fullscreen-banner {
        padding: 40px 0 80px;
        min-height: 600px;
    }

    /*Counter*/
    .counter.style-4 {
        height: 11.32em
    }

    /*Feature*/
    .featured-item.style-3 {
        padding: 40px 30px;
    }

    .featured-item.style-4 {
        padding: 40px 30px 40px 30px;
    }

    .featured-item {
        min-height: 140px;
    }

    #services .featured-item.style-2 {
        min-height: 355px;
    }

    #projects .featured-item.style-2 {
        min-height: 410px;
    }

    .section-tabs .featured-item.style-2 {
        min-height: 360px;
    }

    .section-tabs-2 .featured-item.style-2 {
        padding-right: 30px;
        min-height: 350px;
    }

    .section-custom-services .featured-item.style-2 {
        min-height: 220px;
    }

    .section-outsourcing-tabs .featured-item.style-2 {
        min-height: 200px;
    }

    .section-consulting-tabs .featured-item.style-2 {
        min-height: 340px;
    }

    .section-career .featured-item.style-2 {
        min-height: 240px;
    }

    .section-career .featured-item.style-2 img {
        width: 65%;
    }

    .projects-grid {
        grid-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas:
        "featured-1 featured-2 featured-3"
        "featured-5 featured-6 featured-7"
        "featured-8 featured-6 featured-4"
        "featured-9 featured-9 featured-4";
    }

    .projects-grid .featured-item {
        padding: 30px 20px 0;
    }

    .section-advantages .featured-item.style-2 {
        min-height: 255px;
    }

    .section-payments .featured-item.style-2 {
        min-height: 225px;
    }

    .section-about .featured-item.style-2 {
        min-height: 250px;
    }

    .section-advantages-features .featured-item.style-2 h1 {
        font-size: 54px;
        line-height: 1.1;
    }

    .list-unstyled li::before {
        top: 8px;
        font-size: 7px;
    }

    .section-services.infosec .list-icon-2 li::before {
        font-size: 20px;
        top: 0;
    }

    /*Blog*/
    .post .post-desc {
        padding: 20px 20px 30px;
    }

    .post-title::before {
        left: -20px;
    }

    .post-title::after {
        left: 140px;
    }

    .post-meta ul li {
        font-size: 12px;
        margin: 0 5px 0 0;
    }

    /*Owl*/
    .owl-carousel.owl-nav2 .owl-nav {
        left: -50%;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        padding: 10px 50px !important;
        font-size: 30px;
    }

    #carousel-vacancies .small-text {
        font-size: 24px;
        line-height: 1.3;
    }

    #carousel-vacancies .owl-nav button.owl-prev {
        left: -20px;
    }

    #carousel-vacancies .owl-nav button.owl-next {
        right: -20px;
    }

    /*Other*/
    #svg-container {
        width: 85%;
    }

    .contact-media {
        min-height: 190px;
    }

    .contact-media img {
        max-width: 160px;
    }

    .iframe-h-2 {
        height: 650px;
    }

    form input#submit {
        width: 100%;
    }

    .error-page {
        font-size: 300px;
        line-height: 210px;
    }

    .fullscreen-banner p {
        font-size: 18px;
        line-height: 1.4;
    }

    .page-title h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .page-title p {
        font-size: 18px;
        line-height: 1.4;
    }

    .section-title h2 {
        margin-bottom: 25px;
    }

    .small-text {
        font-size: 18px;
        line-height: 1.4;
    }

    .custom-text {
        font-size: 24px;
        line-height: 1.3;
    }

    .it-audit .custom-text {
        font-size: 32px;
        line-height: 1.2;
    }

    .tab-pane .row {
        row-gap: 5px;
    }

    .about-us .list-group.list-icon {
        font-size: 18px;
    }

    .list-unstyled li {
        font-size: 18px;
        line-height: 1.4;
    }

    .nav-tabs li {
        height: 65px;
    }

    .img-right img {
        max-width: 500px;
    }

    .work-process {
        min-height: 480px;
    }

    .step-icon img {
         position: absolute;
         left: 0;
         transform: translate(0%,-100%);
    }

    .ctas {
        margin-bottom: 0;
    }

    .footer-1 {
        padding: 40px 0 0;
    }

    .footer-1 .subscribe-box {
        padding: 60px 0 0;
    }

    .subscribe-inner {
        row-gap: 40px;
    }

    .subscribe-inner h1, .subscribe-inner p, .subscribe-form {
        width: 75%;
    }

    .sub-img {
        transform: none;
        bottom: 0;
        right: 0;
    }

    .subscribe-form {
        margin-top: 40px;
    }

    #mc-form .btn {
        padding: 0 15px;
        min-width: 220px;
    }

    .footer-logo img {
        max-width: 240px;
    }

    .footer-imgs img {
        width: 160px;
    }

    .modal-dialog {
        max-width: 95%;
    }

    .modal-title {
        font-size: 64px;
    }

    .modal-content {
        padding: 15px 10px;
    }

}

@media (max-width: 992px) {
    h1 {
        font-size: 32px;
        line-height: 1.3;
    }

    h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    h3 {
        font-size: 24px;
        line-height: 1.3;
    }

    h4 {
        font-size: 24px;
        line-height: 1.3;
    }

    h5 {
        font-size: 24px;
        line-height: 1.3;
    }

    h6 {
        font-size: 17px;
        line-height: 26px;
    }


    /*Margin*/
    .md-mt-0 {
        margin-top: 0 !important;
    }

    .md-pl-0 {
        padding-left: 0 !important;
    }

    .md-mt-3 {
        margin-top: 30px !important;
    }

    .md-mt-5 {
        margin-top: 50px !important;
    }

    .md-mt-7 {
        margin-top: 70px !important;
    }

    .md-mb-3 {
        margin-bottom: 30px !important;
    }

    .md-mb-5 {
        margin-bottom: 50px !important;
    }

    .md-mb-7 {
        margin-bottom: 70px !important;
    }

    .md-px-3 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .md-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .md-px-5 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .md-py-3 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .md-py-5 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .md-py-8 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .md-pt-8 {
        padding-top: 80px !important;
    }

    .md-pb-15 {
        padding-bottom: 150px !important;
    }

    .md-custom-mt-10 {
        z-index: 99;
        position: relative;
        margin-top: -100px;
    }


    /*Text Align*/
    .md-text-center {
        text-align: center !important;
    }

    .md-text-left {
        text-align: left !important;
    }

    /*Header*/
    .header-1 {
        padding-top: 10px;
    }

    .header-1 .container {
        padding: 0;
    }

    .header-1 .header-main {
        padding: 15px;
    }

    .header-1 .fixed-header {
        padding: 15px 0px;
    }

    .navbar {
        width: 100%;
        padding: 0 20px;
        border-radius: 0;
    }
    /*
    .navbar-brand {
        left: 0;
        margin-right: 0;
        position: absolute;
        top: 50%;
        padding: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
    */
    .navbar-brand {
        left: 0;
        margin-right: 0;
        position: relative;
        top: 0;
        padding: 0;
    }

    .navbar-toggler {
        background: none;
        height: 40px;
        width: 40px;
        padding: 0;
        border-radius: 0;
        margin-right: 5px;
    }

    .navbar-nav {
        flex-direction: column;
        overflow-y: auto;
        position: relative;
    }

    .navbar-nav br {
        display: none;
    }

    .navbar-nav li {
        padding: 0;
    }

    .navbar-nav ul {
        position: static;
        padding: 10px;
        border-radius: 0;
        background: none;
    }

    .navbar-nav ul li {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        padding: 10px 0;
    }

    .navbar-nav ul a {
        padding: 10px 20px;
    }

    .navbar-nav ul a:hover {
        padding-left: 30px;
    }

    .navbar-nav .nav-item, .navbar-nav .nav-item:last-child {
        margin: auto;
    }

    .navbar-nav .nav-item {
        display: flex;
        flex-direction: column;
    }

    .navbar-nav .nav-link {
        padding: 13px;
        font-weight: 600;
        margin: auto;
    }

     #header-wrap.fixed-header .navbar {
        padding: 0 35px;
    }

/*
    .navbar-nav .nav-link::before {
        bottom: inherit;
        top: 0;
        left: 0;
        line-height: 1em;
        transform: inherit;
    }

    .navbar-nav .nav-link:hover::before,
    .navbar-nav .nav-link:focus::before {
        color: #2575fc;
        text-shadow: 10px 0 #1c1d3e, -10px 0 #1c1d3e;
    }
*/
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active,
    .nav-item .highlighted {
        padding-left: 30px;
    }
    /*
    .navbar-nav a .sub-arrow {
        position: absolute;
        top: 50%;
        right: 0;
        left: 100%;
        margin: -0.9em 0 0 -0.2em;
        border-radius: .25rem;
        padding: 0;
        width: 1.2em;
        font-size: 1.25rem;
        line-height: 1.2em;
        text-align: center;
    }

    .navbar-nav a .sub-arrow::before {
	    border-width: 0.1em 0.1em 0 0;
	    left: 0;
	    top: 0;
        width: 0.65em;
        height: 0.65em;
    }
    */
    .navbar-nav a::after {
        border-width: 0.15em 0.15em 0 0;
        width: 0.65em;
        height: 0.65em;
    }

    .navbar-nav a.highlighted .sub-arrow::before {
        top: 5px;
    }

    .header-3 .navbar-nav .nav-link {
        color: #1c1d3e
    }

    .header-3 .navbar-nav .nav-link:hover,
    .header-3 .navbar-nav .nav-item .nav-link.active {
        color: #2575fc
    }

    .header-3 .navbar-nav .nav-link:hover::before,
    .header-3 .navbar-nav .nav-item .nav-link.active::before,
    .header-3 .navbar-nav .nav-link:focus::before {
        color: #2575fc
    }

    .navbar-nav.sm-collapsible .has-submenu {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse {
        background: #FFFFFFE5;
        overflow: auto;
        border: medium none;
        /*-webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
        -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
        box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);*/
        max-height: 500px;
        left: 0;
        padding: 30px 0;
        position: absolute;
        z-index: 99;
        top: 45px;
        width: 100%;
        border-radius: 25px;
        transition: 0.5s ease-out;
    }

    .navbar-collapse.show {
        transition: 0.5s ease-in-out;
    }

    .navbar-toggler span {
        width: 28px;
        height: 3px;
        margin: 0 auto;
        display: block;
        background: #30373C;
        transition: all 0.4s cubic-bezier(0.410, -0.330, 0.345, 1.375);
        transition-delay: 0.2s;
        border-radius: 15px;
    }

    .navbar-toggler span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }

    .navbar-toggler span:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-toggler span:last-of-type {
        transform: rotate(-45deg) translate(2px, -2px);
    }

    .navbar-toggler[aria-expanded="false"] span {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }

    .navbar-toggler span {
        margin: 0 auto;
    }

    .header-3 .navbar-toggler span {
        background: #ffffff;
        -webkit-transition: all 0.1s ease-in-out 0s;
        -moz-transition: all 0.1s ease-in-out 0s;
        -ms-transition: all 0.1s ease-in-out 0s;
        -o-transition: all 0.1s ease-in-out 0s;
        transition: all 0.1s ease-in-out 0s;
    }

    .header-3 #header-wrap.fixed-header .navbar-toggler span {
        background: #2575fc;
    }

    /*Banner*/

    .fullscreen-banner {
        min-height: inherit;
    }

    .fullscreen-banner .align-center {
        position: inherit;
        transform: inherit;
    }

    .fullscreen-banner .img-side {
        position: relative !important;
        transform: inherit;
        top: inherit;
        left: inherit;
    }

    .page-title {
        padding: 90px 0 70px;
    }

    .hero-bg {
        left: 0;
    }

    .btn {
        padding: 15px;
        font-size: 22px;
        min-width: 125px;
    }

    .modal-btn {
        min-width: 210px;
    }


    /*Side Image*/
    .side-image {
        display: none;
    }

    .img-side.img-right {
        left: auto;
        position: relative !important;
        right: 0;
    }

    .img-side.img-left {
        left: 0;
        position: relative !important;
        right: auto;
    }

    .image-column {
        left: 0;
        position: relative;
        top: inherit;
        transform: inherit;
    }

    /*Step*/
    .work-process {
        min-height: 150px;
        padding: 80px 30px 30px;
    }

    .work-process .box-loader {
        display: none;
    }

    /*Feature*/
     #services .featured-item.style-2 {
        min-height: 380px;
    }

     #projects .featured-item.style-2 {
        min-height: 435px;
    }

    .section-tabs .featured-item.style-2 {
        min-height: 355px;
    }

    .section-tabs-2 .featured-item.style-2 {
        min-height: 130px;
     }

    .section-custom-services .featured-item.style-2 {
        min-height: 240px;
    }

    .outsourcing .featured-item.style-2 {
        min-height: 355px;
    }

    .section-outsourcing-tabs .featured-item.style-2 {
        min-height: 225px;
    }

    .section-consulting-tabs .featured-item.style-2 {
        min-height: 365px;
    }

    .it-audit .featured-item.style-2 {
        min-height: 120px;
    }

    .section-advantages .featured-item.style-2 {
        min-height: 340px;
    }

    .section-payments .featured-item.style-2, .section-about .featured-item.style-2 {
        min-height: 140px;
        padding: 30px;
    }

    .projects-grid .featured-item {
        padding: 30px 15px 0;
    }

    .featured-item.style-3 p {
        font-size: 18px;
        line-height: 1.4;
    }

    .featured-item.style-4 {
        padding: 50px 60px 50px 60px;
    }

    .row-boxes {
        row-gap: 35px;
    }

    .featured-item, .section-services.infosec .featured-item.style-2 {
        min-height: 150px;
    }

    .img-right img {
        max-width: 100%;
     }

    #carousel-vacancies .owl-nav button.owl-prev {
        left: 0px;
    }

    #carousel-vacancies .owl-nav button.owl-next {
        right: 0px;
    }

    #carousel-vacancies .featured-item {
        margin: 0;
    }

    /*Blog*/
    .post-meta ul li {
        font-size: 14px;
    }

    .post.style-2 .post-desc {
        padding: 10px;
    }

    /*Testimonial*/
    .testimonial-carousel.testimonial-2 .controls li {
        width: 80px;
        height: 80px;
    }

    .testimonial-content p {
        font-size: 16px;
        line-height: 30px;
    }

    .testimonial.style-3 {
        display: inline-block;
    }

    .testimonial.style-3 .testimonial-img {
        width: 30%;
    }

    .testimonial.style-5 .testimonial-content {
        margin-left: -60px;
        padding: 30px 30px 30px 90px;
    }

    /*Hexagon*/
    .hexagon-bg {
        display: inline-block;
    }

    .hexagon {
        width: 25em;
        height: 15.32em;
        margin-bottom: 100px;
        display: inline-block;
    }

    /*Countdown*/
    .countdown>li span {
        font-size: 50px;
        line-height: 50px;
    }

    .countdown>li p {
        font-size: 18px;
    }

    /*Other*/
    .morph-wrap {
        top: 20%;
        left: 0;
        bottom: inherit;
        transform: rotate(0);
    }

    .contact-media {
        min-height: inherit;
    }

    .error-page {
        font-size: 250px;
        line-height: 180px;
    }

    .error-page>span:nth-of-type(2) {
        width: 180px;
        height: 90px;
    }

    .owl-carousel.owl-nav2 .owl-nav {
        left: inherit;
        bottom: inherit;
        position: inherit;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    #svg-container {
        width: 100%;
        transform: rotate(90deg);
        left: 0;
        top: 50%;
    }

    .footer-1 p, .footer-1 span, .footer-info li {
        font-size: 18px;
        line-height: 1.4;
    }

    .footer-1 .subscribe-box {
        padding: 50px 0 0;
    }

    .subscribe-inner p {
        font-size: 24px;
        line-height: 1.3;
    }

    #mc-form .btn {
        min-width: 200px;
    }

    #mc-form input[type="email"] {
        width: 400px;
    }

}

@media (min-width: 900px) and (max-width: 992px) {
    .section-custom-services .featured-item.style-2 {
        min-height: 220px;
    }
    .section-advantages .featured-item.style-2 {
        min-height: 255px;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    #services .featured-item.style-2 {
        min-height: 410px;
    }
    #projects .featured-item.style-2 {
        min-height: 460px;
    }
    .section-tabs .featured-item.style-2 {
        min-height: 410px;
    }
    .section-custom-services .featured-item.style-2 {
        min-height: 250px;
    }
    .outsourcing .featured-item.style-2 {
        min-height: 410px;
    }
    .section-consulting-tabs .featured-item.style-2 {
        min-height: 390px;
    }
    #mc-form input[type="email"] {
        width: 370px;
    }
    #mc-form .btn {
        min-width: 170px;
    }
    .footer-menu li {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #mc-form {
        flex-direction: column;
    }
    h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    h2 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    h3 {
        font-size: 24px;
        line-height: 1.3;
    }

    h4 {
        font-size: 24px;
        line-height: 1.3;
    }

    .section-title h2 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .section-title p {
        font-size: 16px;
    }

    .page-title {
        padding: 90px 0 50px;
    }

    .page-title h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    p, .page-title p {
        font-size: 16px;
        line-height: 1.5;
    }

    .hidden-sm {
        display: none !important;
    }

    ::placeholder {
        font-size: 18px !important;
    }

    /*Margin*/
    .sm-mt-0 {
        margin-top: 0 !important;
    }

    .sm-mt-2 {
        margin-top: 20px !important;
    }

    .sm-mt-3 {
        margin-top: 30px !important;
    }

    .sm-mt-5 {
        margin-top: 50px !important;
    }

    .sm-mb-3 {
        margin-bottom: 30px !important;
    }

    .sm-mb-5 {
        margin-bottom: 50px !important;
    }

    /*Padding*/
    .sm-pt-0 {
        padding-top: 0 !important;
    }

    .sm-pt-5 {
        padding-top: 50px !important;
    }

    .sm-pt-10 {
        padding-top: 100px !important;
    }

    .sm-pb-5 {
        padding-bottom: 50px !important;
    }

    .sm-pb-8 {
        padding-bottom: 80px !important;
    }

    .sm-pb-10 {
        padding-bottom: 100px !important;
    }

    .sm-px-3 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .sm-py-3 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .sm-py-8 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    /*Banner*/
    .sm-bg-cover {
        background-size: cover;
    }

    /*Blog*/
    .post.style-2 .post-desc {
        padding: 20px;
    }

    /*Countdown*/
    .countdown {
        margin: 40px 0;
        padding: 40px 0;
    }

    .countdown>li span {
        font-size: 40px;
        line-height: 40px;
    }

    .countdown>li p {
        font-size: 16px;
    }

    .counter {
        padding: 30px;
    }

    /*Iframe*/
    .iframe-h {
        height: 300px;
    }

    .iframe-h-2 {
        height: 600px;
    }

    .html5-video video {
        width: auto;
    }

    /*Subscribe*/
    .subscribe-inner {
        row-gap: 50px;
    }

    .subscribe-inner .col-xl-8 {
        padding: 0 15px;
    }

    .footer-1 .subscribe-box {
        padding: 40px 0 0;
    }

    .subscribe-inner h1 {
        font-size: 24px;
        line-height: 1.4;
    }

    .subscribe-inner h1, .subscribe-inner p, .subscribe-form {
        width: 100%;
    }

    #mc-form .btn {
        width: 100%;
        left: 0;
        margin-top: 25px;
        height: 50px;
    }

    #mc-form input[type="email"] {
        width: 100%;
        height: 50px;
    }

    /*Testimonial*/
    .testimonial .testimonial-quote {
        font-size: 150px;
        line-height: 150px;
    }

    .testimonial.style-2 .testimonial-img {
        width: 25%;
    }

    .testimonial-2 .controls li:nth-child(1),
    .testimonial-2 .controls li:nth-child(4) {
        bottom: 0;
    }

    .testimonial-2 .controls li:nth-child(2),
    .testimonial-2 .controls li:nth-child(3) {
        bottom: 68%;
    }

    .testimonial.style-3 .testimonial-img {
        width: 50%;
    }

    .testimonial.style-5 {
        display: inline-block;
        margin: 0;
    }

    .testimonial.style-5 .testimonial-img {
        width: 50%;
    }

    .testimonial.style-5 .testimonial-content {
        margin-left: 0;
        padding: 100px 30px 30px 30px;
        margin-top: -100px;
    }

    /*Hexagon*/
    .hexagon-bg {
        top: 5%;
    }

    .hexagon {
        width: 20em;
        height: 12.32em;
        margin-bottom: 50px;
        display: block;
    }

    /*Timeline*/
    .timeline-title {
        text-align: left;
    }

    .timeline::after {
        left: 0;
        margin-left: 0;
    }

    .timeline-inner {
        width: 100%
    }

    .timeline-right {
        margin-left: 0;
    }

    .timeline-inner::before {
        right: inherit;
        left: -16px;
    }

    /*Error*/
    .error-page {
        font-size: 180px;
        line-height: 180px;
    }

    .error-page>span:nth-of-type(2) {
        width: 140px;
        height: 70px;
    }

    /*Feature*/
    .featured-item.style-4 {
        padding: 50px 110px 50px 110px;
    }

    .section-tabs .featured-item.style-2, .section-tabs-2 .featured-item.style-2, .outsourcing .featured-item.style-2, .section-consulting-tabs .featured-item.style-2, .section-advantages .featured-item.style-2 {
        min-height: 140px;
    }

    #services .featured-item.style-2,  #projects .featured-item.style-2 {
        min-height: 200px;
        padding: 30px 25px;
    }

    .section-custom-services .featured-item.style-2, .section-outsourcing-tabs .featured-item.style-2 {
        min-height: 100px;
    }

    .section-services.infosec .infosec-col .featured-item.style-2 {
        padding-bottom: 0;
    }

    .list-unstyled li, .section-services.infosec .list-icon li {
        font-size: 16px;
    }

    .featured-item.style-3 {
        padding: 30px 25px;
    }

    .section-tabs-2 .featured-desc p {
        font-size: 16px;
        line-height: 1.5;
    }

    .projects-grid {
        grid-gap: 25px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
        "featured-1"
        "featured-2"
        "featured-3"
        "featured-5"
        "featured-6"
        "featured-7"
        "featured-8"
        "featured-9"
        "featured-4"
    }

    .projects-grid .featured-item {
        padding: 20px 20px 0;
    }

    .projects-grid .featured-item h4 {
        margin-bottom: 20px;
    }

    .section-career .featured-item.style-2 {
        min-height: 200px;
    }

    .section-career .featured-item.style-2 img {
        width: 140px;
        max-width: 55%;
    }

    .section-payments .featured-item.style-2, .section-about .featured-item.style-2 {
        padding: 20px;
    }

    .contact-info {
        margin-left: 0;
    }

    .contact-media {
        padding: 20px;
    }

    .contact-media p {
        font-size: 18px;
        line-height: 1.4;
    }

    .contact-media img {
        max-width: 100%;
    }

    /*Tab*/
    .tab.style-2 .nav-tabs .nav-link i {
        font-size: 30px;
        line-height: 70px;
        height: 70px;
        width: 70px;
    }

    .tab-pane .row {
        row-gap: 0;
    }

    .nav-tabs {
        border-spacing: 10px;
    }

    .nav-tabs li {
        height: 50px;
        font-size: 18px;
    }

    #header-wrap.fixed-header .navbar {
        width: 100%;
    }

    .breadcrumb {
        font-size: 14px;
    }

    .about-us .list-group.list-icon, .small-text {
        font-size: 16px;
        line-height: 1.5;
    }

    .custom-text {
        font-size: 16px;
        line-height: 1.4;
    }

    .section-services .custom-text, .section-custom-services .custom-text, .section-outsourcing-tabs .custom-text, .section-projects .custom-text, .section-projects .custom-text {
        font-size: 18px;
        line-height: 1.4;
    }

    .it-audit .custom-text, .consulting-engineers .custom-text {
        font-size: 24px;
        line-height: 1.3;
    }

    .section-custom-services .custom-text {
        padding: 20px;
    }

    .step-icon img {
        left: 50%;
        transform: translate(-50%,-100%);
    }

    .ctas {
        margin-top: 25px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        width: 100%;
    }

    .ctas a, .step-desc p, #mc-form .btn, .footer-1 p, .footer-info li, .footer-1 span {
        font-size: 16px;
        line-height: 1.5;
    }

    .form-control, #submit, .btn-submit {
        font-size: 18px;
        line-height: 1.4;
    }

    .subscribe-inner p {
        font-size: 18px;
        line-height: 1.4;
    }

    .fullscreen-banner {
        padding: 20px 0 50px;
    }

    .fullscreen-banner p {
        font-size: 16px;
        line-height: 1.5;
    }

    .about-us ul {
        margin-top: 5px;
    }

    .list-unstyled li::before {
        top: 7px;
    }

    .btn, .btn::before {
        padding: 12px 15px;
    }

    .img-center, .img-right img {
        max-width: 90%;
    }

    .subscribe-form {
        margin-top: 30px;
    }

    .footer-1 {
        padding: 35px 0 0;
    }

    .primary-footer {
        padding: 30px 0 40px;
        font-size: 18px;
    }

    .footer-logo {
        margin-bottom: 25px;
    }

    .footer-logo img {
        height: 55px;
    }

    .primary-footer .row {
        row-gap: 30px;
    }

    .secondary-footer .row {
        row-gap: 25px;
    }

    .footer-info {
        margin-top: 40px;
    }

    .footer-imgs img {
        width: 130px;
    }

    #modal-img {
        max-width: 95%;
    }

    .modal-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .modal-header .close {
        font-size: 2.5rem;
    }

    .modal-content {
        padding: 10px 0;
    }

    .error-message {
        font-size: 18px;
    }

}

@media (max-width: 576px) {
    .col-xx-12 {
        width: 100% !important;
    }

    /*Margin*/
    .xs-mt-0 {
        margin-top: 0 !important;
    }

    .xs-mt-1 {
        margin-top: 10px !important;
    }

    .xs-mt-2 {
        margin-top: 20px !important;
    }

    .xs-mt-3 {
        margin-top: 30px !important;
    }

    .xs-mt-5 {
        margin-top: 50px !important;
    }

    .xs-mb-3 {
        margin-bottom: 30px !important;
    }

    .xs-mb-5 {
        margin-bottom: 50px !important;
    }

    /*Padding*/
    .xs-pt-5 {
        padding-top: 50px !important;
    }

    .xs-pb-5 {
        padding-bottom: 50px !important;
    }

    .xs-px-1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .xs-px-2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .xs-px-3 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .xs-py-2 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .xs-py-10 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    /*Text Align*/
    .xs-text-center {
        text-align: center;
    }

    /*Header*/
    .header a.btn {
        display: none;
    }

    .navbar-toggler {
        margin-right: 0;
    }

    /*Banner*/
    .fullscreen-banner p br {
        display: none;
    }

    .breadcrumb-item {
        line-height: 30px;
    }

    .page-title-pattern {
        bottom: -2px;
    }

    .hero-bg {
        overflow: hidden;
    }

    .hero-bg img {
        max-width: inherit;
        width: 170%;
    }

    .round-shape {
        width: 250px;
        height: 250px;
    }

    /*Button*/

    .btn+.btn {
        margin-left: 10px;
    }

    /*Step*/
    .work-process.style-2 {
        display: block;
    }

    .work-process.style-2 .step-num-box {
        margin-bottom: 30px;
        margin-right: 0;
    }

    /*Countdown*/
    .countdown {
        margin: 30px 0;
    }

    .countdown>li {
        padding: 0 10px;
    }

    .countdown>li p {
        font-size: 14px;
        line-height: 24px;
    }

    /*Blog*/
    .post.style-2 {
        margin: 0;
    }

    .post.style-2 .post-desc {
        padding: 10px;
    }

    .post.style-2 p {
        font-size: 12px;
    }

    .post.style-2 .post-title {
        padding-top: 15px;
        margin-top: 15px;
    }

    .media-holder .media {
        display: block;
        padding: 20px;
    }

    .media-holder .media img {
        margin-right: 0 !important;
        margin-bottom: 15px;
    }

    .media-holder .media.inner {
        margin: 15px 0 15px 30px;
    }

    .comment-reply {
        position: inherit;
        top: inherit;
        right: inherit;
        margin-top: 20px;
    }

    /*Feature*/
    .featured-item.style-4 {
        padding: 50px 30px 50px 30px;
        border-radius: 50% 60% 30% 40%;
    }

    .featured-item.style-5 {
        padding: 40px 30px;
    }

    .featured-item.style-5 .featured-icon {
        position: inherit;
        top: inherit;
        left: inherit;
        margin-bottom: 20px;
    }

    /*Team*/
    .team-member.style-1:hover .team-description {
        padding: 25px 20px;
    }

    .team-member.style-2 .team-description {
        padding: 25px 15px;
    }

    .team-member.style-3 {
        padding: 25px;
    }

    .team-member.style-4 .team-images {
        width: 100%;
    }

    .team-member.style-4 .team-description {
        width: 100%;
        position: inherit;
        top: inherit;
        transform: inherit;
        margin-top: -100px;
    }

    .team-member.style-4:hover .team-description {
        position: inherit;
        top: inherit;
    }

    /*Testimonial*/
    .testimonial.style-1 .testimonial-content {
        margin-right: 20px;
    }

    .testimonial-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .testimonial.style-2 {
        padding: 20px 10px 70px;
    }

    .testimonial.style-2 .testimonial-img {
        width: 50%;
    }

    .testimonial-carousel.testimonial-2 .controls,
    .testimonial-carousel.testimonial-3 .controls {
        position: relative;
        margin-top: 30px;
    }

    .testimonial-carousel.testimonial-2 .controls li {
        width: 100px;
        height: 100px;
        position: relative;
        bottom: inherit;
        left: inherit;
        right: inherit;
        margin: 0 20px 20px;
    }

    .testimonial-carousel.testimonial-2 .controls li:nth-child(3n),
    .testimonial-carousel.testimonial-2 .controls li:last-child {
        margin-bottom: 0;
    }

    .testimonial-carousel.testimonial-3 .controls li {
        position: relative;
        bottom: inherit;
        left: inherit;
        margin-right: 20px;
    }

    .testimonial-carousel.testimonial-3 .controls li:last-child {
        margin-right: 0;
    }

    /*Counter*/
    .counter.style-2 .counter-icon {
        width: 25%;
    }

    /*Error*/
    .error-page {
        font-size: 110px;
        line-height: 110px;
    }

    .error-page>span:nth-of-type(2) {
        width: 100px;
        height: 50px;
    }

    /*Tab*/
    .tab .nav-tabs {
        display: block;
    }

    .tab.style-2 .nav-tabs .nav-link {
        display: inline-block;
        width: 48%;
        margin-right: 2%;
    }

    .tab.style-2 .nav-tabs .nav-link:nth-child(2n+2) {
        margin-right: 0;
    }

    .tab.style-2 .tab-content {
        padding: 40px 20px 20px;
    }

    /*Subscribe*/


    /*Other*/
    .blink-img {
        width: 80%;
    }

    .custom-li li {
        width: 100%;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        font-size: 30px;
        margin: 0 5px;
        padding: 6px 40px !important;
    }

    .morph-wrap {
        top: 8%;
    }

    .btn {
        min-width: 110px;
    }

    .ctas {
        gap: 5px;
    }

    .ctas a {
        min-width: auto;
    }

    .ctas .modal-btn {
        min-width: 160px;
    }
}