.introsection, .fltheading{max-width: 900px; width: 94%; margin: 0 auto; text-align: center; margin: 20px auto 0;}

.fltheading h1{font-size: 3.4em; font-size: clamp(2.4em, 4vw, 3.4em); margin-bottom: 15px; color: #000000; color: var(--txtblack);   font-weight: 800;}
.introsection p, .fltheading p{ line-height: 25px; font-size: 1.8em; color: var(--txtsixteen); font-weight: 500; color: #000000; color: var(--txtblack); padding-bottom: 10px;}
#moreText{display: none;}

.fltheading p a, .headingcont p a{ color: #F95539}
#moreText h2{font-size: 3em; font-size: clamp(2em, 4vw, 3em); margin-bottom: 15px; color: #000000; color: var(--txtblack); font-weight:800; text-align: center; margin-top: 20px; margin-bottom: 10px;}
.introsection a#readMore, .fltheading a#readMore{font-size: 1.6em; color: #ff0000; margin-top: 10px; display: block;}
/* bof: Campaign */
.o-grid{ width:100%; max-width:1280px; margin: 0 auto; margin-bottom: 35px;}
.o-grid .o-grid-items-bx{display:block; background: #fff; padding-left: 30px;}
.o-grid .o-grid-items-bx a{text-decoration: none; color: #000000; width: 100%;}
.o-grid .o-grid-items-bx a[href="#"]{ pointer-events: none;}
.o-grid .o-grid-items-bx .o-grid-items{background: #fff; box-shadow:0px 8px 32px rgba(0,0,0,.06); transition: all .5s; box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); width: 23%; margin: .5%; display: inline-block; vertical-align: top;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(even) .o-grid-img img{height: 230px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(5), .o-grid .o-grid-items-bx .o-grid-items:nth-child(7){margin-top: -20px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(5) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(7) .o-grid-img img{height: 230px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(6), .o-grid .o-grid-items-bx .o-grid-items:nth-child(8){margin-top: 10px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(6) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(8) .o-grid-img img{height: 200px;}

.o-grid .o-grid-items-bx .o-grid-items:hover{background: #f3f3f3;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img{ width:100%; position: relative; }
/*.o-grid .o-grid-items-bx .o-grid-items .o-grid-img a::after{background-color: rgba(0 0 0 / 15%); content: ''; width: 100%;  height: 100%;
display: block; top: 0; left: 0; position: absolute;}*/
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img a[href="#"]{ pointer-events: none;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img span.airlinelogo{position: absolute; right: 15px; top:15px; z-index: 9;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img span.airlinelogo > img{width: 141px; height: 41px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo{ position: absolute; top: 20px; left: 20px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo1{ position: absolute; top: 20px; right: 20px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo img{ width: 200px; height: auto!important;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo1 img{ width: 100px; height: auto!important;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img > img{ width:100%; height: 200px; object-fit: cover; border-radius:0; display: block;}



.o-grid .o-grid-items-bx .o-grid-items .o-grid-info{ width:100%; display: flex; flex-wrap:wrap; flex-direction: column; padding:12px; position: relative; height: 165px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info strong{ font-size: 1.8em; font-weight: 700; margin-bottom: 5px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info strong a{ text-decoration: none; color: #000000;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul{list-style: none;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li{font-size: 1.5em; margin-top:6px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li a{ text-decoration: none; color: #000000; transition: all .5s;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li a span, .o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li  span{font-weight: 700; color: #F95539;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li  span:after{ content: '*';}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li a:hover span{font-weight: 900;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info p{ width:100%;font-size: 1.6em; padding-top:5px; line-height: 21px; }
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info .gridinfobtn{background-color: #F95539; background-color: var(--btnred); width: 40px;
height: 30px; position: absolute; right: 10px; bottom:10px; text-align: center; line-height: 40px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info .gridinfobtn > a{text-align: center; padding-top: 7px; display: block;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info span.airlinelogo{ position: absolute; bottom: 10px; left:10px;}

/* .o-grid .o-grid-items-bx .o-grid-items .o-grid-info .gridinfobtn a{background-color: #F95539; background-color: var(--btnred);
width: 50px; height: 30px; display: block; text-align: center; line-height: 40px;} */

@media screen and (max-width:1200px){
    .o-grid .o-grid-items-bx{padding: 0; display: flex; flex-wrap: nowrap; overflow: auto; padding-bottom: 10px;}
    .o-grid .o-grid-items-bx .o-grid-items{flex:0 0 320px; margin-right: 10px;}
    .o-grid .o-grid-items-bx .o-grid-items:last-child{margin: 0;}
    .o-grid .o-grid-items-bx .o-grid-items:nth-child(even) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(5) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(7) .o-grid-img img{height: 200px;}    
    .o-grid .o-grid-items-bx .o-grid-items:nth-child(6), .o-grid .o-grid-items-bx .o-grid-items:nth-child(8), .o-grid .o-grid-items-bx .o-grid-items:nth-child(5), .o-grid .o-grid-items-bx .o-grid-items:nth-child(7){margin-top: 0;}    
}
/* bof: Campaign */



.headersection::after{display: none;}
.flightsection{max-width:1280px; width: 92%; margin: 0 auto; display: flex; justify-content: space-between;}
.flightsection .ftlsection{flex: 0 0 260px;}
.fltbox{ width: 100%; margin-bottom:30px;}
.fltbox .fltheading{display: flex; position: relative; margin-bottom: 7px; align-items: center;}
.fltbox .fltheading span{font-size: 1.6em; font-weight: 600;}
.fltbox .fltheading span:first-child{width:30px;}
.fltbox .fltheading span:last-child{position: absolute; right: 8px;}
.fltbox .shaidbox {box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); padding: 2px 8px; position: relative;}
.fltbox .shaidbox > ul{list-style: none; padding: 7px 0;}
.fltbox .shaidbox > ul > li{ padding:7px 0; margin:0; position: relative; overflow: hidden;}
.fltbox .shaidbox > ul > li > label{padding-right: 60px;}
.fltbox .shaidbox > ul > li >  span.callnowtxt{position: absolute; right:0px; top: 7px; font-size: 1.4em; color: #F95539; color: var(--txtred); cursor: pointer;}
.fltbox .shaidbox > ul > li > .checkbtn{padding-left: 25px;}
.fltbox .shaidbox > ul > li > .checkbtn .checkmark{width: 18px; height: 18px;  border-color: #707070;}
.fltbox .shaidbox > ul > li > .checkbtn .checkmark:after{left:5px; top: 2px; width: 4px; height: 7px; border-width: 0 2px 2px 0; border-color: #707070;}
.fltbox .shaidbox .priceslider{width: 100%; padding:15px 20px 30px 20px; }

div.morealtbtn a{padding:7px;}



/***Css Written by Vikas on 28-11-2024****/
/* .fltbox .shaidbox .fcabinclass {display:flex; flex-direction:column;}
.fltbox .shaidbox .fcabinclass .childcabin {flex:0 0 100%; border-bottom:1px solid #cccccc; position:relative;}
.fltbox .shaidbox .fcabinclass .childcabin:last-child {border:none;}
.fltbox .shaidbox .fcabinclass .childcabin a {font-size:1.4em; text-decoration:none; background:#ffffff; color:#000000; color:var(--txtblack); padding:10px; display:block; transition:all .5s;}
.fltbox .shaidbox .fcabinclass .childcabin[checked="checked"] a {background:#e7e7e7;}
.fltbox .shaidbox .fcabinclass .childcabin a:hover,
.fltbox .shaidbox .fcabinclass .childcabin[checked="checked"] a:hover {background:#e7e7e7;}

.fltbox .shaidbox .fcabinclass .childcabin a:after {content:url(/assets/images/blackdownicon.svg); background-repeat:no-repeat; background-position:0 10%; transform:scale(.5) rotate(-90deg); display:block; position:absolute; right:0; top:8px;} */




#rdbclslist {display:table; width:100%;}
#rdbclslist td {padding:10px; background:#ffffff; transition:all .5s; border-bottom:1px solid #cccccc;}
#rdbclslist tr:last-child td {border:none;}
#rdbclslist td:hover {background:#e7e7e7;}
#rdbclslist td:has(input):has([checked="checked"]) {background:#e7e7e7; /* conditional checked */}

#rdbclslist td input {display: inline-block; vertical-align: middle; margin: 0 6px 0 0; width: 20px; height: 14px} 
#rdbclslist td label {display: inline-block; vertical-align: sub;  width: calc(100% - 26px);}
#rdbclslist td label a {font-size:1.4em; text-decoration:none; color:#000000; color:var(--txtblack); display:block; transition:all .5s; font-weight: 600;}
#rdbclslist td label a:hover {background:#e7e7e7;}

/***Css Written by Vikas on 28-11-2024****/


div#slider-range1, div#slider-range2{position:relative;}
.fltbox .shaidbox .priceslider .row .rangestrip {height: 8px; border: 1px solid #174285;}
.fltbox .shaidbox .priceslider .row .pricerange {position: relative; z-index: 9;}
.fltbox .shaidbox .priceslider .row .pricerange span.pricestardot{margin-left: -8px;}
.fltbox .shaidbox .priceslider .row .pricerange span.priceenddot{margin-left: -4px;}
.ui-slider-range.ui-corner-all.ui-widget-header{left: 0%; width: 100%; height:9px; position: absolute; background:#174285; top: 0px;}

.srch-result .error > p.text{font-size: 1.6em; line-height: 24px; font-weight: 600;}


.fltbox .shaidbox .priceslider .row .pricerange{position: relative;}
.fltbox .shaidbox .priceslider .row .pricerange span{width: 13px; height: 13px; border: 1px solid #174285; background-color: #ffffff;   border-radius: 50px; position: absolute; top: -10px; cursor: pointer;}
.fltbox .shaidbox .priceslider .row .pricerange span.pricestardot{left: -5px;}
.fltbox .shaidbox .priceslider .row .pricerange span.priceenddot{right: -5px;}





.priceslot{position: relative;}
.priceslot span{position: absolute; font-size: 1.4em; top: 8px; font-weight: 600;}
.priceslot span.pstxt{left: -12px;}
.priceslot span.pendtxt{right: -12px;}

.flightsection .fltdetail{flex: 0 0 calc(100% - 290px);}
.fltdetail .error{display: flex; justify-content: space-between;  box-shadow: -1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow);
    align-items: center; position: relative; height: 100vh; justify-content: center; text-align: center; font-size: 1.8em; font-weight: 600;
line-height: 27px;}
.resultnumber strong{font-size: 1.6em; font-weight:600; margin-bottom: 10px; display: block;}
.gridsection{width: 100%;  margin-bottom: 40px;}
.shaidgrid{display: flex; justify-content: space-between; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); align-items: center; position: relative;}
.shaidgrid.altgrid{background-color: #efecec; margin-top: 10px;}
.detailbox{flex:0 0 calc(100% - 200px); border-right: 1px solid #cccccc; border-right:1px solid var(--bordergrey);}
.alternativehidebtn{position: absolute; bottom: 6px; left: 12px;}

.alternativehidebtn a{background-color: #EFECEC; font-size: 1.4em; font-weight: 600; padding: 5px 20px;
text-decoration: none; color: #000000; color: var(--txtblack);}
.detailbox .row{ display: flex; border-bottom: 1px solid #cccccc;  border-bottom: 1px solid var(--bordergrey); padding: 40px 0; position: relative;}
.detailbox .row > strong{font-size: 1.6em; font-weight: 800; position: absolute; left: 5px; top: 10px; color: #000000; color: var(--txtblack);}
.airclass{flex:0 0 200px; }
.airclass .airlineimg{width: 100%; text-align: center;}
.airclass .airlineimg > img{max-width:141px; height: auto; margin-bottom: 10px;}
.airclass .airlineimg span{display: block; font-size: 1.3em; color: #000000; color: var(--txtblack); margin:5px 0; font-weight: 500;}
.airclass .econame{text-align: center; font-size: 1.3em; color: #000000; color: var(--txtblack); font-weight: 700;}
.flightgroup{flex:0 0 calc(100% - 200px);}
.groupsection{ display: flex; align-items: center;}
.groupsection .groupcol{flex:0 0 30%;}
.groupsection .groupcol .col_detail{display: flex; flex-direction: column;  color: #000000; color: var(--txtblack);} 
.groupsection .groupcol .dept{font-size: 1.4em; font-weight: 700;}
.groupsection .groupcol strong.depttime{font-size: 1.8em; font-weight: 800; margin: 5px 0;}
.groupsection .groupcol .daymnt{font-size: 1.2em; font-weight:600;}
.stopgrid{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 10px;}
.stopgrid span{font-size:1.1em; font-weight: 600; color: #000000; color: var(--txtblack);}
.stopgrid span.girdline{border-bottom: 1px solid #174285; border-bottom: 1px solid var(--borderblue); margin: 3px 0; position: relative; width: 100%;}
.stopgrid span.girdline::after{display: block; position: absolute;right: 2px;top: -6px; transform: rotate(-45deg); content: ''; background-color: #174285; background-color: var(--bluebg); height: 8px; width: 1px;}
.stopgrid span.colstop{color: #000000; color: var(--txtblack);}
.callboxes{display: flex; flex-direction: column; align-items: center;}
.callboxes a{ text-decoration: none; color: #000000; color: var(--txtblack);}
.callboxes span{font-weight: 700; font-size: 1.4em;}
.callboxes strong{font-size: 2em; font-weight:900; margin:5px 0; color:#F95539; color: var(--txtorange); display: block;}
.callboxes strong img{ display: none;}
.callboxes span.cln{background-color: #F95539; background-color: var(--btnred); display: block; padding: 10px; text-decoration: none; color: #ffffff; font-size: 1.6em; width: 170px; font-weight: 600;}
.callboxes span.cln > img{vertical-align: middle; margin-right: 5px; display: none;}
.viewhidebtn{ position: absolute; bottom: 0px; right:auto; left: auto;}  
.viewhidebtn a{ background-color: #EEF3FC; background-color: var(--lightbluebg); font-size: 1.4em; font-weight: 600; padding: 10px 20px; text-decoration: none; color: #000000; color: var(--txtblack); width: 170px; display: block; height: 30px;}
.viewhidebtn a img[src$="blackuparrow.svg"]{transform: rotate(180deg);}
.flightgroup .groupcol:first-child{text-align: right;}
.flightgroup .groupcol:nth-child(2){flex: 0 0 40%}
.flightgroup .groupcol:last-child{text-align:left;}
.detailbox .row:nth-child(2n){border: none; padding-bottom: 60px;}
.numberbox{flex:0 0 200px; padding: 0 10px; text-align: center;}
.mobilefltbtn{ display: none;}
.mobilefltbtn a{font-size: 1.6em; font-weight: 600; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); padding: 2px 10px;
position: relative; width: 100%; display: block; margin-bottom: 30px; text-align: center; text-decoration: none; padding: 10px 0; color:#000000; color: var(--txtblack);}
.mobilefltbtn a img{margin-left: 10px;}

.row_grid{width: 100%; position: relative;}
.row_grid.view_details{display: none;}
.row_grid .gridbase{background-color: #EEF3FC; background-color: var(--lightbluebg); margin-bottom: 10px; 
box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);  box-shadow: var(--fltshadow);}
.row_grid .gridbase > strong{font-weight: 700; font-size: 1.6em; margin-bottom:5px; display: block; padding: 15px;}
.row_grid .gridbase .toprow{border-bottom: 1px solid #cccccc; border-bottom: 1px solid var(--bordergrey); padding: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.row_grid .gridbase .toprow .col{flex: 1; text-align: center;}
.row_grid .gridbase .toprow .col:first-child{flex:0 0 50%;}
.departfrom{display: flex; align-items: center; justify-content: center; padding-bottom: 10px;}
.departfrom span{font-size: 1.4em; font-weight: 600; margin-right: 10px;}
.row_grid .gridbase .toprow .col:first-child .departfrom span:last-child{margin-left: 10px;}
.departfrom img{margin-right: 10px;}
.row_grid .gridbase .toprow .col:first-child .departfrom{justify-content: left;}
.row_grid .gridbase .toprow .col:last-child .departfrom{justify-content: right;}
.row_grid .gridbase .toprow .col:last-child .departfrom .ttime{font-size: 1.4em; font-weight: 600;}
.row_grid .gridbase .toprow .col:last-child .departfrom .ttime > span{font-size: inherit;}

.row_grid .gridbase .rows{display: flex; flex-wrap: wrap; justify-content: space-between; padding:20px; align-items: center;}
.row_grid .gridbase .rows .col{flex:0 0 25%;}
.row_grid .gridbase .rows .col:nth-child(2){flex:0 0 50%;}
.airlineimg2{display: flex; justify-content: center; font-size: 1.3em; text-align: right; flex-wrap: wrap; font-weight: 600;}
.airlineimg2 span{display: block; width: 100%; text-align: center;}
.airlineimg2 > img{margin-bottom: 10px;}
.multiflght{ display: flex; align-items: center;  border: solid #cccccc; border: solid var(--bordergrey); border-width: 0 1px 0 1px; padding: 0 10px;}
.multiflght .boxes{flex:0 0 33.33%;}
.multiflght .boxes:first-child .box_detail{text-align: right;}
.multiflght .boxes:last-child .box_detail{text-align: left;}
.multiflght .boxes .box_detail{display: flex; flex-direction: column;  color:#000000; color: var(--txtblack);} 
.multiflght .boxes span.dept_outbound{font-size: 1.25em; font-weight: 700;}
.multiflght .boxes strong.depttime_outbound{font-size: 1.8em; font-weight: 800; margin: 5px 0;}
.multiflght .boxes span.daymnt_outbound{font-size: 1.2em; font-weight:600;}
.out_stopgrid{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 10px;}
.out_stopgrid span{font-size:1.2em; font-weight: 500; color:#000000; color: var(--txtblack);}
.out_stopgrid span.girdline{border-bottom: 1px solid #000000; margin: 3px 0; position: relative; width: 100%;}
.out_stopgrid span.girdline::after{ display: block; position: absolute; right: 2px; top: -6px; transform: rotate(-45deg); content: '';
background-color: #000000; height: 8px;  width: 1px;}
.out_stopgrid span.colstop{}

.out_boundcls{ padding-left: 20px;}
.out_boundcls ul{list-style: none;}
.out_boundcls ul li{font-size: 1.3em; font-weight: 600; margin-bottom:10px; padding-left:22px; position: relative; line-height: 18px;}
.out_boundcls ul li span{ display: block;}
.out_boundcls ul li img{ position: absolute; left: 0; top: -2px;} 
.stopoverstrip{background-color: #CBDAF6; text-align: center; padding: 15px; font-size: 1.4em; font-weight: 600;}



/* bof: flight result */
@media only screen and (max-width:1200px){
.shaidgrid{flex-direction: column;}
.detailbox, .numberbox{flex: 0 0 100%; width: 100%;}
.detailbox{border-right: none; border-bottom: 1px solid #cccccc; border-bottom: 1px solid var(--bordergrey);}
.numberbox{padding: 30px 0px 60px;}
.alternativehidebtn{left: 12px; transform: inherit; bottom: 8px;}
.row_grid .gridbase .toprow .col:first-child{flex:0 0 100%;}
.departfrom{justify-content: left;}
.form-section .newsletterbx .text .formGridbx ul li{justify-content: space-between;}
.form-section .newsletterbx .text .formGridbx ul li input, .form-section .newsletterbx .text .formGridbx ul li select{flex:0 0 calc(100% - 110px);}

}

@media only screen and (max-width:900px){
	div.cflightsection div.rows div.fltsection div#Divhotellisting div.fltbox{ display: none;}
	.introsection p, .fltheading p{ font-size: 1.6em; line-height: 21px;}
.flightsection{flex-direction: column;}
.flightsection .ftlsection, .flightsection .fltdetail{flex:0 0 100%;}
.detailbox .row{display: flex; border-bottom: 1px solid #cccccc;   border-bottom: 1px solid var(--bordergrey); padding: 10px 0 20px; position: relative; flex-direction: column;}
.airclass{display: flex; flex: 0; align-items: flex-end; margin-bottom: 20px;}
.airclass .airlineimg{order: 2; flex: 0 0 50%; text-align: right; padding-right: 10px;}
.airclass .econame{order: 1; flex: 0 0 50%; text-align: left; padding-left:8px; font-weight: 600;}
.airclass .airlineimg span{margin: 0;}
.stopgrid{ padding: 0 18px;}
.stopgrid span, .airclass .airlineimg span, .flightgroup .groupcol span.daymnt, .stopgrid span.colstop{font-weight: 600;}
.mobilefltbtn{ display: block;}
.numberbox{padding:20px 0px 40px;}
.row_grid .gridbase > strong{padding: 15px 6px 5px;}
.departfrom span{font-size: 1.3em;}
.row_grid .gridbase .toprow{flex-wrap: wrap; padding:5px;}
.row_grid .gridbase .toprow .col:first-child{flex:0 0 100%;}
.row_grid .gridbase .toprow .col{text-align: left;}
.row_grid .gridbase .rows{flex-wrap: wrap; padding: 20px 8px;}
.row_grid .gridbase .rows .col:first-child{order: 2; flex: 0 0 141px;}
.row_grid .gridbase .rows .col:nth-child(2){order: 3; flex: 0 0 100%;}
.row_grid .gridbase .rows .col:last-child{order: 1; flex: 0 0 calc(100% - 141px);}
.multiflght{border:none; padding: 0; margin-top:20px;}
.out_boundcls{padding: 0;}
.airlineimg2{ justify-content: flex-end;}
.airlineimg2 span{ text-align: right;}
.stopoverstrip{font-size: 1.3em;}
.searchbg{margin: 0px;}
.callboxes span, .callboxes strong{display: none;}
}
/* eof: flight result */

/*--------------------------------------------------- Bof: DelhiFlight ---------------------------------------------------*/
.flighttab{width: 100%;}
.flighttab ul{width: 100%; display: flex; justify-content: center; margin:30px 0;}
.flighttab ul li{flex: 0 0 auto; position: relative;  padding: 5px;}
.flighttab ul li a{font-size: 1.8em; padding: 10px 35px; text-decoration: none; display: block;
font-weight: 500; color: #000000; color: var(--txtblack); box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); background-color: #ffffff;}
.flighttab ul li::before {height: 2px; background-color: #cccccc; content: ''; display: block; width: 100%; position: absolute;
bottom: -4px; left: 0;}	
.flighttab ul li.active:after {background-color: #174285; background-color: var(--bluebg); height: 2px; position: absolute;
bottom: -4px; width: 50%; content: ''; 	left: 0; right: 0; margin: auto; border-radius: 10px;}	
.cflightsection{display:block; width: 100%;}
.cflightsection > .rows{max-width:1280px; width: 92%; margin: 0 auto; display: flex; justify-content: space-between;}
.fltsection{flex:0 0 250px;}
.fltdetail{flex:0 0 calc(100% - 280px);}
ul.clssecton{width: 100%;}
ul.clssecton li label{padding: 0 0 0 25px;}
ul.dptsection{width: 100%;}
.fltbox .shaidbox ul.dptsection > li{border-bottom: 1px solid #cccccc; padding:0px; margin: 0;}
ul.dptsection > li > a{text-decoration: none; font-size: 1.4em; color:#000000; color: var(--txtblack); font-weight: 600; padding: 10px; display: block; transition: all .5s;}
ul.dptsection > li > a:hover{ background-color: #e7e7e7;}
ul.dptsection > li > a::after{content: url(/assets/images/blackdownicon.svg); background-repeat: no-repeat; background-position: 0 10%; transform: scale(.5) rotate(-90deg); display: block; position: absolute; right: 0; top: 8px;}
.fltbox .shaidbox ul.dptsection > li:last-child, .fltbox .shaidbox ul.destsection > li:last-child, .fltbox .shaidbox ul.destsection > li > ul.destgroup > li:last-child, .fltbox .shaidbox ul.destsection > li > ul.destination-nav > li:last-child{border: none;}
ul.destsection{width: 100%;}
.fltbox .shaidbox ul.destsection > li{border-bottom: 1px solid #cccccc; padding:0px; margin: 0;}
ul.destsection > li > a{text-decoration: none; font-size: 1.4em; color:#000000; color: var(--txtblack); font-weight: 600; padding: 10px; display: block; transition: all .5s; text-transform: capitalize;}
ul.destsection > li > a:hover, ul.destsection > li > a.active{ background-color: #e7e7e7;}
ul.destsection > li > a::after{content: url(/assets/images/blackdownicon.svg); background-repeat: no-repeat; background-position: 0 10%; transform: scale(.5) rotate(0deg); display: block; position: absolute; right: 0; top: 10px;}
.fltbox .shaidbox ul.destsection > li > a.uparrow::after{transform: scale(.5) rotate(0deg); }
.fltbox .shaidbox ul.destsection > li > ul.destgroup, .fltbox .shaidbox ul.destsection > li > ul.destination-nav{width: 100%; background-color: #edf0f5; display: none;}
.fltbox .shaidbox ul.destsection > li > ul.destgroup > li, .fltbox .shaidbox ul.destsection > li > ul.destination-nav > li{border-bottom: 1px solid #cccccc; padding:0px; margin: 0;}
.fltbox .shaidbox ul.destsection > li > ul.destgroup > li > a, .fltbox .shaidbox ul.destsection > li > ul.destination-nav > li > a{text-decoration: none; font-size: 1.4em; color:#000000; color: var(--txtblack); font-weight: 600; padding: 10px; display: block; transition: all .5s; position: relative;}
.fltbox .shaidbox ul.destsection > li > ul.destgroup > li > a:hover, .fltbox .shaidbox ul.destsection > li > ul.destination-nav > li > a:hover{ background-color: #d1dae6;}
.fltbox .shaidbox ul.destsection > li > ul.destgroup > li > a::after, .fltbox .shaidbox ul.destsection > li > ul.destination-nav > li > a::after{content: url(/assets/images/blackdownicon.svg); background-repeat: no-repeat; background-position: 0 10%; transform: scale(.5) rotate(-90deg); display: block; position: absolute; right: 0; top: 10px;}


/* Breadcrum */
.breadcrumb--new{max-width: 1240px; width: 100%; margin: 10px auto; display: block;}
.breadcrumb--new ul.breadcrumb{list-style: none; display: flex; width: 100%; overflow: auto; flex-wrap: nowrap;}
.breadcrumb--new ul.breadcrumb li{font-size: 1.4em; color: #000000;  font-weight: 600; margin: 5px 0px; position: relative; padding-right: 0px;}
.breadcrumb--new ul.breadcrumb li a{font-size:.9em;color: #000000; text-decoration: none; position: relative; padding: 3px; display: inline-block; text-transform: capitalize;}
.breadcrumb--new ul.breadcrumb li a:hover{ text-decoration: underline;}
.breadcrumb--new ul.breadcrumb li::after{content: '';background-image: url(/assets/images/blackdownarrow.svg);width: 10px;height: 10px;
    margin: 0 1px;background-size: 10px 10px; transform: rotate(-90deg); display: inline-block; vertical-align: middle;}
.breadcrumb--new ul.breadcrumb li:last-child{ pointer-events: none;}
.breadcrumb--new ul.breadcrumb li:last-child::after{display:none}
/* Breadcrum */

/* Country flight grid */
.flightgridbx{width: 100%;}
.flightgridbx div#vPre, .flightgridbx div#vBus, .flightgridbx div#vPre{margin-top: 25px;}
.flightgridbx .rows{width: 100%; position: relative; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); margin-bottom: 20px; display: flex; justify-content: space-between; transition: all .5s;}
.flightgridbx .rows:hover{box-shadow:-1px 11px 20px rgba(0 0 0 / 15%);    background: #f1f1f1;}
.flightgridbx .rows .airlinediv{position: relative; flex-basis:220px; text-align: center; height: 130px; padding-top: 20px;}
.flightgridbx .rows .airlinediv > strong{font-size:1.4em; font-weight: 700;}
.flightgridbx .rows .airlinediv .airimgname{}
.flightgridbx .rows .airlinediv .airimgname span{display: block; font-size: 1.4em; margin-top: 5px; font-weight: 600;}
.flightgridbx .rows .citydiv{ position: relative; flex-basis:220px;}
.flightgridbx .rows .citydiv::after{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%); content: ''; width: 100%; height: 100%; display: block; top: 0; left: 0;  position: absolute;}
.flightgridbx .rows .citydiv > img{width: 100%; height: 177px; display: block; object-fit: cover;}
.flightgridbx .rows .citydiv > strong{position: absolute; left: 0; right: 0; margin: auto; bottom: 20px; font-size: 2em; font-weight: 700; color: #ffffff; text-align: center; z-index: 9; text-transform: capitalize;}   
.flightgridbx .rows .fltboxes{flex:0 0 calc(100% - 220px); display: flex;}
.flightgridbx .rows .fltboxes .fltbx{flex:0 0 calc(100% - 200px);}
.flightgridbx .rows .fltboxes .fltbx .fltinset{ display: flex; flex-direction: column; height: 100%; padding:5px 10px;}
.flightgridbx .rows .fltboxes .fltbx .fltinset .fltairlogo{text-align: center;}
.flightgridbx .rows .fltboxes .fltbx .fltinset .tvldate{font-size: 1.3em; padding: 0 10px; font-weight: 600; text-align: center;}
.fltflightgrid{width: 100%;}
.fltflightgrid .row{display: flex; justify-content: space-between; flex-wrap: wrap;}
.fltflightgrid .row .col{flex:0 0 50%;}
.fltflightgrid .row .col:first-child{order: 2;}
.fltflightgrid .row .col:nth-child(2){flex:0 0 100%; order: 1; margin-bottom: 6px;}
.fltflightgrid .row .col:last-child{order: 2;}
.fltflightgrid .row .col:last-child{ text-align: right;}
.comfltrtr{text-align: center; margin: 10px 0px; display: block; padding: 0 50px; position: relative; }
.comfltrtr::before, .comfltrtr::after{width: 40px; height: 40px; background-repeat: no-repeat; display: block; position: absolute; transform: scale(.7); top: 0;}
.comfltrtr::before{content: url('/assets/images/blackdeparticon.svg'); left: 0; }
.comfltrtr::after{left: auto; right: 0; content: url('/assets/images/blackarriveicon.svg');}
.comfltrtr span.rtrn{font-size: 1.4em; font-weight: 600;}  
.comfltrtr span.breakline{height: 1px; background-color: #000000; width: 100%; display: block; margin: 3px 0; position: relative;}  
.comfltrtr span:nth-child(2)::after{height: 1px; background-color: #000000; content: '';  display: block; width: 10px; position: absolute;
top: -3px; right: 0; transform: rotate(35deg);}
.comfltrtr span:last-child::after{height: 1px; background-color: #000000; content: '';  display: block; width: 10px; position: absolute;
top:3px; left: 0; transform: rotate(35deg);}
.comflttxt{font-size: 1.4em; font-weight: 600;}
.comflttxt img{ display: none;}
.flightgridbx .rows .fltboxes .callbx{flex-basis:200px; border-left: 1px solid #cccccc;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx{display:flex; justify-content: space-around; align-items: center; flex-direction: column; height: 100%; padding: 10px;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .col{flex:0 0 auto}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .acname{flex-direction: column; display: flex; align-items: center;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .acname span{font-size: 1.3em; margin: 2px 0; font-weight: 700; display: none;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .acname span.airlinenm{display: block;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .fltfare{font-size: 1.3em;  color: #F95539; color: var(--txtred); font-weight: 700;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .fltfare strong{font-size: 1.8em; font-weight: 800;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection{width: 100%;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a{display: flex; flex-direction: column; align-items: center; text-decoration: none;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a span{font-size: 1.4em; color:#000000; color: var(--txtblack); font-weight: 700;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a span > img{display: none;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a strong{font-size: 1.8em; font-weight: 900; color: #F95539; color: var(--txtred); margin-top: 5px;}
.floadmore{width: 100%; display: none;}
.floadmore > a{box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); padding:8px 18px; display: inline-block; font-size: 1.4em; color:#000000; color: var(--txtblack); text-decoration: none; font-weight: 600;}
/* Country flight grid */

/* City flight grid */
.flightgridbx > .rows.citygrid{height: 150px;}
.flightgridbx > .rows.citygrid .fltboxes .fltbx .fltinset{padding-top:0px;}
.flightgridbx > .rows.citygrid .airlinediv > strong.ctyname{padding:15px 0 10px;}
.flightgridbx > .rows.citygrid .fltboxes .callbx{border: none;}
/* City flight grid */

.cstmrsection{max-width: 1280px; width: 92%; margin: 0px auto;}
.topdest{display:none; flex-wrap: wrap; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); max-width: 1280px; margin-bottom: 20px;}
.topdest:first-child{display: flex;}
.topdest .imgsection{flex-basis:50%;}
.topdest .imgsection > img{width: 100%; height: auto; display: block; }
.topdest .destcont{flex-basis: 50%; padding: 20px; height:100%; overflow: auto; max-height: 300px;}
.topdest .destcont::-webkit-scrollbar {width: 5px; height: 8px; background-color: #aaa;}
.topdest .destcont::-webkit-scrollbar-thumb{background: #000;}
.topdest .destcont::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #f5f5f5;}
.topdest .destcont > strong{font-size: 2em; margin: 12px 0; color:#000000; color: var(--txtblack); font-weight: 600;}
.topdest .destcont > p{font-size: 1.4em; line-height: 20px; margin: 10px 0;}
.topdest .destcont > a{text-decoration: none; color: #ff0000; font-size: 1.3em; font-weight: 600;}



@media only screen and (max-width:1200px){
.flightgridbx .rows .fltboxes{flex:0 0 100%;}
.flightgridbx .rows .citydiv{position: absolute; top: 0;}
.flightgridbx .rows .citydiv > img, .flightgridbx .rows .citydiv::after{display: none;}
.flightgridbx .rows .citydiv > strong{bottom: -30px; color:#000000; color: var(--txtblack); left: 18px; font-size: 1.8em;}
.flightgridbx .rows .fltboxes .fltbx .fltinset .tvldate{padding-top: 20px;}
.flightgridbx > .rows.citygrid{padding-top:80px; height: auto;}
.flightgridbx > .rows.citygrid .airlinediv{position: absolute; top: -5px;}
.flightgridbx > .rows.citygrid .airlinediv .airimgname{position: absolute;  top: 8px; left: 160px;}
.flightgridbx > .rows.citygrid .airlinediv > strong.ctyname{padding-left: 20px; font-size: 1.8em;}
.headersection::after{display: block;}
div.flightgridbx .rows{flex-direction: column;}    
div.flightgridbx .rows .airlinediv{height: auto; margin-bottom: 10px; flex-basis: auto;}
}

@media only screen and (max-width:900px){
.flighttab ul{flex-wrap: nowrap; overflow: auto; justify-content: flex-start; padding-bottom: 10px;}
.flightgridbx > .rows.citygrid .airlinediv .airimgname{left: 180px;}
.detailbox .row:nth-child(2n){padding-bottom:10px;}
.numberbox{padding-top: 10px;}
}

@media only screen and (max-width:767px){
.flightgridbx .rows .fltboxes{flex-direction: column;}
.flightgridbx .rows .fltboxes .fltbx{flex:0 0 100%;}
.flightgridbx .rows .fltboxes .fltbx .fltinset{padding-top: 20px;}
.flightgridbx .rows .citydiv{width: 100%;}
.flightgridbx .rows .citydiv > strong{left: 0; right: 0; margin: auto;}
.fltflightgrid .row{align-items: center; margin: 10px 0;}
.fltflightgrid .row .col{flex:0 0 30%;}
.fltflightgrid .row .col:nth-child(2){flex: 0 0 35%;}
.fltflightgrid .row .col:first-child, .fltflightgrid .row .col:nth-child(2), .fltflightgrid .row .col:last-child{order: inherit;}
.comfltrtr::before, .comfltrtr::after{display: none;}
.comfltrtr{padding: 0 15px;}
.comflttxt{line-height: 18px;}
.comflttxt > img{display: block;  margin-bottom: 8px;   width: 20px;  height: auto;}
.comflttxt > div{clear: both;}
.comflttxt > div > span{display: block;}
.comfltrtr span.rtrn{font-size: 1.2em; display: block; margin-bottom: 10px;}
.fltflightgrid .row .col:first-child{ text-align: right;}
.fltflightgrid .row .col:first-child img{float: right; clear: both;}
.fltflightgrid .row .col:last-child{ text-align: left;}
.flightgridbx .rows .fltboxes .fltbx .fltinset{height: auto;}
.flightgridbx .rows{display: block;}
.flightgridbx .rows .fltboxes .callbx{flex-basis: 100%; border:none;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx{align-items: flex-start; padding: 0 10px;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .col:last-child{width: 100%;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .acname{align-items: flex-start; margin: 0px 0 20px 0;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a strong{ display: none;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a span{display: block; width: 100%; text-align: center; padding: 10px;
color: #ffffff; margin: 10px; background-color: #F95539; background-color: var(--btnred); font-size:1.8em; font-weight: normal;}
.flightgridbx .rows .fltboxes .fltbx .fltinset .fltairlogo{position: absolute; bottom: 60px; right: 10px;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .fltfare{font-size:2.2em; font-weight: normal; padding-bottom: 8px;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .fltfare strong{font-size: inherit;}
.flightgridbx .rows .citydiv > strong{font-size: 2em; top: 15px;}
.flightgridbx .rows .fltboxes .fltbx .fltinset .tvldate{padding: 0;}
.flightgridbx .rows .fltboxes .callbx .insetcallbx .numbersection a span > img{width: 17px; height: auto; background: none;
display: inline-block; vertical-align: bottom; margin-right: 8px;}
.flightgridbx > .rows.citygrid .airlinediv{height: 100%; width: 100%;}
.flightgridbx > .rows.citygrid .airlinediv .airimgname{right: 10px; top: calc(100% - 110px); bottom: auto; width: 121px; left: auto;}
.flightgridbx > .rows.citygrid .airlinediv .airimgname > img{ width: 100%; height: auto;}
.flightgridbx > .rows.citygrid{padding-top: 10px;}
.flightgridbx > .rows.citygrid .fltboxes .callbx{position: relative; z-index: 999;}
.flightgridbx > .rows.citygrid .airlinediv > strong.ctyname{padding: 0;}

.callboxes span.cln{font-size: 1.8em;}
.callboxes span.cln > img{display: inline-block; vertical-align: bottom;}
.rdbtn{font-size: 16px;}
.fltsection{flex:0 0 100%;}
	.fltsection .fltbox{ display: none;}
 .fltdetail .error{padding: 40px; height: auto;}
 .row_grid .gridbase .toprow .col{flex:0 0 100%;}
 .row_grid .gridbase .toprow .col:last-child .departfrom{justify-content: left;}
div.flightgridbx .rows .fltboxes .fltbx .fltinset .tvldate{text-align: left;}
div.flightgridbx .rows .airlinediv{position: absolute; bottom: 50px; right: 10px;}
.flightgridbx .rows .airlinediv .airimgname > img{width: 100px; height: auto;}
.flightgridbx .rows .fltboxes .fltbx .fltinset{padding-top: 5px;}
}

@media only screen and (max-width:600px){
.topdest{flex-direction: column; margin-bottom: 20px;}
.faqsection .faqquestion .question > .faqheading, .faqsection .faqquestion .faqcontent{padding: 10px;}
.faqsection .faqquestion .question > .faqheading, .faqsection .faqquestion .faqcontent{font-size:1.4em;}
.faqsection .faqquestion .question > .faqheading > span {right:7px; top: 10px;}
.faqsection .faqquestion .question > .faqheading > span > img{width: 14px; height: auto;}
.faqsection .faqquestion .question > .faqheading{font-weight: 600;}
.alternativehidebtn a span{ display: none;}
.fltflightgrid .row{margin: 35px 0 10px; align-items: flex-start;}
.comfltrtr{padding:10px 15px;}
}
/*--------------------------------------------------- Eof: DelhiFlight ---------------------------------------------------*/