/* TypoGraphy */

/*=======Responsive css start =========*/
@media (max-width: 1780px) {
.header .container {padding: 0px 30px;}
.header-main-wrap {padding-left: 0px;}
.other-links {padding-left: 50px;}
}

@media (max-width: 1679px) {
  .nav-manu ul li {font-size: 16px;margin: 0 30px 0 0;}
  .nav-manu {padding: 6px 30px;}
  .how-to-left p { font-size: 26px; padding: 10px 13px; }
  .how-to-right { padding: 20px 24px 20px 24px; }
  .how-to-left::after { border-width: 26px; }
}

@media (max-width: 1539px) {
  .container {padding-left: 30px;padding-right: 30px;}
  .other-links {padding-left: 30px;}

}

@media (max-width: 1439px) {
 /*======heading css start======*/
 h1 { font-size: 32px; }
 h2 { font-size: 30px; }
 h3 { font-size: 26px; }
 h4 { font-size: 24px; }
 h5 { font-size: 24px; }
 h6 { font-size: 24px; }
 /*======heading css end======*/

 .header .logo-top {max-width: 140px;}
 .nav-manu ul li {margin: 0 20px 0 0;line-height: 26px;font-size: 14px;}
 .callnumber-top {margin-left: 20px;}
 .header-main {padding: 35px 0px;}
 .whatsapp-number a {font-size: 14px;}
 .callnumber-top a.btn {min-width: 150px;font-size: 14px;}
 .nav-manu {padding: 4px 20px;}
 .navigation .menu-item-has-children>a::before {right: -13px;}
 .other-links {padding-left: 20px;}
 .banner-content-inner p {margin-left: 0px;font-size: 24px;margin-bottom: 10px;}
 :is(.banner-content-inner) :is(h1, h2, h3 ,h4 ,h5, h6) {font-size: 40px;}
 .banner-btn {margin-top: 20px;}
 .banner-btn .btn {height: 60px;}
 .banner-btn .btn img {margin-left: 15px;}
 .france-appointment-heading h1, .france-appointment-heading h2, .france-appointment-heading h3, .france-appointment-heading h4 {font-size: 36px;line-height: 48px;}
 .france-appointment-btn {margin-top: 20px;}
 :is(.date-choose-heading) :is(h1 h2, h3, h4) {font-size: 24px;}
 :is(.types-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 36px;}
 :is(.residents-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 26px;}
 :is(.travel-sooner-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 36px;}
 .travel-sooner-title p {font-size: 20px;}
 :is(.why-schedule-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 36px;}
 :is(.faq-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 36px;}
 :is(.reviews-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 36px;}
 .reviews-slider .reviews-card p {font-size: 16px;line-height: 24px;}


 .footer-col ul {padding: 30px 0px 30px 30px;}
 .footer-col h5 {padding: 8px 20px 8px 30px;}
 .contact-link ul li {padding: 5px 0px;}
 .footer-social-link {margin-top: 20px;}
 .footer .paypal-img {margin-top: 20px;}

 :is(.banner-commonheading) :is(h1, h2, h3, h4, h5, h6) {font-size: 42px;}
 .payment-page .payment-left-col {width: 40%;}
 .payment-page .personal-top {width: 60%;}

}

@media (max-width: 1280px) {
}

@media (max-width: 1199px) {
  .main-nav {order: 1;margin-left: 30px;}


  /************ // MOBILE MENU CSS START HERE // ***********************/
  .main-nav .menu-bar { display: block; }
  .header-main {padding: 15px 0px;}
  .menu-bar { width: 50px; height: 50px; position: static; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: block; right: 38px; top: 54px; z-index: 1111; }
  .mobile-menu .menu-bar { background: none; /* position: fixed; */ /* top: 14px; right: 20px; */ }
  .nav-manu ul.mobile-menu-header-show { display: block; }
  body.mobile-menu {position: relative; width: 100%;overflow-y: hidden;}
  /*body.mobile-menu::after {content: "";position: absolute;inset: 0px;background: rgba(0, 0, 0, .5);z-index: 9;}*/
  .navigation {background: #fff;position: fixed;top: 80px; padding-top: 0px; right: -150%;width: 100%; max-width: 767px; height: 100%; z-index: 99; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; overflow-y: auto; padding-left: 0; padding-right: 0; padding-bottom: 40px; margin: 0; transform: none; -webkit-transform: none; -ms-transform: none; background-size: 100%; padding-bottom: 300px; }
  body.mobile-menu .navigation { display: block; right: 0; }
  .nav-manu, .header.sticky .nav-manu, .header.inner-header .nav-manu {padding: 0px;background: transparent; flex-wrap: wrap; justify-content: center; }
  .navigation ul { display: block; width: 100%; }
  .navigation ul li { margin-right: 0; padding: 0; margin: 0; position: relative; font-size: 18px; text-align: left;}
  .navigation ul li a{ border-bottom: 1px solid #dbe3e5; }
  .navigation ul li:last-child { border-bottom: none; }
  .navigation ul>li::before { display: none; }
  .navigation .menu-item-has-children>a::before { display: none; }
  .menu-item-has-children::after { content: ""; position: absolute; top: 0; right: 0; width: 50px; height: 50px; transition: 0.4s; font-family: FontAwesome; color: #000; padding: 0; z-index: 111; text-align: center; font-size: 16px; font-weight: 700; display: flex; justify-content: center; align-items: center; cursor: pointer; background: url(../images/arrow-down.png);background-repeat: no-repeat;background-position: center;}
  .navigation ul li.menu-item-has-children.open::after { transform: rotate(-180deg); }
  .navigation ul li ul.sub-menu li::after { display: flex; }
  .navigation ul>li>ul.sub-menu>li:hover>a { color: #177fe3; }
  .navigation ul li ul.sub-menu>li.menu-item-has-children>ul.sub-menu>li:hover>a { color: #177fe3; }
  .navigation ul li.menu-item-has-children { padding-right: 0; position: relative; }
  .navigation ul li.current-menu-item>a { color: #e47272; }
  .navigation ul>li>a { display: block; border-top: none; padding: 14px 25px; color: #000; }
  .nav-manu ul li a:hover { color:#e47272; position: relative; }
  .navigation .moblelogo { display: block; padding: 20px 15px; text-align: center; }
  .menu-item-has-children::before { display: none; }
  .navigation ul>li>a::after { display: none; }
  .navigation ul li ul.sub-menu { display: none; opacity: 1; visibility: visible; transform: scale(1); border-radius: 0; }
  .navigation ul li ul.sub-menu li:last-child {border-bottom: 1px solid #dfdfdf;}
  .navigation ul li ul.sub-menu.in { position: unset; max-width: 100%;padding: 0; display: block; opacity: 1; visibility: visible; box-shadow: none; }
  .navigation ul li ul.sub-menu li { width: 100% !important; padding: 0; transform: none; -webkit-transform: none; -ms-transform: none; border-radius: 0; margin: 0; box-shadow: none; background-color: inherit; background: #f2f1fb; border-bottom: none; }
  /* .navigation ul li ul.sub-menu li:hover { background-color: inherit; } */
  /*.navigation ul li ul.sub-menu li.current-menu-item { background-color: inherit; }*/
  .navigation ul li ul.sub-menu li.current-menu-item a { color: #ef8181; }
  .navigation ul li ul.sub-menu li a { padding: 18px 20px;transform: skewX(0deg); -webkit-transform: skewX(0deg); -ms-transform: skewX(0deg);}
  .navigation ul li ul.sub-menu li a:hover { color: #e47272; }
  .navigation ul li ul.sub-menu ul.sub-menu { width: 100%; padding: 0; }
  .navigation ul li ul.sub-menu ul.sub-menu { margin-left: 0; }
  .navigation ul li ul.sub-menu li.menu-item-has-children ul.sub-menu li a { background: none; }
  nav.mobile-scroll { display: block; width: 100%; margin: 0px 0 0; }
  .navigation ul li ul.sub-menu li:hover a { background: none; }
  /*======navigation css end======*/

   /*======heading css start======*/
   h1 { font-size: 26px; }
   h2 { font-size: 24px; }
   h3 { font-size: 22px; }
   h4 { font-size: 20px; }
   h5 { font-size: 18px; }
   h6 { font-size: 16px; }
   /*======heading css end======*/

   h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
   p {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
   ul li, ol li {font-size: 16px; line-height: 24px;}

  .banner-content-inner p {font-size: 20px;}
  :is(.banner-content-inner) :is(h1, h2, h3 ,h4 ,h5, h6) {font-size: 32px;}
  .banner-btn .btn {height: 50px;font-size: 16px;padding: 0px 20px;}
  .france-appointment-heading h1, .france-appointment-heading h2, .france-appointment-heading h3, .france-appointment-heading h4 {font-size: 28px;line-height: 36px;}
  :is(.types-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
  :is(.residents-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 22px;}
  :is(.travel-sooner-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
  .travel-sooner-title p {font-size: 18px;}
  :is(.why-schedule-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
  :is(.faq-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
  :is(.reviews-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
  :is(.date-choose-heading) :is(h1 h2, h3, h4) {font-size: 20px;}
  .experience-inner ul li {width: 22%;}
  .residents-col {width: 50%;margin-top: 20px;}
  .residents-card-top {min-height: auto;padding: 20px 20px 20px;}
  .residents-card-bottom {transform: translateY(0px);padding: 50px 20px 30px;}
  .owl-item.active.center ~ .owl-item.active .item {opacity: .4;}
  .why-schedule-col {padding: 7px;}
  .appointments-col-heading p {font-size: 13px;}
  .appointments-col-heading {min-height: 65px;}
  .travel-sooner-left p {margin-bottom: 10px;}
  .residents-section .note strong {font-size: 18px;}
  .banner-commonheading-section {padding: 30px 0px 30px;}
  :is(.banner-commonheading) :is(h1, h2, h3, h4, h5, h6) {font-size: 36px;}
  .visa-apply {padding: 65px 0px 40px;}
  .applyvisa-appointment-section {margin: 50px auto 0;}
  :is(.visa-services-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 32px;line-height: 45px;}
  .documents-required-heading h3 {font-size: 32px;}
  .how-canhelp-content h3 {font-size: 32px;}
  :is(.keyfacts-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
  .applyvisa-appointment-section h4 {font-size: 24px;line-height: 30px;}
  .btn.ctabtn {margin-top: 25px;}
  .documents-required-wrap {padding: 40px 40px 40px 40px;}
  .documents-required-right {padding-left: 100px;}
  .visa-fees-table tr td, .visa-fees-table tr th {padding: 10px;}
  .payment-page .payment-left-col>p span {line-height: 36px;font-size: 30px;}
  .payment-page .payment-left-col span.small2 {font-size: 26px;line-height: 36px;}
  .payment-page .payment_form {padding: 40px;}

  .payment-left-col {width: 40%}
  .personal-top {width: 60%}
  .payment-btn .btn{height: auto;padding: 5px 20px}
  .payment-page .payment-left-col figure.pay_arrow img {max-width: 80px;}
  .payment-left-col figure.pay_arrow {right: -70px;}
  .blog-post-row {margin: 0px -10px;}
  .blog-card {padding: 25px;margin: 0px 10px;}
  .blog-card-title h4 {font-size: 18px;line-height: 24px;}
  .vision-col-col {padding: 25px 25px 25px 25px;}
}

@media (max-width: 1023px) {
  .travel-sooner-right {width: 100%;text-align: center;}
  .travel-sooner-left {width: 100%;padding-right: 0px;margin-top: 30px;order: 1;}
  .travel-sooner-imgs {display: inline-flex;justify-content: center;}
  .experience-inner ul li {width: 50%;}
  .experience-inner ul li:last-child {width: 50%;}

  .how-to-left p { font-size: 15px; padding: 11px 13px; }
  .how-to-left::after { border-width: 20px;}
  .how-to-right { padding: 25px 20px 25px 33px; }
  .how-to-btn .btn { width: 100%;min-width: auto;}
  .how-to-apply { padding: 90px 0px; }
  .how-to-inner { height: 220px; }

  .get-in-link-content p {font-size: 14px;}
  .get-in-link-content a {font-size: 14px;}
  .get-in-link ul li { width: calc(33.33% - 20px);margin: 0px 10px;padding: 15px;}
  .get-in-link-content {padding: 10px 0px;}
  .blog-post-col {width: 50%;}
  .banner-mask::before {width: 70px;height: 70px;}
  .testimonials-left {width: 100%;}
  .testimonials-right {width: 100%;position: unset;padding-left: 0px;padding-top: 35px;}
  .lets-connect-form .form-group .form-control {line-height: 24px;min-height: 45px;}
  .lets-connect-form h4 {margin-bottom: 10px;font-size: 22px;}
  .testimonials-col:not(:last-child) {margin: 0px 0px 20px 0px;}
  .lets-connect-form {padding: 20px;}
}

@media (max-width: 991px) {
 .footer-left {width: 100%;padding-right: 0px;}
 .footer-right {width: 100%;margin-top: 20px;}

}

@media (max-width: 767px) {
  .header .container { padding: 0px 15px;}
  .container { padding-left: 15px; padding-right: 15px; }

  h1 { font-size: 24px; }
  h2 { font-size: 22px; }
  h3{ font-size: 20px; }
  h4{ font-size: 18px; }
  h5{ font-size: 16px; }
  h6{ font-size: 14px; }
  .btn { min-width: auto;font-size: 14px;}
  .header-main {padding: 10px 0px;}
  .header.sticky .header-main {padding: 10px 0px;}
  .navigation {top: 70px;}
  .france-appointment-left {width: 100%;padding-right: 0px;}
  .france-appointment-right {width: 100%;margin-top: 30px;}
  .why-schedule-card {padding: 20px 20px 20px 20px;}
  .why-schedule-col {width: 100%;padding: 0px;margin-top: 15px;}
  .whatsapp-number a {width: 35px;height: 35px;background: #ff5757;border-radius: 50px;text-indent: -999px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
  .whatsapp-number a:hover {background: #3b3663;}
  .whatsapp-number img {margin-right: 0px;max-width: 17px;max-height: 17px;}
  .header.inner-header .whatsapp-number img {filter: invert(0);}
  .header.sticky .whatsapp-number a img, .inner_header .whatsapp-number a img {filter: invert(0);}
  .callnumber-top {margin-left: 10px;}
  .callnumber-top a.btn {font-size: 14px;width: 35px;height: 35px;min-width: auto;border-radius: 50px;text-indent: -9999px;padding: 0px;overflow: hidden;}
  .callnumber-top a img {margin-right: 0px;max-width: 17px;max-height: 17px;}
  .banner-img {display: none;}
  .banner-mask>img {min-height: 350px;}
  .france-appointment {padding: 35px 0px 35px;}
  .france-appointment-right p {margin-bottom: 15px;}
  .france-appointment-btn {margin-top: 10px;}
  .cta-section {padding-bottom: 35px;}
  .types-section {padding: 35px 0px 35px;}
  .residents-section {padding-bottom: 35px;}
  .faq-section {padding: 35px 0px 35px;}
  .footer-inner {padding: 35px 0px;}
  .contact-link ul li {padding: 2px 0px;}
  :is(.banner-content-inner) :is(h1, h2, h3 ,h4 ,h5, h6) {font-size: 28px;}
  .banner-content-inner p {font-size: 18px;margin-bottom: 5px;}
  .banner-btn {margin-top: 15px;}
  :is(.faq-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
  :is(.reviews-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
  .france-appointment-heading h1, .france-appointment-heading h2, .france-appointment-heading h3, .france-appointment-heading h4 {font-size: 24px;line-height: 30px;}
  .france-appointment-img {margin-top: 20px;}
  .preferred-appointments-wrap {padding: 20px 0px 0px;}
  :is(.date-choose-heading) :is(h1 h2, h3, h4) {font-size: 18px;}
  .date-choose-heading {margin: 0px 15px 10px;}
  .btn-wrap-custom {padding: 0 20px 15px;}
  .types-inner {width: 100%;}
  :is(.types-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
  :is(.why-schedule-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
  .faq-section .accordion {margin: 30px auto 0px;}
  .faq-section .accordion-button {font-size: 18px;line-height: 24px; padding:15px 35px 15px 15px;}
  .faq-section .accordion-button::after { right: 0px;top: 10px; }
  .faq-section .accordion-body { padding: 0px 15px 15px 15px; }
  .travel-sooner-wrap .img-success {width: 22%;}
  .appointments-col-info {padding: 10px 5px 30px;}
  .banner-commonheading-section {padding: 25px 0px 25px;}
  :is(.banner-commonheading) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
  .documents-required-wrap {padding: 30px 30px 30px 30px;}
  .documents-required-right {width: 100%;padding-left: 0px;margin-top: 25px;}
  .visa-apply {padding: 35px 0px 35px;}
  .visa-apply-left {width: 100%;padding-right: 0px;margin-top: 30px;order: 1;}
  .visa-apply-right {width: 100%;}
  :is(.visa-services-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;line-height: 30px;}
  .date-choose-section.visa-services {padding: 35px 0px;}
  .whatfrance {padding: 35px 0px 35px;}
  .who-requires {padding: 35px 0px;}
  .who-requires-note {margin: 15px 0px;}
  .who-requires-left {width: 100%;order: 1;padding-right: 0px;margin-top: 20px;}
  .who-requires-right {width: 100%;text-align: center;}
  .documents-required-section {padding: 35px 0px;}
  .how-canhelp-section {padding: 35px 0px;}
  .applyvisa-appointment-section {margin: 20px auto 0;padding: 25px 25px 25px;}
  .how-canhelp-content ul li {font-size: 16px;width: 100%;padding: 0px 0 15px 35px;}
  .documents-required-left {width: 100%;text-align: center;}
  :is(.keyfacts-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 20px;}
  .keyfacts-title {padding: 10px;}
  .keyfacts-row p {font-size: 16px;}
  .keyfacts-row {padding: 10px 20px;}
  .documents-required-heading h3 {font-size: 24px;}
  .documents-required-heading {padding-bottom: 30px;}
  .how-canhelp-content h3 {font-size: 24px;}
  .btn.ctabtn {padding: 10px 15px;height: auto;line-height: 18px;}
  .inner-section {padding: 35px 0px;}
  .apply-online-form .form-group label {width: 100%;padding-right: 0px;margin-bottom: 5px;}
  .apply-online-form .form-group> span {width: 100%;}
  .apply-online-form .form-group .form-control {height: 45px;}
  .apply-online-form form {padding: 25px 25px 25px 25px;}
  :is(.apply-online-form) :is(.form_title) :is(h1, h2, h3, h4, h5, h6) {font-size: 20px;}
  :is(.visa-fees-table-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 20px;}
  .visa-fees-table tr td, .visa-fees-table tr th {padding: 5px;font-size: 14px;}
  .payment-page .payment-left-col>p {margin: 0 10px 20px;}
  .payment-page .payment-left-col>p span {font-size: 28px;line-height: 36px;}
  .payment-page .payment-left-col span.small2 {line-height: 35px;font-size: 24px;}
  .payment-page .pmt {padding: 10px 20px 10px 20px;}
  .payment-page .payment-img {padding: 10px 20px;}
  .payment-page .payment_form {padding: 25px;}
  .payment-page .form-group {margin-bottom: 15px;}
  .payment-page input.form-control, .payment-page select.form-control, .payment-page textarea.form-control {min-height: 45px;height: 45px}
  .payment-left-col figure.pay_arrow {right: -57px;}
  .payment-page .payment-left-col figure.pay_arrow img {max-width: 60px;}
  .get-in-link ul {margin: 0px 0px 20px;}
  .get-in-link ul li {width: 100%;margin: 0px 0px 30px;}
  .get-in-img {width: 100%;}
  .get-in-form {width: 100%;padding: 20px;}
  .get-in-img::before { top: unset;right: 0px;bottom: 0px;width: 100%;height: 50px;clip-path: polygon(0% 0, 50% 80%, 100% 0%, 100% 100%, 0% 100%, 0 0);}
  .get-in-img::after {top: unset;right: 0px;bottom: 0px;width: 100%;height: 35px;clip-path: polygon(0% 0, 50% 80%, 100% 0%, 100% 100%, 0% 100%, 0 0);}
  .get-in-form .form-group .form-control {height: 45px;}
  .get-in-form .form-group {padding-bottom: 10px;}
  .get-in-bottom {margin-top: 0px;}
  .get-in-form-title h4 {font-size: 20px;}
  .blog-section {padding: 35px 0px;}
  .blog-card {padding: 15px;}
  .blog-card-title {margin-bottom: 15px;}
  .blog-card-content {margin-top: 15px;}
  .blog-detail-section {padding: 35px 0px;}
  .blog-post-left {width: 100%;}
  .blog-post-right {width: 100%;position: unset;}
  .lets-connect-form .form-group .form-control {min-height: 45px;}
  .sitemap-section ul>li>ul {margin-left: 0px;}
  .faqs-page.inner-section .accordion-button {padding: 15px 35px 15px 0px;}
  .about-banner {margin-top: 35px;}
  .about-why-left {width: 100%;padding-right: 0px;order: 1;}
  .about-why-right {width: 100%;margin-bottom: 30px;}
  .about-why-img img {max-height: 250px;}
  .vision-col-col {width: 100%;padding: 20px 20px 20px 20px;}
  .vision-col-col:not(:last-child) {margin-bottom:20px;}
  .vision-col-col p {line-height: 24px;}
  .about-img img {min-height: 250px;}
  .france-requirements-col {width: 50%;}
  .document-visa .document-card {padding: 15px 15px;}
  .document-visa-col {width: 100%;padding: 0px;margin-bottom: 15px;}
  .document-visa-col:last-child {margin-bottom: 0px;}
  .document-card-header {padding: 10px;}
  :is(.document-card-header) :is(h1, h2, h3, h4, h5, h6) {font-size: 20px;}
  .visa-services-note {margin: 15px 0px;}

}

@media (max-width: 575px) {
  .header .logo-top {max-width: 105px;}
  .banner-content-inner {width: 72%;}
  .main-nav {margin-left: 15px;}
  .footer-col {width: 100%;}
  .footer-link {margin: 0px 0px;}
  .contact-link ul li a img {max-width: 22px;max-height: 22px;}
  .footer-col ul {padding: 20px 20px 20px 20px;}
  .whats-app-chat {max-width: 30px;max-height: 30px;bottom: 65px;}
  .header.sticky ~ .whats-app-chat {bottom: 105px;}
  .how-to-apply {top: unset;bottom: 0px;left: 0px;right: 0px;height: auto;padding: 0px;transform: translateY(calc(100% - 50px)) translate(0);max-height: 50%;z-index: 1010;}
  .how-to-apply.active {overflow-y: auto;transform: translateY(0%) translate(0);}
  .how-to-inner {flex-wrap: wrap;border-bottom-left-radius: 0px;border-top-left-radius: 0px;max-height: unset; height: 100%;}
  .how-to-left {width: 100%;}
  .how-to-right {width: 100%;padding: 30px 20px;}
  .how-to-left p {width: 100%;min-width: 100%; writing-mode: unset;padding: 13px 20px;font-size: 20px;}
  .how-to-left::after {top: 99%;left: 50%;transform: translateX(-50%) rotate(90deg);border-width: 15px;}
  .how-to-right ul {display: flex;flex-direction: row;flex-wrap: wrap;}
  .how-to-right ul li {width: 50%;}
  .how-to-btn .btn {width: 100%;}
  .residents-col {width: 100%;margin-top: 15px;}
  .experience-inner ul li {width: 100%;border-bottom: 1px solid #e0e0e0;}
  .experience-inner ul li:last-child {width: 100%;border-bottom: none;}
  .how-to-right ul li img {max-width: 35px;max-height: 35px;}
  .how-to-right ul li p {font-size: 14px;}
  .reviews-heading {padding: 0px 0px;margin-bottom: 50px;}
  .reviews-slider .owl-nav button span {width: 40px;height: 40px;font-size: 24px;}
  .reviews-slider .owl-nav button.owl-next {right: 35px;}
  .reviews-slider .owl-nav button.owl-prev {left: 35px;}
  .footer {padding-bottom: 35px;}
  .back-to-top {bottom: 65px;right: 15px;}
  .btn-wrap-custom button.prev-btn, .btn-wrap-custom button.next-btn {font-size: 14px;}
  .travel-sooner-section {padding: 50px 0px 70px;}
  .keyfacts-left {width: 45%;}
  .keyfacts-right {width: 55%;}
  .keyfacts-row p {font-size: 14px;line-height: 20px;}
  .who-requires-wrap ul li {font-size: 16px;}
  .documents-required-wrap {padding: 20px 20px 20px 20px;}
  .apply-online-form form {padding: 20px 20px 20px 20px;}
  .payment-page .payment-left-col {width: 100%;margin-bottom: 50px;}
  .payment-page .personal-top {width: 100%;}
  .payment-page .payment-left-col figure.pay_arrow {top: 107%;left: 50%;}
  .payment-page .payment-left-col figure.pay_arrow img {max-width: 65px;transform: rotate(90deg);filter: invert(1) brightness(3.5);}
  .payment-page .payment_form {padding: 20px;}
  .blog-post-row {margin: 0px;}
  .blog-post-col {width: 100%;}
  .blog-card {margin: 0px;}
  .france-requirements-wrap {margin: 20px 0px 0px;}
  .france-requirements-col {width: 100%;padding: 0px;margin-bottom: 15px;}
  .france-requirements-card {text-align: center;}
  .france-requirements-img {text-align: center;}
}

@media (max-width: 380px) {
  .banner-content-inner {width: 94%;}
}

/*=======Responsive css start =========*/