@media screen and (max-width:1919px) {
    header {padding: 35px 0;}
    .banner-img{width: 42%;}
    .banner-section {height: 650px;}
    .banner-section .banner-content {width: 35%;}
    .banner-section .banner-content h1 {font-size: 46px;}
    .about-section ul li {padding: 18px 28px;}
    .about-section .image-gallery {gap: 24px;}
    .about-section .image-gallery .img-box {border-radius: 16px;}
    .about-section .image-gallery .common-box h3 {font-size: 20px;}
    .tools-section .inner-box {width: 90%;}
    .subscriptions-section .inner-box .img-box {width: 60%;}
    .subscriptions-section .inner-box .img-box img{width: 100%;}
    .refer-section h3 {width: 75%;}
    .main-footer .custom-container , .main-footer .custom-container>div {gap: 30px;}

}

@media screen and (max-width:1599px) {
    .custom-container {width: 90%;}
    .title-box h2 {font-size: 32px;}
    .title-box span {font-size: 22px;margin-bottom: 15px;}
    .banner-section {height: 620px;}
    header {padding: 20px 0;}
    header .left-box {gap: 45px;}
    .common-btn {font-size: 16px;padding: 13px 30px;}
    .banner-section .banner-content {width: 37%;}
    .banner-section .banner-content h1 {font-size: 42px;}
    .app-btns {margin-top: 30px;}
    .about-section .image-gallery .img-box {margin-bottom: 12px;border-radius: 10px;}
    .about-section .image-gallery .common-box h3 {font-size: 19px;}
    .tools-section h3 {font-size: 34px;width: 85%;}
    .tools-section .inner-box {width: 95%;}
    .subscriptions-section .con-box {width: 90%;}
    .subscriptions-section ul p {font-size: 20px;}
    .subscriptions-section ul img {margin-right: 15px;width: 22px;}
    .subscriptions-section p{width: 85%;}
    .subscriptions-section .title-box {width: 80%;}
    .about-section ul li {padding: 15px 25px;}
    .testimonial-section .inner-box p {font-size: 28px;line-height: 46px;margin: 45px 0;}
    .download-app-section .inner-box p {width: 80%;}
    .main-footer {padding: 20px 0}
    .main-footer .custom-container , .main-footer .custom-container>div {gap: 24px;}
    .invalid-input{font-size: 14px;}

}

@media screen and (max-width:1439px) {
    .custom-container {width: 93%;}
    .about-section ul {width: 90%;}
    .about-section .image-gallery .common-box {width: 23%;}
    .tools-section h3 {font-size: 32px;}
    .tools-section .inner-box {width: 100%;}
    .contact-section .form-box {width: 90%;}
    .main-footer {padding: 15px 0;}
    .main-footer .custom-container , .main-footer .custom-container>div {gap: 20px;}
    .footer a , .footer p {font-size: 15px;}

}

@media screen and (max-width:1365px) {
    header .left-box {gap: 35px;}
    .testimonial-section .inner-box p {font-size: 26px;line-height: 40px;margin: 35px 0;}
    .tools-section .inner-box {gap: 115px;}
    .tools-section .common-box {padding: 24px;border-radius: 16px;}
    .banner-section .banner-content {width: 43%;}
    .subscriptions-section ul img{margin-top: 8px;}
}

@media screen and (max-width:1279px) {
    .title-box {margin-bottom: 30px;}
    .banner-img {width: 47%;}
    .banner-section {height: 555px;}
    .banner-section .banner-content {width: 43%;}
    .banner-section .banner-content h1 {font-size: 38px;margin-bottom: 20px;}
    .app-btns {margin-top: 20px;}
    .about-section ul {width: auto;gap: 24px;}
    .about-section ul li p {font-size: 18px;line-height: 42px;}
    .about-section ul li img {margin-right: 15px;}
    .about-section .image-gallery .common-box h3 {font-size: 18px;}
    .about-section .image-gallery {gap: 16px;}
    .about-section .image-gallery .img-box {margin-bottom: 5px;border-radius: 8px;}
    .common-btn {font-size: 14px;padding: 10px 20px;border-radius: 8px;}
    .title-box h2 {font-size: 30px;letter-spacing: 1px;}
    .about-section h2 {margin-bottom: 10px;}
    .title-box p.subtitle {font-size: 20px;;line-height: 28px;margin-bottom: 10px;}
    .about-section ul li {padding: 12px 20px;}
    .about-section ul li img {margin-right: 10px;width: 20px;}
    .tools-section h3 {font-size: 30px;width: auto;}
    .tools-section .inner-box .img-box{width: 50%;}
    .tools-section .inner-box .img-box img{width: 100%;}
    .tools-section .inner-box .con-box {width: 70%;}
    .tools-section .inner-box {gap: 40px;}
    .tools-section .common-box h4 {font-size: 20px;}
    .tools-section .common-box:not(:last-child) {margin-bottom: 25px;}
    .tools-section .inner-box {margin-top: 30px;}
    .tools-section .common-box:nth-child(2) {margin-left: 0;}
    .subscriptions-section .inner-box {gap: 40px;}
    .subscriptions-section .inner-box .img-box {width: 75%;}
    .subscriptions-section p {width: auto;}
    .subscriptions-section ul p {font-size: 18px;line-height: 28px;}
    .subscriptions-section ul img {margin-right: 10px;width: 20px;}
    .testimonial-section .inner-box p {font-size: 24px;line-height: 32px;margin: 30px 0;}
    .testimonial-section .inner-box span {font-size: 24px;line-height: 32px;}
    .testimonial-section .inner-box {border-radius: 24px;padding: 30px 40px;}
    .download-app-section .inner-box .con-box , .download-app-section .inner-box .img-box {width: 50%;}
    .download-app-section .inner-box .img-box img {width: 100%;}
    .refer-section h3 {font-size: 32px;letter-spacing: 1px;}
    .contact-section .form-box {width: auto;}
    .main-footer .custom-container {flex-direction: column;gap: 10px;}
    .main-footer .custom-container > div {gap: 32px;}

}

@media screen and (max-width:1023px) {
    header {padding: 15px 0;}
    .banner-img {width: 50%;}
    .banner-section .banner-content {width: 47%;}
    .banner-section .banner-content h1 {font-size: 30px;margin-bottom: 10px;}
    .banner-section {height: 410px;}
    .banner-section .banner-content p {font-size: 16px;}
    .app-btns {gap: 16px;}
    .app-btns img{height: 42px;}
    .title-box h2 {font-size: 26px;letter-spacing: 0px;}
    .about-section p {font-size: 18px;}
    .title-box p.subtitle {font-size: 18px;line-height: 25px;margin-bottom: 0;}
    .about-section ul li {width: 70%;}
    .about-section ul {gap: 16px;flex-direction: column;}
    .about-section .image-gallery .common-box {width: 31%;}
    .about-section .image-gallery .common-box p {font-size: 14px;line-height: 24px;}
    .about-section .image-gallery .common-box h3 {font-size: 16px;}
    .tools-section h3 {font-size: 26px;}
    .tools-section .inner-box , .subscriptions-section .inner-box{flex-direction: column;}
    .tools-section .inner-box .con-box {width: auto;}
    .tools-section .common-box {text-align: center;}
    .subscriptions-section .inner-box .img-box {width: 60%;}
    .testimonial-section .inner-box p {font-size: 20px;line-height: 29px;margin: 20px 0;}
    .testimonial-section .inner-box span {font-size: 20px;line-height: 29px;}
    .download-app-section .inner-box p {width: auto;}
    .refer-section h3 {font-size: 30px;letter-spacing: 1px;}
    .contact-section .form-box {border-radius: 20px;padding: 30px;}
    .testimonial-section .inner-box img {width: 50px !important;}
    .main-footer{padding: 10px 0;}

}

@media screen and (max-width:767px) {
    .common-section {padding: 30px 0;}
    header .right-box {display: none;}
    header .left-box a:not(:first-child) {display: none;}
    .banner-section {height: 345px;}
    .banner-section .banner-content h1 {font-size: 23px;margin-bottom: 6px;}
    .banner-img {width: 47%;}

    .refer-section h3 {font-size: 24px;width:75%; letter-spacing: 0;}
    .about-section ul li {width: 85%;}
    .tools-section h3 {font-size: 24px;}
    .subscriptions-section .title-box {width: auto;}
    .title-box span {font-size: 20px;margin-bottom: 10px;}
    .title-box h2 {font-size: 22px;}
    .testimonial-section .inner-box p {font-size: 18px;line-height: 24px;margin: 15px 0;}
    .testimonial-section .inner-box img {width: 42px !important;}
    .title-box {margin-bottom: 20px}
    .about-section p {font-size: 16px;}
    .title-box p.subtitle {font-size: 16px;line-height: 22px;margin-top: 5px;}
    .about-section ul li p {font-size: 17px;line-height: 34px;}
    .tools-section h3 {font-size: 22px;}
    .tools-section .inner-box .img-box {width: 45%;}
    .tools-section .inner-box {gap: 24px;}
    .subscriptions-section .title-box {margin-bottom: 20px;}
    .subscriptions-section p {font-size: 17px;line-height: 26px;}
    .download-app-section .inner-box p {font-size: 15px;}
    .app-btns img {height: 36px;}
    .contact-section .form-box .form-group {margin-bottom: 20px !important;}
    .contact-section .form-box .common-btn {margin-top: 20px;}
    .contact-section .form-box .form-control {padding-bottom: 10px;letter-spacing: 1px;}
    .invalid-input{font-size: 12px;}
}

@media screen and (max-width:639px) {
    .banner-img {width: 56%;right: -75px;}
    .banner-section {height: 250px;}
    .banner-section .banner-content { width: 75%;}
    .title-box h2 {font-size: 20px;}
    .title-box span {font-size: 16px;margin-bottom: 5px;}
    .about-section ul li {width: 100%;padding: 10px 20px;}
    .about-section ul {gap: 10px;}
    .about-section .image-gallery .common-box {width: 48%;}
    .tools-section h3 {font-size: 20px;}
    .main-footer .custom-container > div {gap: 16px;}
    .footer a, .footer p {font-size: 13px;}
    .footer-logo img {width: 160px;}
    .tools-section .inner-box {margin-top: 20px;}
    .tools-section .common-box:not(:last-child) {margin-bottom: 16px;}
    .subscriptions-section .con-box {width: auto;}
    .subscriptions-section ul {margin-bottom: 15px;}
    .subscriptions-section p {font-size: 16px;line-height: 24px;}
    .testimonial-section .inner-box {border-radius: 16px;padding: 16px 15px;}
    .testimonial-section .inner-box p {font-size: 16px;line-height: 22px;}
    .subscriptions-section ul p {font-size: 16px;line-height: 24px;}
    .download-app-section .inner-box {flex-direction: column;text-align: center;}
    .download-app-section .inner-box .con-box{width: 92%;margin: 0 auto;}
    .download-app-section .inner-box .app-btns {justify-content: center;}
    .download-app-section .inner-box .img-box {width: 100%;order: 2;}
    .refer-section .custom-container {flex-direction: column;gap: 16px;}
    .refer-section h3 {font-size: 22px;width: auto;text-align: center;}
    .contact-section .form-box {border-radius: 12px;padding: 30px 15px;}  
    .subscriptions-section .inner-box {gap: 20px;}
    .about-section ul li{border-radius: 8px;}
    .subscriptions-section ul img{margin-top: 3px;}
    .subscriptions-section ul li{margin-bottom: 15px}
    #successModal .modal-body {padding: 22px;}
    #successModal .modal-body p {font-size: 15px;}
    #successModal .modal-dialog {width: 80%;margin: 20px auto;}
    #successModal .modal-content img {margin-bottom: 12px;}
    .invalid-input{font-size: 11px;}


}

@media screen and (max-width:479px) {
    p{font-size: 14px;line-height: 22px;}
    .title-box {margin-bottom: 10px;}
    header {padding: 10px 0;}
    .banner-img {display: none;}
    .banner-section {height: auto;text-align: center;background-image: url(../images/bg.png);padding: 25px 0;background-position:bottom;background-size: cover;background-repeat: no-repeat;}
    .banner-section .banner-content {width: auto;position: relative;top: auto;transform: none;margin: 0 auto;}
    header .left-box img {width: 180px;}
    .app-btns {justify-content: center;}
    .banner-section .banner-content h1 {font-size: 20px;}
    .testimonial-section .inner-box {border-radius: 8px;}
    .testimonial-section .inner-box img {width: 30px !important;}
    .testimonial-section .inner-box p {font-size: 14px;line-height: 20px;margin: 10px 0;}
    .refer-section h3 {font-size: 20px;}
    .title-box h2 {font-size: 18px;}
    .main-footer .custom-container > div {gap: 8px;flex-direction: column;}
    .main-footer .custom-container .footer-logo {order: -1;}
    .testimonial-section .inner-box span {font-size: 16px;line-height: 22px;}
    .title-box span {font-size: 14px;letter-spacing: 0;}
    .about-section ul li {padding: 10px;}
    .about-section ul li p {font-size: 14px;line-height: 24px;}
    .about-section ul li img {margin-right: 8px;width: 14px;}
    .about-section .image-gallery {margin-top: 20px;}
    .about-section .image-gallery .common-box {width: 100%;}
    .tools-section .common-box {padding: 15px;border-radius: 8px;}
    .tools-section .common-box h4 {font-size: 18px;}
    .tools-section .inner-box .img-box {width: 70%;}
    .tools-section h3 {font-size: 18px;}
    .subscriptions-section ul p {font-size: 14px;line-height: 21px;}
    .subscriptions-section ul img {margin-right: 8px;width: 16px;}
    .subscriptions-section p , .download-app-section .inner-box p{font-size: 14px;line-height: 22px;}
    .contact-section .form-box .form-control::placeholder {letter-spacing: 0;}  
    .subscriptions-section .inner-box .img-box {width: 90%;}
    .app-btns img {height: 32px;}
    .app-btns {gap: 12px;}
    .contact-section .form-box .form-control {font-size: 14px;}
    .testimonial-section .inner-box p {letter-spacing: 0;}
    .common-btn {font-size: 12px;padding: 8px 24px;border-radius: 6px;}
    .bottom-footer .custom-container {flex-direction: column;gap: 5px;}
    #successModal .modal-dialog {width: 90%;margin: 15px auto;}
    #successModal .modal-body p {font-size: 14px;}



}

@media screen and (max-width:359px) {
    p {font-size: 13px;line-height: 20px;}
    .title-box h2 {font-size: 16px;}
    .title-box span {font-size: 12px;}
    .tools-section h3 {font-size: 16px;}
    .tools-section .common-box h4 {font-size: 16px;margin-bottom: 3px;}
    .refer-section h3 {font-size: 18px;}
    .contact-section .form-box .common-btn {margin-top: 5px;}
    .about-section p {font-size: 14px;}
    .title-box p.subtitle {font-size: 14px;line-height: 20px;}
    .main-footer .custom-container > div {gap: 5px;}
    #successModal .modal-body {padding: 20px 10px;}
}