@media only screen and (max-width: 1920) {
    .banner .banner_image{margin:-26px 0 0 -20px;}
}
@media only screen and (max-width: 1440px) {
    .btn,
    .btn:hover,
    .btn:focus,
    .btn:active{font-size:16px;line-height: 1.2;padding: 10px 16px;}
    .button, .button:focus, .button:active{padding: 8px 10px;font-size: 18px;line-height: 1.2;}
    a.link{font-size: 18px;}
    body:has(.banner) header.main_header .logo img{max-width:250px;}

    header.main_header .dropdown a img{max-width:80px;}

    .banner .banner_content .banner_text{padding: 36px 0; font-size: 50px;line-height:1.4;}
    .banner .banner_content .banner_text.tamil-text{font-size:44px;}
    .banner .banner_content .banner_btn{font-size: 20px;  line-height: 1;  padding: 10px 28px;}
    .banner .banner_image img{max-width: calc(100% - 30px);top:-10px;left:-50px;}

    .create_biodata{padding:50px 50px;}
    .create_biodata .create_content .main_title{padding: 0 0 20px;}
    .create_biodata .create_content .main_title h2,
    .create_biodata .create_content .main_title h2 span{font-size:40px;line-height: 1.2;}
    .create_biodata .create_content p{padding: 0 0 16px;font-size:28px;}

    .key_features .feature_box .feature_body h4{font-size: 20px;}
    .faq #faq.accordion .accordion-item .accordion-body span,
    .faq #faq.accordion .accordion-item .accordion-body ul li{line-height: 1.6;}


    footer.footer{padding: 50px 50px 0;}
    footer.footer .footer_left img{width: auto;max-width: 300px;}
    footer.footer .footer_links h6{font-size:26px;line-height:1;}
    footer.footer .footer_links .links a{font-size: 18px;line-height:1.4;}
    footer.footer .get_app h4{font-size:26px;line-height: 1.2;}
    footer.footer .get_app p{font-size:22px;line-height: 1.2;}
    footer.footer .get_app .download_app img{max-width:100px;}
    footer.footer .copyright,
    footer.footer .footer_menu{padding:40px 0 20px;font-size:10px;}
    footer.footer .copyright span{  font-size: 18px;line-height: 1.2;}
    footer.footer .footer_menu a{  font-size: 20px;line-height: 1.2;}

    #chooseTemplate .model_choose_template .modal-body{max-height:calc(100vh - 40px - 70px);min-height:calc(100vh - 40px - 70px);}
    .privacy_page .content h1{font-size: 40px;}
}


@media only screen and (max-width: 1366px) {

    .biodata_template{padding: 50px 50px;}
    .biodata_template .main_title h2{font-size:30px;line-height:1.6;}
    .biodata_template .main_title h2::after{bottom: -20px;  width: 333px;}
    .biodata_template .content p{font-size: 22px;line-height: 1.3;}
    .biodata_template .content{padding:0 0 40px;}
    .banner .banner_image img{top: 14px;left: -36px;}
    .banner .banner_content .banner_text.tamil-text{font-size:40px;}

    .creative_banner .title h2{font-size: 40px;line-height:1;}
    .creative_banner .title h2::after {width:333px;}
    .biodata_form{  padding: 50px 50px;}
    .biodata_form .title{margin: 0px 0 20px;}
    .biodata_form .title h2{font-size:34px;line-height: 1.3;}
    .biodata_form .title span{font-size:22px;line-height: 1.2;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group{margin-bottom: 10px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form_label{max-width:180px;font-size:16px;line-height:1.5;padding:10px 16px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form_label{max-width:180px;font-size:16px;line-height:1.5;padding:10px 16px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form_label{max-width:180px;font-size:16px;line-height:1.5;padding:10px 16px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form-control{line-height:1.5;padding:10px 16px;font-size:16px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .btn_delete,
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_btn{width:20px;height:20px;}
    .biodata_form .template_preview h4{font-size:28px;line-height:1.3;margin-bottom:10px;}
    .biodata_form .template_preview .fixed_template img{max-width: 340px;}
    .biodata_form .template_preview .fixed_template .fixed_btns{gap: 10px;}
    .biodata_form .template_preview .fixed_template .fixed_btns .button{font-size:16px;line-height: 1.2;padding:10px 16px;}
    .biodata_form .biodata_fields_group .biodata_fields h4.data_name{font-size: 28px;line-height: 1.3;margin-bottom: 10px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group.upload_submit{gap: 20px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .file_upload{  padding: 14px 20px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .file_upload label img{width:30px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group.upload_submit .button{font-size: 16px;padding: 10px 24px;line-height:1;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group.upload_submit .button{font-size: 16px;padding: 10px 24px;line-height:1;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group.upload_submit .button{font-size: 16px;padding: 10px 24px;line-height:1;}
    .key_features{  padding: 50px 50px;}
    .key_features .main_title{padding: 0 0 30px;}
    .key_features .main_title h2{font-size:30px;line-height: 1.2;}
    .key_features .main_title h2::after{width: 333px;bottom: -20px;}
    .key_features p{font-size: 22px;}
    .key_features .feature_box{margin:48px auto 0;min-height:435px;}
    .key_features .feature_box .feature_head{min-height:80px;}
    .key_features .feature_box .feature_head img{max-width: 60px;}
    .key_features .feature_box .feature_body h4{padding: 0 0px 20px;font-size:19px;line-height: 1.2;}
    .key_features .feature_box .feature_body ul li{font-size: 16px;line-height: 1.4;}
    .why_use .main_title h2{font-size:30px;line-height:1.2;}
    .why_use .why_content p,
    .why_use .why_content ul li{font-size: 20px;line-height: 1.2;}
    .why_use .main_title h2::after{width: 333px;}
    .faq{padding:50px 50px;}
    .faq .main_title h2{font-size:30px;line-height:1.5;}
    .faq .main_title h2::after{width: 333px;bottom:-10px;}
    .faq .main_title{padding: 0 0 30px;}
    .faq .faq_content p{  font-size: 20px;  margin: 0px 0 30px;  line-height: 1.2;}
    .faq #faq.accordion{gap: 20px;}
    .faq #faq.accordion .accordion-item .accordion-header .accordion-button{padding:10px 22px;font-size: 20px;}
    .faq #faq.accordion .accordion-item .accordion-body{padding:0 16px 22px;}
    .faq #faq.accordion .accordion-item .accordion-body span,
    .faq #faq.accordion .accordion-item .accordion-body ul li{  line-height: 1.6;}
    .faq #faq.accordion .accordion-item .accordion-header .accordion-button::after{width: 18px;}

    #chooseTemplate .biodata_preview img{width: auto;max-height: 500px;height: 100%; max-width:100%;}

    .contact_page .main_title h2{font-size: 40px;}
    .contact_page .main_title h2::after {width: 150px;}
    .contact_page .get_touch h4{font-size: 26px;margin: 0 0 10px;}
    .contact_page .get_touch h2{font-size: 30px;margin: 0 0 20px;}
    .contact_page .get_touch p{  font-size: 20px;}
    .contact_page .get_touch .contact_details .box .details{gap: 0;}
    .contact_page .get_touch .contact_details .box .icon_box{padding: 10px 10px;}
    .contact_page .get_touch .contact_details .box .icon_box svg{width: 20px;height: 20px;}
    .contact_page .get_touch .contact_details .box .details h3{font-size: 20px;}
    .contact_page .get_touch .contact_details .box .details a{font-size:18px;}
    .contact_page .contact_form{padding: 40px 40px;}
    .contact_page .contact_form .form-group .form-control{padding: 12px 16px;font-size: 18px;}
    .contact_page .contact_form{width: calc(100% - 150px);}
    .contact_page .vector_image::before{width: 150px;}
}

@media only screen and (max-width: 1280px) {
    .banner .banner_image img{max-width:calc(100% - 10px);top:20px;left:-18px;}
    footer.footer .copyright, footer.footer .footer_menu{padding:30px 0 20px;}
    footer.footer .footer_left img{max-width: 200px;}
    footer.footer .footer_links .links a{font-size: 14px;}
    footer.footer .copyright span,
    footer.footer .footer_menu a{font-size: 16px;line-height:1.2;}
}

@media only screen and (max-width: 1199px) {
    body:has(.banner) header.main_header{background-position: center center;}
    .biodata_template .main_title h2{font-size: 28px;}
    .biodata_template .content p{font-size:20px;}
    .banner .banner_image img{max-width:calc(100% - 20px);top:130px;left:10px;}
    .banner .banner_content .banner_text.tamil-text{font-size:30px;}

    .creative_banner .title h2{font-size: 38px;}
    .key_features .main_title h2{font-size: 28px;}
    .key_features p{font-size:20px;}
    .key_features .feature_box .feature_body ul li{font-size: 16px;}
    .why_use .main_title h2{font-size: 28px;}
    .create_biodata .create_content .main_title h2, .create_biodata .create_content .main_title h2 span{font-size: 34px;}
    .create_biodata .create_content p{font-size:26px;}
    footer.footer .footer_links h6{font-size: 24px;}
    footer.footer .get_app h4{font-size: 20px;}
    footer.footer .get_app p{font-size: 18px;}
    .biodata_template .main_title h2{font-size: 28px;}
    .biodata_template .content p{font-size:20px;}
    .creative_banner .title h2{font-size: 38px;}
    .key_features .main_title h2{font-size: 28px;}
    .key_features p{font-size:20px;}
    .key_features .feature_box .feature_body ul li{font-size: 16px;}
    .why_use .main_title h2{font-size: 28px;}
    .faq .main_title h2{font-size: 28px;}
    .create_biodata .create_content .main_title h2, .create_biodata .create_content .main_title h2 span{font-size: 34px;}
    .create_biodata .create_content p{font-size:26px;}
    footer.footer .footer_links h6{font-size: 24px;}
    footer.footer .get_app h4{font-size: 20px;}
    footer.footer .get_app p{font-size: 18px;}
    .biodata_template .main_title h2{font-size: 28px;}
    .biodata_template .content p{font-size:20px;}
    .creative_banner .title h2{font-size: 38px;}
    .key_features .main_title h2{font-size: 28px;}
    .key_features p{font-size:20px;}
    .key_features .feature_box .feature_body ul li{font-size: 16px;}
    .why_use .main_title h2{font-size: 28px;}
    .faq .main_title h2{font-size: 28px;}
    .create_biodata .create_content .main_title h2, .create_biodata .create_content .main_title h2 span{font-size: 34px;}
    .create_biodata .create_content p{font-size:26px;}
    footer.footer .footer_links h6{font-size: 24px;}
    footer.footer .get_app h4{font-size: 20px;}
    footer.footer .get_app p{font-size: 18px;}

    #chooseTemplate .model_choose_template{padding: 0px 10px;}
    #chooseTemplate .model_choose_template .modal-body .card{padding: 10px 10px;}
    #chooseTemplate .model_choose_template .modal-body .card .card-body .pricebadge{width: 20px;height: 20px;}

    .contact_page .vector_image::before {width: 100px;}
    .contact_page .contact_form{width:calc(100% - 100px);}

}

@media only screen and (max-width: 991px)  {
    .btn,
    .btn:hover,
    .btn:focus,
    .btn:active{font-size: 14px;line-height: 1;padding: 10px 10px;}
    header.main_header .logo img{max-width: 220px;}
    header.main_header .dropdown a img{max-width:70px;}
    .banner{padding: 0 0 40px;}
    .banner .banner_image img{max-width: calc(100% - 10px);position:relative;top:0;left:0;}

    .banner .banner_content .banner_text{font-size:30px;padding:20px 0;}
    .banner .banner_content .banner_text.tamil-text{font-size:24px;}
    .banner .banner_content .banner_btn{padding: 10px 22px;}
    .biodata_template{padding:40px 20px;}
    .biodata_template .main_title h2{font-size: 24px;line-height: 1.2;}
    .biodata_template .content p{font-size: 18px;line-height: 1.2;}
    .biodata_template .main_title h2::after {width: 300px;}
    .biodata_template .template_slider img.slick-arrow{padding: 4px 4px;width: 30px;}

    .creative_banner{padding: 50px 0 30px;}
    .creative_banner .title h2{font-size: 30px;}
    .creative_banner .title h2::after {width: 300px;  bottom: -20px;}
    .biodata_form{padding:40px 20px;}
    .biodata_form .title h2{font-size: 28px;line-height: 1.2;  margin: 0 0 10px;}
    .biodata_form .title span{font-size: 18px;line-height: 1;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_title{  margin-bottom: 12px;}
    .biodata_form .biodata_fields_group .biodata_fields .data_name{  font-size: 24px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group{justify-content: flex-start;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form_label,
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form-control{font-size:14px;line-height:1.5;padding:8px 10px;width:100%;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_btn{width:16px;height:16px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .btn_delete{width:36px;height:26px;}
    .biodata_form .template_preview h4{font-size:20px;}

    .biodata_form .template_preview .fixed_template img{width:100%;max-width:100%;}
    .biodata_form .template_preview .fixed_template .fixed_btns .button{font-size:14px;line-height:1;padding:10px 16px;}
    .key_features{padding:40px 20px;}
    .key_features .main_title h2{font-size:26px;}
    .key_features .main_title h2::after {width: 300px;}
    .key_features p{font-size: 18px;line-height: 1.2;}
    .key_features .feature_box{min-height:380px;margin:14px auto 0;}
    .key_features .feature_box .feature_body ul{padding: 0 20px 0 0;}
    .why_use{padding:40px 20px;}
    .why_use img{height: auto;}
    .why_use .main_title h2{font-size: 22px;}
    .why_use .main_title h2::after {width: 300px;}
    .why_use .why_content ul{padding: 0 20px 0 0;}
    .why_use .why_content p, .why_use .why_content ul li{font-size: 16px;}
    .faq{padding: 40px 20px;}
    .faq .main_title h2{font-size: 22px;}
    .faq .main_title h2::after{width: 240px;bottom: -20px;}
    .faq .faq_content p{font-size:16px;}
    .faq #faq.accordion .accordion-item .accordion-header .accordion-button{padding: 8px 18px;}
    .faq #faq.accordion .accordion-item .accordion-header .accordion-button,
    .faq #faq.accordion .accordion-item .accordion-header span{ font-size: 18px;}
    .faq #faq.accordion .accordion-item .accordion-body span,
    .faq #faq.accordion .accordion-item .accordion-body ul li{font-size: 16px;line-height: 1.6;}
    .faq #faq.accordion .accordion-item .accordion-header .accordion-button::after{width: 14px;  height: 14px;}
    .create_biodata{padding: 40px 20px;}
    .create_biodata .create_content .main_title h2,
    .create_biodata .create_content .main_title h2 span{font-size: 28px;line-height: 1.2;}
    .create_biodata .create_content p{line-height: 1;padding: 0 0 20px;}
    .create_biodata .create_content .btn,
    .create_biodata .create_content .btn:hover,
    .create_biodata .create_content .btn:focus,
    .create_biodata .create_content .btn:active{font-size: 16px;}
    footer.footer{padding: 40px 20px 0px;}
    footer.footer .footer_links h6{font-size: 20px;}
    footer.footer .footer_links .links a{font-size: 12px;}
    footer.footer .get_app h4{font-size: 16px;}
    footer.footer .get_app p{font-size: 14px;text-align: end;}
    footer.footer .get_app .download_app{flex-direction: column;gap: 0;justify-content: flex-end;align-items: flex-end;}
    footer.footer .copyright, footer.footer .footer_menu{padding: 20px 0 20px;}
    footer.footer .copyright span, footer.footer .footer_menu a{font-size: 14px;}

    .privacy_page{padding: 40px 20px;}
    .privacy_page .content h1{font-size: 40px;}
    .privacy_page .content h1::after {width: 100px;bottom: -20px;}
    .privacy_page .content h2{font-size: 24px;}

    .contact_page{padding:40px 20px;}
    .contact_page .main_title{padding: 0 0 20px;}
    .contact_page .main_title h2{font-size: 30px;}
    .contact_page .main_title h2::after{width: 100px;bottom: -10px;}
    .contact_page .get_touch{margin-bottom: 30px;}
    .contact_page .get_touch h4{font-size: 22px;margin: 0 0 6px;}
    .contact_page .get_touch h2{font-size: 20px;}
    .contact_page .get_touch p{font-size: 16px;line-height: 1.3;}
    .contact_page .get_touch .contact_details .box{gap: 10px;}
    .contact_page .get_touch .contact_details .box .icon_box{padding: 8px 8px;}
    .contact_page .get_touch .contact_details .box .details h3{font-size: 16px;}
    .contact_page .get_touch .contact_details .box .details a{font-size: 14px;}
    .contact_page .vector_image::before {width: 100px;display: none;}
    .contact_page .contact_form{width:100%;padding: 30px 20px;}

    #chooseTemplate .model_choose_template .modal-body{max-height:50vh;min-height:50vh;}
    #chooseTemplate .biodata_preview, #chooseTemplate .model_choose_template{max-height:90vh;}
    #chooseTemplate .model_choose_template .modal-body .card .card-body .pricebadge{width: 36px;height: 36px;}
    #chooseTemplate .model_choose_template{min-height: 10vh;}

    #cropModal{top: 0 !important;left: 50%;transform: translate(-50%,0%) !important;height: auto;}
    #cropModal .imageBox{height:calc(70vh - 200px) !important;}

    .payment_form .main_form .btn{padding:14px 40px;font-size: 18px;}
}

@media only screen and (max-width: 767px)  {
    /* body:has(.banner) header.main_header .banner_overlay{display:none;} */
}

@media only screen and (max-width: 479px)  {
    a.link{font-size: 14px;line-height: 1.5;}
    header.main_header .dropdown a img{max-width:60px !important;}
    .banner .banner_content .banner_text{font-size: 24px;}
    .banner .banner_image{margin:20px 0 0 0;text-align:center;}
    .banner .banner_image img{max-height: 100%;}
    .banner .banner_content .banner_btn{font-size: 18px;padding:8px 20px;}
    .biodata_template .main_title h2{font-size: 20px;}
    .biodata_template .main_title h2::after {width: 200px;}
    .biodata_template .content p{font-size: 16px;}
    .creative_banner{padding: 40px 0 0px;}
    .creative_banner .title h2{font-size: 24px;line-height: 1.4;}
    .creative_banner .title h2::after {width: 200px;bottom: -20px;}
    .biodata_form .title{margin-bottom: 10px;}
    .biodata_form .title h2{font-size: 22px;}
    .biodata_form .title span{font-size: 14px;}
    .biodata_form .biodata_fields_group .biodata_fields{margin: 0 0 20px;}
    .biodata_form .biodata_fields_group .biodata_fields .data_name{line-height: 1.5;}
    .biodata_form .biodata_fields_group .biodata_fields .data_name,
    .biodata_form .biodata_fields_group .biodata_fields h4.data_name{font-size: 20px;line-height: 1.5;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group{flex-wrap: wrap;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .file_upload{padding: 10px 16px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .file_upload #previewImage{width: 80px;height:80px;}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form_label,
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form-control
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form_label,
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_group .form-control{width: 100%;max-width: calc(100% - 60px);}
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .btn_delete,
    .biodata_form .biodata_fields_group .biodata_fields .fields_group .form_btn{width: 20px;height: 20px;}
    .biodata_form .template_preview .fixed_template{gap: 10px;}
    .biodata_form .template_preview .fixed_template img{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
    .biodata_form .template_preview .fixed_template .fixed_btns{margin-top:0;}

    .key_features .feature_box{min-height: auto;}
    .key_features .main_title h2{font-size: 20px;}
    .key_features .main_title h2::after {width: 200px;}
    .key_features p{font-size: 16px;}

    .why_use .main_title{padding: 20px 0 40px;}
    .why_use .main_title h2::after {width: 200px;}

    .faq #faq.accordion .accordion-item .accordion-header .accordion-button{padding: 8px 14px;}
    .faq #faq.accordion .accordion-item .accordion-header .accordion-button,
    .faq #faq.accordion .accordion-item .accordion-header span{font-size: 16px;line-height: 1.6;}
    .faq #faq.accordion .accordion-item .accordion-body span{font-size: 14px;}

    .create_biodata .create_content .main_title h2,
    .create_biodata .create_content .main_title h2 span{font-size: 22px;}
    .create_biodata .create_content p{font-size: 18px;line-height: 1.2;}

    .privacy_page .content .main_title{margin-bottom: 0;}
    .privacy_page .content h1{font-size: 32px;}
    .privacy_page .content h2{font-size: 22px;}

    .rating_download{padding: 0px 0px;}
    .rating_download .button{font-size: 20px;padding: 10px 18px;}
    .rating_download .input_group .download_link{font-size: 14px;}
    .rating_download .input_group .copyicon{width: 36px;}
    .rating_download .input_group .copyicon img{width: 22px;}
    .rating_download .scanner{flex-wrap:wrap;justify-content: center;align-items: center;}
    .rating_download .scanner img{width: calc(100% - 60%);}
    .rating_download .scanner span{font-size: 16px;}
    .rating_download .rating_box h5{font-size: 18px;}
    .rating_download .rating_options{--icon-size: 32px;}

    footer.footer .footer_links{margin: 20px auto 0;gap: 10px;}
    footer.footer .footer_links .links a{font-size: 14px;}
    footer.footer .get_app{margin: 20px auto 0;}
    footer.footer .get_app h4,
    footer.footer .get_app p{text-align: center;}
    footer.footer .get_app .download_app{flex-direction: row;gap: 20px;justify-content: center;align-items: center;}
    footer.footer .copyright,
    footer.footer .footer_menu{padding: 20px 0 20px;gap: 10px;justify-content: center; flex-wrap: wrap;}
    footer.footer .copyright span,
    footer.footer .footer_menu a{white-space: nowrap;}

    #chooseTemplate .biodata_preview{height: auto;max-height: 100%;padding: 20px 00px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
    #chooseTemplate .model_choose_template .modal-header{padding: 10px 10px 0px;}
    #chooseTemplate .model_choose_template .modal-body .card{padding: 10px 10px;}
    /* #chooseTemplate .model_choose_template .modal-body .card .card-body .pricebadge{width: 25px;height: 25px;} */
    #confirm_model .modal-body .content h4{  font-size: 24px;  line-height: 1.2;}
    #confirm_model .modal-body .content p{margin-top: 10px;  line-height: 1.2;  font-size: 16px;}
    #confirm_model .modal-body .content .button{margin: 20px auto 16px;font-size: 18px;}

    .privacy_page .content h1{font-size: 40px;margin-bottom: 30px;}
    .privacy_page .content h2{font-size:24px;}
    .privacy_page .content h3{font-size:20px;}
    .privacy_page .content p{line-height: 1.5;}

    #cropModal{width: 100%;}
    #cropModal{top: 50% !important;left: 50%;transform: translate(-50%,-50%) !important;height: auto;}

    .payment_form{padding:40px 20px;}
    .payment_form .main_form{padding:20px;}
    .payment_form .main_form .title h2{font-size: 24px;line-height: 1.5;}
    .payment_form .main_form .title h2::after {width: 100px;bottom: -20px;}
    .payment_form .main_form span{font-size:20px;line-height: 1.2;}
    .payment_form .main_form .from-group .form-label,
    .payment_form .main_form .from-group .form-control{font-size:20px;}
    .payment_form .main_form .btn{padding:14px 40px;font-size: 18px;}

    #display_size{padding:10px 10px;}
    .banner .banner_content .banner_btn:focus {background: transparent;border: 2px solid var(--white);color: var(--white);}
 
}

@media screen and (max-width: 320px) {}