@media (min-width:768px) and (max-width:990px) {
    .web-portfolio-gallery ul li.col-md-6 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .work-process-textfull .col-md-7 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .st-services-tabs .nav-tabs .nav-link span,
    .work-process-img {
        display: none
    }

    .st-services-tabs .nav-tabs .nav-link i {
        margin: 0
    }

    .softenica-fancy-title p {
        width: 100%
    }

    .softenica-portfolio-wrapper .col-md-8,
    .softenica-portfolio-wrapper .col-md-8~.col-md-4 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .softenica-portfolio-thumb {
        width: 75%;
        margin: 0 0 30px
    }

    .softenica-portfolio-thumb-list {
        width: 25%
    }

    .portfolio-detail-text .simple-btn {
        display: none
    }

    .portfolio-detail-text {
        padding: 0 0 0 50px
    }

    .softenica-header-menu {
        width: 50%;
        height: 100%;
        background-color: #092791 !important;
        right: -100%;
        overflow: auto
    }

    .softenica-nav ul li {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 10px
    }

    .softenica-sticky .softenica-header-menu {
        height: 100%
    }

    .softenica-sticky .softenica-nav>ul>li>a {
        color: #fff
    }

    .softenica-navbar-open {
        display: block;
        margin-top: 37px
    }

    .softenica-header-menu {
        background-color: #092791 !important;
        right: -100%;
        overflow: auto
    }

    .softenica-nav,
    .softenica-sticky .softenica-nav {
        padding-left: 0;
        padding-right: 0;
        padding-top: 68px
    }

    .header-menu-close {
        display: block
    }

    .softenica-navbar-open span {
        margin: 0
    }

    .softenica-nav .simple-btn {
        display: none
    }

    .softenica-left-section {
        margin: 5px 0 0;
        width: 330px
    }

    .softenica-banner-text {
        width: 100%
    }

    .softenica-banner-text h1 {
        font-size: 28px;
        margin: 0 0 10px
    }

    .softenica-banner-text p {
        font-size: 14px;
        margin: 0 0 20px
    }

    .softenica-introduction-full .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .softenica-introduction-img {
        display: none
    }

    .softenica-service-tabs .nav-tabs li a {
        padding: 10px 0 11px 40px;
        font-size: 15px
    }

    .softenica-service-tabs .nav-tabs li a i {
        font-size: 19px;
        left: 10px
    }

    .softenica-service-title {
        padding: 0
    }

    .softenica-service-title h2 {
        font-size: 38px;
        line-height: 45px
    }

    .softenica-fancy-title h2,
    .softenica-subscribe-newsletter,
    .softenica-testimonial-text {
        width: 100% !important
    }

    .what-we-do ul li {
        flex: 0 0 50%;
        max-width: 50%
    }

    .softenica-subscribe-newsletter {
        padding: 70px 50px 50px
    }

    .softenica-subscribe-newsletter figure {
        width: 150px
    }

    .softenica-subscribe-newsletter figure~section {
        padding: 50px 0 0 167px
    }

    .softenica-subscribe-newsletter form input[type=email] {
        padding-left: 25px
    }

    .widget.col-md-4 {
        max-width: 50%;
        flex: 0 0 50%
    }

    .softenica-aboutus-text {
        padding: 0 !important;
        background-color: rgba(255, 255, 255, .8)
    }

    .softenica-aboutus h2 {
        font-size: 30px
    }

    .softenica-aboutus p {
        font-size: 16px;
        line-height: 24px
    }

    .how-we-are {
        margin: 0
    }

    .how-we-are p {
        font-size: 14px
    }

    .softenica-work-text {
        padding: 0 !important
    }

    .softenica-work ul li {
        height: auto !important;
        margin: 0 0 40px !important;
        flex: 0 0 50%;
        max-width: 50%
    }

    .softenica-work ul li.none {
        display: block
    }

    .softenica-work ul li.block,
    .softenica-work ul li.col-md-12 {
        display: none
    }

    .softenica-workfull {
        background-image: none
    }

    .softenica-work-text p {
        margin: 0
    }

    .why-us {
        padding: 0
    }

    .softenica-work-text span {
        float: left;
        position: relative;
        margin: 0 15px 0 0 !important;
        left: 0 !important;
        bottom: auto !important;
        right: auto !important;
        width: 60px;
        height: 60px;
        padding: 3px 0 0
    }

    .softenica-work-text span i {
        padding: 12px 3px 0 0;
        width: 54px;
        height: 54px;
        font-size: 25px
    }

    .softenica-contact-us ul li i~h3 {
        padding: 19px 0 0 79px
    }

    .softenica-contact-us ul li a,
    .softenica-contact-us ul li h3 {
        font-size: 15px
    }

    .softenica-contact-us {
        width: 100%
    }

    .softenica-sticky .softenica-nav>ul>li>a {
        color: #fff !important
    }

    .softenica-career-looking ul li::after {
        display: none
    }

    .select2-container,
    .softenica-career-form form {
        width: 100%
    }

    .what-we-do ul li:nth-child(2n) .what-we-do-text span:before {
        content: none
    }

    .what-we-do-text span::before {
        margin: -7px 110px 0 0
    }

    .quotation-title h2 {
        font-size: 20px
    }

    .quotation-title p {
        font-size: 14px
    }

    .quotation-title {
        padding: 15px
    }

    .softenica-quotation-testimonial p {
        font-size: 14px
    }

    .softenica-partners-logo ul li:last-child {
        width: 40%
    }

    .softenica-get-quote form {
        padding: 0
    }

    .gd-portfoliofull .softenica-right-section {
        width: 100%
    }

    .gd-portfoliofull {
        overflow: auto
    }

    .gd-portfoliofull .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .softenica-left-section figure {
        margin: 0 0 20px;
        transform: rotate(0deg);
        float: none;
        display: inline-block
    }

    .softenica-left-section .tab-pane:hover figure a:after {
        transform: rotate(0deg) scale(1)
    }
}
@media (max-width:999px) {
	.softenica-logo {
		margin-top: 15px;
	}
	.softenica-logo img { max-width:170px; }
	.softenica-sticky .softenica-logo { margin: 8px 30px 14px; }
}
@media (max-width:767px) {
    .softenica-portfolio-thumb {
        margin: 0px 0px 30px;
    }

    .work-process-textfull {
        padding-bottom: 0
    }

    .st-services-tabs {
        margin: 0 0 30px
    }

    .softenica-fancy-title p {
        width: 100%
    }

    .st-services-tabs .nav-tabs .nav-link span,
    .work-process-img {
        display: none
    }

    .st-services-tabs .nav-tabs .nav-link i {
        margin: 0
    }

    .st-services-tabs .nav-tabs {
        display: inherit
    }

    .softenica-main-content .col-md-3,
    .softenica-main-content .col-md-4 {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 50%
    }

    .softenica-main-content .col-md-5,
    .softenica-main-content .col-md-7 {
        width: 100%;
        float: left;
        margin-bottom: 30px
    }

    .col-md-12 {
        float: left;
        width: 100%
    }

    .softenica-sticky .softenica-nav>ul>li>a {
        color: #fff !important
    }

    .softenica-banner-layer.slick-slide,
    .softenica-banner-layer.slick-slide>img {
        height: 600px
    }

    .softenica-banner-text {
        width: 93%;
        margin: 0
    }

    .softenica-banner-text h1 {
        font-size: 28px
    }

    .softenica-nav ul li {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 10px
    }

    .softenica-header-menu {
        width: 50%;
        height: 100%
    }

    .softenica-copyright::after,
    .softenica-copyright::before {
        width: 43%
    }

    .softenica-subscribe-newsletter {
        width: 100%;
        padding: 20px 10px
    }

    .softenica-subscribe-newsletter figure~section {
        float: left;
        padding: 20px 0 0;
        width: 100%
    }

    .softenica-copyright {
        height: auto;
        padding-bottom: 22px
    }

    .widget-heading {
        font-size: 28px
    }

    .widget-heading i {
        margin-right: 0
    }

    aside.col-md-4.widget-contact-info {
        width: 100%
    }

    .softenica-banner-text p {
        font-size: 14px
    }

    .softenica-contact-info ul li a {
        font-size: 14px
    }

    .softenica-service {
        display: inherit;
        padding: 0
    }

    .softenica-service-tabs {
        width: 100%
    }

    .softenica-service-detail {
        width: 100%;
        padding: 50px 20px
    }

    .softenica-testimonial-text {
        width: 100%
    }

    .softenica-subscribe-newsletter figure {
        display: none
    }

    .softenica-servicefull {
        display: none
    }

    .header-menu-close,
    .softenica-service-accordionfull {
        display: block
    }

    .softenica-sticky .softenica-nav>ul>li>a {
        color: #fff
    }

    .softenica-navbar-open {
        display: block;
        margin-top: 45px
    }

    .softenica-header-menu {
        background-color: #092791 !important;
        right: -100%;
        overflow: auto
    }

    .softenica-nav,
    .softenica-sticky .softenica-nav {
        padding-left: 0;
        padding-right: 0;
        padding-top: 68px
    }

    .softenica-dropdown {
        position: relative;
        margin-top: 0;
        float: left;
        width: 100%;
        top: 0;
        text-align: center;
        box-shadow: none;
        background-color: #0cb24a
    }

    .service-click {
        max-height: 57px;
        transition: all .4s ease-in-out;
        overflow: hidden
    }

    .service-click.active {
        max-height: 292px
    }

    .softenica-dropdown.active {
        margin-top: 0
    }

    .service-click::before {
        right: 50%;
        margin: 0 -45px 0 0
    }

    .softenica-navbar-open span {
        margin: 0
    }

    .softenica-sticky .softenica-header-menu {
        height: 100%
    }

    .services-two {
        display: inline-block
    }

    .service-one {
        display: none
    }

    .softenica-service-text {
        padding: 25px 0 30px
    }

    .softenica-service-text i {
        font-size: 60px
    }

    .softenica-service-text h2 {
        font-size: 26px;
        margin: 0 0 15px
    }

    .softenica-service-text p {
        font-size: 14px;
        margin: 0 0 25px
    }

    .circle-skills-title canvas {
        width: 140px !important;
        height: 140px !important
    }

    .softenica-circle-skills ul li>span {
        font-size: 20px
    }

    .softenica-subheader-text {
        padding: 150px 0 100px;
        width: 100%
    }

    .softenica-aboutus p>br {
        display: none
    }

    .softenica-work-text {
        padding: 0 !important
    }

    .softenica-work ul li {
        height: auto !important;
        margin: 0 0 40px !important;
        width: 50% !important
    }

    .softenica-work ul li.none {
        display: block !important
    }

    .softenica-work ul li.block,
    .softenica-work ul li.col-md-12 {
        display: none
    }

    .softenica-workfull {
        background-image: none
    }

    .softenica-work-text p {
        margin: 0
    }

    .softenica-aboutus-text {
        padding: 0 10px;
        text-align: center
    }

    .softenica-aboutus-text.bone {
        padding: 0 10px
    }

    .softenica-work h3 {
        font-size: 30px
    }

    .softenica-introduction {
        margin: 0 0 50px
    }

    .softenica-fancy-title h2 {
        width: 100% !important;
        line-height: 1.3
    }

    .modal-video-close-btn {
        right: 0
    }

    .softenica-nav .simple-btn,
    .softenica-side-contact-info,
    .softenica-side-popup {
        display: none
    }

    .softenica-aboutus h2 {
        font-size: 25px;
        display: inline-block
    }

    .softenica-aboutus p {
        font-size: 16px
    }

    .softenica-aboutus ul li {
        margin: 0 0 10px !important
    }

    .softenica-aboutus-text.cone {
        padding: 0 10px
    }

    .softenica-work-text span {
        float: left;
        position: relative;
        margin: 0 15px 0 0 !important;
        left: 0 !important;
        bottom: auto !important;
        right: auto !important;
        width: 60px;
        height: 60px;
        padding: 3px 0 0
    }

    .softenica-work-text span i {
        padding: 12px 3px 0 0;
        width: 54px;
        height: 54px;
        font-size: 25px
    }

    .softenica-contact-us {
        width: 100%;
        margin: 0
    }

    .softenica-subheader h1 {
        font-size: 28px
    }

    .softenica-career-form form {
        width: 100%
    }

    .select2-container {
        width: 100%
    }

    .softenica-career-looking ul li::after {
        display: none
    }

    .softenica-career-looking ul li {
        width: 50%
    }

    .what-we-do ul li:nth-child(2n) .what-we-do-text span:before {
        content: none
    }

    .softenica-testimonial-video ul li {
        width: 50%
    }

    .softenica-testimonial-text p {
        font-size: 14px;
        line-height: 24px
    }

    .why-us-img {
        display: none
    }

    .why-us {
        padding: 0
    }

    .how-we-are-img {
        margin: 0;
        text-align: center
    }

    .softenica-career-formfull {
        padding: 60px 0 50px
    }

    .softenica-main-content {
        padding: 60px 0 30px
    }

    .softenica-introduction-full {
        margin: 0 0 60px
    }

    .softenica-testimonialfull {
        padding: 56px 0 53px
    }

    .what-we-dofull {
        padding: 60px 0 0
    }

    .softenica-footer-widget {
        padding: 60px 0 20px
    }

    .how-we-are,
    .softenica-footer-one .widget {
        margin: 0
    }

    .softenica-workfull {
        padding: 55px 0 40px
    }

    .why-usfull {
        padding: 60px 0
    }

    .softenica-aboutusfull {
        background-image: none;
        margin: 0 0 60px;
        background-size: cover;
        background-position: right;
        padding: 50px 0 20px
    }

    .padding-top {
        padding-top: 0
    }

    .softenica-career-form form input[type=submit] {
        float: left
    }

    .softenica-contact-us-form input[type=submit] {
        border-radius: 25px;
        padding: 7px 30px;
        font-size: 16px;
        margin: 20px 0 0;
        width: auto;
        text-transform: none;
        font-weight: 500;
        height: auto;
        float: left
    }

    .softenica-contact-us-form form ul li {
        margin: 0
    }

    .softenica-contact-us-form {
        margin: 0 0 50px
    }

    .softenica-career-text h4 {
        font-size: 15px
    }

    .softenica-career-form form ul li>label {
        margin: 10px 0 15px
    }

    .softenica-aboutus-text img {
        display: inline-block;
        margin: 0 0 20px
    }

    .softenica-work-text h3 small {
        margin: 14px 8px 0 0
    }

    .why-us-slider .slick-arrow {
        top: 55px
    }

    .modal-content .modal-body {
        padding: 0
    }

    .close {
        z-index: 2;
        opacity: 1;
        right: -10px;
        top: -7px
    }

    .softenica-heading h2 {
        line-height: 1.3;
        font-size: 25px
    }

    .display-block {
        display: none
    }

    .display-none {
        display: block
    }

    .softenica-introduction-img.lahore-img {
        padding: 0
    }

    .softenica-services-img {
        margin: 0 0 30px
    }

    .softenica-areas-served-list ul li::before,
    .softenica-areas-served-list::before {
        display: none
    }

    .softenica-areas-served-list {
        padding: 0 !important;
        text-align: left !important
    }

    .softenica-areas-served-list ul li {
        padding: 0 0 0 13px !important;
        margin: 0 0 10px;
        font-size: 14px
    }

    .softenica-areas-served-list ul li::after {
        left: -6px !important;
        right: auto !important;
        font-size: 16px
    }

    .softenica-areas-served-list ul li:hover::after {
        font-size: 18px
    }

    .softenica-areas-served .col-md-4:nth-child(2n) {
        display: none
    }

    .softenica-areas-served .col-md-4 {
        margin-right: -4px !important;
        width: 50% !important
    }

    .description {
        width: 100%;
        font-size: 16px
    }

    .softenica-industries-served h2 {
        font-size: 15px
    }

    .clients a {
        margin: 0 !important
    }

    .softenica-subscribe-newsletter h2 {
        font-size: 24px
    }

    .softenica-partners-logo ul li:last-child {
        width: 40%
    }

    .softenica-get-quote form {
        padding: 0
    }

    .gd-portfoliofull .softenica-right-section {
        width: 100%
    }

    .softenica-bg-portfolio ul li {
        width: 50%;
        margin: 0 0 10px !important
    }

    .softenica-bg-portfolio ul li,
    .softenica-bg-portfolio a.active:after,
    .softenica-bg-portfolio ul li:hover a:after,
    .softenica-left-section figure {
        transform: rotate(0deg) scale(1)
    }

    .gd-portfoliofull .softenica-left-section {
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .softenica-left-section figure {
        display: inline-block;
        margin: 0 0 20px;
        float: none
    }

    .gd-portfoliofull .softenica-right-section {
        margin: 0
    }

    .portfolio-layer a {
        height: 370px
    }

    .softenica-portfolio-thumb,
    .softenica-portfolio-thumb-list {
        width: 100%
    }

    .softenica-portfolio-thumb-list span:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        top: auto;
        border-bottom: none;
        bottom: -12px;
        right: 50%;
        margin: 0 -8px 0 0
    }

    .softenica-portfolio-thumb-list .layer.slick-slide.slick-current.slick-active span:before {
        border-left-color: transparent;
        border-top-color: #0cb24a
    }
}

@media (max-width:600px) {

    .softenica-main-content .col-md-3,
    .softenica-main-content .col-md-4,
    .softenica-main-content .col-md-6 {
        margin-right: 0;
        width: 100%
    }

    .softenica-left-section {
        width: 75%;
        margin-top: 6px
    }

    .softenica-navbar-open {
        margin-top: 30px
    }

    .softenica-banner-wrap .slick-arrow {
        top: 40.1%
    }

    .simple-btn {
        margin: 0 3px 10px;
        padding: 11px 32px 9px
    }

    .main-img2 {
        display: block
    }

    .main-img,
    .top-img,.softenica-introduction-img {
        display: none
    }

    .softenica-introduction-img {
        padding: 0 29px 0 63px
    }

    .softenica-subscribe-newsletter form input[type=email] {
        padding-left: 20px;
        font-size: 11px;
        padding-right: 128px
    }

    .softenica-subscribe-newsletter form input[type=submit] {
        font-size: 12px
    }

    .header-menu-close {
        margin: 0;
        top: 15px
    }

    .softenica-fancy-title h2 {
        font-size: 26px
    }

    .softenica-work ul li {
        width: 100% !important
    }

    .softenica-contact-info ul li {
        width: 50%
    }

    .why-us h2 {
        font-size: 22px
    }

    .softenica-career-form form>ul>li,
    .softenica-get-quote ul li {
        width: 100%
    }

    .softenica-career-form form>ul>li {
        margin: 0
    }

    .what-we-do-text span::before {
        display: none
    }

    .softenica-career-looking ul li,
    .softenica-testimonial-video ul li {
        width: 100%
    }

    .softenica-career-looking ul li {
        padding: 0;
        text-align: left;
        margin: 0
    }

    .softenica-career-text {
        padding: 0
    }

    .softenica-career-text img {
        position: absolute;
        left: 0;
        width: 60px;
        top: 50%;
        margin: -30px 0 0
    }

    .softenica-career-text h4 {
        padding: 30px 0 15px 70px
    }

    .main-img2,
    .softenica-work img {
        width: 100%
    }

    .bmd-form-group {
        padding-top: 20px
    }

    .softenica-career-looking h2 {
        margin: 0 0 25px
    }

    .bmd-form-group .bmd-label-floating,
    .bmd-form-group .bmd-label-placeholder {
        top: 37px
    }

    .bmd-form-group .is-filled .bmd-label-floating,
    .bmd-form-group .is-focused .bmd-label-floating,
    .bmd-form-group.is-filled .bmd-label-floating,
    .bmd-form-group.is-focused .bmd-label-floating {
        top: 17px
    }

    .softenica-industries-served ul li {
        width: 50%
    }

    .quotation-title h2 {
        font-size: 20px
    }

    .quotation-title p {
        font-size: 14px
    }

    .quotation-title {
        padding: 15px
    }

    .softenica-quotation-testimonial p {
        font-size: 14px
    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .softenica-portfolio-thumb {
        width: 72%;
    }

    .softenica-nav>ul>li>a {
        padding: 20px 8px;
    }

    .web-portfolio-gallery ul li.col-md-6 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .softenica-bg-portfolio ul li.margin-layer {
        margin: -13.5% 0 -12.5% 16.7%
    }

    .gd-portfoliofull .softenica-left-section {
        width: 285px;
        margin: 0 -50px 0 0
    }

    .gd-portfoliofull .softenica-right-section {
        margin: 18px 0 30px 70px
    }

    .softenica-header-menu {
        width: 65%
    }

    .softenica-left-section {
        margin: 5px 0 0;
        width: 330px
    }

    .softenica-career-form form {
        width: 100%
    }

    .softenica-career-looking ul li::after {
        left: 119px
    }

    .softenica-subscribe-newsletter {
        width: 100%
    }

    .softenica-banner-text {
        width: 85%
    }

    .softenica-banner-text h1 {
        font-size: 28px
    }

    .softenica-banner-text p {
        font-size: 16px;
        margin-bottom: 30px
    }

    .softenica-aboutus p {
        font-size: 17px;
        line-height: 24px
    }

    .softenica-aboutus h2 {
        font-size: 37px
    }

    .softenica-work-text span {
        margin: 0 0 -75px -87px
    }

    .softenica-work-text span.one-icon {
        right: 45px;
        bottom: -57px
    }

    .softenica-work-text span.two-icon {
        left: -41px;
        bottom: -59px
    }

    .softenica-work-text span.three-icon {
        margin: 0 0 43px -22px
    }

    .softenica-work-text span.four-icon {
        margin: 0 0 41px -58px
    }

    .work-process-img {
        width: 100%
    }
}