@media only screen and (max-width:1799px){
.banner { padding-bottom:54px;}
.footer-menu {padding: 60px 40px 30px 100px;}
.footer-menu .copy-right {margin-top: 30px;}
}

@media only screen and (max-width:1599px){ 
.banner {margin-top: -20px;}
.banner { padding-bottom:60px;}
.banner_cont h1 {font-size: 50px;}  
.banner_cont h3 {font-size: 30px;}  
}
     
@media only screen and (max-width:1399px){
.banner_cont .tra-btn {padding: 15px 20px;}
.banner { padding-bottom:51px;}
.boat img {width: 350px;}
.croatian_cont h5 {padding: 0;}
.visa_offer .row {padding: 0 0px;}
.appointment_img_hea h5 {font-size: 20px;}

.croatian_cont { padding: 20px 20px !important;}
.croatian_cont p {margin-bottom: 20px;line-height: 26px;}

.flogo-sec {padding: 40px 0px 40px 0px;}
.footer-menu {padding: 40px 20px 30px 40px;}
 
.payment_info_box .default_btn { font-size: 16px;font-weight: 600;}
}

@media only screen and (max-width:1199px){
h1 {font-size: 38px;}
h2 {font-size: 32px;}
h3 {font-size: 30px;}
h4 {font-size: 28px;}
h5 {font-size: 26px;}
h6 {font-size: 22px;}
  
.banner_cont h3 {font-size: 26px;}
.banner { padding-bottom:57px;}
.banner_cont h1 {font-size: 44px;}
.croatian_trip h2 {padding-right: 0;}
.visa_type_offer a {padding: 20px 15px;}
.appointment_img_hea h5 {font-size: 16px;}
.appointment_img_hea img {width: 30px;margin-right: 8px;}
.premium_express p {padding-right: 0;}
.visa_service .row {padding: 0 0px;}
.visa_service_box {padding: 60px 20px 20px 20px;}
.visa_service_box h6 {padding: 0 0px;}
 
.footer-menu {padding: 30px 30px 30px 30px;}
.menu-list h6 {padding-bottom: 15px;margin-bottom: 20px;}
.menu-list ul li {margin-bottom: 2px;} 
}   

@media only screen and (max-width:991px){
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 28px;}
h4 {font-size: 26px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}

.faq-page {padding: 40px 0px;}

.banner_cont {padding: 0 40px;}
.banner_cont h3 {font-size: 24px;}
.banner_cont h1 {font-size: 36px;}
.banner_cont .tra-btn {padding: 12px 15px;border-radius: 10px;}
.boat img { width: 250px; }         
.banner { padding-bottom:39px;}     
.croatian_trip_img figure:nth-child(1) {padding-right: 10px;}
.croatian_trip_img figure:nth-child(2) {padding-left: 10px;}
.visa_type_offer h5 {font-size: 20px;}
.contact-list {margin: 0 0px 50px;}

.footer_soacial_vart {flex-wrap: wrap;}
.footer-menu .visa-card {margin-bottom: 20px;}

.social li {margin-right: 15px;}
.footer-menu {padding: 30px 20px 30px 20px;}
.menu-list ul li a {font-size: 15px;line-height: 32px;}
  
.blog-box {display: block;}
.blog-img {width: auto;margin-bottom: 15px;}
.blog-cont {width: auto;padding: 0;} 

.payment_info_box img{ width: 100%;}
}

@media only screen and (max-width:767px){
h1 {font-size: 34px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}   
h5 {font-size: 20px;}   
h6 {font-size: 20px;}   
.default_btn { padding: 11px 40px; }    

.banner { margin-top: 10px;  }    
.desktop_banner{ display: none; }   
.mobile_banner{ display:block; }    

.banner .masked-image { height: 350px; object-fit: cover; border-radius: 10px; }
.banner_cont {padding: 0 25px;}
.banner_cont h1 {font-size: 32px;line-height: normal;}
.banner_cont .tra-btn {font-size: 18px;padding: 12px 14px;}
.arrow-btn img {margin-left: 10px;}
.appointment_step .appointment_box {width: 100%;border-right: 0px solid #000000;border-bottom: 2px solid #000000;margin-bottom: 20px;}
.banner { padding-bottom:30px;}
.boat img {width: 120px;}
.boat{ -webkit-animation: moveship 20s linear infinite; -moz-animation: moveship 20s linear infinite; } 

.croatian_trip {padding: 30px 0px;}
.croatian_trip_img {margin: 20px 0;}
.croatian_cont h5 {font-size: 18px;line-height: normal;}
.visa_offer {padding: 10px 0px 30px 0px;}
.visa_offer .row {margin-top: 30px;margin-bottom: 0px;}
.visa_type_offer {margin-bottom: 20px;}
.visa_type_btn p {margin-bottom: 20px;}
.appointment {padding: 30px 0px 30px 0px;}
.appointment_step {margin-top: 20px;margin-bottom: 0px;}
.appointment_step_heading .circle {right: 0;}
.appointment_img_hea h5 {font-size: 18px;}
.just_keep p {margin-bottom: 40px;}
.permanent_clients p {margin-bottom: 0;}
.premium_express {padding: 40px 0px;}
.location_map {margin-top: 30px;}
.visa_service .row {margin-top: 0;}
.visa_service .row [class*="col"] {margin-top: 70px;}
 
.faq-page {padding: 30px 0px;}
.faq-page .accordion-button {padding: 15px 55px 15px 15px;font-size: 16px;line-height: normal;}
.faq-page .accordion-body {padding: 0px 35px 20px 15px;}

.footer-menu {margin-top: 10px;}
.footer-menu .menu-list {width: 100%;margin-bottom: 40px;}
.footer-menu .menu-list:last-child {margin-bottom: 0;}
.footer-menu .visa-card {margin-top: 0px;}
footer.footer .col-md-8:before {left: 0;}
.contact-list {margin: 0 0px 30px;} 
.flogo-sec {padding: 30px 0px 30px 0px;}    
.footer-menu {padding: 30px 0px 30px 0px;}  
.footer_soacial_vart {margin-top: 0px;} 

.table thead tr th {padding: 8px 10px;}
.table{width: 100%;display: block;overflow-x: auto;}
.table tr th, .table tr td { font-size: 14px; padding: 8px 10px; min-width: 120px; vertical-align: middle;}
    
.table-visa-docs { margin-top: 0px !important; border: none; width: 100%; display: block; overflow-x: auto;}
.table-visa-docs tr th, .table tr td { font-size: 14px; padding: 8px 10px; min-width: 142px; vertical-align: middle;}
.table-visa-docs tr td p, .table-visa-prices tr td p{ font-size: 14px;} 

.page404 figure img {width: 300px;}
.page404 h6 {font-size: 36px;}
.page404 p {font-size: 18px;}
 
.get-touch {padding: 30px 0px;}
.get-touch h2 {margin-bottom: 20px;}
.row.form-sec {padding: 20px 10px;}
.form-group .form-control {padding: 10px 15px;}
.contact-info {margin-top: 50px;}
.contact-info .contact-box {margin-bottom: 20px;border-right: 0px solid #333446;border-bottom: 1px solid #333446;padding-bottom: 20px;}
.contact-info .contact-box:last-child {border: none;padding-bottom: 0;}

.banner-inner h1 {font-size: 28px;}
.banner-inner {padding: 20px 0px;}
.application-process-section {padding: 30px 0px;}
p {line-height: 26px;}
   
.documents-visatype-section {padding: 30px 0px;}
.success_rate {padding: 30px 0px;}
.traveling_parent {padding: 30px 0px;}
.traveling_parent .list-style {margin: 30px 0;}

.visa_types { padding: 30px 0px;}
.list-style li::before {height: 19px;width: 18px;top: 4px;}
.list-style li {padding-left: 30px;}

.payment_page {padding: 30px 0px;}
.payment_sec.form-sec { padding: 20px 20px;}
.payment_info_box {padding: 10px 0px;}

.default_template {padding: 30px 0px;}
h2, h3, h4, h5,  h6{ margin-top: 30px;}
h2{ margin-bottom: 20px;}
.form-sec { padding: 20px 20px;}


.application-accordion .accordion .accordion-item .accordion-body {padding: 0px 20px 30px 20px;}
.application-accordion .accordion {column-count: 1;}
.application-accordion {margin-top: 30px;}
.application-accordion .accordion-item .accordion-header .accordion-button {height: auto;}
  
}