@media (max-width: 1441px) {
  #banner .banner-text {
    padding: 50px 0;
  }
  ul.index_slider li img {
    left: 0;
  }
  #banner {
    clip-path: ellipse(100% 72% at 50% 31%);
    height: 765px;
  }
  footer {
    padding-top: 115px;
    clip-path: ellipse(100% 73% at 50% 74%);
  }
  footer.other-footer {
    padding-top: 40px !important;
  }
  #industry-box {
    clip-path: ellipse(100% 68% at 50% 31%);
    padding: 110px 0 84px;
    background-size: 7%;
  }
  #portfolio {
    clip-path: ellipse(126% 73% at 50% 79%);
  }
  .index_slider li img.portfolio-img1 {
    left: -15px !important;
    width: 16%;
  }
  .container-fluid {
    top: 67px;
    position: relative;
  }
  ul.index_slider {
    margin: 0;
    padding: 0;
  }
  #portfolio,
  .portfolio-slider,
  ul.index_slider {
    height: 850px;
  }
  ul.index_slider li figure {
    margin-top: 200px;
  }
  .slid-box > div.tree-im {
    top: 49%;
  }
  .flo-img {
    right: 0;
  }
  .hot-air-balloon2 {
    right: 10px;
  }
}

@media (max-width: 1366px) {
}

@media (max-width: 1200px) {
  ul.index_slider li article h5 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 8px !important;
  }
  .portfolio-text h6 {
    font-size: 16px;
    line-height: 18px;
  }
  #portfolio,
  .portfolio-slider,
  ul.index_slider {
    height: 763px;
  }
  .portfolio-text h2 {
    font-size: 22px;
  }
  #industry-box .owl-carousel .owl-nav {
    left: 0;
    right: 0;
  }
  #industry-box .owl-carousel .owl-nav .owl-prev,
  #industry-box .owl-carousel .owl-nav .owl-next {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    width: 35px;
    height: 35px;
  }
  #industry-box .owl-carousel .owl-nav .owl-next span,
  #industry-box .owl-carousel .owl-nav .owl-prev span {
    width: 5px;
    height: 5px;
  }
  .tabset > label {
    padding: 7px 15px;
  }
  #testimonial-box .owl-carousel .owl-nav .owl-next {
    margin-right: 40px;
  }
  #testimonial-box .owl-carousel .owl-nav .owl-prev {
    margin-left: 40px;
  }
}

@media (max-width: 1024px) {
  #industry-box {
    padding: 70px 0 84px;
  }
  .industry-carousel-box {
    padding: 15px 26px 3px;
  }
  .mobile-box {
    bottom: -69px;
  }
  #build-sac {
    margin-bottom: 49px;
  }
  .form-box {
    margin-top: 49px;
  }
  #navbarSupportedContent .nav-link {
    font-size: 14px;
    padding: 0 30px;
  }
  .tab-menu {
    transform: rotate(-90deg);
    left: 45%;
    top: -321px;
    height: 743px;
    width: 71px;
  }
  .tab-slider li a span {
    display: none;
  }
  .tab-slider li a {
    padding: 60px 0px;
    width: 106px;
  }
  .tab-slider li {
    width: 212px;
    transform: rotate(90deg);
  }
  .tab-slider button.slick-prev,
  .tab-slider button.slick-next {
    left: 31px;
  }
  .tab-box {
    padding: 87px 21px 20px 19px;
    height: auto;
  }
  #services {
    padding: 162px 0 130px;
  }
  /*.slick-list.draggable {*/
  /*height: 697px !important;*/
  /*}*/
}

@media (max-width: 991px) {
  .tabset {
    margin-top: -91px;
  }
}

@media (max-width: 801px) {
  .portfolio-page-banner header #navbarSupportedContent .nav-link {
    color: #333;
  }
  header.sample-header-page .navbar-collapse {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  }
  #banner .banner-text h1 {
    font-size: 30px;
    line-height: 34px;
    padding-bottom: 10px !important;
  }
  #banner .banner-text {
    padding: 32px 0;
  }
  .navbar-dark .navbar-toggler {
    border: 0;
  }
  #banner .banner-text p > span {
    display: inline;
  }
  .build-box {
    width: 65%;
    margin: 20px auto 0;
  }
  #build-sac {
    height: auto;
    padding: 30px 0;
    margin-bottom: 0px;
  }
  .mobile-box {
    bottom: auto;
    text-align: center;
    padding: 20px 0 0;
  }
  #blog {
    padding: 21px 0 15px;
  }
  footer {
    font-size: 11px;
    line-height: 15px;
  }
  #contact-form .heading1 {
    margin-top: 20px;
  }
  #contact-form .form-box {
    padding: 5px 35px 35px;
  }
  .slid-box:before {
    top: 48px;
    height: 77px;
    transform: none;
  }
  .navbar-collapse {
    background: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 20px;
    transition: 0.5s;
    width: 100%;
  }
  #navbarSupportedContent .nav-link {
    color: #333;
    font-weight: 600;
  }
  .navbar-collapse ul li + li {
    border-top: solid 1px #ccc;
  }
  #navbarSupportedContent .nav-link {
    padding: 10px 20px;
  }
  .navbar-toggler-icon {
    cursor: pointer;
  }
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #006072 !important;
  }
  .collapse.show {
    right: 0;
  }
  .index_slider {
    display: none;
  }
  #portfolio {
    height: auto;
    padding: 67px 0;
  }
  #portfolio .heading1 {
    position: inherit;
    top: 0;
    left: 0;
    transform: inherit;
  }
  .portfolio-slider {
    position: inherit;
    height: auto;
  }
  .portfolio-accordion {
    display: block;
  }
  .card button.btn-2 {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    position: relative;
  }
  .card .collapse:after {
    position: absolute;
    top: 14px;
    right: 20px;
    transform: rotate(44deg);
    width: 12px;
    height: 12px;
    border-right: solid 2px rgb(153, 153, 153);
    border-bottom: solid 2px rgb(153, 153, 153);
    content: "";
    transform: rotate(44deg);
    z-index: 999;
  }
  .collapse:not(.show) {
    height: 0;
  }
  .card .collapse.show:after {
    transform: rotate(-133deg);
    top: 19px;
  }
  .card .collapse:not(.show) {
    height: 0;
    display: block;
  }
  .card-header {
    padding: 0;
    border-bottom: 0;
  }
  .card {
    margin-top: 15px;
  }
  .accordion > .card:first-of-type,
  .accordion > .card:not(:first-of-type):not(:last-of-type) {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }
  .btn-link.focus,
  .btn-link:focus {
    text-decoration: none;
  }
  .project-box .number-list {
    right: 0;
    width: 100%;
    bottom: auto;
    height: auto;
    z-index: 999;
  }
  .number-list ul li {
    width: 25%;
    float: left;
    font-size: 20px;
    padding: 10px 0;
  }
  .number-list ul li span {
    display: none;
  }
  .number-list ul li + li:before {
    right: auto;
    width: 1px;
    height: 100%;
    bottom: 0;
  }
  .project-box .slider-default {
    padding: 0 20px 20px;
    position: relative;
    height: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
  }
  .project-box .slider-default.show {
    height: auto;
    opacity: 1;
    display: block;
  }
  .project-box {
    height: auto;
  }
  .pooject-step {
    padding: 20px 0 0;
  }
  .project-box .slider-default .pooject-step {
    padding-bottom: 50px;
  }
  .project-box .slider-default:first-child .pooject-step,
  .project-box .slider-default:last-child .pooject-step {
    padding-bottom: 0;
  }
  .pooject-step h5 {
    padding-top: 20px !important;
  }
  .flo-img {
    width: 61%;
  }
  .pinfo-img {
    width: 100px;
    height: 100px;
  }
  #banner {
    clip-path: inherit;
  }
}

@media (max-width: 768px) {
  .slid-box > div {
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .for-desktop,
  .for-tablate,
  .for-mobile {
    display: none;
  }
  .slid-box .for-laptop {
    margin: 0 auto;
  }
  #banner {
    height: 545px;
  }
  .slid-box {
    height: 320px;
  }
  /*.slick-list.draggable{*/
  /*	height:694px !important;*/
  /*}*/
  .slid-box:before {
    display: none;
  }
  .services-box {
    margin-top: 8px;
  }
  #banner2 .banner-text {
    padding: 20px 0 200px;
    text-align: center !important;
  }
  #banner2 .banner-text h1 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
  }
  #banner2 .banner-text h1:before {
    height: 1px;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
  #banner2 .banner-text p {
    padding-top: 10px !important;
  }
  .flo-img {
    width: 100%;
  }
  .flo-img-relative {
    height: 346px;
  }
  .hot-air-balloon {
    left: 20px;
  }
  .hot-air-balloon6 {
    left: 50%;
    transform: translateX(-50%);
    width: 43%;
  }
  table.price-table {
    width: 100%;
  }
  .invoice-box form ul li.wpi_checkout_row {
    width: 100%;
  }
  .flo-img-relative {
    height: 346px;
  }
  .hot-air-balloon {
    left: 20px;
  }
  .hot-air-balloon6 {
    left: 50%;
    transform: translateX(-50%);
    width: 43%;
  }
  table.price-table {
    width: 100%;
  }
  .invoice-box form ul li.wpi_checkout_row {
    width: 100%;
  }
  table tfoot {
    width: auto;
  }
  #banner2.portfolio-page-banner .banner-text {
    padding: 36px 15px 111px;
    text-align: left !important;
    width: 100%;
  }
}

@media (max-width: 600px) {
  #banner {
    height: 565px;
    clip-path: none;
  }
  .scroll-animation > div a span {
    width: 14px;
    height: 14px;
  }
  .banner-slider {
    bottom: 52px;
  }
  #banner p {
    margin-bottom: 0 !important;
  }
  #industry-box {
    clip-path: none;
    padding: 5px 0 20px;
  }
  #industry-box .owl-stage-outer {
    padding: 20px 0 17px;
  }
  .tab-box {
    height: auto;
  }
  #services {
    margin-top: 0;
    padding: 50px 0;
  }
  #portfolio {
    clip-path: none;
    margin-top: 0;
  }
  .pooject-step ul li {
    padding: 15px 10px;
  }
  .slid-box .tree-im {
    right: 0;
  }
  .slid-box .for-laptop {
    left: auto;
  }
  .slider-two .pooject-step ul li {
    width: 100%;
  }
  .tab-menu {
    left: 237px;
    top: -233px;
    height: 569px;
  }
  /*.slick-list.draggable {*/
  /*	height: 524px !important;*/
  /*}*/
  .tab-slider li a {
    padding: 59px 0px;
  }
  #banner2 .banner-text {
    padding: 20px 0 163px;
  }
  .flo-img-relative {
    height: 310px;
  }
  .about-text-box p.about-two-heading {
    font-size: 30px;
  }
  .tab-box {
    padding: 0 20px 15px;
  }
  .tab-menu {
    position: inherit;
    top: 0;
    left: 0;
    height: auto;
    transform: none;
    width: auto;
  }
  .tab-slider li {
    transform: none;
    width: 20% !important;
  }
  .tab-slider li a span {
    display: block;
    /* width: 100%; */
  }
  .tab-slider li a {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 10px;
  }
  .slick-track,
  .slick-list {
    /* transform: none !important; */
    height: auto !important;
  }
  .tab-slider button.slick-prev,
  .tab-slider button.slick-next {
    display: none !important;
  }
  .tab-slider li:before {
    left: 0;
    transform: translateY(-50%);
    height: 60%;
    top: 50%;
    width: 1px;
    background: rgba(255, 255, 255, 0.4);
  }
  .tab-slider li:nth-child(6):before {
    display: none;
  }
  .tab-slider li:nth-child(1),
  .tab-slider li:nth-child(2),
  .tab-slider li:nth-child(3),
  .tab-slider li:nth-child(4),
  .tab-slider li:nth-child(5),
  .tab-slider li:nth-child(11),
  .tab-slider li:nth-child(12),
  .tab-slider li:nth-child(13),
  .tab-slider li:nth-child(14),
  .tab-slider li:nth-child(15),
  .tab-slider li:nth-child(16),
  .tab-slider li:nth-child(17) {
    display: none !important;
  }
  .tab-slider {
    padding: 0;
  }
  .tab-menu {
    margin: 0 -20px;
    border-radius: 0;
  }
  .tab-slider li a {
    padding: 15px 0px;
    width: 86px;
  }
  #testimonial-box .owl-carousel .owl-nav .owl-next {
    margin-right: 0px;
  }
  #testimonial-box .owl-carousel .owl-nav .owl-prev {
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  #banner .banner-text {
    padding: 30px 20px;
  }
  .invoice-box h2 {
    font-size: 22px;
  }
  #banner .banner-text h1 {
    font-size: 18px;
    line-height: 20px;
  }
  #banner p {
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px !important;
    z-index: 999;
    position: relative;
  }
  .banner-text .btn-1 {
    font: 700 14px/39px "Lato", sans-serif;
    padding: 0 13px;
    margin-top: 15px;
  }
  #industry-box .owl-carousel .owl-nav {
    top: 45% !important;
    left: 0px !important;
    right: 0px !important;
  }
  #industry-box .owl-carousel .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    background: #239ec0;
  }
  #industry-box .owl-carousel .owl-nav .owl-prev {
    width: 32px;
    height: 32px;
    background: #239ec0;
  }
  #industry-box .owl-carousel .owl-nav .owl-next span {
    background: #28a5c5;
    border-bottom: solid 2px #ebf2f3;
    border-right: solid 2px #ebf2f3;
  }
  #industry-box .owl-carousel .owl-nav .owl-prev span {
    background: #28a5c5;
    border-left: solid 2px #fff;
    border-top: solid 2px #fff;
  }
  #banner {
    height: 485px;
  }
  .slid-box > div#arrows {
    top: 40%;
  }
  #banner .icon-box {
    top: 89%;
    right: 7px;
    z-index: 999;
  }
  #banner .icon-box ul:before,
  #banner .icon-box ul:after {
    height: 35px;
  }
  .navbar-brand {
    width: 27%;
  }
  .slid-box > div:nth-child(3) {
    left: 74%;
  }
  .heading1 h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .pooject-step ul {
    flex-wrap: wrap;
  }
  .btn-2.big-btn {
    font-size: 15px;
    line-height: 39px;
    padding: 0 15px;
  }
  #build-sac {
    margin-bottom: 0;
  }
  #project-sec {
    padding: 30px 0;
  }
  .hot-air-balloon2,
  .hot-air-balloon {
    display: none;
  }
  #banner2 .banner-text {
    padding: 20px 0 139px;
  }
  .hot-air-balloon6 {
    width: 54%;
  }
  .flo-small-img {
    top: -16px;
    width: 35px;
  }
  .slid-box .for-laptop {
    width: 350px;
    background-size: 100%;
  }
  .for-laptop-with {
    width: 232px;
    margin: 14px 58px 43px auto;
  }
  .top-logo {
    width: 110px;
  }
  .tabset > label {
    padding: 4px 8px;
    font-size: 13px;
  }
  .tab-slider li a {
    padding: 15px 0px;
    width: 68px;
  }
  .smFont {
    font-size: 9px !important;
  }
}

@media (max-width: 420px) {
}

@media (max-width: 375px) {
  .navbar-brand {
    width: 40%;
  }
  .banner-slider {
    bottom: 0;
  }
  #banner {
    height: 427px;
  }
  .slid-box > div.tree-im {
    width: 56px;
    top: 25%;
  }
  .slid-box > div#arrows {
    top: 47%;
    left: 5px;
  }
  .slid-box:before {
    top: -9%;
    left: 5px;
  }
  .slid-box > div,
  .slid-box > div:nth-child(2) {
    top: 0;
  }
  .banner-position {
    padding-bottom: 25px;
  }
  #industry-box {
    padding: 55px 0 20px;
  }
  .heading1 h1 {
    font-size: 21px;
    line-height: 26px;
  }
  .heading1 h1:before {
    width: 35px;
  }
  .heading1 p {
    font-size: 12px;
  }
  .btn-2 {
    font-size: 12px;
    line-height: 30px;
    padding: 0 15px;
  }
  footer {
    clip-path: none;
    padding-top: 50px;
  }
  footer.other-footer {
    padding-top: 0 !important;
  }
  #contact-form .form-box {
    margin-bottom: -60px;
    padding: 5px 20px 10px;
  }
  .build-box {
    width: 100%;
  }
  #industry-box .owl-carousel .owl-nav {
    top: 45% !important;
    left: 0px !important;
    right: 0px !important;
  }
  #industry-box .owl-carousel .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    background: #239ec0;
  }
  #industry-box .owl-carousel .owl-nav .owl-prev {
    width: 32px;
    height: 32px;
    background: #239ec0;
  }
  #industry-box .owl-carousel .owl-nav .owl-next span {
    background: #28a5c5;
    border-bottom: solid 2px #ebf2f3;
    border-right: solid 2px #ebf2f3;
  }
  #industry-box .owl-carousel .owl-nav .owl-prev span {
    background: #28a5c5;
    border-left: solid 2px #fff;
    border-top: solid 2px #fff;
  }
  .slid-box {
    overflow-x: hidden;
  }
  .for-laptop-with {
    width: 196px;
    margin: 13px 51px 25px auto;
  }
  .slid-box .for-laptop {
    width: 298px;
    background-size: 100%;
    bottom: 0;
  }
  .slid-box .tree-im {
    display: none;
  }
  #banner2 .banner-text p > span {
    display: inline;
  }
  .hot-air-balloon6 {
    width: 66%;
  }
  #inner-form .heading1 h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .form-back {
    padding: 25px;
  }
  .form-div-box {
    padding: 10px;
  }
  .tabset {
    margin-top: -114px;
  }
 
}

@media (max-width: 375px) {
  .tab-slider li a {
    width: 58px;
  }
}

@media (max-width: 345px) {
  .smFont {
    font-size: 8px !important;
  }
}
/*============  Portfolio Page   ==============*/

@media screen and (max-width: 767px) {
  .boxes-div {
    display: block;
    margin-top: 16%;
  }
  .heading-parallax {
    margin: 25px 17px;
  }
  #testimonial-box .owl-carousel .owl-nav {
    left: 0;
    right: 0;
    top: 31%;
  }
  #testimonial-box .owl-carousel .owl-nav .owl-prev,
  #testimonial-box .owl-carousel .owl-nav .owl-next {
    width: 38px;
    height: 38px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .display-text {
    height: 320px;
  }
  .box-inside-pc h3 {
    font-size: 18px;
  }
  .box-inside {
    padding: 5% 5%;
  }
  .box-inside h3 {
    font-size: 18px;
  }
  .hover-box-small-para {
    font-size: 14px;
  }
  .parallax-one-bold-para {
    margin-bottom: 5px;
  }
  .btn-2 {
    font: 700 14px/36px "Lato", sans-serif;
  }
  .boxes-div {
    margin-top: 12%;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
  .boxes-div {
    margin-top: 9%;
  }
  .display-text {
    height: 360px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .boxes-div {
    margin-top: 9% !important;
  }
}

/*========== industry ============*/

@media screen and (max-width: 767px) {
  .industry-inside-div {
    display: block;
  }
  .industry-carousel-box {
    padding: 15px 36px;
    margin: 0px 0px 10px 0px !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
  .industry-carousel-box {
    padding: 15px 10px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .industry-carousel-box {
    padding: 10px 10px;
  }
}