@media screen and (max-width: 1600px) {
    .main-banenr {
        height:calc(100vh + 150px)
    }

    .bnr-left {
        width: 26%
    }

    html {
        font-size: 14px
    }

    .banner-wraper h1 {
        font-size: 5rem;
        line-height: 70px;
    }

    .bnr-right {
        top: 6rem;
        width: 30%
    }

    .banner-wraper p {
        padding: 0 10%
    }

    .containerline {
        margin-top: 1rem
    }

    .inner-banner p {
        padding: 0 !important
    }
}

@media(max-width: 1440px) {
    .banner-wraper p {
        padding:0 18%
    }

    .bnr-right {
        top: 10rem
    }

    html {
        font-size: 13px
    }

    .bottle {
        top: 8.5rem
    }

    .swipernav {
        width: 86%
    }

    .services-box {
        height: 250px
    }

    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size: 11.25rem
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1170px
    }
}

@media(max-width: 1280px) {
    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size:11rem
    }

    .package-slider .owl-nav .owl-prev,.platform-logos .owl-nav .owl-prev,.swiper-button-prev {
        left: -2%
    }

    .package-slider .owl-nav .owl-next,.platform-logos .owl-next,.swiper-button-next {
        right: -2%
    }

    .testimonial-section .swipernav {
        display: none
    }
}

@media(max-width: 1120px) {
    html {
        font-size:13px
    }

    .hero-anime .nav-item {
        padding: 0 1rem
    }

    .hdrbordr {
        margin-left: 1rem
    }

    .banner-wraper h1 {
        font-size: 5rem
    }

    .main-banenr {
        height: calc(100vh)
    }

    .navbar2 {
        padding: 1rem 2rem
    }

    .navbar-toggler {
        background-color: #06041e;
        margin-top: -26px;
        width: 50px;
        height: 44px;
        padding: 0
    }

    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size: 9rem
    }
}

@media(max-width: 991px) {
    .portfolio-box.col-md-4 {
        margin-bottom:1.5rem;
        max-width: 100%;
        flex: 100%
    }

    .mobile-logo {
        display: none
    }

    .destop-logo {
        display: block;
        width: 150px
    }

    .top-nav {
        display: block
    }

    .navbar2 {
        box-shadow: 0 3px 17px #00000047
    }

    #navbar_main {
        box-shadow: 0 3px 17px #00000047
    }

    .dropdown-menu {
        border: 0
    }

    .main-header .nav-item {
        border-bottom: 1px solid #eaeaea
    }

    .main-header .navbar-nav {
        display: inline-block;
        margin: 3rem
    }

    .main-header .navbar-nav .nav-link {
        padding: 12px 2rem;
        font-size: 1.4rem
    }

    .navbar-brand {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    .containerline {
        margin-top: 2rem
    }

    .main-banenr {
        height: calc(90vh)
    }

    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size: 8rem
    }

    .banner-wraper h1 {
        font-size: 4rem
    }

    .bottle-img {
        margin-left: 0;
        top: 0
    }

    .bottle {
        top: 6rem;
        left: 38%
    }

    .bottletwo {
        height: 45px
    }

    .testimonialSlider {
        position: relative;
        width: 100%;
        top: 4rem;
        transform: none
    }

    .services-box-wrap {
        margin-top: 2rem
    }

    .icon-card h2 {
        font-size: 1.2rem
    }

    @keyframes Slideright {
        to {
            transform: translateX(200px)
        }
    }

    @keyframes Slidedown {
        to {
            transform: translateY(200px)
        }
    }

    @keyframes Slideleft {
        to {
            transform: translateX(-200px)
        }
    }

    @keyframes Slideup {
        to {
            transform: translateY(-180px)
        }
    }

    .header-btn,.hdrbordr {
        display: none
    }

    .site-header__title {
        font-size: 5.5rem
    }
}

@media(max-width: 767px) {
    span.navbar-toggler-icon i {
        color:var(--yellow-color);
        font-size: 30px
    }

    .cta-img {
        display: none
    }

    .cta-sec .col-md-9 {
        width: 100%;
        flex: 100%
    }

    .cta-sec .row {
        justify-content: center
    }

    .cta-area {
        text-align: center
    }

    .footer-form img {
        margin-bottom: 3rem
    }

    .clinet-logo-slider {
        margin-top: 4rem !important
    }

    .copyright li p {
        margin-bottom: 1rem;
        text-align: center
    }

    .copyright ul {
        justify-content: center;
        flex-wrap: wrap
    }

    .navbar-toggler-icon {
        width: auto;
        height: auto
    }

    .header-btn,.hdrbordr {
        display: inline-block
    }

    div#navbarSupportedContent {
        background-color: black
    }

    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size: 6rem
    }

    .cta {
        padding: 4rem 0
    }

    .testimonial-section .swiper-pagination {
        bottom: -2rem
    }

    .form-contact br {
        display: none
    }

    .bannerForm .pr-0 {
        padding-right: 15px !important
    }

    .bannerForm .pl-0 {
        padding-left: 15px !important
    }

    .bannerForm p {
        padding-left: 15px
    }

    .card-wraper {
        margin-bottom: 3rem
    }

    .services-box-wrap {
        flex-wrap: wrap
    }

    .main-banenr img {
        display: none
    }

    .banner-wraper p {
        padding: 0
    }

    .banner-wraper {
        margin-top: 2rem
    }

    .portfolio-box.col-md-4 {
        margin-bottom: 0
    }

    .owl-carousel {
        margin: auto
    }

    .banner-wraper h1 br {
        display: none
    }

    .hero-anime .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative
    }

    .popupform {
        padding: 20px
    }
}

@media(max-width: 575px) {
    .testimonialCard {
        height:400px
    }

    .header-btn,.hdrbordr {
        display: inline-block
    }

    .sec_02 h2 {
        font-size: 26px;
        line-height: 33px
    }

    ul.logo-ul {
        margin-left: 0;
        margin-top: 3rem
    }

    .right-content p {
        padding-right: 0
    }

    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size: 5rem
    }

    .popupform h2 {
        font-size: 22px
    }
}

@media screen and (max-width: 414px) {
    .banner-wraper h1 {
        font-size:3rem
    }

    .design-strok-heading,.design-strok-heading-one,.design-strok-headingtwo,.design-strok-headingthree {
        font-size: 3.5rem
    }
}