@media (max-width:1024px){
  .font11{
    font-size: 11px!important;
  }
  .row.appliform-topsection {
    padding: 20px 12px;

  }
.searchtitle h1{font-size:36px}
h2{font-size:26px}
.steps-inner .col-25{width:50%}
.rule-cond .col-50{width:100%}
.rule-cond .transitvisa{padding:0}
.seemles-section .col-25{width:33.33%}
.seemless-abso{padding:10px}
.seemless-abso h5{font-size:20px}
.seemless-abso p{font-size:16px}
.faqhome .titlemain{width:100%;margin:0 0 20px}
.faqcolright{width:100%}
.sliderbuttons li.next{right:15px}
.sliderbuttons li.prev{left:15px}
.contact-col h3 { font-size: 15px;}
.repeat-left h1 { font-size: 20px;}
.repeatapply-btn a { padding: 12px 23px; font-size: 21px;}
.repeat-right h3 {font-size: 22px;}

.apply-circle { width: 300px; height: 300px;}
.tourism-uae-abso h2 { font-size: 6em;}

.searchsection .searchbtn input { background-position:90% 40px!important;}
.eligible-col ul li { width: 32%;}
.visadetail-table table thead th {  font-size: 14px;}
.tabfull { width:100%!important;}

}

@media (max-width:1023px){
  .font11{
    font-size: 11px!important;
  }
  .row.appliform-topsection {
    padding: 20px 12px;

  }
.logo-panel{width:50px;padding:0 5px 0 0}
.navigation-main{margin-top:16px !important}
.navigation-panel a{margin:0px 2px 0px 0; padding:8px 5px;}
.searchsection{padding:100px 0 120px !important}
.steps-inner .col-25{width:100%!important}
.whychoose-main .col-50{width:100%}
.faqhome .titlemain h2{font-size:29px;font-weight:600;margin:0 0 0px;line-height:normal}
.eligible-col ul li{width:31.6%}
.footerlogo{margin-top:0px !important}
.footerbottomNew.col-70{width:100%;margin:10px 0 0}


.titlebanner h1 {font-size: 3em;}
.titlebanner span.absotitle {font-size: 9em;right: 40px;bottom: -50px;}
.titlebanner p {  font-size: 18px;}
.visafees-top .col-45 { width: 100%;}
.visafees-top .col-50 { width: 100%;}
.innercontent { padding: 20px 0;}
h4 { font-size: 18px;}

.tacklist { margin: -60px 0 0; width: 100%;}
.contact-col img { max-height: 45px;}
.col-50.contact-addressleft { width: 100%;}
.col-50.contact-addressright { width: 100%; border: none !important; padding: 0;}

.repeat-left { width: 55%;}
.repeat-right { width: 40%;}
.repeatbtn .col-50 {width:100%;}
.repeatbtn .col-30 {width:100%;}


.apply-col { margin: 0 0 30px;  padding: 0 0 10px;}
.apply-col-right { margin-right: 25px;}
.apply-circle {  width: 230px; height: 230px;}
.arrowbig { width: 90px;}

.innercontent h3 { font-size: 18px;}
.tourism-uae-abso {position: relative;top:0;padding: 25px;background: rgba(0, 0, 0,1);color: #fff;left: 0px;height: 100%;transition: all 0.5s;}
.tourism-uae-abso h2 {font-size: 4em;transition: all 0.5s;position:relative; top:0px; left:0px;line-height: 55px;}
.tourism-uae-abso-content {position: relative;top: 0%;padding: 0px;color: #fff;left: 0%;transform: translate(0%,0%);height: 100%;transition: all 0.5s;}
.tourism-uae-abso p {line-height: normal;margin: 0 0 6px;font-size: 13px;float: left;}
.tourism-uae-col:hover .tourism-uae-abso-content {/*--background: rgba(22, 53, 98,1);--*/ transform: translate(0%,0%); height: 100%;transition:all 0.5s;}
.tourism-uae-col:hover .tourism-uae-abso h2 { position:relative; top:0px;transition: all 0.5s;}

.visatitle { padding: 40px 0 0;width: 100%;}
.visadetail-right {border-right: none; padding-right: 0; width: 100%;}
.visadetail-left { width: 100%;}
.searchsection.searchsection-visa .searchsection-inner { display:none;}

.appliform-main {  padding:0;}
.formcontrol { width: 50%!important;}

.ordersummery-right { border-right: none; padding-right: 0px; width: 100%; min-height: auto;}
.ordersummery-left { border-radius: 7px; width: 100%;}
.searchsection .forminputcol label {  font-size: 14px;}
.searchsection .forminputcol select {font-size: 17px;}
.searchsection .searchbtn input {font-size: 20px;}

.searchsection .citizenfield::before {left: 14px;top: 22px;width: 18px;}
.searchsection .travellingfield::before {left: 5px;top: 25px;width: 35px;}
.searchsection .travellingfield,
.searchsection .citizenfield { padding-left: 50px!important;}
.searchsection .forminputcol {padding: 10px 5px;}

.tacklist .tacklistinner { width: 100%;}
.contact-addressleft .col-50 {width: 100%;}
.contact-col {  width: 100% !important; margin-bottom:15px;}
.contact-addressleft ul li strong {  width: 86%;}
.tourism-uae-information li { width: 50%;}
.whyusmain {padding: 10px;}
.whyusmain .titlemain {width: 100%;   float: left;   margin: 0 0 30px;   text-align: center;}
.whyuscolmain {width: 100%;}
.whyuscol { width: 50%;}
.whyuscolicon {width: 50px;}
.mostpopularsmain { width: 48%; background: #fff; margin: 0 2% 5% 0;}
.eligible-section { padding: 10px 0;}

.visatitle span { font-size: 23px;}
.form-choose-option-col-name { float: left;width: 70%;}
.form-choose-option-col-name p { font-size: 16px;}
.feessectionrow h4 { font-weight: 500;font-size: 14px;}
.fee_inclusive { font-size: 12px;}
.discount_message {  top: 0px;}
.form-choose-option-right.feefull .feessectionrow { width: 100%;}
.footertwo .col-33 { width: 100%!important;padding: 0 !important; margin: 0 0 20px;}
.whattsap a{width:43px; height:38px; border-radius:10px;}
.wChat{ display:none;}
.mobfull { width:100%!important;}
.formcontrol .sameas { margin: 10px 0 15px!important;}

}



@media (max-width:767px){
  .formcontrol label{
    font-size: 12px;
  }
  .border-btm-mob{
    border-bottom: 1px solid #000!important;
  }
.sliderbuttons{ top:55%;}
.sliderbuttons li.next { right: -26px; width:30px; height:30px;}	
.sliderbuttons li.prev { left: -26px; width:30px; height:30px;}	
	
.vtitle span{ font-size:16px;}
.vtitle .warning{ font-size:12px;}
.logo-panel img,.mobPaddingNone,.paddingInBoxExtra.mobPaddingNone,.tab-content{padding:0!important}
.logo-panel{margin-left:40px!important;width:42px;padding:0}
.logo-panel img {float: left;max-height: 42px;}
.mobWhatsappIcon.fr.mt-10{margin-top:7px !important}
.menuIcon{position:absolute;left:12px;top:12px;cursor:pointer;width:30px;height:30px;background:url(../images/mobicon.png) 0 0/30px 30px no-repeat}
.searchtitle p {font-size: 13px;}
.mt14{ margin-top:5px!important;}

.navigation-panel ul { display: flex; align-items: center; flex-wrap: wrap;}
.navigation-panel{background: rgb(255, 216, 90);position: absolute;top: 56px;left: 0;z-index: 1000; width:100%; display:none;}
.navigation-panel a{width:100%;text-align:left;border-bottom:1px solid #f3c948;margin:5px 0 0!important; display:block;}
.navigation-panel a.active{background:0 0;color:#000;border-radius:0!important}
.navigation-panel a:hover { background:none;}
ul.naviMenu li a{padding:10px 15px!important}
ul.naviMenu li ul li a{padding:10px 0 10px 30px!important;margin:0!important}
.navigation-panel ul > li { width: 100%;}

.searchtitle h1{font-size:22px}
.searchsection { padding: 70px 0 20px !important;}
.searchsection-inner form { flex-wrap: wrap;}
.searchsection .forminputcol {padding: 10px 10px;flex-basis: 100%;border-right: none;}
.searchsection .searchbtn { width: 100%;}
.searchsection .forminputcol select {font-size: 17px;font-weight: 500;}
.searchsection .searchbtn {padding: 8px 0;border-radius: 6px;}
.searchsection .searchbtn input {  font-size: 21px; height:auto;}
.searchsection-inner {margin-top: 20px;padding: 10px; max-width:100%;}
.searchsection .searchbtn:hover { transition: all 0.3s ease-in-out; box-shadow: none;}

h2 { font-size: 20px;}
h3 { font-size: 18px;}

.whychoose-section {background: #f7f7f7; padding: 20px 0;}
.whychoose-section p { font-size: 16px;}

.rule-cond .col-50 {padding: 20px 0 10px 0px;}
.seemles-section {  padding: 20px 0; text-align:center;}
.seemles-section .col-25 {width: 320px;border: none !important;float: none !important;display: inline-block;}
.seemles-section h2 { text-align:left;}
.seemless-abso { padding: 10px; position: relative; float: left;}
.seemles-section .col-25:hover .seemless-abso { left:0%;transition:all 0.5s;}

.faqhome { padding: 20px 0;}
.faqhome .titlemain h2 { font-size: 20px;}
.faqhome label::before {  right: -20px;}
.faqhome h1 {font-size: 14px; font-weight: 400;}
.testimonial-section {  padding: 20px 0;}
.eligible-section { padding: 20px 0;}
.eligible-col ul li { width: 47%;margin: 0 6px 2px 0;}
.eligible-col { margin: 5px 0 0 !important;height: 300px;overflow: auto;}


.footerleft { padding: 15px 0 15px; border-right: none; width: 100%!important;}
.footerlogo { margin-top: 0px !important; width: 100%;}
.footerbottomNew ul { width: 100%;}
.col-50.paymentmethod { width: 100%;}
.socialicon-mains {width: 100% !important;padding: 0 !important; margin: 10px 0 0;}
.socialicons {list-style: none; float: left; width: 100%;}
.socialicons li { float: none; width: auto; margin: 0 5px 0 0; display: inline-block;}
.footerright { padding: 0 0 20px; width: 100%; text-align: center;}
.footerright a { display: inline-block;}
.footer-copy {  padding: 10px 0;}

.whyusmain { margin: 20px 0 0;}

header .whattsap a {font-size: 0;padding: 5px 6px 7px;border-radius: 38px;width: auto; display: block;height: auto;float: left; /*! display:none; */}
header .whattsap a svg { position: relative; width: 21px; left: 0; fill: #fff; top: 1px; padding: 0; float: left; display: block; margin: 0; overflow: auto;}
header .whattsap a img { position: relative; width: 21px; left: 0; top: 1px; padding: 0; float: left; display: block; margin: 0; overflow: auto;}
header .whattsap a strong { font-size: 0; line-height: 13px;}


.title-section {padding: 65px 0 10px;}
.titlebanner h1 { font-size: 21px;font-weight: 500;}
.titlebanner span.absotitle { display: none;}
.titlebanner p { font-size: 15px;}

.breadcrumb-section { box-shadow: none; position: relative; background: #fff; padding: 5px 0 !important;}
.breadcrumb a { padding: 0px 3px; margin: 3px 0px; font-size: 12px;}
.breadcrumb span {  padding: 0px 6px;}

.innercontent { padding: 10px 0;}
h4 { font-size: 15px;}
.innercontent p { line-height: normal; margin: 0 0 5px; font-weight: 400; font-size: 13px;}

.trackapplication-top { padding: 20px 0 50px;}
.trackapplication-top .track-field input {  width: 80%;}
.innercontent.row.trackapplication { padding: 0 0 0px;}
.tacklist .col-40 { width:100%;font-weight: 600;}
.tacklist .col-60 {width:100%;}
.tacklist {font-size: 14px;}

.contact-col { padding: 10px 0px; width: 100% !important; margin-right: 0px; background:none; border:none;margin-bottom: 0px;}
.contact-addressleft ul li {  width: 100%;}

.repeat-left { width: 100%; border: none !important; padding: 0;}
.repeat-left h1 { font-size: 16px;}
.repeat-right { width: 100%; margin: 20px 0 0;}
.repeatbtn { text-align:center;}
.repeatbtn h2 {width: 100%;}
.repeatbtn p { margin:0;width: 100%;}

.faq-col h3 { margin: 0 0 10px; font-size: 14px;}
.faq-col p { margin:0;}
.faq-col { margin: 0 0 10px; padding: 0 0 10px;}

.apply-col-left {width: 100%;}
.apply-col-right { margin-right: 0px; width: 100%;}
.apply-col { margin: 0 0 0px; padding: 0 0 10px; text-align: center;}
.arrowbig { display:none;}
.apply-col-right img { width:70%;}
.apply-circle { width: 200px; height: 200px; position: absolute; right: 20px; top: -20px; background: rgba(255, 220, 92, 0.2); display:none;}

.tourism-uae-abso h2 {font-size: 2em;}
.tourism-uae-abso {padding:15px;}

.visatitle { padding: 10px 0 0; width: 100%;}
.visatitle h1 { font-size: 21px; color: #fff; font-weight: 400;}
.searchsection.searchsection-visa { padding: 60px 0 15px !important;}
.benefitsright h1 {font-size: 18px;}

.visadetail-table .tooltip .tooltiptext { width: 300px; left: -150px; top: -24px;}
.formcontrol { width: 100%!important; padding: 0 0 10px;}
.col-50 { width: 100% !important;}
.application-buttons .btn-dft { margin: 4px 5px; min-width:220px;}
.btn-dft {  padding: 8px 15px; font-size: 17px;}
.addmore-main { padding: 14px 13px;}

/*-------------*/
.navigation-panel a {
  padding: 8px 7px;}

/* Force table to not be like tables anymore */
.tableresponsive table, 
.tableresponsive thead, 
.tableresponsive tbody, 
.tableresponsive th, 
.tableresponsive td, 
.tableresponsive tr { 
display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.tableresponsive thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

.tableresponsive tr { margin-bottom:0px;}

.tableresponsive td { 
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50% !important; 
white-space: normal;
text-align: left;
word-break: break-word;
width: auto;
}

.tableresponsive td:before { 
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 7px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: normal;
text-align:left;
font-weight: 500;
word-break: break-all;
}

/*
Label the data
*/
.tableresponsive td:before { content: attr(data-title); }

.refid {padding: 6px 6px; font-size: 13px; font-weight: 400;}
.payment-method ul li img {  max-height: 40px; min-height: 40px;}
.payment-method ul li {width: 48% !important;padding: 10px 10px;border-radius: 5px;margin:7px 4px 0 2px !important;overflow: hidden;position: relative;}
.proceed-pay {padding: 0 !important;}
.searchsection .searchbtn input:hover { font-size: 21px;}
.tourism-uae-information li { width:100%;}

.whyuscol {   width: 100%; margin: 0 0 20px;padding: 0;}
.mostpopular { margin: 30px 0 0px;}
.mostpopularsmain {   width: 100%; background: #fff;margin: 0 2% 10% 0;}
.logocenter { width: 130px;border: 5px solid #305e8f;height: 130px;}
.livechat {margin: 7px 5px 0 10px;}
.whyusmain .titlemain h2 { margin: 0 0 5px;font-size: 22px;}
.visatitle span { font-size: 14px;}
.visatitle .flags {width: 35px; height: auto; margin: 0;}
.row.appliform-topsection { padding: 15px 15px;}
.formcontrol .sameas { float: left;margin: 10px 0 10px; width: 100%;}
.whatsapp-countrycode { width: 100%; float: right;}
.feessectionrow h4 { border: none;}
.aboutfooter p { text-align: center; font-weight: 300;}
.soicalLinks a { float: none;font-size: 16px; display: inline-block;}
.application-note { margin: 10px 0 0;}
.application-buttons { margin: 10px 0 10px;}
#faqs {margin-top: 0px;}
.wa {width: auto!important}
}



@media (max-width:480px){

.eligible-col ul li {
  width:100%;
  margin: 0 0px 2px 0;
}
	
}