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

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

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

@media (max-width: 1539px) {
.greece-section-wrap {margin-right: 0;}
.appointment-col-right {width: 50%;text-align: left;}
.frequently-wrap {width: 100%;}
}

@media (max-width: 1439px) {
.container {padding-left: 50px;padding-right: 50px;}
.greece-content {text-align: left;}
.greece-content h2 {line-height: 1.2;}
.frequently-section {padding: 80px 50px;}
.footer-nav {width: 950px;}
.footer-nav ul:nth-child(3) {margin-left: 18px;width: 290px;}

/* contact page need section css */
.click-here {display: block;}
.need-section-contact h2 {font-size: 36px;width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.need-section-contact .need-section-inner {flex-flow: column;}
.need-section-contact form {margin-top: 10px !important;flex-flow: column;width: 100%;max-width: 400px;display: none;}
.need-section-contact form label {width: 100%;margin-bottom: 10px;padding-left: 30px;text-align: left;}
.need-section-contact form .inuput-group {flex-flow: column;width: 100% !important;padding: 0;margin-right: 0;margin-bottom: 10px !important;}
.need-section-contact form .submit {width: 100%;margin: 0 !important;}
.active-form form.form-collaps {display: block;}
.need-section-contact .after_submit h3 { text-align: center; }
}

@media (max-width: 1280px) {
.frequently-wrap-left {padding: 58px 30px 58px 0px;}
.frequently-wrap-left h2 {width: 80%;font-size: 30px;}
.footer-nav ul:nth-child(3) {margin-left: 0;padding-left: 18px;width: 33.33%;}
.footer-nav {width: 75%;padding-left: 0;}
.navbar-menu li { margin-left: 38px; }
}


@media (max-width: 1199px) {
.navbar-menu li {margin-left: 20px;}
.navbar-menu li a{font-size: 15px;}
.hero-banner img {height: 500px;}
:is(.hero-content) :is(h1,h2, h3, h4, h5, h6 ) {font-size: 50px;}
.need-section form .inuput-group {width: 39%;margin-right: 0;padding-left: 0;}
.need-section form select {width: 100%;}
.need-section-inner {padding: 30px;}
.greece-content h2 {font-size: 30px;}
.greece-btn a {padding: 10px;font-size: 16px;}
.appointment-col-right h2 {font-size: 30px;margin-bottom: 20px;}
.appointment-col-right p {line-height: 24px;}
.service-card {padding: 0px 20px;}
.service-card p {font-size: 16px;line-height: 20px;}
.service-section {padding: 30px 0px;}
.service-card-img {height: 70px;}
.frequently-section {padding: 50px;}
.frequently-wrap {padding: 35px;}
.footer-right {width: 25%;}
.form-section {padding: 50px 0px;}
/* .heading-section {margin-top: 50px;} */

.about-section {padding: 50px 0px 0px 0px;}
.about-content {padding-bottom: 50px;}
.blog-page {padding:50px 0px;}
.faq-section .frequently-section {padding: 50px 0px;}
.sitemap-section {padding-top: 50px;}
.footer-section {padding: 50px 0px 0;}
.footer-main-wrap {padding-bottom: 50px;}
.about-col-left { padding-right: 30px; }
.about-outer-row .about-row-wrap:nth-child(even) .about-col-left { padding-left: 30px; }
.need-section form .inuput-group:last-child { width: auto; }
.about-outer-row { padding-bottom: 20px; }

 ul li,  ol li {line-height: 26px;}
}

@media (max-width: 1024px) {
/************ // MOBILE MENU CSS START HERE // ***********************/
.menu-header-menu-container { width: 100%; }
.main-nav .menu-bar { display: block; }
.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: 109px; 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: #004aad; }
.navigation .sub-menu li:hover a { color: #004aad !important; }
.navigation ul>li>a { display: block; border-top: none; padding: 14px 10px; color: #000; font-size: 18px; }
.nav-manu ul li a:hover { color: #697565; 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);min-width: 100%; }
.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; font-size: 15px;}
.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: #697565; }
.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: #697565; }
.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 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; height: auto; }
.navbar-menu li:hover .sub-menu { height: auto; height: auto; max-height: max-content; }
.sub-menu::before { display: none; }
.sub-menu::after { display: none; }
body.mobile-menu { position: relative; overflow: hidden; }
body::after { position: absolute; display: block; width:0%; content: " "; top: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.61); z-index: 9; opacity:0; transition:all .6s; }
body.mobile-menu::after { opacity:1; width:100%; }
body > header { position: relative; z-index: 999; }
/*======navigation css end======*/
}

@media (max-width: 992px) {
.hero-banner img {height: 400px;}
:is(.hero-content) :is(h1,h2, h3, h4, h5, h6 ) {font-size: 45px;}
.need-section form .inuput-group {width: 35%;}
.need-section form .submit {display: block;margin-top: 20px;}
.greece-section-wrap {align-items: center;}
.greece-banner img {position: relative;max-width: 100%;max-height: 500px;object-fit: cover;}
.greece-content h2 {font-size: 26px;}
.appointment-col-right h2 {font-size: 26px;}
.frequently-wrap-right {width: 500px;}
.frequently-wrap-left h5 {font-size: 14px;line-height: 20px;}
.frequently-wrap-left h2 {width: 100%;font-size: 30px;}
.footer-social-icon img {margin-right: 15px;}
.footer-nav ul li {width: 50%;}

/* contact form */
.form-section form {width: 100%;}
.form-section .inuput-group {width: 100%;}

 /* blog */
.blog-content-col {width: calc(50% - 40px);margin-bottom: 30px;}

#whatsapp {right: 10px;}
#myBtn{right: 10px;}
  @keyframes top_fade_in {
    0% {
        right: 0%;
        opacity: .6;
    }
    100% {
        right: 10px;
        opacity: 1;
    }
}
}

@media (max-width: 767px) {

h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
ul, ol {font-size: 16px;}

.top-nav-link a img {max-width: 24px;}
.hero-banner img {height: 270px;}
:is(.hero-content) :is(h1,h2, h3, h4, h5, h6 ) {font-size: 30px;}
.hero-content .book-btn {padding: 8px 25px;font-size: 16px;}
.need-section form {flex-flow: column;align-items: flex-start;}
.need-section form .inuput-group {width: 100%;margin-bottom: 15px;}
.need-section form .inuput-group {width: 100%;}
.need-section h2 {margin-left: 0;margin-bottom: 10px;}
.need-section-inner {margin-left: 0;margin-top: -50px;}
.need-section form .submit {margin-top: 0px;font-size: 16px;padding: 9px 40px;}
.greece-section-wrap {flex-flow: column-reverse;padding: 30px 0px;}
.greece-banner {width: 100%;margin-bottom: 15px;}
.greece-content p {margin-bottom: 10px;}
.greece-content {min-height: 100%;padding: 0;}
.appointment-wrap {flex-flow: column;padding: 0px 0px 30px 0px;}
.appointment-col-left {width: 100%;padding: 30px 15px 0px 15px;}
.appointment-col-right {margin-top: 20px;width: 100%;padding: 0px 20px;}
.appointment-wrap:nth-child(even) {flex-flow: column;padding: 0px 0px 30px 0px;}
.appointment-wrap:nth-child(even) .appointment-col-left {width: 100%;}
.appointment-wrap:nth-child(even) .appointment-col-right {width: 100%;padding: 0px 20px;margin-top: 20px;}
.appointment-col-right h2 {margin-bottom: 10px;}
.appointment-col-right p {margin-bottom: 10px;}
.appointment-col-right-inner {padding-right: 0px;}
.section-greece-text {padding: 30px 0px;}
.accordion-body {padding: 0px 30px 25px 38px;}
.accordion-button::after {right: 20px;}
.book-appointment-btn {font-size: 16px;padding: 11px 32px;}
.service-card-img {height: 50px;}
.service-card p {font-size: 16px;line-height: 24px;}
.service-wrap-col {width: 50%;}
.service-card {padding: 20px;border: 2px solid rgba(255, 255, 255, .4);margin-bottom: 10px;border-radius: 8px;}
.service-section {padding: 30px 0px 20px;}
.frequently-wrap-right {width: 100%;}
.frequently-wrap-left {width: 100%;padding: 30px 20px;}
.frequently-wrap {flex-flow: column;padding: 0;}
.frequently-section {padding: 30px 15px;}
.frequently-wrap-left p {margin-bottom: 5px;}
.frequently-wrap-left .contact-btn {font-size: 16px;padding: 13px 35px;}
.footer-main-wrap {flex-flow: column-reverse;padding: 15px 0px;}
.footer-nav {width: 100%;flex-flow: column;}
.footer-right {width: 100%;margin-bottom: 20px;text-align: center;}
.footer-section {padding: 10px 0px 0;}
.footer-nav ul li a {font-size: 16px;line-height: 24px;}
.footer-nav ul li {line-height: 24px;padding: 8px 6px;}
.footer-nav ul {width: 100%;margin-bottom: 10px;padding: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-start;}
.footer-nav ul:nth-child(3) {width: 100%;padding-left: 0px;margin-bottom: 0px;}

/* contact  pages css */
/* .heading-section {margin-top: 30px;} */
.form-section {padding: 30px 0px;}
.form-section form {padding: 20px;}
.form-section form .form-input {font-size: 14px;padding: 10px 20px;}
.need-section-contact .need-section-inner {max-width: 350px;}
.need-section-contact form {width: 100%;}
.need-section-contact h2 {flex-flow: column;font-size: 30px;text-align: center;}

/* apply-now pages css  */
.apply-now form h3 {font-size: 18px;padding: 10px;}

/*  error page css */
.go-home a{margin-top: 0px;font-size: 16px;padding: 9px 40px;}
.error-content{max-width: 400px;padding: 20px;}
.error-section{padding: 30px 0px;}

 /* about page */
.about-content figure {margin: 30px 0px;}
.about-section {padding: 30px 0px 0px 0px;}
.about-section .about-title {margin-bottom: 30px;}
.about-content {padding-bottom: 30px;}

/* faq page css */
.faq-section .heading-section h1 {margin-top: 30px;}
.faq-section .frequently-section {padding: 30px 0px;}

/*  blog page css  */
.blog-page {padding: 30px 0px;}

.sitemap-section {padding-top: 30px;}
.sitemap-section ul > li > ul > li {max-width: 50%;}
.heading-section { padding: 35px 0px 35px; }
.heading-section h1 { font-size: 28px; }

.about-col-left { padding-right: 0px; width: 100%; }
.about-col-right { width: 100%; order: -1; margin-bottom: 15px; }
.about-outer-row .about-row-wrap:nth-child(even) .about-col-left { padding-left: 0; }
.section-greece-text .container { padding-left: 20px; padding-right: 20px; }
.about-outer-row { padding-bottom: 0; }

.Personal-form .form-btn {line-height: 16px;font-size: 14px;padding: 15px 20px;}
.Personal-form .inuput-group.checkbox_form-group p {margin-bottom: 10px;}
}

@media (max-width: 575px) {

.container {padding-left: 15px;padding-right: 15px;}
.top-nav-link {justify-content: center;}
.hero-content {top: 50%;transform: translateY(-50%);}
.hero-banner img {height: 320px;}
:is(.hero-content) :is(h1,h2, h3, h4, h5, h6 ) {font-size: 24px;}
.hero-content .book-btn {max-width: 200px;font-size: 16px;padding: 8px 25px;margin: 20px 0 0 0;}
.hero-content .hero-content-wrap {flex-flow: column-reverse;align-items: center;}
.hero-content-info {padding-left: 0;text-align: center;}
.accordion-button {font-size: 16px;padding: 20px 55px 20px 20px;}
.accordion-body p {font-size: 16px;line-height: 24px;}
.frequently-wrap-left p {font-size: 16px;line-height: 24px;}
.frequently-wrap-left h2 {font-size: 26px;}
.need-section form select {padding: 10px 35px;margin-top: 10px;}
.need-section-inner {width: 100%;padding: 20px;margin-top: 30px;}
.appointment-col-right h2 {font-size: 24px;}
.appointment-col-right p {font-size: 16px;line-height: 24px;}
.service-wrap {flex-flow: column;}
.service-wrap-col {width: 100%;}
.service-card {padding: 15px;margin: 10px 0 auto;max-width: 100%;}
.greece-btn a {font-size: 14px;}
.greece-content h2 {font-size: 24px;line-height: 26px;}
.greece-content p {font-size: 16px;line-height: 24px;}
.footer-nav {width: 100%;}
.copyright-info p {font-size: 14px;line-height: 16px;}
.footer-nav ul li{width: 100%;text-align: center;border-bottom: 1px solid #e0e0e0;}
.footer-nav ul li:last-child {border-bottom: none;}


/* contact pages css */
.form-section .inuput-group {width: 100%;}
.need-section-contact form {margin-top: 0;}
.need-section-contact form label {margin-bottom: 0;}
.need-section form .inuput-group {margin: 0;margin-bottom: 10px;}

 /* blog */
.blog-content-wrap {margin: 0;}
.blog-content-col {width: 100%;margin: 0px 0px 40px 0px;    }

/*  error page css */
p {font-size: 14px;line-height: 24px;}
.error-content{padding: 10px;}
.top-nav-link li:nth-child(2) { order: -1;width: 100%; text-align: center; padding-right: 0; }
.top-nav-link li { padding-right: 13px; }
.navigation { top: 134px; }
 .modal_content .modal-dialog {max-width: calc(1000px + 40px);padding: 0px 10px;}
}

@media (max-width: 350px) {
.Personal-form .form-btn {font-size: 12px;}
}

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