@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {
    .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .footer-content h2, .abt-content h2 {font-size: 45px;}
    .pkg-card h3 {font-size: 30px;}
    .cta-3-bg::before {width: 245px;height: 220px;left: 25px;top: 44px;}
    .cta-3-bg::after {width: 288px;height: 292px;right: 0;bottom: 0;}
    .cta-3-bg {padding: 45px 0;}
    .cta-2-bg {padding: 50px 0;}
    .cta-5-bg::before {width: 262px;height: 216px;left: 25px;top: 25px;}
    .cta-5-bg::after { width: 392px;height: 280px;right: 0;top: 0px;}
    .cta-4-bg::before {width: 208px;height: 172px;left: 25px;top: 54px;}
    .cta-4-bg::after { width: 392px;height: 280px;right: 0;top: 0px;}
    .cta-2-bg::before {width: 245px;height: 300px;left: 25px;top: 20px;}
    .cta-2-bg::after {width: 325px;height: 326px;right: 0;top: 0;}
    .cta-5-bg {padding: 30px 0;}
    .cta-4-bg {padding: 28px 0;}
}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {
    .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .footer-content h2, .abt-content h2 {font-size: 45px;}
    .pkg-card h3 {font-size: 30px;}
    .cta-3-bg::before {width: 245px;height: 220px;left: 25px;top: 44px;}
    .cta-3-bg::after {width: 288px;height: 292px;right: 0;bottom: 0;}
    .cta-3-bg {padding: 45px 0;}
    .cta-2-bg {padding: 50px 0;}
    .cta-5-bg::before {width: 262px;height: 216px;left: 25px;top: 25px;}
    .cta-5-bg::after { width: 392px;height: 280px;right: 0;top: 0px;}
    .cta-4-bg::before {width: 208px;height: 172px;left: 25px;top: 54px;}
    .cta-4-bg::after { width: 392px;height: 280px;right: 0;top: 0px;}
    .cta-2-bg::before {width: 245px;height: 300px;left: 25px;top: 20px;}
    .cta-2-bg::after {width: 325px;height: 326px;right: 0;top: 0;}
    .cta-5-bg {padding: 30px 0;}
    .cta-4-bg {padding: 28px 0;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .banner-img {width: 50%;}
    .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .abt-content h2, .footer-content h2, .banner-content h1, .abt-content h2, .details-bg-lp .focus-heading h2 {font-size: 40px;}
    .web-serv-bg, .cta-2-bg, .pkg-bg, .portfolio-bg, .cta-1-bg, .abt-bg, .details-bg, .testimonials-bg, .footer-form-bg, .contact-form-bg, .cta-3-bg, .why-choose-bg-lp2, .cta-5-bg, .cta-4-bg, .why-choose-bg3  {padding: 30px 0;}
    .webserv-card h3 {font-size: 17px;}
    .abt-content h3, .portfolio-card h3, .pkg-card h3  {font-size: 25px;}
    .main-btn i {display: none;}
    .main-btn-1 {padding: 10px 25px;}
    .main-btn {margin: 40px 0 0 0;}
    .cta-2-bg::before { width: 165px;height: 200px;left: 25px;top: 23%;}
    .cta-2-bg::after {width: 233px;height: 236px;right: 0;top: 20%;}
    .details-card {padding: 20px 15px;margin: 20px 0 0;}
    .details-card p {font-size: 15px;}
    .portfolio-bg .main-btn {margin: 10px 0 0 0;}
    .mobile-menu {display: none;}
    .lp-abt-bg-img {width: 590px;}
    .cta-3-bg::before {width: 170px;height: 150px;left: 5px;top: 50px;}
    .cta-3-bg::after {width: 195px;height: 200px;right: 0;top: 70px;}
    .lp-abt-bg-img {width: 510px;top: 0;}
    .portfolio-bg .nav-pills .nav-link {margin: 0 10px;}
    .cta-6-bg::after {width: 360px;height: 290px;top: 33px;}
    .cta-5-bg::before {width: 200px;height: 165px;left: 25px;top: 55px;}
    .cta-5-bg::after {width: 270px;height: 290px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-2-bg::before {
        width: 270px;
        height: 225px;
    }
    .cta-2-bg::after {
        width: 260px;
    height: 250px;
    }
    .faq-sec {
        padding-left: 40px;
    }
        .banner-img {width: 50%;top: 18%;}
        .bages-carousel img {width: 110px!important;}
        .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .abt-content h2, .footer-content h2, .banner-content h1, .contact-form h2 {font-size: 35px;}
        .web-serv-bg, .cta-2-bg, .pkg-bg, .portfolio-bg, .cta-1-bg, .abt-bg, .details-bg, .testimonials-bg, .footer-form-bg, .contact-form-bg, .cta-3-bg, .why-choose-bg-lp2, .lp-abt-bg, .cta-4-bg, .cta-5-bg, .why-choose-bg3 {padding: 25px 0;}
        .webserv-card h3 {font-size: 17px;}
        .abt-content h3, .portfolio-card h3 {font-size: 22px;}
        .pkg-card h3  {font-size: 20px;}
        /* .webserv-card img {width: 30px!important;height: 30px;margin: auto;} */
        .webserv-card {margin: 7px;padding: 20px 10px;}
        .abt-img {width: 50%;top: 20%;}
        .portfolio-bg .main-btn {margin: 10px 0 0 0;}
        .testimonials-bg .owl-theme .owl-nav::before {width: 80%;bottom: 18px;}
        .testi-content h3 {padding: 10px 0;font-size: 20px;}
        .lp-abt-bg-img {width: 510px;top: 0;}
        .main-btn i{display: none;}
        .main-btn-1 {
            min-width: 120px; 
        }
        .main-btn-2{
            min-width: 100px;
        }
        .cta-1-bg::before, .cta-1-bg::after, .cta-3-bg::before, .cta-3-bg::after, .cta-4-bg::before, .cta-4-bg::after, .cta-5-bg::before, .cta-5-bg::after {display: none;}
        .footer-content-2 h4, .footer-content-3 h4 {font-size: 18px;padding: 0 0 10px 0;}
        .pkg-card {margin: 5px 0px;}
        .why-choose-bg3 {background-position: center;}
        .details-card-inner h3 {font-size: 15px;padding: 7px 0 0 0;}
        .cta-6-bg::before {height: 135px;left: 25px;top: 50px;}
        .cta-6-bg::after {width: 250px;height: 185px;right: 0;top: 111px;}
        .portfolio-bg .nav-pills .nav-link {padding: 10px 20px;border-radius: 10px;transition: 0.3s;margin: 0 8px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-bg {
        margin: 0;
    }
    .cta-2-bg::before {
        width: 170px;
        height: 125px;
    }
    .cta-2-bg::after {
        width: 160px;
    height: 150px;
    }
    .faq-sec {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .tab-content .tab-pane .img-mt {
        display: block;
        margin: 0 auto;
    }
    .banner-img,  .main-btn i, .abt-img, .cta-1-img, .why-choose-img, .lp-abt-bg-img, .cta-3-bg::before, .cta-3-bg::after, .cta-6-bg::before, .cta-6-bg::after{display: none;}
    .banner-form input{margin: 0 0 10px 0;}
    .banner-form {margin: 35px 0 0 0;}
    .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .abt-content h2, .footer-content h2, .contact-form h2 {font-size: 30px;}
    .web-serv-bg, .cta-2-bg, .pkg-bg, .portfolio-bg, .cta-1-bg, .abt-bg, .details-bg, .testimonials-bg, .footer-form-bg, .contact-form-bg, .cta-3-bg, .lp-abt-bg, .cta-4-bg, .cta-5-bg, .why-choose-bg3, .cta-6-bg {padding: 20px 0;}
    .portfolio-content p {padding: 0 0 15px 0;}
    .portfolio-bg .main-btn {margin: 0 0 0 0;}
    .portfolio-bg .nav-pills .nav-link {padding: 10px 20px;margin: 0 5px;}
    .abt-content h3, .portfolio-card h3, .pkg-card h3  {font-size: 20px;}
    .main-btn-1 {padding: 10px 25px;}
    .pkg-card {margin: 20px 0px;}
    .why-choose-bg {padding: 20px 0 35px 0;}
    .testimonials-img {width: 50%;margin: auto;padding: 0 0 30px 0;}
    .testimonials-bg .testi-content-head>div>img {height: 50px;}
    .footer-content {padding: 0 0 20px 0;}
    .banner-img2, .abt-img2{width: 70%;margin: auto;}
    .logo-img {width: 50%; margin: auto;padding: 20px 0 0 0;}
    .main-banner-bg {padding: 115px 0 30px 0!important;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header {
        position: relative;
        background: transparent radial-gradient(closest-side at 50% 50%, #4D05CB 0, #4D05CB 100%);
    }
    .main-header-bg .main-header {
        justify-content: center;
    }
    .why-choose h3 {
        font-size: 22px;
    }
    .why-choose h6 {
        font-size: 18px;
    }
    .ap-sec p {
        font-size: 14px;
    }
    .company-sec .heading {
        font-size: 1.5rem;
    }
    .company-sec .sec-para {
        font-size: 1.1rem;
    }
    .sec-heading {
        font-size: 22px;
    }
    .faq-sec {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .tab-content .tab-pane .img-mt {
        display: block;
        margin: 0 auto;
    }
    .footer-content-3 h4 {
        margin: 20px 0 0 0;
    }
    .main-sec {
        padding: 30px 0;
    }
    .main-logo{width: 150px;margin: 0 10px 0 0;}
    .main-banner-bg {padding: 20px 0 40px 0;}
    .main-btn-1, .main-btn-2 {padding: 10px 16px;}
    .banner-img,  .main-btn i, .abt-img, .cta-1-img, .cta-2-bg::before, .cta-2-bg::after, .why-choose-img, .banner-img2, .contact-img, .lp-abt-bg-img, .cta-3-bg::before, .cta-3-bg::after, .cta-4-bg::before, .cta-4-bg::after, .cta-5-bg::before, .cta-5-bg::after, .cta-6-bg::before, .cta-6-bg::after  {display: none;}
    .banner-form input{margin: 0 0 10px 0;}
    .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .abt-content h2, .footer-content h2, .contact-form h2 {font-size: 24px;}
    .web-serv-bg, .cta-2-bg, .pkg-bg, .portfolio-bg, .cta-1-bg, .abt-bg, .details-bg, .testimonials-bg, .footer-form-bg, .contact-form-bg, .lp-abt-bg, .cta-3-bg, .cta-4-bg, .cta-5-bg, .why-choose-bg3, .cta-6-bg {padding: 20px 0;}
    .portfolio-bg {margin: 0;}
    .abt-content h3 {font-size: 15px;}
    .main-btn-4 {padding: 5px 20px;font-size: 15px;}
    .portfolio-bg .nav-pills .nav-link {margin: 5px;width: 130px;font-size: 13px;padding: 10px;}
    .abt-content h3, .portfolio-card h3, .pkg-card h3, .about-form .form-head-content h3 {font-size: 20px;}
    .pkg-card ul li {font-size: 14px;}
    .pkg-card {margin: 15px 0px;}
    .pkg-card .main-btn {
        justify-content: center;
    }
    .pkg-card .main-btn .main-btn-1,.pkg-card .main-btn .main-btn-2 {
        width: 100%;
        margin: 5px 0;
    }
    .why-choose-bg {padding: 20px 0 30px 0;}
    .testi-content-head h3 {color: #4D05CB;padding: 0 0 0 10px!important;font-size: 16px;}
    .testimonials-img {padding: 0 0 20px 0;}
    .testimonials-bg .owl-theme .owl-nav::before {width: 70%;}
    .footer-content {padding: 0 0 15px 0;}
    .banner-content ul li {display: flex;}
    .banner-content ul li i {padding: 7px 7px 0 0;}
    .logo-img {width: 50%; margin: auto;padding: 20px 0 0 0;}
    .banner-form {margin: 25px 0 0 0;}
    .footer-btm {display: inline;justify-content: space-between;font-size: 15px;text-align: center;}
    .about-form {padding: 20px 20px;margin: 35px 0 0 0;}
    .dropdown-menu li a {font-size: 14px;padding: 0 0 0 10px;}
}

@media only screen and (min-width: 300px) and (max-width: 575px) {
    .header {
        position: relative;
        background: transparent radial-gradient(closest-side at 50% 50%, #4D05CB 0, #4D05CB 100%);
    }
    .main-header-bg .main-header {
        justify-content: center;
    }
    .why-choose h3 {
        font-size: 22px;
    }
    .why-choose h6 {
        font-size: 18px;
    }
    .ap-sec p {
        font-size: 14px;
    }
    .company-sec .heading {
        font-size: 1.5rem;
    }
    .company-sec .sec-para {
        font-size: 1.1rem;
    }
    .sec-heading {
        font-size: 22px;
    }
    .faq-sec {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .tab-content .tab-pane .img-mt {
        display: block;
        margin: 0 auto;
    }
    .footer-content-3 h4 {
        margin: 20px 0 0 0;
    }
    .main-sec {
        padding: 30px 0;
    }
    .main-logo{width: 150px;margin: 0 10px 0 0;}
    .main-banner-bg {padding: 20px 0 40px 0;}
    .main-btn-1, .main-btn-2 {padding: 10px 16px;}
    .banner-img,  .main-btn i, .abt-img, .cta-1-img, .cta-2-bg::before, .cta-2-bg::after, .why-choose-img, .banner-img2, .contact-img, .lp-abt-bg-img, .cta-3-bg::before, .cta-3-bg::after, .cta-4-bg::before, .cta-4-bg::after, .cta-5-bg::before, .cta-5-bg::after, .cta-6-bg::before, .cta-6-bg::after  {display: none;}
    .banner-form input{margin: 0 0 10px 0;}
    .portfolio-content h2, .focus-heading h2, .pkg-head h2, .pkg-card h2, .focus-heading h2, .abt-content h2, .footer-content h2, .contact-form h2 {font-size: 24px;}
    .web-serv-bg, .cta-2-bg, .pkg-bg, .portfolio-bg, .cta-1-bg, .abt-bg, .details-bg, .testimonials-bg, .footer-form-bg, .contact-form-bg, .lp-abt-bg, .cta-3-bg, .cta-4-bg, .cta-5-bg, .why-choose-bg3, .cta-6-bg {padding: 20px 0;}
    .portfolio-bg {margin: 0;}
    .abt-content h3 {font-size: 15px;}
    .main-btn-4 {padding: 5px 20px;font-size: 15px;}
    .portfolio-bg .nav-pills .nav-link {margin: 5px;width: 130px;font-size: 13px;padding: 10px;}
    .abt-content h3, .portfolio-card h3, .pkg-card h3, .about-form .form-head-content h3 {font-size: 20px;}
    .pkg-card ul li {font-size: 14px;}
    .pkg-card {margin: 15px 0px;}
    .pkg-card .main-btn {
        justify-content: center;
    }
    .pkg-card .main-btn .main-btn-1,.pkg-card .main-btn .main-btn-2 {
        width: 100%;
        margin: 5px 0;
    }
    .why-choose-bg {padding: 20px 0 30px 0;}
    .testi-content-head h3 {color: #4D05CB;padding: 0 0 0 10px!important;font-size: 16px;}
    .testimonials-img {padding: 0 0 20px 0;}
    .testimonials-bg .owl-theme .owl-nav::before {width: 70%;}
    .footer-content {padding: 0 0 15px 0;}
    .banner-content ul li {display: flex;}
    .banner-content ul li i {padding: 7px 7px 0 0;}
    .logo-img {width: 50%; margin: auto;padding: 20px 0 0 0;}
    .banner-form {margin: 25px 0 0 0;}
    .footer-btm {display: inline;justify-content: space-between;font-size: 15px;text-align: center;}
    .about-form {padding: 20px 20px;margin: 35px 0 0 0;}
    .dropdown-menu li a {font-size: 14px;padding: 0 0 0 10px;}
}