@media (min-width: 1600px) and (max-width: 1999px) {
  .cta-img {
    left: 65%;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .ca-slider-active-3 .slick-dots {
    left: -76%;
  }
  .cta-img {
    left: 50%;
  }
  .why-us-item {
    padding: 0 5rem 0 10rem;
  }
  .why-title {
    font-size: 4rem;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .why-us-item {
    padding: 0 5rem 0 10rem;
  }
  .why-title {
    font-size: 3rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .ml-50 {
    margin-left: 0px;
  }
  .mr-50 {
    margin-right: 0;
  }
  .mr-60 {
    margin-right: 0;
  }

  .ml-15 {
    margin-left: 0;
  }
  .ca-mega-menu {
    width: 966px;
    left: -230px;
  }
  .ca-slider-heading {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
  }
  .ca-slider-img-3 {
    width: 50%;
  }
  .ca-slider-active-3 .slick-dots {
    left: -42%;
    top: 90%;
  }
  .ca-slider-img-3 {
    right: 10px;
    bottom: 65px;
  }
  .ca-ab-content3 {
    margin-left: 0px;
  }
  .ca-portfolio-3-item img {
    height: 370px;
    object-fit: cover;
  }
  .widget-3 {
    margin-left: 0px;
  }
  .widget-4 {
    margin-left: 0;
  }

  .ca-about-title {
    font-size: 40px;
    line-height: 50px;
  }
  .cta-title-1 {
    font-size: 34px;
    line-height: 44px;
  }

  .ca-map4 {
    height: 100%;
    width: 425px;
  }

  .ca-slider-active-3 .next_arrow1 {
    right: 3%;
  }

  .ca-slider-active-3 .prev_arrow1 {
    right: 3%;
  }

  .why-us-item {
    padding: 0 5rem 0 10rem;
  }

  .why-title {
    font-size: 4rem;
  }

  .cta-img {
    left: 30%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  br {
    display: none;
  }
  .ml-50 {
    margin-left: 0px;
  }
  .mr-50 {
    margin-right: 0;
  }
  .mr-60 {
    margin-right: 0;
  }
  .pb-70 {
    padding-bottom: 30px;
  }

  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }

  .ml-15 {
    margin-left: 0;
  }

  .ca-mega-menu {
    position: static;
    top: 105%;
    width: 400px;
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    display: none;
  }
  .ca-main-menu ul > li:hover .ca-mega-menu {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    top: 100%;
  }

  .header-3 {
    background: none;
    box-shadow: none;
  }
  .header-area-3.stiky .header-3 {
    border-radius: 0 !important;
    width: 100%;
  }
  .header-area-3.stiky .header-3 {
    top: 0px !important;
  }
  .header-3 .ca-offcanvas-toogle {
    border: 1px solid #02000e;
    padding: 5px 8px;
    border-radius: 7px;
  }
  .ca-slider-active-3 .slick-dots {
    display: none !important;
  }

  .header-area-3.stiky {
    position: fixed;
    z-index: 9;
    background: #27272f;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }

  .header-area-3.stiky .header-3 {
    box-shadow: none;
    padding: 15px 0;
  }
  header.header-area-3.stiky .header-3 {
    box-shadow: none;
    padding: 15px 0;
  }
  header.header-area-3.stiky.scroll-header .header-3 {
    box-shadow: none;
    top: 0;
    border-radius: 0;
    padding: 15px 0;
  }
  .ca-offcanvas-toogle {
    border: 1px solid;
    padding: 5px 8px;
    border-radius: 7px;
  }
  .ca-sm-single-item-4.ca-sm-single-item-1 .ca-sm-single-item-4-content a {
    color: #5a5d63;
  }

  .ca-sm-single-item-4.ca-sm-single-item-1 .icon span {
    color: #5a5d63;
  }

  .ca-header-bg-2 {
    padding-left: 0;
    top: 0;
  }
  .header-2 .ca-offcanvas-toogle {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 7px;
  }
  .ca-offcanvas-menu-2 span {
    display: none;
  }
  .slider-nav.sm-slider-img {
    top: 150px;
    right: 69px;
  }
  .container.ca-header-bg-2 {
    background: #464950;
    position: relative;
  }

  header.header-2.stiky {
    background: #464950;
  }

  .header-area-4 .ca-offcanvas-toogle {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 8px;
    border-radius: 7px;
  }
  .header-area-3.stiky .header-4 {
    background: none;
    top: 0;
    border-radius: 0;
  }

  .ca-sm-single-item-4.ca-sm-single-item-41 .ca-sm-single-item-4-content a {
    color: #5a5d63;
  }

  .ca-sm-single-item-4.ca-sm-single-item-41 .icon span {
    color: #5a5d63;
  }

  .ca-hero-custom {
    height: auto;
    min-height: 600px;
    padding-bottom: 60px;
  }

  .ca-hero-content-custom {
    padding-top: 160px;
  }

  .ca-outlined-title {
    font-size: 120px;
    text-stroke: 1px rgba(246, 180, 35, 0.4);
    -webkit-text-stroke: 1px rgba(246, 180, 35, 0.4);
  }

  .ca-main-heading {
    font-size: 42px;
    line-height: 52px;
    margin-top: -10px;
  }

  .ca-about-desc {
    float: left;
    margin-bottom: 30px;
  }

  .ca-shape img {
    height: 120px;
  }
  .ca-service-shape img {
    height: 70px;
  }
  .ca-service-shape {
    bottom: 15px;
  }

  .ca-why-us {
    height: auto;
    background-attachment: scroll;
  }

  .why-container {
    height: auto;
    position: relative;
  }

  .why-left {
    position: relative;
    height: auto;
    left: 0;
    padding: 3rem 1.5rem;
  }

  .why-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow: visible;
  }

  .why-us-item {
    margin-bottom: 20px;
    height: 250px;
    padding: 2rem;
  }

  .why-title {
    font-size: 3rem;
  }

  .c-shape-2 img {
    transition: 0.3s;
  }
  .c-shape-2 {
    position: relative;
    bottom: 0;
  }
  .ca-cta-2 {
    padding: 80px 50px;
    padding-bottom: 50px;
    padding-top: 70px;
  }

  .ca-map4 {
    height: 100%;
    width: 345px;
  }

  .ft-shape-1 {
    top: 18%;
    left: 8px;
  }
  .ca-btn-cta {
    text-align: center !important;
  }

  .widget-3 {
    margin-left: 0px;
  }
  .widget-4 {
    margin-left: 0px;
  }
  .copry-right-text {
    text-align: center;
  }

  .copy-right-menu {
    text-align: center !important;
  }

  .ca-btn-cta-3 {
    display: block;
  }
  .ca-btn-cta-3 {
    text-align: center !important;
  }
  .ca-cta-content {
    text-align: center;
  }

  .ca-breadcrumb-title {
    font-size: 44px;
    line-height: 54px;
  }
  .it-breadcum-link {
    padding-top: 10px;
  }
  .ca-breadcrumb-area {
    padding-top: 140px;
  }

  .ca-sidebar-area .ca-title {
    font-size: 20px;
    line-height: 20px;
  }

  .ca-projrct-iner-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .ca-more-title {
    font-size: 34px;
    line-height: 34px;
  }

  .ca-blog-tags-section {
    display: block;
    text-align: center;
  }

  .ca-blog-tag-section {
    display: block;
    margin-bottom: 15px;
  }

  .ca-blg-tag-taile .ca-title {
    padding-bottom: 20px;
  }

  .ca-blog-share {
    display: block;
  }

  .ca-blog-share .ca-title {
    padding-bottom: 20px;
  }
  .ca-blg-comt-form {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  br {
    display: none;
  }
  .pb-70 {
    padding-bottom: 40px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .ml-50 {
    margin-left: 0;
  }
  .mr-50 {
    margin-right: 0;
  }
  .mr-60 {
    margin-right: 0;
  }

  .ml-15 {
    margin-left: 0;
  }
  .mr-65 {
    margin-right: 0;
  }
  .pt-208 {
    padding-top: 150px;
  }
  .ca-section-title {
    font-size: 32px;
    line-height: 40px;
  }

  .ca-services-4 .slick-prev.service-arrow,
  .ca-services-4 .slick-next.service-arrow {
    display: none !important;
  }

  .ca-service-4-item.slick-slide.slick-current.slick-active
    .ca-servic-4-ic-box {
    background: rgba(246, 179, 35, 0.87) !important;
  }

  .ca-offcanvas {
    width: 100%;
    padding: 30px;
  }

  .ca-mega-menu {
    position: static;
    top: 105%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    display: none;
  }

  .header-2 .ca-offcanvas-toogle {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 7px;
  }
  .ca-slider-heading {
    font-size: 35px;
    line-height: 45px;
  }

  .ca-offcanvas-menu-2 span {
    display: none;
  }
  .ca-header-bg-2 {
    top: 0;
    background: #464950;
  }

  .ca-offcanvas-toogle {
    border: 1px solid;
    padding: 5px 8px;
    border-radius: 7px;
  }
  .header-3 {
    background: none;
    box-shadow: none;
  }
  header.header-area-3.stiky .header-3 {
    top: 0px;
    border-radius: 0;
  }
  .header-3 .ca-offcanvas-toogle {
    border: 1px solid #02000e;
    padding: 5px 8px;
    border-radius: 7px;
  }

  .header-area-3.stiky {
    position: fixed;
    z-index: 9;
    background: #27272f;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }

  .header-area-3.stiky .header-3 {
    box-shadow: none;
    padding: 15px 0;
  }
  .ca-slider-active-3 .slick-dots {
    display: none !important;
  }

  .ca-sm-single-item-4.ca-sm-single-item-1 .ca-sm-single-item-4-content a {
    color: #5a5d63;
  }

  .ca-sm-single-item-4.ca-sm-single-item-1 .icon span {
    color: #5a5d63;
  }

  .header-area-3.stiky .header-4 {
    background: none;
    top: 0;
    border-radius: 0;
  }
  .header-area-4 .ca-offcanvas-toogle {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 8px;
    border-radius: 7px;
  }

  .ca-hero-4-content {
    padding-top: 180px;
    text-align: center;
  }
  .space-mt {
    margin-top: 64px;
  }

  .ca-sm-single-item-4.ca-sm-single-item-41 .ca-sm-single-item-4-content a {
    color: #5a5d63;
  }

  .ca-sm-single-item-4.ca-sm-single-item-41 .icon span {
    color: #5a5d63;
  }

  .ca-hero-content-3 {
    padding-top: 170px;
  }
  .ca-hero-content-3 p {
    padding-top: 0;
  }
  .ca-slider-img-3 {
    width: 72%;
  }
  .ca-hero-content-3 p {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .ca-slider-img-3 {
    width: 72%;
  }
  .ca-sec-primary-3 {
    margin-left: 0;
    margin-top: 14px;
  }

  .ca-slider-active-3 .prev_arrow1 {
    top: 36%;
    right: 0;
  }
  .ca-slider-active-3 .next_arrow1 {
    right: 0;
    top: 42%;
  }

  .ca-btn-primary.ca-sec-primary-3 {
    margin-top: 12px;
  }

  .ca-about-title {
    font-size: 27px;
    line-height: 37px;
  }
  .ca-about-desc {
    float: left;
    margin-bottom: 30px;
  }
  .ca-about-icon-box {
    display: block !important;
  }
  .ca-about-content {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .ca-about-content .ca-title a {
    padding-top: 16px;
    display: block;
  }

  .ca-about-content-3 .ca-section-title {
    line-height: 37px;
  }
  .ca-ab-content3 {
    margin-left: 0px;
  }

  .ca-ab-item-check {
    display: block;
  }

  .ca-about-2-btn {
    display: block !important;
  }

  .ca-shape img {
    height: 120px;
  }
  .ca-shape {
    top: 22px;
    margin-left: 0px;
  }
  .ca-service-shape img {
    height: 70px;
  }
  .ca-service-shape {
    bottom: 15px;
  }

  .ca-title {
    font-size: 20px;
    line-height: 20px;
    transition: 0.3s;
  }

  .cta-img {
    position: relative;
    max-height: 300px;
    margin: 0 auto;
    display: block;
    right: auto;
    left: 0;
    bottom: -15px;
  }

  .ca-contact-area {
    height: 898px;
  }
  .ca-contact {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ca-contact-shape-img1 {
    width: 133%;
  }
  .ca-contact-shape-img1 img {
    height: 1000px;
  }

  .ca-contact-from-2 {
    margin-right: 0;
    padding: 15px;
  }

  .ca-contact-from-3 {
    padding: 15px;
  }
  .ca-location-icbox {
    display: block;
    padding: 14px;
  }

  .ca-location-icbox-img {
    margin-bottom: 20px;
  }

  .ca-con-icon-box-4 {
    display: inline-block;
  }
  .ca-con-icon-box-4 {
    display: inline-block;
  }

  .ca-working-time {
    display: block;
  }
  .ca-work-time-box {
    margin: 10px 0;
  }

  .ft-shape-1 {
    top: 18%;
    left: 8px;
  }
  .ca-btn-cta {
    text-align: center !important;
  }
  .ca-cta-content {
    text-align: center;
  }
  .cta-title-1 {
    font-size: 27px;
    line-height: 37px;
  }
  .ca-btn-cta {
    text-align: center !important;
  }
  .ca-ft-area {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .widget-3 {
    margin-left: 0px;
  }
  .widget-4 {
    margin-left: 0px;
  }
  .copry-right-text {
    text-align: center;
  }
  .copy-right-menu.copy-right-menu-2 {
    padding-top: 0;
  }

  .copy-right-menu {
    text-align: center !important;
  }

  .copy-right-menu ul li:last-child:before {
    display: none;
  }

  .c-shape-2 {
    position: relative;
    bottom: 0;
  }
  .c-shape-2 img {
    height: 300px;
    width: auto;
  }
  .c-shape-1 {
    left: 0;
    bottom: 0;
  }

  .ca-cta-2 {
    padding: 25px 20px;
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .ca-cta-content-4 {
    padding: 30px 15px;
  }

  .ca-btn-cta-3 {
    text-align: center !important;
  }
  .ca-btn-cta-3 {
    display: block;
  }

  .copry-right-text-4 {
    text-align: center;
  }

  .ca-breadcrumb-title {
    font-size: 32px;
    line-height: 40px;
  }

  .it-breadcum-link {
    padding-top: 10px;
  }
  .it-breadcum-link {
    display: inline-block;
  }
  .ca-breadcrumb-area {
    padding-top: 140px;
  }

  .ca-sidebar-area .ca-title {
    font-size: 20px;
    line-height: 20px;
  }

  .ca-service-left-content .ca-project-thumb-title {
    line-height: 40px;
  }

  .ca-hero-custom {
    min-height: 500px;
    padding-bottom: 50px;
  }

  .ca-outlined-title {
    text-stroke: 1px rgba(246, 180, 35, 0.4);
    -webkit-text-stroke: 1px rgba(246, 180, 35, 0.4);
    font-size: 80px;
  }

  .ca-main-heading {
    font-size: 32px;
    line-height: 40px;
    margin-top: 0px;
  }

  .ca-hero-content-custom {
    padding-top: 140px;
  }

  .ca-hero-btns {
    flex-direction: column;
    gap: 15px;
  }

  .ca-hero-content-3 {
    padding-top: 170px;
  }

  .ca-why-us {
    height: auto;
    background-attachment: scroll;
  }

  .why-container {
    height: auto;
    position: relative;
  }

  .why-left {
    position: relative;
    height: auto;
    left: 0;
    padding: 3rem 1.5rem;
  }

  .why-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow: visible;
  }

  .why-us-item {
    margin-bottom: 20px;
    height: 250px;
    padding: 20px;
  }

  .why-title {
    font-size: 2rem;
  }
}

@media (max-width: 575px) {
  .why-subtitle {
    font-size: 1rem;
    padding: 0.4rem 1.2rem;
  }

  .ca-section-title.fnw-600.pt-16.text-white {
    font-size: 24px;
  }

  .why-title {
    font-size: 20px;
  }

  .why-us-item {
    padding: 20px !important;
  }
}