@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1450px;
	}
	.hidden-lg{
		display: none;
	}
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1445px) {

	.home-page-trust{
		flex: auto;
		max-width: 100%;
	}
	
	.homepage_contentSld {
    flex: auto;
   }
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

	.dev_service_list .dev_service_item{
		flex: 0 0 25%;
		max-width: 25%;
		margin-bottom: 20px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

    .blockchain_plateform .slick-prev{
        display: none !important;
    }
    .blockchain_plateform .slick-next{
        display: none !important;
    }

	.right_partner_sec{
  margin-top: 20px;
}

	 .services_menu .tab-pane {
        display: block !important;
        opacity: 1 !important;
    }

	    .service_hd_menu_con {
        flex: 0 0 100%;
    }

	.header_menu_tabs{
		display: none;
	}

	.service_menu_heading{
		display:block;
	}

}
@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}
	
	.slider-heading {
     
	    flex-wrap: wrap;
	}

    .portfolio-listing{
        flex-direction: column;
    }

    .listing_left {
    flex: 0 0 100%;
    width: 100%;
    }

    .listing_right{
         flex: 0 0 100%;
    width: 100%;
    }

    .listing_right_filter{
        justify-content: center;
        margin-top: 20px;
    }

        .gg-banner {
    padding: 13px 0px 14px 0px !important;
}

	#grocery-banner {
    position: relative;
    padding: 8px 0px 24px 0px;
}

		.dev_service_list .dev_service_item{
		flex: 0 0 33%;
		max-width: 33%;
	}

	.concept_capital_cls{
		margin-bottom: 0px;
	}

     .our_client_itms .row::before {
    left: 18.33%;
    }

    .our_client_itms .row::after {
    right: 17.33%;
    }

}
@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}
	.hidden-xs {
		display: none!important;
	}
	
	.mobile_logo_footer{
	    text-align:center;
	}

    .rvw_sec .slick-next, .slick-prev {
        top: 101% !important;
    }
   

	.btn-primary {
    padding: 8px 15px;
	}

	.dev_service_list .dev_service_item{
		flex: 0 0 50%;
		max-width: 50%;
	}
 
}
@media (max-width: 575.98px) {

	.dev_service_list .dev_service_item{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	    .abt-jplft button.slick-prev.slick-arrow {
     top: auto !important;
        bottom: -100px;
        display: block !important;
    }
	
	    .rvw_sec .slick-next, .slick-prev {
      display:none !important;
    }
	
	    .footer_row {
        padding-top: 3px !important;
    }
    
	    .mobile_logo_footer img {
        width: 52% !important;
    }

    .casestdy_name_tabs {
    flex-direction: column;
    }

    .our_client_itms .row::before {
        left: 7.33%;
    }
        .our_client_itms .row::after {
        right: 7.33%;
    }

    .page_portfolio_itm_img{
        margin-top: 20px !important;
    }

    .slider-heading p{
        width: 100%;
    }

	.hire_counter_nm span{
		line-height: 1;
	}

	.hire_counters{
		margin-top: 20px;
	}
}
@media (max-width: 320.98px) {
}


  

  
  @media (max-width:575.98px) {
      .table-responsive-sm {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }
      .table-responsive-sm>.table-bordered {
          border: 0
      }
     
  }

  @media (max-width:767.98px) {
      .table-responsive-md {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }
      .table-responsive-md>.table-bordered {
          border: 0
      }
    
  }

  @media (max-width:991.98px) {
      .table-responsive-lg {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }
      .table-responsive-lg>.table-bordered {
          border: 0
      }
     
  }

  @media (max-width:1199.98px) {
      .table-responsive-xl {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }
      .table-responsive-xl>.table-bordered {
          border: 0
      }
    
  }


  @media (prefers-reduced-motion:reduce) {
      .btn,
      .collapsing,
      .custom-switch .custom-control-label::after,
      .fade,
      .form-control {
          transition: none
      }
      .custom-range::-webkit-slider-thumb {
          transition: none
      }
      .custom-range::-moz-range-thumb {
          transition: none
      }
      .custom-range::-ms-thumb {
          transition: none
      }
      .badge,
      .carousel-control-next,
      .carousel-control-prev,
      .carousel-fade .active.carousel-item-left,
      .carousel-fade .active.carousel-item-right,
      .carousel-indicators li,
      .carousel-item,
      .custom-control-label::before,
      .custom-file-label,
      .custom-select,
      .modal.fade .modal-dialog,
      .progress-bar {
          transition: none
      }
      .progress-bar-animated {
          -webkit-animation: none;
          animation: none
      }
  }
  
  @media (min-width:576px) {
      .container {
          /* max-width: 540px; */
      }
     
      .form-inline label {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 0
      }
      .form-inline .form-group {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 0
      }
      .form-inline .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle
      }
      .form-inline .form-control-plaintext {
          display: inline-block
      }
      .form-inline .custom-select,
      .form-inline .input-group {
          width: auto
      }
      .form-inline .form-check {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: auto;
          padding-left: 0
      }
      .form-inline .form-check-input {
          position: relative;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          margin-top: 0;
          margin-right: .25rem;
          margin-left: 0
      }
      .form-inline .custom-control {
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center
      }
      .form-inline .custom-control-label {
          margin-bottom: 0
      }
      .dropdown-menu-sm-left {
          right: auto;
          left: 0
      }
      .dropdown-menu-sm-right {
          right: 0;
          left: auto
      }
    
      .card-deck {
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          margin-right: -15px;
          margin-left: -15px
      }
      .card-deck .card {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-right: 15px;
          margin-bottom: 0;
          margin-left: 15px
      }
      .card-group {
          -ms-flex-flow: row wrap;
          flex-flow: row wrap
      }
      .card-group>.card {
          -ms-flex: 1 0 0%;
          flex: 1 0 0%;
          margin-bottom: 0
      }
      .card-group>.card+.card {
          margin-left: 0;
          border-left: 0
      }
      .card-group>.card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0
      }
      .card-group>.card:not(:last-child) .card-header,
      .card-group>.card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
      }
      .card-group>.card:not(:last-child) .card-footer,
      .card-group>.card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
      }
      .card-group>.card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0
      }
      .card-group>.card:not(:first-child) .card-header,
      .card-group>.card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
      }
      .card-group>.card:not(:first-child) .card-footer,
      .card-group>.card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
      }
      .card-columns {
          -webkit-column-count: 3;
          -moz-column-count: 3;
          column-count: 3;
          -webkit-column-gap: 1.25rem;
          -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
          orphans: 1;
          widows: 1
      }
      .card-columns .card {
          display: inline-block;
          width: 100%
      }
      .jumbotron {
          padding: 4rem 2rem
      }
      .list-group-horizontal-sm .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }
      .list-group-horizontal-sm .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }
      .list-group-horizontal-sm .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
      .modal-dialog {
          max-width: 500px;
          margin: 1.75rem auto
      }
      .modal-dialog-scrollable {
          max-height: calc(100% - 3.5rem)
      }
      .modal-dialog-scrollable .modal-content {
          max-height: calc(100vh - 3.5rem)
      }
      .modal-dialog-centered {
          min-height: calc(100% - 3.5rem)
      }
      .modal-dialog-centered::before {
          height: calc(100vh - 3.5rem)
      }
      .modal-sm {
          max-width: 300px
      }
      .d-sm-none {
          display: none !important
      }
      .d-sm-inline {
          display: inline !important
      }
      .d-sm-inline-block {
          display: inline-block !important
      }
      .d-sm-block {
          display: block !important
      }
      .d-sm-table {
          display: table !important
      }
      .d-sm-table-row {
          display: table-row !important
      }
      .d-sm-table-cell {
          display: table-cell !important
      }
      .d-sm-flex {
          display: -ms-flexbox !important;
          display: flex !important
      }
      .d-sm-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important
      }
      .flex-sm-row {
          -ms-flex-direction: row !important;
          flex-direction: row !important
      }
      .flex-sm-column {
          -ms-flex-direction: column !important;
          flex-direction: column !important
      }
      .flex-sm-row-reverse {
          -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important
      }
      .flex-sm-column-reverse {
          -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important
      }
      .flex-sm-wrap {
          -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important
      }
      .flex-sm-nowrap {
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important
      }
      .flex-sm-wrap-reverse {
          -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important
      }
      .flex-sm-fill {
          -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important
      }
      .flex-sm-grow-0 {
          -ms-flex-positive: 0 !important;
          flex-grow: 0 !important
      }
      .flex-sm-grow-1 {
          -ms-flex-positive: 1 !important;
          flex-grow: 1 !important
      }
      .flex-sm-shrink-0 {
          -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important
      }
      .flex-sm-shrink-1 {
          -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important
      }
      .justify-content-sm-start {
          -ms-flex-pack: start !important;
          justify-content: flex-start !important
      }
      .justify-content-sm-end {
          -ms-flex-pack: end !important;
          justify-content: flex-end !important
      }
      .justify-content-sm-center {
          -ms-flex-pack: center !important;
          justify-content: center !important
      }
      .justify-content-sm-between {
          -ms-flex-pack: justify !important;
          justify-content: space-between !important
      }
      .justify-content-sm-around {
          -ms-flex-pack: distribute !important;
          justify-content: space-around !important
      }
      .align-items-sm-start {
          -ms-flex-align: start !important;
          align-items: flex-start !important
      }
      .align-items-sm-end {
          -ms-flex-align: end !important;
          align-items: flex-end !important
      }
      .align-items-sm-center {
          -ms-flex-align: center !important;
          align-items: center !important
      }
      .align-items-sm-baseline {
          -ms-flex-align: baseline !important;
          align-items: baseline !important
      }
      .align-items-sm-stretch {
          -ms-flex-align: stretch !important;
          align-items: stretch !important
      }
      .align-content-sm-start {
          -ms-flex-line-pack: start !important;
          align-content: flex-start !important
      }
      .align-content-sm-end {
          -ms-flex-line-pack: end !important;
          align-content: flex-end !important
      }
      .align-content-sm-center {
          -ms-flex-line-pack: center !important;
          align-content: center !important
      }
      .align-content-sm-between {
          -ms-flex-line-pack: justify !important;
          align-content: space-between !important
      }
      .align-content-sm-around {
          -ms-flex-line-pack: distribute !important;
          align-content: space-around !important
      }
      .align-content-sm-stretch {
          -ms-flex-line-pack: stretch !important;
          align-content: stretch !important
      }
      .align-self-sm-auto {
          -ms-flex-item-align: auto !important;
          align-self: auto !important
      }
      .align-self-sm-start {
          -ms-flex-item-align: start !important;
          align-self: flex-start !important
      }
      .align-self-sm-end {
          -ms-flex-item-align: end !important;
          align-self: flex-end !important
      }
      .align-self-sm-center {
          -ms-flex-item-align: center !important;
          align-self: center !important
      }
      .align-self-sm-baseline {
          -ms-flex-item-align: baseline !important;
          align-self: baseline !important
      }
      .align-self-sm-stretch {
          -ms-flex-item-align: stretch !important;
          align-self: stretch !important
      }
      .float-sm-left {
          float: left !important
      }
      .float-sm-right {
          float: right !important
      }
      .float-sm-none {
          float: none !important
      }
      .m-sm-0 {
          margin: 0 !important
      }
      .mt-sm-0,
      .my-sm-0 {
          margin-top: 0 !important
      }
      .mr-sm-0,
      .mx-sm-0 {
          margin-right: 0 !important
      }
      .mb-sm-0,
      .my-sm-0 {
          margin-bottom: 0 !important
      }
      .ml-sm-0,
      .mx-sm-0 {
          margin-left: 0 !important
      }
      .m-sm-1 {
          margin: .25rem !important
      }
      .mt-sm-1,
      .my-sm-1 {
          margin-top: .25rem !important
      }
      .mr-sm-1,
      .mx-sm-1 {
          margin-right: .25rem !important
      }
      .mb-sm-1,
      .my-sm-1 {
          margin-bottom: .25rem !important
      }
      .ml-sm-1,
      .mx-sm-1 {
          margin-left: .25rem !important
      }
      .m-sm-2 {
          margin: .5rem !important
      }
      .mt-sm-2,
      .my-sm-2 {
          margin-top: .5rem !important
      }
      .mr-sm-2,
      .mx-sm-2 {
          margin-right: .5rem !important
      }
      .mb-sm-2,
      .my-sm-2 {
          margin-bottom: .5rem !important
      }
      .ml-sm-2,
      .mx-sm-2 {
          margin-left: .5rem !important
      }
      .m-sm-3 {
          margin: 1rem !important
      }
      .mt-sm-3,
      .my-sm-3 {
          margin-top: 1rem !important
      }
      .mr-sm-3,
      .mx-sm-3 {
          margin-right: 1rem !important
      }
      .mb-sm-3,
      .my-sm-3 {
          margin-bottom: 1rem !important
      }
      .ml-sm-3,
      .mx-sm-3 {
          margin-left: 1rem !important
      }
      .m-sm-4 {
          margin: 1.5rem !important
      }
      .mt-sm-4,
      .my-sm-4 {
          margin-top: 1.5rem !important
      }
      .mr-sm-4,
      .mx-sm-4 {
          margin-right: 1.5rem !important
      }
      .mb-sm-4,
      .my-sm-4 {
          margin-bottom: 1.5rem !important
      }
      .ml-sm-4,
      .mx-sm-4 {
          margin-left: 1.5rem !important
      }
      .m-sm-5 {
          margin: 3rem !important
      }
      .mt-sm-5,
      .my-sm-5 {
          margin-top: 3rem !important
      }
      .mr-sm-5,
      .mx-sm-5 {
          margin-right: 3rem !important
      }
      .mb-sm-5,
      .my-sm-5 {
          margin-bottom: 3rem !important
      }
      .ml-sm-5,
      .mx-sm-5 {
          margin-left: 3rem !important
      }
      .p-sm-0 {
          padding: 0 !important
      }
      .pt-sm-0,
      .py-sm-0 {
          padding-top: 0 !important
      }
      .pr-sm-0,
      .px-sm-0 {
          padding-right: 0 !important
      }
      .pb-sm-0,
      .py-sm-0 {
          padding-bottom: 0 !important
      }
      .pl-sm-0,
      .px-sm-0 {
          padding-left: 0 !important
      }
      .p-sm-1 {
          padding: .25rem !important
      }
      .pt-sm-1,
      .py-sm-1 {
          padding-top: .25rem !important
      }
      .pr-sm-1,
      .px-sm-1 {
          padding-right: .25rem !important
      }
      .pb-sm-1,
      .py-sm-1 {
          padding-bottom: .25rem !important
      }
      .pl-sm-1,
      .px-sm-1 {
          padding-left: .25rem !important
      }
      .p-sm-2 {
          padding: .5rem !important
      }
      .pt-sm-2,
      .py-sm-2 {
          padding-top: .5rem !important
      }
      .pr-sm-2,
      .px-sm-2 {
          padding-right: .5rem !important
      }
      .pb-sm-2,
      .py-sm-2 {
          padding-bottom: .5rem !important
      }
      .pl-sm-2,
      .px-sm-2 {
          padding-left: .5rem !important
      }
      .p-sm-3 {
          padding: 1rem !important
      }
      .pt-sm-3,
      .py-sm-3 {
          padding-top: 1rem !important
      }
      .pr-sm-3,
      .px-sm-3 {
          padding-right: 1rem !important
      }
      .pb-sm-3,
      .py-sm-3 {
          padding-bottom: 1rem !important
      }
      .pl-sm-3,
      .px-sm-3 {
          padding-left: 1rem !important
      }
      .p-sm-4 {
          padding: 1.5rem !important
      }
      .pt-sm-4,
      .py-sm-4 {
          padding-top: 1.5rem !important
      }
      .pr-sm-4,
      .px-sm-4 {
          padding-right: 1.5rem !important
      }
      .pb-sm-4,
      .py-sm-4 {
          padding-bottom: 1.5rem !important
      }
      .pl-sm-4,
      .px-sm-4 {
          padding-left: 1.5rem !important
      }
      .p-sm-5 {
          padding: 3rem !important
      }
      .pt-sm-5,
      .py-sm-5 {
          padding-top: 3rem !important
      }
      .pr-sm-5,
      .px-sm-5 {
          padding-right: 3rem !important
      }
      .pb-sm-5,
      .py-sm-5 {
          padding-bottom: 3rem !important
      }
      .pl-sm-5,
      .px-sm-5 {
          padding-left: 3rem !important
      }
      .m-sm-n1 {
          margin: -.25rem !important
      }
      .mt-sm-n1,
      .my-sm-n1 {
          margin-top: -.25rem !important
      }
      .mr-sm-n1,
      .mx-sm-n1 {
          margin-right: -.25rem !important
      }
      .mb-sm-n1,
      .my-sm-n1 {
          margin-bottom: -.25rem !important
      }
      .ml-sm-n1,
      .mx-sm-n1 {
          margin-left: -.25rem !important
      }
      .m-sm-n2 {
          margin: -.5rem !important
      }
      .mt-sm-n2,
      .my-sm-n2 {
          margin-top: -.5rem !important
      }
      .mr-sm-n2,
      .mx-sm-n2 {
          margin-right: -.5rem !important
      }
      .mb-sm-n2,
      .my-sm-n2 {
          margin-bottom: -.5rem !important
      }
      .ml-sm-n2,
      .mx-sm-n2 {
          margin-left: -.5rem !important
      }
      .m-sm-n3 {
          margin: -1rem !important
      }
      .mt-sm-n3,
      .my-sm-n3 {
          margin-top: -1rem !important
      }
      .mr-sm-n3,
      .mx-sm-n3 {
          margin-right: -1rem !important
      }
      .mb-sm-n3,
      .my-sm-n3 {
          margin-bottom: -1rem !important
      }
      .ml-sm-n3,
      .mx-sm-n3 {
          margin-left: -1rem !important
      }
      .m-sm-n4 {
          margin: -1.5rem !important
      }
      .mt-sm-n4,
      .my-sm-n4 {
          margin-top: -1.5rem !important
      }
      .mr-sm-n4,
      .mx-sm-n4 {
          margin-right: -1.5rem !important
      }
      .mb-sm-n4,
      .my-sm-n4 {
          margin-bottom: -1.5rem !important
      }
      .ml-sm-n4,
      .mx-sm-n4 {
          margin-left: -1.5rem !important
      }
      .m-sm-n5 {
          margin: -3rem !important
      }
      .mt-sm-n5,
      .my-sm-n5 {
          margin-top: -3rem !important
      }
      .mr-sm-n5,
      .mx-sm-n5 {
          margin-right: -3rem !important
      }
      .mb-sm-n5,
      .my-sm-n5 {
          margin-bottom: -3rem !important
      }
      .ml-sm-n5,
      .mx-sm-n5 {
          margin-left: -3rem !important
      }
      .m-sm-auto {
          margin: auto !important
      }
      .mt-sm-auto,
      .my-sm-auto {
          margin-top: auto !important
      }
      .mr-sm-auto,
      .mx-sm-auto {
          margin-right: auto !important
      }
      .mb-sm-auto,
      .my-sm-auto {
          margin-bottom: auto !important
      }
      .ml-sm-auto,
      .mx-sm-auto {
          margin-left: auto !important
      }
      .text-sm-left {
          text-align: left !important
      }
      .text-sm-right {
          text-align: right !important
      }
      .text-sm-center {
          text-align: center !important
      }
  }


  @media (min-width:992px) {
      .container {
          /* max-width: 960px; */
      }
      .col-lg {
          -ms-flex-preferred-size: 0;
          flex-basis: 0%;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%
      }
      .col-lg-auto {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: 100%
      }
      .col-lg-1 {
          -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
          max-width: 8.333333%
      }
      .col-lg-2 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%
      }
      .col-lg-3 {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%
      }
      .col-lg-4 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%
      }
      .col-lg-5 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%
      }
      .col-lg-6 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
      }
      .col-lg-7 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%
      }
      .col-lg-8 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%
      }
      .col-lg-9 {
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%
      }
      .col-lg-10 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%
      }
      .col-lg-11 {
          -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
          max-width: 91.666667%
      }
      .col-lg-12 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%
      }
      .order-lg-first {
          -ms-flex-order: -1;
          order: -1
      }
      .order-lg-last {
          -ms-flex-order: 13;
          order: 13
      }
      .order-lg-0 {
          -ms-flex-order: 0;
          order: 0
      }
      .order-lg-1 {
          -ms-flex-order: 1;
          order: 1
      }
      .order-lg-2 {
          -ms-flex-order: 2;
          order: 2
      }
      .order-lg-3 {
          -ms-flex-order: 3;
          order: 3
      }
      .order-lg-4 {
          -ms-flex-order: 4;
          order: 4
      }
      .order-lg-5 {
          -ms-flex-order: 5;
          order: 5
      }
      .order-lg-6 {
          -ms-flex-order: 6;
          order: 6
      }
      .order-lg-7 {
          -ms-flex-order: 7;
          order: 7
      }
      .order-lg-8 {
          -ms-flex-order: 8;
          order: 8
      }
      .order-lg-9 {
          -ms-flex-order: 9;
          order: 9
      }
      .order-lg-10 {
          -ms-flex-order: 10;
          order: 10
      }
      .order-lg-11 {
          -ms-flex-order: 11;
          order: 11
      }
      .order-lg-12 {
          -ms-flex-order: 12;
          order: 12
      }
      .offset-lg-0 {
          margin-left: 0
      }
      .offset-lg-1 {
          margin-left: 8.333333%
      }
      .offset-lg-2 {
          margin-left: 16.666667%
      }
      .offset-lg-3 {
          margin-left: 25%
      }
      .offset-lg-4 {
          margin-left: 33.333333%
      }
      .offset-lg-5 {
          margin-left: 41.666667%
      }
      .offset-lg-6 {
          margin-left: 50%
      }
      .offset-lg-7 {
          margin-left: 58.333333%
      }
      .offset-lg-8 {
          margin-left: 66.666667%
      }
      .offset-lg-9 {
          margin-left: 75%
      }
      .offset-lg-10 {
          margin-left: 83.333333%
      }
      .offset-lg-11 {
          margin-left: 91.666667%
      }
      .dropdown-menu-lg-left {
          right: auto;
          left: 0
      }
      .dropdown-menu-lg-right {
          right: 0;
          left: auto
      }
  
      .list-group-horizontal-lg .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }
      .list-group-horizontal-lg .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }
      .list-group-horizontal-lg .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
      .modal-lg,
      .modal-xl {
          max-width: 800px
      }
      .d-lg-none {
          display: none !important
      }
      .d-lg-inline {
          display: inline !important
      }
      .d-lg-inline-block {
          display: inline-block !important
      }
      .d-lg-block {
          display: block !important
      }
      .d-lg-table {
          display: table !important
      }
      .d-lg-table-row {
          display: table-row !important
      }
      .d-lg-table-cell {
          display: table-cell !important
      }
      .d-lg-flex {
          display: -ms-flexbox !important;
          display: flex !important
      }
      .d-lg-inline-flex {
          display: -ms-inline-flexbox !important;
          display: inline-flex !important
      }
      .flex-lg-row {
          -ms-flex-direction: row !important;
          flex-direction: row !important
      }
      .flex-lg-column {
          -ms-flex-direction: column !important;
          flex-direction: column !important
      }
      .flex-lg-row-reverse {
          -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important
      }
      .flex-lg-column-reverse {
          -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important
      }
      .flex-lg-wrap {
          -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important
      }
      .flex-lg-nowrap {
          -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important
      }
      .flex-lg-wrap-reverse {
          -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important
      }
      .flex-lg-fill {
          -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important
      }
      .flex-lg-grow-0 {
          -ms-flex-positive: 0 !important;
          flex-grow: 0 !important
      }
      .flex-lg-grow-1 {
          -ms-flex-positive: 1 !important;
          flex-grow: 1 !important
      }
      .flex-lg-shrink-0 {
          -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important
      }
      .flex-lg-shrink-1 {
          -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important
      }
      .justify-content-lg-start {
          -ms-flex-pack: start !important;
          justify-content: flex-start !important
      }
      .justify-content-lg-end {
          -ms-flex-pack: end !important;
          justify-content: flex-end !important
      }
      .justify-content-lg-center {
          -ms-flex-pack: center !important;
          justify-content: center !important
      }
      .justify-content-lg-between {
          -ms-flex-pack: justify !important;
          justify-content: space-between !important
      }
      .justify-content-lg-around {
          -ms-flex-pack: distribute !important;
          justify-content: space-around !important
      }
      .align-items-lg-start {
          -ms-flex-align: start !important;
          align-items: flex-start !important
      }
      .align-items-lg-end {
          -ms-flex-align: end !important;
          align-items: flex-end !important
      }
      .align-items-lg-center {
          -ms-flex-align: center !important;
          align-items: center !important
      }
      .align-items-lg-baseline {
          -ms-flex-align: baseline !important;
          align-items: baseline !important
      }
      .align-items-lg-stretch {
          -ms-flex-align: stretch !important;
          align-items: stretch !important
      }
      .align-content-lg-start {
          -ms-flex-line-pack: start !important;
          align-content: flex-start !important
      }
      .align-content-lg-end {
          -ms-flex-line-pack: end !important;
          align-content: flex-end !important
      }
      .align-content-lg-center {
          -ms-flex-line-pack: center !important;
          align-content: center !important
      }
      .align-content-lg-between {
          -ms-flex-line-pack: justify !important;
          align-content: space-between !important
      }
      .align-content-lg-around {
          -ms-flex-line-pack: distribute !important;
          align-content: space-around !important
      }
      .align-content-lg-stretch {
          -ms-flex-line-pack: stretch !important;
          align-content: stretch !important
      }
      .align-self-lg-auto {
          -ms-flex-item-align: auto !important;
          align-self: auto !important
      }
      .align-self-lg-start {
          -ms-flex-item-align: start !important;
          align-self: flex-start !important
      }
      .align-self-lg-end {
          -ms-flex-item-align: end !important;
          align-self: flex-end !important
      }
      .align-self-lg-center {
          -ms-flex-item-align: center !important;
          align-self: center !important
      }
      .align-self-lg-baseline {
          -ms-flex-item-align: baseline !important;
          align-self: baseline !important
      }
      .align-self-lg-stretch {
          -ms-flex-item-align: stretch !important;
          align-self: stretch !important
      }
      .float-lg-left {
          float: left !important
      }
      .float-lg-right {
          float: right !important
      }
      .float-lg-none {
          float: none !important
      }
      .m-lg-0 {
          margin: 0 !important
      }
      .mt-lg-0,
      .my-lg-0 {
          margin-top: 0 !important
      }
      .mr-lg-0,
      .mx-lg-0 {
          margin-right: 0 !important
      }
      .mb-lg-0,
      .my-lg-0 {
          margin-bottom: 0 !important
      }
      .ml-lg-0,
      .mx-lg-0 {
          margin-left: 0 !important
      }
      .m-lg-1 {
          margin: .25rem !important
      }
      .mt-lg-1,
      .my-lg-1 {
          margin-top: .25rem !important
      }
      .mr-lg-1,
      .mx-lg-1 {
          margin-right: .25rem !important
      }
      .mb-lg-1,
      .my-lg-1 {
          margin-bottom: .25rem !important
      }
      .ml-lg-1,
      .mx-lg-1 {
          margin-left: .25rem !important
      }
      .m-lg-2 {
          margin: .5rem !important
      }
      .mt-lg-2,
      .my-lg-2 {
          margin-top: .5rem !important
      }
      .mr-lg-2,
      .mx-lg-2 {
          margin-right: .5rem !important
      }
      .mb-lg-2,
      .my-lg-2 {
          margin-bottom: .5rem !important
      }
      .ml-lg-2,
      .mx-lg-2 {
          margin-left: .5rem !important
      }
      .m-lg-3 {
          margin: 1rem !important
      }
      .mt-lg-3,
      .my-lg-3 {
          margin-top: 1rem !important
      }
      .mr-lg-3,
      .mx-lg-3 {
          margin-right: 1rem !important
      }
      .mb-lg-3,
      .my-lg-3 {
          margin-bottom: 1rem !important
      }
      .ml-lg-3,
      .mx-lg-3 {
          margin-left: 1rem !important
      }
      .m-lg-4 {
          margin: 1.5rem !important
      }
      .mt-lg-4,
      .my-lg-4 {
          margin-top: 1.5rem !important
      }
      .mr-lg-4,
      .mx-lg-4 {
          margin-right: 1.5rem !important
      }
      .mb-lg-4,
      .my-lg-4 {
          margin-bottom: 1.5rem !important
      }
      .ml-lg-4,
      .mx-lg-4 {
          margin-left: 1.5rem !important
      }
      .m-lg-5 {
          margin: 3rem !important
      }
      .mt-lg-5,
      .my-lg-5 {
          margin-top: 3rem !important
      }
      .mr-lg-5,
      .mx-lg-5 {
          margin-right: 3rem !important
      }
      .mb-lg-5,
      .my-lg-5 {
          margin-bottom: 3rem !important
      }
      .ml-lg-5,
      .mx-lg-5 {
          margin-left: 3rem !important
      }
      .p-lg-0 {
          padding: 0 !important
      }
      .pt-lg-0,
      .py-lg-0 {
          padding-top: 0 !important
      }
      .pr-lg-0,
      .px-lg-0 {
          padding-right: 0 !important
      }
      .pb-lg-0,
      .py-lg-0 {
          padding-bottom: 0 !important
      }
      .pl-lg-0,
      .px-lg-0 {
          padding-left: 0 !important
      }
      .p-lg-1 {
          padding: .25rem !important
      }
      .pt-lg-1,
      .py-lg-1 {
          padding-top: .25rem !important
      }
      .pr-lg-1,
      .px-lg-1 {
          padding-right: .25rem !important
      }
      .pb-lg-1,
      .py-lg-1 {
          padding-bottom: .25rem !important
      }
      .pl-lg-1,
      .px-lg-1 {
          padding-left: .25rem !important
      }
      .p-lg-2 {
          padding: .5rem !important
      }
      .pt-lg-2,
      .py-lg-2 {
          padding-top: .5rem !important
      }
      .pr-lg-2,
      .px-lg-2 {
          padding-right: .5rem !important
      }
      .pb-lg-2,
      .py-lg-2 {
          padding-bottom: .5rem !important
      }
      .pl-lg-2,
      .px-lg-2 {
          padding-left: .5rem !important
      }
      .p-lg-3 {
          padding: 1rem !important
      }
      .pt-lg-3,
      .py-lg-3 {
          padding-top: 1rem !important
      }
      .pr-lg-3,
      .px-lg-3 {
          padding-right: 1rem !important
      }
      .pb-lg-3,
      .py-lg-3 {
          padding-bottom: 1rem !important
      }
      .pl-lg-3,
      .px-lg-3 {
          padding-left: 1rem !important
      }
      .p-lg-4 {
          padding: 1.5rem !important
      }
      .pt-lg-4,
      .py-lg-4 {
          padding-top: 1.5rem !important
      }
      .pr-lg-4,
      .px-lg-4 {
          padding-right: 1.5rem !important
      }
      .pb-lg-4,
      .py-lg-4 {
          padding-bottom: 1.5rem !important
      }
      .pl-lg-4,
      .px-lg-4 {
          padding-left: 1.5rem !important
      }
      .p-lg-5 {
          padding: 3rem !important
      }
      .pt-lg-5,
      .py-lg-5 {
          padding-top: 3rem !important
      }
      .pr-lg-5,
      .px-lg-5 {
          padding-right: 3rem !important
      }
      .pb-lg-5,
      .py-lg-5 {
          padding-bottom: 3rem !important
      }
      .pl-lg-5,
      .px-lg-5 {
          padding-left: 3rem !important
      }
      .m-lg-n1 {
          margin: -.25rem !important
      }
      .mt-lg-n1,
      .my-lg-n1 {
          margin-top: -.25rem !important
      }
      .mr-lg-n1,
      .mx-lg-n1 {
          margin-right: -.25rem !important
      }
      .mb-lg-n1,
      .my-lg-n1 {
          margin-bottom: -.25rem !important
      }
      .ml-lg-n1,
      .mx-lg-n1 {
          margin-left: -.25rem !important
      }
      .m-lg-n2 {
          margin: -.5rem !important
      }
      .mt-lg-n2,
      .my-lg-n2 {
          margin-top: -.5rem !important
      }
      .mr-lg-n2,
      .mx-lg-n2 {
          margin-right: -.5rem !important
      }
      .mb-lg-n2,
      .my-lg-n2 {
          margin-bottom: -.5rem !important
      }
      .ml-lg-n2,
      .mx-lg-n2 {
          margin-left: -.5rem !important
      }
      .m-lg-n3 {
          margin: -1rem !important
      }
      .mt-lg-n3,
      .my-lg-n3 {
          margin-top: -1rem !important
      }
      .mr-lg-n3,
      .mx-lg-n3 {
          margin-right: -1rem !important
      }
      .mb-lg-n3,
      .my-lg-n3 {
          margin-bottom: -1rem !important
      }
      .ml-lg-n3,
      .mx-lg-n3 {
          margin-left: -1rem !important
      }
      .m-lg-n4 {
          margin: -1.5rem !important
      }
      .mt-lg-n4,
      .my-lg-n4 {
          margin-top: -1.5rem !important
      }
      .mr-lg-n4,
      .mx-lg-n4 {
          margin-right: -1.5rem !important
      }
      .mb-lg-n4,
      .my-lg-n4 {
          margin-bottom: -1.5rem !important
      }
      .ml-lg-n4,
      .mx-lg-n4 {
          margin-left: -1.5rem !important
      }
      .m-lg-n5 {
          margin: -3rem !important
      }
      .mt-lg-n5,
      .my-lg-n5 {
          margin-top: -3rem !important
      }
      .mr-lg-n5,
      .mx-lg-n5 {
          margin-right: -3rem !important
      }
      .mb-lg-n5,
      .my-lg-n5 {
          margin-bottom: -3rem !important
      }
      .ml-lg-n5,
      .mx-lg-n5 {
          margin-left: -3rem !important
      }
      .m-lg-auto {
          margin: auto !important
      }
      .mt-lg-auto,
      .my-lg-auto {
          margin-top: auto !important
      }
      .mr-lg-auto,
      .mx-lg-auto {
          margin-right: auto !important
      }
      .mb-lg-auto,
      .my-lg-auto {
          margin-bottom: auto !important
      }
      .ml-lg-auto,
      .mx-lg-auto {
          margin-left: auto !important
      }
      .text-lg-left {
          text-align: left !important
      }
      .text-lg-right {
          text-align: right !important
      }
      .text-lg-center {
          text-align: center !important
      }
  }

  @media (min-width:1200px) {
      .container {
          /* max-width: 1200px; */
      }
      .col-xl {
          -ms-flex-preferred-size: 0;
          flex-basis: 0%;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%
      }
      .col-xl-auto {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: 100%
      }
      .col-xl-1 {
          -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
          max-width: 8.333333%
      }
      .col-xl-2 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%
      }
      .col-xl-3 {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%
      }
      .col-xl-4 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%
      }
      .col-xl-5 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%
      }
      .col-xl-6 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
      }
      .col-xl-7 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%
      }
      .col-xl-8 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%
      }
      .col-xl-9 {
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%
      }
      .col-xl-10 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%
      }
      .col-xl-11 {
          -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
          max-width: 91.666667%
      }
      .col-xl-12 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%
      }
      .order-xl-first {
          -ms-flex-order: -1;
          order: -1
      }
      .order-xl-last {
          -ms-flex-order: 13;
          order: 13
      }
      .order-xl-0 {
          -ms-flex-order: 0;
          order: 0
      }
      .order-xl-1 {
          -ms-flex-order: 1;
          order: 1
      }
      .order-xl-2 {
          -ms-flex-order: 2;
          order: 2
      }
      .order-xl-3 {
          -ms-flex-order: 3;
          order: 3
      }
      .order-xl-4 {
          -ms-flex-order: 4;
          order: 4
      }
      .order-xl-5 {
          -ms-flex-order: 5;
          order: 5
      }
      .order-xl-6 {
          -ms-flex-order: 6;
          order: 6
      }
      .order-xl-7 {
          -ms-flex-order: 7;
          order: 7
      }
      .order-xl-8 {
          -ms-flex-order: 8;
          order: 8
      }
      .order-xl-9 {
          -ms-flex-order: 9;
          order: 9
      }
      .order-xl-10 {
          -ms-flex-order: 10;
          order: 10
      }
      .order-xl-11 {
          -ms-flex-order: 11;
          order: 11
      }
      .order-xl-12 {
          -ms-flex-order: 12;
          order: 12
      }
      .offset-xl-0 {
          margin-left: 0
      }
      .offset-xl-1 {
          margin-left: 8.333333%
      }
      .offset-xl-2 {
          margin-left: 16.666667%
      }
      .offset-xl-3 {
          margin-left: 25%
      }
      .offset-xl-4 {
          margin-left: 33.333333%
      }
      .offset-xl-5 {
          margin-left: 41.666667%
      }
      .offset-xl-6 {
          margin-left: 50%
      }
      .offset-xl-7 {
          margin-left: 58.333333%
      }
      .offset-xl-8 {
          margin-left: 66.666667%
      }
      .offset-xl-9 {
          margin-left: 75%
      }
      .offset-xl-10 {
          margin-left: 83.333333%
      }
      .offset-xl-11 {
          margin-left: 91.666667%
      }
      .dropdown-menu-xl-left {
          right: auto;
          left: 0
      }
      .dropdown-menu-xl-right {
          right: 0;
          left: auto
      }
    
  
      .list-group-horizontal-xl .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }
      .list-group-horizontal-xl .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }
      .list-group-horizontal-xl .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
     
  }


  @media (min-width:1230px) {
      .casestdy_itms .container {
          max-width: 1230px
      }
  }

  @media (min-width:1600px) and (max-width:1799.98px) {
      #grocery-banner h1 {
          font-size: 48px
      }
      #grocery-banner p {
          font-size: 20px
      }
      #grocery-banner .gro-form .request-form {
          width: 80%
      }
  }

  @media screen and (max-width:1600px) {
      #grocery-banner .gro-form .bodysec .addfile {
          width: 210px !important;
          display: inline-block
      }
      .ftr-section .addfile {
          display: inline-block
      }
      .src-dtl p {
          margin-bottom: 40px
      }
      .pplr-logos {
          width: 100%;
          left: 0%
      }
      .port-secs .slick-slider {
          width: 95%;
          margin-left: 4%
      }
      .ssttpp {
          width: 97%;
          margin-left: auto
      }
      .resume-mdl-snd {
          margin: 30px auto;
          height: 100%;
          align-items: center
      }
      #grocery-banner .our-brands {
          position: relative;
          top: 0
      }
  }

  @media (max-width:1700px) and (min-width:1199px) {
      .dks .col-lg-2 {
          width: 17.666667%
      }
      .dks .col-md-offset-1 {
          margin-left: 3.333333%
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu .menu-panel-list li.dropdown-header {
          border-bottom: 1px solid #fff0;
          margin-bottom: 5px;
          margin-top: 0
      }
      .global-banner-slide .hire-hourly .pound-rate,
      .global-banner-slide h1 {
          font-size: 40px
      }
      .global-banner-slide .hire-hourly,
      .global-banner-slide .why-jploft h2 {
          font-size: 28px
      }
      .global-banner-slide .domain {
          font-size: 18px
      }
      .global-banner-slide .dedicated-developer {
          font-size: 14px
      }
      .global-banner-slide .nda-blox a {
          font-size: 16px
      }
      .global-banner-slide .why-jploft li {
          margin: 0 0 10px;
          font-size: 16px;
          line-height: 24px
      }
      .global-banner-slide .upfront-payment {
          font-size: 40px;
          margin-bottom: 40px
      }
      #large-header {
          background-position: left
      }
      .home-only .global-banner-slide {
          top: 25%
      }
      .elearn-section .content-panel {
          padding-top: 80px
      }
  }

  @media (max-width:1400px) {
      .team_timeline_ic {
          flex: 0 0 200px
      }
      .color_typography_meta_itm {
          min-height: 240px;
          margin-left: 20px
      }
      .color_typography_meta_itms {
          padding-left: 0
      }
      .color_typography_font {
          margin-right: 20px
      }
      .technology_tools_itms .row {
          margin: 0 -7px
      }
      .technology_tools_itms .row [class*="col-"] {
          padding: 0 7px
      }
      .technology_tools_itm {
          padding: 15px
      }
      .technology_tools_itm_con {
          font-size: 15px
      }
  }

  @media (min-width:1200px) and (max-width:1599.98px) {
      #grocery-banner .gro-form .request-form {
          width: 90%
      }
  }

  @media (min-width:992px) and (max-width:1599.98px) {
      #grocery-banner h1 {
          font-size: 40px
      }
      #grocery-banner p {
          font-size: 18px
      }
      #grocery-banner .gro-text h2 {
          font-size: 28px
      }
      #grocery-banner .gro-form .topsec h3 {
          font-size: 22px;
          margin-bottom: 0
      }
      #grocery-banner .gro-form .bodysec input,
      #grocery-banner .gro-form .bodysec label,
      #grocery-banner .gro-form .bodysec span,
      #grocery-banner .gro-form .bodysec textarea,
      #grocery-banner .gro-form .topsec span {
          font-size: 14px
      }
      #grocery-banner .gro-form .bodysec {
          padding: 15px 20px
      }
      #grocery-banner .gro-form .bodysec .coptcha .coptcha-text {
          line-height: 30px
      }
  }

  @media screen and (max-width:1400px) {
      .inquire_icon {
          width: 1.3em;
          height: 1.3em
      }
      .abt-jplft ul {
          margin-top: 25px
      }
      .pplr-logos {
          width: 100%;
          left: 0;
          padding: 0 40px
      }
      .container {
          max-width: 1280px
      }
      .sml-im-vd {
          left: 30%
      }
      .hom-new .btn-primary {
          font-size: 16px
      }
      .src-dtl {
          height: 100%
      }
      .count-up h3,
      h2.counter-count {
          font-size: 36px
      }
      .solution-bnr {
          min-height: 730px
      }
      .srvces-bnr-ios {
          min-height: 800px
      }
  }

  @media only screen and (max-width:1300px) {
      .header-new {
          width: 100%;
          margin: auto
      }
      .owl_content {
          padding-left: 25%
      }
  }

  @media (min-width:992px) and (max-width:1199.98px) {
      #grocery-banner .gro-form .request-form {
          width: 100%
      }
  }

  @media (min-width:1024px) and (max-width:1250px) {
      .cakephp-sec h2,
      .global-typo h2 {
          line-height: 30px;
          font-weight: 300
      }
      .menucustom.jpl i {
          border: 1px solid #e54f60;
          padding: 3px;
          margin-bottom: -8px
      }
      li.menucustom.jpl img {
          width: 15px !important
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li a {
          font-size: 14px
      }
      .menu-top-position .custom-menu-dropdown li {
          line-height: 20px !important;
          padding-right: 0 !important
      }
      a.goingTotop {
          width: auto !important
      }
      .automotive-service .inner-box {
          min-height: 255px
      }
      .grow-your-business ul li {
          min-height: 280px
      }
      .tool-sec .item-box {
          padding: 25px;
          min-height: 330px;
          margin-top: 30px
      }
      .industries-serve-sec .inner-box {
          padding: 10px
      }
      .cakephp-sec h2 {
          font-size: 24px;
          margin-top: 0
      }
      .hirecakephp-sec .inner-box {
          padding: 0 65px 0 0
      }
      .coding-text {
          text-align: center;
          max-width: 599px;
          margin: 15px auto 0 5px
      }
      .banneroverlay-laravel .inner-content h2,
      .banneroverlay-laravel .inner-content p {
          color: #fff;
          max-width: 300px;
          text-align: center
      }
      .banneroverlay-laravel .inner-content .logo {
          max-width: 130px
      }
      .top-banner-inner-laravel,
      .top-banner-inner-yii {
          height: 350px
      }
      .banneroverlay-laravel {
          height: 530px
      }
      .hirlaravel-sec .inner-content h2,
      .how-dowork-l h2,
      .service-sec .blue-box h3,
      .service-sec .green-box h3,
      .service-sec .red-box h3,
      .title-heading h2 {
          font-size: 30px
      }
      .service-sec .blue-box,
      .service-sec .green-box,
      .service-sec .red-box {
          min-height: 360px
      }
      .laravel-sec .inner-cont {
          font-size: 18px;
          line-height: 24px
      }
      .global-typo h2 {
          font-size: 24px
      }
      .global-typo h1 {
          font-size: 42px;
          font-weight: 300;
          line-height: 48px
      }
      .global-typo h3 {
          font-size: 18px !important;
          font-weight: 400;
          line-height: 24px
      }
      .industries-serve-sec .inner-box {
          min-height: 128px
      }
      .yii-welcome-sec {
          padding-bottom: 30px
      }
      .yii-feature-sec .feature-box {
          min-height: 390px
      }
      .yii-development-sec .yellow-bg {
          padding: 55px 0 50px 40px
      }
      .project-bg-inner {
          height: 688px
      }
      .b2b-industry-select-sec ul li {
          width: 25%
      }
      .travel-accompanying-right-bg .inner-content,
      .travel-hospitality-left-bg .inner-content {
          padding: 30px
      }
      .travel-accompanying-right-bg ul li .inner-box {
          min-height: 130px
      }
      .seo-expert-sec .inner-box {
          min-height: 455px
      }
      .global-footer.contact-footer-bg .contact-form-box {
          margin-left: 0;
          padding: 15px 25px
      }
      .file-upload-sec .col-md-4,
      .file-upload-sec .col-md-8 {
          padding: 0 15px
      }
      .form-group.roboto-sec .text-right {
          text-align: center;
          margin-top: 15px
      }
      .checkbox-container {
          padding-left: 60px
      }
      .checkbox-container .checkmark {
          left: 35px
      }
      .myFile {
          float: none;
          padding: 0 15px 0 35px
      }
  }

  @media only screen and (max-width:1366px) {
      .app-solution:after {
          height: 655px
      }
      .node-application .node-app {
          background-position: left center
      }
      .col-md-4.red-box-left::before,
      .col-md-4.red-box-right::before {
          display: none
      }
      .travel-accompanying-left-bg {
          background-position: right center !important
      }
      .app-solution h2 {
          margin-top: 40px;
          font-size: 34px
      }
      .app-solution p {
          margin-top: 5px;
          line-height: 22px
      }
      .app-solution .app-sec {
          margin: 30px 0
      }
      .app-solution .app-screen {
          width: 250px;
          height: 500px
      }
      .app-solution ul {
          margin-top: 80px
      }
      .app-solution ul li {
          font-size: 16px;
          margin-top: 20px
      }
      .app-solution ul li span {
          font-size: 13px;
          line-height: 18px
      }
  }

  @media (max-width:1199px) and (min-width:980px) {
      .col-md-2.menucustom {
          width: 32%
      }
      .dropdown-jpl {
          width: 75% !important;
          margin: 0 auto;
          border-radius: 0 0 5px 5px
      }
      #enquiry-form,
      .clarity-fairness-panel .fairness-panel h3 br,
      .global-banner-slide h1 br,
      .head-top-bar,
      .jp-footer-panel-show,
      .mobile-awards-gain,
      .mobile-header,
      .mobile-site-header-number,
      .salesforce-development .salesfore-service p br,
      .transparent-black,
      .working-methology .center-position li:after {
          display: none
      }
      .map-section iframe {
          height: 330px
      }
      .map-section .new-project-caption {
          padding: 20px 30px;
          width: 40%
      }
      .map-section .new-project-caption input[type="email"],
      .map-section .new-project-caption input[type="text"] {
          height: 34px
      }
      .map-section .new-project-caption input[type="submit"] {
          font-size: 22px;
          padding: 9px 10px
      }
      .average-video-development .content-center h3,
      .map-section .new-project-caption h3,
      .video-promote .content-center h3,
      .why-wordpress h2 {
          margin-bottom: 10px;
          font-size: 24px
      }
      .map-section .new-project-caption textarea {
          height: 50px
      }
      .menu-top-position .custom-menu-dropdown li a {
          padding: 5px;
          font-size: 13px
      }
     
      .custom-menu-panel {
          margin-top: 10px
      }
   
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu {
          margin-top: 0
      }
      .top-background-portion .background-portion-caption h1 {
          font-size: 45px
      }
      .customcrose {
          display: none !important
      }
      .drupal-services .services-includes-panel {
          min-height: 320px
      }
      .elearn-section .elearn-section-art {
          background-size: cover;
          background-position: center center;
          height: 410px
      }
      .elearn-section .content-panel {
          padding: 50px 30px 30px;
          height: 410px
      }
      .elearn-section .content-panel p,
      .game-develop-production .development-panel h4,
      .global-banner-slide .hire-hourly,
      .shopping-world .following-services h3,
      .unity-list-panel li {
          font-size: 18px
      }
      .amazing-game-development h3,
      .codeigniter-expertise h2,
      .contact-office-locations h2,
      .elearn-section .content-panel h2,
      .game-development-platform h2,
      .html-five-game-panel-one .content-center h3,
      .sales-mobileapp .content-center .center-table h2,
      .salesforce-development .salesfore-service h2,
      .wp-services h2 {
          font-size: 24px
      }
      .learning-application-panel .left-panel {
          width: 16%;
          margin-right: 10px
      }
      .skew-background {
          top: 0;
          margin-top: 0
      }
      .graphics-transforms .art-graphic {
          height: 611px;
          background-position: -80px
      }
      .graphics-transforms .content-pattern {
          height: auto;
          padding: 50px
      }
      .graphic-anim-section .white-panel,
      .new-wp-services .services-includes-panel {
          min-height: 380px
      }
      .html-5-bg .background-portion-caption {
          top: 28%
      }
      .html-five-game-panel-one .content-center {
          margin: 0
      }
      .magento-servicess-panel .services-includes-panel {
          min-height: 470px
      }
      .magento-servicess-panel .col-md-4.col-sm-4:first-child,
      .magento-servicess-panel .col-md-4.col-sm-4:nth-child(2),
      .magento-servicess-panel .col-md-4.col-sm-4:nth-child(3) {
          margin-bottom: 20px
      }
      .skew-background .skew-top-dump h2,
      .write-us h2 {
          margin-bottom: 20px;
          font-size: 24px
      }
      .art-never-finished .clipart-panel {
          background-position: center
      }
      .customer-centric h2,
      .working-methology h2 {
          margin-bottom: 30px;
          font-size: 24px
      }
      .joomla-services .services-includes-panel {
          min-height: 300px;
          padding: 15px
      }
      .joomla-services .services-includes-panel img,
      .locations .location-panel img,
      .sales-option .sales-option-panel img {
          width: 80px
      }
      .joomla-services .services-includes-panel h4,
      .website-technologies .technology-website-section .max-description {
          font-size: 16px
      }
      .joomla-services .services-includes-panel p {
          font-size: 14px;
          line-height: 20px
      }
      .node-optmal-panel .node-jd-blox h2 {
          font-size: 20px;
          text-align: left
      }
      .node-optmal-panel .node-jd-blox {
          min-height: 340px
      }
      .node-application .content-node-app {
          padding: 50px 20px;
          height: 400px
      }
      .node-application .content-node-app h3 {
          margin-bottom: 15px;
          font-size: 24px
      }
      .node-application .content-node-app li {
          margin: 0 0 5px;
          font-size: 19px
      }
      body .map-section #map_wrapper {
          height: 350px !important
      }
      .graphics-features h2,
      .reactnative-developer h2,
      .reactnative-services h2,
      .top-background-portion .background-portion-caption p {
          font-size: 24px;
          line-height: 24px
      }
      .clarity-fairness,
      .level-services,
      .reactnative-developer,
      .reactnative-services,
      .salesforce-development,
      .working-methology {
          padding: 40px 0
      }
      .sales-mobileapp .content-center {
          display: block;
          height: auto
      }
      .sales-mobileapp .content-center .center-table {
          display: block;
          vertical-align: middle
      }
      .sales-option .sales-option-panel h3 {
          font-size: 18px;
          margin-bottom: 10px
      }
      .e-cart {
          margin: -82px 0 -50px
      }
      .shopping-world h2 {
          margin-bottom: 0;
          font-size: 24px
      }
      .industry-solution .industry-solution-right h2,
      .shopping-world small,
      .website-technologies .technologies-services h2 {
          font-size: 24px;
          margin-bottom: 15px
      }
      .average-video-development .info-video,
      .video-promote .video-promote-panel {
          height: 200px;
          background-position: center
      }
      .average-video-development .content-center {
          padding-top: 30px
      }
      .portfolio-category-menu li a {
          font-size: 13px;
          padding: 5px 8px
      }
      .right-sec h1 {
          font-size: 40px
      }
      .video-promote .content-center {
          padding-top: 20px
      }
      .vr-game-develop-production .development-panel {
          min-height: 480px
      }
      .vr-project-management h2 {
          font-size: 24px;
          text-align: left
      }
      .new-wp-services .services-includes-panel h4 {
          height: auto;
          margin: 15px 0;
          font-size: 18px
      }
      .sales-enquiry .content-right h4 {
          margin: 6px 0 3px;
          font-size: 16px
      }
      .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel {
          min-height: 300px
      }
      .development-custom .transparent-black {
          display: block
      }
      .work-spotlight .owl-nav button.owl-prev {
          left: -22px
      }
      .work-spotlight .owl-nav button.owl-next {
          right: -22px
      }
      .top-background-portion .background-portion-caption .price-technology {
          font-size: 26px
      }
      .global-banner-slide h1 {
          font-size: 40px;
          margin: 0 0 5px;
          font-weight: 500
      }
      .global-banner-slide .hire-hourly .pound-rate {
          font-size: 20px;
          margin-bottom: 0
      }
      .global-banner-slide .domain {
          font-size: 16px;
          margin-bottom: 5px
      }
      .global-banner-slide .upfront-payment {
          font-size: 20px;
          margin-bottom: 10px
      }
      .global-banner-slide .dedicated-developer {
          font-size: 14px;
          font-weight: 700;
          margin-bottom: 10px;
          line-height: 20px
      }
      .global-banner-slide .nda-blox a {
          font-size: 14px;
          padding: 7px 20px;
          margin-bottom: 15px
      }
      .global-banner-slide .why-jploft {
          padding: 15px;
          max-width: 100%
      }
      .global-banner-slide .why-jploft li {
          margin: 0 0 5px;
          font-size: 14px;
          line-height: 20px
      }
      .global-banner-slide .why-jploft h2 {
          font-size: 24px;
          margin-bottom: 10px
      }
      .global-banner-slide .saving-sources {
          font-size: 20px
      }
      .global-banner-slide .saving-sources:before {
          margin-bottom: 10px
      }
      .top-background-portion .container-fluid,
      .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 {
          width: 100%
      }
      .row-backend-certified .certified-center li .image {
          display: block;
          vertical-align: middle;
          margin-right: 0
      }
      .row-backend-certified .certified-center li .image img {
          margin: 0 auto;
          width: 38px;
          padding-bottom: 12px
      }
      .row-backend-certified .certified-center li .text-right-side {
          text-align: center
      }
      .row-backend-certified .certified-center li {
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          line-height: 15px;
          border-right: 0
      }
      .top-background-portion .global-banner-slide .col-md-7 {
          width: 58.33333333%;
          float: left
      }
      .top-background-portion .global-banner-slide .col-md-5 {
          width: 41.66666667%;
          float: left
      }
      #large-header {
          height: 680px !important
      }
      .additional-bn {
          width: 220px
      }
      .design-dev {
          width: 250px;
          padding: 25px
      }
      .pr-lnch h4 {
          font-size: 22px
      }
      .additional-bn p {
          line-height: 20px
      }
      .pr-lnch {
          background: url(../img/prject-lnch.png) 0 0 / contain no-repeat;
          width: 300px;
          height: 392px;
          top: -100px;
          right: -30px;
          padding: 236px 20px 0
      }
      .pr-lnch p {
          line-height: 17px
      }
      .level-services h2 {
          margin-bottom: 25px;
          font-size: 24px
      }
      .level-services li {
          padding: 0 12px;
          font-size: 15px;
          width: 18%;
          border-right: 0;
          margin-bottom: 10px
      }
      .level-services li strong {
          font-size: 20px;
          margin: 10px 0
      }
      .level-services li img {
          width: 50px
      }
      .website-technologies .technology-website-section {
          height: 800px;
          padding: 20px
      }
      .website-technologies .technology-website-section .description {
          padding-bottom: 15px;
          margin-bottom: 15px;
          line-height: 20px
      }
      .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
          margin-bottom: 20px;
          font-size: 16px
      }
      .website-technologies .technologies-services {
          height: auto;
          padding: 20px
      }
      .website-technologies .technologies-services .technologies-services-panel ul {
          padding: 25px 0
      }
      .website-technologies .technologies-services .technologies-services-panel li {
          width: 49%;
          border: none !important;
          padding: 10px 35px;
          min-height: 165px
      }
      .industry-solution .industry-solution-panel li:nth-child(3),
      .industry-solution .industry-solution-panel li:nth-child(7),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(3),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(7) {
          border-left: 0
      }
      .industry-solution .industry-solution-panel li:nth-child(5),
      .industry-solution .industry-solution-panel li:nth-child(6),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(5),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(6) {
          border-bottom: 1px solid #dcdcdc
      }
      .industry-solution .industry-solution-panel li {
          width: 48%
      }
      .industry-solution .industry-solution-panel li a {
          padding: 11px;
          min-height: inherit
      }
      .industry-solution .industry-solution-panel li a span {
          margin-bottom: 0 !important
      }
      .industry-solution .industry-solution-right {
          text-align: center;
          padding: 20px
      }
      .industry-solution .industry-solution-content {
          padding: 20px;
          font-size: 16px;
          line-height: 20px
      }
      .industry-solution .industry-solution-content .description {
          margin-bottom: 15px
      }
      .industry-solution .industry-solution-content a {
          font-size: 16px;
          padding: 7px 20px;
          width: 100%;
          margin-bottom: 15px
      }
      .working-methology .center-position li .border-panel .white-bg {
          width: 84%
      }
      .working-methology .center-position li {
          margin: 0 0 20px
      }
      .clarity-fairness h2 {
          font-size: 24px;
          margin-bottom: 20px
      }
      .our-clients .client-logo-center li {
          margin: 0 5px
      }
      .clarity-fairness-panel .fairness-panel h3 {
          margin-bottom: 10px;
          min-height: auto;
          font-size: 18px
      }
      .traning-sec .gray-bg ul li {
          min-height: 291px !important
      }
      .traning-sec .icons {
          float: none !important;
          display: block;
          text-align: center
      }
      .traning-sec .icons img {
          margin: 0 auto
      }
      .traning-sec .content-sec {
          text-align: center;
          padding-left: 0 !important
      }
      .traning-sec .content-sec p {
          font-size: 14px;
          font-weight: 400;
          line-height: 24px
      }
      .node-application .node-app {
          background-size: 100%;
          height: 400px
      }
      .choose-wordpress-website li {
          margin: 0 4px 10px;
          width: 31%;
          min-height: 380px
      }
      section.skew-background.html-green .title-center h3 {
          font-size: 18px;
          font-weight: 300;
          line-height: 26px
      }
      .locations .col-md-3.col-sm-3:nth-child(2) {
          border-right: 0
      }
      .contact-instant .instant-blue-panel {
          padding: 20px
      }
      .contact-instant .instant-blue-panel h3 {
          font-size: 36px;
          color: #fff;
          margin: 0 0 10px
      }
      .new-custom-contact-form label {
          font-size: 14px
      }
      .banking-it-services .banking-it-panel {
          min-height: 460px
      }
      .newv-career-cover .newv-career-cover-caption {
          padding: 0 20px
      }
  }

  @media (max-width:979px) and (min-width:768px) {
      .e-cart .content-panel,
      .home-cover-top,
      .magento-four-square,
      .map-section {
          margin-top: 0
      }
      .mega-dropdown-menu .dropdown-header,
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu.hire-developer-dropdown li a {
          padding: 8px 0
      }
      .mt-0 {
          margin-top: -12px !important
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li a {
          margin: 0;
          display: block;
          border-bottom: 1px solid #ddd;
          font-size: 12px
      }
    
      .map-section iframe {
          height: 350px
      }
      .map-section .new-project-caption {
          padding: 20px 30px;
          width: 40%
      }
      .map-section .new-project-caption input[type="email"],
      .map-section .new-project-caption input[type="text"] {
          height: 34px
      }
      .map-section .new-project-caption input[type="submit"] {
          font-size: 22px;
          padding: 9px 10px
      }
      .map-section .new-project-caption h3 {
          margin-bottom: 10px;
          font-size: 19px
      }
      .map-section .new-project-caption textarea {
          height: 50px
      }
      .menu-top-position .custom-menu-dropdown li a {
          padding: 5px;
          font-size: 12px
      }
      .custom-menu-panel {
          margin-top: 24px
      }
      .right-panel-side {
          float: right
      }
      .mobile-site-header-number {
          position: absolute;
          left: 30px;
          z-index: 1050;
          top: 0;
          display: block
      }
      .mobile-site-header-number #contacttoggle {
          font-size: 14px;
          color: #fff;
          text-decoration: none
      }
      .site-right.contactclass {
          position: fixed;
          left: 0;
          width: 100%;
          padding: 15px;
          background: #f1f1f1 !important;
          top: 37px;
          z-index: 1050
      }
      #contactclose {
          position: absolute;
          right: 5px;
          top: 5px;
          font-size: 14px;
          background: red;
          padding: 0 5px;
          color: #fff
      }
      .mobile-site-header-number li {
          margin: 0 0 5px;
          padding: 0 0 5px;
          display: block;
          border-bottom: 1px solid #ddd
      }
      .mobile-site-header-number li:last-child {
          margin: 0;
          padding: 0;
          border-bottom: 0
      }
      .mobile-site-header-number li a {
          display: block;
          margin: 0;
          padding: 0;
          text-decoration: none;
          font-size: 12px;
          text-align: left;
          color: #000
      }
      .mobile-site-header-number li a span {
          display: inline-block;
          vertical-align: middle;
          margin-right: 3px;
          line-height: 20px
      }
      .custom-menu-panel .col-md-4 {
          width: 33.33%;
          float: left
      }
      .custom-menu-panel .col-md-6 {
          width: 50%;
          float: left
      }
      .top-background-portion {
          height: 250px;
          padding-bottom: 140px !important
      }
      .top-background-portion .background-portion-caption h1 {
          font-size: 35px;
          margin-bottom: 10px
      }
      .support-work-panel li a {
          margin: 0 5px;
          padding: 6px 10px;
          width: auto;
          font-size: 16px
      }
      .ups-section .border-blox p {
          margin: 0;
          min-height: auto
      }
      .ups-section .border-blox {
          padding: 35px 20px;
          min-height: 430px
      }
      .clarity-fairness,
      .client_says_testimomials,
      .contact-office-locations,
      .graphics-features,
      .hire-developer-programmer,
      .howitwork-section,
      .level-services,
      .our-clients,
      .salesforce-development,
      .why-wordpress,
      .working-methology,
      .wp-services,
      .write-us {
          padding: 40px 0
      }
      .newv-career-cover {
          background-size: auto;
          height: 350px;
          padding: 0;
          margin-top: 0
      }
      .center-achivement li span,
      .free-estimate input[type="submit"],
      .salesforce .background-portion-caption h1 sup {
          font-size: 15px
      }
      .develoment-staff .content-right .name,
      .joomla-services .services-includes-panel h4,
      .website-technologies .technology-website-section .max-description {
          font-size: 16px
      }
      .price-per-hour-section .web-price-panel .image {
          height: 180px
      }
      .magento-servicess-panel .col-md-4.col-sm-4:first-child,
      .magento-servicess-panel .col-md-4.col-sm-4:nth-child(2),
      .magento-servicess-panel .col-md-4.col-sm-4:nth-child(3),
      .price-per-hour-section .web-price-panel.blue,
      .price-per-hour-section .web-price-panel.darkgrey {
          margin-bottom: 20px
      }
      .hire-developer-section {
          padding: 50px 0
      }
      .career-section-hiring.graphics-features.video-services-gray .white-panel h3,
      .hire-software-developer .hire-software-developer h3 {
          height: 40px
      }
      .hire-software-developer .hire-software-developer {
          min-height: 420px
      }
      .center-achivement li {
          padding: 0 5px;
          border: 0
      }
      .hire-developer-section h2 {
          margin-bottom: 20px;
          font-size: 30px
      }
      .howitwork-section h2 {
          margin-bottom: 15px;
          font-size: 34px
      }
      .howitwork-section .howitwork-panel h3 span {
          float: left
      }
      .howitwork-section .howitwork-panel h3 {
          margin: 15px 0;
          font-size: 18px
      }
      .client_says_testimomials h2,
      .our-clients h2 {
          font-size: 34px
      }
      .develoment-staff .image-left {
          width: 25%
      }
      .develoment-staff .content-right {
          width: 60%
      }
      .ups-section .border-blox h3 {
          font-size: 20px;
          height: 40px
      }
      .quality-application-center .quality-col-grid .image-overflow {
          border: 8px solid rgb(255 255 255 / .3);
          width: 150px;
          height: 150px;
          padding-top: 20px
      }
      .quality-application-center .quality-col-grid .image-overflow img,
      .unity-bg .unitybanner-center img {
          width: 100px
      }
      .level-services h2,
      .skew-background .skew-top-dump h2 {
          margin-bottom: 25px;
          font-size: 24px
      }
      .accomplistment-center h2 {
          margin-bottom: 30px;
          font-size: 32px
      }
      .why-wordpress h2 {
          font-size: 24px;
          margin-bottom: 20px;
          line-height: 26px
      }
      .free-estimate h3 {
          font-size: 22px
      }
      .free-estimate {
          padding-left: 15px
      }
      .howitwork-section .howitwork-panel {
          min-height: 350px
      }
      .average-video-development .content-center h3,
      .game-development-platform h2,
      .graphics-transforms .content-pattern h3,
      .video-promote .content-center h3,
      .work-spotlight h2 {
          margin-bottom: 10px;
          font-size: 24px
      }
      #enquiry-form,
      .clarity-fairness-panel .fairness-panel h3 br,
      .global-banner-slide h1 br,
      .hire-developer-programmer .developer-panel .programmer-panel p br,
      .html-5-bg .background-portion-caption p,
      .industry-solution .industry-solution-content .description img,
      .jp-footer-panel-show,
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu.custom-infographic:before,
      .mobile-awards-gain,
      .salesforce-development .salesfore-service p br,
      .top-background-portion .background-portion-caption h1 br,
      .transparent-black,
      .working-methology .center-position li:after {
          display: none
      }
      .site-header-number {
          display: none !important
      }
      .head-top-bar {
          display: block;
          background: #000;
          padding: 5px 0;
          position: fixed;
          width: 100%;
          z-index: 99999
      }
      .head-top-bar .col-md-8 {
          float: left;
          width: 65%
      }
      .head-top-bar .col-md-4 {
          width: 35%;
          float: left
      }
      a.contact-btn {
          color: #fff;
          font-size: 13px;
          text-align: center;
          border: 1px solid #fff;
          padding: 4px 5px;
          margin-right: 15px
      }
      .right-text {
          text-align: right
      }
      .client_says_testimomials .owl-item .item iframe {
          height: 202px
      }
      .drupal-services .services-includes-panel img,
      .game-develop-production .development-panel img,
      .graphic-anim-section .white-panel img,
      .html-5-bg .html-icon-center img,
      .ios-logo-center img,
      .joomla-services .services-includes-panel img,
      .locations .location-panel img,
      .sales-option .sales-option-panel img,
      .salesforce .logo-center img {
          width: 80px
      }
      .drupal-services .services-includes-panel h4,
      .elearn-section .content-panel p,
      .game-develop-production .development-panel h4,
      .global-banner-slide .hire-hourly,
      .graphic-anim-section .white-panel h3,
      .magento-servicess-panel .services-includes-panel h4,
      .shopping-world .following-services h3,
      .unity-list-panel li,
      .unity-positive-development .unity-service-panel h3 {
          font-size: 18px
      }
      .android-section-develop .development-panel,
      section.graphics-features.video-services-gray .white-panel {
          min-height: 370px
      }
      .wp-services h2,
      .write-us h2 {
          margin-bottom: 20px;
          font-size: 24px
      }
      .customer-centric h2,
      .working-methology h2 {
          margin-bottom: 30px;
          font-size: 24px
      }
      .customer-centric .content-panel {
          margin-top: 10px
      }
      .angular-bg .background-portion-caption .logo-center img {
          width: 110px
      }
      .angular-js-panel .node-optmal-panel .node-jd-blox p {
          line-height: 22px;
          font-size: 14px
      }
      .angular-js-panel .node-optmal-panel .node-jd-blox h2 {
          font-size: 22px;
          text-align: left
      }
      .angular-js-panel .node-jd-blox {
          min-height: 490px
      }
      .skew-background {
          padding: 50px 0;
          margin: 0;
          top: 0
      }
      .skew-background .skew-top-dump p {
          font-size: 17px;
          margin-bottom: 15px
      }
      section.graphics-features.video-services-gray h2 {
          font-size: 24px;
          margin-bottom: 20px;
          line-height: 24px
      }
      .graphic-anim-section .white-panel {
          padding: 15px
      }
      .graphic-anim-section .white-panel p,
      .node-optmal-panel .node-jd-blox p {
          font-size: 14px;
          line-height: 22px
      }
      .augmented-shopping .aug-shopping h2 {
          font-size: 28px
      }
      .level-services li img,
      .magento-logo-center img,
      .web-php-services img {
          width: 50px
      }
      .magento-four-square img {
          width: 200px
      }
      .drupal-services .services-includes-panel {
          min-height: 280px;
          margin-bottom: 20px;
          text-align: left;
          padding: 10px
      }
      .drupal-services .services-includes-panel p,
      .graphics-transforms .content-pattern p,
      .joomla-services .services-includes-panel p {
          font-size: 14px;
          line-height: 20px
      }
      .e-cart {
          background-size: cover;
          padding: 50px 30px;
          height: auto;
          margin: 0 0 20px
      }
      .e-cart .content-panel h3 {
          font-size: 24px;
          line-height: 26px
      }
      .elearn-section .elearn-section-art {
          background-size: cover;
          background-position: center center;
          height: 410px
      }
      .elearn-section .content-panel {
          padding: 50px 30px 30px;
          height: 410px
      }
      .amazing-game-development h3,
      .contact-office-locations h2,
      .elearn-section .content-panel h2,
      .html-five-game-panel-one .content-center h3,
      .portfolio-panel .see-port h3,
      .sales-mobileapp .content-center .center-table h2,
      .salesforce-development .salesfore-service h2 {
          font-size: 24px
      }
      .learning-application-panel .left-panel {
          width: 16%;
          margin-right: 10px
      }
      .graphics-features h2,
      .node-application .content-node-app h3 {
          margin-bottom: 15px;
          font-size: 24px
      }
      .graphic-anim-section .white-panel {
          min-height: 320px
      }
      .graphics-transforms .content-pattern {
          padding: 30px
      }
      .html-5-bg .background-portion-caption {
          top: 28%
      }
      .top-background-portion .background-portion-caption .btn-lets {
          padding: 5px 30px;
          font-size: 15px;
          margin-top: 10px
      }
      .html-five-game-panel-one .content-center {
          margin: 0
      }
      .magento-bg .background-portion-caption {
          top: 30%
      }
      .magento-center .center-panel img,
      .magento-servicess-panel .services-includes-panel img {
          width: 70px
      }
      .why-wordpress-center .center-panel h4 {
          font-size: 18px;
          font-weight: 300
      }
      .magento-servicess-panel .services-includes-panel,
      .new-wp-services .services-includes-panel {
          min-height: 470px
      }
      .reactnative-bg .background-portion-caption,
      .unity-bg .background-portion-caption {
          top: 35%
      }
      .ios-game-development-panel .development-panel {
          min-height: 360px
      }
      .art-never-finished .black-panel-area {
          padding: 50px 30px
      }
      .art-never-finished .clipart-panel {
          background-size: cover;
          background-position: center
      }
      .art-never-finished .black-panel-area h3,
      .global-banner-slide .why-jploft h2 {
          font-size: 24px;
          margin-bottom: 10px
      }
      .art-never-finished .black-panel-area p {
          font-size: 18px;
          line-height: 26px
      }
      .game-development-platform .panel-platform-game img {
          margin: 0 auto;
          width: 60px
      }
      .joomla-services .services-includes-panel {
          min-height: 300px;
          padding: 15px
      }
      .node-optmal-panel .node-jd-blox h2 {
          font-size: 20px;
          text-align: left
      }
      .node-optmal-panel .node-jd-blox {
          min-height: 390px
      }
      .node-application .content-node-app {
          padding: 20px;
          height: 258px
      }
      .node-application .content-node-app li {
          margin: 0 0 5px;
          font-size: 19px
      }
      .node-application .node-app {
          height: 258px
      }
      .web-php-services li {
          margin: 0 5px
      }
      .web-php-services li span {
          margin-top: 5px;
          font-size: 11px
      }
      .reactnative-developer h2,
      .reactnative-services h2 {
          font-size: 24px;
          line-height: 24px
      }
      body .map-section #map_wrapper {
          height: 350px !important
      }
      .salesforce .background-portion-caption h1 {
          font-size: 30px;
          margin-bottom: 10px
      }
      .salesforce .background-portion-caption p {
          margin-bottom: 0
      }
      .salesforce .background-portion-caption a.green-free-estimate,
      .shopify-bg .background-portion-caption a.green-free-estimate {
          padding: 5px 20px;
          font-size: 15px
      }
      .sales-mobileapp .content-center {
          display: block;
          height: auto
      }
      .sales-mobileapp .content-center .center-table {
          display: block;
          vertical-align: middle
      }
      .sales-option .sales-option-panel h3,
      .top-background-portion .background-portion-caption .price-technology {
          font-size: 18px;
          margin-bottom: 10px
      }
      .shopping-world h2 {
          margin-bottom: 0;
          font-size: 24px
      }
      .shopping-world small,
      .website-technologies .technologies-services h2 {
          font-size: 24px;
          margin-bottom: 15px
      }
      .shopify-bg .background-portion-caption .logo-center img {
          width: 150px
      }
      .shopify-services .shopify-services-panel {
          min-height: 290px
      }
      .shopify-services .shopify-services-panel h4 {
          font-size: 19px
      }
      .average-video-development .info-video,
      .video-promote .video-promote-panel {
          height: 200px;
          background-position: center
      }
      .average-video-development .content-center {
          padding-top: 30px
      }
      .video-promote .content-center {
          padding-top: 20px
      }
      .vr-game-develop-production .development-panel {
          min-height: 570px
      }
      .vr-project-management h2 {
          font-size: 24px;
          text-align: left
      }
      .vr-game-bg .background-portion-caption {
          top: 45%;
          padding: 0 20px
      }
      .new-wp-services .services-includes-panel h4 {
          height: auto;
          margin: 15px 0;
          font-size: 18px
      }
      .sales-enquiry .content-right h4 {
          margin: 6px 0 3px;
          font-size: 16px
      }
      .contact-form input[type="submit"] {
          padding: 7px 22px;
          font-size: 16px
      }
      .contact-office-locations .locations .col-md-3.col-sm-3 {
          width: 50%;
          float: left;
          min-height: 190px
      }
      .conatact-map-location #map_wrapper1 {
          height: 450px
      }
      .codeigniter-bg .logo-center img {
          width: 120px
      }
      .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption {
          position: relative;
          bottom: 0
      }
      .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption img,
      .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 {
          width: 100%
      }
      .codeigniter-bg .background-portion-caption h1 {
          padding: 0 20px
      }
      .development-custom .transparent-black,
      .development-custom .transparent-black li span.image {
          display: block
      }
      .development-custom .transparent-black li {
          width: 49%;
          font-size: 18px;
          text-align: center;
          margin-bottom: 20px
      }
      .development-custom .transparent-black li span.text-right-side,
      .row-backend-certified .certified-center li .text-right-side {
          text-align: center
      }
      .development-custom .transparent-black li span.image img {
          margin: 0 auto;
          display: block
      }
      .hiring-button a.btn-black,
      .hiring-button a.btn-red {
          font-size: 12px;
          padding: 8px 15px
      }
      .career-section-hiring.graphics-features.video-services-gray .white-panel {
          min-height: 230px
      }
      .portfolio-category-menu li,
      .portfolio-graphic-animation .new-gallery {
          width: 32%
      }
      .top-background-portion .background-portion-caption p {
          font-size: 18px;
          line-height: 20px
      }
      .top-background-portion .background-portion-caption .latest-tech {
          font-size: 18px;
          margin-bottom: 5px
      }
      .top-background-portion .background-portion-caption .lets-talk {
          font-size: 16px;
          padding: 6px 25px
      }
      .global-banner-slide h1 {
          margin: 0 0 5px;
          font-weight: 500
      }
      .global-banner-slide .hire-hourly .pound-rate {
          font-size: 20px;
          margin-bottom: 0
      }
      .global-banner-slide .domain {
          font-size: 16px;
          margin-bottom: 5px
      }
      .global-banner-slide .upfront-payment {
          font-size: 20px;
          margin-bottom: 10px
      }
      .global-banner-slide .dedicated-developer {
          font-size: 14px;
          font-weight: 700;
          margin-bottom: 10px;
          line-height: 20px
      }
      .global-banner-slide .nda-blox a {
          font-size: 14px;
          padding: 7px 20px;
          margin-bottom: 15px
      }
      .global-banner-slide .why-jploft {
          padding: 15px;
          max-width: 100%
      }
      .global-banner-slide .why-jploft li {
          margin: 0 0 5px;
          font-size: 14px;
          line-height: 20px
      }
      .global-banner-slide .saving-sources {
          font-size: 20px
      }
      .global-banner-slide .saving-sources:before {
          margin-bottom: 10px
      }
      .row-backend-certified .certified-center li .image {
          display: block;
          vertical-align: middle;
          margin-right: 0
      }
      .row-backend-certified .certified-center li .image img {
          margin: 0 auto;
          width: 38px;
          padding-bottom: 12px
      }
      .row-backend-certified .certified-center li {
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          line-height: 15px;
          border-right: 0
      }
      .top-background-portion .global-banner-slide .col-md-7 {
          width: 58.33333333%;
          float: left
      }
      .top-background-portion .global-banner-slide .col-md-5 {
          width: 41.66666667%;
          float: left
      }
      .level-services li {
          padding: 0 12px;
          font-size: 15px;
          width: 20%;
          border-right: 0;
          margin-bottom: 10px
      }
      .level-services li strong {
          font-size: 25px;
          margin: 10px 0
      }
      .website-technologies .technology-website-section {
          height: 800px;
          padding: 20px
      }
      .website-technologies .technology-website-section .description {
          padding-bottom: 15px;
          margin-bottom: 15px;
          line-height: 20px
      }
      .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
          margin-bottom: 20px;
          font-size: 16px
      }
      .website-technologies .technologies-services {
          height: auto;
          padding: 20px
      }
      .website-technologies .technologies-services .container {
          width: auto
      }
      .website-technologies .technologies-services .technologies-services-panel li {
          width: 48%;
          border: none
      }
      .website-technologies .technologies-services .technologies-services-panel li:first-child,
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(2),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(3),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(5),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(6),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(7) {
          border: none
      }
      .industry-solution .industry-solution-right h2 {
          font-size: 19px;
          margin-bottom: 15px
      }
      .industry-solution .industry-solution-panel li,
      .working-methology .center-position {
          width: 48%
      }
      .industry-solution .industry-solution-right {
          text-align: center;
          padding: 20px
      }
      .industry-solution .industry-solution-panel li a {
          padding: 0 11px;
          min-height: 115px
      }
      .industry-solution .industry-solution-panel li a span {
          margin-bottom: 0 !important
      }
      .industry-solution .industry-solution-panel li:nth-child(3),
      .industry-solution .industry-solution-panel li:nth-child(7) {
          border-left: 0
      }
      .industry-solution .industry-solution-panel li:nth-child(5),
      .industry-solution .industry-solution-panel li:nth-child(6) {
          border-bottom: 1px solid #dcdcdc
      }
      .industry-solution .industry-solution-content {
          height: 561px;
          padding: 20px;
          font-size: 16px;
          line-height: 20px;
          background-size: cover
      }
      .industry-solution .industry-solution-content .description {
          margin-bottom: 15px
      }
      .industry-solution .industry-solution-content a {
          font-size: 16px;
          padding: 7px 20px;
          width: 100%;
          margin-bottom: 15px
      }
      .working-methology .clerty {
          width: 50%;
          padding-right: 80px;
          margin-top: 10px
      }
      .working-methology .center-position li .border-panel .white-bg {
          width: 83%
      }
      .working-methology .center-position li {
          margin: 0 0 20px
      }
      .working-methology .center-position li p {
          min-height: auto
      }
      .clarity-fairness h2 {
          font-size: 24px;
          margin-bottom: 20px
      }
      .clarity-fairness-panel .fairness-panel h3 {
          margin-bottom: 10px;
          min-height: auto;
          font-size: 18px
      }
      .world-map .owl-item .item iframe {
          width: 100%;
          height: 225px;
          margin: 0 auto
      }
      .work-spotlight .owl-nav button.owl-prev {
          left: -22px
      }
      .work-spotlight .owl-nav button.owl-next {
          right: -22px
      }
      .choose-wordpress-website li {
          margin: 0 4px 10px;
          width: 31%;
          min-height: 390px
      }
      .fixed {
          top: 37px;
          background: #fff
      }
      .magento-services-includes .magento-services-panel {
          min-height: 440px
      }
      section.skew-background.html-green .title-center h3 {
          font-size: 18px;
          font-weight: 300;
          line-height: 26px
      }
      .locations .col-md-3.col-sm-3:nth-child(2) {
          border-right: 0
      }
      .contact-instant .instant-blue-panel {
          padding: 20px
      }
      .contact-instant .instant-blue-panel h3 {
          font-size: 36px;
          color: #fff;
          margin: 0 0 10px
      }
      .new-custom-contact-form label {
          font-size: 14px
      }
      .portfolio-panel .see-port h4 {
          font-size: 36px
      }
      .portfolio-panel .see-port {
          display: block;
          width: 100%;
          min-height: auto
      }
      .portfolio-panel .port-content-panel {
          display: block;
          vertical-align: middle;
          width: 100%;
          text-align: center;
          margin-top: 20px
      }
      .portfolio-panel .port-content-panel p {
          color: #a0a0a0;
          font-size: 16px;
          line-height: 24px
      }
      .banking-it-services .banking-it-panel {
          min-height: 460px
      }
      .trustworthy-sec .col-md-8 {
          padding-top: 0
      }
      .portfolio-graphic-animation .demo {
          height: 150px !important
      }
  }

  @media (min-width:768px) and (max-width:1024px) {
      a.goingTotop {
          width: auto !important
      }
      .form-group.roboto-sec .text-right {
          text-align: center;
          margin-top: 15px
      }
      .b2b-gray-section ul li h3,
      .checkbox-container {
          padding-left: 60px
      }
      .checkbox-container .checkmark {
          left: 35px
      }
      .myFile {
          float: none;
          padding: 0 15px 0 35px
      }
      .bluebox,
      .greenbox,
      .pinkbox,
      .torqbox,
      .violetkbox {
          padding: 15px;
          min-height: 380px;
          margin-bottom: 20px
      }
      .global-footer.contact-footer-bg .contact-form-box {
          background-color: #fff;
          border-radius: 5px;
          padding: 30px 25px;
          min-height: 565px;
          margin-right: 0;
          margin-top: 20px;
          margin-bottom: 15px
      }
      .b2b-feature-sec .row,
      .healthcare-gray-sec .col-md-6,
      .healthcare-gray-sec .row,
      .mooving-classroom-sec .col-md-6,
      .mooving-classroom-sec .row,
      .new-contact-us-bg .col-md-5,
      .new-contact-us-bg .col-md-7,
      .new-contact-us-bg .row,
      .traning-sec .col-md-6,
      .travel-accompanying-sec .col-md-6,
      .travel-accompanying-sec .row,
      .travel-hospitality-sec .col-md-6,
      .travel-hospitality-sec .row,
      .yii-development-sec .row {
          display: block
      }
      .contact-footer-bg .awards-list ul li {
          display: inline-block;
          border: none;
          width: 70px
      }
      .top-banner-inner-automotive h1.yellow {
          color: #6dc909 !important;
          margin-top: 20px
      }
      .top-banner-inner-automotive .why-jploft {
          max-width: 100%;
          margin-top: 25px
      }
      .automotive-service .inner-box {
          min-height: 315px
      }
      .top-banner-inner-automotive h3 {
          padding-bottom: 10px !important
      }
      .greenbox {
          border-left: 6px solid #b5b68c
      }
      .bluebox {
          border-left: 6px solid #b7c2d2
      }
      .torqbox {
          border-left: 6px solid #b7d1d0
      }
      .pinkbox {
          border-left: 6px solid #fb7c90
      }
      .violetkbox {
          border-left: 6px solid #decee5
      }
      .b2c-solution-sec .row {
          display: block;
          margin: 0;
          width: 100%
      }
      .top-banner-inner-b2c {
          height: 350px;
          padding-top: 122px
      }
      .b2c-solution-sec .col-md-6 {
          display: block;
          padding: 0
      }
      .b2c-solution-sec .solution-bg,
      .yii-development-sec .development-bg {
          height: 450px
      }
      .top-banner-inner-startup {
          height: auto;
          padding: 40px 0
      }
      .startup-benar-bottom-sec ul li {
          padding: 0
      }
      .top-banner-inner-laravel {
          height: auto;
          margin: 0 -15px
      }
      .banneroverlay-laravel .inner-content .logo {
          max-width: 130px;
          margin: 0 auto
      }
      .banneroverlay-laravel {
          text-align: center;
          left: 0;
          z-index: 8;
          bottom: 0;
          width: 100%;
          height: auto;
          -ms-transform: skew(0deg, 0deg);
          -webkit-transform: skew(0deg, 0deg);
          transform: skew(0deg, 0deg);
          margin-left: 0;
          background-color: #e22828
      }
      .banneroverlay-laravel::before,
      .moodels-theme-sec .gray-bg::before,
      .moodels-theme-sec .yellow-bg::before {
          content: none
      }
      .banneroverlay-laravel .inner-content {
          padding: 50px;
          -ms-transform: skew(0deg, 0deg);
          -webkit-transform: skew(0deg, 0deg);
          transform: skew(0deg, 0deg);
          margin-left: 0
      }
      .codding-l img {
          margin: 0 -15px 0 auto;
          display: block
      }
      .codding-l {
          padding: 20px 0 0 15px;
          margin-right: 0
      }
      .coding-text {
          text-align: center;
          max-width: 750px;
          margin: 15px auto 0
      }
      .banner-title h3 {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          padding: 0 15px 25px 10px
      }
      .banner-top-caption-global h2 {
          font-size: 42px;
          font-weight: 400;
          line-height: 48px
      }
      .top-banner-inner-cakephp,
      .top-banner-inner-moodel,
      .top-banner-inner-yii {
          height: 350px
      }
      .banner-top-caption-global {
          position: absolute;
          top: 15%;
          padding: 10px
      }
      .banner-top-caption-global h4 {
          font-size: 18px;
          font-weight: 400;
          line-height: 28px
      }
      .cakephp-sec h2 {
          font-size: 30px;
          font-weight: 300
      }
      .trustworthy-sec h2 {
          padding: 30px 0
      }
      .right-sidebar {
          background-color: #dddcdd;
          overflow: hidden;
          margin-top: 30px;
          padding: 40px 0
      }
      .tool-sec {
          padding: 20px 0 30px
      }
      .moodels-banner img,
      .yii-logo {
          margin: 0 auto;
          padding-top: 75px
      }
      .tool-sec .item-box {
          padding: 15px;
          min-height: 350px;
          margin-top: 30px;
          background-color: #f6eff4
      }
      .industries-serve-sec .inner-box {
          padding: 18px;
          min-height: 115px
      }
      .hirecakephp-sec {
          top: inherit
      }
      .hirecakephp-sec .inner-box {
          padding: 30px 25px 20px
      }
      .moodels-theme-sec .gray-bg,
      .moodels-theme-sec .yellow-bg {
          margin: 0 -10px;
          padding: 20px 25px 50px
      }
      .global-typo h2 {
          font-size: 24px;
          font-weight: 300;
          line-height: 30px
      }
      .global-typo h1 {
          font-size: 42px;
          font-weight: 300;
          line-height: 48px
      }
      .global-typo h3 {
          font-size: 18px !important;
          font-weight: 400;
          line-height: 24px
      }
      .moodels-banner img {
          display: block;
          max-width: 645px
      }
      .yii-feature-sec .feature-box {
          padding: 15px;
          margin-top: 30px;
          min-height: 466px
      }
      .yii-logo {
          max-width: 130px
      }
      .yii-development-sec .yellow-bg {
          padding: 55px 0 50px 30px
      }
      .realstate-support-section ul li h3 {
          color: #b6d7fd;
          font-size: 36px;
          height: 50px;
          line-height: 24px;
          text-align: center
      }
      .realstate-support-section ul li p {
          color: #fff;
          font-size: 17px;
          line-height: 23px;
          text-align: center
      }
      .realstate-development-sec .red-bg {
          background-color: #e5001b;
          padding: 50px 40px;
          position: relative;
          min-height: auto
      }
      .inner-content {
          padding: 50px 40px
      }
      .project-bg-inner {
          height: auto
      }
      .top-banner-inner-realstate,
      .top-banner-inner-travel {
          height: 350px;
          padding-top: 120px
      }
      .b2b-industry-select-sec ul li {
          width: 25%
      }
      .b2b-feature-sec .feature-left-bg {
          min-height: 500px
      }
      .top-banner-inner-b2b {
          height: 350px;
          padding: 140px 15px 0
      }
      .b2b-gray-section ul li .icons {
          float: left;
          width: 60px
      }
      .b2b-gray-section ul li {
          min-height: 225px
      }
      .travel-accompanying-right-bg .inner-content,
      .travel-hospitality-left-bg .inner-content {
          padding: 30px;
          max-width: 100%
      }
      .travel-hospitality-left-bg ul {
          margin: 40px 0 0;
          padding: 0
      }
      .top-banner-inner-healthcare {
          height: 350px;
          background-position: center;
          position: relative;
          padding-top: 140px
      }
      .mobile-img img {
          margin: 20px auto 0;
          display: block
      }
      .healthcare-green-sec .inner-box-blue,
      .healthcare-green-sec .inner-box-green {
          margin: 15px auto
      }
      .healthcare-caption {
          max-width: 550px;
          margin-left: 49px
      }
      .healthcare-green-sec .inner-box-blue p,
      .healthcare-green-sec .inner-box-green p {
          min-height: auto
      }
      .top-banner-inner-restaurent {
          height: 350px;
          padding-top: 130px
      }
      .yii-development-sec .col-md-6 {
          display: block;
          margin-right: 0
      }
      .yii-development-sec .yellow-bg .content-inner {
          padding-left: 40px
      }
      .elearning-tool h3.red-color,
      .finance-welcome-sec .right-list {
          padding-left: 0
      }
      .top-banner-inner-finance {
          height: 350px;
          position: relative;
          padding-top: 116px
      }
      .white-sec-education {
          padding: 20px
      }
      .traning-sec .row {
          margin: 0;
          display: block
      }
      .mooving-classroom-sec .mooving-bg,
      .traning-sec .traning-bg {
          height: 500px
      }
      .elearning-tool .col-md-6 {
          padding: 0 15px
      }
      .seo-business-sec ul li {
          padding: 15px;
          min-height: 330px
      }
      .seo-expert-sec .inner-box {
          background-color: rgb(58 58 58 / .05);
          padding: 20px;
          margin-bottom: 30px;
          min-height: 485px
      }
      .top-banner-inner-seo .why-jploft {
          max-width: auto;
          margin-top: 25px
      }
  }

  @media (min-width:768px) and (max-width:990px) {
   
      .dropdown-jpl {
          width: 100% !important;
          margin: 0 auto;
          border-radius: 0 0 5px 5px
      }
     
      .dropdown-menu {
          padding-left: 10px
      }
      .dropdown-menu .dropdown-menu {
          padding-left: 20px
      }
      .dropdown-menu .dropdown-menu .dropdown-menu {
          padding-left: 30px
      }
      li.dropdown.open {
          border: 0 solid red
      }
    
      .menu-top-position.fixed {
          animation: auto
      }
      .menu-top-position {
          position: fixed;
          height: 60px;
          border-bottom: 1px solid #ddd;
          top: 36px;
          background: #fff
      }
      .menu-top-position .custom-menu-dropdown li a {
          color: #000 !important;
          text-align: left;
          border-top: 1px solid #ddd;
          padding: 10px 0 10px 10px
      }
      .menucustom.jpl {
          margin-bottom: 0;
          margin-top: 0;
          text-align: left
      }
  
	  
      .menu-top-position a.navbar-brand img {
          width: 80px
      }
   
	  
      .fixed .in {
          height: 100% !important;
          overflow-y: scroll !important
      }
      .menu-top-position .custom-menu-dropdown ul.nav.navbar-nav {
          margin: 0;
          display: none
      }
      .menucustom {
          background: #fff
      }
      .mega-dropdown {
          position: relative !important
      }
      .menu-top-position .custom-menu-dropdown li.hdr_phone a {
          color: #fff !important
      }
      .menu-top-position .custom-menu-dropdown li a .caret {
          float: right;
          position: relative;
          top: 8px
      }
      .menu-panel-list {
          padding: 20px 0;
          margin-top: 10px;
          overflow-y: scroll;
          height: auto;
          position: relative
      }
      .menu-top-position .custom-menu-dropdown li a .arrow-right {
          border-left: 1px solid #ddd;
          float: right;
          height: 40px;
          margin-top: -10px;
          padding-left: 15px;
          padding-right: 15px;
          padding-top: 14px;
          border-right: 1px solid #ddd;
          font-size: 20px
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li a {
          border-top: 0;
          background: 0 0 !important
      }
      .menu-top-position .custom-menu-dropdown li a:hover {
          background: 0 0;
          color: #ED1F24
      }
      .navbar-inverse .navbar-nav>.open>a,
      .navbar-inverse .navbar-nav>.open>a:focus,
      .navbar-inverse .navbar-nav>.open>a:hover {
          color: red;
          background-color: #fff0;
          border-bottom: 1px solid #ddd
      }
      .customcrose {
          font-size: 22px;
          position: absolute;
          right: 0;
          display: none;
          top: 15px
      }
      .navbar-nav .open .dropdown-menu {
          position: static;
          float: none;
          width: auto;
          margin-top: 0;
          background-color: #fff0;
          border: 0;
          -webkit-box-shadow: none;
          box-shadow: none
      }
      .navbar-nav .open .dropdown-menu .dropdown-header,
      .navbar-nav .open .dropdown-menu>li>a {
          padding: 5px 15px 5px 0
      }
      .navbar-nav .open .dropdown-menu>li>a {
          line-height: 20px
      }
      .navbar-nav .open .dropdown-menu>li>a:focus,
      .navbar-nav .open .dropdown-menu>li>a:hover {
          background-image: none
      }
      .navbar-form .form-group {
          margin-bottom: 5px
      }
      .navbar-form .form-group:last-child {
          margin-bottom: 0
      }
  }

  @media (max-width:1199.98px) {
      h2,
      .cntct-strp h4,
      .rnk-bsns h2,
      .abt-jplft h4,
      .service_restimonial_head h4,
      .abt-jplft h4,
      .service_restimonial_head h4 {
          font-size: 35px
      }
      #grocery-banner .gro-form .bodysec .addfile:after,
      .ftr-section .addfile:after {
          width: 98px
      }
      h4,
      .rnk-bsns-bg h5,
      .about-txt {
          font-size: 18px
      }
      .busn-txt h5,
      .port-desc h4 {
          font-size: 22px
      }
      .sld_sec {
          height: auto
      }
      #grocery-banner .pdng-cntnr {
         padding: 45px 40px 4px;
      }
      .busn-txt p,
      .rnk-bsns-bg p,
      .abt-jplft ul li {
          font-size: 14px;
          line-height: 22px
      }
      .clutch_para_verify {
          font-size: 14px
      }
      .rnk-bsns p,
      .cntct-strp p,
      a.btn {
          font-size: 16px
      }
      .scl-fix-dt {
          padding: 0
      }
      body {
          font-size: 14px
      }
      .slider-heading h1 {
          width: 80%
      }
      .breadcrumb_sec {
          top: 50px;
          padding: 4px 0 3px
      }
      .home_page_main_heading {
          width: 80%
      }
      .t_img {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 30px;
          height: 30px
      }
      img.st-1-img {
          right: -30px;
          width: 130px
      }
      .dvp-tst h3,
      .ofc-joim h3 {
          font-size: 20px
      }
      .ofc-joim {
          padding: 15px;
          min-height: 610px
      }
      .why-join-us .ofc-joim {
          min-height: 370px
      }
      .ofc-joim p {
          font-size: 14px;
          line-height: 24px
      }
      .intre-step-slid h2 {
          font-size: 66px
      }
      #grocery-banner .gro-text .number-ftr img,
      .grt-3:before,
      .ssttpp {
          width: 100%
      }
      .intrt-stpes {
          width: 100%;
          padding: 10px 0
      }
      .ssttpp {
          margin-left: auto
      }
      .clist-trst {
          left: 10%
      }
      .tsibog {
          height: 552px
      }
      .tsibog img {
          max-width: 100%
      }
      #grocery-banner .gro-text .comman-ftr {
          width: 32%;
          padding: 10px 20px;
          margin-right: 15px
      }
      #grocery-banner .gro-text .number-ftr {
          bottom: -20px;
          width: 35px;
          height: auto
      }
      .portfolio-bg {
          height: 510px
      }
      .portfolio_cat.port_fixed {
          top: 25px
      }
      .casestdy_itm_con {
          padding: 20px
      }
      .casestdy_itm_meta {
          margin: 8px 0 6px
      }
      .casestudy_download {
          margin-top: 10px
      }
      .casestdy_itm_con h5 {
          font-size: 13px
      }
      .casestudy_bnr_con h1 {
          font-size: 38px
      }
      .casestudy_bnr_cat {
          padding: 10px 15px
      }
      .casestudy_bnr_cat h5 {
          font-size: 17px
      }
      .casestudy_bnr_con p {
          font-size: 15px
      }
      .team_timeline_con h3 {
          font-size: 35px
      }
      .team_timeline_con p {
          font-size: 14px
      }
      .team_timeline_con {
          padding: 15px 20px
      }
      .team_timeline_ic {
          flex: 0 0 180px;
          padding: 20px
      }
      .color_typography_meta_itm {
          width: 100px;
          margin-left: 20px;
          font-size: 18px
      }
      .thanks_sec {
          padding: 50px 0 110px
      }
      .thanks_content {
          max-width: 767px
      }
      .timeline_cont_box h3 {
          font-size: 18px
      }
      .timeline_cont_box p {
          font-size: 15px
      }
      .thankyou-timeline ul li {
          padding-left: 90px
      }
  }

  @media screen and (max-width:1024px) {
      .resume-mdl-snd {
          max-width: 100% !important;
          margin: 0 auto !important
      }
      .sml-im-vd {
          display: none
      }
      .port-secs {
          padding: 50px 0
      }
      .abt-jplft ul {
          z-index: 9;
          position: relative
      }
      .testi-mon {
          margin-top: 150px !important
      }
      .clnt {
          min-height: 120px
      }
      .ilo-business.vehicle_tracking .movie_effect h2,
      .movie_effect h2 {
          font-size: 38px
      }
      .vehicle_tracking.make_app h2 {
          margin: 0 0 20px
      }
      .vehicle_tracking.heading_block h2 {
          margin: 50px 0 0
      }
      .vehicle_trackingpage.case_studybanner {
          height: auto;
          padding: 100px 0 60px
      }
      .studies.heading_block h2 {
          margin: 47px 0 30px
      }
      .case_studies_section {
          margin: 0 0 150px
      }
      .movie_effect p,
      .razer p {
          font-size: 14px
      }
      .heading_block h2 {
          font-size: 30px
      }
      .case_studybanner {
          background: url(../img/Group60.png);
          height: auto;
          margin: 0;
          padding: 120px 0 40px;
          z-index: 9999
      }
      .casestdy-main .bnnerr span,
      .ilo-business.vehicle_tracking .movie_effect,
      .m_hidden.contentmask img,
      .port-category-head,
      .solution-bnr.real-sec h1 {
          margin-top: 0
      }
      .challanges {
          margin: 30px 0 0
      }
      .challanges h2 {
          font-size: 27px;
          margin: 11px 0 15px
      }
      .it_works1 h3::after {
          left: -15px;
          top: -9px
      }
      .complete_section.result p {
          font-size: 13px
      }
      .razer h2 {
          font-size: 24px
      }
      .fresh_product {
          margin-bottom: 50px
      }
      .fresh_project h2 {
          font-size: 50px
      }
      .movie_effect:first-child img {
          width: 100px
      }
      .btn_android {
          padding: 10px;
          width: 230px;
          margin: 20px 0
      }
      .razer {
          margin: 40px 15px 0
      }
      .essence img {
          display: inline-block
      }
      .group_11 img {
          margin: 40px auto 0
      }
      .essence {
          text-align: center
      }
      .result h3 {
          font-size: 20px
      }
      .ilo-business.vehicle_tracking .vehicle_track.movie_effect p {
          line-height: 23px
      }
      .best-meditation-app .case_studybanner {
          height: auto;
          padding: 80px 0 40px;
          background-size: cover
      }
      section.binzilla.tsibog.mart div#demo {
          bottom: -55px !important
      }
      .vehicle_tracking.complete_section.result.eks div#demo {
          bottom: -40px !important
      }
      .casestdy-main .study-box-in p {
          font-size: 14px;
          line-height: 22px
      }
      .casestdy-main .bnnerr {
          background-size: contain;
          padding: 90px 0;
          min-height: 450px
      }
      .casestdy-main .bnnerr p {
          font-size: 20px;
          font-weight: 300;
          line-height: 31px
      }
      .solution-bnr.auto-sec h1 {
          margin-top: 25px
      }
      .solution-bnr {
          background-size: inherit;
          min-height: 842px
      }
      .d-soltions,
      .solution-bnr.bc-develop h1 {
          margin-top: 30px
      }
      .dev-process-bx {
          min-height: 301px
      }
      .solution-bnr.Startup h1 {
          font-size: 40px
      }
      .solution-bnr.resto-rent h1 {
          font-size: 40px;
          margin-top: 0
      }
      .solution-bnr.fin-ban h1,
      .solution-bnr.medi-cal h1 {
          margin-top: 50px
      }
      .solution-bnr.resto-rent {
          min-height: 815px
      }
      .d-soltions.Innovative h2 {
          font-size: 32px
      }
      .srvces-bnr-ios {
          background-position: -300px bottom;
          min-height: 722px
      }
      .bnftt img {
          max-width: 110%;
          margin-top: 60px
      }
      .solution-bnr.srvces-bnr-high,
      .solution-bnr.srvces-bnr-magento,
      .solution-bnr.srvces-bnr-shopify {
          min-height: 500px;
          margin-bottom: 30px
      }
      .solution-bnr.srvces-bnr-eco-mer h1 {
          color: #fff;
          font-size: 40px
      }
      .solution-bnr.srvces-bnr-eco-mer p {
          color: #fff
      }
      .solution-bnr.srvces-bnr-Uni,
      .solution-bnr.srvces-bnr-Unity,
      .solution-bnr.srvces-bnr-argame {
          min-height: 500px
      }
      .solution-bnr.srvces-bnr-gra,
      .solution-bnr.srvces-bnr-web {
          min-height: 530px;
          margin-bottom: 30px
      }
      .home-portfolio-content-section {
          min-height: inherit;
          padding: 130px 15px
      }
      .level-services .srvc_l {
          width: 38%
      }
      .blog-section .featured-blog .infor h3 {
          width: 68%
      }
      .portfolio-category-menu a {
          padding: 15px 10px;
          width: 145px;
          font-size: 13px
      }
      .portfolio_cat.port_fixed .portfolio-category-menu a {
          padding: 10px
      }
      .dvp-tst {
          padding: 20px
      }
      .dvp-tst a {
          font-size: 16px;
          bottom: 20px
      }
      .team_timeline_ic {
          flex: 0 0 160px;
          padding: 15px
      }
      .team_timeline_con span,
      .technology_tools_itm_con {
          font-size: 14px
      }
      .technology_tools_itm {
          padding: 15px 10px
      }
      .project_overview_img {
          padding-right: 0
      }
      .goals_objectives_con {
          padding: 30px
      }
  }

  @media screen and (max-width:991.98px) {
      #grocery-banner .gro-form .bodysec .addfile:after,
      .ftr-section .addfile:after {
          width: 98px
      }
      .banner_img_s {
          max-width: 80%;
          margin: 30px auto 0
      }
      
      .hdde{
          display:none;
      }
      
      .benifts .bnftt img {
          max-width: 140px
      }
      .abt-srvc h3 br {
          display: none
      }
      .abt-srvc h3 {
          font-size: 28px
      }
      .abt-dtl h2 {
          font-size: 28px;
          line-height: 1.5;
          margin-top: 0
      }
      .new-contact-us-bg .col-md-5,
      .new-contact-us-bg .col-md-7 {
          max-width: 100%;
          width: 100%
      }
      .upload-dtl-resm {
          padding: 30px 40px
      }
      .casestdy-main .bnnerr,
      .solution-bnr {
          background-size: cover
      }
      .portfolio-category-menu .tech-icons,
      .right-sec h1 {
          text-align: center
      }
      .dtl-hvr {
          height: 220px;
          padding: 15px
      }
      .slider-heading h1 {
          font-size: 40px;
          margin: 0 auto 13px
      }
      .home_page_main_heading {
          font-size: 45px
      }
      .slider-heading p {
          font-size: 16px;
          margin: 25px auto -10px
      }
      .abt-jplft ul {
          z-index: 9;
          position: relative;
          margin-bottom: 60px;
          margin-top: 40px
      }
      .testi-mon {
          margin-top: 80px !important
      }
      .nmbrs {
          font-size: 30px;
          margin-bottom: 50px
      }
      .count-up p,
      .hom-new .btn-primary,
      .nmbrs span {
          font-size: 13px
      }
      .abt-jplft .col-md-6,
      .row.we-re-jp .col-md-5,
      .row.we-re-jp .col-md-6 {
          max-width: 100% !important;
          flex: none
      }
      /* .abt-jplft:after,
      .app-solution:after,
      .bnftt,
      .bsns-solutn br,
      .design-dev h4 br,
      .errow-con,
      .essence img,
      .right-sec h1 br,
      .row.we-re-jp .col-md-1 {
          display: none
      } */
      .nmbrs small {
          font-size: 28px;
          top: -13px
      }
      .nmbrs:after {
          left: 98%
      }

      .bnftt{
        text-align: center;
      }
      .stat-vid {
          padding: 90px 0;
          margin-top: 60px
      }
      .port-desc p {
          font-size: 16px;
          line-height: 26px
      }
      #grocery-banner .gro-form,
      .abt-jplft {
          padding: 50px 0
      }
      .we-re-jp p {
          margin: 0 0 30px
      }
      .port-secs {
          padding: 30px 0
      }
      .clnt {
          padding: 5px;
          margin: 10px;
          min-height: 100px
      }
      .industries-dtl,
      .why-join-us p {
          margin-bottom: 20px
      }
      .busn-txt h5,
      .razer h2,
      .rnk-bsns-bg h5 {
          font-size: 22px
      }
      .rnk-bsns-bg p {
          font-size: 15px;
          line-height: 22px
      }
      .busn-txt {
          padding: 30px 20px;
          min-height: 330px
      }
      .industries-txt,
      .intre-step-slid {
          padding: 30px 15px
      }
      .blog-sec h5 {
          font-size: 18px;
          line-height: 30px;
          font-weight: 600
      }
      .blog-sec .busn-txt span {
          font-size: 14px;
          left: 20px;
          line-height: 40px
      }
      .busn-txt span {
          font-size: 23px;
          width: 50px;
          height: 50px;
          line-height: 53px
      }
      .industries-txt p {
          font-size: 13px;
          line-height: 18px
      }
      .fre-cont {
          display: flex;
          align-items: center;
          text-align: left
      }
      .for-moble,
      .left-sec,
      .navbar-toggle {
          display: block
      }
      .slider-section .pplr-logos .col {
          flex-basis: auto;
          flex-grow: inherit;
          width: 25%
      }
      .count-up h3,
      .solution-bnr.srvces-bnr-cordinaters h1,
      .solution-bnr.srvces-bnr-mood h1,
      .solution-bnr.trav-pt h1,
      h2.counter-count {
          font-size: 30px
      }
      img.st-1-img {
          width: 80px
      }
      .intre-step-slid h2 {
          font-size: 55px
      }
      .intre-step-slid {
          min-height: 360px
      }
      .why-join-us p {
          font-size: 14px;
          line-height: 1.5
      }
      .intre-step-slid span {
          margin: 20px 0 50px
      }
      .ofc-joim {
          min-height: 290px !important
      }
      .why-join-us .ofc-joim {
          min-height: unset !important
      }
      .dvp-tst a {
          margin-top: 30px;
          font-size: 16px
      }
      .group_11 img {
          max-width: 75%;
          margin-top: 50px
      }
      .logitech.razer h3,
      .solution-bnr h1,
      .solution-bnr.auto-sec h1,
      .solution-bnr.b2-sec h1 {
          margin-top: 0
      }
      .ilo-business.vehicle_tracking .vehicle_trackingpage.case_studybanner {
          padding-bottom: 50px
      }
      .ilo-business .vehicle_tracking.group_11 img {
          margin: 30px auto
      }
      .m_hidden.contentmask img {
          margin-top: 35px
      }
      .solution-bnr.srvces-bnr-mood h1 span,
      .solution-bnr.srvces-bnr-react h1,
      .vehicle_track.movie_effect h2 {
          font-size: 38px
      }
      .best-meditation-app .m_hidden.contentmask img {
          margin-top: 90px
      }
      .razer {
          margin: 10px 15px 0
      }
      .tsibog-bnr a {
          max-width: 190px
      }
      .tsibog_wrap .whatwe-did .col-md-5 img {
          max-width: 100%;
          display: inline-block
      }
      .btn_and-tsi {
          margin: 25px 20px 0 0
      }
      .btn_and-tsi h3 {
          font-size: 16px !important
      }
      .vehicle_tracking.complete_section.result.eks div#demo {
          bottom: -90px !important
      }
      .vehicle_tracking.complete_section.result.eks ul {
          margin-left: -35px !important
      }
      .solution-bnr.Startup,
      .solution-bnr.b2-sec,
      .solution-bnr.bc-develop,
      .solution-bnr.fin-ban,
      .solution-bnr.medi-cal,
      .solution-bnr.media-part,
      .solution-bnr.real-sec,
      .solution-bnr.trav-pt {
          background-size: cover !important
      }
      .casestdy-main .study-box-in {
          position: inherit;
          border-radius: 0 0 15px 15px
      }
      .casestdy-main .study-box {
          overflow: hidden
      }
      .clutch_sec_head_rating {
          flex: 0 0 100%;
          margin-top: 20px
      }
      #grocery-banner h1,
      .solution-bnr.fin-ban h1 {
          font-size: 36px
      }
      #grocery-banner p {
          font-size: 16px
      }
      #grocery-banner .gro-text h2 {
          font-size: 24px
      }
      #grocery-banner .gro-form .request-form {
          width: 100%
      }
      .navbar-header {
          float: none
      }
      .navbar-collapse {
          border-top: 1px solid #fff0;
          box-shadow: inset 0 1px 0 rgb(255 255 255 / .1)
      }
      .navbar-nav>li {
          float: none;
          border-bottom: 1px solid #ddd
      }
      .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px
      }
      .navbar-nav .hdr_phone {
          margin: 0 0 3px;
          border: none
      }
      .navbar-nav .hdr_phone a {
          padding: 10px 15px !important
      }
      .solution-bnr.fin-ban h1 {
          margin-top: 20px
      }
      .solution-bnr img,
      .srvc-weare .col img {
          max-width: 100%
      }
      .dev-process-bx {
          min-height: 396px
      }
      .solution-bnr {
          min-height: 600px
      }
      .solution-bnr.auto-sec {
          min-height: 550px !important
      }
      .solution-bnr.auto-sec h1,
      .solution-bnr.bc-develop h1,
      .solution-bnr.srvces-bnr-gra h1 {
          font-size: 35px
      }
      .solution-bnr.media-part h1 {
          margin-top: 0;
          font-size: 34px
      }
      .solution-bnr.Startup h1 {
          margin-top: 0;
          font-size: 30px
      }
      .solution-bnr.Startup {
          margin-bottom: 0;
          min-height: 550px
      }
      .solution-bnr.resto-rent {
          background-image: none !important;
          min-height: 670px;
          background-color: #ff4837 !important
      }
      .solution-bnr p {
          line-height: 26px;
          margin-top: 5px
      }
      .solution-bnr.trav-pt {
          min-height: 500px
      }
      .solution-bnr.medi-cal {
          min-height: 530px;
          padding-bottom: 30px
      }
      .solution-bnr.medi-cal h1 {
          font-size: 32px
      }
      img.animt.mrd-lt {
          padding-top: 90px
      }
      .solution-bnr.fin-ban {
          min-height: 590px
      }
      .ser-bnk {
          padding-top: 50px
      }
      section.pt-5.why-jpl.pb-5.rapid h2 {
          font-size: 27px
      }
      .solution-bnr.real-sec h1 {
          margin-top: 0;
          font-size: 35px
      }
      .solution-bnr.bc-develop {
          min-height: 580px
      }
      .why-jpl h2 {
          font-size: 29px
      }
      .solution-bnr.eco-sec h1 {
          margin-top: 0;
          font-size: 32px
      }
      .solution-bnr.eco-sec {
          min-height: 510px;
          padding-bottom: 20px
      }
      .d-soltions .cntnts h2 {
          font-size: 30px;
          line-height: 35px
      }
      img.Busy-del {
          padding-top: 0
      }
      img.lep-tp {
          padding-top: 90px !important
      }
      .d-soltions .cntnts.effe h2 {
          font-size: 32px;
          line-height: 40px
      }
      .solution-bnr.srvces-bnr-ios-develp h1,
      .why-jpl img {
          margin-top: 50px
      }
      .why-jpl button img {
          margin-top: 0
      }
      .why-jpl.why_jpl_services {
          padding-top: 0 !important
      }
      .srvc-weare .col {
          display: inline-block !important;
          width: 20% !important
      }
      .srvc-weare .col p {
          font-size: 12px
      }
      .bsns-solutn h3 {
          font-size: 17px
      }
      .srvces-main h2 {
          font-size: 28px
      }
      .solution-bnr.srvces-bnr-eco-mer,
      .solution-bnr.srvces-bnr-high,
      .solution-bnr.srvces-bnr-magento,
      .solution-bnr.srvces-bnr-web {
          min-height: 400px;
          margin-bottom: 30px
      }
      .solution-bnr.srvces-bnr-shopify {
          min-height: 370px;
          margin-bottom: 30px
      }
      .solution-bnr.srvces-bnr-eco-mer h1 {
          color: #fff;
          font-size: 30px
      }
      .solution-bnr.srvces-bnr-eco-mer p {
          color: #fff
      }
      .solution-bnr.srvces-bnr-Seom,
      .solution-bnr.srvces-bnr-Uni,
      .solution-bnr.srvces-bnr-Unity,
      .solution-bnr.srvces-bnr-angul,
      .solution-bnr.srvces-bnr-argame,
      .solution-bnr.srvces-bnr-cake-bg,
      .solution-bnr.srvces-bnr-cms,
      .solution-bnr.srvces-bnr-cont-mark,
      .solution-bnr.srvces-bnr-cordinaters,
      .solution-bnr.srvces-bnr-drup,
      .solution-bnr.srvces-bnr-joom,
      .solution-bnr.srvces-bnr-laravel,
      .solution-bnr.srvces-bnr-mood,
      .solution-bnr.srvces-bnr-node,
      .solution-bnr.srvces-bnr-ppc,
      .solution-bnr.srvces-bnr-react,
      .solution-bnr.srvces-bnr-react-del,
      .solution-bnr.srvces-bnr-react-nav,
      .solution-bnr.srvces-bnr-smms,
      .solution-bnr.srvces-bnr-smo,
      .solution-bnr.srvces-bnr-word,
      .solution-bnr.srvces-bnr-yii-web,
      .srvces-bnr-ios-develp {
          min-height: 400px
      }
      .solution-bnr.srvces-bnr-E-Learning h1,
      .solution-bnr.srvces-bnr-joom h1 {
          font-size: 40px
      }
      .solution-bnr.srvces-bnr-gra {
          min-height: 450px;
          margin-bottom: 30px
      }
      .solution-bnr.srvces-bnr-E-Learning {
          min-height: 420px
      }
      .solution-bnr.srvces-bnr-saleforce {
          min-height: 400px;
          background: url(../img/solution-services/sale-back.png) center no-repeat
      }
      .right-sec {
          width: auto
      }
      .right-sec #getFixed {
          width: 100% !important
      }
      .right-sec h1 {
          font-size: 35px
      }
      .portfolio-category-menu .tech-icons li {
          width: 10%;
          border: none
      }
      .left-sec {
          width: 95%;
          margin: 0 auto
      }
      .mdl-wdth {
          width: 96%;
          margin-top: 100px
      }
      .portfolio-category-menu ul {
          display: flex;
          justify-content: space-between;
          overflow: auto
      }
      .portfolio-category-menu>ul li {
          display: inline-block;
          text-align: center;
          margin: 3px 9px;
          flex: none;
          width: auto
      }
      .home-portfolio-content-section {
          padding: 35px
      }
      .portfolio-category-content {
          margin-top: 5px
      }
      .for-moble img {
          display: inline-block
      }
      .hide-mbl {
          display: none !important
      }
      .for-moble .dropbtn {
          background-color: #fff0;
          color: #fff;
          margin-left: 20px
      }
      .level-services .srvc_l {
          width: 90%
      }
      .level-services .stati {
          width: auto;
          margin-left: 30px;
          text-align: left;
          margin-top: 50px
      }
      .blog-section .featured-blog .infor h3 {
          width: 60%
      }
      .app-solution h2 {
          line-height: 40px;
          margin-bottom: 15px;
          margin-top: 5px
      }
      .app-solution .app-screen {
          width: 200px;
          margin-left: 20px;
          height: 400px
      }
      .app-solution .app-sec {
          padding-top: 40px
      }
      .app-solution .app-sec ul {
          margin-top: 0;
          width: 30%
      }
      .app-solution .app-sec ul.rgt-aps {
          margin-left: 20px
      }
      .app-solution ul li {
          font-size: 14px;
          letter-spacing: -.4px
      }
      .app-solution ul li img {
          height: 35px;
          width: 35px;
          padding: 6px
      }
      #large-header {
          height: 890px !important
      }
      .additional-bn {
          padding: 15px;
          width: 300px;
          height: auto;
          margin: -10px 25px
      }
      .additional-bn h4 {
          margin-bottom: 5px
      }
      .design-dev {
          display: block;
          width: 350px;
          height: auto;
          padding: 20px;
          margin: 0;
          background: rgb(0 0 0 / .4)
      }
      .design-dev p {
          margin-bottom: 0
      }
      .pr-lnch {
          top: 0
      }
      .additional-bn p {
          margin-bottom: 0;
          line-height: 20px
      }
      .portfolio-bg {
          height: 390px
      }
      .top-background-portion .global-banner-slide {
          top: 90px
      }
      .top-background-portion.portfolio-bg .global-banner-slide {
          top: 75px
      }
      .portfolio-category-menu a {
          padding: 15px 4px;
          width: 110px;
          margin: 0 2px;
          font-size: 11px
      }
      .portfolio_cat.port_fixed .portfolio-category-menu a {
          padding: 10px 4px;
          font-size: 11px
      }
      .buss-dtl-sct {
          padding: 40px 50px;
          background-position: unset
      }
      .casestdy_itms_in .row:hover .btn.btn-primary {
          transform: scale(1)
      }
      .casestudy_btn a.btn {
          margin-top: 5px
      }
      .casestdy_itm_con p {
          font-size: 14px;
          line-height: 1.3
      }
      .casestdy_itm_meta_itm {
          padding: 5px;
          line-height: 1
      }
      .casestdy_itm_meta {
          margin: 6px 0 5px
      }
      .casestdy_itm_con {
          padding: 15px
      }
      .casestdy_itm_img,
      .casestdy_itm_img img {
          width: 100%;
          height: 100%
      }
      .team_timeline_ic {
          flex: 0 0 100px;
          padding: 15px
      }
      .cs_sec1_client {
          flex: 0 0 200px;
          padding: 15px
      }
      .color_typography {
          padding-left: 20px
      }
      .cs_sec1_client p {
          font-size: 14px
      }
      .color_typography_meta_itm {
          width: 100px;
          margin-left: 15px;
          font-size: 16px;
          min-height: 200px
      }
      .cs_sec1_industry {
          font-size: 13px
      }
      .pagenotfound_sec_in {
          max-width: 500px;
          margin: 0 auto
      }
      .pagenotfound_sec_con h1 {
          font-size: 30px;
          margin-bottom: 10px
      }
      .pagenotfound_sec_con p {
          margin-bottom: 10px
      }
      .topodium_gr_s {
          flex-wrap: wrap
      }
      .topodium_gr_s a {
          margin-top: 8px
      }
  }

  @media (min-width:768px) {
      #aus_contact,
      #india_contact,
      #nzl_contact {
          display: none
      }
      ul.nav li:hover>ul.dropdown-menu {
          display: block
      }
      #navbar {
          text-align: center
      }
  }

  @media screen and (max-width:768px) and (min-width:767px) {
      .navbar {
          margin-top: 0
      }
      .solution-main {
          margin-top: 110px
      }
  }

  @media screen and (max-width:767.98px) {
      .vdo-bg.mobile_hide {
          display: block !important
      }
      .section-img {
          border-radius: 0;
          margin: 30px 0 0
      }
      #grocery-banner .pdng-cntnr {
          padding: 45px 40px 0
      }
      .about-eocmers.about-solutionpage {
          margin-top: 0
      }
      .pplr-logos.banner_logoes {
          display: none
      }
      .breadcrumb_sec {
          position: absolute;
          padding: 2px 0 1px
      }
      .breadcrumb {
          font-size: 13px
      }
      .dev-process-bx {
          height: auto
      }
      .port-secs .port-bnr-cvr .port-bnr {
          width: 100%
      }
      .port-secs .port-bnr-cvr:hover .port-bnr {
          transform: scale(1)
      }
      .we-re-jp {
          border-top: 1px solid #32323f;
          padding-top: 50px
      }
      .slider-section:before {
          background: #23232f
      }
      .hom-new .slider-section:before {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgb(15 13 28/80%);
          z-index: 1
      }
      .mobile_hide {
          display: none !important
      }
      .desktop_hide {
          display: block
      }
      .glry_section_itm h4 {
          font-size: 18px
      }
      .video_sec_full_in {
          padding-bottom: 50%
      }
      .glry .addiframe img {
          width: 48px;
          height: 48px
      }
      .addiframe_desktop {
          display: none
      }
      .addiframe_mobile {
          display: block
      }
      .benifts .bnftt {
          display: none
      }
      .row.benifts {
          justify-content: center
      }
      .benifts [class*="col-"]:first-child ul {
          margin-left: -80px
      }
      .benifts [class*="col-"]:last-child ul {
          margin-right: -80px
      }
      .benifts ul li.blu-rht {
          float: none
      }
      .benifts [class*="col-"]:first-child ul {
          margin-left: 0
      }
      .benifts [class*="col-"]:last-child ul {
          margin-right: 0;
          margin-left: -25px
      }
      .new-contact-us-bg h1 {
          font-size: 22px !important
      }
      .new-contact-us-bg h2 {
          font-size: 26px
      }
      .c-left-bg-inner h1 {
          text-align: left;
          margin-bottom: 10px
      }
      .topodium_gr_s {
          justify-content: center;
          text-align: center;
          flex-direction: column;
          margin-top: 10px
      }
      .topodium_gr_s a {
          margin-left: 0
      }
      .new-contact-us-bg label {
          font-size: 14px
      }
      .new-contact-us-bg h3 {
          line-height: 1.5;
          font-size: 14px !important
      }
      .new-contact-us-bg .title-h {
          padding-bottom: 25px
      }
      .contact-list ul li {
          font-size: 14px
      }
      .about-bg .global-banner-slide {
          height: 130px
      }
      .re-tile {
          padding: 0 30px 30px
      }
      .upload-dtl-resm {
          padding: 30px
      }
      .re-tile h3 {
          font-size: 22px;
          margin-top: 5px
      }
      .re-tile h3 span {
          font-size: 15px
      }
      .jb-lo-ex {
          margin: 10px 0
      }
      .jb-lo-ex span {
          margin-bottom: 0;
          font-size: 15px
      }
      .jb-lo-ex h3 {
          font-size: 16px
      }
      .role-add h4 {
          font-size: 16px
      }
      .role-add span {
          margin: 10px 0;
          font-size: 14px
      }
      .role-add ul li {
          font-size: 14px
      }
      .upload-dtl-resm h3 {
          font-size: 20px
      }
      .upload-dtl-resm p {
          font-size: 14px;
          margin-bottom: 10px
      }
      .portfolio_cat.port_fixed {
          top: 36px
      }
      .navbar .nav-item:last-child {
          border-bottom: 0
      }
      .simplebar-item:not(:last-child),
      .slick-slide {
          margin: 0 0.5rem !important
      }
      .dtl-hvr,
      .why-choose-jploft .why-jploft-cover {
          height: 200px
      }
      .abt-srvc p,
      .app-solution ul.rgt-aps li,
      .bsns-solutn,
      .btn_android,
      .development-custom .transparent-black li span.text-right-side,
      .dmca_sec,
      .food-delivery-sec,
      .fresh_project,
      .heading_block h2,
      .ilo-business.vehicle_tracking .movie_effect h2,
      .m_hidden,
      .movie_effect,
      .movie_effect h2,
      .movie_effect p,
      .new-portfolio-section,
      .nmbrs,
      .rnk-bsns-bg,
      .row-backend-certified .certified-center li .text-right-side,
      .solution-bnr,
      .tsibog,
      .vehicle_track.movie_effect h2,
      .why-choose-jploft .jploft-excellent .servicesjploft-panel,
      .working-methology .center-position li .border-panel .white-bg,
      .yii-development-sec .getstarte-btn {
          text-align: center
      }
      .counter .col {
          flex-basis: auto;
          flex-grow: inherit;
          width: 50%
      }
      .our-services-section .col,
      .slider-section .pplr-logos .col {
          flex-basis: auto;
          flex-grow: inherit;
          width: 25%
      }
      .sldr-clt-logo {
          display: flex;
          width: auto;
          height: 80px
      }
      .b2b-feature-sec ul li,
      .elearn-section .content-panel p,
      .global-typo p,
      .hom-new .btn-primary,
      .we-re-jp p {
          font-size: 15px
      }
      .best-meditation-app .movie_effect,
      .heading-section,
      .home-cover-top,
      .magento-four-square,
      .map-section,
      .restaurent-caption .btn,
      .restaurent-service-sec .icons img,
      .small-story,
      .solution-bnr.media-part h1,
      .solution-main,
      .up-panel .content-center,
      .why-jpl img {
          margin-top: 0
      }
      .heading-section h2,
      .heading_second {
          line-height: 40px
      }
      .industries-section {
          margin-top: 50px
      }
      .nmbrs {
          font-size: 35px
      }
      #feedback,
      #portfolio-web-development li:before,
      .app-solution ul li img,
      .black-menu li:before,
      .col-md-4.red-box-right::before,
      .contact-footer-bg .footer-c-links,
      .customer-centric h2 br,
      .ellipse-shed,
      .errow-vctr,
      .global-banner-slide h1 br,
      .hire-developer-programmer .developer-panel .programmer-panel p br,
      .hire-developer-section h2 br,
      .html-5-bg .background-portion-caption p,
      .industry-solution .industry-solution-panel li a .industry-eight,
      .industry-solution .industry-solution-panel li a .industry-five,
      .industry-solution .industry-solution-panel li a .industry-four,
      .industry-solution .industry-solution-panel li a .industry-one,
      .industry-solution .industry-solution-panel li a .industry-seven,
      .industry-solution .industry-solution-panel li a .industry-six,
      .industry-solution .industry-solution-panel li a .industry-three,
      .industry-solution .industry-solution-panel li a .industry-two,
      .jp-footer-panel-hidden,
      .main-home-cover,
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu.custom-infographic:before,
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu.hire-developer-dropdown:before,
      .menucustom.jpl i,
      .newv-career-cover p br,
      .nmbrs:after,
      .price-per-hour-section .web-price-panel.blue .photo-panel,
      .price-per-hour-section .web-price-panel.darkgrey .photo-panel,
      .price-per-hour-section .web-price-panel.green .photo-panel,
      .price-per-hour-section .web-price-panel.orange .photo-panel,
      .reactnative-bg .background-portion-caption p,
      .salesforce .background-portion-caption p,
      .salesforce-development .salesfore-service p br,
      .shopify-bg .background-portion-caption p,
      .top-background-portion .background-portion-caption h1 br,
      .transparent-black,
      .web-php-bg p,
      .why-choose-jploft .jploft-excellent p br,
      .working-methology .center-position li:after {
          display: none
      }
      .c-left-bg h1,
      .cms-right h3,
      .cntct-strp h4,
      .heading-section h2,
      .heading_second,
      .newv-career-cover h2,
      .solution-bnr.trav-pt h1,
      .top-background-portion .background-portion-caption h1,
      .we-re-jp h3 {
          font-size: 30px
      }
      .we-re-jp h5 {
          font-size: 16px;
          line-height: 28px
      }
      .port-secs .slick-slider {
          width: 95%;
          margin-left: 5%
      }
      .port-secs .slick-next,
      .port-secs .slick-prev {
          top: -10px
      }
      .port-secs .slick-prev {
          right: 70px;
          background: #ED1F24;
          width: 40px;
          height: 40px
      }
      .port-secs .slick-next:before,
      .port-secs .slick-prev:before {
          filter: brightness(0) invert(1)
      }
      .port-secs .slick-next {
          right: 20px;
          background: #ED1F24;
          width: 40px;
          height: 40px
      }
      .busnss-mod,
      .codeigniter-expertise .image-overflow,
      .d-soltions .cntnts-r img,
      .vsn-msn-s,
      .we-wrk {
          margin-top: 30px
      }
      .blog-sec .text-right,
      .we-wrk .text-right {
          text-align: left !important
      }
      .count-up,
      .hom-new .we-wrk .btn-primary,
      .ios-game-development-panel .col-md-4.col-sm-4:first-child,
      .ios-game-development-panel .col-md-4.col-sm-4:nth-child(2),
      .ios-game-development-panel .col-md-4.col-sm-4:nth-child(3),
      .node-optmal-panel .col-md-4.col-sm-4,
      .scrp-app .section-heading {
          margin-bottom: 30px
      }
      .port-desc {
          width: 100%;
          padding: 20px
      }
      .port-desc h4 {
          font-size: 28px
      }
      .abt-jplft h4,
      .movie_effect h2,
      .newv-career-cover h1,
      .service_restimonial_head h4 {
          font-size: 26px
      }
      .abt-jplft ul li {
          padding-left: 40px;
          margin-top: 20px;
          font-size: 15px;
          background-size: 20px;
          line-height: 1.3
      }
      .about-txt {
          margin: 50px 0 0
      }
      .testi-mon {
          margin-top: 60px !important
      }
      .abt-jplft .slick-slider {
          background: #000
      }
      .slider-contents a {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%)
      }
      .slider2 .slick-next,
      .slider2 .slick-prev {
          top: -40px
      }
      .qute-img,
      .site-header-number {
          display: none !important
      }
      .testi-txt {
          margin-left: 0;
          padding: 20px
      }
      .clint-img {
          border: 3px solid #fff;
          height: 80px;
          width: 80px;
          left: 20px
      }
      .client-nm span {
          line-height: 16px;
          margin-top: 10px
      }
      .testi-txt p {
          font-size: 16px;
          line-height: 30px
      }
      .clnt {
          flex-basis: auto !important;
          width: calc(25% - 20px);
          padding: 5px
      }
      .app-dvlp-section,
      .rnk-bsns {
          padding: 60px 0
      }
      .e-cart .content-panel h3,
      .rnk-bsns h2 {
          font-size: 30px;
          line-height: 36px
      }
      .rnk-bsns-bg {
          margin-bottom: 30px;
          min-height: auto
      }
      .d-soltions .cntnts h2:after,
      .level-services h2:after,
      .rnk-bsns-bg h5:after,
      .website-technologies .technologies-services .technologies-services-panel li span img,
      .why-jpl h2:after {
          margin: 10px auto
      }
      .cntct-strp {
          padding: 30px;
          margin: 60px 0 0
      }
      .cntct-strp p {
          font-size: 16px;
          margin-top: 10px;
          line-height: 25px
      }
      .hom-new .blog-sec .btn-primary,
      .indts-logo ul {
          margin-top: 25px
      }
      .slider2 .slick-prev {
          right: 25%
      }
      .slider2 .slick-next {
          right: 4%
      }
      .abt-jplft p,
      .service_restimonial_head p {
          margin: 10px 0 30px
      }
      .achievement ul li,
      .augmented-shopping .aug-shopping img,
      .b2b-industry-serve-sec h2,
      .blog-section .hdngs,
      .cl-1,
      .cl-2,
      .cl-3,
      .graphics-features .graphic-anim-section .col-md-4.col-sm-4,
      .graphics-features .graphic-anim-section .col-md-4.col-sm-4:first-child,
      .graphics-features .graphic-anim-section .col-md-4.col-sm-4:nth-child(2),
      .graphics-features .graphic-anim-section .col-md-4.col-sm-4:nth-child(3),
      .locations .location-panel,
      .price-per-hour-section .web-price-panel.blue,
      .price-per-hour-section .web-price-panel.darkgrey,
      .slider-heading p,
      .solution-bnr.resto-rent a.btn.hvr-bubble-right,
      .srce-icon,
      .vjn-dep {
          margin-bottom: 20px
      }
      .stat-vid {
          padding: 70px 0 90px
      }
      .achievement ul li,
      .angular-panel .col-md-2.col-sm-2,
      .b2b-industry-serve-sec ul li img,
      .brand-section-new:before,
      .busnss-mod img,
      .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption img,
      .industries-dtl img,
      .proc-step ul,
      .top-background-portion .container-fluid,
      .unity-positive-development .unity-service-panel img,
      .vr-game-develop-production .col-md-4.col-sm-4,
      .yii-development-sec .getstarte-btn button {
          width: 100%
      }
      .accomplistment-center .project-deliver,
      .busnss-mod .icon img,
      .level-services .ftress span,
      .ups-section .ups-expertise ul li {
          width: auto
      }
      .lot-dtl-sr ul li img {
          width: 10%
      }
      .tst-usr-dtl,
      header {
          position: inherit
      }
      .our-services-section {
          padding-bottom: 10px
      }
      .slider-heading h1 {
          width: 100%;
          font-size: 30px
      }
      .home_page_main_heading {
          width: 100%;
          font-size: 30px;
          line-height: 45px
      }
      .slider-heading p {
          font-size: 16px;
          width: 100%
      }
      .card-header a h5,
      .heading-section p,
      .joomla-services .services-includes-panel h4,
      .magento-icons-center li span,
      .website-technologies .technology-website-section .max-description,
      a.btn {
          font-size: 16px
      }
      .price-per-hour-section .web-price-panel.blue a,
      .src-dtl p,
      .srvc-weare .col p {
          font-size: 14px
      }
      .src-dtl {
          padding: 15px;
          height: 100%
      }
      .sales-option .sales-option-panel h3,
      .src-dtl h3 {
          font-size: 18px;
          margin-bottom: 10px
      }
      .counter {
          margin-bottom: 50px
      }
      .bsns-solutn h3,
      .stat-vid .vido-sec {
          margin-bottom: 40px
      }
      .busn-txt {
          padding: 30px 0;
          min-height: unset
      }
      .busn-txt p {
          font-size: 14px;
          color: #000;
          line-height: 24px
      }
      .industry-solution .industry-solution-panel li:nth-child(3),
      .industry-solution .industry-solution-panel li:nth-child(7),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(3),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(7),
      footer .ftr-nav {
          border-left: 0
      }
      .android_appsec,
      .mooving-classroom-sec .gray-bg .inner-content-box,
      .our-services-section .card,
      .service-sec,
      .traning-sec .gray-bg .inner-content-box {
          padding: 0
      }
      .carousel_widget__card {
          box-shadow: unset;
          border: 1px solid #ddd
      }
      .banking-it-services .banking-it-panel,
      .clarity-fairness-panel .fairness-panel,
      .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel,
      .dvp-tst,
      .food-dlry-dtl,
      .healthcare-green-sec .inner-box-blue p,
      .healthcare-green-sec .inner-box-green p,
      .intre-step-slid,
      .ios-game-development-panel .col-md-6.col-sm-6 .development-panel,
      .ios-game-development-panel .development-panel,
      .magento-services-includes .magento-services-panel,
      .node-jd-blox,
      .ofc-joim,
      .service-sec .blue-box,
      .service-sec .green-box,
      .service-sec .red-box,
      .traning-sec .gray-bg ul li,
      .vr-game-develop-production .development-panel,
      .working-methology .center-position li p {
          min-height: auto
      }
      .hr-pr-dtl img {
          margin: 0;
          width: 220px
      }
      .heading_block h2::after,
      img.st-1-img {
          width: 190px
      }
      .intre-step-slid span {
          margin: 30px 0 80px
      }
      .hr-dtl-bg {
          width: 80%;
          margin: auto;
          padding: 15px 30px 36px
      }
      .resume-mdl-snd {
          max-width: 100% !important;
          margin: auto;
          height: auto
      }
      .clist-trst {
          left: 0
      }
      .role-add {
          height: auto;
          overflow: unset;
          max-height: unset;
          margin-bottom: 0
      }
      .testimlm .clint-img {
          left: 20px;
          margin-top: -10px
      }
      .client-nm {
          margin: 16px 20px 15px 120px;
          font-size: 20px
      }
      .testimlm .client-nm {
          margin: 16px 20px 15px 90px
      }
      .team_itm {
          margin-bottom: 0
      }
      .prfe-img a {
          right: 51px
      }
      .cl-with-us h2 {
          font-size: 60px;
          line-height: 23px
      }
      .abt-hro,
      .hire-developer-section,
      .video-bg,
      .work-food-dlry {
          padding: 50px 0
      }
      .abt-hro .cr-hd h1,
      .hom-new .why-us .vid-txt h2 span {
          font-size: 40px
      }
      .abt-hro .cr-hd p,
      .android-section-develop .wp-services-includes .development-panel h4,
      .drupal-services .services-includes-panel h4,
      .global-banner-slide .hire-hourly,
      .global-banner-slide h2 a,
      .graphic-anim-section .white-panel h3,
      .hirlaravel-sec .inner-content h3,
      .new-contact-us-bg h3,
      .salesforce .background-portion-caption h1,
      .why-wordpress-center .center-panel h4,
      h3.text-muted {
          font-size: 18px
      }
      .abt-bdy .section-heading h2 {
          font-size: 26px;
          margin-bottom: 10px
      }
      .abt-bdy .section-heading p,
      .price-per-hour-section .web-price-panel.green .title,
      .price-per-hour-section .web-price-panel.orange .title,
      .razer p {
          font-size: 13px
      }
      .ssttpp .slick-slide {
          margin-right: 0
      }
      .tawk-mobile .tawk-text-bold-3 {
          font-size: 1rem !important
      }
      .card .content .back h2 {
          font-size: 21px;
          margin-bottom: 15px;
          line-height: 1.2;
          margin-top: 22px
      }
      .global-footer.contact-footer-bg .contact-form-box {
          background-color: #fff;
          border-radius: 5px;
          padding: 20px 10px;
          min-height: 565px;
          margin-right: 0;
          margin-top: 20px
      }
      .myFile {
          float: none;
          padding: 0 15px 0 30px
      }
      .checkbox-container .checkmark {
          position: absolute;
          top: 1px;
          left: 30px;
          border-radius: 2px;
          height: 15px;
          width: 15px;
          background-color: #eee
      }
      .global-footer.contact-footer-bg .jp-footer-panel-c,
      .yii-development-sec .col-md-6 {
          display: block;
          margin-right: 0
      }
      .global-footer.contact-footer-bg .jp-footer-panel-c img {
          margin: 30px auto 0
      }
      .b2b-feature-sec .row,
      .development-custom .transparent-black,
      .development-custom .transparent-black li span.image,
      .global-footer.contact-footer-bg .social-link,
      .healthcare-gray-sec .col-md-6,
      .healthcare-gray-sec .row,
      .mooving-classroom-sec .col-md-6,
      .mooving-classroom-sec .row,
      .new-contact-us-bg .col-md-5,
      .new-contact-us-bg .col-md-7,
      .new-contact-us-bg .row,
      .newsletter .input-group,
      .portfolio-panel .port-content-panel a,
      .restaurent-service-sec .col-md-4,
      .restaurent-service-sec .row,
      .traning-sec .col-md-6,
      .travel-accompanying-sec .col-md-6,
      .travel-accompanying-sec .row,
      .travel-hospitality-sec .col-md-6,
      .travel-hospitality-sec .row,
      .yii-development-sec .row {
          display: block
      }
      .global-footer.contact-footer-bg .awards-list {
          padding-top: 15px
      }
      .global-footer.contact-footer-bg .footer-menu {
          margin-top: 5px;
          display: block;
          text-align: center
      }
      .form-group.roboto-sec .text-right {
          text-align: center;
          margin-top: 15px
      }
      .checkbox-container {
          padding-left: 50px;
          margin-top: 15px;
          line-height: 16px
      }
      .dropdown-menu .dropdown-menu .dropdown-menu,
      .global-footer.contact-footer-bg .contact-form-box .form-group {
          padding-left: 30px
      }
      .file-upload-sec .col-md-4,
      .file-upload-sec .col-md-8 {
          padding-left: 15px;
          padding-right: 15px
      }
      .global-footer.contact-footer-bg h2 {
          font-size: 24px;
          line-height: 30px
      }
      .contact-footer-bg .contact-box-top ul li {
          border: 1px solid #445f6d;
          display: block;
          border-top: none;
          padding: 0;
          margin-left: 0;
          width: 100%;
          min-height: 100px
      }
      .contact-footer-bg .contact-box-top ul li:first-child,
      .contact-footer-bg .contact-box-top ul li:nth-child(2) {
          border-right: none;
          border-left: none;
          padding: 0;
          border-radius: 0;
          background: 0 0
      }
      .contact-footer-bg .contact-box-top ul li:nth-child(3) {
          border-right: none;
          padding: 0;
          background: 0 0;
          border-left: none
      }
      .contact-footer-bg .contact-box-top ul li:nth-child(4) {
          border: none;
          padding: 0;
          background: 0 0;
          border-bottom: 1px solid #445f6d
      }
      .contact-footer-bg .contact-box-top ul li:last-child {
          background: 0 0;
          border-left: none;
          border-right: none
      }
      .new-contact-us-bg {
          padding: 80px 15px 50px
      }
      .new-contact-us-bg .contact-form-box {
          border: 1px solid #d7d7d7;
          padding: 12px
      }
      .c-left-bg-inner,
      .c-right-bg-inner,
      .healthcare-green-sec,
      .on-demand-section,
      .realstate-solution-sec {
          padding: 30px 0
      }
      .new-contact-us-bg h1,
      .portfolio-panel .see-port h4 {
          font-size: 36px
      }
      .contact-footer-bg .awards-list ul li {
          display: inline-block;
          border: none;
          width: 30px
      }
      .automotive-s ul li span.content2 {
          top: inherit;
          padding-bottom: 10px;
          padding-left: 0
      }
      .seo-expert-sec .inner-box {
          padding: 15px;
          min-height: auto
      }
      .angular-panel.clearfix,
      .graphic-anim-section .white-panel,
      .seo-business-sec ul li,
      .top-banner-inner-automotive .why-jploft,
      .yii-development-sec .yellow-bg .content-inner {
          padding: 15px
      }
      .automotive-business-sec ul li .icons {
          height: 70px
      }
      .app-solution .app-sec,
      .automotive-business-sec ul li:nth-child(2) .icons,
      .career-accelerate .content-center,
      .how-dowork-l h2,
      .laravel-deve-sec,
      .price-per-hour-section .web-price-panel.blue .row-rate .per-hr,
      .price-per-hour-section .web-price-panel.blue .row-rate .rate,
      .price-per-hour-section .web-price-panel.darkgrey .row-rate .per-hr,
      .price-per-hour-section .web-price-panel.darkgrey .row-rate .rate,
      .price-per-hour-section .web-price-panel.green .row-rate .per-hr,
      .price-per-hour-section .web-price-panel.green .row-rate .rate,
      .price-per-hour-section .web-price-panel.orange .row-rate .per-hr,
      .price-per-hour-section .web-price-panel.orange .row-rate .rate,
      .trustworthy-sec .col-md-8 {
          padding-top: 0
      }
      .automotive-service,
      .finance-welcome-sec,
      .tool-sec {
          padding: 20px 0 30px
      }
      .want-to-join {
          background-color: #324862;
          padding: 20px 0 24px
      }
      .automotive-expert-sec {
          background-color: #484a3e;
          padding: 20px 0 5px
      }
      .automotive-business-sec ul li:first-child .icons {
          padding-top: 10px
      }
      .top-banner-inner-automotive .why-jploft h2 {
          font-size: 24px !important
      }
      .top-banner-inner-media {
          height: 350px;
          padding-top: 52px
      }
      .bluebox,
      .greenbox,
      .pinkbox,
      .torqbox,
      .violetkbox {
          border-left: 6px solid #b5b68c;
          padding: 15px;
          min-height: auto;
          margin-bottom: 20px
      }
      .media-service-sec h2 {
          text-align: center;
          margin-bottom: 20px
      }
      .blog-section-main,
      .media-second-welcome-sec,
      .why-wordpress {
          padding: 10px 0
      }
      .media-red-sec {
          background-color: #db0500;
          padding: 40px 0
      }
      .b2c-solution-sec .row {
          display: block;
          margin: 0;
          width: 100%
      }
      .b2b-feature-sec .inner-content,
      .media-service-sec {
          padding: 0 0 30px
      }
      .b2c-welcome-sec {
          padding: 20px 0 50px
      }
      .top-banner-inner-b2c {
          height: 350px;
          padding: 75px 15px
      }
      .b2c-solution-sec .col-md-6 {
          display: block;
          padding: 0
      }
      .b2c-solution-sec .solution-bg {
          height: 450px
      }
      .banner-top-caption-global h2 {
          font-size: 24px;
          font-weight: 400;
          line-height: 30px
      }
      .top-banner-inner-cakephp,
      .top-banner-inner-moodel,
      .top-banner-inner-yii,
      .yii-development-sec .development-bg {
          height: 350px
      }
      .banner-top-caption-global {
          position: absolute;
          top: 10%;
          padding: 10px
      }
      .banner-top-caption-global h4 {
          font-size: 15px;
          font-weight: 400;
          line-height: 22px
      }
      .amazing-game-development h3,
      .cakephp-sec h2 {
          font-size: 24px;
          font-weight: 300
      }
      .trustworthy-sec h2 {
          padding: 15px 0
      }
      .right-sidebar {
          background-color: #dddcdd;
          overflow: hidden;
          margin-top: 30px;
          padding: 40px 0 40px 30px;
          margin-left: -30px
      }
      .industries-serve-sec .inner-box {
          padding: 10px;
          min-height: 100px
      }
      .hirecakephp-sec {
          top: inherit
      }
      .hirecakephp-sec .inner-box {
          padding: 30px 15px 20px
      }
      .banneroverlay-laravel .inner-content .logo {
          max-width: 130px;
          margin: 0 auto
      }
      .banneroverlay-laravel {
          text-align: center;
          left: 0;
          z-index: 8;
          bottom: 0;
          width: 100%;
          height: auto;
          -ms-transform: skew(0deg, 0deg);
          -webkit-transform: skew(0deg, 0deg);
          transform: skew(0deg, 0deg);
          margin-left: 0;
          background-color: #e22828
      }
      .banneroverlay-laravel::before,
      .moodels-theme-sec .gray-bg::before,
      .moodels-theme-sec .yellow-bg::before {
          content: none
      }
      .banneroverlay-laravel .inner-content {
          padding: 30px 15px;
          -ms-transform: skew(0deg, 0deg);
          -webkit-transform: skew(0deg, 0deg);
          transform: skew(0deg, 0deg);
          margin-left: 0
      }
      .codding-l img {
          margin: 0 -15px 0 auto;
          display: block
      }
      .codding-l {
          padding: 20px 0 0 15px;
          margin-right: 0
      }
      .coding-text {
          text-align: center;
          max-width: 750px;
          margin: 15px auto 0 0;
          padding: 0 15px
      }
      .banner-title h3 {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          padding: 0 0 25px
      }
      .banner-title h2 {
          font-size: 42px;
          font-weight: 300
      }
      .complete_section.result h2,
      .elearn-section .content-panel h2,
      .hirlaravel-sec .inner-content h2,
      .how-dowork-l h2,
      .html-five-game-panel-one .content-center h3,
      .portfolio-panel .see-port h3,
      .sales-mobileapp .content-center .center-table h2,
      .salesforce-development .salesfore-service h2,
      .service-sec .blue-box h3,
      .service-sec .green-box h3,
      .service-sec .red-box h3,
      .title-heading h2 {
          font-size: 24px
      }
      .how-dowork-l .hirenow {
          text-align: left;
          padding-top: 20px
      }
      .moodels-theme-sec .gray-bg,
      .moodels-theme-sec .yellow-bg {
          margin: 0 -10px;
          padding: 20px 25px 50px
      }
      .how-dowork-l {
          padding-top: 30px;
          margin-bottom: 30px
      }
      .title-heading h2 {
          padding: 10px 0 15px
      }
      .top-banner-inner-laravel {
          height: auto;
          margin: -15px
      }
      .global-typo h2 {
          font-size: 24px;
          font-weight: 300;
          line-height: 30px
      }
      .global-typo h1 {
          font-size: 36px;
          font-weight: 300;
          line-height: 42px
      }
      .global-typo h3 {
          font-size: 18px !important;
          font-weight: 400;
          line-height: 24px
      }
      .moodels-banner img {
          display: block;
          max-width: 90%;
          margin: 0 auto;
          padding-top: 55px
      }
      .yii-logo {
          max-width: 85px;
          margin: 0 auto;
          padding-top: 40px
      }
      .navbar-default .navbar-toggle .icon-bar,
      .yii-support-section ul {
          background-color: #fff
      }
      .yii-support-section ul li {
          float: none;
          width: 100%;
          background-color: #f5f3f2;
          margin-bottom: 30px;
          border-right: none;
          padding: 15px
      }
      .yii-development-sec .yellow-bg {
          padding: 35px 15px 30px
      }
      .realstate-support-section ul li h3 {
          color: #b6d7fd;
          font-size: 36px;
          line-height: 24px;
          text-align: center;
          margin: 0 0 15px;
          height: auto
      }
      .realstate-support-section ul li p {
          color: #fff;
          font-size: 17px;
          line-height: 23px;
          text-align: center
      }
      .realstate-development-sec .red-bg {
          background-color: #e5001b;
          padding: 50px 15px;
          position: relative;
          min-height: auto
      }
      .inner-content {
          padding: 30px 15px 50px
      }
      .career-section-hiring.graphics-features.video-services-gray .white-panel h3,
      .contact-instant .instant-blue-panel,
      .fixed .menu-top-position .custom-menu-dropdown,
      .project-bg-inner,
      .tsibog {
          height: auto
      }
      .top-banner-inner-realstate {
          height: 350px;
          padding-top: 50px
      }
      .realstate-solution-sec ul {
          margin-bottom: 25px
      }
      .realstate-support-section ul li {
          width: 100%;
          float: none;
          border-right: none;
          border-bottom: 1px solid #4d6582;
          padding: 15px
      }
      .realstate-support-section ul {
          margin: 0;
          padding: 20px 0 4px
      }
      .realstate-brand-sec {
          padding: 90px 0
      }
      .b2b-industry-select-sec ul li {
          width: 50%
      }
      .b2b-feature-sec .feature-left-bg {
          min-height: 400px
      }
      .top-banner-inner-b2b {
          height: 350px;
          padding: 40px 15px 0
      }
      .b2b-gray-section ul li h3 {
          padding-left: 60px
      }
      .b2b-gray-section ul li .icons {
          float: left;
          width: 60px
      }
      .b2b-gray-section ul li {
          min-height: 225px;
          width: 100%;
          border-right: none;
          padding-left: 0
      }
      .b2b-gray-section ul li:nth-child(3) {
          border-bottom: 1px solid #d5d7da
      }
      .b2b-gray-section ul li:first-child h3,
      .b2b-gray-section ul li:nth-child(2) h3 {
          margin-top: 5px;
          margin-left: 5px
      }
      .b2b-gray-section ul li:nth-child(2),
      .b2b-gray-section ul li:nth-child(4),
      .elearning-tool h3.red-color,
      .finance-welcome-sec .right-list {
          padding-left: 0
      }
      .global-typo p {
          font-weight: 300
      }
      .b2b-feature-sec ul li::before {
          top: 12px
      }
      .b2b-industry-serve-sec ul li {
          float: left;
          width: 100%;
          padding: 0
      }
      .b2b-industry-serve-sec ul li .inner-content {
          padding: 0;
          margin-top: 0
      }
      .b2b-industry-serve-sec {
          padding: 20px 0 0
      }
      .b2b-industry-select-sec h2 {
          text-align: center;
          margin-bottom: 15px
      }
      .b2b-industry-select-sec ul li .inner-content {
          padding: 7px;
          border: 1px solid #b9babf;
          border-radius: 6px;
          min-height: 170px
      }
      button.owl-next,
      button.owl-prev {
          position: absolute;
          top: 162px;
          background-color: rgb(3 41 66 / .2) !important;
          height: 36px;
          width: 36px;
          border-radius: 50%;
          font-size: 20px !important;
          color: #fff !important
      }
      .expertise-panel .heading-expertise .heading-right,
      .healthcare-gray-sec ul li,
      .result h3 {
          font-size: 17px
      }
      .b2b-industry-select-sec ul li {
          padding: 7px
      }
      .restaurent-industrey-sec,
      section.b2b-industry-select-sec {
          padding-bottom: 30px
      }
      .global-banner-slide .why-jploft,
      .travel-accompanying-right-bg .inner-content,
      .travel-hospitality-left-bg .inner-content {
          padding: 15px;
          max-width: 100%
      }
      .travel-accompanying-right-bg ul li .inner-box {
          min-height: 130px
      }
      .top-banner-inner-travel {
          height: 350px;
          padding-top: 80px
      }
      .why-choose-sec ul {
          margin: 0;
          padding: 0
      }
      .travel-hospitality-left-bg p {
          padding-top: 8px
      }
      .ios-game-bg.top-background-portion .background-portion-caption h1 span,
      .travel-accompanying-right-bg .inner-content h2 {
          margin: 10px 0
      }
      .travel-hospitality-left-bg ul {
          margin: 15px 0 0;
          padding: 0
      }
      .travel-accompanying-right-bg ul li {
          float: left;
          width: 50%;
          padding: 7px
      }
      .travel-hospitality-left-bg ul li {
          padding: 5px
      }
      .travel-hospitality-left-bg ul li .icons {
          height: 40px;
          margin: 0 auto;
          width: 35px
      }
      .travel-accompanying-left-bg,
      .travel-hospitality-right-bg {
          height: 250px
      }
      .top-banner-inner-healthcare {
          height: 350px;
          background-position: center;
          position: relative;
          padding-top: 23px
      }
      .mobile-img img {
          margin: 20px auto 0;
          display: block
      }
      .healthcare-green-sec .inner-box-blue,
      .healthcare-green-sec .inner-box-green {
          margin: 15px auto
      }
      .healthcare-caption {
          max-width: 550px;
          margin-left: 22px
      }
      .restaurent-industrey-sec ul li {
          float: left;
          width: 50%
      }
      .restaurent-industrey-sec ul li .icons {
          height: 55px
      }
      .gray-box,
      .red-box-left,
      .red-box-right {
          padding: 20px 15px
      }
      .down-panel,
      .down-panel .content-center,
      .new-contact-us-bg .indts-logo,
      .restaurent-service-sec p,
      .ups-section .ups-expertise,
      .wp-services .wp-services-includes {
          margin-bottom: 0
      }
      .solution-provider-sec h2 {
          text-align: center;
          margin: 0 0 30px
      }
      .solution-provider-sec {
          padding: 0 0 15px
      }
      .food-delivery-sec,
      .restaurent-welcome-sec {
          padding: 15px 0 30px
      }
      .top-banner-inner-restaurent {
          height: 350px;
          padding-top: 45px
      }
      .top-banner-inner-finance {
          height: 350px;
          background-position: center;
          position: relative;
          padding: 30px 15px
      }
      .finance-solution {
          padding-top: 30px
      }
      .white-sec-education {
          padding: 20px;
          margin-top: 20px
      }
      .traning-sec .row {
          margin: 0;
          display: block
      }
      .mooving-classroom-sec .mooving-bg,
      .traning-sec .traning-bg {
          height: 260px
      }
      .elearning-tool .col-md-6,
      .howappwork .how-it-wokrs-list,
      .top-background-portion .background-portion-caption {
          padding: 0 15px
      }
      .education-caption {
          margin-left: 20px
      }
      .top-banner-inner-education h3 {
          padding-bottom: 0 !important
      }
      .top-banner-inner-education {
          padding-top: 30px;
          height: 350px
      }
      .traning-sec .gray-bg ul li {
          width: 100%;
          float: none;
          border-right: none
      }
      .traning-sec .gray-bg ul li:nth-child(3) {
          border-bottom: 1px solid #d0d2d5
      }
      .education-center .item-blue,
      .education-center .item-green,
      .education-center .item-yellow {
          margin: 0 40px 30px
      }
      button.owl-prev {
          left: -4px
      }
      button.owl-next {
          right: -4px
      }
      .mooving-classroom-sec .gray-bg {
          background-color: #e7e7e7;
          padding-bottom: 20px
      }
      .top-banner-inner-startup h1.white {
          font-size: 30px !important;
          margin-bottom: 20px;
          line-height: 36px !important;
          font-weight: 700;
          color: #fff
      }
      .top-banner-inner-startup h1.yellow {
          color: #ffa200;
          line-height: 36px !important;
          font-size: 27px !important;
          font-weight: 300;
          margin: 20px 0
      }
      .top-banner-inner-startup h2 span {
          color: #00ffc6;
          font-weight: 700;
          font-style: italic;
          font-size: 30px
      }
      .top-banner-inner-startup h1.blue {
          font-size: 30px !important;
          margin-bottom: 20px;
          line-height: 36px !important;
          color: #00ffc6;
          font-weight: 700
      }
      .top-banner-inner-startup {
          height: auto;
          padding: 30px 0
      }
      .startup-benar-bottom-sec ul li {
          padding: 0;
          float: none;
          text-align: center;
          border-bottom: 1px solid #cfcfcf;
          width: 100%;
          border-right: none
      }
      .startup-benar-bottom-sec ul li:last-child {
          border-bottom: none
      }
      .grow-your-business ul li,
      .grow-your-business ul li:nth-child(4),
      .grow-your-business ul li:nth-child(5) {
          border-bottom: 1px solid #cfcfcf
      }
      .startup-benar-bottom-sec ul li span.icons img {
          display: block;
          margin: 20px auto
      }
      .startup-benar-bottom-sec ul li span.icons {
          float: none;
          width: 100%;
          margin: 0 auto
      }
      .startup-benar-bottom-sec ul li span.content {
          display: block;
          width: 100%;
          top: inherit;
          padding: 0 0 15px;
          text-align: center
      }
      .grow-your-business ul li {
          width: 100%;
          float: none;
          min-height: auto;
          border-right: none
      }
      .dropdown-content ul:first-child,
      .grow-your-business ul li:last-child {
          border-right: none
      }
      .startup-brand-sec ul li {
          display: inline-block;
          padding: 20px 6px;
          text-align: center;
          margin-left: -4px;
          width: 20%
      }
      .contact-footer-bg .awards-list ul li a {
          margin: -2px
      }
      .group_11 img {
          max-width: 90%
      }
      .essence img {
          width: 90%
      }
      .result h3 {
          text-align: left
      }
      .android_appsec {
          margin: 0 0 35px
      }
      .case_studybanner {
          background: url(../img/Group60.png) 0 0 / cover;
          height: auto;
          margin: 0 0 30px;
          z-index: 9999;
          padding: 15px 0
      }
      .btn_android {
          background: #ffd607;
          border: none;
          border-radius: 38px 38px 0;
          padding: 10px;
          width: 230px;
          margin: 25px auto 10px;
          display: block
      }
      .fresh_project h2 {
          font-size: 30px;
          margin: 0
      }
      .btn_contact {
          float: none;
          display: inline-block
      }
      .movie_effect {
          margin-top: 40px
      }
      .movie_effect h3 {
          border-radius: 10px
      }
      .m_hidden.contentmask img {
          max-width: 70%;
          margin: 30px auto 0;
          display: inline-block
      }
      .heading_block h2 {
          margin: 0;
          font-size: 20px
      }
      .challanges h2 {
          font-size: 18px;
          margin: 11px 0 5px;
          padding: 10px 0 15px
      }
      .app-solution .app-sec ul.rgt-aps,
      .app-solution ul.rgt-aps,
      .benifts ul li.blu-rht,
      .benifts ul li.blued-shape,
      .benifts ul li.yelow-shape,
      .the_essence.challanges {
          margin-left: 0
      }
      .case_studies_section,
      .new-custom-contact-form .form-group,
      .node-optmal-panel .col-md-4.col-sm-4:last-child,
      .port-sec {
          margin: 0
      }
      .fresh_product {
          margin: 0;
          display: inherit
      }
      .fresh_product img {
          max-width: 80%;
          margin: 30px auto
      }
      .content_wrap {
          margin: 0 0 25px
      }
      .movie_effect:first-child img {
          width: 100px;
          margin: 0 auto
      }
      .make_app li {
          margin-left: 0;
          padding-left: 29px;
          line-height: normal;
          margin-bottom: 14px
      }
      .vehicle_trackingpage.case_studybanner,
      .video-promote .content-center {
          padding-top: 40px
      }
      .ilo-business.vehicle_tracking .vehicle_trackingpage.case_studybanner {
          height: auto;
          padding-top: 45px
      }
      .ilo-business.vehicle_tracking .m_hidden.contentmask img {
          max-width: 100%
      }
      .best-meditation-app .m_hidden.contentmask img,
      .web-php-services {
          margin-top: 15px
      }
      .angular-panel .col-md-2.col-sm-2 img,
      .navbar-expand-lg .navbar-collapse #examples,
      .solution-bnr img,
      .tsibog img {
          margin: 0 auto
      }
      .tsibog_wrap .challanges h2 {
          font-size: 22px;
          text-align: center
      }
      .binzilla.tsibog.litewill,
      .tsibog.mart,
      .tsibog.marto {
          height: auto;
          background-size: cover !important
      }
      .clt-s .row {
          flex-wrap: wrap !important
      }
      .navbar-dark .navbar-brand {
          margin-left: 10px
      }
      .hero-title h1 {
          font-size: 45px
      }
      .navbar .nav-item {
          border-bottom: 1px solid #e2e2e2
      }
      .navbar-dark .navbar-nav .nav-link {
          padding: 15px 0;
          text-transform: uppercase;
          display: flex;
          justify-content: space-between
      }
      .dmd-con,
      .newv-career-cover .newv-career-cover-caption {
          padding: 0 20px
      }
      .mobl-app-groc,
      .scrp-app {
          padding: 20px
      }
      .scl-fix-dt {
          padding: 0;
          margin-top: 50px
      }
      .clon-mtyra-pr {
          padding-right: 20px
      }
      .cloe-myntra .section-heading h2 {
          font: 700 30px/40px Helvetica;
          margin-bottom: 20px;
          margin-top: 50px
      }
      .achievement ul {
          display: block;
          justify-content: space-between;
          padding: 0
      }
      .admin-desn {
          padding: 80px 20px 0
      }
      .admin-img {
          width: 70%;
          margin: 0 auto 50px
      }
      .app-pro-fect .bg-color {
          padding: 30px
      }
      .work-food-dlry:before {
          position: absolute;
          bottom: -30px
      }
      .cloe-myntra {
          padding: 100px 0 0
      }
      .price-per-hour-section .padd-lf,
      .table-data-add table tr th {
          padding-left: 5px
      }
      .table-data-add table tr td,
      .table-data-add table tr th {
          font: 400 13px/22px Helvetica
      }
      .about-eocmers {
          padding: 40px
      }
      .scrp-app .frevers {
          flex-direction: column-reverse
      }
      .howappwork .how-it-wokrs-list li {
          display: flex;
          align-items: center;
          padding-bottom: 45px;
          position: relative;
          flex: 0 0 100%;
          max-width: 100%
      }
      .howappwork .how-it-wokrs-list .how-left {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0;
          z-index: 1
      }
      .howappwork .how-it-wokrs-list li figure {
          top: -35px;
          right: 0;
          left: 0;
          width: 40px;
          height: 40px;
          transform: translateY(40%);
          border: 3px solid #fff;
          margin: auto;
          font-size: 15px
      }
      .howappwork .how-it-wokrs-list li .how-right {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0
      }
      .howappwork .how-it-wokrs-list li:nth-child(2n) figure {
          left: 0;
          right: 0
      }
      .solution-bnr h1,
      .solution-bnr.Startup h1,
      .solution-bnr.b2-sec h1,
      .solution-bnr.bc-develop h1,
      .solution-bnr.eco-sec h1,
      .solution-bnr.real-sec h1,
      .solution-bnr.resto-rent h1 {
          font-size: 32px
      }
      .d-soltions {
          text-align: center;
          margin-top: 0
      }
      .d-soltions .cntnts h2,
      .dev-process h2 {
          font-size: 25px;
          line-height: 35px
      }
      .cntnts-r,
      .customer-centric .content-panel,
      img.animt.lep-tp {
          margin-top: 20px
      }
      .abt-srvc,
      .cntnts-r .mt-5,
      .mt-0,
      .why-jploft>.row {
          margin-top: 0 !important
      }
      .dev-process-bx {
          min-height: inherit;
          margin-top: 85px
      }
      .newsletter .content .form-control {
          border-radius: 4px;
          display: block;
          width: 100%
      }
      .newsletter .content .btn {
          border-radius: 4px;
          width: 100%;
          margin-top: 15px
      }
      .why-jpl {
          text-align: center;
          padding-top: 0 !important
      }
      .d-soltions .cntnts.effe h2,
      .newsletter h2,
      .port-sec h2,
      .why-jpl h2 {
          font-size: 25px
      }
      .faq-sec h2 {
          font-size: 25px;
          margin-bottom: 30px !important
      }
      .card-header a.collapsed h5 {
          font-size: 16px;
          padding: 10px 0
      }
      .average-video-development .content-center,
      .ban-tp,
      .eco-ltm,
      .lt-img,
      .mid-tps,
      .mrd-lt,
      .ser-del,
      .smt,
      .traning-sec .gray-bg,
      img.animt.Busy-del,
      img.animt.ser-bnk,
      img.animt_cor,
      img.globally {
          padding-top: 20px
      }
      .solution-bnr.auto-sec {
          min-height: 1000px !important;
          background-size: cover !important
      }
      img.Busy-del {
          padding-top: 0 !important
      }
      img.lep-tp {
          padding-top: 20px !important
      }
      .solution-bnr.resto-rent {
          background-image: none !important;
          min-height: 670px;
          background-color: #ff4837 !important
      }
      .hvr-grow:active,
      .hvr-grow:focus,
      .hvr-grow:hover {
          -webkit-transform: scale(1.1);
          transform: scale(.9)
      }
      .abt-srvc h3 {
          font-size: 28px;
          line-height: 38px;
          border-right: none;
          text-align: center
      }
      .srvces-main h2 {
          line-height: 35px;
          margin-top: 30px
      }
      .srvc-weare .col {
          width: 50% !important;
          flex-basis: auto
      }
      .animt_srvc {
          margin-top: 30px !important
      }
      .srvc-weare>.row {
          margin-top: 10px !important
      }
      html {
          overflow-x: hidden
      }
      img.animt_cms {
          width: 100%;
          padding-top: 20px
      }
      .navbar-default .navbar-brand,
      .navbar-nav {
          display: inline
      }
      .navbar-default .navbar-nav .dropdown-menu>li>a {
          color: red;
          background-color: #ccc;
          border-radius: 4px;
          margin-top: 2px
      }
      .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color: #333
      }
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
          background-color: #ccc
      }
      .navbar-nav .open .dropdown-menu {
          border-bottom: 1px solid #fff;
          border-radius: 0
      }
      .dropdown-menu,
      .rt-padd {
          padding-left: 10px
      }
      .dropdown-menu .dropdown-menu {
          padding-left: 20px
      }
      li.dropdown.open {
          border: 0 solid red
      }
      .for-moble .dropdown-content .row {
          height: 420px;
          overflow: auto
      }
      .for-moble .dropbtn {
          background-color: #fff0;
          color: #fff;
          font-size: 13px
      }
      .indts-logo ul li {
          width: 35%
      }
      .indts-logo {
          margin-bottom: 100px
      }
      .port-sec p {
          font-size: 14px;
          line-height: 24px
      }
      .nav .open>a,
      .nav .open>a:focus,
      .nav .open>a:hover {
          border: none !important
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu {
          margin-top: 0 !important;
          border-top: none !important;
          min-width: 100%
      }
      .menucustom.jpl {
          margin-bottom: 0;
          margin-top: 0
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li a:before {
          border-left: 3px solid #fff0;
          height: auto
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li a:hover {
          text-decoration: none;
          background: 0 0;
          color: #ED1F24 !important
      }
      .menu-top-position .navbar-inverse .navbar-toggle .icon-bar {
          background-color: #000
      }
      .menu-top-position {
          position: fixed;
          height: 60px;
          border-bottom: 1px solid #ddd;
          background: #fff;
          top: 36px
      }
      .menu-top-position.fixed {
          animation: auto
      }
      .menu-top-position .navbar-toggle {
          padding: 0;
          margin-top: 22px;
          margin-right: 0;
          margin-bottom: 0;
          border: 0;
          border-radius: 0
      }
      .menu-top-position .navbar-toggle .icon-bar {
          display: block;
          width: 25px;
          height: 2px;
          border-radius: 0;
          margin-bottom: 4px
      }
      .menu-top-position .navbar-inverse .navbar-toggle:hover {
          background-color: #fff0
      }
      .menu-top-position .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
          border-color: #fff0
      }
      .menu-top-position .custom-menu-dropdown {
          width: 100%;
          position: fixed;
          left: 0;
          overflow-y: scroll;
          height: 100%;
          padding: 0;
          margin-top: -2px !important;
          float: none
      }
      .menu-top-position .custom-menu-dropdown ul.nav.navbar-nav {
          margin: 0;
          background: #f1f1f1 !important;
          display: block
      }
      .menucustom {
          z-index: 9999
      }
      .mega-dropdown {
          position: relative !important
      }
      .menu-top-position .custom-menu-dropdown li a {
          text-align: left;
          border-top: none;
          padding: 16px 0 16px 10px;
          color: #000 !important
      }
      .menu-top-position .custom-menu-dropdown li.hdr_phone a {
          color: #fff !important
      }
      .menu-top-position .custom-menu-dropdown li a .caret {
          float: right;
          position: relative;
          top: 8px
      }
      .menu-panel-list {
          padding: 0;
          margin-top: 0;
          position: relative;
          background: #f1f1f1
      }
      .menu-top-position .custom-menu-dropdown li a .arrow-right {
          border-left: 0;
          padding-left: 15px;
          padding-right: 15px;
          border-right: 0;
          font-size: 20px;
          position: absolute;
          right: 0
      }
      .menucustom.jpl a:before {
          border-left: 3px solid #e54f60;
          height: 40px !important
      }
      .jpldk {
          border-top: 1px solid #ddd
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li a {
          border-top: 0;
          background: 0 0 !important;
          margin: 0;
          padding: 10px 0;
          display: block;
          border-bottom: 1px solid #ddd;
          font-size: 14px
      }
      .menu-top-position .custom-menu-dropdown li a:hover {
          background: 0 0;
          color: #ED1F24
      }
      .navbar-inverse .navbar-nav>.open>a,
      .navbar-inverse .navbar-nav>.open>a:focus,
      .navbar-inverse .navbar-nav>.open>a:hover {
          color: red;
          background-color: #fff0;
          border-bottom: 1px solid #ddd
      }
      .customcrose {
          font-size: 20px;
          position: absolute;
          right: 0;
          display: none;
          top: 20px
      }
      .elearning-bg .logo-center img,
      .menu-top-position a.navbar-brand img,
      .sales-option .sales-option-panel img {
          width: 80px
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu .menu-panel-list li.dropdown-header {
          border-bottom: 1px solid #d6d6d6;
          margin-bottom: 0;
          padding: 0 0 10px
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu li.last-child a {
          border: 0
      }
      li.col-md-4.menucustom {
          padding-right: 0;
          padding-left: 25px
      }
      .map-section iframe {
          width: 100%;
          height: 380px
      }
      .map-section .new-project-caption {
          width: 45%;
          padding: 15px
      }
      .map-section .new-project-caption h3 {
          margin-bottom: 20px;
          font-size: 25px
      }
      .map-section .new-project-caption input[type="text"] {
          height: 35px
      }
      .map-section .new-project-caption textarea {
          height: 68px
      }
      .map-section .new-project-caption input[type="submit"] {
          font-size: 19px;
          padding: 7px 10px
      }
      .navbar-nav .open .dropdown-menu .dropdown-header,
      .navbar-nav .open .dropdown-menu>li>a {
          padding: 5px 0
      }
      .innovation-excellence-section {
          padding: 120px 0 40px
      }
      .innovation-excellence-section h2,
      .shopping-world small,
      .website-technologies .technologies-services h2 {
          font-size: 24px;
          margin-bottom: 15px
      }
      .innovation-services {
          margin: 20px 0;
          text-align: center
      }
      .innovation-services li {
          text-align: center;
          width: 32%
      }
      .free-estimate {
          padding-left: 0;
          border-left: 0
      }
      .client_says_testimomials .item .col-md-6.col-sm-6,
      .drupal-services .col-md-4.col-sm-4,
      .game-development-platform .platform .col-md-3.col-sm-3,
      .php-web-development .col-md-4.col-sm-4,
      .price-per-hour-section .col-sm-6,
      .service-elarning .col-md-3.col-sm-3 {
          width: 50%;
          float: left
      }
      .price-per-hour-section .web-price-panel.blue .title {
          font-size: 13px;
          line-height: 15px;
          height: 50px;
          padding-top: 9px
      }
      .price-per-hour-section .web-price-panel.darkgrey .title {
          font-size: 13px;
          line-height: 15px;
          height: 50px;
          padding-top: 16px
      }
      .price-per-hour-section .web-price-panel .ultimate-panel {
          margin-bottom: 10px;
          line-height: 13px;
          margin-top: 10px;
          min-height: 30px
      }
      .contact-instant,
      .price-per-hour-section .web-price-panel {
          padding-bottom: 0
      }
      .accomplistment-center,
      .augmented-shopping,
      .average-video-development,
      .career-accelerate,
      .clarity-fairness,
      .client_says_testimomials,
      .codeigniter-expertise,
      .contact-office-locations,
      .customer-centric,
      .hire-developer-programmer,
      .howitwork-section,
      .level-services,
      .our-clients,
      .reactnative-developer,
      .reactnative-services,
      .sales-mobileapp,
      .salesforce-development,
      .service-elarning,
      .shopping-world,
      .ups-section,
      .work-spotlight,
      .write-us {
          padding: 40px 0
      }
      .price-per-hour-section .web-price-panel.blue,
      .price-per-hour-section .web-price-panel.darkgrey,
      .price-per-hour-section .web-price-panel.green,
      .price-per-hour-section .web-price-panel.orange {
          padding-bottom: 8px
      }
      .price-per-hour-section .padd-rg {
          padding-right: 5px
      }
      .price-per-hour-section .web-price-panel .image {
          height: 180px
      }
      .hire-developer-section h2 {
          margin-bottom: 20px;
          font-size: 30px
      }
      .hire-software-developer .col-md-4.col-sm-4 {
          width: 33.33%;
          float: left
      }
      .hire-software-developer .hire-software-developer h3 {
          margin: 20px 0 14px;
          font-size: 18px;
          min-height: 40px
      }
      .hire-software-developer .hire-software-developer {
          background: #fff;
          padding: 15px;
          color: #000;
          min-height: 410px
      }
      .center-achivement li span {
          text-align: center;
          font-size: 13px
      }
      .accomplistment-center h2,
      .client_says_testimomials h2,
      .howitwork-section h2,
      .work-spotlight h2 {
          margin-bottom: 15px;
          font-size: 30px
      }
      .howitwork-section .small-title {
          font-size: 20px;
          margin-bottom: 18px
      }
      .client_says_testimomials .testimonial-panel img {
          width: 50px !important
      }
      .client_says_testimomials .testimonial-panel h4 {
          font-size: 20px;
          margin: 10px 0
      }
      .our-clients {
          margin-top: -175px
      }
      .our-clients h2,
      .write-us h2 {
          margin-bottom: 15px;
          font-size: 24px
      }
      .our-clients .client-logo-center li,
      .web-php-services li {
          margin: 0 5px
      }
      .why-wordpress h2 {
          margin-bottom: 15px;
          font-size: 24px;
          line-height: 30px
      }
      .ups-section {
          margin-top: 0 !important
      }
      .ups-section .border-blox p {
          margin: 0;
          min-height: inherit !important
      }
      .ups-section .border-blox {
          padding: 20px;
          margin-bottom: 10px;
          min-height: inherit !important
      }
      .about-img-bg:before {
          height: 210px !important
      }
      .about-img-bg ul {
          padding: 35px 0 !important
      }
      .ups-section .border-blox .no-panel {
          width: 62px;
          height: 62px;
          font-size: 25px;
          padding-top: 18px
      }
      .ups-section .border-blox h3 {
          margin: 0 0 10px;
          font-size: 18px
      }
      .game-development-platform h2,
      .skew-background .skew-top-dump h2 {
          margin-bottom: 20px;
          font-size: 24px
      }
      .accomplistment-center .office-building,
      .locations .location-panel .address,
      .up-panel {
          margin-top: 10px
      }
      .quality-application-center .quality-col-grid .image-overflow {
          background: 0 0;
          border: 1px solid rgb(255 255 255 / .3);
          width: 80px;
          height: 80px;
          border-radius: 50%;
          padding-top: 10px;
          margin: 0 auto 10px
      }
      .game-development-platform .panel-platform-game img,
      .locations .location-panel img,
      .quality-application-center .quality-col-grid .image-overflow img,
      .service-elarning .service-panel img {
          margin: 0 auto;
          width: 60px
      }
      .quality-application-center .quality-col-grid .text-center {
          font-size: 12px
      }
      .howitwork-section .col-md-4.col-sm-4 {
          width: 50%;
          float: left;
          min-height: 440px
      }
      .jp-footer-panel-show {
          display: block;
          margin-top: 20px;
          padding-bottom: 20px
      }
      .mobile-awards-gain {
          display: block;
          margin-bottom: 10px;
          text-align: center
      }
      .mobile-awards-gain li {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 10px
      }
      .mobile-awards-gain li img {
          width: 100px
      }
      #enquiry-form {
          position: fixed;
          bottom: 0;
          z-index: 1050;
          width: 100%;
          display: block
      }
      #enquiry-form button {
          background: #d60005;
          width: 100%;
          margin: 0;
          padding: 10px 0;
          border: 0
      }
      #enquiry-form button i {
          font-size: 21px;
          vertical-align: middle;
          margin-top: -3px;
          margin-right: 3px
      }
      #enquiry-form-inner {
          background: #fff;
          padding: 15px
      }
      #enquiry-form-inner input[type="email"],
      #enquiry-form-inner input[type="text"],
      .industry-solution .industry-solution-content .description,
      .sales-mobileapp .imaage-overflow,
      .salesforce-development .salesfore-service .image-overflow {
          margin-bottom: 15px
      }
      #enquiry-form-inner input[type="submit"] {
          background: #000;
          width: 100%;
          margin-top: 15px;
          border: 0;
          padding: 10px 20px;
          font-weight: 600;
          text-transform: uppercase
      }
      #enquiry-form-inner input[type="submit"]:hover {
          background: #d60005
      }
      .custom-menu-panel {
          margin-top: 24px;
          display: inline-block;
          vertical-align: middle;
          float: left
      }
      .right-panel-side {
          float: right;
          margin-right: 0
      }
      .mobile-site-header-number {
          position: absolute;
          left: 30px;
          z-index: 1050;
          top: 0;
          display: block
      }
      .mobile-site-header-number #contacttoggle {
          font-size: 14px;
          color: #fff;
          text-decoration: none
      }
      .site-right.contactclass {
          position: fixed;
          left: 0;
          width: 100%;
          padding: 15px;
          background: #f1f1f1 !important;
          top: 37px;
          z-index: 1050
      }
      #contactclose {
          position: absolute;
          right: 5px;
          top: 5px;
          font-size: 14px;
          background: red;
          padding: 0 7px;
          color: #fff
      }
      .mobile-site-header-number li {
          margin: 0 0 5px;
          padding: 0 0 5px;
          display: block;
          border-bottom: 1px solid #ddd
      }
      .mobile-site-header-number li:last-child {
          margin: 0;
          padding: 0;
          border-bottom: 0
      }
      .mobile-site-header-number li a {
          display: block;
          margin: 0;
          padding: 0;
          text-decoration: none;
          font-size: 12px;
          text-align: left;
          color: #000;
          line-height: 15px
      }
      .mobile-site-header-number li a img {
          margin-bottom: 5px;
          width: 25px
      }
      .mobile-site-header-number li a span {
          display: inline-block;
          vertical-align: middle;
          margin-right: 8px;
          line-height: 20px
      }
      .head-top-bar {
          display: block;
          background: #000;
          padding: 5px 0;
          position: fixed;
          width: 100%;
          z-index: 99999;
          top: 0
      }
      .head-top-bar .col-md-8 {
          float: left;
          width: 65%
      }
      .head-top-bar .col-md-4 {
          width: 35%;
          float: left
      }
      a.contact-btn {
          color: #fff;
          font-size: 13px;
          text-align: center;
          border: 1px solid #fff;
          padding: 4px 5px;
          margin-right: 15px
      }
      .right-text {
          text-align: right
      }
      .angular-panel .col-md-10.col-sm-10,
      .free-cusome-btn {
          text-align: center;
          width: 100%
      }
      .android-bg-center .ios-logo-center img,
      .angular-bg .background-portion-caption .logo-center img,
      .html-5-bg .html-icon-center img,
      .magento-logo-center img {
          width: 40px
      }
      .top-background-portion {
          min-height: auto;
          height: auto !important;
          padding-bottom: 30px
      }
      .android-bg-center .background-portion-caption {
          top: 18%
      }
      .android-section-develop .wp-services-includes .col-md-4.col-sm-4 {
          width: 100%;
          float: none
      }
      .android-section-develop .wp-services-includes .development-panel img {
          width: 70px
      }
      .lt-padd {
          padding-right: 10px
      }
      .android-section-develop .wp-services-includes .development-panel p {
          font-size: 14px;
          line-height: 22px
      }
      .android-section-develop .development-panel {
          padding: 15px 10px;
          min-height: auto;
          margin-bottom: 20px
      }
      .customer-centric h2,
      .working-methology h2,
      .wp-services h2 {
          margin-bottom: 30px;
          font-size: 24px
      }
      .skew-background {
          padding: 50px 0;
          margin: 0;
          top: 0
      }
      .cms-right,
      .e-cart {
          padding: 50px 20px
      }
      .skew-background .skew-top-dump p {
          font-size: 14px;
          margin-bottom: 15px;
          line-height: 22px
      }
      .node-application .content-node-app {
          padding: 50px;
          height: auto
      }
      .angular-bg .background-portion-caption,
      .html-5-bg .background-portion-caption {
          top: 15%
      }
      .angular-js-panel .node-jd-blox {
          min-height: 200px;
          margin-bottom: 15px
      }
      .angular-app-js {
          height: 195px;
          background-size: 100%
      }
      .node-application .content-node-app h3 {
          margin-bottom: 20px;
          font-size: 26px
      }
      .graphics-features h2 {
          font-size: 30px;
          line-height: 25px;
          margin-bottom: 15px
      }
      .codeigniter-bg .logo-center img,
      .graphic-anim-section .white-panel img,
      .ios-bg-center .ios-logo-center img,
      .ios-game-development-panel .col-md-4.col-sm-4 .development-panel img,
      .ios-game-development-panel .col-md-6.col-sm-6 .development-panel img,
      .joomla-services .services-includes-panel img,
      .magento-center .center-panel img,
      .magento-icons-center li img,
      .magento-servicess-panel .services-includes-panel img,
      .php-web-development .center-panel img,
      .salesforce .logo-center img,
      .unity-bg .unitybanner-center img {
          width: 60px
      }
      section.graphics-features.video-services-gray .white-panel {
          min-height: auto;
          margin-bottom: 20px
      }
      .augmented-shopping .aug-shopping h2 {
          margin-bottom: 15px;
          font-size: 22px
      }
      .free-cusome-btn {
          font-size: 16px
      }
      .free-consultant h3 {
          font-size: 30px;
          line-height: 22px
      }
      .free-consultant li {
          margin: 0 12px 0 0
      }
      .drupal-services .services-includes-panel img {
          width: 60px;
          margin: 0
      }
      .drupal-services .services-includes-panel {
          min-height: 230px;
          margin-bottom: 20px;
          text-align: left;
          padding: 10px
      }
      .drupal-services .services-includes-panel p,
      .ios-game-development-panel .development-panel p,
      .joomla-services .services-includes-panel p,
      .magento-servicess-panel .services-includes-panel p {
          font-size: 14px;
          line-height: 20px
      }
      .magento-four-square img {
          width: 200px
      }
      .e-cart {
          height: auto;
          margin-bottom: 15px;
          background: #3f96f3;
          color: #fff
      }
      .average-video-development .info-video,
      .elearn-section .elearn-section-art,
      .video-promote .video-promote-panel {
          background-size: contain;
          height: 200px;
          background-position: center
      }
      .elearn-section .content-panel {
          padding: 40px 20px;
          color: #fff;
          text-align: center;
          height: auto
      }
      .learning-application-panel .left-panel {
          width: 16%;
          margin-right: 10px
      }
      .graphics-transforms .art-graphic {
          background-size: cover;
          height: 240px
      }
      .art-never-finished .black-panel-area,
      .graphics-transforms .content-pattern {
          padding: 20px;
          height: auto
      }
      .average-video-development .content-center h3,
      .career-accelerate h2,
      .graphics-transforms .content-pattern h3,
      .video-promote .content-center h3 {
          margin-bottom: 10px;
          font-size: 24px
      }
      .art-never-finished .black-panel-area p,
      section.skew-background.html-green .title-center {
          font-size: 16px;
          line-height: 24px
      }
      .top-background-portion .background-portion-caption .btn-lets {
          padding: 5px 30px;
          font-size: 15px;
          margin-top: 10px
      }
      .magento-bg .background-portion-caption {
          top: 10%
      }
      .magento-servicess-panel .col-md-4.col-sm-4 {
          width: 100%;
          float: left
      }
      .magento-servicess-panel .services-includes-panel h4 {
          font-size: 17px;
          height: 60px
      }
      .magento-servicess-panel .services-includes-panel {
          min-height: 480px;
          padding: 15px 10px;
          margin-bottom: 20px
      }
      .unity-list-panel li {
          font-size: 16px;
          line-height: 20px
      }
      .ios-game-bg.top-background-portion .background-portion-caption h1 img {
          margin: 0 auto;
          width: 40px
      }
      .ios-game-development-panel .col-md-4.col-sm-4 {
          width: 50%;
          float: left;
          margin-bottom: 30px
      }
      .game-develop-production .development-panel h4 {
          font-size: 16px;
          font-weight: 400
      }
      .art-never-finished .clipart-panel {
          height: 261px;
          background-size: cover;
          background-position: center
      }
      .art-never-finished .black-panel-area h3,
      .global-banner-slide .why-jploft h2,
      .location-panel-box h3,
      .why-choose-jploft .jploft-excellent h3 {
          font-size: 24px;
          margin-bottom: 10px
      }
      .game-development-platform {
          padding: 40px 0;
          text-align: center
      }
      .global-banner-slide .saving-sources:before,
      .ios-bg-center .ios-logo-center,
      .new-custom-contact-form input[type="text"] {
          margin-bottom: 10px
      }
      .ios-game-development-panel .col-md-6.col-sm-6 {
          width: 100%;
          float: none;
          margin-bottom: 20px
      }
      .joomla-services .col-md-4.col-sm-4 {
          width: 100%;
          float: none;
          margin-bottom: 30px
      }
      .joomla-services .services-includes-panel {
          min-height: auto;
          padding: 15px
      }
      .node-optmal-panel .node-jd-blox h2 {
          font-size: 20px;
          text-align: left;
          margin-bottom: 15px
      }
      .node-application .node-app {
          height: 310px;
          background-size: cover
      }
      .node-application .content-node-app li {
          margin: 0 0 5px;
          font-size: 18px
      }
      .web-php-bg .background-portion-caption {
          top: 22%
      }
      .level-services .stati li img,
      .web-php-services img {
          width: 50px
      }
      .web-php-services li span {
          margin-top: 5px;
          font-size: 11px
      }
      .reactnative-bg .background-portion-caption a.green-free-estimate,
      .salesforce .background-portion-caption a.green-free-estimate,
      .shopify-bg .background-portion-caption a.green-free-estimate {
          padding: 5px 20px;
          font-size: 15px
      }
      .reactnative-bg .background-portion-caption,
      .video-bg .background-portion-caption,
      .vr-game-bg .background-portion-caption {
          top: 35%
      }
      .reactnative-developer h2,
      .reactnative-services h2 {
          margin-bottom: 15px;
          font-size: 24px;
          line-height: 24px
      }
      .center-option li {
          margin: 0 8px;
          font-size: 14px
      }
      .center-option li img {
          width: 40px;
          margin: 0 auto
      }
      body .map-section #map_wrapper {
          height: 350px !important;
          padding: 0
      }
      .sales-mobileapp .content-center {
          display: block;
          height: auto
      }
      .sales-mobileapp .content-center .center-table {
          display: block;
          vertical-align: middle
      }
      .salesforce .background-portion-caption h1 sup {
          font-size: 16px;
          top: -8px
      }
      .shopify-bg .background-portion-caption .logo-center img {
          width: 150px
      }
      .contact-office-locations h2,
      .shopping-world h2 {
          margin-bottom: 0;
          font-size: 24px
      }
      .shopify-services .shopify-services-panel {
          max-width: 100%;
          margin-bottom: 15px
      }
      .vr-project-management h2 {
          font-size: 24px;
          text-align: left;
          margin-top: 15px
      }
      .wordpress-bg .background-portion-caption p {
          font-size: 16px;
          line-height: 22px
      }
      .new-wp-services .services-includes-panel {
          margin-bottom: 20px;
          min-height: auto
      }
      .new-wp-services .services-includes-panel h4 {
          height: auto;
          margin: 15px 0;
          font-size: 18px
      }
      .contact-form input[type="submit"] {
          font-size: 20px;
          margin-bottom: 20px;
          width: 100%
      }
      .conatact-map-location #map_wrapper1 {
          height: 320px
      }
      .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption {
          position: relative;
          bottom: 0
      }
      .development-custom .transparent-black li {
          width: 49%;
          font-size: 18px;
          text-align: center;
          margin-bottom: 20px
      }
      .development-custom .transparent-black li span.image img {
          margin: 0 auto;
          display: block
      }
      .career-section-hiring.graphics-features.video-services-gray .white-panel {
          min-height: 185px;
          margin: 0
      }
      .portfolio-category-menu li,
      .portfolio-graphic-animation .new-gallery {
          width: 48%
      }
      .top-background-portion .background-portion-caption p {
          font-size: 14px;
          line-height: 18px;
          margin: 0
      }
      .top-background-portion .background-portion-caption .latest-tech {
          font-size: 14px;
          margin-bottom: 5px
      }
      .top-background-portion .background-portion-caption .price-technology {
          font-size: 14px;
          margin-bottom: 10px;
          line-height: 16px
      }
      .top-background-portion .background-portion-caption .lets-talk {
          font-size: 15px;
          padding: 4px 18px
      }
      .global-banner-slide h1 {
          font-size: 22px;
          margin: 15px 0 5px;
          font-weight: 500
      }
      .global-banner-slide h2 {
          font-size: 22px;
          margin-top: 30px;
          margin-bottom: 25px
      }
      .text-muted em {
          color: #00ffc6;
          font-size: 18px
      }
      .global-banner-slide .hire-hourly .pound-rate {
          font-size: 20px;
          margin-bottom: 0
      }
      .global-banner-slide .domain {
          font-size: 16px;
          margin-bottom: 5px
      }
      .global-banner-slide .upfront-payment {
          font-size: 20px;
          margin-bottom: 10px
      }
      .global-banner-slide .dedicated-developer {
          font-size: 14px;
          font-weight: 700;
          margin-bottom: 10px;
          line-height: 20px
      }
      .global-banner-slide .nda-blox a {
          font-size: 14px;
          padding: 7px 20px;
          width: 100%;
          margin-bottom: 15px
      }
      .global-banner-slide .why-jploft li {
          margin: 0 0 5px;
          font-size: 14px;
          line-height: 20px
      }
      .top-background-portion .global-banner-slide {
          top: 67px
      }
      .top-background-portion.portfolio-bg .global-banner-slide {
          top: 51px
      }
      .global-banner-slide p {
          font-size: 14px;
          line-height: 1.3
      }
      .portfolio_cat {
          margin-top: 15px
      }
      .portfolio-category-menu a {
          padding: 15px 4px;
          width: 84px;
          margin: 0 1px;
          font-size: 12px;
          height: 75px;
          display: inline-flex;
          align-items: center;
          justify-content: center
      }
      .portfolio-category-menu a .portfolio_s_icon {
          display: none
      }
      .top-background-portion.portfolio-bg {
          height: 240px !important
      }
      .topnav a.active,
      .topnav a:hover {
          margin-top: 0
      }
      .global-banner-slide .saving-sources,
      .working-methology .center-position li h3 {
          font-size: 20px
      }
      .row-backend-certified .certified-center li .image {
          display: block;
          vertical-align: middle;
          margin-right: 0
      }
      .row-backend-certified .certified-center li .image img {
          margin: 0 auto;
          width: 38px;
          padding-bottom: 12px
      }
      .row-backend-certified .certified-center li {
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          line-height: 15px;
          border-right: 0
      }
      .level-services .srvc_l {
          width: 100%;
          display: block;
          text-align: center
      }
      .app-solution ul,
      .level-services .srvc_l .slider {
          width: 100% !important
      }
      .level-services .stati {
          display: block;
          width: 100%;
          margin-left: 12px
      }
      .level-services h2 {
          margin-bottom: 25px;
          font-size: 24px;
          text-align: center
      }
      .level-services .stati li {
          font-size: 15px;
          width: 43%;
          border-right: 0;
          margin-bottom: 15px;
          min-height: 166px;
          margin-right: 16px
      }
      .blog-section .featured-blog .infor h3 {
          width: 67%
      }
      .level-services .stati li strong {
          font-size: 25px;
          margin: 10px 0
      }
      .website-technologies .technology-website-section {
          height: auto;
          padding: 20px;
          background-size: 100% 100%
      }
      .website-technologies .technology-website-section .description {
          padding-bottom: 15px;
          margin-bottom: 15px;
          line-height: 20px
      }
      .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
          margin-bottom: 20px;
          font-size: 16px
      }
      .website-technologies .technologies-services {
          height: auto;
          padding: 40px 0
      }
      .website-technologies .technologies-services .technologies-services-panel li {
          width: 100%;
          text-align: center;
          border-left: 0;
          margin: 10px 0
      }
      .industry-solution .industry-solution-panel li:nth-child(5),
      .industry-solution .industry-solution-panel li:nth-child(6),
      .industry-solution .industry-solution-panel li:nth-child(7),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(4),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(5),
      .website-technologies .technologies-services .technologies-services-panel li:nth-child(6) {
          border-bottom: 1px solid #dcdcdc
      }
      .industry-solution .industry-solution-right h2 {
          font-size: 24px;
          margin-bottom: 15px;
          text-align: center
      }
      .industry-solution .industry-solution-right h2:after {
          left: 0;
          margin: 0 auto
      }
      .industry-solution .industry-solution-panel li {
          width: 100%;
          display: block;
          border-left: none
      }
      .industry-solution .industry-solution-panel li a {
          min-height: inherit;
          padding: 10px
      }
      .industry-solution .industry-solution-right {
          text-align: center;
          padding: 20px
      }
      .industry-solution .industry-solution-content {
          height: auto;
          padding: 20px;
          font-size: 16px;
          line-height: 20px
      }
      .industry-solution .industry-solution-content a {
          font-size: 16px;
          padding: 7px 20px;
          width: 100%;
          margin-bottom: 15px
      }
      .working-methology {
          padding: 20px 0
      }
      .working-methology h2:after {
          margin: 8px auto
      }
      .working-methology .clerty {
          width: 100%;
          display: block;
          text-align: center;
          margin-top: 20px;
          padding-right: 0
      }
      .working-methology .center-position {
          display: block;
          width: 90%;
          margin: 40px auto 0
      }
      .working-methology .center-position li h3:before {
          top: -33px;
          margin: 0 auto;
          left: 0;
          right: 0;
          width: 30px;
          height: 30px;
          line-height: 25px;
          font-size: 18px
      }
      .working-methology .center-position li {
          width: 100%;
          margin: 0 0 20px
      }
      .clarity-fairness h2 {
          font-size: 24px;
          margin-bottom: 20px
      }
      .clarity-fairness-panel .fairness-panel h3 {
          margin-bottom: 10px;
          min-height: auto
      }
      .world-map .owl-item .item iframe {
          width: 100%;
          height: 225px;
          margin: 0 auto
      }
      .codeigniter-expertise h2 {
          font-size: 24px;
          line-height: 26px
      }
      body .hirlaravel-sec,
      body .hirlaravel-sec .inner-content {
          transform: inherit
      }
      .why-choose-jploft .jploft-excellent {
          font-size: 16px;
          line-height: 24px;
          margin-top: 20px;
          padding-bottom: 40px
      }
      .why-choose-jploft .jploft-excellent .servicesjploft-panel li {
          margin: 0 14px;
          width: 40%
      }
      .choose-wordpress-website li {
          margin: 0 0 15px;
          width: 100%;
          min-height: auto
      }
      section.skew-background.html-green .title-center h3 {
          font-size: 18px;
          font-weight: 300;
          line-height: 26px
      }
      .locations .col-md-3.col-sm-3 {
          border-right: 0;
          min-height: auto;
          margin-bottom: 20px
      }
      .contact-instant .instant-blue-panel h3 {
          font-size: 36px;
          margin-bottom: 10px
      }
      .contact-instant .form-gray-bg-panel {
          height: auto;
          padding: 40px 20px
      }
      .new-custom-contact-form h6 {
          margin: 15px 0
      }
      .new-custom-contact-form input[type="submit"] {
          padding: 8px 22px;
          font-weight: 400;
          font-size: 18px;
          width: 100%
      }
      .portfolio-panel .see-port {
          display: block;
          width: 100%;
          min-height: auto
      }
      .portfolio-panel .port-content-panel {
          display: block;
          vertical-align: middle;
          width: 100%;
          text-align: center;
          margin-top: 20px
      }
      .portfolio-panel .port-content-panel p {
          color: #a0a0a0;
          font-size: 16px;
          line-height: 24px
      }
      .static-map-location .form-map-location {
          width: 100% !important;
          position: relative;
          height: auto
      }
      .static-map-location .col-md-4.col-sm-4,
      .static-map-location .col-md-8.col-sm-8 {
          padding: 0;
          width: 100%
      }
      .static-map-location .static-map {
          height: 250px;
          background-image: url(../img/world-map.jpg);
          background-repeat: no-repeat;
          background-size: 100%
      }
      .menu-top-position .custom-menu-dropdown li.dropdown ul.dropdown-menu.hire-developer-dropdown li a {
          padding: 14px 0
      }
      .lms-challenges ul {
          list-style-type: disc;
          list-style-position: inside
      }
      .newv-career-cover {
          font-size: 16px;
          background-size: auto;
          padding: 0;
          margin-top: 0;
          height: 150px
      }
      .portfolio-graphic-animation .demo {
          height: 250px !important
      }
      #portfolio-web-development li {
          margin: 0 0 10px;
          padding: 0;
          border: 0
      }
      #portfolio-web-development li a {
          padding: 7px 8px !important;
          border: 1px solid #ddd;
          font-size: 13px
      }
      body .loader {
          margin-top: 90%
      }
      .blog-section {
          padding: 20px 20px 0
      }
      .blog-section .featured-blog+.featured-blog {
          margin-left: 5px
      }
      .blog-section .featured-blog {
          width: auto;
          margin: 10px 5px;
          box-sizing: border-box
      }
      .blog-section .hdngs p {
          font-size: 13px;
          line-height: normal
      }
      .blog-bg {
          background-position: center
      }
      .blog-bg h1 {
          font-size: 30px;
          margin: 50px 0
      }
      .blog-bg h1 span {
          font-size: 13px;
          text-transform: none
      }
      .portfolio-category-menu>ul li {
          width: auto;
          margin: 3px 10px
      }
      .left-sec {
          width: 85%
      }
      .hdr_phone .dropdown-content {
          box-sizing: border-box;
          position: fixed;
          right: 0;
          min-width: 80%;
          width: 90%;
          margin: 0;
          left: 20px;
          top: 51px
      }
      .menu-top-position .custom-menu-dropdown .dropdown-content ul li a {
          color: #000 !important
      }
      .app-solution h2 {
          font-size: 25px;
          line-height: 32px;
          margin-top: 0
      }
      .app-solution p {
          font-family: sans-serif
      }
      .app-solution ul li {
          margin-top: 10px;
          font-size: 15px !important;
          text-align: center;
          border: 1px solid #ccc;
          padding: 6px 5px;
          letter-spacing: inherit;
          border-radius: 4px
      }
      .app-solution .app-screen {
          margin: 20px 0
      }
      .app-solution .red-btn {
          font-size: 16px;
          width: auto;
          padding: 10px 30px
      }
      .clutch_sec_head_rating {
          margin-top: 10px
      }
      .clutch_sec_head {
          margin-bottom: 20px
      }
      .sld_sec.service_sld {
          margin: 0
      }
      .delp-srvce {
          padding: 50px 0
      }
      .delp-srvce .text-center.mt-5 {
          margin-top: 20px !important
      }
      .abt-dtl h2,
      .services_slider_heading h2 {
          font-size: 28px;
          line-height: 1.5
      }
      .about-eocmers.service_eocmers,
      .solution-main.srvces-main.service_page_benefits {
          padding: 40px 0
      }
      .solution-main.srvces-main.service_page_benefits h2 {
          margin: 0
      }
      .benifts ul li.blu-shpe {
          margin: 0 auto !important
      }
      .services_slider_con {
          padding: 25px;
          width: 400px
      }
      .services_slider_meta_itm h2 {
          font-size: 24px
      }
      .services_slider_in .slick-next,
      .services_slider_in .slick-prev {
          bottom: 6px
      }
      .services_slider_in .slick-slide {
          margin: 0 !important
      }
      .stat-vid.counter_s {
          padding: 40px 0
      }
      .btn_sec {
          margin-top: 0;
          padding-top: 30px
      }
      .buss-dtl-sct h2 {
          font-size: 24px
      }
      .service_page_why h2 {
          margin-top: 0
      }
      .process_new p,
      .buss-dtl-sct p,
      .service_page_why p,
      .left_right_sec_itm p {
          font-size: 15px;
          line-height: 1.7
      }
      .left_right_sec_itm h4 {
          font-size: 18px
      }
      .blg-sctn .busn-txt,
      .busnss-mod .busn-txt {
          padding: 30px 20px
      }
      .solution-bnr.resto-rent h1 span {
          font-size: 28px
      }
      .solution-bnr button,
      .why_jpl_services button {
          margin: 25px auto 30px
      }
      .d-soltions button {
          margin: 25px auto 0
      }
      .d-soltions .cntnts-r img {
          min-height: unset;
          margin: 30px auto 20px
      }
      .dev-process {
          padding-bottom: 50px
      }
      .solution_secsss_itm h3 {
          margin-bottom: 0
      }
      .why_jpl_services .mt-5 {
          margin-top: 0 !important
      }
      .solution-bnr.resto-rent {
          padding: 80px 0 30px
      }
      .solution-bnr p {
          font-size: 17px
      }
      .solution-bnr.resto-rent h1 {
          font-size: 28px
      }
      .casestdy_itms_in .row,
      .casestdy_itms_in .row:nth-child(2n+2) {
          flex-direction: column-reverse
      }
      .casestdy_itm_con {
          padding: 25px
      }
      .casestdy-main-banner h2 {
          font-size: 30px;
          margin-bottom: 10px
      }
      .casestdy-main-banner {
          min-height: unset
      }
      .casestudy_bnr_img {
          margin-top: 30px
      }
      .casestudy_bnr_img img {
          max-width: 80%;
          margin: auto
      }
      .flow_sec_itm,
      .team_timeline_itm {
          margin-top: 15px
      }
      .team_timeline {
          padding: 25px 0 0
      }
      .cs_sec1_in {
          flex-wrap: wrap
      }
      .cs_sec1_client {
          flex: 0 0 100%;
          margin-bottom: 20px
      }
      .app_download,
      .app_features,
      .cs_sec1,
      .flow_sec,
      .goals_objectives,
      .project_overvie,
      .technology_tools,
      .visuals_sec.apps-carft-screen-short-ssection {
          padding: 40px 0
      }
      .project_overview_img img {
          max-width: 80%;
          margin: 0 auto 30px
      }
      .app_download_con,
      .project_overview_con {
          text-align: center
      }
      .project_overview_con button.btn.hvr-bubble-right.myButt {
          margin: 0 auto
      }
      .challenges_solution {
          padding: 15px 0
      }
      .challenges_solution_in .row [class*="col-"]:nth-child(2) .challenges_solution_con {
          padding-left: 0
      }
      .challenges_solution_in .row [class*="col-"]:nth-child(2) .challenges_solution_con::before {
          display: none
      }
      .app_download_img {
          margin-top: 10px
      }
      .app_download_img img {
          max-width: 80%
      }
      .casestudy_heading {
          font-size: 26px
      }
      .app_download_con p,
      .app_features p,
      .challenges_solution_con p,
      .goals_objectives_con p,
      .project_overview_con p {
          margin-top: 10px;
          font-size: 16px
      }
      .flow_sec_itm_head {
          font-size: 14px
      }
      .flow_sec_in .row {
          margin: 0 -7px
      }
      .flow_sec_in .row .col_5 {
          padding: 0 7px
      }
      .app_features_sss h3 {
          font-size: 20px
      }
      .app_features_sss_in h4 {
          margin-top: 20px;
          font-size: 18px
      }
      .app_feature_itms li {
          padding: 10px 15px;
          font-size: 15px;
          line-height: 1.4
      }
      .challenges_solution_in .row [class*="col-"]:first-child .challenges_solution_con {
          padding-right: 0
      }
      .pagenotfound_sec_in {
          max-width: 350px;
          margin: 0 auto
      }
      .pagenotfound_sec_con h1 {
          font-size: 22px
      }
      .pagenotfound_sec_con p {
          font-size: 15px;
          line-height: 1.4
      }
      .pagenotfound_sec_img {
          margin-top: 20px
      }
      .pagenotfound_sec {
          padding: 30px 0
      }
      .thanks_content {
          margin-bottom: 0;
          box-shadow: unset;
          border-radius: 15px 15px 0 0;
          padding: 20px 20px 30px
      }
      .thanks_sec_cn h1 {
          margin-top: 15px;
          font-size: 26px
      }
      .thankyou-timeline h2 {
          font-size: 20px;
          margin-top: 10px
      }
      .thankyou-timeline ul {
          padding-left: 0;
          list-style: none;
          margin-top: 30px
      }
      .thankyou-timeline ul li,
      .thankyou-timeline ul li.process_done {
          padding-left: 50px
      }
      .timeline_no {
          flex: 0 0 25px;
          height: 25px;
          width: 25px;
          font-size: 11px;
          max-width: 25px
      }
      .timeline_cont_box {
          padding-left: 15px;
          padding-top: 45px
      }
      span.ic_cls {
          top: -24px
      }
      .ic_cls svg {
          height: 50px;
          width: 50px
      }
      .timeline_cont_box h3 {
          font-size: 15px
      }
      .thankyou-timeline p {
          font-size: 14px;
          line-height: 1.4
      }
      .thankyou-timeline ul li:after {
          left: 13px;
          top: 90px
      }
  }

  @media screen and (max-width:700px) {
      .column,
      .container {
          width: 100%
      }
      .column {
          display: block;
          margin-bottom: 20px
      }
      .casestdy-main .bnnerr {
          text-align: center
      }
      .casestdy-main .study-box-in {
          max-width: 100%
      }
  }

  @media screen and (max-width:600px) {
      .topnav a {
          padding: 5px
      }
      .topnav a.active {
          padding: 5px 15px
      }
      .topnav a.icon {
          float: right;
          display: block;
          padding: 5px 10px
      }
      .topnav.responsive {
          position: relative
      }
      .topnav.responsive .icon {
          position: absolute;
          right: 0;
          top: 0
      }
      .topnav.responsive a {
          float: none;
          display: block;
          text-align: left
      }
      .portfolio-category-menu {
          text-align: left;
          position: relative
      }
      .right-sec .portfolio-section {
          padding: 15px 0
      }
      .portfolio-bg {
          min-height: 200px !important
      }
      .portfolio-bg .global-banner-slide h1 {
          font-size: 25px;
          margin: 30px 0 5px
      }
      .portfolio-category-menu a {
          width: 100%;
          height: 40px;
          margin: 0;
          justify-content: flex-start;
          padding: 0 14px;
          font-size: 13px
      }
      .topnav a.icon.more_port {
          background: #ED1F24;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 70px;
          position: absolute;
          top: 4px;
          right: 4px;
          height: 32px
      }
      .portfolio_cat.port_fixed .portfolio-category-menu a {
          padding: 0 15px;
          font-size: 13px
      }
      .topnav.portfolio-category-menu {
          display: none
      }
      .portfolio_cat_nav {
          display: flex
      }
      .portfolio_cat_nav a {
          width: 100%;
          background: #fff;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 15px;
          border-radius: 5px;
          color: #000;
          font-size: 14px
      }
      .portfolio_cat_nav span {
          font-size: 24px;
          color: #ED1F24
      }
      .open_portfolio_s .home-cover-top {
          overflow: unset
      }
      .open_portfolio_s .topnav.portfolio-category-menu {
          display: inline-block;
          position: absolute;
          top: 40px;
          margin: 0;
          width: calc(100% - 30px);
          z-index: 1111;
          border: 1px solid #ddd;
          border-radius: 8px;
          overflow: hidden
      }
      .portfolio_cat_in .container {
          position: relative
      }
      .left-sec {
          width: 100%
      }
      .topnav a::after {
          display: none
      }
  }

  @media screen and (max-width:576px) {
      .navbar-dark .navbar-nav .nav-link {
          font-size: 15px
      }
      .section-img {
          margin: 0
      }
      .process_new h3 {
          margin-top: 40px;
          line-height: 1.3
      }
      .rang_sec_heading,
      h4,
      .rnk-bsns-bg h5,
      .about-txt {
          line-height: 1.3
      }
      .app-ftr-typ p {
          font-size: 14px
      }
      .apps-develop-met p {
          display: none
      }
      .prfle-dtl-btn {
          padding: 9px 20px
      }
      .prfle-dtl-btn::after {
          width: 36px;
          height: 36px;
          left: 0
      }
      .team_content {
          line-height: 1.6
      }
      .app_feature_itms li.app_feature_itm_full {
          flex: 0 0 100%
      }
      .benifts [class*="col-"]:last-child ul {
          margin-left: 0
      }
      .new-contact-us-bg .contact-form-box .col-md-6 {
          width: 100%
      }
      .casestdy_itms {
          padding: 40px 0
      }
      .c-right-bg .terms {
          font-size: 14px
      }
      .cr-hd p {
          font-size: 15px
      }
      .creer-hero {
          padding: 50px 0
      }
      .abt-jplft,
      .accrodn-section-faq,
      .app-dvlp-section,
      .apps-develop-met,
      .blog-section-main,
      .brand-section-new,
      .cloe-myntra,
      .clt-revw-testi,
      .comy-grt,
      .jn-with-us,
      .ofc-tem,
      .on-demand-section,
      .our-vne,
      .port-secs,
      .price-ecomr-app,
      .rnk-bsns,
      .skl-vlue,
      .table-need-tem,
      .why-join-us,
      section.our-work-section {
          padding: 30px 0
      }
      .abt-dtl h2,
      .abt-hro .cr-hd h1,
      .abt-jplft h4,
      .cl-with-us h3,
      .cntct-strp h4,
      .count-up h3,
      .cr-hd h1,
      .ftr-form h4,
      .section-heading h2,
      .skl-vlue h2,
      .home_page_main_heading,
      .slider-heading h1,
      .topsec h3,
      h2.counter-count,
      .service_restimonial_head h4 {
          font-size: 22px;
          line-height: 1.5
      }
      .we-re-jp {
          padding-top: 25px
      }
      .slider-section {
          height: auto;
          min-height: unset;
          padding: 50px 0 0;
      }
      .heading-section h2,
      .heading_second,
      h2 {
          font-size: 22px;
          line-height: 1.4;
          margin-bottom: 10px
      }
      .industries-txt {
          padding: 30px 15px 15px
      }
      .cl-with-us h4,
      .industries-section,
      .lve-jploft,
      .techno-log,
      .wthus-1 {
          margin-top: 30px
      }
      .dmand-modl,
      .stat-vid .vido-sec {
          margin-bottom: 30px
      }
      .stat-vid {
          padding: 30px 0 40px;
          margin-top: 0
      }
      .counter,
      .delp-srvce [class*="col-"]:last-child .dvlp-dtl,
      .rnk-bsns .rnk-cover:last-child .rnk-bsns-bg {
          margin-bottom: 0
      }
      .count-up p {
          font-size: 12px
      }
      .counter .col {
          padding: 0 10px
      }
      #grocery-banner h1,
      .we-re-jp h3 {
          font-size: 22px;
          margin-bottom: 10px
      }
      .we-wrk {
          margin-top: 0
      }
      .admin-type,
      .heading-section {
          margin-bottom: 20px
      }
      .port-desc h4,
      .port-desc h4 span {
          margin-top: 15px
      }
      .btn-primary-icon .icon {
          left: -3px;
          top: 3px
      }
      .hom-new .btn-primary img {
          margin-left: 10px
      }
      .src-dtl h3 {
          font-size: 16px;
          margin-bottom: 10px;
          min-height: auto;
          line-height: 1;
          font-weight: 400
      }
      .port-secs .slick-slider {
          width: 100%;
          margin-left: 0;
          padding: 40px 15px 0
      }
      .port-secs .slick-next,
      .port-secs .slick-prev {
          top: 5px
      }
      .pprtt-sldr p {
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis
      }
      .hr-dtl-bg {
          padding: 15px 15px 6px
      }
      .comy-grt h3 {
          font-size: 34px
      }
      .comy-grt p {
          font-size: 15px;
          font-weight: 700
      }
      .comy-grt h3 sup {
          font-size: 28px
      }
      .testimlm .heading-section {
          margin: 0 !important;
          padding: 30px 0 0 !important
      }
      .testi-txt p {
          font-size: 14px;
          line-height: 24px
      }
      .testimlm .mn-ht {
          min-height: unset
      }
      .testimlm .testi-txt p {
          min-height: unset;
          height: auto;
          margin-bottom: 30px !important
      }
      .testimlm .testi-txt {
          margin-top: 20px;
          margin-bottom: 0
      }
      .testimlm p {
          color: #fff
      }
      .slider-heading p {
          font-size: 14px;
          margin-bottom: 15px;
          line-height: 22px
      }
      .ourbrandsslider img {
          height: 30px
      }
      .clutch_sec_sld .slide-item,
      .howappwork,
      .slider-section .container [class*="col-"] {
          padding: 0
      }
      .abt-bdy .section-heading h2,
      .ftr-adrs h2,
      footer .ftr-section .ftr-adrs h2 {
          font-size: 22px;
          line-height: 1.4
      }
      .blog-sec h2,
      .rnk-bsns h2 {
          font-size: 22px;
          line-height: 1.3
      }
      .abt-jplft p,
      .blog-sec p,
      .rnk-bsns p,
      .service_restimonial_head p {
          font-size: 15px;
          line-height: 1.4
      }
      .abt-jplft p,
      .service_restimonial_head p {
          margin: 18px 0
      }
      footer .ftr-section .ftr-adrs .ftr-cont {
          font-size: 14px;
          margin-bottom: 10px
      }
      .clnt {
          width: calc(33.33% - 20px);
          padding: 5px
      }
      .blog_sec {
          padding: 40px 0
      }
      footer .ftr-section {
          padding-bottom: 40px;
          margin-top: 30px
      }
      .admin-img,
      .for-mbl img {
          margin: 0 auto
      }
      .footer_row {
          padding-top: 25px !important
      }
      footer .ftr-nav .copyrgt {
          line-height: 24px
      }
      .ovr-rting p {
          line-height: 20px
      }
      .heading-section p,
      .we-re-jp p,
      p {
          line-height: 24px;
          font-size: 14px
      }
      .ovr-rting ul {
          margin-bottom: 7px;
          margin-right: 0
      }
      .dmca_sec {
          margin-top: 10px
      }
      .port-desc h4,
      .port-desc h4 span {
          font-size: 18px !important
      }
      .industries-txt h3 {
          font-size: 16px;
          margin-bottom: 7px;
          font-weight: 400
      }
      .abt-hro .cr-hd p,
      .port-desc p {
          font-size: 14px;
          line-height: 22px
      }
      .nike-prt-2 {
          padding-top: 0 !important;
          margin-top: 0px !important
      }
      .mt-5.bsns-cover,
      .mt-5.port-secs-cn {
          margin-top: 20px !important
      }
      .cl-with-us h2 {
          font-size: 40px;
          line-height: 23px;
          margin-bottom: 20px
      }
      .cl-with-us {
          padding: 30px 30px 140px 20px
      }
      .cl-with-us h4 {
          font-size: 24px;
          font-weight: 700
      }
      .abt-jplft p,
      .accrodn-section-faq .btn-header-link,
      .cl-with-us p,
      .form-control,
      .rnk-bsns p,
      .wthus-1 p,
      body,
      .service_restimonial_head p {
          font-size: 14px
      }
      .jn-with-us .section-heading,
      .our-vne .section-heading {
          margin-bottom: 15px !important
      }
      .jn-with-us .row.mt-5,
      .our-vne .row.mt-5 {
          margin-top: 0 !important
      }
      .awrd-wthus {
          padding: 40px 0 210px
      }
      .industry-logos {
          padding: 20px 60px
      }
      .indrty-log {
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center
      }
      .vjn-dep h2 {
          font-size: 18px
      }
      .prfle-dtl h2 {
          font-size: 20px
      }
      .prfle-dtl p {
          font-size: 15px
      }
      .team_itm {
          margin-bottom: 0
      }
      .glry .section-heading {
          margin: 0 !important
      }
      .navbar {
          padding: 0px !important
      }
      #grocery-banner .gro-form .bodysec,
      #grocery-banner .gro-form .topsec,
      #grocery-banner .gro-text .comman-ftr,
      .intrt-stpes {
          padding: 10px
      }
      .hom-new .navbar-dark .navbar-toggler {
          right: 0
      }
      .breadcrumb_sec .container {
          padding: 0 15px
      }
      .breadcrumb_sec {
          padding: 5px 0 4px
      }
      .skl-vlue p {
          font-size: 15px;
          margin-bottom: 30px
      }
      img.st-1-img {
          width: 90px
      }
      .intre-step-slid h2 {
          font-size: 40px
      }
      .intrt-stpes {
          margin-top: 0;
          margin-bottom: 30px
      }
      .hr-pr-dtl img {
          width: 120px
      }
      .hr-dtl-bg:before {
          left: -20px;
          bottom: 53px;
          border-bottom: 20px solid #e73c3e;
          border-left: 20px solid #fff0
      }
      .hr-dtl-bg:after {
          left: -28px;
          bottom: 50px;
          border-bottom: 28px solid #fff;
          border-left: 28px solid #fff0
      }
      .on-demand-section .section-heading h2,
      .why-join-us h2,
      footer .ftr-nav ul li {
          margin-bottom: 15px
      }
      .line-new {
          margin: 30px 0
      }
      .bsns-cover .busn-txt,
      .card-body,
      .clutch_sec,
      .cntct-strp {
          padding: 15px
      }
      .clutch_sec_head h3 a {
          font-size: 16px
      }
      .clutch_sec_head_rating h4 {
          font-size: 16px;
          margin-right: 5px
      }
      .clutch_sec_head_rating {
          flex-wrap: wrap;
          margin-top: 15px
      }
      .clutch_poewerdby {
          margin-left: 0;
          flex: 0 0 100%;
          margin-top: 15px
      }
      .clutch_sec_sld .slick-next.slick-arrow {
          right: -22px
      }
      .clutch_sec_sld .slick-prev.slick-arrow {
          left: -22px
      }
      #grocery-banner .gro-text .features,
      .about-eocmers .section-img img,
      .abt-dtl h2 {
          margin-top: 20px
      }
      #grocery-banner .gro-text h2,
      .about-txt span {
          font-size: 20px
      }
      #grocery-banner p {
          font-size: 12px;
          line-height: 20px
      }
      body {
          line-height: 18px
      }
      #grocery-banner .gro-text .number-ftr {
          bottom: -20px;
          width: 25px
      }
      #grocery-banner .pdng-cntnr,
      .app-dvlp-info {
          padding: 40px 15px 30px
      }
      .about-eocmers {
          padding: 10px 0 30px
      }
      .delp-srvce .section-heading h2,
      .on-demand-section .section-heading h2 {
          line-height: 1.4
      }
    
      #grocery-banner .gro-form,
      .howappwork .how-it-wokrs-list li:last-child {
          padding-bottom: 0
      }
      .delp-srvce {
          padding: 35px 0
      }
      .delp-srvce .section-heading p {
          font: 14px/22px Helvetica;
          margin-bottom: 30px
      }
      .abt-dtl p {
          font-size: 13px;
          margin: 10px 0;
          line-height: 24px
      }
      .section-heading h2 {
          font: 700 22px/30px Roboto, sans-serif
      }
      .dvlp-img img {
          height: 40px
      }
      .dvlp-img {
          width: 40px
      }
      .dvlp-dtl h2 {
          margin-top: 15px;
          margin-bottom: 5px !important;
          font-size: 18px !important
      }
      .delp-srvce [class*="col-"]:last-child .dvlp-dtl .dvlp-dtl {
          padding: 20px 15px;
          margin-bottom: 10px;
          min-height: unset
      }
      .dvlp-dtl p,
      .section-heading p,
      .type-dtl p {
          font: 14px/22px Helvetica
      }
      .on-demand-section .section-heading p {
          margin-bottom: 25px
      }
      .dmand-dtl {
          width: 85%;
          padding: 30px 15px 20px;
          margin-top: -75px
      }
      .dmand-dtl span,
      .type-no {
          width: 45px;
          padding: 10px 0;
          top: -22px;
          font-weight: 700
      }
      .app-pro-fect .bg-color {
          background-position: center;
          border-radius: 15px;
          padding: 30px 15px
      }
      .admin-desn .section-heading,
      .app-pro-fect .section-heading {
          margin-bottom: 25px
      }
      .admin-desn {
          padding: 30px 0 0
      }
      .scl-fix-dt {
          height: auto;
          /* overflow-y: initial; */
          margin-top: 30px
      }
      .mobil-img img {
          width: 40%;
          margin: 0 auto
      }
      .mobl-app-groc,
      .scrp-app {
          padding: 20px 0
      }
      .app-dvlp-info.h-100 {
          height: unset !important;
          margin-bottom: 0
      }
      .sect-dtl-img {
          width: 60% !important;
          margin: 0 auto
      }
      .buss-dtl-sct {
          padding: 20px 25px
      }
      .buss-dtl-sct button,
      .buss-dtl-sct p {
          font: 15px/25px Helvetica
      }
      .buss-idea-grow {
          padding: 0 0 40px
      }
      .proc-step ul li {
          margin-bottom: 10px
      }
      .proc-step {
          padding: 40px 20px 14px;
          height: 80% !important
      }
      .del-proc-flow {
          padding-bottom: 35px
      }
      .clnt:hover,
      .rnk-bsns .rnk-cover:hover img {
          transform: scale(.9)
      }
      .icon-dvpl-img {
          width: 65px;
          height: 65px;
          margin-bottom: 15px
      }
      .app-dvlp-info h3 {
          margin: 10px 0;
          font: 700 18px/20px Helvetica
      }
      .groc-dtl button {
          font: 700 14px/21px Helvetica;
          padding: 12px 30px
      }
      .apps-develop-met .aps-scrn {
          margin: 0
      }
      .detl-on-dmnd h3 {
          font: 600 20px/20px Roboto, sans-serif;
          margin-bottom: 0
      }
      .type-dtl h3 {
          font-size: 18px;
          line-height: 1.3
      }
      .detl-on-dmnd {
          padding: 70px 15px 15px
      }
      .app-dvlp-main .slick-slide {
          margin: 0 !important
      }
      .apps-carft-screen-short-ssection {
          margin-top: 0;
          padding-top: 30px;
          padding-bottom: 0
      }
      .accrodn-section-faq .card {
          margin-bottom: 10px
      }
      .about-txt {
          font-size: 15px;
          line-height: 28px
      }
      .port-desc h4 {
          margin: 0
      }
      .port-desc p {
          margin-top: 10px
      }
      .testi-mon {
          margin-top: 0px !important
      }
      .busn-txt h5,
      .rnk-bsns-bg h5 {
          font-size: 18px;
          margin-top: 13px
      }
      .cntct-strp {
          margin: 20px 0 0
      }
      .card-body {
          line-height: 22px
      }
      .busn-txt {
          padding: 15px 0
      }
      .rnk-bsns-bg {
          margin-bottom: 25px;
          min-height: auto;
          padding: 15px 15px 20px
      }
      .rnk-bsns .row.mt-5 {
          margin-top: 25px !important
      }
      .abt-dtl h2,
      .topsec h3 {
          line-height: 30px
      }
      .buss-dtl-sct h2 {
          font-size: 20px;
          line-height: 1.3
      }
      .del-proc-flow .mb-5 {
          margin-bottom: 0 !important
      }
      .howappwork {
          padding-top: 30px;
          padding-bottom: 30px
      }
      .gre-bg-lit.app-dvlp-section+.gre-bg-lit.app-dvlp-section,
      .gre-bg-lit.app-dvlp-section+.section-padding.howappwork {
          padding-top: 0
      }
      .sld_sec.service_sld {
          padding: 50px 0 40px
      }
      #grocery-banner.sld_sec.service_sld .gro-form {
          padding-top: 30px
      }
      .service_eocmers h2 {
          margin-top: 0
      }
      .srvces-main h2,
      .abt-srvc h3 {
          font-size: 22px;
          line-height: 30px;
          margin-bottom: 10px
      }
      .benifts ul li.blu-shpe {
          background-image: unset;
          background-color: #fff;
          box-shadow: 0 0 10px #ddd;
          width: 100%;
          height: auto;
          margin-bottom: 20px !important;
          border-radius: 10px;
          padding: 10px 15px !important;
          justify-content: flex-end;
          flex-direction: row-reverse;
          text-align: left
      }
      .benifts ul li.blu-shpe h3 {
          margin-left: 10px;
          width: 100%;
          padding: 0 !important
      }
      .benifts [class*="col-"]:first-child ul li.blu-shpe h3 {
          padding-left: 0
      }
      .benifts [class*="col-"]:last-child ul li.blu-shpe {
          flex-direction: unset;
          justify-content: flex-start
      }
      .benifts [class*="col-"]:last-child ul li.blu-shpe:last-child {
          margin-bottom: 0 !important
      }
      .services_slider_heading h2 {
          font-size: 22px;
          padding: 0 15px
      }
      .services_slider_con {
          width: 90%;
          margin: 0 auto
      }
      .services_slider_meta_itm h2 {
          font-size: 18px
      }
      .services_slider_con .services_slider_meta_itm p {
          font-size: 12px;
          line-height: 1.4
      }
      .services_slider_con p {
          font-size: 14px;
          line-height: 1.4
      }
      .services_slider_in .slick-next,
      .services_slider_in .slick-prev {
          bottom: 4px
      }
      .services_slider_in .slick-next {
          right: calc(50% - 130px)
      }
      .services_slider_itm {
          padding-top: 150px
      }
      .services_slider_heading {
          top: 40px
      }
      .process_new h2 br {
          font-size: 22px;
          line-height: 30px
      }
      .left_right_sec_itm h4 {
          font-size: 16px
      }
      .left_right_sec_itm_head_ic {
          flex: 0 0 22px
      }
      .left_right_sec_itm p {
          font-size: 13px;
          line-height: 1.6
      }
      .left_right_sec_itm .btn-primary {
          font-size: 14px
      }
      .services_slider_in .slick-prev {
          left: calc(50% + 40px)
      }
      .row.career_itms {
          margin: 0 -5px
      }
      .row.career_itms [class*="col-"] {
          padding: 0 5px
      }
      .dvp-tst a {
          margin-top: 0;
          font-size: 14px;
          bottom: 15px
      }
      .dvp-tst {
          padding: 15px;
          margin-bottom: 10px;
          height: calc(100% - 10px)
      }
      .dvp-tst h3 {
          font-size: 17px
      }
      .solution-bnr.resto-rent h1,
      .solution-bnr.resto-rent h1 span {
          font-size: 22px
      }
      .solution-bnr p {
          font-size: 15px;
          margin-top: 10px
      }
      button.btn.hvr-bubble-right.myButt {
          font-size: 16px
      }
      .d-soltions .cntnts h2,
      .dev-process h2 {
          font-size: 22px
      }
      .d-soltions .cntnts p {
          font-size: 15px;
          line-height: 26px
      }
      .d-soltions .cntnts-r h3 {
          margin-bottom: 10px
      }
      .dev-process h2 br {
          display: none
      }
      .want-to .p-5 {
          padding: 20px !important
      }
      button.btn.hvr-bubble-right.myButt {
          font-size: 15px
      }
      .d-soltions .cntnts.effe h2,
      .newsletter h2,
      .port-sec h2,
      .why-jpl h2,
      .faq-sec h2 {
          font-size: 22px
      }
      .why-jpl h2 br {
          display: none
      }
      .solution-bnr.resto-rent h1 br {
          display: none
      }
      .casestdy-main-banner h2 {
          font-size: 22px
      }
      .casestdy-main-banner {
          padding: 80px 0 30px
      }
      .casestudy_bnr_con h1,
      .casestudy_heading {
          font-size: 22px
      }
      .casestudy_bnr_cat h5 {
          font-size: 15px
      }
      .casestudy_bnr_cat {
          padding: 8px 10px
      }
      .app_download_con p,
      .app_features p,
      .casestudy_bnr_con p,
      .challenges_solution_con p,
      .goals_objectives_con p,
      .project_overview_con p {
          font-size: 14px
      }
      .casestudy_bnr {
          padding: 80px 0 30px
      }
      .team_timeline_con h3 {
          font-size: 24px
      }
      .team_timeline_con p {
          font-size: 13px
      }
      .color_typography_meta {
          flex-wrap: wrap;
          margin-top: 20px
      }
      .color_typography_font {
          margin-right: 0;
          margin-bottom: 30px
      }
      .color_typography_font img {
          max-width: 170px
      }
      .color_typography {
          padding-left: 0
      }
      .color_typography_meta_itms {
          padding-left: 0;
          border-left: 0;
          flex: 0 0 100%
      }
      .color_typography_meta_itm {
          width: calc(33.33% - 20px);
          margin: 0 10px;
          font-size: 14px;
          min-height: 190px;
          flex: 0 0 calc(33.33% - 20px)
      }
      .goals_objectives_con {
          padding: 20px
      }
      .flow_sec_in .row .col_5 {
          flex: 0 0 33.33%;
          max-width: 33.33%
      }
      .flow_sec_in .row {
          justify-content: center
      }
      section.apps-carft-screen-short-ssection.screens_sec {
          padding: 40px 0
      }
      .banner_btns .btn:last-child {
          margin: 0
      }
      .banner_btns .btn {
          font-size: 13px
      }
      .flow_sec_itm_head {
          margin-bottom: 10px
      }
  }

  @media (max-width:480px) {
      .industries-serve-sec .inner-box h3 {
          max-width: 130px;
          margin: 0 auto
      }
  }

  @media (min-width:320px) and (max-width:480px) {
      .additional-bn,
      .design-dev,
      .pr-lnch {
          width: auto
      }
      #large-header,
      .pr-lnch {
          background-position: center
      }
      .free-cusome-btn span,
      .hire-developer-section .small-title br,
      .top-background-portion .background-portion-caption h1 br,
      .working-technology-center {
          display: none
      }
      .mobile-header {
          display: block
      }
      .map-section .new-project-caption {
          width: 100%;
          position: relative
      }
      .map-section .new-project-caption input[type="submit"] {
          padding: 10px
      }
      .price-per-hour-section .web-price-panel .image {
          height: 80px
      }
      .angular-panel .col-md-2.col-sm-2,
      .hire-software-developer .hire-software-developer img {
          width: 100%
      }
      .android-section-develop .wp-services-includes .col-md-4.col-sm-4,
      .drupal-services .col-md-4.col-sm-4,
      .hire-software-developer .col-md-4.col-sm-4 {
          width: 100%;
          float: none
      }
      .hire-software-developer .hire-software-developer h3 {
          min-height: auto
      }
      .hire-software-developer .hire-software-developer,
      section.graphics-features.video-services-gray .white-panel {
          min-height: auto;
          margin-bottom: 20px
      }
      .hire-developer-section .small-title {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 15px;
          text-align: center
      }
      .center-achivement li {
          vertical-align: top;
          padding: 0 5px;
          margin: 0;
          border-right: 0;
          width: 24%
      }
      .center-achivement li span {
          text-align: center;
          font-size: 13px;
          display: block;
          line-height: 21px;
          margin-top: 5px
      }
      .center-achivement {
          text-align: center;
          margin-top: 15px
      }
      .center-achivement li h3 {
          margin: 14px 0 0;
          font-size: 24px;
          font-weight: 600
      }
      .top-background-portion {
          min-height: auto;
          height: auto !important;
          padding-bottom: 30px !important
      }
      #large-header {
          height: 1220px !important
      }
      .pr-lnch {
          top: unset;
          position: inherit;
          margin-top: 20px;
          background-size: contain;
          padding: 275px 45px 0
      }
      .about-bg .background-portion-caption {
          top: 20%
      }
      .top-background-portion .background-portion-caption h1 {
          font-size: 24px;
          margin-bottom: 10px
      }
      .support-work-panel li a {
          padding: 2px 5px;
          width: auto;
          font-size: 11px;
          border-radius: 0
      }
      .howitwork-section .col-md-4.col-sm-4 {
          width: 50%;
          float: left;
          min-height: 390px
      }
      .howitwork-section .howitwork-panel h3 span {
          display: block;
          margin-bottom: 10px
      }
      .howitwork-section .howitwork-panel h3 {
          margin: 10px 0;
          font-size: 18px
      }
      .android-section-develop .wp-services-includes .development-panel p,
      .howitwork-section .howitwork-panel p {
          font-size: 14px;
          line-height: 22px
      }
      .client_says_testimomials .owl-item .item iframe {
          height: 196px
      }
      .android-bg-center .ios-logo-center img,
      .angular-bg .background-portion-caption .logo-center img,
      .magento-logo-center img {
          width: 40px
      }
      .why-wordpress h2 {
          margin-bottom: 15px;
          font-size: 24px;
          line-height: 25px
      }
      .augmented-shopping,
      .average-video-development,
      .wp-services {
          padding: 40px 0
      }
      .cms-right h3,
      .wp-services h2 {
          font-size: 22px
      }
      .android-section-develop .wp-services-includes .development-panel h4,
      .drupal-services .services-includes-panel h4 {
          font-size: 18px
      }
      .android-section-develop .wp-services-includes .development-panel img {
          width: 70px
      }
      .lt-padd {
          padding-right: 10px
      }
      .rt-padd {
          padding-left: 10px
      }
      .android-section-develop .development-panel {
          padding: 15px 10px;
          min-height: auto;
          margin-bottom: 20px
      }
      .wp-services .wp-services-includes {
          margin-bottom: 0
      }
      .angular-bg .background-portion-caption {
          top: 15%
      }
      .angular-js-panel .node-jd-blox {
          min-height: 200px;
          margin-bottom: 15px
      }
      .angular-panel.clearfix,
      .graphic-anim-section .white-panel {
          padding: 15px
      }
      .angular-panel .col-md-10.col-sm-10 {
          width: 100%;
          text-align: center
      }
      .angular-panel .col-md-2.col-sm-2 img {
          margin: 0 auto
      }
      .angular-app-js {
          height: 195px;
          background-size: contain
      }
      .node-application .content-node-app h3 {
          margin-bottom: 20px;
          font-size: 24px
      }
      .graphics-features h2 {
          font-size: 22px;
          line-height: 25px;
          margin-bottom: 15px
      }
      .elearning-bg .logo-center img,
      .graphic-anim-section .white-panel img {
          width: 60px
      }
      .augmented-shopping .aug-shopping img {
          margin-bottom: 20px
      }
      .augmented-shopping .aug-shopping h2 {
          margin-bottom: 15px;
          font-size: 22px
      }
      .e-cart .content-panel h3,
      .free-consultant h3 {
          font-size: 22px;
          line-height: 22px
      }
      .free-consultant li {
          margin: 0 8px 0 0;
          padding: 6px;
          width: 22.3%
      }
      .cms-right {
          padding: 40px 20px
      }
      .e-cart .content-panel,
      .magento-four-square {
          margin-top: 0
      }
      .magento-four-square img {
          width: 200px
      }
      .drupal-services .services-includes-panel img {
          width: 60px;
          margin: 0
      }
      .drupal-services .services-includes-panel {
          min-height: auto;
          margin-bottom: 20px;
          text-align: left;
          padding: 10px
      }
      .drupal-services .services-includes-panel p {
          font-size: 14px;
          line-height: 20px
      }
      .e-cart {
          padding: 50px 20px;
          height: auto;
          margin-bottom: 15px;
          background: #3f96f3;
          color: #fff
      }
      .e-cart .content-panel a {
          display: block;
          text-align: center
      }
      .hire-developer-programmer h3 {
          font-size: 22px;
          margin-bottom: 20px
      }
      .hire-developer-programmer .programmer-panel .panel-develop {
          margin-bottom: 10px
      }
      .customer-centric h2 {
          margin-bottom: 20px;
          font-size: 22px
      }
      .node-application .node-app {
          height: 200px;
          background-size: cover
      }
      .average-video-development .info-video {
          background-size: contain;
          height: 200px;
          background-position: center
      }
      .average-video-development .content-center {
          padding-top: 20px
      }
      .average-video-development .content-center h3,
      .video-promote .content-center h3 {
          margin-bottom: 10px;
          font-size: 24px
      }
      .video-promote .content-center {
          padding-top: 40px
      }
      .video-promote .video-promote-panel {
          background-size: contain;
          height: 200px
      }
      .conatact-map-location #map_wrapper1 {
          height: 250px
      }
      .static-map-location .static-map {
          height: 150px;
          background-image: url(../img/world-map.jpg);
          background-repeat: no-repeat;
          background-size: 100%
      }
      .portfolio-graphic-animation .new-gallery {
          width: 48%
      }
      .portfolio-graphic-animation .demo {
          height: 150px !important
      }
      .hdr_phone .dropdown-content ul li a {
          color: #000 !important
      }
  }

  @media screen and (max-height:450px) {
      .sidenav {
          padding-top: 15px
      }
      .sidenav a {
          font-size: 18px
      }
  }

  @media screen and (max-width:365px) {
      .banner_btns .btn {
          width: 100%;
          margin: 0 0 10px;
          padding: 0 20px !important;
          min-height: 40px
      }
      .banner_btns .icon {
          position: relative;
          left: unset;
          right: unset;
          top: unset
      }
      .banner_btns .btn:last-child,
      .banner_btns .icon img {
          margin: 0
      }
      .banner_btns .btn:first-child .icon {
          top: 4px
      }
      .banner_btns .btn:last-child .icon {
          margin-right: 5px;
          margin-left: -10px
      }
      .pr-lnch {
          padding: 225px 20px 0
      }
      .pr-lnch h4 {
          font-size: 22px
      }
      .pr-lnch p {
          line-height: 16px
      }
      .mobie_call_icon,
      .mobie_wts_icon {
          display: block
      }
  }

  @media (min-width:1200px) {
      .resources_menu .dropdown-item:hover {
          border-radius: 6px;
          background: #ED1F24
      }
      .header-new .mobile_show {
          display: none !important
      }
      .header_menu_cn .solutions_menu .row {
          margin: 0 -6px
      }
      .header_menu_cn .solutions_menu .row [class*=col-] {
          padding: 0 6px
      }
      .solutions_menu .header_menu_itm_ic {
          width: 36px;
          height: 36px
      }
      .solutions_menu .header_menu_itm span {
          margin-top: 8px
      }
      .header_menu_cn .solutions_menu .header_menu_itm .nav-link {
          margin: 10px 0 2px;
          padding: 10px 5px !important;
          height: 80px
      }
      .header_menu_itms.solutions_menu {
          height: 470px;
          overflow: auto;
          padding-right: 10px
      }
      .header-new .dropdown-menu {
          opacity: 0;
          visibility: hidden;
          box-shadow: 0 0 3px rgb(0 0 0 / .3);
          transition: .3s ease-in-out;
          -webkit-transition: .3s ease-in-out;
          transform: translate(0, 50px);
          -webkit-transform: translate(0, 50px);
          display: block !important;
          pointer-events: none
      }
      .header-new li.nav-item.dropdown.example:hover .dropdown-menu {
          opacity: 1;
          visibility: visible;
          max-height: inherit;
          transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          pointer-events: all
      }
      .dropdown-menu.dropdown_contact {
          width: 500px !important;
          right: 0 !important;
          left: auto !important
      }
      .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m {
          background: #223039;
          color: #fff !important
      }
      .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m img {
          filter: invert(1) brightness(1)
      }
  }

  @media(max-width:1400px) {
      .navbar-dark .navbar-nav .nav-link {
          font-size: 16px
      }
  }

  @media(max-width:1300px) {
      .navbar-dark .navbar-nav .nav-link {
          font-size: 15px
      }
  }

  @media only screen and (max-width:1199.98px) {
      .mobie_call_icon,
      .mobie_wts_icon {
          position: fixed;
          right: 0;
          z-index: 11
      }
      .mobie_call_icon {
          top: 90px
      }
      .mobie_wts_icon {
          top: 141px
      }
      .mobie_call_icon .callBtn {
          background: #fff;
          border-radius: 30px 0 0 30px
      }
      .mobie_wts_icon .whatappFixBtn {
          background: #25d366;
          border-radius: 30px 0 0 30px
      }
      .active_menu #navbarSupportedContent {
          transition: none;
          max-height: 100%
      }
      .active_menu .t_img path:nth-child(2) {
          opacity: 0
      }
      .t_img path {
          transition: .5s
      }
      .active_menu .t_img path:first-child {
          transform: rotate(45deg) translate(6px, -7px);
          transition: .5s
      }
      .active_menu .t_img path:nth-child(3) {
          transform: rotate(-45deg) translate(-11px, 0);
          transition: .5s
      }
      .header-new .mobile_hide {
          display: none !important
      }
  }

  @media screen and (min-width:992px) {
      .header_menu_cn_para h4,
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f {
          text-transform: uppercase;
          margin-bottom: 11px
      }
      .navbar .dropdown-menu .sb-menu ul li a,
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a {
          color: #fff !important;
          font-size: 13px;
          line-height: 30px;
          position: relative;
          font-weight: 400
      }
      .navbar .dropdown-menu .sb-menu ul li ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -10px
      }
      .navbar,
      .navbar .dropdown-menu {
          padding-top: 0;
          padding-bottom: 0
      }
      .navbar {
          justify-content: space-between
      }
      .collapse .navbar-nav .nav-item>.nav-link,
      button span {
          white-space: nowrap
      }
      .navbar-collapse {
          flex-grow: inherit
      }
      .navbar-dark .navbar-nav .nav-link {
          color: #000;
          padding: 23.8px 15px
      }
      .navbar .nav-item {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          margin: 0
      }
      .navbar .dropdown {
          position: static
      }
      .navbar .dropdown.resources_menu {
          position: relative
      }
      .navbar .dropdown-menu {
          width: 100%;
          right: 0;
          top: 69.5px;
          left: 0;
          cursor: auto;
          z-index: 999999;
          max-height: calc(100vh - 67px);
          overflow: auto;
          padding: 10px 20px;
          background: #223039;
          border-radius: 0 0 15px 15px;
          box-shadow: 0 20px 20px rgb(0 0 0 / .16)
      }
      .navbar .dropdown-menu.dropdown_contact {
          overflow: unset
      }
      .emailcontainer .dropdown-content a.btn.btn-primary.btn-primary-icon {
          color: #fff !important
      }
      .navbar .dropdown-menu li a.btn-primary-icon .icon {
          top: 1px
      }
      .navbar .dropdown-menu li a.btn-primary-icon {
          border-radius: 4px
      }
      .navbar .dropdown-menu .nav-item {
          display: block;
          width: 100%;
          padding: 0;
          margin: 10px 0 0 20px
      }
      .mnu-tab {
          background: #ED1F24
      }
      .header_menu_cn_img {
          background-size: cover;
          border-radius: 18px;
          padding: 40px;
          height: 450px;
          color: #fff;
          margin: 10px 0
      }
      .header_menu_cn_para h4 {
          font-size: 30px;
          font-weight: 700
      }
      .header_menu_cn_para p {
          font-size: 15px;
          line-height: 1.6
      }
      .header_menu_cn_btn {
          margin-top: 40px;
          position: relative
      }
      .header_menu_cn_btn h5 {
          margin-bottom: 20px
      }
      .header_menu_cn_para {
          display: flex;
          flex-direction: column;
          height: 100%;
          justify-content: space-between
      }
      .header_menu_cn_btn::before {
          content: "";
          background: #ED1F24;
          height: 1px;
          width: 120px;
          position: absolute;
          top: -20px
      }
      .navbar .dropdown-menu li a {
          padding: 8px 0 !important;
          border-radius: 4px 0 0 4px;
          color: #fff;
          text-decoration: none
      }
      .navbar .dropdown-menu li a.active {
          background: #fff;
          color: #ED1F24 !important
      }
      .navbar .dropdown-menu .sb-menu {
          display: block;
          margin-bottom: 6px
      }
      .navbar .dropdown-menu .sb-menu ul li {
          color: #000;
          font-weight: 500;
          position: relative;
          font-size: 14px;
          display: inline-block
      }
      .header_menu_cn_img.header_menu_cn_img_solutions {
          height: 500px;
          margin-right: 25px
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f a {
          font-size: 14px;
          font-weight: 500;
          padding: 0 !important
      }
      .navbar .dropdown-menu .sb-menu ul li img {
          display: inline-block;
          height: 22px
      }
      .navbar .dropdown-menu .sb-menu ul li span {
          margin: 0 8px
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a {
          text-transform: initial;
          line-height: 1.3
      }
      .navbar .dropdown-menu .sb-menu ul li a:hover,
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a:hover {
          color: #eb4f2c !important
      }
      .navbar .dropdown-menu .sb-menu h3 {
          font-size: 25px;
          text-align: left
      }
      .head-top-bar,
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f:before {
          display: none
      }
      .navbar .dropdown-menu .mnu-contnt {
          background: #f3faff;
          padding: 40px
      }
      .navbar .dropdown-menu .mnu-contnt h3 {
          font-size: 35px;
          color: #000;
          text-align: left;
          margin-bottom: 20px
      }
      .navbar .dropdown-menu .mnu-contnt ul li {
          background: url(../img/home/tickg.svg) left no-repeat;
          padding-left: 25px;
          margin-bottom: 20px;
          color: #000;
          font-size: 16px;
          font-weight: 400;
          line-height: normal
      }
      .color-wht .nav-item .nav-link {
          color: #0a0a0a !important
      }
  }


  @media(max-width:1400px) {
      .header_menu_itm span {
          font-size: 13px
      }
  }

  @media(max-width:1262px) {
      .solutions_menu .header_menu_itm .nav-link {
          padding: 12px 2px !important
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a {
          padding: 0 0 0 18px !important
      }
      .navbar .dropdown-menu .sb-menu ul li li {
          padding: 0 8px
      }
      .sb-menu-li ul {
          margin-left: -8px;
          margin-right: -8px
      }
  }

  @media only screen and (max-width:1199.98px) {
      .mobile_btns li {
          border: 0 !important
      }
      li.sb-menu-f {
          text-transform: uppercase;
          font-weight: 500
      }
    
      .navbar .nav-item a.nav-link.hover.hover-1,
      .navbar-dark .navbar-nav .nav-link.dropdown-toggle .button,
      .navbar-nav li {
          width: 100%
      }
      .navbar-dark .navbar-nav .nav-link.dropdown-toggle {
          display: flex;
          align-items: center;
          justify-content: space-between;
          z-index: 1;
          width: 100%
      }
      #examples .example .hover {
          border-bottom: 1px solid #d0d0d0
      }
      footer #examples .example .hover {
          border-bottom: 0
      }
      .verticalbaseLine {
          margin-left: 0;
          margin-right: 5px
      }
      .navbar-dark .navbar-nav .nav-link.dropdown-toggle .button .button-text {
          display: flex;
          align-items: center;
          justify-content: space-between
      }
      .navbar .dropdown-menu {
          max-height: unset
      }
      .industries_menu .header_menu_itm .nav-link {
          height: auto
      }
      .header_menu_itm .nav-link {
          display: flex;
          flex-direction: column;
          padding: 15px 10px !important
      }
      .navbar .nav-item {
          flex-direction: column
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f,
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f a {
          font-size: 13px;
          line-height: 1.3
      }
      .dropdown-menu .emailcontainer {
          position: sticky;
          width: 100%
      }
      .active_menu {
          overflow: hidden
      }
      .d_none_mobile {
          display: none
      }
      .about_menu .header_menu_itm_ic,
      .resources_menu .header_menu_itm_ic {
          transform: scale(1);
          margin-bottom: 0
      }
      .about_menu .header_menu_itm span,
      .resources_menu .header_menu_itm span {
          font-size: 13px;
          margin-top: 10px
      }
      .about_menu .header_menu_itm .nav-link,
      .resources_menu .header_menu_itm .nav-link {
          padding: 15px 0 !important;
          height: auto
      }
      .navbar-dark .navbar-nav .nav-link {
          padding: 21px 0
      }
      .navbar .nav-item:last-child {
          margin-left: 0
      }
  }

  @media only screen and (max-width:1024px) {
      .owl_content {
          padding-left: 28%
      }
      .apps-develop-met .slick-next.slick-arrow {
          display: none !important
      }
      .navbar .dropdown-menu {
          top: 125px
      }
      .navbar-expand-lg .navbar-collapse #examples {
          margin: 0 auto
      }
  }

  @media only screen and (max-width:991.98px) {
      .mobile_btns {
          right: 40px;
          align-items: center;
          top: -2px;
          position: absolute
      }
	  .homepage_contentSld {
    flex: 0 0 100%;
}

.line-red{
    display: none !important;
}

      .btn-primary.btn-primary-icon.inquire_btn {
          width: 160px
      }
      .navbar-expand-lg .navbar-collapse {
          background: #f1f1f1 !important;
          padding: 20px 10px !important;
          box-shadow: none !important;
          transition: none
      }
      .dropdown-menu .color-wht {
          max-width: 100%;
          padding: 0
      }
      .navbar-dark .dropdown-menu .nav-item .nav-link {
          color: #fff;
          padding: 8px 16px;
          justify-content: flex-start
      }
      .dropdown-menu .container-fluid {
          padding: 0 10px !important
      }
      .nav-link {
          padding: 16px
      }
      #examples .example .hover {
          border-bottom: 1px solid #d0d0d0
      }
      .navbar .dropdown-menu .sb-menu ul li a {
          color: #fff
      }
      .navbar .dropdown-menu .sb-menu ul li a:hover {
          color: #eb4f2c !important
      }
      .navbar .dropdown-menu .sb-menu {
          margin-bottom: 15px
      }
      .head-top-bar {
          background: #000;
          padding: 10px 0;
          position: fixed;
          width: 100%;
          z-index: 99;
          top: 0;
          left: 0
      }
      .head-top-bar .col-md-8 {
          float: left;
          width: 65%
      }
      .head-top-bar .col-md-4 {
          width: 35%;
          float: left
      }
      .for-moble .dropbtn {
          background-color: #fff0;
          color: #fff;
          margin-left: 20px;
          font-size: 14px
      }
      a.contact-btn {
          color: #fff;
          font-size: 13px;
          text-align: center;
          border: 1px solid #fff;
          padding: 2px 5px;
          margin-right: 15px
      }
      .for-moble,
      .head-top-bar {
          display: block
      }
      .emailcontainer {
          border: 0 solid #e8e8e8;
          position: static;
          box-shadow: none
      }
      .owl_content {
          padding-left: 18%
      }
      .owl_wrapper .prev {
          left: 0 !important
      }
      .owl_wrapper .next {
          left: calc(100% - 30px)
      }
      .swiper-slide.swiper-slide-active img {
          border-radius: 10px
      }
      .navbar-expand-lg .navbar-collapse {
          position: absolute;
          width: 100%;
          z-index: 9999;
          box-shadow: 0 0 20px rgb(0 0 0 / .1);
          border-radius: 3px;
          left: 0;
          height: 85vh;
          overflow: auto
      }
      .navbar {
          margin-top: 0;
          display: inherit;
          text-align: left
      }
      .navbar-dark .navbar-toggler {
          position: absolute;
          right: 0;
          top: 21px;
          border-color: #fff0;
          padding: 0
      }
      .navbar-dark .navbar-brand {
          margin: 0
      }
      .sb-menu-li a {
          font-size: 14px
      }
      .sb-menu-li ul {
          padding-top: 15px
      }
      .dropdown-menu .nav-item .nav-link {
          padding: 0;
          font-size: 13px;
          color: #fff
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a::before {
          top: 8px;
          height: 9px
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a {
          position: relative
      }
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f,
      .navbar .dropdown-menu .sb-menu ul li.sb-menu-f a {
          font-size: 14px;
          font-weight: 700
      }
      .header_menu_cn .row {
          margin: 0 -5px
      }
      .header_menu_cn .row [class*=col-] {
          padding: 0 5px
      }
      .header-new .dropdown-menu {
          padding: 15px;
          background-color: #223039;
          border-bottom: 1px solid #e8e8e8
      }
      .industries_menu .header_menu_itm .nav-link,
      .solutions_menu .header_menu_itm .nav-link {
          padding: 12px 6px !important;
          height: auto;
          margin: 5px 0
      }
      .abt-jplft ul {
          margin-bottom: 25px;
          margin-top: 20px
      }
  }

  @media only screen and (max-width:767px) {
      footer .ftr-nav {
          border-left: 0
      }


      .sta_process_itms{
        justify-content: center;
      }

      .blog_sec{
        display: block !important;
      }

      .pg_solutions .col-lg-4{
        flex: 0 0 100%;
        max-width: 100%;
      }

      .footer_row .for-mbl img {
          margin: 0 auto
      }
      .dmca_sec {
          margin-top: 15px
      }
      .ftr-social-media,
      footer .for-mbl,
      footer .ftr-nav {
          text-align: center !important;
          padding: 15px 15px 0
      }
      .navbar .dropdown-menu .sb-menu ul li img {
          display: inline-block;
          height: 22px
      }
      .navbar {
          margin-top: 0 !important
      }
      .navbar-dark .navbar-brand {
          margin-left: 0 !important
      }
      footer .ftr-nav .copyrgt {
          text-align: center !important
      }
      .ovr-rting {
          flex-direction: column
      }
      .ovr-rting ul {
          justify-content: center
      }
      footer .ftr-nav .ovr-rting ul li {
          margin-bottom: 0
      }
      .ovr-rting-con p {
          text-align: center
      }
      /* #navbarSupportedContent {
          height: 100vh
      } */
      .header_menu_itms .row [class*=col-] {
          flex: 0 0 50%;
          max-width: 50%
      }
      .header_menu_itm .nav-link {
          margin: 5px 0
      }
  }

  @media(max-width:576px) {
      .mobile_btns .nav-item {
          display: none !important
      }
      .mobile_btns .nav-item:last-child {
          display: flex !important
      }
      .mobile_btns {
          top: 4px
      }
      .btn-primary.btn-primary-icon.inquire_btn {
          padding-left: 0px !important;
          width: 140px;
          padding-right: 0px !important;
          font-size: 13px
      }
      .mobile_btns {
          right: 35px
      }
      .inquire_icon {
          width: 1.2em;
          height: 1.2em
      }
      .navbar-brand img {
          height: 50px !important
      }
      navbar-dark .navbar-toggler {
          top: 19px
      }
      #navbarSupportedContent {
          padding: 0 30px
      }
      .sb-menu-li ul {
          padding-top: 11px
      }
      .header_menu_itms.services_menu [class*=col-] {
          flex: 0 0 100%;
          max-width: 100%
      }
      .navbar-dark .navbar-toggler {
          top: 14px
      }
      .active_menu #navbarSupportedContent {
          transition: .0s
      }
      .mobie_call_icon,
      .mobie_wts_icon {
          display: block !important
      }
      .icon-phone {
          background-size: 50px;
          height: 50px;
          width: 50px
      }
      .mobie_wts_icon {
          top: 150px
      }
      .whatappFixBtn {
          width: 50px;
          height: 50px
      }
      .mobie_wts_icon .whatappFixBtn img {
          width: 50px !important;
          height: 50px !important
      }
      .footer_row img[alt="JPLoft"] {
          height: 60px !important
      }
  }

  @media (max-width:1431px) {
      .footer_address_ic {
          flex: 0 0 130px
      }
      .contat_location_itm_con .cnt-ad {
          height: 82px
      }
      .slick-prev {
          left: -13px
      }
      .slick-next {
          right: -13px
      }
      .footer_address_wic {
          gap: 10px
      }
      .rvw_sec_sld .testimonials-item-img:after {
          width: 40px
      }
      .rvw_sec_sld .slick-next {
          right: calc(50% - 35px)
      }
      .testimonials-item-img img {
          width: 220px
      }
  }

  @media (max-width:1400px) {
      .iti__country-list {
          width: 346px !important
      }
      .abt-jplft:after {
          border-bottom: 590px solid #eb1a2b;
          border-left: 660px solid #fff0
      }
      .home_blockchain_itm_img img {
          max-width: 100%
      }
      .iti-mobile .iti--container {
          z-index: 111111
      }
      .blockchain_plateform_sld_in {
          height: 419px
      }
      .footer_tech_itm {
          flex: 0 0 140px;
          height: 140px
      }
      .hire_counters {
          gap: 20px
      }
      .banner_img_hire_meta {
          padding: 20px 20px 0
      }
      .clutch_metas {
          gap: 10px
      }
      .clutch_metas_itm {
          font-size: 14px;
          gap: 5px
      }
      .rvw_sec_sld .slick-prev {
          left: calc(50% - 217px);
          top: calc(50% - 35px)
      }
      .rvw_sec_sld .slick-next {
          right: calc(50% - 60px);
          top: calc(50% - 35px)
      }
      .rvw_sec_sld .testimonials-item-img:after {
          top: 100px
      }
      .buss-dtl-sct h2 {
          font-size: 37px
      }
      .topapps_sec h1,
      .topapps_sec1 h1 {
          font-size: 50px
      }
      .topapps_sec_in {
          width: 620px
      }
  }

  @media (max-width:1300px) {
      footer .ftr-section .ftr-adrs .cnt-adrs:first-child,
      footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(2),
      footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(3),
      footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(4) {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%
      }
      .responsnce_time_1 {
          font-size: 13px
      }
      .slider-heading p,
      .topapps_blog_info h3,
      footer .ftr-section .ftr-adrs h2 {
          font-size: 22px
      }
      .topapps_sec h1,
      .topapps_sec1 h1 {
          font-size: 45px;
          margin-bottom: 20px
      }
      .footer_address_wic_soudi .cnt-phn {
          margin-top: 0
      }
      .topapps_sec h1 span,
      .topapps_sec1 h1 span {
          padding: 0 25px 8px
      }
      .topapps_sec_in {
          width: 530px
      }
      footer .ftr-section .ftr-adrs .cnt-adrs .cnt-phn {
          margin-bottom: 0
      }
      .footer_tech_itm h5 {
          font-size: 13.5px
      }
      .cnt-adrs-flx .cnt-phn:last-child::before {
          display: none
      }
      .banner_img_hire_meta h4 {
          font-size: 18px
      }
      .buss-dtl-sct h2 {
          font-size: 35px
      }
      .banner_img_hire_meta {
          padding: 20px 15px 0
      }
      .footer_address_ic {
          flex: 0 0 115px
      }
      .cnt-adrs-flx .cnt-phn:last-child {
          display: block;
          width: 100%
      }
      footer .ftr-section .ftr-adrs .cnt-adrs {
          margin-top: 20px
      }
      .footer_address_wic {
          gap: 15px
      }
      footer .ftr-section .ftr-adrs {
          padding-right: 15px
      }
      .different_industries_itm {
          padding: 25px
      }
      .footer_tech_itm {
          flex: 0 0 130px;
          height: 130px
      }
      .contat_location_itm {
          padding: 10px
      }
      .slider-heading h1 {
          font-size: 52px
      }
  }

  @media (max-width:500px) {
      #grocery-banner .gro-form .bodysec .iti__country-list span,
      .iti__country-list {
          font-size: 13px !important
      }
      .iti__country-list {
          width: auto !important
      }
      footer .ftr-section .ftr-adrs .ftr-cont {
          margin-bottom: 10px
      }
  }

  @media (max-width:1299.98px) {
      .swiper-wrapper img {
          height: 30px
      }
      .detl-on-dmnd {
          padding: 25px
      }
      .cnt-adrs-flx {
          display: inline-block
      }
      .cnt-adrs-flx .cnt-phn:first-child::after {
          display: none
      }
      .footer_tech,
      footer .ftr-section .ftr-adrs .cnt-adrs {
          margin-top: 15px
      }
      .footer_lgs {
          margin-top: 10px
      }
      .footer_lgs .ovr-rting {
          padding-left: 20px
      }
      .banner_btns .btn {
          padding: 11.5px 14px !important
      }
      footer .ftr-section .ftr-adrs {
          padding: 20px 15px 0 30px
      }
      footer .ftr-section .ftr-form .btn {
          margin-top: 25px
      }
      footer .ftr-section .form-group {
          margin-bottom: 1.5rem
      }
      .app_works_itm_ic {
          flex: 0 0 52px;
          height: 52px
      }
      .app_works_itm {
          gap: 15px
      }
  }

  @media (max-width:1260px) {
      .dmand-dtl {
          min-height: 142px
      }
      .rvw_sec_sld .slick-next {
          right: calc(50% - 69px)
      }
      .rvw_sec_sld .slick-prev {
          left: calc(50% - 208px)
      }
  }

  @media (max-width:1199.98px) {
      #navbarSupportedContent .dropdown-menu,
      .rvw_sec,
      .solutions_menu_nw .solution_menu_btns {
          /* display: none; */
      }

      .padding-one {
    padding: 23px 0px !important;
}

      #navbarSupportedContent .nav-link.dropdown-toggle.active+.dropdown-menu {
          display: block
      }
      .header_menu_itms.solutions_menu.solutions_menu_nw {
          max-height: unset
      }
      .different_industries_itm,
      .topapps_blog_in {
          padding: 20px
      }
      .slider-heading h1 {
          font-size: 38px;
      }
      .active_menu #navbarSupportedContent {
          top: 113px;
          height: calc(100vh - 113px)
      }
      .topapps_sec h1,
      .topapps_sec1 h1 {
          font-size: 40px
      }
      .topapps_sec_main {
          padding-top: 40px
      }
      .abt-jplft:after {
          border-left: 510px solid #fff0;
          border-bottom: 550px solid #eb1a2b
      }
      .testi-mon {
          margin-top: 80px !important
      }
      .scl-fix-dt {
          padding: 0 10px 0 0
      }
      .contact_hr_itms {
          padding: 15px
      }
      .contat_location_itm_con .cnt-ad,
      .rnk-bsns-header-right p {
          font-size: 15px
      }
      .footer_lgs .ovr-rting p {
          font-size: 13px
      }
      .aps-scrn-link {
          margin: 11px 10px 0 0
      }
      .buss-dtl-sct h2 {
          font-size: 28px;
          width: 90%
      }
      .blogapp_page_stats-con h4,
      .buss-dtl-sct p,
      .content_resources_itm_con h4,
      .different_industries_itm h4,
      .home_btn_section .new_button_con p,
      .home_page_jploft .heading-section p {
          font-size: 18px
      }
      .rnk-bsns-header {
          gap: 0;
          flex-wrap: wrap
      }
      .rnk-bsns-header-right {
          flex: 0 0 100%;
          margin-top: 30px
      }
      .rnk-bsns .row .col {
          flex: 0 0 calc(25% - 11px) !important
      }
      .modal_static_form .addfile:after {
          width: 100px
      }
      .rnk-bsns-header-right h2 {
          font-size: 30px
      }
      .app_works_itm_con h4,
      .rnk-bsns-header-right h3 {
          font-size: 20px
      }
      .rnk-bsns-header-right .row .col {
          padding: 15px 20px !important
      }
      .rnk-bsns_itm_ic {
          flex: 0 0 40px
      }
      .rnk-bsns_itm {
          gap: 10px
      }
      .rnk-bsns .row .col.rnk-cover {
          flex: 0 0 33.33% !important
      }
      .rnk-bsns .row,
      .servicess_itms .row {
          justify-content: center
      }
      .delp-srvce .dvlp-dtl h2,
      .page_portfolio_itm_info h3 {
          font-size: 22px
      }
      .delp-srvce .dvlp-dtl {
          padding: 30px
      }
      .blockchain_plateform_sld_in {
          height: 372px
      }
      .new_button_con h2 {
          width: 100%
      }
      .dmand-dtl {
          min-height: 105px
      }
      .slider-heading p {
          font-size: 17px
      }
      .banner_img_hire {
          padding-left: 70px
      }
      .banner_img_hire_meta h4 {
          font-size: 16px
      }
      .hiring_modal_itm {
          padding: 25px
      }
      .techno-log-itm-img img {
          max-height: 70px
      }
      .footer_tech_itm {
          flex: 0 0 120px;
          height: 120px
      }
      footer .ftr-section .ftr-adrs .ftr-cont {
          margin-bottom: 5px
      }
      .slider-section {
          height: auto
      }
      .slider-heading .banner_btns {
          margin-top: 20px !important
      }
      .home_page .slider-heading p {
          margin: 15px 0 25px
      }
      .home_banner_clients {
          margin-top: 35px
      }
      .mobile_btns {
          top: 9px
      }
      .home_page_jploft .heading-section {
          gap: 50px
      }
      .home_page_jploft .heading-section h3 {
          font-size: 50px;
          min-width: 300px
      }
      .testimonials-item-img img {
          width: 190px
      }
      .rvw_sec_sld .slick-next {
          right: calc(50% - 45px)
      }
      .rvw_sec_sld .slick-prev {
          left: calc(50% - 204px)
      }
      .rvw_sec_sld .testimonials-item-img:after {
          width: 30px
      }
      .rvw_sec_sld .testimonials-abt {
          font-size: 24px;
          line-height: 32px
      }
      .contat_location_itm_con .cnt-ad {
          height: 60px
      }
      .content_resources_itm_btn img {
          max-width: 50px
      }
      .content_resources_shape img {
          max-height: 110px
      }
      .row_5 {
          display: flex;
          grid-template-columns: unset;
          justify-content: center
      }
      .row_5 .col {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%
      }
  }

  @media (max-width:1106px) {
      .dmand-dtl {
          min-height: 127px
      }
  }

  @media (max-width:1055px) {
      .blockchain_plateform_sld_in {
          height: 400px
      }
  }

  @media (max-width:1024.98px) {
      .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con {
          padding: 30px 45px 30px 0
      }
      .home-page-trust {
          flex: 0 0 280px;
          padding: 20px
      }
      .trust-other-page {
          padding: 0
      }
      .home-page-trust-itm {
          margin: 0 0 20px;
          padding-bottom: 20px
      }
      .trust-itm-img img {
          max-height: 27px
      }
      .trust-itm-h h5 {
          font-size: 15px
      }
      .trust-itm img {
          width: 14px
      }
      .topapps_sec_main {
          position: initial;
          padding-top: 0
      }
      .topapps_sec {
          padding: 50px 0 35px
      }
      .footer_address_ic {
          flex: 0 0 105px
      }
      .rvw_sec,
      .topapps_sec_img {
          /* display: none; */
      }
      .rnk-bsns-header-right h2 {
          font-size: 30px
      }
      .rnk-bsns-header-right h3 {
          font-size: 24px
      }
      .rnk-bsns_itm {
          gap: 15px
      }
      .rnk-bsns-header-right .row .col {
          padding: 15px 12px 15px 15px !important
      }
      .admin-desn .scl-fix-dt [class*=col-] {
          flex: 0 0 100%;
          max-width: 100%
      }
      .blockchain_plateform_sld_in {
          height: 330px
      }
      .footer_tech_itm {
          flex: 0 0 110px;
          height: 110px
      }
      .footer_tech_itm h5 {
          margin-top: 7px;
          font-size: 13px
      }
      .contact_process .dev-process-bx {
          min-height: unset !important
      }
      .portfolio-listing .page_portfolio_rating_info ul {
          gap: 10px 25px;
          flex-wrap: wrap
      }
      .home_btn_section .home_btn_right .buss-dtl-sct-img img {
          margin-top: -38px
      }
      .dev-process-bx h3,
      .howappwork .how-it-wokrs-list li .how-left figcaption h4,
      .howappwork .how-it-wokrs-list li .how-right figcaption h4 {
          font-size: 20px
      }
      .dev-process-bx {
          min-height: auto
      }
  }

  @media (max-width:991.98px) {
      #modal_static2 .modal_static_con h2,
      .footer_lgs .ovr-rting p,
      .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con .btn-sec,
      .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con h2,
      .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con p,
      .modal_static_con,
      .trust-itm-h h5 {
          text-align: center
      }
      .slider-heading p {
          width: 100%
      }
      .admin-desn .scl-fix-dt [class*=col-]:last-child .admin-type {
          margin: 0
      }
      .footer_tech,
      .home_banner_clients,
      footer .ftr-section .ftr-adrs .cnt-adrs {
          margin-top: 25px
      }
      .abt-jplft .row+.testi-mon {
          margin-top: 110px !important
      }
      .topapps_sec h1,
      .topapps_sec1 h1 {
          display: flex;
          flex-direction: column
      }
      .topapps_sec h1 span,
      .topapps_sec1 h1 span {
          width: 150px;
          margin-top: 14px
      }
      .admin-desn {
          padding: 50px 30px
      }
      .topapps_blog_info p {
          margin-bottom: 15px
      }
      .topapps_blog_info h3 {
          margin-bottom: 5px;
          font-size: 20px
      }
      .topapps_blog_btn a:hover {
          margin-left: 0
      }
      .topapps_blog_in [class*=col-]:first-child {
          padding-right: 0
      }
      .topapps_blog_in [class*=col-]:nth-child(2) {
          padding-left: 0
      }
      .topapps_blog_btn a {
          line-height: 1.1
      }
      .topapps_blog_in {
          padding: 17px
      }
      .topapps_blog_logo img {
          max-height: 25px;
          max-width: 100px
      }
      .app_works_itm_con h4,
      .clutch_r_user_nm,
      .d-soltions.Innovative .cntnts-r h3,
      .h4,
      h4 {
          font-size: 18px
      }
      .clutch_sec_sld .slick-next.slick-arrow,
      .clutch_sec_sld .slick-prev.slick-arrow,
      .services_slider_in .slick-arrow {
          width: 32px;
          height: 32px
      }
      .slick-next {
          right: -11px
      }
      .slick-prev {
          left: -11px
      }
      .slider-activation>.slick-next,
      .slider-activation>.slick-prev {
          /* top: 108% !important; */
      }
      .section-img {
          margin: 30px 0 0
      }
      .lve-jploft iframe {
          height: 460px
      }
      .count-up h3,
      .hom-new .hire_counters .hire_counter_nm {
          font-size: 26px
      }
      .count-up h6 {
          font-size: 40px !important
      }
      .app_works_itm,
      .errow-con,
      .mobile_heading_block {
          display: block
      }
      .port-secs h2 {
          font-size: 24px;
          line-height: 1.3
      }
      .port-desc {
          padding: 15px 15px 25px
      }
      .heading-section h2,
      .heading_second {
          font-size: 28px
      }
      .servicess_itm li a {
          font-size: 14px
      }
      .buss-dtl-sct p,
      .different_industries_itm h4,
      .home_btn_section .new_button_con p,
      .home_page_jploft .heading-section p {
          font-size: 16px
      }
      .accomplistment-center .project-deliver .image-overflow .keep-going,
      .develoment-staff .content-right .name,
      .heading-section p {
          font-size: 16px;
          font-weight: 400
      }
      .responsnce_time_1,
      .servicess_itm_head_nm {
          font-size: 17px
      }
      .servicess_itm_head .service_ssss_itm_ic {
          flex: 0 0 41px
      }
      .servicess_itm_head .service_ssss_itm_ic img {
          max-width: 25px
      }
      .servicess_itm_head {
          gap: 15px
      }
      .tsibog-bnr a {
          max-width: unset
      }
      footer .ftr-section .ftr-adrs {
          padding: 35px 15px 0
      }
      .list_projects .aps-scrn-link img {
          height: 30px;
          width: auto
      }
      .banner_btns .btn {
          padding: 11.5px 9px !important
      }
      body.modal-open {
          overflow: hidden !important
      }
      .slider-section:before {
          background: rgb(15 13 28 / 80%)
      }
      .home-page-trust {
          flex: 0 0 100%;
          margin-top: 15px;
          display: flex;
          gap: 20px;
          background: unset;
          border-top: 1px solid #767373
      }
      .home-page-trust-itm {
          margin: 0;
          padding-bottom: 0;
          border: 0
      }
      .home-page-trust-itm:last-child {
          border: 0
      }
      .home-page-trust-itm a {
          justify-content: center;
          flex-wrap: wrap
      }
      #grocery-banner.sld_sec.slider_s.hire_page_banner h1 br,
      .home_btn_right .col-md-4,
      .home_page .slider-heading p br,
      .modal_static_con .modal_static_heading,
      .review_banner_s h1 br,
      .rvw_sec {
          /* display: none; */
      }
      .home_btn_right .col-md-8 {
          max-width: 100%;
          flex: 0 0 100%
      }
      #modal_static .modal-content .modal-body,
      .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con {
          padding: 30px
      }
      .FeaturedProjects_main .owl-next,
      .FeaturedProjects_main .owl-prev,
      .pplr-logos {
          display: none !important
      }
      .blog .busn-txt,
      .busi_modal_sld .dev-process-bx {
          min-height: unset
      }
      .solution-main {
          margin-top: 90px
      }
      .bisiness_sec_con,
      .blogapp_page_stats-itm,
      .clutch_sec_sld_itm,
      .contat_location_itm,
      .contat_location_itm_con {
          padding: 15px
      }
      .contact_page_banner#grocery-banner .gro-form {
          padding-bottom: 0
      }
      .contat_location_itm_con .cnt-ad {
          height: 60px
      }
      .home_page {
          background: #161623
      }
      .port-secs-cn .heading-section p,
      .protect_nda_s label {
          font-size: 15px
      }
      .protect_nda_s input {
          width: 18px;
          height: 18px
      }
      #grocery-banner.blogapp_page_banner .pdng-cntnr .hom-new .slider-heading,
      #grocery-banner.hire_page_banner .pdng-cntnr {
          padding: 20px 0 80px
      }
      .tap_tradie_links.row {
          margin: 0 -10px
      }
      .tap_tradie_links_itm {
          padding: 0 7px
      }
      .port-desc a {
          margin-right: 7px
      }
      .modal_static_con p,
      .tap_tradie_links_itm h6,
      .trust-itm-h h5 {
          font-size: 13px
      }
      .review_banner_s h1,
      .slider-heading h1 {
          font-size: 30px
      }
      .industries_menu .header_menu_itm {
          margin-top: 0
      }
      .industries-section .col-md-12.px-md-1 {
          padding-left: 15px !important;
          padding-right: 15px !important
      }
      .row.we-re-jp .col-md-7 {
          max-width: 100% !important;
          flex: none
      }
      .we-re-jp .vido-sec {
          width: 100% !important;
          margin-bottom: 25px
      }
      .hom-new .slider-section {
          height: auto;
          padding-top: 30px;
          padding-bottom: 20px;
          min-height: unset
      }
      .stat-vid .counter {
          margin-bottom: 40px
      }
      .rnk-bsns-header-right h2 {
          font-size: 25px
      }
      .rnk-bsns-header-right h3 {
          font-size: 22px
      }
      .rnk-bsns-header-right .row .col {
          padding: 13px 15px !important
      }
      .rnk-bsns-header-right .row .col .count-up {
          margin-bottom: 0 !important
      }
      #modal_static2 .modal_static_heading h2,
      .modal_static_heading h2 {
          font-size: 20px;
          margin-bottom: 15px
      }
      .modal_static_con h3 {
          font-size: 18px;
          margin-bottom: 2px
      }
      .modal_static_itms {
          gap: 10px;
          flex-wrap: wrap;
          margin-top: 21px;
          justify-content: center
      }
      .footer_lgs,
      .modal_static_con .ovr-rting,
      .modal_static_form {
          margin-top: 20px
      }
      .delp-srvce .dvlp-dtl h2 {
          font-size: 20px
      }
      .modal_static_s .row {
          flex-direction: column-reverse
      }
      .modal_static_s form .row {
          flex-direction: unset
      }
      #modal_static2 .modal_static_itms .modal_static_itm {
          flex: 0 0 70px
      }
      #modal_static2 .modal_static_itms .modal_static_itm:nth-child(4) {
          flex: 0 0 55px
      }
      .home-page-rank .rnk-bsns-header-right .row .col,
      .rnk-bsns .row .col {
          flex: 0 0 calc(50% - 11px) !important
      }
      .portfolio_screens {
          margin-top: 30px
      }
      .cntct-strp [class*=col-] {
          flex: 0 0 100%;
          max-width: 100%
      }
      .cntct-strp .btn {
          margin-top: 15px !important
      }
      .blockchain_plateform_sld_in {
          height: 280px
      }
      .new_button_con h2 {
          font-size: 27px
      }
      .home_btn_section .home_btn_right .buss-dtl-sct-img img {
          margin-top: -35px
      }
      .different_sec_itm {
          border-radius: 12px;
          padding: 15px
      }
      .different_sec_itm h3 {
          font-size: 22px;
          margin-bottom: 15px
      }
      .buss-dtl-sct-img-3d {
          margin-top: unset
      }
      .techno-log-itm img {
          max-height: 70px
      }
      .hom-new .hire_counters .nmbrs {
          margin-bottom: 0
      }
      .banner_img_hire {
          padding-left: 0;
          margin-top: 50px
      }
      .banner_img_hire_meta {
          justify-content: space-between
      }
      #grocery-banner.blogapp_page_banner .pdng-cntnr,
      #grocery-banner.hire_page_banner .pdng-cntnr {
          padding: 75px 40px 80px
      }
      .bisiness_sec_bg {
          padding-bottom: 180%;
          position: relative
      }
      .bisiness_sec_bg img {
          position: absolute;
          top: 0;
          left: 0;
          object-fit: cover;
          min-height: 100%;
          min-width: 100%
      }
      .hiring_modal_ic {
          flex: 0 0 60px
      }
      .hiring_modal_itm {
          padding: 20px
      }
      .footer_lgs .ovr-rting {
          padding-left: 0;
          margin-top: 40px;
          border: 0
      }
      .footer_lgs_in {
          margin-top: 30px;
          justify-content: center
      }
      .footer_lgs .ovr-rting ul {
          justify-content: center
      }
      .clutch_sec {
          padding: 15px 15px 10px
      }
      .clutch_r_user_img {
          flex: 0 0 50px;
          height: 50px
      }
      .clutch_r_user_designation {
          margin: 8px 0 0 !important
      }
      .footer_lgs_itm img {
          max-width: 90px;
          max-height: 30px
      }
      .review_banner_s .hire_counters {
          padding: 15px 5px;
          gap: 25px
      }
      .review_banner_s .hire_counters .hire_counter_itm .hire_counter_cn {
          font-size: 12px
      }
      .review_banner_s .hire_counters .hire_counter_itm {
          flex: 0 0 calc(50% - 15px)
      }
      .modal_static_con .contact_top_bn {
          text-align: left
      }
      .casestudy_bnr_img img {
          margin: 30px auto 0
      }
      .blogapp_page_stats-ic {
          width: 68px;
          height: 68px;
          margin: 0 auto 15px
      }
      .app_works_itm_ic {
          height: 52px;
          margin-bottom: 15px;
          width: 52px
      }
      .row_5 .col {
          -ms-flex: 0 0 33.333%;
          flex: 0 0 33.333%;
          max-width: 33.333%
      }
      .content_resources_con .row [class*=col-] {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
      }
      .home-page-rank .rnk-bsns-header-right .row {
          gap: 14px
      }
      .trust-itm-img img {
          max-height: 22px
      }
      .home-page-trust {
          flex: 0 0 260px
      }
      .trust-itm img {
          width: 12px
      }
      .abt-jplft+.service_restimonial {
          padding: 42px 0 0
      }
      .trust-other-page {
          padding: 0;
          border: 0;
          margin-top: 30px
      }
      .hom-new .slider-heading {
          flex-wrap: wrap
      }
      .home-page-trust {
          flex: 0 0 100% !important
      }
  }

  @media (max-width:800px) {
      .scl-fix-dt {
          height: auto
      }
      .blockchain_plateform_sld_in {
          height: 300px
      }
      .header_contact_itm:nth-child(5)::after {
          display: none
      }
      .contat_location_itm_con .cnt-ad {
          height: 75px
      }
  }

  @media (max-width:767.98px) {
      .accrodn-section-faq .btn-header-link,
      .cr-hd p {
          font-size: 18px
      }
      .new-slider#grocery-banner .gro-form,
      .servicess_itm ul {
          padding: 20px 0 0
      }
      .home_blockchain .heading-section {
          margin-right: auto;
          margin-bottom: 30px
      }
      #casestdy_list .page_portfolio_itm_con .page_portfolio_itm_logo h3 span,
      .service_ssss_mobile,
      .servicess_itm_head.active+.servicess_itm_con,
      .topapps_sec1 h1,
      .trust-itm img:first-child {
          display: block
      }
      .servicess_itm_head .service_ssss_itm_ic img {
          transition: .5s;
          max-width: 15px;
          filter: brightness(1) invert(1)
      }
      .servicess_itm_head.active .service_ssss_itm_ic img {
          transform: rotate(180deg);
          transition: .5s
      }
      .header_menu_itms.solutions_menu.solutions_menu_nw .row [class*=col-],
      .service_ssss_mobile [class*=col-] {
          flex: 0 0 100%;
          max-width: 100%
      }
      /* .slider-section.home_page .mobl-bn-hro {
          position: absolute;
          display: block
      } */
      .slider-section.home_page>.container {
          z-index: 9
      }
      .servicess_itm {
          margin-top: 10px;
          height: calc(100% - 10px);
          border: 0;
          padding: 0
      }
      .service_ssss_mobile .heading-section {
          margin-bottom: 20px
      }
      .servicess_itm ul li {
          width: auto
      }
      
      .home-page-rank h3,
      .techno-log-tabs button {
          font-size: 17px
      }
      .home-page-rank h2 {
          font-size: 21px
      }
      .home-page-rank .rnk-bsns-header-right .row {
          flex-wrap: unset
      }
      .home-page-rank .rnk-bsns-header-right .row .col {
          flex: 0 0 calc(25% - 11px) !important;
          border-radius: 10px
      }
      .home-page-rank .rnk-bsns-header-right p {
          font-size: 10px;
          line-height: 1.3;
          margin-top: 5px
      }
      .howappwork-app-itm {
          flex: 0 0 100%
      }
      .contact_out_hide li:nth-child(4) img {
          max-width: unset
      }
      .topplateform_con1 {
          margin-top: 0;
          text-align: center
      }
      .blogapp_page_stats_in .row [class*=col-],
      .blogapp_page_stats_in .row [class*=col-]:first-child,
      .blogapp_page_stats_in .row [class*=col-]:last-child,
      .topplateform_img1 {
          margin-top: 30px
      }
      .topapps_sec1 h1 span {
          width: auto;
          margin-top: 0
      }
      .topapps_blog_logo {
          margin-bottom: 17px
      }
      .topapps_blog_cn {
          text-align: center;
          padding-bottom: 30px
      }
      .blockchain_plateform_sld_ic img,
      .topapps_blog_img img,
      .topapps_blog_logo img {
          margin: 0 auto
      }
      .topapps_blog_btn a {
          justify-content: center
      }
      .topapps_blog_btn a:hover {
          gap: 20px
      }
      .topapps_sec h1,
      .topapps_sec1 h1 {
          font-size: 32px
      }
      .features_sec_tabs ul.nav-pills {
          gap: 5px
      }
      .features_sec_tabs ul.nav-pills .nav-link {
          gap: 7px;
          font-size: 15px;
          padding: 3px 20px 3px 3px
      }
      .features_sec_tabs ul.nav-pills .nav-link .features_sec_tabs_ic {
          width: 40px;
          height: 40px
      }
      .fiiter_contry_s h3 {
          font-size: 22px
      }
      .row_5 .col {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
      }
      .app-pro-fect .btn-sec,
      .content_resources_con,
      .home_btn_section .buss-dtl-sct-img img,
      .home_btn_section+.about_blockchain,
      .homeblk_btn_section .buss-dtl-sct-img img {
          margin-top: 0
      }
      .about-takealook .row,
      .home_btn_right .row {
          flex-direction: column-reverse
      }
      .delp-srvce+.solution-main,
      .hiring_modal .section-heading.text-center,
      .howappwork+.solution-main,
      .row.d-soltions.Innovative .cntnts.mt-4 {
          margin: 0 !important
      }
      .about-eocmers.service_eocmers,
      .admin-desn,
      .blockchain_plateform,
      .delp-srvce+.buss-idea-grow.home_btn_section,
      .different_industries,
      .service_restimonial+.buss-idea-grow.home_btn_section,
      .solution-main.srvces-main.service_page_benefits {
          padding: 50px 0
      }
      .different_sec_img img {
          width: 300px;
          max-width: 100%
      }
      .why-tech .ofc-joim {
          min-height: unset !important
      }
      #grocery-banner .pdng-cntnr {
          padding: 55px 40px
      }
      .on-demand-section.srvces-main.range_sec .abt-srvc,
      .ppttjp.nike-prt-2.mt-5.pt-5.port-bnr-cvr,
      .solution-main.srvces-main {
          margin-top: 0 !important
      }
      .slick-next {
          right: -1px
      }
      .slick-prev {
          left: -1px
      }
      .contact_hr_itms,
      .process_new .dev-process-bx h3 {
          margin-top: 20px
      }
      footer .ftr-section .ftr-form .ftr-form-in,
      section.stat-vid.counter_s+.dev-process.process_new {
          padding-top: 0
      }
      .port-secs .heading-section {
          margin-bottom: 15px
      }
      .funded_sec .rnk-bsns-header,
      .hom-new .we-wrk .btn-primary {
          margin-bottom: 40px
      }
      .rnk-bsns.home_rank_btns {
          padding-bottom: 10px;
          padding-top: 40px
      }
      .homeblk_btn_section_home {
          padding: 0 0 30px
      }
      .accrodn-section-faq,
      .faq-sec {
          border-bottom: 1px solid #ddd
      }
      .hom-new .sld_sec .btn-primary-icon {
          white-space: normal;
          line-height: 1.3
      }
      .servicess_itm_head .service_ssss_itm_ic {
          flex: 0 0 61px
      }
      .home_rank_btns .rnk-bsns-header {
          margin-bottom: 30px
      }
      .rnk-bsns-bg h5:after {
          margin: 10px auto 0
      }
      .abt-jplft h4,
      .cntct-strp h4,
      .rnk-bsns h2,
      .service_restimonial_head h4,
      h2 {
          font-size: 28px
      }
      .col-md-6.text-left p {
          border-left: 0;
          padding-left: 0;
          margin-top: 15px
      }
      .blockchain_plateform.about_blockchain {
          padding: 42px 0 50px
      }
      .serviceNew_s_itm_img img {
          width: 295px;
          margin: 0 auto 26px;
          max-width: 100%
      }
      .blockchain_plateform_sld_con,
      .groc-dtl.mobl_app_con,
      .groc-dtl.mobl_app_con .btn-sec,
      .new_button_con,
      .new_button_con .btn-sec,
      .new_button_con h2,
      .review_banner_s .tsibog-bnr-content,
      .review_banner_s h1,
      .serviceNew_s_itm_con,
      .serviceNew_s_itm_con .btn-sec {
          text-align: center
      }
      .modal_static_con .contact_top_bn {
          border-left: 5px solid #f7bf75
      }
      .casestudy_bnr,
      .contact_page_banner,
      .sld_sec,
      .sld_sec.service_sld,
      .slider-section {
          /* min-height: calc(100vh - 113px); */
      }
      .creer-hero,
      .creer-hero.review_banner_s,
      .pagenotfound_sec,
      .site-content,
      .thanks_sec,
      .topapps_sec,
      .topapps_sec1 {
          /* margin-top: 113px; */
      }
      .press_sec {
          padding-top: 113px
      }
      .active_menu #navbarSupportedContent {
          top: 113px;
          height: calc(100vh - 113px)
      }
      .app-pro-fect .bg-color {
          background-position: center
      }
      .solution-main {
          margin-top: 90px !important
      }
      .home_btn_section+.howappwork {
          margin-top: 40px;
          padding: 50px 0 0
      }
      .why-join-us {
          padding: 50px 0 40px
      }
      .sld_sec,
      .sld_sec.service_sld {
          min-height: unset
      }
      .contact_top_bn {
          gap: 0;
          border-left: 0;
          justify-content: center
      }
      .contact_hr.home_btn_section .buss-dtl-sct {
          padding: 20px
      }
      .contact_hr .buss-dtl-sct p {
          font-size: 14px
      }
      .buss-idea-grow.services_calltoaction.home_btn_section.contact_hr {
          padding-bottom: 50px !important
      }
      .blockchain_plateform_sld_in,
      .contat_location_itm_con .cnt-ad {
          height: auto
      }
      .creer-hero.review_banner_s {
          padding: 35px 0
      }
      .different_industries_itm,
      .dmand-dtl {
          min-height: auto
      }
      .cr-hd h1,
      .slider-heading h1 {
          font-size: 30px
      }
      .slider-heading p {
          font-size: 16px
      }
      .rnk-bsns .row .col {
          flex: 0 0 calc(50% - 11px) !important
      }
      .rnk-bsns .row .col.rnk-cover {
          flex: 0 0 50% !important
      }
      .rnk-cover a {
          height: calc(100% - 30px)
      }
      .howappwork .how-it-wokrs-list li .how-left figcaption,
      .howappwork .how-it-wokrs-list li .how-right figcaption {
          width: 100%;
          text-align: center
      }
      .howappwork .how-it-wokrs-list li figure {
          top: -26px;
      }
      .clutch_sec_head,
      .rnk-bsns .buss-idea-grow.home_btn_section,
      .trust-other-page-white {
          padding: 0
      }
      .blockchain_plateform_bt_img,
      .buss-dtl-sct-img,
      .buss-dtl-sct-img-3d,
      .home_blockchain_itms [class*=col-]:nth-child(3),
      .page_portfolio_itm_img,
      footer .ftr-section {
          margin-top: 40px
      }
      footer .footer_row .ftr-social-media,
      footer .ftr-social-media {
          text-align: center !important
      }
      footer .ftr-social-media {
          justify-content: center
      }
      .btn-primary.btn-primary-icon.inquire_btn {
          width: 180px
      }
      .cntct-strp .btn {
          margin-top: 15px !important
      }
      .different_sec_img {
          margin: 30px 0
      }
      .consulting_itm_ic img {
          max-height: 70px
      }
      .consulting_main.delp-srvce .section-heading p {
          margin: 0
      }
      .blockchain_plateform_bt .row {
          flex-direction: column-reverse;
          text-align: center
      }
      .new_button_con button {
          margin: 20px auto 0 !important
      }
      .techno-log-tabs {
          gap: 25px
      }
      .techno-log-itm {
          flex: 0 0 calc(30.33% - 16px)
      }
      .block_sec_itm {
          padding-left: 0
      }
      .home_blockchain .heading-section {
          max-width: 100%
      }
      .home_blockchain_itm_ic {
          max-width: 200px
      }
      .home_blockchain_itm_con h3 {
          font-size: 20px
      }
      .home_start_video .counter {
          border-top: 1px solid #32323f;
          padding-top: 40px
      }
      .bisiness_sec_bg {
          padding-bottom: 100%
      }
      .hiring_modal_itm {
          margin-top: 30px;
          height: auto
      }
      .mobl_app_img img {
          margin: 0 auto 30px
      }
      .footer_tech_in {
          flex-wrap: unset;
          justify-content: center
      }
      .footer_tech_img img {
          max-height: 34px
      }
      .footer_tech_itm {
          flex: unset;
          width: 100%;
          border-radius: 15px;
          height: auto;
          padding: 16px
      }
      .header_contact_itm a .drp_img {
          margin-right: 6px
      }
      .header_contact_itm::after {
          margin: 0 15px 0 12px
      }
      .header_contact_itm p {
          font-size: 13px
      }
      .home_page_jploft .heading-section {
          flex-wrap: wrap;
          gap: 15px
      }
      .home_page_jploft .heading-section h3 {
          font-size: 32px;
          min-width: unset
      }
      .home_page_jploft {
          padding: 20px 0
      }
      .home_page .hire_counters {
          padding: 15px;
          gap: 30px;
          flex: 0 0 190px
      }
      .home_page .banner_btns .btn {
          width: 100%;
          margin: 2px 0;
      }
      .home_banner_client_itms {
          gap: 15px
      }
      .technologies_sec h4 {
          display: inline-block;
          width: 100%
      }
      .funded_sec {
          background: #000;
          color: #fff;
          padding: 50px 0 0
      }
      .border_line {
          left: calc(33.33% - 8px)
      }
      .boder_type2 {
          left: 66.66%
      }
      .boder_type4 {
          top: 23%;
          left: 0
      }
      .boder_type5 {
          top: 50%;
          left: 0
      }
      .boder_type3.border_line {
          width: 100%;
          height: .0625rem;
          left: 0;
          top: 77%
      }
      .funded_sec_itm {
          padding: 25px 10px
      }
      .port-secs+.buss-idea-grow.services_calltoaction.home_btn_section {
          padding: 50px 0 !important
      }
      .home_page_jploft .row {
          border: 0 !important
      }
      .creer-hero {
          padding: 80px 0
      }
      .home_btn_section .buss-dtl-sct .new_button_con,
      .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con,
      .homeblk_btn_section .buss-dtl-sct .new_button_con {
          padding: 42px 30px 50px
      }
      .home_btn_section .buss-dtl-sct-img,
      .homeblk_btn_section .buss-dtl-sct-img {
          margin: 0;
          padding: 0 0 30px
      }
      .btn-sec {
          margin-top: 5px !important
      }
      .hiring_modal_para .btn-sec {
          margin-top: 20px !important
      }
      footer .ftr-section {
          margin-top: 0;
          padding: 40px 0
      }
      .howappwork .how-it-wokrs-list li:last-child {
          padding-bottom: 0
      }
      .mobile_logo_footer img {
          width: 31%;
      }
      .Innovative .col-md-4:not(:last-child) .block_sec_itm {
          border-bottom: 1px solid #e7e7e7;
          padding-bottom: 20px
      }
      .dev-process-bx {
          height: unset
      }
      .dev-process-bx h3 {
          margin-top: 40px;
          font-size: 24px
      }
      .blogapp_page_stats-head {
          margin-bottom: 0
      }
      .topapps_blog:hover {
          transform: scale(1)
      }
      .home-page-rank {
          padding: 0 0 38px
      }
      .trust-itm-img img {
          max-height: 18px
      }
      .trust-itm-h h5 {
          font-size: 12px
      }
      .home-page-trust {
          padding: 15px
      }
  }

  @media (max-width:576.98px) {
      .servicess_itm ul li {
          width: auto
      }
      .awrd-wthus .section-heading h2 {
          text-align: left !important
      }
      #modal_static2 .modal_static_con .ovr-rting .ovr-rting-con p,
      .app_works_con .row [class*=col-]:last-child .app_works_itm,
      .app_works_itm,
      .different_industries_itm,
      .footer_address_wic,
      .gro-text,
      .home_banner_clients,
      .home_page .slider-heading h1,
      .home_page_jploft .heading-section,
      .home_rank_btns .rnk-cover a .rnk-bsns-bg,
      .jploft_hme_con,
      .mobl_app_con,
      .page_portfolio_itm_con,
      .rnk-bsns-bg h5,
      .rnk-bsns-bg p,
      .rnk-bsns-header-left,
      .section-heading h2,
      .slider-heading .banner_btns {
          text-align: center
      }
      .home_page_jploft .heading-section h3,
      .topapps_sec h1,
      .topapps_sec1 h1 {
          font-size: 1.4rem;
          line-height: 1.4
      }
      .home_page.slider-heading h1 {
          font-size: 1.1rem;
          line-height: 1.3
      }
      .casestdy_itms,
      .new-slider#grocery-banner .pdng-cntnr {
          padding: 40px 15px
      }
      .trust-other-page {
          justify-content: center;
          max-width: unset
      }
      #casestdy_list .aps-scrn-links,
      #casestdy_list .page_portfolio_itm_con .page_portfolio_itm_logo,
      #modal_static2 .modal_static_itms,
      .contact_top_bn_itm,
      .page_portfolio_itm_con .aps-scrn-links,
      .page_portfolio_rating,
      .portfolio-listing .page_portfolio_rating_info ul,
      .trust-other-page .home-page-trust-itm a {
          justify-content: center
      }
      .funded_sec_in .col-4 {
          flex: 0 0 25%;
          max-width: 25%;
          -ms-flex: 0 0 25%
      }
      .border_line {
          left: calc(25% - 8px)
      }
      .boder_type2 {
          left: 50%
      }
      .boder_type4 {
          top: 33.33%;
          left: 0
      }
      .boder_type5 {
          left: 0;
          top: 66.66%
      }
      .boder_type3.border_line {
          width: .0625rem;
          height: 100%;
          left: 75%;
          top: 0
      }
      .funded_sec_in .col-4:nth-child(7) img {
          filter: contrast(.5)
      }
      footer .ftr-section .ftr-adrs .cnt-adrs:first-child,
      footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(2),
      footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(3),
      footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(4) {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
      }
      .footer_address_wic {
          gap: 15px;
          flex-wrap: wrap;
          justify-content: center
      }
      .contact_top_bn .contact_hr_itm_con h5,
      .home-page-rank h3,
      .home-page-rank h3 sup,
      .servicess_itm li a,
      .techno-log-tabs button,
      footer .ftr-section .ftr-adrs .cnt-adrs .cnt-ad,
      footer .ftr-section .ftr-adrs .cnt-adrs .cnt-name,
      footer .ftr-section .ftr-adrs .cnt-adrs .cnt-phn {
          font-size: 13px
      }
      .buss-dtl-sct-img,
      .hire_counters,
      .home_page .slider-heading p br,
      .homeblk_btn_section p,
      .swiper_sld_head span,
      .trust-itm-h h5,
      section.fiiter_contry_s {
          display: none
      }
      .footer_address_ic {
          flex: 0 0 79px
      }
      .home_page_jploft .we-re-jp {
          padding-top: 5px
      }
      .heading-section h2,
      .heading_second {
          font-size: 21px
      }
      .techno-log-itm img {
          max-height: 40px
      }
      .home-page-rank .rnk-bsns-header-right .row {
          gap: 6px;
          flex-wrap: wrap
      }
      .home-page-rank .rnk-bsns-header-right p {
          font-size: 11px;
          line-height: 1.3;
          margin-top: 4px
      }
      .consulting_itm_con h3,
      .d-soltions .cntnts-r h3,
      .home-page-rank h2,
      .servicess_itm_head_nm,
      .swiper_sld_head {
          font-size: 18px
      }
      .home-page-rank .rnk-bsns-header-right .row .col {
          padding: 10px 9px !important;
          flex: 0 0 calc(50% - 6px) !important;
          border-radius: 7px
      }
      .trust-itm-img img {
          max-height: 16px
      }
      .trust-itm img {
          width: 10px
      }
      .home_banner_client_itms {
          margin-top: 18px
      }
      .home-page-trust {
          gap: 10px;
          padding: 10px;
          border-radius: 10px
      }
      .trust-itm-rating span {
          margin-bottom: -3px;
          font-size: 12px
      }
      .trust-itm-rating {
          gap: 5px;
          margin-bottom: 0
      }
      .howappwork-app-itms,
      .topapps_blog_in {
          padding: 25px
      }
      .topapps_sec h1 span,
      .topapps_sec1 h1 span {
          padding: 0 25px 5px
      }
      .topapps_sec {
          padding: 40px 0 35px
      }
      .app_works_itm {
          border: 1px solid #ddd;
          padding: 20px;
          border-radius: 20px
      }
      .features_sec_tabs ul.nav-pills {
          gap: 5px
      }
      .features_sec_tabs ul.nav-pills .nav-link {
          font-size: 14px;
          gap: 4px
      }
      .features_sec_tabs ul.nav-pills .nav-link .features_sec_tabs_ic {
          width: 35px;
          height: 35px
      }
      .blogapp-logo {
          max-width: 90px
      }
      .accrodn-section-faq .btn-header-link,
      .blogapp_page_stats-con h4,
      .buss-dtl-sct p,
      .home_banner_clients h4,
      .modal_static_heading h2,
      .servicess_itm_head_nm {
          font-size: 16px
      }
      .blogapp_page_stats-head-logo img {
          max-height: 45px
      }
      .about_blockchain h2,
      .about_leftbg .section-img,
      .contat_location_itm_con h3 {
          margin-top: 0
      }
      .app_works_con .row [class*=col-]:last-child,
      .mobl_app_con,
      .owl_sliderapp {
          margin-top: 30px
      }
      .fiiter_contry_s h3,
      .h4,
      h4 {
          font-size: 20px
      }
      #grocery-banner.service_sld .pdng-cntnr {
          padding-bottom: 0
      }
      .app-dvlp-section {
          padding-bottom: 30px
      }
      .about-eocmers.service_eocmers,
      .solution-main.srvces-main.service_page_benefits {
          padding: 42px 0 50px
      }
      .abt-jplft h4,
      .cntct-strp h4,
      .review_banner_s h1,
      .rnk-bsns h2,
      .service_restimonial_head h4,
      h2 {
          font-size: 24px
      }
      footer .ftr-section .form-group {
          margin-bottom: 1rem
      }
      .rnk-bsns.home_rank_btns {
          padding-bottom: 40px
      }
      .rnk-bsns-bg h5:after {
          margin: 10px auto 0
      }
      #casestdy_list,
      .admin-desn .section-heading p,
      .app-dvlp-section .section-heading p,
      .blockchain_plateform p,
      .different_sec .heading-section p,
      .howappwork .section-heading p {
          margin-top: 20px
      }
      footer .footer_row .ftr-social-media,
      footer .ftr-section .ftr-form .btn {
          margin-top: 15px
      }
      .bisiness_sec .line-red,
      .hiring_modal_in .line-red,
      footer .ftr-section h4 {
          margin-bottom: 15px
      }
      .buss-dtl-sct h2,
      .contact_page_banner h3,
      .why-jploft h3,
      h3 {
          line-height: 1.3
      }
      .header_contact_itm a,
      .modal_static_con h3,
      .responsnce_time_1 {
          font-size: 14px
      }
      .serviceNew_s_itm_con h3 {
          line-height: 1.2;
          font-size: 22px
      }
      .header_contact_itm .drp_img img {
          height: 28px;
          width: 28px
      }
      .casestudy_bnr,
      .contact_page_banner,
      .sld_sec,
      .sld_sec.service_sld,
      .slider-section {
          min-height: unset
      }
      .active_menu #navbarSupportedContent {
          top: 100px;
          height: calc(100vh - 100px)
      }
      .creer-hero,
      .creer-hero.review_banner_s,
      .pagenotfound_sec,
      .site-content,
      .thanks_sec,
      .topapps_sec,
      .topapps_sec1 {
          /* margin-top: 100px; */
      }
      .press_sec {
          padding-top: 100px
      }
      .header_contact_itm p {
          margin-left: 0
      }
      #casestdy_list .aps-scrn-links {
          justify-content: center !important
      }
      .sld_sec.service_sld {
          padding: 10px 0 40px
      }
      .new_button_con .btn-sec .btn {
          white-space: unset;
          line-height: 1.2
      }
      .banner_btns .btn {
          width: 100%;
          margin: 0 0 10px;
          min-height: 40px;
          min-width: 100%;
          padding: 11.5px 15px !important
      }
      .contact_top_bn h4 {
          padding-left: 0;
          margin-bottom: 12px
      }
      .modal_static_con .contact_top_bn h4 {
          padding-left: 10px
      }
      .home_banner_client_itm img {
          max-height: 31px
      }
      .modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm {
          justify-content: flex-start
      }
      .casestdy_filter_list h3 span {
          display: block;
          margin-top: 7px
      }
      .filtersdropdown .select {
          width: 100%
      }
      .list_dev ul {
          gap: 10px;
          justify-content: center
      }
      .card-header a h5 {
          padding-right: 20px
      }
      .fa-angle-down:before {
          width: 15px;
          height: 12px;
          background-size: 15px
      }
      .md-accordion .card .fa-angle-down {
          margin-right: -17px !important
      }
      .header_contact_itm:last-child {
          flex: 0 0 100%;
          justify-content: center
      }
      .request-form-header h3 {
          margin-bottom: 8px
      }
      .portfolio_section .page_portfolio_itm_logo {
          text-align: left;
          line-height: 1.1;
          justify-content: center
      }
      .testimlm .heading-section {
          padding: 30px 0 !important
      }
      .servicess_itm_con {
          padding: 15px 10px
      }
      .servicess_itm_head .service_ssss_itm_ic {
          height: 40px;
          flex: 0 0 40px
      }
      .port-secs h2 {
          font-size: 23px;
          margin-bottom: 0
      }
      .home_page_jploft .heading-section h3 {
          justify-content: center;
          margin: 0 auto
      }
      .home_banner_client_itms {
          gap: 20px;
          justify-content: center
      }
      .swiper-wrapper img {
          height: 27px
      }
      .slider-heading p {
          font-size: 17px;
          line-height: 24px
      }
      .footer_tech_itm h5 {
          font-size: 10px
      }
      .footer_tech_itm {
          padding: 10px
      }
      .buss-dtl-sct h2 {
          width: 100% !important;
          font-size: 26px
      }
      .buss-dtl-sct {
          padding: 26px
      }
      .rnk-bsns-header-right p,
      .techno-log-tabs button {
          font-size: 12px
      }
      .rnk-bsns-header-right .row {
          gap: 10px
      }
      .rnk-bsns-header-right .row .col {
          padding: 12px !important
      }
      .rnk-bsns .row .col {
          flex: 0 0 calc(50% - 6px) !important
      }
      .request-form-header {
          padding-left: 10px;
          padding-right: 10px
      }
      .modal_static_con p {
          font-size: 12px;
          line-height: 1.3;
          margin-top: 5px
      }
      .modal_static_itm {
          flex: 0 0 50px
      }
      .modal_static_itm:nth-child(2),
      .modal_static_itm:nth-child(5) {
          flex: 0 0 68px
      }
      #modal_static .close,
      #modal_static1 .close {
          right: 10px;
          top: 3px
      }
      #modal_static .modal-content .modal-body,
      #modal_static1 .modal-content .modal-body,
      #modal_static2 .modal-content .modal-body {
          padding: 35px 20px 20px
      }
      .modal_static_con .ovr-rting ul {
          margin-bottom: 0;
          width: 100%
      }
      #modal_static .modal_static_heading h2,
      #modal_static1 .modal_static_heading h2,
      #modal_static2 .modal_static_heading h2 {
          font-size: 17px
      }
      .delp-srvce .dvlp-dtl {
          padding: 30px;
          height: auto;
          margin-bottom: 30px !important
      }
      .rnk-bsns .row .col {
          flex: 0 0 100% !important;
          padding: 15px 25px !important
      }
      .different_industries_itm_ic img,
      .line-red,
      .page_portfolio_itm_logo img {
          margin: 0 auto
      }
      .rnk-cover a {
          height: auto
      }
      .rnk-bsns .row .col.rnk-cover {
          flex: 0 0 100% !important;
          padding: 0 15px !important
      }
      .page_portfolio_itm_info h3 {
          font-size: 24px;
          line-height: 1.2
      }
      .page_portfolio_itm {
          padding: 20px 10px 10px
      }
      .page_portfolio_itm_con .aps-scrn-link {
          margin: 10px 0 0
      }
      .page_portfolio_itm_con .aps-scrn-links {
          gap: 6px
      }
      footer img {
          margin: 0 auto !important
      }
      .banner_img_form {
          max-width: 100%;
          left: 0
      }
      #grocery-banner .pdng-cntnr {
          padding: 30px 15px 40px
      }
      #grocery-banner .gro-form .request-form {
          border-radius: 0 15px 15px
      }
      .different_industries,
      .different_sec,
      .technologies_sec {
          padding: 40px 0
      }
      .funded_sec_itm {
          padding: 20px 3px;
          height: 69px;
          display: flex;
          align-items: center
      }
      .funded_sec {
          padding: 42px 0 0
      }
      .techno-log-itms {
          margin-top: 30px;
          gap: 6px
      }
      .techno-log-itm-con {
          font-size: 10px;
          line-height: 1.2
      }
      .techno-log-itm {
          padding: 10px;
          flex: 0 0 calc(25% - 7px);
          border-radius: 10px;
          gap: 10px
      }
      .techno-log-tabs {
          gap: 8px
      }
      #grocery-banner.blogapp_page_banner .pdng-cntnr,
      #grocery-banner.hire_page_banner .pdng-cntnr {
          padding: 55px 10px 50px
      }
      .mobl-app-groc,
      .scrp-app {
          padding: 30px 0
      }
      .mobl_app_con {
          padding-left: 0
      }
      footer .ftr-section .ftr-adrs {
          padding-left: 15px
      }
      .ftr-adrs .row.m-0 {
          margin: 0 -15px !important
      }
      .ftr-adrs .row [class*=col-] {
          padding: 0 15px !important
      }
      footer .ftr-nav {
          padding: 15px 15px 0 !important;
          border-left: 0 !important
      }
      .different_industries+.buss-idea-grow {
          padding-bottom: 50px !important
      }
      .header_contact_itm::after {
          margin: 0 8px 0 5px
      }
      .hom-new .slider-section {
          padding-top: 30px;
          padding-bottom: 0
      }
      .home_page .slider-heading p {
          margin: 8px 0 20px;
          text-align: center
      }
      .mobile_btns {
          top: 4px
      }
      .home_page .slider-heading {
          padding: 18px 20px 40px 20px;
      }
      .comy-grt p {
          margin-top: 12px
      }
      .clt-revw-testi {
          padding: 50px 0 20px
      }
      .hom-new .casestdy-main-banner {
          padding: 50px 0;
          margin-top: 98px
      }
      .contact_top_bn .contact_hr_itm_con p {
          font-size: 14px !important
      }
      .casestdy_listbox h3 {
          line-height: 1.2
      }
      .rnk-bsns {
          padding-bottom: 50px
      }
      .abt-dtl h2 {
          line-height: 1.4
      }
      .page_portfolio_itm_img {
          margin: 30px auto 5px
      }
  }

  @media (min-width:768px) and (max-width:800px) {
      .admin-desn .col-md-5,
      .admin-desn .col-md-7 {
          flex: 0 0 100%;
          max-width: 100%
      }
      .admin-img {
          margin-bottom: 30px
      }
  }

  @media (max-width:453px) {
      .dev-process-bx h3 {
          line-height: 1.3
      }
  }

  @media (max-width:436px) {
      .industries_menu .col-md-3:nth-child(3) .header_menu_itm .nav-link,
      .industries_menu .col-md-3:nth-child(4) .header_menu_itm .nav-link,
      .industries_menu .col-md-3:nth-child(5) .header_menu_itm .nav-link,
      .industries_menu .col-md-3:nth-child(6) .header_menu_itm .nav-link {
          height: 108px
      }
  }

  @media (max-width:400px) {
      .header_contact_itm p {
          line-height: 1;
          margin-top: 5px
      }
      .responsnce_time_1 span {
          display: block
      }
      .abt-jplft h4,
      .cntct-strp h4,
      .contact_page_banner h3,
      .rnk-bsns h2,
      .service_restimonial_head h4,
      h2 {
          font-size: 20px
      }
      .modal_static_form .responsnce_time_1 span {
          display: inline
      }
      .footer_lgs_in {
          margin-top: 20px
      }
      .footer_lgs_itm img {
          max-width: 54px;
          max-height: 22px
      }
      .ftr-social-media,
      footer .for-mbl,
      footer .ftr-nav {
          padding: 15px 0 0
      }
      .footer_address_con {
          text-align: center;
          width: 100%
      }
      .features_sec_tabs ul.nav-pills .nav-link {
          font-size: 12px;
          border-radius: 10px;
          padding: 7px;
          flex-direction: column
      }
      .casestudy_bnr,
      .contact_page_banner,
      .sld_sec,
      .sld_sec.service_sld,
      .slider-section {
          /* margin-top: 94px; */
          min-height: unset
      }
      .creer-hero,
      .creer-hero.review_banner_s,
      .pagenotfound_sec,
      .site-content,
      .thanks_sec,
      .topapps_sec,
      .topapps_sec1 {
          /* margin-top: 94px; */
      }
      .active_menu #navbarSupportedContent {
          top: 94px;
          min-height: calc(100vh - 94px)
      }
      .press_sec {
          padding-top: 94px
      }
      .header_contact_itm a {
          font-size: 12px
      }
      .header_contact_itm .drp_img img {
          height: 22px;
          width: 22px
      }
      .header_contact_itm::after {
          margin: 0 6px 0 3px
      }
      .blog-sec .btn-primary,
      .hom-new .btn-primary {
          white-space: unset;
          line-height: 1.2
      }
      .buss-dtl-sct h2 {
          font-size: 21px
      }
      .casestdy_listbox h3 {
          line-height: 1.2
      }
      .contact_hr_itm_ic {
          flex: 0 0 45px
      }
      .contact_hr .buss-dtl-sct p {
          line-height: 1.3
      }
      .header_contact_itm:last-child {
          flex: 0 0 100%;
          justify-content: center
      }
      .contact_hr_itm_ic {
          flex: 0 0 55px
      }
      .banner_btns .btn.myButt10 img {
          margin-left: 0;
          margin-right: 5px;
          margin-top: -5px
      }
      .clutch_r_user_img {
          flex: 0 0 40px;
          height: 40px
      }
      .clutch_r_user {
          gap: 12px
      }
      .banner_btns .icon {
          position: relative;
          left: unset;
          right: unset;
          top: unset
      }
      .banner_btns .btn {
          width: 100%;
          margin: 0 0 10px;
          padding: 0 20px !important;
          min-height: 40px;
          min-width: 100%
      }
      .banner_btns .btn:first-child .icon {
          top: 4px
      }
      .banner_btns .btn:last-child .icon {
          margin-right: 5px;
          margin-left: -10px
      }
      .footer_address_wic {
          flex-wrap: wrap
      }
      .footer_address_ic {
          margin: 0 auto
      }
      .ftr-adrs,
      footer .ftr-section .ftr-adrs h2 {
          text-align: center
      }
      .techno-log-itm img {
          max-height: 35px
      }
      .techno-log-itms {
          gap: 8px
      }
      .techno-log-tabs {
          gap: 7px
      }
      .btn-primary.btn-primary-icon.inquire_btn {
          width: 140px
      }
      .banner_img_hire_meta {
          padding: 20px 10px 0;
          justify-content: center;
          flex-wrap: wrap;
          text-align: center
      }
      .banner_img_hire_ig {
          border-radius: 20px
      }
      .banner_img_hire_ig img {
          border-radius: 15px
      }
  }

  @media screen and (min-width:992px) {
      .navbar-dark .navbar-nav .nav-link {
          padding: 23.8px 7px
      }
  }

  @media screen and (max-width:435px) {
      .industries_menu [class*=col-]:nth-child(3) .header_menu_itm .nav-link,
      .industries_menu [class*=col-]:nth-child(4) .header_menu_itm .nav-link,
      .industries_menu [class*=col-]:nth-child(5) .header_menu_itm .nav-link,
      .industries_menu [class*=col-]:nth-child(6) .header_menu_itm .nav-link {
          height: 110px;
          padding-bottom: 0 !important
      }
  }

  @media screen and (max-width:380px) {
      .home-page-trust {
          gap: 8px;
          padding: 8px
      }
      .home-page-trust.trust-other-page {
          gap: 12px;
          padding: 0
      }
      .home-page-trust-itm a {
          gap: 10px
      }
      .trust-itm-rating span {
          margin-bottom: -3px;
          font-size: 11px
      }
  }


  @media (max-width:599px) {
      .pk-subscribe-with-bg input[type=text],
      .pk-subscribe-with-name input[type=text] {
          border-radius: 0
      }
  }


  @media (min-width:992px) {
      .col-lg-5 {
          flex: 0 0 41.666667% !important
      }
  }

  @media only screen and (max-width:768px) {
      .site-content ul#examples {
          text-align: center
      }
      .site-content .mobile_logo_footer img {
          margin: 0 auto
      }
      .banner_btns .btn {
          font-size: 15px
      }
      .banner_btns .free_qty_btn,
      .home-page-trust,
      .home_banner_clients,
      .technologies_sec .tab-content>.active,
      .technologies_sec .techno-log-tabs,
      .technologies_sec .techno-log-tabs .tab-content {
          display: none
      }
      .only-mblc .home_banner_clients,
      .tecno-fr-mbl {
          display: block
      }
      .techno-log-itms {
          margin-top: 0
      }
      .text {
          display: -webkit-box !important;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden
      }
      .text-btn {
          appearance: none;
          border: 1px solid #ed1f24;
          line-height: 1;
          padding: 5px 10px !important;
          width: fit-content;
          border-radius: 30px !important;
          -webkit-border-radius: .25em;
          -moz-border-radius: .25em;
          -ms-border-radius: .25em;
          -o-border-radius: .25em;
          margin: 15px auto;
          cursor: pointer;
          display: flex;
          align-items: center;
          height: 28px
      }
      .text-btn::before {
          content: "see more";
          display: inline-block;
          width: 100%;
          text-transform: capitalize;
          color: #ed1f24
      }
      .text-btn:checked::before {
          content: "see less";
          color: #ed1f24
      }
      .text:has(+.text-btn:checked) {
          -webkit-line-clamp: initial
      }
      .only-mblc {
          display: block;
          background: #000;
          margin-top: -25px;
          padding: 30px 30px 15px
      }
      .only-mblc .home-page-trust {
          display: flex
      }
  }


  @media (min-width:1200px) {
      .slider-heading h1 {
          font-size: 40px !important
      }
      .home_page .slider-heading-con.homepage_contentSld h1 {
          margin: 0 auto
      }
      .home_page .slider-heading-con.homepage_contentSld .home_banner_client_itms,
      .home_page .slider-heading-con.homepage_contentSld p {
          margin: 30px 0 0
      }
      .slider-heading-con.homepage_contentSld .banner_btns {
          margin-top: 39px !important
      }
      .slider-heading-con.homepage_contentSld .home_banner_clients {
          margin-top: 39px
      }
  }


  @media (max-width:500px) {
      .iti__country-list {
          white-space: normal
      }
  }
  

  @media(max-width:1366.98px) {
      .needs_sec_heading {
          top: 150px
      }
  }

  @media(max-width:1024.98px) {
      .srvcs_itm_meta {
          flex-wrap: wrap
      }
      .partner_secitms {
          gap: 20px
      }
  }

  @media (min-width:768px) and (max-width:991px) {
      .ag-format-container {
          width: 750px
      }
  }

  @media (min-width:992px) and (max-width:1199px) {
      .ag-format-container {
          width: 960px
      }
  }

  @media(max-width:991.98px) {
      .needs_sec_info {
          padding-left: 0;
          padding-top: 30px
      }
      .srvcs_itm_meta .heading_h3 {
          flex: 0 0 100%
      }
      .custom_sec .section-heading {
          width: 100%;
          padding-right: 0
      }
      .custom_sec_itms {
          margin-top: 100px
      }
      .custom_sec_itm:first-child [class*=col-]:nth-child(2),
      .custom_sec_itm:first-child [class*=col-]:nth-child(3) {
          margin-top: -80px;
          padding-top: 80px
      }
      .custom_sec_ic {
          flex: 0 0 70px;
          height: 70px
      }
      .custom_sec_heading {
          top: 27px
      }
      .custom_sec_info {
          padding: 15px;
          gap: 15px
      }
      .custom_sec_con .heading_h3,
      .needs_sec_con .heading_h3,
      .pg_solutions_con .heading_h3 {
          margin-bottom: 10px
      }
      .custom_sec_innf {
          padding: 10px
      }
      .ag-timeline-card_point-box {
          font-size: 15px;
          font-weight: 600;
          line-height: 2
      }
      .flip_list {
          font-size: 14px
      }
      .flip-card-back {
          padding: 15px
      }
      .flip-card-front-meta h3 {
          font-size: 17px
      }
      .ul_list li {
          background-position: left 0
      }
      .admin-desn_tabs .nav-pills .nav-link {
          font-size: 18px
      }
      .home_btn_right .col-md-8 {
          justify-content: center
      }
      .heading_h2 {
          font-size: 36px !important
      }
      .heading_h3 {
          font-size: 20px !important
      }
      .rnk-bsns-header-right h3,
      .rnk_font h3 {
          font-size: 25px
      }
      .rnk_font h4 {
          font-size: 22px
      }
      .ag-timeline_line {
          left: 30px
      }
      .ag-timeline_item:nth-child(2n) {
          text-align: left
      }
      .ag-timeline-card_box,
      .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
          padding: 0 0 20px
      }
      .ag-timeline-card_meta-box {
          display: none
      }
      .ag-timeline-card_point-box,
      .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
          margin: 0 0 0 8px
      }
      .ag-timeline-card_point {
          height: 40px;
          line-height: 40px;
          width: 40px
      }
      .ag-timeline-card_item {
          width: auto;
          margin: -65px 0 0 75px
      }
      .ag-timeline_item:nth-child(2n) .ag-timeline-card_item,
      .ag-timeline_item:nth-child(odd) .ag-timeline-card_item {
          -webkit-transform: translateX(200%);
          -moz-transform: translateX(200%);
          -ms-transform: translateX(200%);
          -o-transform: translateX(200%);
          transform: translateX(200%)
      }
      .ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow {
          right: auto;
          left: 0
      }
      .ag-timeline-card_title {
          display: block
      }
      .ag-timeline-card_arrow {
          margin-top: 12px
      }
      .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
          justify-content: start
      }
      .cta_S {
          padding: 32px 0 50px
      }
  }

  @media(max-width:767.98px) {
      .btn_full_img,
      .hidden-md {
          display: none
      }
      .custom_sec_itms {
          margin-top: 25px
      }
      .needs_sec_info {
          padding-left: 0;
          margin-top: 30px
      }
      .mistake_sec_in .line-red {
          margin-bottom: 15px
      }
      .mistake_sec_img img {
          margin: 0 auto
      }
      .custom_sec .section-heading,
      .mistake_sec_con {
          text-align: center
      }
      .mistake_sec_itms .row [class*=col-] .mistake_sec_itm .mistake_sec_itm_in,
      .mistake_sec_itms .row [class*=col-]:nth-child(2) .mistake_sec_itm .mistake_sec_itm_in {
          padding: 20px 20px 0
      }
      .mistake_sec_itms .row [class*=col-]:nth-child(2) .mistake_sec_itm .mistake_sec_itm_in {
          flex-direction: column;
          padding-bottom: 20px
      }
      .mistake_sec_itms .row [class*=col-]:nth-child(2) .mistake_sec_itm {
          background: linear-gradient(180deg, #cedfde 0, #fff0 100%)
      }
      .btn_full {
          padding: 32px 0 50px
      }
      .ftr_sec .admin-img {
          margin-top: 30px;
          margin-bottom: 0;
          width: 100%
      }
      .service_hire .section-img,
      .technologies_sec {
          display: none
      }
      .admin-desn_tabs .nav-pills .nav-link {
          font-size: 16px;
          padding: 10px 20px
      }
      .service_hire .row {
          flex-direction: column-reverse
      }
      .about-eocmers.service_eocmers.service_hire,
      .cta_S {
          padding: 42px 0 50px
      }
      .cta_S .btn-sec {
          margin-top: 25px !important
      }
      .slider_nm#grocery-banner .pdng-cntnr {
          padding: 32px 40px 0
      }
      .heading_h2 {
          font-size: 28px !important
      }
      .rnk-bsns-header-right h3,
      .rnk_font h3 {
          font-size: 25px
      }
      .ftr-form-in h3,
      .rnk_font h4 {
          font-size: 22px
      }
      .fiiter_contry_in .heading_h2,
      .ftr-adrs .heading_h3 {
          font-size: 22px !important
      }
      .ag-format-container {
          width: 96%
      }
      .ag-timeline-card_img {
          height: auto;
          width: auto
      }
      .ag-timeline-card_info {
          padding: 20px
      }
      .ag-timeline-card_desc {
          font-size: 14px
      }
  }

  @media(max-width:576.98px) {
      .abt-jplft .slider-activation .slick-prev,
      .abt-jplft .slider-activation .slick-next {
          top: auto !important;
          bottom: -100px
      }
      .slider_nm .gro-form.too-form {
          padding-top: 30px !important
      }
      .section-img_new {
          margin: 20px 0 0 !important
      }
      .section-img_new img {
          margin: 0 !important
      }
      .delp-srvce .row [class*=col-] .section-heading,
      .home_rank_btns .rnk-bsns-header {
          margin-bottom: 30px
      }
      .delp-srvce .dvlp-dtl.dvlp-dtl-new {
          margin-bottom: 0 !important
      }
      .flip-card-front-img {
          padding-bottom: 380px
      }
      .flip-card {
          height: 380px
      }
      .admin-desn_tabs .nav-pills .nav-link {
          font-size: 13px;
          padding: 8px 10px
      }
      .admin-desn_tabs .nav-pills {
          gap: 3px;
          padding: 2px
      }
      .ul_list {
          flex-wrap: wrap;
          gap: 20px;
          margin-top: 0
      }
      .ul_list li {
          flex: 0 0 100%
      }
      .tab_cn_pn .admin-img {
          width: 100%;
          margin: 30px auto 0 0
      }
      .ftr_sec .admin-img {
          padding: 5px
      }
      .ag-timeline-card_title {
          line-height: 1.4
      }
      .slider_nm#grocery-banner .pdng-cntnr {
          padding: 30px 15px 4px;
      }
      .accrodn-section-faq .btn-header-link {
          padding: 15px 11px 15px 5px;
          border-radius: 20px
      }
      .accrodn-section-faq .btn-header-link:after {
          right: 20px
      }
      .ftr-form-in h3 {
          font-size: 18px
      }
      .heading_h2 {
          font-size: 22px !important
      }
      .heading_h3 {
          font-size: 18px !important
      }
      .ag-timeline-card_info {
          padding: 15px 10px;
          gap: 10px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
      }
      .rang_sec_img {
          flex: 0 0 40px
      }
  }


  @media (min-width:1400px) {
      .thanks_sec .container {
          max-width: 1100px
      }
  }

  @media (min-width:1200px) {
      .thanks_procerss_itm_con {
          font-size: 20px
      }
  }

  @media(max-width:1400px) {
      .prfe-img-content {
          font-size: 16px
      }
      .inds_sec_itm {
          padding: 20px
      }
      .inds_sec_itm_img {
          clip-path: inset(330px 16px 0 16px round 8px)
      }
      .inds_sec_itm_nw {
          height: 150px
      }
      .help_list {
          font-size: 14px;
          gap: 8px
      }
  }

  @media(max-width:1199.98px) {
      .ai_agent_itm_con h4 {
          font-size: 16px
      }
      .tab_cn_pn.gre-bg-lit .admin-type {
          margin-bottom: 0;
          margin-top: 25px
      }
      .thanks_sec h1 {
          font-size: 55px
      }
      .thanks_sec p {
          font-size: 18px
      }
      .prfle-dtl h2 {
          font-size: 21px
      }
      .thank_us_pagre .map_footer {
          padding-top: 0
      }
      .about_values_itm {
          padding: 25px
      }
      .glry.glry_sss.gre-bg-lit {
          background: #fff
      }
      .About_us_pagre .map_footer {
          padding-top: 50px
      }
      .map_footer_con {
          width: 400px;
          padding-right: 100px
      }
      .map_footer_in {
          height: 336px
      }
      h3 {
          font-size: 22px
      }
      .inds_sec_itm_nw {
          height: 180px
      }
      .inds_sec_itm_img {
          clip-path: inset(300px 16px 0 16px round 8px)
      }
      .heading_h2,
      h2 {
          font-size: 36px !important
      }
      .heading_h1 {
          font-size: 40px
      }
      .home_experts_con .heading_h2 .span_red {
          display: block
      }
      .help_service_itm {
          padding: 15px
      }
      .modal_static_heading h2 {
          font-size: 24px !important
      }
  }

  @media(max-width:991.98px) {
      .ai_agent_itms {
          margin-top: 30px
      }
      .ai_agent_itms h3 {
          text-align: left
      }
      .ai_agent .section-heading.text-center {
          text-align: left !important
      }
      .ai_agent .section-heading .mx-auto {
          margin-left: 0 !important
      }
      .ai_agent_meta [class*="col-"]:first-child .ai_agent_itms {
          margin-top: 10px
      }
      .tab_cn_pn.gre-bg-lit h3.heading_h3 {
          font-size: 26px !important
      }
      .thanks_procerss_itm_ic {
          flex: 0 0 50px;
          height: 50px
      }

      .xyz_hme_con{
        text-align: center;
      }
      .thanks_procerss_itm_ic_in img {
          max-width: 74%
      }
      .jploft_awards_itm .img-fluid {
          max-height: 150px
      }
      .jploft_awards_itms {
          gap: 30px
      }
      .about_new_itms {
          margin-top: 25px
      }
      .next-gen-heading.country-au {
          font-size: 35px !important
      }
      .next-gen-heading.country-sa {
          font-size: 33px !important
      }
      .map_footer_con {
          padding: 30px 60px 30px 30px;
          width: 570px
      }
      .map_footer_in {
          height: 225px
      }
      .map_footer_in_uk.map_footer_in {
          background-position: 150px
      }
      .header_contact_itm p {
          font-size: 14px
      }
      .inds_sec_itm {
          padding: 15px
      }
      .home_experts_itms {
          gap: 20px
      }
      .home_abt_btn {
          padding: 20px
      }
      .funded_sec_itm {
          padding: 30px 12px
      }
      .funded_sec_in_img {
          padding-left: 0
      }
      h3 {
          font-size: 20px
      }
      .home_experts_itm_cnt {
          font-size: 40px
      }
      .small_text {
          font-size: 15px
      }
      .help_service_head {
          flex-wrap: wrap
      }
      .lets_chat .circle-button img {
          width: 200px;
          height: 200px
      }
      .lets_chat .circle-button .circle {
          width: 120px;
          height: 120px
      }
      .pictures-wrap-img img {
          margin-top: -70px
      }
      .pictures-wrap {
          margin-top: 85px
      }
      .modal_static_heading h2 {
          font-size: 16px !important
      }
      .home_experts_in {
          margin-top: 0
      }
      .home_page_jploft {
          padding: 30px 0 20px
      }
      .dev_abt_jplft {
          padding: 20px;
          border-radius: 20px
      }
  }

  @media(max-width:767.98px) {
      .ai_light_section .tab_cn_pn.gre-bg-lit .row .row [class*="col-"]:first-child .admin-type,
      .ai_light_section .tab_cn_pn.gre-bg-lit .row .row [class*="col-"]:nth-child(2) .admin-type {
          margin-top: 25px
      }
      .tab_cn_pn.gre-bg-lit .admin-type img {
          margin-top: 0
      }
      .tab_cn_pn.gre-bg-lit .row {
          flex-direction: row-reverse
      }
      .ftr_sec .ftr_sec_tab_itm:first-child .tab_cn_pn.gre-bg-lit .admin-img {
          margin: 0 0 15px
      }
      .effort_sec_blk .effort_sec_itms {
          margin-top: 30px
      }
      .tab_cn_pn.gre-bg-lit h3.heading_h3 {
          font-size: 21px !important
      }
      .ftr_sec .ftr_sec_tab_itm:first-child .admin-img,
      .tab_cn_pn.gre-bg-lit .mobil-img {
          margin-top: 30px
      }
      .ftr_sec_tab_itm:first-child .section-heading,
      .tab_cn_pn .scl-fix-dt [class*=col-]:last-child .admin-type {
          margin-bottom: 0
      }
      .type-dtl h4 {
          font-size: 16px
      }
      .tab_cn_pn .scl-fix-dt {
          padding-left: 0;
          max-height: unset;
          height: unset
      }
      .ftr_sec .ftr_sec_tab_itm:first-child .admin-img img {
          width: 350px !important;
          max-width: 100% !important
      }
      .tab_row {
          flex-direction: column-reverse
      }
      .blockchain_plateform_sld_in {
          text-align: center
      }
      .about_page .home_banner_clients {
          display: block
      }
      .thanks_procerss_img {
          display: none
      }
      .thanks_procerss_itm {
          border: 1px solid #ddd;
          border-radius: 10px;
          padding: 10px;
          margin-bottom: 10px
      }
      .thanks_procerss .row [class*=col-]:last-child .thanks_procerss_itm {
          flex-direction: row;
          text-align: left
      }
      .thanks_procerss .row [class*=col-]:first-child .thanks_procerss_itm:last-child {
          margin-bottom: 10px
      }
      .thanks_procerss .row [class*=col-]:last-child .thanks_procerss_itm:last-child {
          margin-bottom: 0
      }
      .about_page .cr-hd p {
          font-size: 16px
      }
      .our_locations_img_tablet,
      .thanks_sec .home_banner_clients {
          display: block
      }
      .prfe-img-content {
          font-size: 14px
      }
      .our_locations_img_desktop,
      .our_locations_img_mobile {
          display: none
      }
      .our_locations_img_tablet {
          display: block
      }
      .map_footer_con .btn-sec {
          margin-top: 20px !important
      }
      .map_footer_con {
          width: 380px;
          padding-right: 30px
      }
      .map_footer_in {
          height: 270px
      }
      .map_footer_in.map_footer_in_us {
          height: 270px;
          background-position: -270px
      }
      .map_footer_in_uk.map_footer_in {
          height: 270px;
          background-position: 0
      }
      .header_contact_itm_phone {
          display: none !important
      }
      .header_contact_itm.sky-hide {
          display: none
      }
      .header_new_contact [class*="col-"]:nth-child(2) .india_itms .header_contact_itm:nth-child(2)::after {
          display: none
      }
      .heading_h2,
      .section-heading h2,
      h2 {
          font-size: 28px !important
      }
      .ppttjp.redbl.port-bnr-cvr img:first-child {
          display: initial
      }
      .funded_sec_in_img {
          margin: 30px auto 50px;
          width: 601px;
          max-width: 100%
      }
      .heading_h1 {
          font-size: 32px
      }
      .home_abt_bg,
      .home_abt_cnt {
          padding: 10px
      }
      .home_experts_img {
          display: none
      }
      .home_experts_con {
          text-align: center
      }
      .home_experts_itms {
          gap: 15px;
          justify-content: center
      }
      .home_abt_cnt p {
          line-height: 1.2
      }
      .home_experts_itm_cnt {
          font-size: 22px;
          line-height: 1
      }
      .small_text {
          font-size: 12px
      }
      .home_abt_cnt h3 {
          font-size: 24px
      }
  }

  @media(max-width:576.98px) {
      .ai_agent .section-heading.text-center .heading_h2 {
          text-align: left
      }
      .ai_agent_meta [class*="col-"]:first-child .ai_agent_itms {
          margin-top: 30px
      }
      .heading_h2+.line-red+p {
          margin-top: 15px
      }
      .effort_sec_blk .effort_sec_itms [class*="col-"]:nth-child(3) {
          margin-bottom: 25px
      }
      .effort_sec_blk .section-heading {
          text-align: center
      }
      .tab_cn_pn.gre-bg-lit h3.heading_h3 {
          font-size: 19px !important
      }
      .tab_cn_pn.gre-bg-lit .line-red {
          margin-left: 0;
          margin-top: 10px
      }
      .tab_cn_pn.gre-bg-lit {
          padding: 0
      }
      .thanks_procerss_itm_con {
          font-size: 16px
      }
      .thanks_sec .banner_btns .btn {
          flex: 0 0 calc(50% - 10px);
          max-width: calc(50% - 10px);
          min-width: calc(50% - 10px)
      }
      .thanks_sec .banner_btns .btn:last-child {
          flex: 0 0 100%;
          max-width: 100%;
          min-width: 100%
      }
      .thanks_sec .banner_btns {
          justify-content: space-between
      }
      .about_page .cr-hd p {
          font-size: 14px
      }
      .jploft_awards_itms {
          gap: 20px
      }
      .jploft_awards_s_itm.col {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 0 5px
      }
      .jploft_awards_s_itm_img img {
          max-height: 24px
      }
      .jploft_awards_s_itm {
          margin-top: 10px
      }
      .thanks_sec .banner_btns {
          flex-wrap: wrap
      }
      .jploft_awards_s.row {
          margin: 0 -5px;
          justify-content: center
      }
      .prfe-img-content {
          font-size: 15px;
          line-height: 1.3
      }
      .our_locations_img_desktop,
      .our_locations_img_tablet {
          display: none
      }
      .our_locations_img_mobile {
          display: block
      }
      .thanks_sec h1 {
          font-size: 40px
      }
      .thanks_sec h2 {
          font-size: 22px !important
      }
      .thanks_sec p {
          font-size: 16px
      }
      .map_footer_in.map_footer_in_us,
      .map_footer_in_au,
      .map_footer_in_india,
      .map_footer_in_sa,
      .map_footer_in_uk.map_footer_in {
          background-position: center;
          height: 222px;
          margin-top: 39px;
      }
      .map_footer_con,
      .map_footer_con .btn-sec {
          text-align: center
      }
   
      .map_footer_con {
          border-radius: 25px 25px 0 0;
          background: linear-gradient(0deg, rgb(255 255 255 / .3) .32%, rgb(255 255 255 / .31) 51.58%, #fff 99.86%);
          padding: 20px !important;
          width: 100%
      }
      .header_new_contact .row [class*=col-]:first-child .header_contact_itm .drp_img img {
          height: 14px;
          width: auto
      }
      .header_new_contact .row [class*=col-]:nth-child(2) .header_contact_itm:last-child {
          flex: unset
      }
      .header_new_contact .row {
          flex-wrap: unset
      }
      .header_contact_itm::after {
          margin: 0 9px 0 18px
      }
      .header_new_contact [class*=col-]:first-child .header_contact_itm:first-child .drp_img,
      .header_new_contact [class*=col-]:first-child .header_contact_itm:nth-child(2) .drp_img {
          margin-right: 5px
      }
      .header_new_contact .row [class*=col-]:nth-child(2) .header_contact_itm::after {
          margin: 0 8px 0 5px
      }
      .india_itms .header_contact_itm:nth-child(2)::after {
          display: none
      }
      h3 {
          font-size: 18px
      }
      .home_abt_img {
          display: none
      }
      .home_abt_info,
      .jploft_hme_con .btn-sec {
          text-align: center
      }
      .home_abt_cnt {
          padding: 3px
      }
      .home_abt_btn .btn-sec {
          margin-top: 20px !important
      }
      .funded_sec_itm {
          padding: 20px 3px
      }
      .heading_h1 {
          font-size: 27px
      }
      .section-heading h2,
      .heading_h2,
      h2 {
          font-family: Poppins;
          font-size: 22px !important
      }
      .modal_static_heading h2 {
          font-size: 16px !important
      }
      .home_experts_itm p {
          line-height: 1.3;
          margin-top: 10px;
          font-size: 12px
      }
      .home_abt_col {
          margin-top: 15px;
          padding: 0 5px
      }
      .portfolio_slidersec .slick-next,
      .portfolio_slidersec .slick-prev {
          width: 40px !important;
          height: 40px !important
      }
      .home_abt_bg {
          border-radius: 10px;
          padding: 10px 5px
      }
      .home_abt_row {
          margin: 0 -5px
      }
      .home_abt_info .section-heading {
          margin-bottom: 10px
      }
      .jploft_hme_con {
          margin-bottom: 25px;
          margin-top: 15px
      }
      .cr-hd h1,
      .slider-heading h1 {
          font-size: 24px
      }
  }

  @media(max-width:490px) {
      .header_new_contact .row [class*="col-"]:first-child {
          padding-right: 0
      }
      .location_header_itm {
          display: none
      }
  }

  @media(max-width:400px) {
      .thanks_sec .banner_btns .btn:first-child .icon {
          top: 0
      }
      .thanks_sec h1 {
          font-size: 40px;
          margin-bottom: 5px
      }
      .thanks_sec h2 {
          font-size: 20px !important;
          line-height: 1.2
      }
      .header_new_contact .row [class*=col-]:nth-child(2) {
          padding-left: 0
      }
      .header_new_contact .row [class*=col-]:first-child .header_contact_itm .drp_img img {
          height: 13px
      }
      .header_new_contact [class*=col-]:first-child .header_contact_itm:first-child .drp_img,
      .header_new_contact [class*=col-]:first-child .header_contact_itm:nth-child(2) .drp_img {
          margin-right: 4px
      }
      .header_contact_itm::after {
          margin: 0 7px 0 15px
      }
      .header_new_contact .row [class*=col-]:nth-child(2) .header_contact_itm::after {
          margin: 0 7px 0 3px
      }
      .map_footer_con {
          padding: 20px 15px 10px 10px !important
      }
      .map_footer_con .btn-sec {
          margin-top: 15px !important
      }
  }


  @media(max-width:1299.98px) {
      .ai_sec_tabs_body_img {
          padding-bottom: 45%
      }
  }

  @media(max-width:1199.98px) {
      .bespoke_solution_itm {
          padding: 20px
      }
      .ai_sec_tabs_body_con {
          left: 0;
          width: 50%
      }
  }

  @media(max-width:991.98px) {
      .ai_sec_tabs .nav-tabs .nav-item.show .nav-link::after,
      .ai_sec_tabs .nav-tabs .nav-link.active::after {
          bottom: 0
      }
      .ai_sec_tabs .nav-link {
          background: #fff;
          justify-content: center
      }
      .ai_sec_tabs .nav-tabs .nav-item {
          width: calc(33.33% - 7px)
      }
      .ai_sec_tabs_body_img {
          padding-bottom: 65%
      }
      .footer_lgs .ovr-rting.clth-rating {
          margin-top: 30px
      }
      .ftr-clth-btn img {
          width: 60px;
          margin: 0 !important
      }
      .ftr-clth-btn span {
          font-size: 14px
      }
      .ftr-clth-btn {
          align-items: center;
          gap: 5px;
          justify-content: center
      }
  }

  @media(max-width:767.98px) {
      .funded_sec.funded_sec_home {
          padding-bottom: 0
      }
      .ai_sec_tabs .nav-link {
          padding: 10px;
          gap: 8px;
          height: 100%
      }
      .ai_sec_tabs_body_con {
          width: 60%
      }
      .ai_sec_tabs_body_img {
          padding-bottom: 85%
      }
      .ai_sec_tabs_body_img .desktop_hide {
          display: block;
          width: 100%;
      }
      .ai_sec_tabs_body_img .mobile_hide {
          display: none
      }
      .ai_sec_tabs_body_img {
          padding-bottom: 0
      }
      .ai_sec_tabs_body_img img {
          position: initial;
          transform: unset
      }
      .ai_sec_tabs_body_con {
          width: 100%;
          background: #000;
          position: relative;
          z-index: 1;
          margin-top: -1px
      }
      .mobile-btn .btn-primary-icon {
          margin-bottom: 15px !important
      }
      .home_page_jploft #tl_vid_op iframe,
      .home_page_jploft #tl_vid_op+.img-fluid {
          border: 1px solid #fff
      }
      .home_page_jploft #tl_vid_op iframe,
      .home_page_jploft #tl_vid_op+.img-fluid {
          border-radius: 10px
      }
  }

  @media(max-width:575.98px) {
      .bespoke_solution_itm_btn a {
          padding: 18px
      }
      .ai_sec_tabs .nav-tabs .nav-item {
          width: calc(50% - 5px)
      }
      .ai_sec_tabs .nav-link {
          justify-content: flex-start;
          padding: 6px 8px;
          gap: 7px
      }
      .bespoke_solution_itm::before {
          width: 60px;
          height: 60px
      }
      .abt-jplft .slider-activation .slick-next.slick-arrow,
      .abt-jplft .slider-activation .slick-prev.slick-arrow,
      .slick-next.slick-arrow,
      .slick-next.slick-arrow:hover,
      .slick-prev.slick-arrow,
      .slick-prev.slick-arrow:hover {
          background-size: 40px !important;
          width: 40px !important;
          height: 40px !important
      }
      .portfolio_slidersec .slick-prev {
          right: 50px;
          bottom: -86px
      }
      .portfolio_slidersec .slick-next {
          bottom: -86px
      }
      .portfolio_slidersec .slick-dots {
          width: calc(100% - 120px);
          bottom: -48px
      }
      .portfolio_slidersec.slick-dotted.slick-slider {
          margin-bottom: 47px
      }
      .ai_sec_tabs_body_con {
          width: 100%;
          padding: 20px
      }
      .rvw_sec {
          background: transparent !important
      }
      .hom-new .we-wrk .btn-primary {
          margin-bottom: 15px !important;
          margin-top: 0 !important
      }
      .port-desc .btn-sec.text-left .btn-primary {
          margin-top: 15px !important;
          margin-bottom: 0 !important
      }
      .ftr-clth-btn img {
          width: 50px
      }
      .map_footer_in_india {
          display: none
      }
      .testimonials-info .clutch_sec_source_ic {
          margin-top: 0
      }
  }

  @media (min-width:1400px) {
      .modal-xl {
          max-width: 1340px
      }
  }

  @media (max-width:1199.98px) {
      .modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm p {
          font-size: 16px !important
      }
      .modal_static_s .protect_nda_s {
          justify-content: flex-start
      }
      .modal_new_cn .contact_page_itms li {
          font-size: 16px
      }
      .oder_2 {
          order: 2
      }
      .oder_1 {
          order: 1
      }
      .oder_3 {
          order: 3
      }
      .oder_1 .form-group {
          margin-bottom: 1rem
      }
      .modal_static_con {
          padding: 0
      }
      .modal_new_cn .contact_page_itms li::before {
          background-size: 18px !important;
          height: 18px
      }
      .add-parrl {
          display: block
      }
      .add-parrl .modal_new_cn {
          margin-bottom: 30px
      }
      .add-parrl {
          display: block
      }
      .testimonial-slide {
          padding: 0 20px 40px
      }
      .testimonial_box-text p {
          font-size: 14px;
          line-height: 20px
      }
      .ratinf-sde {
          display: block;
          margin-top: 15px
      }
      .ratinf-sde ul {
          justify-content: center
      }
      .ratinf-sde ul li img {
          height: 20px;
          width: 20px
      }
      #modal_static2 .modal_static_itms .modal_static_itm {
          flex: 0 0 65px
      }
      .modal_static_s .heading_h1 h2 {
          font-size: 25px !important
      }
      .modal_static_s .heading_h1 .modal_block {
          font-size: 20px
      }
      .testimonial .testimonial__inner .testimonial-slider .slick-prev {
          background-size: contain !important;
          height: 34px !important;
          width: 34px !important
      }
      .testimonial .testimonial__inner .testimonial-slider .slick-next {
          background-size: contain !important;
          height: 34px !important;
          width: 34px !important
      }
      .testimonial_box-img img {
          width: 80px;
          height: 80px
      }
      .modal_static_form button {
          margin-top: 0
      }
      .ratinf-sde p {
          font-size: 14px;
          text-align: center
      }
      .clt-lg-str-ver {
          display: none
      }
  }

  @media (max-width:991.98px) {
      .footer_address_con .cnt-ad br {
          display: none
      }
      .modal_block {
          font-size: 18px
      }
      .modal_static_s .heading_h1 {
          margin-bottom: 0
      }
      .responsnce_time_2 {
          font-size: 15px
      }
      p.red_text {
          font-size: 13px
      }
      .modal_static_con {
          margin-top: 40px
      }
      .modal_static_con h4 {
          text-align: left
      }
      .modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm p {
          font-size: 15px !important
      }
      .testimonial {
          display: none
      }
  }

  @media (max-width:767.98px) {
      .modal_static_con .contact_top_bn {
          border-left: 0
      }
  }

  @media (max-width:576.98px) {
      #modal_static2 .close {
          width: 32px;
          height: 32px;
          top: 5px;
          right: 5px
      }
      .modal_static_s .heading_h1 h2 {
          font-size: 22px !important
      }
      .modal_block {
          font-size: 15px
      }
      .modal_static_con h4 {
          font-size: 16px
      }
      .responsnce_time_2 {
          font-size: 14px
      }
      #modal_static2 .modal-content .modal-body {
          padding: 40px 15px 15px 15px
      }
  }

  @media (max-width:400px) {
      .modal_static_s .heading_h1 h2 {
          font-size: 20px !important
      }
      #modal_static2 .close {
          width: 28px;
          height: 28px
      }
      #modal_static2 .close img {
          width: 14px
      }
      .modal_new_cn .contact_page_itms li {
          font-size: 15px
      }
      .contact_hr_itm_ic img {
          margin: 0 !important
      }
      .modal_static_con .contact_top_bn h4 {
          padding-left: 0
      }
  }

  .navbar-dark .navbar-nav .ai_talk_btn .nav-link {
      position: relative;
      overflow: hidden;
      padding: 9.5px 15px !important;
      margin-right: 20px
  }

  .navbar-dark .navbar-nav .ai_talk_btn:hover .nav-link {
      background: transparent !important
  }

  .navbar .dropdown-menu {
      border-radius: 0 0 15px 15px;
      background: #FFF;
      box-shadow: 0 50px 50px 0 rgb(0 0 0 / .25);
      padding: 0
  }

  .drp_img {
      justify-content: center
  }

  .header_menu_itms.industry_mn {
      padding-bottom: 15px
  }

  @media (min-width:1200px) {
      .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m {
          background: #FEEDED;
          color: #000 !important;
          position: relative
      }
      .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m::before {
          content: "";
          position: absolute;
          border-bottom: 2px solid #ed1f24;
          background: #ed1f24;
          left: 0;
          right: 0;
          width: 100%;
          display: block !important;
          bottom: 0 !important
      }
      .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m img {
          filter: unset
      }
      .navbar-dark .navbar-nav .nav-item.example.ai_talk_btn:hover .nav-link.head_m::before {
          display: none !important
      }
      .navbar-dark .navbar-nav .nav-item.example.ai_talk_btn:hover .nav-link {
          color: #000 !important
      }
      .navbar-dark .navbar-nav .nav-item.example.ai_talk_btn:hover .nav-link:hover,
      .navbar-dark .navbar-nav .nav-item.example.ai_talk_btn .nav-link:hover {
          color: #ed1f24 !important
      }
  }
 

  @media(max-width:1399.98px) {
      .navbar-dark .navbar-nav .ai_talk_btn .nav-link {
          margin-right: 15px;
          padding: 9.5px 10px !important
      }
  }

  @media(max-width:1399.98px) {
      .navbar-dark .navbar-nav .ai_talk_btn .nav-link {
          margin-right: 5px
      }
  }

  @media(max-width:1199.98px) {
      .navbar-dark .navbar-nav .ai_talk_btn a {
          width: auto !important;
          display: inline-flex;
          margin: 20px 0;
          border: 0 !important
      }
      .dropdown-menu.dropdown_contact .contact_us_li .btn-primary-icon,
      .emailcontainer .dropdown-content .send_resume_btn {
          color: #fff !important
      }
      .active_menu #navbarSupportedContent {
          padding-bottom: 30px
      }
      .headermnu_fll_itm_con,
      .headermnu_fll_6 .col-md-12 .headermnu_fll_itm .headermnu_fll_itm_con {
          padding: 20px
      }
      .headermnu_fll_itm_con_in h4 {
          font-size: 18px
      }
      .headermnu_fll_itm_con_in p {
          font-size: 15px
      }
      .headermnu_fll {
          padding: 15px 10px
      }
      .ai_talk_btn {
          align-items: flex-start !important;
          border-bottom: 1px solid #d0d0d0
      }
      .about_mn_itm p {
          display: none
      }
      .navbar .dropdown-menu {
          box-shadow: unset;
          border-radius: 0;
          padding: 0
      }
      .header_menu_itms {
          padding: 20px 10px
      }
      .about_mn_itm h4 {
          font-size: 15px;
          margin-bottom: 0;
          font-weight: 400
      }
      .about_mn_itm {
          margin-bottom: 20px;
          border-bottom: 0;
          padding-bottom: 0
      }
      .header_menu_cn {
          border-bottom: 1px solid #d0d0d0
      }
      .header_menu_itms.services_menu {
          padding: 15px
      }
      .header_menu_tabs {
          padding: 15px 0 15px 15px
      }
      .header_menu_tab_con,
      .tab_menu_con_body_itm a {
          font-size: 15px
      }
      .industry_mn_itm a {
          font-size: 15px
      }
      .header_menu_tab_ic {
          flex: 0 0 40px;
          height: 45px
      }
      .navbar .dropdown-menu .header_menu_tabs li.nav-item {
          margin-bottom: 12px
      }
    
      .header_menu_tabs {
          padding: 15px 0 15px 10px
      }
      .service_hd_menu_con {
          flex: 0 0 calc(100% - 290px)
      }
      .tab_menu_con_body .col-5 {
          flex: 0 0 50%
      }
      .header_menu_itms.services_menu {
          max-height: 401px
      }
      .dropdown-menu.dropdown_contact {
          padding: 15px 10px;
          background: #eef;
          background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc
      }
  }

  @media(max-width:991.98px) {
      #modal_static2 .close {
          width: 30px !important;
          height: 30px !important
      }
      #modal_static2 .close img {
          width: 10px !important
      }
      #modal_static .close,
      #modal_static1 .close,
      #modal_static2 .close {
          right: 3px !important;
          top: 3px !important
      }
      .header_menu_cn {
          border-bottom: 0
      }
      .header_ai_itms_cls {
          display: none
      }
      .tab_menu_con_body .col-5 {
          flex: 0 0 100%;
          max-width: 100%
      }
  }

  @media(max-width:767.98px) {
      .service_hd_menu_left.p-0 {
          display: none
      }
      .service_menu_heading {
          display: block
      }
      .service_menu_heading {
          padding-left: 10px;
          font-size: 16px;
          margin-bottom: 11px;
          margin-top: 15px;
          text-transform: uppercase
      }
      .service_menu_heading::before {
          content: "-";
          margin-right: 10px;
          margin-left: -20px;
          color: #ed1f24
      }
      .service_hd_menu_con {
          flex: 0 0 100%
      }
      .services_menu .tab-pane {
          display: block !important
      }
      .services_menu .tab-pane {
          display: block !important;
          opacity: 1 !important
      }
      .header_menu_itms.services_menu {
          padding: 15px 10px
      }
      .header_menu_itms.industry_mn .row [class*=col-] {
          flex: 0 0 100%;
          max-width: 100%
      }
      .headermnu_fll_6 {
          margin-bottom: 20px
      }
      .headermnu_fll_6:last-child {
          margin-bottom: 0
      }
  }

  @media(max-width:575.98px) {
      .header_ai_itms_cls {
          display: none !important
      }
      .mobile_sec_heder {
          justify-content: flex-end
      }
      .header_menu_cn .about_mn .row [class*=col-] {
          padding: 0 10px
      }
  }

  @media (max-width: 1699px) {
    .dev_service_list .dev_service_item .dev_service_item_card {
        width: 150px;
        height: 150px;
    }
}

@media (max-width:1499px){
    .rvw_sec_sld .slick-next {
    right: calc(50% - 94px);
}
.rvw_sec_sld .slick-prev {
    left: calc(50% - 174px);
}
.rvw_sec .slick-next, .slick-prev {
    top: 55%;
}

}

@media (max-width:1400px){
    .rvw_sec_sld .slick-next {
    right: calc(50% - 63px);
}
.rvw_sec_sld .slick-prev {
        left: calc(50% - 199px);
        top: calc(61% - 35px);
    }
    .rvw_sec .slick-next, .slick-prev {
        top: 53% !important;
    }
}

@media (max-width: 1240px) {
    .rvw_sec_sld .slick-next {
        right: calc(50% - 78px);
    }
}

@media (min-width: 576px) {
     .abt-jplft button.slick-prev.slick-arrow {
    top: 50% !important;
}
}

@media (max-width: 1199px) {
    .rvw_sec .slick-next, .slick-prev {
        top: 102% !important;
    }
    

    
    .rvw_sec_sld .slick-prev {
        left: calc(50% - 93px);
    }
    .rvw_sec_sld .slick-next {
        right: calc(50% - 45px);
    }
}

@media (min-width: 1990px) and (max-width: 2900px) {
    .rvw_sec_sld .slick-next {
        right: calc(50% - 91px);
    }

    .rvw_sec_sld .slick-prev {
        left: calc(50% - 175px);
    }
}