/* TypoGraphy */

/*=======Responsive css start =========*/
@media (max-width: 1679px) {}

@media (max-width: 1539px) {
  .container {padding-left: 30px;padding-right: 30px;}
  .about-content-left {width: 53%;}
  .about-content-right {width: 45%;}
  .process-col {width: calc(25% - 2px);padding: 30px;}
  .counter-inn {font-size: 50px;line-height: 50px;}
  .counter {height: 50px;}
  .footer-social-link ul li { margin-right: 24px; }
  :is(.book-left-title) :is(h1, h2, h3, h4, h5, h6) { font-size: 42px; }

}

@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======*/

.common-heading h1, .common-heading h2, .common-heading h3, .common-heading h4, .common-heading h5, .common-heading h6 {font-size: 32px;}

.banner-caption h1 {font-size: 52px;line-height: normal;margin: 0 auto 15px;}
.col-gallery {width: 20%;}
.counter-inn {font-size: 42px;line-height: 42px;}
.counter-number-col {width: 30%;}
.counter {height: 42px;}

.about-content-left h1, .about-content-left h2, .about-content-left h3, .about-content-left h4, .about-content-left h5, .about-content-left h6 {font-size: 32px;}
:is(.visa-types-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 32px;}
:is(.book-left-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 32px;}
.footer-left { padding: 0px 30px 0px 40px;}
.copyright {padding-left: 40px;}
.process-col p { font-size: 16px; }
.banner-caption { max-width: 835px; }
}

@media (max-width: 1280px) {

}
@media (min-width: 1024px) {
  .process-col:hover {
      transform: translateY(-10px);
  }
}


@media (max-width: 1199px) {

/************ // MOBILE MENU CSS START HERE // ***********************/
.main-nav .menu-bar { display: block; }
.header-main {padding: 15px 0px;}
.menu-bar { width: 52px; height: 52px; 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: fixed; width: 100%; top: 0; left: 0; }
.navigation {background: #fff;position: fixed;top: 125px; padding-top: 0px; right: -150%;width: 100%; max-width: 390px; 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 { 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: 16px; text-align: center;}
.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: 47px; 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; }
.navigation ul li.current-menu-item>a { color: #1abbaa; }
.navigation ul>li>a { display: block; border-top: none; padding: 14px 10px; color: #000; }
.nav-manu ul li a:hover { color: #1abbaa; 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); }
.navigation ul li ul.sub-menu li:last-child {border-bottom: 1px solid #dfdfdf;}
.navigation ul li ul.sub-menu.in { position: static; max-width: 100%; top: 0; left: 0; 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: #f9f9f9;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: #01a4ec; }
.navigation ul li ul.sub-menu li a { padding: 18px 20px; font-weight: 500; transform: skewX(0deg); -webkit-transform: skewX(0deg); -ms-transform: skewX(0deg); color: #181925; }
.navigation ul li ul.sub-menu li a:hover { color: #1abbaa; }
.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: 15px 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: 8px;}
 p {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
 ul li, ol li {font-size: 16px; line-height: 24px;}
 .common-heading h1, .common-heading h2, .common-heading h3, .common-heading h4, .common-heading h5, .common-heading h6 {font-size: 28px;}
 .btn {min-width: 150px;height: 50px;}

.header-top {padding: 10px 0px;}
.phone-info a {font-size: 16px;}
.banner-caption h1 {font-size: 36px;margin: 0 auto 10px;}
.banner-caption p {font-size: 18px;}
.about-content-left h1, .about-content-left h2, .about-content-left h3, .about-content-left h4, .about-content-left h5, .about-content-left h6 {font-size: 28px;margin-bottom: 15px;}
.about-content-left p {margin-bottom: 15px;}
.counter-inn {font-size: 30px;line-height: 30px;}
.counter {height: 30px;}
.counter-number-col p {font-size: 16px;}
.home-about-section {padding: 40px 0px 65px;}
.visa-process-works-section .common-heading {padding-bottom: 35px;}
.process-col {padding: 25px;}
.process-col h3 {font-size: 20px;margin-bottom: 15px;}
.process-col p {font-size: 16px;}
.express-about-content h3, .express-about-content h4 {padding-top: 0;margin-bottom: 15px;}
.express-about-content p {margin-bottom: 10px;}
.express-about-content img {margin-bottom: 20px;margin-top: 20px;}
:is(.visa-types-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;margin-bottom: 15px;}
:is(.visa-types-heading) :is(p) {font-size: 16px;}
:is(.book-left-title) :is(h1, h2, h3, h4, h5, h6) {font-size: 28px;}
.book-express-left p {font-size: 16px;margin-bottom: 20px;}
.book-express-left p strong {font-size: 20px;}
.col-gallery {padding: 0 5px;}
.gallery-card {margin: 10px 0;}
.visa-types-cards {justify-content: center;}
.visa-types-col {width: 33.33%;}
.col-info {font-size: 16px;line-height: 20px;}

.footer-left { padding: 0px 30px 0px 0px;}
.copyright {padding-left: 0;}
.footer-right {width: 60%;}
.icon-col {max-width: 70px;max-height: 70px;margin: 10px auto;}
.icon-col img {max-width: 60px;}
.clients-saying::after { width: 100%; height: 300px; }
.footer ul li {padding: 0px 0px;margin-bottom: 5px;}
.footer-social-link ul {margin-top: 20px;}
:is(.footer-nav-link ) :is(h1, h2, h3, h4, h5, h6) {padding-bottom: 10px;margin-bottom: 15px;}
.footer-contect-link ul li a img {max-width: 20px;}
.btn.whats-app-chat {min-width: 50px; width: 50px;height: 50px;}
.btn.back-to-top {min-width: 30px; width: 30px;height: 30px;}
.expressvisa-application {margin-right: 20px;}

.book-express-left { width: 50%; transform: translateX(36px); }
.book-express-right { width: 65%; }
.banner-caption { max-width: 556px; }
.applynow-form .form-control {min-height: 50px;}
.banner-commonheading-section {padding: 30px 0px 30px;}
.payment-left-col {width: 370px;}
.payment-left-col figure.pay_arrow {right: -25px;}
.payment-left-col figure.pay_arrow img {max-width: 74px;}
.personal-top {width: calc(100% - 370px);}
.payment_form {padding: 30px 20px 30px 40px;}
.personal-top .btn-default {font-size: 16px;line-height: normal;}
.payment-left-col>p span {line-height: 50px;font-size: 38px;}
.payment-left-col span.small1 {font-size: 36px;line-height: 50px;}
.payment-left-col span.small2 {font-size: 28px;line-height: 54px;}

.getintouch-content h3 { font-size: 20px; }
.contact-info-area { padding: 20px; }
.blog-post-content h3 { font-size: 22px; }
.lets-connect-form { padding: 20px; }

.hilight-text { padding: 18px; }
.hilight-text svg { margin-top: 0; }
.about-item h5 {font-size: 18px;}
.services-visa-page .step-by-col {width: 50%;}

.documents-visatype-info { padding: 30px 20px; }
.documents-heading h4 { font-size: 20px; }
.process-col-right h4 { font-size: 22px; }
.process-col-left img { max-height: 51px; }
.process-col-left figure { width: 125px; height: 125px; border-width: 15px; }
}


@media (max-width: 1023px) {
  .banner-caption h1 {padding-bottom: 15px;}
  .about-gallery {text-align: center;}
  .counter-item {padding-top: 30px;}
  .counter-inn {margin-bottom: 0;}
  .process-col {width: calc(50% - 1px);margin-bottom: 2px;}
  .required-col {width: 48%;}
  .documents-required-list {padding: 25px 0 25px;}
  .footer-left {width: 45%;}
  .footer-right {width: 55%;padding-left: 30px;}
  .footer-col {width: 100%;}
  .footer-col:last-child {width: 100%;}
  .paypal {max-width: 100%;}
  .copyright {margin-top: 20px;}
  .book-express-left {width: 52%;}
  .book-express-right {width: 60%;}
  .footer-nav-link ul { display: flex; flex-wrap: wrap; }
  .footer-nav-link ul li { padding-right: 12px; }
  .getintouch-content h3 { font-size: 16px; }
  .application-process-row { width: 48%; }
  .documents-visatype-col { width: 48%; }
}

@media (max-width: 767px) {
.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.whats-app-chat{display: none !important;} 
.back-to-top { bottom:60px !important; right:10px !important;} 

.home-banner-section {padding: 35px 0px 35px;}
.banner-caption h1 {font-size: 30px;}
.appointment-row {padding-top: 20px;}
.home-about-section {padding: 35px 0px 35px;}
.about-content-left h1, .about-content-left h2, .about-content-left h3, .about-content-left h4, .about-content-left h5, .about-content-left h6 {font-size: 24px;}
.visa-process-works-section {padding: 35px 0px 0;}
.process-col {padding: 20px;}
.express-about-section {padding: 35px 0px 35px;}
.documents-required-section {padding: 35px 0px;}
:is(.visa-types-heading) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;}
.visa-types-cards {margin: 0;padding: 20px 0px;}
.visa-types-col {width: 50%;}
.visa-types-fullcol {padding: 0px 0px;margin-top: 20px;}
.visa-types-fullcol p {width: 100%;}
.book-express {padding: 35px 0px 30px;}
.faq-section {padding: 35px 0px;}
.common-heading h1, .common-heading h2, .common-heading h3, .common-heading h4, .common-heading h5, .common-heading h6 {font-size: 24px;}
.faq-section .accordion-button {padding: 15px 60px 15px 20px;line-height: 22px; font-size: 16px;}
.faq-section .accordion-body {padding: 0px 20px 15px 20px;}
.clients-saying {padding: 35px 0;}
.clients-saying .common-heading {margin-bottom: 20px;}
.clients-saying .owl-nav {padding: 20px 0px 0;}
.footer {padding: 35px 0px 20px;}
.footer-left {width: 100%;padding-bottom: 20px;padding-right: 0;border-right: none;border-bottom: 1px solid rgba(255, 255, 255, .34);}
.footer-col {width: 33.33%;padding: 0px 20px 0 0;margin-bottom: 20px;}
.footer-col:last-child { width: 33.33%; }
.footer-right {width: 100%;padding-left: 0px;}
:is(.footer-nav-link ) :is(h1, h2, h3, h4, h5, h6)::after {display: none;}
.gallery-card {border-radius: 10px;}
.box-img img {border-radius: 0px;}
.book-appointment-btn .btn {font-size: 16px;padding: 0px 20px;}
.header-main {padding: 10px 0px;}
.logo-top {width: 150px;}

.book-express-inner { flex-wrap: wrap; padding: 30px 25px 30px; }
.book-express-left { width: 100%; transform: none;padding-top: 18px; padding-bottom: 0px; order: 2; }
.book-express-right { width: 100%; }
.book-express-img { mask-image: none; -webkit-mask-image: none; border-radius: 10px; }
:is(.book-left-title) :is(h1, h2, h3, h4, h5, h6) { font-size: 24px; }
.book-express-left .btn { min-width: auto; }
.navigation { max-width: 100%;top: 116px;}
.banner-caption { max-width: 477px; }
:is(.footer-nav-link ) :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 5px; font-size: 18px; }
.footer-logo { margin-bottom: 15px; }
.about-content-left {width: 100%;}
.about-content-right {width: 100%; margin-top: 20px;}
.clients-saying::after { height: 155px;bottom: 40px;}
.visa-process-works-section .common-heading { padding-bottom: 25px; }
.footer-nav-link ul { display: block; }
.faq-section .accordion-body p { line-height: 26px; font-size: 15px; }
.apply-now-section {padding: 35px 0px 35px;}
.applynow-form .form-control {min-height: 45px;}
.applynow-form label {font-size: 16px;margin-bottom: 5px;}
.applynow-form .form-control {font-size: 16px;}
.form-group {margin-bottom: 15px;}
.visa-type-section {padding: 35px 0px;}
.fees_detail tr th, .fees_detail tr td {padding: 8px 8px;}
.banner-commonheading-section {padding: 25px 0px 25px;}
.payment-section {padding: 35px 0px;}
.payment-left-col {width: 100%;}
.payment-left-col figure.pay_arrow {top: auto;right: 0;bottom: -66px;left: 0;transform: rotate(90deg);}
.payment-left-col figure.pay_arrow img {filter: brightness(0.5);}
.personal-top {width: 100%;margin-top: 77px;}
.pmt {padding: 10px;text-align: center;}
.payment_form {padding: 20px;}
.personal-top .btn-default {font-size: 14px;line-height: normal;}
.payment-left-col>p span {line-height: 45px;font-size: 34px;}
.payment-left-col span.small1 {font-size: 32px;line-height: 46px;}
.payment-left-col span.small2 {font-size: 24px;line-height: 46px;}
.fees_detail p { font-size: 14px; }
.getin-touch-section { padding: 35px 0px; }
.contact-info-items .icon { width: 50px; height: 50px; line-height: 55px; }
.getintouch-content { width: calc(100% - 50px); padding-left: 10px; }
.contact-us .form-item { margin-bottom: 10px;}

.blog-post-outer { margin-bottom: 50px; width: 50%; }
.blog-section { padding: 35px 0px 35px; }
.blog-search-detail input.btn { min-width: 100px; background-size: 18px; font-size: 15px; padding: 0 8px 0 30px; }
.blog-post-left { width: 100%; }
.blog-post-right { width: 100%; padding-top: 15px; }
.common-content-section {padding: 45px 0;}
.about-section {padding: 35px 0px;}
.about-item {padding: 20px;margin-bottom: 15px;}
.services-visa-page .services-section {padding: 35px 0px;}
.services-visa-page .services-section-note {margin-top: 25px;margin-bottom: 25px;}
.services-visa-page .step-section .common-heading {width: 100%;}
.about-item-header .about-img { padding: 14px; width: 70px; height: 70px; position: static; }

.visa-documents-section { padding: 35px 0px; }
.application-process-section { padding: 35px 0px; }
.application-process-contents { margin-top: 35px; }
.documents-visatype-section { padding: 35px 0px; }
.documents-visatype-section .common-heading { margin-bottom: 35px; }
.documents-visatype-info { padding: 22px 20px; }
.documents-visatype-faq { padding: 35px 0px; }
.approach-number svg text.number { font-size: 40px; }
.book-expressinner { padding: 35px 0px 35px; }
}

@media (max-width: 575px) {
  .banner-caption h1 {width: 100%;font-size: 24px;}
  .banner-caption p {font-size: 16px;}
  .process-col {width: 100%;}
  .counter-number-col:first-child {margin-top: 0px;}
  .counter-number-col { width: 100%; margin-top: 8px; background: #ffffff; padding: 10px 10px; }
  .required-col {width: 100%;max-width: 100%;margin: 5px auto;}
  .visa-types-col {width: 100%;}
  .copyright p {text-align: left;}
  .gallery-card {border-radius: 4px;margin: 5px 0px;}
  .col-gallery {padding: 0 3px;}
  .footer-nav-link ul {margin-bottom: 0px;}
  .expressvisa-application {width: 100%;margin: 0;justify-content: center;}
  .header-col-left {width: 100%;justify-content: center;padding: 5px 0px;}
  .phone-info img {max-width: 15px;}
  .expressvisa-application img {max-width: 20px;}
  .counter-inn {font-size: 42px;line-height: 42px;}
  .counter {height: 42px;}
  .documents-required-list {padding: 15px 0 15px;}
  .navigation {top: 138px;}
  .book-express-inner { padding: 18px; }
  .banner-caption { max-width: 343px; }
  .footer-col {width: 100%; padding-right: 0px;}
  .footer-col:last-child {width: 100%;}
  .fees_detail p { font-size: 12px; }
  .contact-left-items { width: 100%; }
  .contact-forminfo-right { width: 100%; padding: 20px 0 0; }
  .contact-us .form-item { margin-bottom: 10px; width: 100%; }
  .blog-post-outer { width: 100%; }
  .services-visa-page .step-by-col { width: 100%;}
  .application-process-row { width: 100%; }
  .documents-visatype-col { width: 100%; }
  .step-by-col:nth-child(even) .step-card {
    flex-direction: row-reverse;
}
}
@media (max-width: 380px) {
  .getintouch-content h3 { font-size: 15px; }
  .contact-info-area { padding: 16px; }
}
/*=======Responsive css start =========*/
