@media screen and (min-width:1280px) {
	.for-mobile {
		display: none !important;
	}
}

@media screen and (max-width:1280px) {
	.for-desk {
		display: none !important;
	}
}



@media screen and (max-width:1280px) {

	/* .desktop {display:none} */
	.mobile {
		display: block;
		/* overflow-x:hidden; */
		overflow-x: clip;
		width: 100%;
		position: relative
	}

	.container-wrap {
		overflow-x: clip;
		width: 100%;
		position: relative
	}

	.container {
		width: 100%;
		margin-left: 0;
	}

	header,
	header.sticky {
		width: 100%;
		border-radius: 0;
		top: 0;
		left: 0;
		position: fixed;
		padding: 11px 25px 8px;
	}

	header .title {
		display: flex;
		align-items: flex-start;
	}

	header .title a.logo-top {
		display: block;
		flex: 0 0 52px
	}

	header .title a.logo-top img {
		width: 42px
	}

	header h1 {
		text-transform: none;
		font-family: 'gothamlight';
		/*max-width:260px;*/
		align-self: center;
		font-size: 15px;
		line-height: 20px
	}

	.slide-menu {
		align-self: center
	}

	.slide-menu button img {
		width: 40px
	}

	nav {
		width: 100%;
		bottom: 0;
		top: inherit;
		left: 0;
		height: 60px;
		border-radius: 0;
		padding: 0;
		border-bottom: 5px solid #C4322D;
		border-top: solid 2px #ffffff;
	}

	nav ul {
		display: flex;
		justify-content: space-between;
		text-align: center
	}

	nav ul li {
		flex: 0 0 35%;
		border-top: 12px solid #000
	}

	nav ul li.active {
		border-top: 12px solid #fff
	}

	nav ul li img:nth-of-type(2),
	nav ul li.active img:nth-of-type(1) {
		display: none
	}

	nav ul li img:nth-of-type(1),
	nav ul li.active img:nth-of-type(2) {
		display: block
	}

	nav ul li:nth-child(2) {
		flex: 0 0 30%
	}

	nav ul li img {
		display: block;
		height: 15px;
		margin: 0 auto
	}

	nav ul li a {
		font-size: 10px;
		display: block;
		line-height: 20px
	}

	nav ul li a.active {
		background: #fff;
		border-radius: 0 0 15px 15px;
		color: #000
	}

	nav ul li:nth-child(2) a {
		border-left: 1px solid rgba(177, 177, 177, 0.5);
		border-right: 1px solid rgba(177, 177, 177, 0.5)
	}

	.smart-search {
		background: #fff;
		width: 350px;
		position: fixed;
		bottom: 60px;
		z-index: 9999;
		border-radius: 15px 15px 0 15px;
		right: 0;
		padding: 20px;
		display: none
	}

	.smart-search>a {
		font-size: 20px;
		display: inline-block;
		width: calc(50% - 3px);
		font-family: 'gothambold';
		color: #999
	}

	.smart-search>a.active,
	.smart-search>a:hover {
		color: #003683
	}

	.smart-search>a:nth-of-type(2) {
		text-align: right
	}

	.smart-search form select,
	.smart-search form input[type=date],
	.smart-search form input[type=time],
	.smart-search form input {
		width: 100%;
		border: 1px solid #333;
		line-height: 26px;
		border-radius: 10px;
		font-size: 15px;
		padding: 0 10px;
		margin-top: 7px
	}

	.smart-search form input[type=time] {
		width: calc(50% - 8px)
	}

	.smart-search form input[type=date] {
		width: calc(50% - 8px);
		margin-right: 10px
	}

	.smart-search form input[type=checkbox] {
		margin-top: 15px
	}

	.smart-search form label {
		margin-right: 5px
	}

	.search-btn {
		background: #D71B21;
		color: #ffffff;
		font-family: 'gothambold';
		font-size: 16px;
		width: 100%;
		border-radius: 15px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 16px;
		margin-top: 8px;
	}

	.for-routesearch {
		display: none
	}

	.hero {
		margin: 90px 0 0px;
		border-radius: 0;
		min-height: auto;
		width: 100%;
		flex: 0 0 100%;
	}

	.slider .slider__controls .slider__pagination {
		position: relative;
		bottom: 0px;
		margin-bottom: 20px
	}

	.weather {
		border-radius: 0;
		color: #fff;
		display: flex;
		padding: 0;
		width: 100%;
		justify-content: center
	}

	.cityW {
		text-align: right;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 13px;
		align-self: center;
		font-family: 'gothambold'
	}

	.cityW b {
		display: block
	}

	.weather-icon {
		width: 65px;
		align-self: center
	}

	.weather-icon img {
		max-width: 100%
	}

	.temp {
		display: flex;
		align-self: center
	}

	.temp h4 {
		margin-right: 3px;
		font-size: 24px
	}

	.temp h6 {
		opacity: 0.6;
		font-size: 16px
	}

	.all-flights {
		border-radius: 0;
		margin-top: 0;
		padding: 0
	}

	.all-flights form {
		display: inherit;
		background: #cbcbcb
	}

	.all-flights form select,
	.all-flights form>a,
	.all-flights form .DNT input[type="text"],
	.all-flights form .DNT input[type="date"] {
		display: block;
		width: 100%;
		border-bottom: 1px solid #000;
		background: url(../images/icons/gray-arrow.svg) right 30px center no-repeat;
		line-height: 40px;
		color: #000;
		font-size: 20px;
		padding-bottom: 0;
		padding-left: 30px
	}
	.all-flights form input.inpt{
		display: block;
		width: 100%;
		border-bottom: 1px solid #000;
		line-height: 40px;
		color: #000;
		font-size: 20px;
		padding-bottom: 0;
		padding-left: 30px
	}

	.all-flights form>a {
		font-family: 'gothambold'
	}

	.all-flights .DNT {
		display: none;
		text-align: center;
		background: #f2f2f2;
		padding-right: 20px;
		border-bottom: 1px solid #000
	}

	.all-flights .DNT.active {
		display: flex;
		justify-content: space-between
	}

	.all-flights form .DNT input[type="text"],
	.all-flights form .DNT input[type="date"] {
		background: 0;
		border-bottom: 0;
		background: url(../images/icons/date.png) left 160px center no-repeat;
		background-size: 22px
	}

	.all-flights form .DNT select {
		background: url(../images/icons/gray-arrow.svg) right 10px center no-repeat;
		flex: 0 0 90px;
		padding-left: 5px;
		border-bottom: 0
	}

	.all-flights form .DNT p {
		line-height: 42px;
		flex: 20px
	}

	.all-flights form .dep-arr {
		width: 100%;
		color: #999;
		background: 0;
		height: 42px;
		line-height: 30px;
		text-align: center;
		border-bottom: 1px solid #000
	}

	.all-flights form .dep-arr a {
		display: inline-block;
		background: none;
		color: #999;
		font-size: 20px;
		font-family: 'gothambold';
		margin: 5px 0
	}

	.all-flights form .dep-arr a.active,
	.all-flights form .dep-arr a:hover {
		color: #000
	}

	.all-flights form .dep-arr a:nth-child(1) {
		border-right: 1px solid #000;
		padding-right: 15px;
		margin-right: 5px
	}

	.all-flights ul,
	.bookmarked-flights ul {
		margin: 0
	}

	.all-flights ul li,
	.bookmarked-flights ul li {
		line-height: inherit;
		padding: 7px 0
	}

	.all-flights ul li:nth-child(1),
	.bookmarked-flights ul li:nth-child(1) {
		text-transform: uppercase;
		line-height: 30px;
		padding: 0;
		top: 65px;
	}

	.all-flights ul li p,
	.bookmarked-flights ul li p {
		border: 0;
		padding: 0 10px 0 0;
		font-size: 15px
	}

	/* .bookmarked-flights ul li .desti-stat,
	.bookmarked-flights ul li .statusC {
		border-left: 1px solid #e6e6e6;
		padding-left: 10px;		
	} */
	.bookmarked-flights ul li .desti-stat,
	.bookmarked-flights ul li .statusC,
	.bookmarked-flights ul li .originC{
		display: flex;
		align-items: center;
	}


	.all-flights ul li p:nth-child(1),
	.bookmarked-flights ul li p:nth-child(1) {
		padding: 0 10px 0;
		display: flex;
		flex-direction: column;
		flex: 0 0 90px;
		border-right: 1px solid #ffffff;
		margin-right: 10px
	}

	.all-flights ul li p:nth-child(2) {
		flex: 0 0 calc(100% - 190px);
		align-self: center
	}

	.all-flights ul li p:nth-child(3) {
		flex: 0 0 50px;
		align-self: center;
		text-align: right
	}

	.all-flights ul li p:nth-child(4) {
		flex: 0 0 40px;
		font-size: 9px;
		text-align: center
	}

	.all-flights ul li>a {
		flex: 0 0 40px;
		align-self: center;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.all-flights ul li p:nth-child(5) {
		padding: 0;
		background-color: transparent;
		flex: 0 0 40px;
		align-self: center;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.all-flights ul li p:nth-child(5) img {
		width: 9px;
		cursor: pointer;
	}

	.all-flights ul li>a b,
	.all-flights ul li>p.flight-bookmark span b {
		width: 16px;
		height: 16px;
		background: url(../images/icons/bookmarkW.png);
		background-size: 100%;
		display: none;
		position: absolute;
		top: -25px;
		right: 10px
	}

	.all-flights ul li>a.active b,
	.all-flights ul li>.flight-bookmark.active b {
		display: block
	}

	.all-flights ul li:nth-child(1) p,
	.bookmarked-flights ul li:nth-child(1) p {
		font-size: 10px
	}
	

	.all-flights ul li:nth-child(1) p:nth-child(1),
	.bookmarked-flights ul li:nth-child(1) p:nth-child(1) {
		border-right: 0;
		margin-right: 10px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.all-flights ul li:nth-child(1) p:nth-child(2) {
		flex: 0 0 calc(100% - 180px)
	}

	.all-flights ul li:nth-child(1) p:nth-child(3) {
		flex: 0 0 75px
	}

	.all-flights ul li:nth-child(1) p:nth-child(4) {
		flex: 0 0 70px;
		text-align: right
	}

	.all-flights ul li p img,
	.bookmarked-flights ul li .flg-img img {
		max-width: 100%;
		padding: 3px;
		/* background: #fff */
	}

	.all-flights ul li p span,
	.bookmarked-flights ul li p span {
		/*display:block;*/
		line-height: 19px
	}

	span.hindi,
	span.english {
		display: flex;
		flex-direction: column;
	}

	.all-flights ul li p .time,
	.bookmarked-flights ul li .time {
		color: #E5A246
	}

	.all-flights ul li.header-bar p .time,
	.bookmarked-flights ul li.header-bar .time {
		color: #ffffff
	}

	.all-flights ul li p:nth-child(4) span,
	.bookmarked-flights ul li .tmlC span {
		background: #D00100;
		margin-top: 15px;
		align-items: center;
		justify-content: center;
	}

	.add-more {
		/*background:#003683;*/
		font-size: 15px;
		width: 80%;
		text-align: center;
		margin: 10px auto 40px;
		display: block;
		font-weight: 600;
	}

	.radar h2,
	.videos h2,
	.articles h2,
	.routes h2,
	.accordion-header h2,
	.all-flights h2 {
		padding-left: 0;
		background: 0;
		font-size: 20px;
		line-height: 22px;
		letter-spacing: -1px;
	}

	.radar iframe {
		height: calc(100vh - 250px);
		border-radius: 15px
	}

	.ad {
		margin: 30px 0
	}

	.ad h3 {
		font-size: 8px;
		color: #a2a2a2;
		line-height: 18px;
		text-transform: uppercase
	}

	.ad div img {
		max-width: 100%
	}

	.count {
		background: #0584c9;
		background: linear-gradient(-138deg, #0584c9 0.00%, #001b42 100.00%);
		display: inherit;
		text-align: center;
		position: relative;
		margin-bottom: 120px;
		padding-bottom: 75px;
		padding-top: 25px;
	}

	.count h3 {
		line-height: 30px;
		font-size: 30px
	}

	.count ul {
		display: inherit
	}

	.count ul li {
		margin-left: 0
	}

	.count ul li h6 {
		font-size: 75px
	}

	.count ul li b,
	.count ul li:last-child b {
		font-size: 25px;
		font-family: 'gothamlight';
		line-height: 22px
	}

	.count p {
		font-size: 15px;
		margin: 12px 0 50px
	}

	.count>img {
		position: absolute;
		bottom: -60px;
		width: 100px;
		left: calc(50% - 50px)
	}

	.count .content-left {
		max-width: 100%;
	}

	.count ul li:last-child {
		position: absolute;
		left: calc(50% - 45px);
		bottom: -56px;
		font-size: 0;
	}

	.count ul li:last-child b {
		display: none;
	}

	.video-list {
		display: inherit
	}

	/* .video-list iframe {height:200px} */

	.articles ul {
		display: inherit
	}

	/* .articles ul li {margin-top:20px} */
	.articles ul li p,
	.routes>p {
		font-size: 15px;
		font-family: 'gothambold';
		line-height: 16px;
		letter-spacing: -1px;
		margin: 15px 0 5px
	}

	.articles ul li h6 {
		font-family: 'gothamlight';
		font-size: 10px
	}

	.routes>p {
		margin: 10px 0 5px
	}

	.routes ul {
		display: inherit;
		margin-top: 0;
		width: 80%
	}

	.routes ul li {
		background: 0;
		color: #000;
		border-bottom: 1px solid #707070;
		border-radius: 0;
		margin: 0;
		padding: 0
	}

	.routes ul li p {
		font-size: 15px;
		line-height: 26px;
		margin: 0;
		max-width: none
	}

	.routes ul li:last-child {
		border-bottom: 0
	}

	.stats {
		margin-top: 50px;
		padding: 0
	}

	.stats h5 {
		padding: 3px 10px 3px 30px;
		background: url(../images/icons/info.svg) left 10px center no-repeat #000
	}

	.stats h6 {
		background: #0257AA;
		font-size: 10px;
		padding: 8px 10px;
		display: flex;
		justify-content: space-between;
		text-transform: uppercase
	}

	.stats ul {
		color: #000
	}

	.stats ul li {
		text-align: left
	}

	.stats ul li p:nth-child(1),
	.stats ul li p:nth-child(2),
	.stats ul li p:nth-child(3) {
		border-right: 1px solid #707070
	}

	.stats ul li:nth-child(1) {
		border: 0
	}

	.stats ul li:nth-child(2),
	.stats ul li {
		border-top: 1px solid #707070
	}

	.stats ul li p:nth-child(1) {
		flex: 0 0 calc(100% - 175px)
	}

	.stats ul li p:nth-child(2),
	.stats ul li p:nth-child(3) {
		flex: 0 0 60px;
		padding-left: 10px
	}

	.stats ul li p:last-child {
		flex: 0 0 75px;
		padding-left: 10px
	}

	footer {
		position: relative;
		margin: 80px 0 60px;
		border-radius: 0;
		padding-top: 60px;
		padding-bottom: 0
	}

	footer .footer-logo {
		position: absolute;
		left: calc(50% - 30px);
		top: -30px
	}

	footer .footer-logo img {
		width: 60px;
	}

	footer ul {
		display: inherit;
		text-align: center
	}

	footer ul li {
		font-size: 13px
	}

	footer ul li>h4 {
		margin-bottom: 0;
		font-size: 15px
	}

	footer ul li {
		margin-bottom: 30px
	}

	footer .contact-info {
		background: #E5A246;
		display: flex;
		justify-content: space-between;
		line-height: 36px;
		width: calc(100% + 60px);
		margin-left: -30px
	}

	footer .contact-info a {
		color: #fff
	}

	footer .contact-info img {
		width: 28px
	}

	footer .contact-info p:nth-of-type(1) {
		flex: 0 0 130px;
		margin-left: 30px
	}

	footer .contact-info p:nth-of-type(2) {
		flex: 0 0 190px;
		margin-right: 10px
	}

	footer .contact {
		border-top: 0
	}

	footer .contact {
		display: flex;
		text-align: left;
		flex-wrap: wrap
	}

	footer .contact li>h4 {
		color: #fff
	}

	footer .contact li {
		flex: 0 0 105px;
		margin-bottom: 0
	}

	footer .contact li:nth-child(3) {
		flex: 0 0 calc(100% - 210px)
	}

	footer .contact li:nth-child(4) {
		flex: 0 0 100%
	}

	footer .contact li:nth-child(4)>a:first-of-type {
		margin-left: 0
	}

	footer .contact li:nth-child(4)>a img {
		width: 30px
	}

	footer .copyright {
		background: #fff;
		color: #000;
		width: 120%;
		margin-left: -10%;
		padding: 10px 10% 15px
	}

	footer .copyright p a {
		color: #000
	}

	.country-description {
		font-size: 18px;
		line-height: 22px;
	}

	.border-btn {
		font-size: 15px;
	}

	footer .contact div {
		margin-top: 10px;
		background: none;
		padding-left: 0;
	}

	.search h2 {
		font-size: 18px;
	}
	header>ul{
		width: 100px;
	}
}
@media screen and (max-width: 400px) {
    .stats {
        margin-top: 24px;
    }
	.hero{
		margin: 70px 0 0px;
	}
	header>ul>li {
    margin: 6px 0 6px 0px;
    flex: 0 0 30px;
}
}