/* Mobile/tablet layout fixes. Loaded after media.css; replaces the per-width pixel offsets
   for the time-zone flags, app download icons and spot rate tiles with fluid layouts. */
@media only screen and (max-width:991px){
	/* time-zone flags: three equal columns, each flag above its label/time */
	.flog{display:grid!important;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-auto-flow:column;justify-items:center;row-gap:4px;margin:20px 0 10px!important;padding:0!important;width:100%}
	.flog .newyork_flag,.flog .london_flag,.flog .india_flag,
	.flog .newyork_flagfont,.flog .london_flagfont,.flog .india_flagfont{float:none!important;margin:0!important;padding:0!important;width:auto!important;text-align:center;position:static!important}
	.flog img{width:32px;height:auto;margin:0!important}
	.flog .newyork_flagfont,.flog .london_flagfont,.flog .india_flagfont{font-size:12px;line-height:1.4}
	.flog span{margin:0!important;display:inline-block}
	.flog .newyork_flag1,.flog .london_flag1,.flog .india_flag1{margin:0!important;font-weight:bold}

	/* app download icons: centered row */
	.application{display:flex!important;justify-content:center;align-items:center;gap:16px;margin:10px 0 20px!important;padding:0!important;width:100%;clear:both}
	.application a,.application .android,.application .ios{float:none!important;margin:0!important;padding:0!important;position:static!important;display:block}
	.application img,.application .android img,.application .ios img{width:55px!important;height:55px!important;max-width:none;margin:0!important;position:static!important}
	.application:after,.flog:after{content:none}
}
@media only screen and (min-width:768px) and (max-width:1050px){
	/* tablet header: IBPL SPOT logo and Jain icon side by side, vertically centered */
	.logoContainer .row > div:nth-child(2){display:flex!important;align-items:center;justify-content:center;height:134px}
	.logoContainer .logo{flex:1 1 auto;min-width:0;padding:0!important}
	.logoContainer .logo img{width:auto!important;max-width:100%;max-height:52px;margin:0 auto!important}
	.logoContainer div.jain{float:none!important;flex:0 0 auto;margin:0 0 0 10px!important}
	.logoContainer .jain img{height:110px!important;width:auto!important;margin:0!important}
}
@media only screen and (max-width:420px){
	/* spot rate tiles: shrink so all five fit on narrow phones */
	.table-responsivetop1{overflow:hidden}
	.table-responsivetop1 .table_responstive1{width:100%;table-layout:fixed;margin-bottom:10px}
	.table-responsivetop1 th{padding:5px 1px!important;font-size:10px!important;word-wrap:break-word}
	.table-responsivetop1 th:empty{width:3px!important;padding:0!important}
	.table-responsivetop1 .ratevalue,.table-responsivetop1 .ratevalue1{font-size:10px!important}
	.table-responsivetop1 .ratevalue div,.table-responsivetop1 .ratevalue1 div{font-size:13px!important}
}