.row {
  row-gap: 2rem;
}

@media only screen and (min-width:1024.5px) {
  .px-l-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .susbs {
    width: 358px
  }

  .ciadp-block .ciadp-list {
    width: 100%
  }

  #navbar {
    position: fixed
  }
}

@media only screen and (max-width:1024px) {
  .main-header .header-content {
    height: auto;
    margin: 0 auto
  }
}

@media only screen and (min-width:991px) and (max-width:1024px) {
  .boximg {
    width: 100%
  }

  .pxl-16 {
    padding-left: 16px !important
  }

  #navbar .nav-item a {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 15px;
    line-height: 34px
  }

  .imglogo {
    width: 160px !important
  }

  .ciadp-list ul {
    padding: 0
  }

  .ciadp-list li:after {
    width: 14px
  }

  .ci-tleft .ciadp-list li:before {
    right: -3px
  }

  .ci-tleft .ciadp-list li:after {
    right: -8px
  }

  .ci-bleft .ciadp-list li:before {
    right: -8px
  }

  .ci-bleft .ciadp-list li:after {
    right: -12px
  }

  .ci-tright .ciadp-list li {
    text-align: left !important
  }

  .ci-tright .ciadp-list li:before {
    left: -31px !important
  }

  .ci-tright .ciadp-list li:after {
    left: -36px !important
  }

  .ci-bright .ciadp-list li {
    text-align: left !important
  }

  .ci-bright .ciadp-list li:before {
    left: -68px !important
  }

  .ci-bright .ciadp-list li:after {
    left: -72px !important
  }
}

@media only screen and (max-width:991px) {
  .static-content__title {
    font-size: 32px
  }

  .lg-direction {
    flex-direction: column-reverse;
  }

  .wwu {
    padding: 60px 2re;
  }

  .wwu .btn-outline-light {
    white-space: nowrap;
  }
}

@media only screen and (min-width:992px) {
  #navbar {
    width: 100%
  }

  #meet-the-team {
    height: 720px
  }

  #team-overlay {
    height: 306px
  }

  .testimonial-slider .owl-prev {
    left: -60px
  }

  .testimonial-slider .owl-next {
    right: -60px
  }
}

@media only screen and (max-width:992px) {
  .header-content {
    position: relative
  }

  .header-content h1 {
    font-size: 26px;
    line-height: 32px
  }

  .header-content h5 {
    font-size: 20px
  }

  header .header-content a {
    padding: 5px 10px;
    font-size: 20px
  }

  .iosnpage .ciadp-block .ciadp-list {
    margin-top: 40px;
    margin-bottom: 40px;
    float: left
  }

  .iosnpage .ciadp-thumb {
    max-width: 100%
  }

  .iosnpage .ciadp-thumb {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    display: table
  }

  .iosnpage .ciadp-block .ciadp-list li {
    padding-left: 20px
  }

  .iosnpage .ciadp-list li:before {
    left: 0 !important;
    right: auto
  }

  .ci-tleft .ciadp-thumb:after,
  .ci-tright .ciadp-thumb:after,
  .ciadp-list li:after,
  .ciadp-thumb:after,
  .ciadp-thumb:before {
    display: none
  }

  body.iosnpage .ciadp-thumb span {
    top: 0 !important;
    bottom: auto !important
  }

  .iosnpage .ciadp-block+.ciadp-block {
    margin-top: 0
  }

  .iosnpage .ciadp-right .ciadp-block .ciadp-list li {
    text-align: left
  }

  footer .text {
    padding: 5px 14px
  }

  .boximg {
    max-width: 100%;
    margin-top: 100px
  }

  #blog .container {
    max-width: 100% !important
  }

  .smh,
  .service-card h4 {
    font-size: 32px !important;
    line-height: 36px !important;
  }

}

@media only screen and (min-width:767px) and (max-width:768px) {
  .blog-parent .col6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .pr-30 {
    padding-right: 30px
  }

  .carousel-control-next {
    right: 10px
  }

  .carousel-indicators {
    bottom: -20px !important
  }

  #home-carousel .carousel-item img {
    height: 600px
  }

  section#contact #social-links {
    display: flex
  }

  footer .icon {
    padding: 10px 8px
  }
}

@media only screen and (max-width:767px) {
  section#faqs {
    text-align: left;
  }

  .accordion {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .accordion__question {
    font-size: 17px;
  }

  #home-carousel .carousel-item .row .col-md-6.col-lg-6 img {
    display: none !important
  }

  .smh,
  .accordion__title,
  .service-card h4 {
    font-size: 28px !important;
    line-height: 32px !important;
  }

  .service_item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .service-item-box h3 {
    font-size: 18px;
    line-height: 22px;
  }

  #our-work {
    background-size: cover !important;
  }
  #our-work ul li a {
    white-space: normal !important;
  }
  .service-card {
    text-align: left;
  }
  .border-gray {
    padding-bottom: 1rem;
    border-bottom: 3px solid #D9D9D9;
    border-right: none !important;
  }
}

@media only screen and (max-width:768px) {
  .mtt-heading {
    color: #1b1d21
  }

  .schedule_call {
    left: 0 !important
  }

  .contct-us-vector {
    display: none
  }

  #ito .sec-top p {
    padding: 0
  }

  .ito-item .heading {
    padding-left: 40px
  }

  .ito-item .content {
    text-align: left;
    padding-left: 25px
  }

  .ito-item .heading {
    text-align: left;
    font-size: 24px;
    margin-bottom: 20px
  }

  #why-we .inner-content {
    text-align: left
  }

  .son input[type=email],
  .son input[type=text] {
    width: 90%
  }

  button,
  input {
    overflow: visible
  }

  .header-content-inner {
    top: 40%
  }

  .ciadp-list li {
    text-align: left
  }

  .testimonial-slider .owl-prev {
    left: 0
  }

  .testimonial-slider .owl-next {
    right: 0
  }

  #about,
  #our-work,
  #services,
  #testimonials,
  #work-with-us,
  .ciadp-section {
    overflow-x: hidden
  }

  .search svg {
    margin-left: 10px;
    margin-top: 8px
  }

  #contact h2.mont25black {
    margin-top: 15px
  }

  .card-deck {
    flex-flow: column
  }

  .card-deck .card {
    margin: 10px auto
  }

  .content-post-inner {
    margin: 10px auto;
    border-radius: 48px
  }

  .content-post-inner a {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .up3none {
    display: none
  }
}

@media only screen and (min-width:768px) {
  .pl-30 {
    padding-left: 30px
  }
}

@media only screen and (max-width:600px) {
  #contact-form1 .md-form {
    text-align: left !important
  }

  .header-content {
    position: relative
  }

  section {
    margin: 40px auto 0
  }

  .carousel-indicators {
    bottom: -40px !important
  }

  .header-content,
  section {
    text-align: center
  }

  .header-content h1 {
    font-size: 22px;
    line-height: 24px
  }

  .ciadp-left,
  .ciadp-right {
    float: none
  }

  .content-box {
    height: auto
  }

  #vertical-divider {
    display: none
  }

  #about-title {
    margin-top: 25px
  }

  .card-deck {
    padding: 10px
  }

  .wwu {
    padding: 30px 25px
  }

  #wwu-title {
    margin-bottom: 20px !important
  }

  #testimonials #demo {
    width: 100%
  }

  #partner-logo {
    margin-bottom: 50px
  }

  footer #address,
  footer #mail,
  footer #phone,
  footer #social-media {
    padding: 10px 10px
  }

  footer .text {
    padding: 5px 12px
  }

  footer .text h6 {
    white-space: break-spaces
  }

  #footer-heading {
    top: -26px;
    font-size: 20px;
    margin-left: 18px
  }

  .iosnpage .ci-tleft .ciadp-thumb:after,
  .iosnpage .ci-tright .ciadp-thumb:after,
  .iosnpage .ciadp-list li:after,
  .iosnpage .ciadp-thumb:after,
  .iosnpage .ciadp-thumb:before {
    display: none
  }

  .ci-bleft .ciadp-list,
  .ci-tleft .ciadp-list {
    text-align: left
  }

  .ocv-content {
    margin-left: 0
  }

  .wh-us-text p:nth-child(2) img {
    margin-right: 30px;
    margin-left: -40px
  }

  #contact-info span {
    font-size: 14px
  }

  .t40 {
    top: 40px !important
  }

  .commentsection {
    width: 100%;
    padding: 0
  }

  .inuts input {
    display: block;
    width: 100%
  }

  .inuts,
  .sec {
    display: block;
    margin-left: 15px
  }

  .recentpost a,
  .topsection {
    display: block
  }

  .recentpost a img {
    width: 100%;
    display: block;
    height: auto
  }

  .destis {
    position: relative;
    margin: 0
  }

  .shadw {
    width: 100%;
    margin-top: 0 !important
  }

  .susbs {
    width: 100%
  }

  .px-30 {
    padding: 0 30px
  }

  #why-we .inner-content .text-box .you,
  #why-we .inner-content h3 {
    padding-left: 20px
  }

  footer #mail {
    display: flex
  }
}

@media only screen and (min-width:320px) and (max-width:767px) {
  #home-carousel .carousel-inner {
    height: fit-content
  }
    .btn-outline-light {
        font-size: 14px !important;
      }
}

@media (max-width:576px) {
  .bgstatic {
    margin-top: 30px;
    background-color: rgba(41, 49, 79, .6);
    padding: 0 0 0 15px
  }

  .about {
    padding-top: 6px !important
  }

  .about,
  .about1 {
    color: #fff !important
  }

  .about {
    font-size: 21px !important;
    line-height: 23px !important;
    padding-top: 2px
  }

  .about1 {
    font-size: 15px !important;
    line-height: 18px !important;
    margin-top: -15px
  }

  .about1 {
    padding-bottom: 8px
  }

  .divider-heading {
    margin: -4px 0 25px 1px
  }

  .bgstatic {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: left;
    top: 284px;
    left: 0
  }

  #action_box {
    padding-left: 15px
  }

  .ac-content {
    padding-left: 5px
  }

  #services-p {
    margin-top: 0
  }

  .line-height30 {
    line-height: 30px
  }

  #home-carousel .carousel-inner .carousel-item img {
    width: 100%
  }

  .partner-prev {
    left: 0
  }

  .partner-next {
    right: 0
  }

  .header-arrow-right {
    right: 5px
  }

  .header-arrow-left {
    left: 5px
  }
}

@media only screen and (min-width:376px) and (max-width:575px) {
  #home-carousel .carousel-inner .carousel-item img {
    height: 350px
  }
}

@media only screen and (max-width:375px) {
  #home-carousel .carousel-inner {
    height: auto
  }

  #home-carousel .carousel-inner .carousel-item img {
    height: 400px
  }

  .bgstatic {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: left;
    top: 236px;
    left: 0
  }

  #services-main .heading36 {
    font-size: 28px;
    text-align: center
  }

  #services-main .para17 {
    font-size: 20px;
    text-align: center
  }
}

@media only screen and (max-width:320px) {
  .header-content {
    position: relative
  }

  .navbar-toggler-icon {
    width: 1em;
    height: 1em
  }

  #footer-heading {
    width: 300px;
    font-size: 16px
  }

  footer .icon {
    padding: 10px 12px
  }

  footer #address,
  footer #mail,
  footer #phone,
  footer #social-media {
    padding: 10px 5px
  }

  .bgstatic {
    top: 185px;
    width: 100%;
    left: 0
  }

  #services-main .heading36 {
    font-size: 20px;
    text-align: left
  }

  #services-main .para17 {
    font-size: 17px;
    text-align: left
  }
}

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

  footer #address,
  footer #mail,
  footer #phone,
  footer #social-media {
    min-height: 90px
  }

  footer .text h6 {
    margin-right: 12px
  }
}

@media only screen and (max-width:900px) and (min-width:320px) {

  body.inpage p,
  body.inpage section h6,
  body.inpage section li {
    font-size: 13px !important;
    margin-bottom: 10px;
    padding: 0 0 0
  }
}

@media only screen and (max-width:991px) {
  .static-content__title {
    font-size: 32px
  }
  footer {
    min-height: auto;
    margin-top: 16px !important;
  }
  #contact-form {
    position: static;
  }
  .footer-info {
    padding-top:  2rem;
    padding-bottom: 0;
  }
  .btn-outline-light {
    font-size: 16px;
  }
}