@media (min-width: 1500px) {
    .container {
        max-width: 1366px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1466px;
    }
}

@media only screen and (max-width: 1920px) {
    header .navbar .navbar-nav {
        gap: 1.5rem;
    }

    .reviewSec h4 {
        width: 49%;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 24rem;
    }
}

@media only screen and (max-width: 1600px) {
    header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
    }

    .reviewSec h4 {
        width: 60%;
    }

}

@media only screen and (max-width: 1440px) {
    .mainSlider .sildeContnt h4 {
        font-size: 3.2rem;
        line-height: 1.1;
    }

    .mainSlider .sildeContnt h6 {
        font-size: 1rem;
    }

    .listStyle li {
        font-size: 1rem;
    }

    .leadHead h4 {
        font-size: 1.3625rem;
    }

    .leadForm h2 {
        font-size: 1.4125rem;
    }

    .logoSec h4 {
        font-size: 1.6rem;
    }

    .abtSec figure::before {
        height: 630px;
    }

    .themeBtn {
        font-size: 0.9rem;
    }

    .quote {
        left: 4rem;
    }

    .reviewSec h4 {
        left: 3rem;
    }

    .quote {
        left: 4rem;

        top: 0;
    }

    .budgetSec .listStyle {
        height: 400px;
    }

    .serviceBox {
        height: 472px;
    }

    .registInner .serviceBox {
        height: 40rem;
    }

    h2 {
        font-size: 2rem;
    }

    .proceesBox p {
        font-size: 0.8rem;
    }

    .pakgeImg {
        right: 28rem;
    }

    .serviceInner .serviceBox {
        height: 650px;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 25rem;
    }

    .reviewSec .slick-next {
        right: 45%;
    }

    .servicesInner .service-overlay {
        bottom: -13rem;
    }

    .ctaInner h5 span {
        font-size: 3rem;
    }

    .ctaBox span {
        height: 140px;
    }

    .dropLinks li a {
        font-size: 12px
    }

    .headerNav h4 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1366px) {
    .container {
        max-width: 1080px;
    }

    header .navbar .navbar-nav {
        gap: 1rem;
    }

    .themeBtn {
        padding: 1.4rem 2rem;
    }

    .listStyle li {
        font-size: 0.9rem;
    }

    .mainSlider .sildeContnt h6 {
        letter-spacing: 7px;
    }

    .abtSec figure img {
        margin-left: 5rem;
    }

    .aboutContent {
        padding: 1.5rem 1.5rem;
    }

    .abtSec figure::before {
        height: 560px;

        top: -5rem;
    }

    .whyBox h4 {
        font-size: 1rem;
    }

    .ctaSec h4 {
        font-size: 2.275rem;
    }

    .ctaSec h6 {
        font-size: 1.175rem;
    }

    .pakgeBox .listStyle h3 {
        font-size: 1.175rem;
    }

    .reviewSec h4 {
        width: 90%;
    }

    .reviewBox {
        margin-left: 2rem;
    }

    .servicesInner .service-overlay {
        bottom: -16rem;
    }

    .registInner .serviceBox {
        height: 42rem;
    }
}

@media only screen and (max-width: 1199px) {
    .container {
        max-width: 991px;
    }

    .leadForm {
        margin-top: 2rem;
    }

    header .navbar .navbar-nav {
        gap: 2rem;
    }

    header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
    }

    .navbar-toggler {
        color: #fff;

        background-color: transparent;

        border: transparent;
    }

    .leadForm h2 {
        font-size: 2.125rem;
    }

    .logoSec h4 {
        font-size: 1.5rem;

        font-weight: 700;
    }

    .logoSec figure img {
        width: 120px;

        height: 50px;
    }

    .logoSlider {
        margin-left: 2rem;
    }

    .abtSec figure::before {
        display: none;
    }

    .abtSec {
        padding-top: 4rem;
    }

    .abtSec figure img {
        margin-left: 0;
    }

    h2 {
        font-size: 1.6rem;
    }

    h2 span {
        font-size: 0.8rem;
    }

    section {
        padding: 3rem 0;
    }

    .ctaSec .bannerBtn {
        justify-content: center;
    }

    .ctaSec h4 {
        text-align: center;
    }

    .ctaSec h6 {
        text-align: center;

        margin-bottom: 2rem;
    }

    .pakgeBox {
        margin: 1rem 0;
    }

    .quote {
        left: 2rem;
    }

    .reviewSec h4 {
        width: 100%;
    }

    .reviewSec .slick-dots {
        bottom: -3rem;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 24rem;
    }

    .footerLinks {
        margin-bottom: 3rem;
    }

    .copyRight ul {
        justify-content: center;
    }

    .copyRight p {
        text-align: left;

        font-size: 0.8rem;
    }

    .budgetSec img {
        display: none;
    }


    .ctaInner h5 span {
        font-size: 2.75rem;
    }

    .ctaBox {
        text-align: center;

        display: flex;

        flex-direction: column;

        align-items: center;
    }

    .ctaBox span {
        width: 180px;
    }

    .ctaInner h5 {
        text-align: center;
    }

    .ctaInner .container {
        padding: 1rem;
    }

    .serBox .service-overlay h4,
    .serBox .service-overlay a {
        font-size: 1rem;
    }

    .pakgeBox .listStyle {
        height: 410px;
    }

    footer ul li span,
    footer ul li a {
        font-size: 0.8rem;
    }

    .servicesInner .service-overlay {
        bottom: -12rem;
    }

    .ctaBox span {
        width: 140px;
    }

    .emailSec {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .container {
        max-width: 767px;
    }

    .logoSec h4 {
        font-size: 1.4rem;

        text-align: center;

        margin-bottom: 1rem;
    }

    .reviewSec h4 {
        width: 100%;

        top: 0;

        font-size: 2rem;

        margin-bottom: 1rem;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 29rem;
    }

    footer ul {
        margin-bottom: 2rem;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding: 1rem;

        overflow-x: hidden;

        top: 11rem;
    }

    .serviceInner .serviceBox {
        height: 640px;
    }

    .socialIcons {
        justify-content: flex-start;
    }

    footer .text-center {
        text-align: left !important;
    }

    .contactInfo a,
    .contactInfo span {
        display: block;

        margin-bottom: 2rem;
    }

    .abtSec img {
        margin-bottom: 2rem;
    }

    .bannerBtn {
        gap: 1rem;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 22rem;
    }

    .reviewSec .slick-prev {
        left: 44%;
    }

    .expertSec .bannerBtn {
        margin-bottom: 2rem;
    }

    .reviewBox {
        height: 360px;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 25rem;
    }

    .reviewContent p {
        height: 180px;
    }

    .faqSec .accordion {
        margin-bottom: 2rem;
    }

    .mobView {
        display: none;
    }

    .dropLinks li a {
        font-size: 12px;
    }

    header .navbar .navbar-nav .nav-item .dropLinks li {
        flex: 100%;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 12px;
    }

    h2 span {
        font-size: 1.25rem;
    }

    p,
    .listStyle li,
    .whyBox h4,
    .faqSec .accordion-button,
    footer ul li span,
    footer ul li a,
    .footerLinks li a {
        font-size: 14px;
    }

    section {
        padding: 2rem 0;
    }

    header {
        padding: 5px 0;
    }

    .mainSlider {
        background-image: linear-gradient(to left top,
                #01403c,
                #06315c,
                #0b5384,
                #0978ad,
                #019fd5);
        height: calc(100% - 4.625rem);
    }

    .cartItemCard {
        margin: 0 0 1rem;
        padding-bottom: 15px;
    }

    .cartItemCard h4 {
        margin: 12px 0;
        font-size: 1.2rem;
    }

    .cartItemCard .price {
        margin-bottom: 10px;

        display: block;
    }

    .cartItemCard .proCounter {
        width: 100%;

        margin-bottom: 20px;
    }

    .cartItemCard .proCounter input {
        width: calc(100% - 100px);
    }

    .accountAccesSec .formStyle .input-group {
        flex-flow: column;

        align-items: center;
    }

    .accountAccesSec .formStyle .btnStyle {
        margin-bottom: 1rem;
    }

    .accountAccesSec h2 span {
        font-size: 30px;
    }

    .accountAccesSec h2 {
        font-size: 22px;
    }

    .mainSlider .sildeContnt h6 {
        letter-spacing: 5px;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 23rem;
    }

    .reviewSec .slick-dots {
        left: -41%;
    }

    .innerBanner {
        height: 300px;
    }

    .ctaBox span {
        width: 120px;

        height: 120px;
    }

    .serviceBox {
        height: 480px;
    }

    .servicesContent:before {
        height: 50px;

        top: 20%;
    }

    .serBox .service-overlay {
        bottom: -2.5rem;
    }

    .serBox .service-overlay h4,
    .serBox .service-overlay a {
        font-size: 1.5rem;
    }

    .reviewSec .slick-prev:before,
    .reviewSec .slick-next:before {
        width: 40px;

        height: 40px;

        font-size: 1.3rem;
    }

    .reviewSec .slick-prev {
        left: 44%;
    }

    .reviewSec .slick-next {
        right: 44%;
    }

    .socialIcons li a {
        width: 35px;

        height: 35px;

        font-size: 1.1rem;
    }

    .faqSec h4 {
        font-size: 1.25rem;
    }

    .chat {
        padding: 1rem;
        width: 50%;
    }

    .faqSec .chat h4 {
        font-size: 1rem;
    }

    .mainSlider .sildeContnt p {
        font-size: 1.25rem;
        margin: 2rem 0;
    }

    .mainSlider .sildeContnt p br {
        display: none;
    }

    .startingPoint {
        display: block;
        margin-top: 1.5rem;
    }

    .mainSlider .startingPoint p {
        font-size: 1rem;
        margin: 0;
        color: var(--white);
    }

    .mainSlider .startingPoint p span {
        color: var(--theme-color);
        font-size: 1.25rem;
        font-weight: 600;
    }

    .mainSlider .startingPoint p a {
        color: var(--theme-color);
    }

    .logoSec {
        padding: 1rem 0;
    }

    .abtSec,
    .serviceSec,
    .whyChooseSec,
    .reviewSec,
    .faqSec,
    footer {
        padding: 2rem 0;
    }

    .abtSec img,
    .expertSec img,
    .reviewSec .slick-prev:before,
    .reviewSec .slick-next:before,
    .faqSec .net,
    .faqSec .faqImg {
        display: none;
    }

    .serviceSec p,
    .whyChooseSec p,
    .reviewSec p {
        padding: 0 !important;
    }

    .serBox {
        margin: 0 0 1rem;
        height: 12rem;
    }

    .serBox .service-overlay {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
    }

    .footerLogo img {
        width: 15rem;
    }

    .aboutContent {
        padding: 0;
    }

    .bannerBtn a {
        width: 100%;
        display: block;
    }

    .simpleContnt .themeBtn {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .container {
        max-width: 400px;
    }

    header .navbar .navbar-nav {
        margin: 2rem 0;
    }

    .mainSlider .sildeContnt h4 {
        font-size: 2.7rem !important;
        line-height: 1 !important;
    }

    .mainSlider .sildeContnt h2 {
        font-size: 1.4rem;
        margin-bottom: 0;
    }

    .bannerBtn {
        gap: 1rem;
    }

    .ctaSec .container,
    .expertSec,
    .whyChooseSec,
    .reviewSec {
        padding: 1rem;
        background: #01403c;
    }

    .themeBtn {
        font-size: 1.1rem;
        padding: 1.3rem;
    }

    .reviewSlider {
        margin-right: 0;
    }

    .reviewSec .slick-dots {
        left: 0%;
    }

    .reviewBox {
        margin-left: 0;

        margin: 0 0.5rem;
    }

    header .logo {
        width: 12rem;
    }


    .innerBanner {
        height: 300px;
    }

    .contactInfo .container {
        padding: 3rem;
    }

    .reviewSec h4 {
        left: 0;
    }

    .budgetSec h2 {
        font-size: 2rem;
    }

    .serviceBox {
        margin: 0 0 1.5rem;
    }

    .serviceBox,
    .serviceBox .servicesContent {
        height: auto;
    }

    .serviceBox figure img {
        height: 14rem;
        object-fit: cover;
        object-position: top left;
    }

    .serviceBox .servicesContent {
        padding: 1.5rem 1rem 1rem 1.5rem;
    }

    .serviceBox .servicesContent p {
        margin: 0;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 20rem;
    }

    .reviewSec .slick-prev {
        left: 41%;
    }

    .reviewSec .slick-next {
        right: 41%;
    }

    .reviewBox {
        height: 240px;
    }

    .reviewContent p {
        height: auto;
    }

    .reviewSec .slick-next,
    .slick-prev {
        top: 23rem;
    }

    .serBox .service-overlay {
        bottom: -3.5rem;
    }

    .sildeContnt .bannerBtn {
        flex-direction: column;
        text-align: center;
    }

    .reviewBox {
        height: auto;
    }

    .simpleContnt figure img {
        display: none;
    }

    .contactInner,
    .ctaInner,
    .simpleContnt {
        background: white;
    }

    .proceesBox p {
        font-size: 12px;
    }

    .headerNav {
        flex-direction: column;
    }
}

@media only screen and (max-width: 320px) {
    .reviewSec .slick-next {
        right: 39%;
    }

    .reviewSec .slick-prev {
        left: 39%;
    }

    .sildeContnt .bannerBtn a {
        padding: 1.5rem 0;
        font-size: 1.1rem;
        font-weight: 400;
    }
}