@media only screen and (max-width: 1600px) {
  .testimonialSlider .slick-prev,
  .testimonialSlider .slick-next {
    display: none !important;
  }
  .attractions-loading-images h2 {
    font-size: 7rem;
  }
  .workSlider .slick-prev.sliderArrow {
    left: 65.9%;
  }
}

@media only screen and (max-width: 1445px) {
  html {
    font-size: 14px;
  }
  .container {
    max-width: 1366px;
  }
  .customDesignList {
    flex-flow: row wrap;
  }
  .workCard h3 {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 1366px) {
  .container {
    max-width: 1140px;
  }
  .attractions-loading-images h2 {
    font-size: 6rem;
  }
  .aboutInner h3 {
    font-size: 2.25rem;
  }
  .visionSec h3 i {
    font-size: 2rem;
  }
}

@media (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
  .mainHeading {
    font-size: 2.5rem;
  }
  .attractions-loading-images h2 {
    font-size: 7rem;
  }
  .workSlider .slick-prev.sliderArrow {
    left: auto;
    right: 50px;
  }
  .workSlider .slick-next.sliderArrow {
    right: 0;
  }
  .workSlider .slick-track {
    margin-left: 85px;
  }
  .sliderContent {
    margin-top: 1.5rem;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }
  .workCard {
    padding: 1.5rem 2.5rem;
  }
  .sliderContent {
    gap: 1rem;
  }
  .icoWrap {
    max-width: 170px;
  }
  .main-slider,
  .logoDesign {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .swiper-pagination {
    width: 550px !important;
    height: 550px;
  }
  .swiper-pagination .swiper-pagination-bullet {
    height: 15px;
    width: 15px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    right: 125px;
    top: 80px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    right: 36px;
    bottom: 180px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    bottom: 17px;
    left: 0;
    right: 0;
    margin: auto !important;
    text-align: center;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    left: 35px;
    bottom: 180px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    left: 112px;
    top: 87px;
  }

  .container {
    max-width: 540px;
  }
  .main-slider {
    zoom: 1;
    text-align: center;
  }
  .aboutInner {
    padding: 0;
  }
  .aboutInner h3 {
    font-size: 1.875rem;
  }
  .caseSecond h2,
  .getIntouch .mainHeading,
  .logoPackaging .pageHeading,
  .webCmsDev .pageHeading,
  .pageHeading,
  .logoDesign .pageHeading {
    font-size: 2rem;
  }
  .slideContent h2 {
    font-size: 1.4rem;
        position: relative;
        top: 0;
        margin-bottom: 1rem;
  }
  .slideContent img {
    height: 270px;
    padding: 0;
  }
  .mySwiper .swiper-pagination {
    width: 630px !important;
    height: 450px;
}

.mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    right: 70px;
    bottom: 70px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    bottom: -95px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    left: 70px;
    bottom: 70px;
}
  .swiper-wrapper {
    align-items: flex-end;
  }
  .circle {
    width: 490px;
    height: 500px;
  }
  .circle .an-svg-lines1,
  .an-svg-lines {
    height: 100%;
    width: 100%;
    left: 0;
  }
  .scroll-down {
    left: 0.5rem;
    top: 75%;
  }
  .customDesignList li a {
    width: 175px;
    height: 175px;
  }
  .faqCard .cardHeader button {
    font-size: 1rem;
    padding: 0.5rem 0.5rem 0.5rem 4rem;
  }
  .faqCard .cardHeader button i {
    height: 50px;
    width: 50px;
  }
  .checkboxWrap {
    gap: 1rem;
    flex-direction: column;
    align-items: baseline;
  }
  .proReqForm .dropLine {
    display: block;
    margin-top: 1.5rem;
    margin-left: 0;
    line-height: 1.5;
  }
  .projectBtn {
    text-align: center;
  }
  .workSection {
    overflow-x: hidden;
  }
  .workSlider .slick-track {
    margin-left: -125px;
  }
  .workCard {
    padding: 1rem 1.5rem;
  }
  .workCard .title {
    font-size: 14px;
    left: 0.5rem;
    top: 2.75rem;
  }
  .workCard .cardCount {
    font-size: 1.125rem;
  }
  .workCard figure {
    margin: 0.5rem;
  }
  .workCard h3 {
    font-size: 1.125rem;
  }
  .servcSec,
  .testimonialSec,
  .getIntouch,
  .customDSec,
  .recentDSec {
    padding: 3rem 0;
  }
  .faqSec {
    padding: 0;
  }
  .customDSec .themeBtn {
    bottom: 0;
    margin-top: 1.5rem;
  }
  .srvcBox a span {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  .sliderContent {
    gap: 1rem;
  }
  .icoWrap {
    max-width: 125px;
  }
  footer {
    padding-top: 3rem;
  }
  .attractions-loading-images h2 {
    font-size: 3.125rem;
  }
  .menuContent {
    display: none;
  }
  .menuList ul li a {
    font-size: 3.125rem;
  }
  .menuList ul li + li {
    margin-top: 2rem;
  }
  .fontInfo {
    overflow-x: hidden;
  }
  .caseImgFirst > .topImg {
    display: none;
  }
  .caselogo h2 {
    font-size: 5rem;
  }
  .sideBar {
    position: unset;
    width: 100%;
    padding: 8rem 5rem;
    height: auto;
  }
  .sideBar ul {
    position: unset;
  }
  .caseSixcontent {
    padding: 4rem 2rem;
  }
  .prevBtn .content,
  .nextBtn .content {
    justify-content: center !important;
  }
  .abtServIconList li {
    width: 48%;
  }
  .visionSec,
  .visionSec h3 {
    text-align: center;
  }
  .valueBox {
    text-align: center;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .workMenuList li a i,
  .servMenuList li a i {
    display: none;
  }

  .workMenuList li a.backWorkMenu i,
  .servMenuList li a.backservMenu i {
    display: block;
  }
  .workLogoCard .imgBox::before,
  .logoBox::before,
  .packagingSec a::before {
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
  }
  .workLogoCard .imgBox::after,
  .logoBox::after,
  .packagingSec a::after {
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
  }
}
@media (max-width: 575.98px) {
  .swiper-pagination {
    width: 350px !important;
    height: 350px;
  }
  .swiper-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    right: 65px;
    top: 1px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    right: 3px;
    bottom: 142px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    bottom: 26px;
    left: 0px;
    right: 0.5px;
    margin: auto !important;
    text-align: center;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    left: 2px;
    bottom: 143px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    left: 58px;
    top: 7px;
  }

  header {
    padding: 10px 0;
  }
  .slideContent img {
    height: 200px;
  }
  .slideContent h2 {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
    .slideContent a {
    letter-spacing: 1px;
}
  .swiper-wrapper {
    align-items: flex-end;
  }
  .circle {
    width: 350px;
    height: 350px;
  }
  .mySwiper .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
}
  .brandLogo ul {
    gap: 1rem 0.75rem;
  }
  .brandLogo ul li a {
    width: 160px;
  }
  .workSlider .slick-track {
    margin-left: 0;
  }
  .subHeading span {
    width: 25px;
  }
  .servcSec {
    text-align: center;
  }
  .servcSec .subHeading {
    justify-content: center;
  }
  .getEstimate ul li h3 {
    font-size: 1.25rem;
  }
  .sliderContent {
    gap: 0.5rem;
  }
  .icoWrap {
    max-width: 100px;
  }
  .mainHeading {
    font-size: 2rem;
  }
  .logoDesign {
    padding: 20% 0;
  }
  .attractions-loading-images h2 {
    font-size: 3rem;
  }
  .mainMenu span .line:before {
    height: 3px;
    top: -10px;
  }
  .mainMenu span .line {
    height: 3px;
  }
  .mainMenu span .line:after {
    height: 3px;
    bottom: -10px;
  }
  .workMenuList li a,
  .servMenuList li a,
  .menuList ul li a {
    font-size: 1.875rem !important;
  }
  .menuList ul li + li {
    margin-top: 1rem;
  }
  .copyRight p,
  footer {
    text-align: center;
  }
  .copyRight ul,
  .ftrSocial ul {
    justify-content: center;
  }
  .copyRight {
    margin-top: 0px;
  }
  .webCmsDev .btn-group {
    flex-direction: column;
    gap: 0.75rem;
  }
  .webCmsDev .btn-group .themeBtn {
    justify-content: space-between;
  }
  .abtServIconList {
    justify-content: center;
}
    .mySwiper .swiper-pagination {
        width: 230px !important;
        height: 353px;
    }
    .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    left: -6px;
    top: 90px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    right: 4px;
    top: 83px;
}
.mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
        left: -62px;
        bottom: 54px;
    }
        .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
        right: -60px;
        bottom: 52px;
    }
    .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
        bottom: -62px;
    }

}
@media (max-width: 381px) {
    .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    top: -18px;
    right: 67px;
}

.swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    top: -12px;
}

.swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    bottom: 162px;
}

.swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    bottom: 45px;
}

.swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    bottom: 160px;
}
    
}
@media (max-width: 320.98px) {
  .circle {
    width: 300px;
    height: 370px;
  }

  .slideContent img {
    height: 215px;
    padding: 0;
    animation: auto;
    position: relative;
    top: -60px;
  }

  .swiper-pagination {
    width: 300px !important;
    height: 272px;
    top: 20px;
  }

  .slideContent h2 {
    font-size: 1.5rem;
    margin-bottom: 7.5rem;
  }
  .swiper-pagination .swiper-pagination-bullet {
    height: 15px;
    width: 15px;
  }
  .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    left: 41px;
    top: -2px;
  }

  .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    right: 50px;
    top: -8px;
  }

  .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    right: -4px;
    bottom: 81px;
  }

  .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    bottom: -14px;
    left: 0;
    right: -5px;
    margin: auto !important;
    text-align: center;
  }

  .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    left: -4px;
    bottom: 90px;
  }
}