@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'metropolis-regular';
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Regular.eot');
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/Webfonts/WOFF2/Metropolis-Regular.woff2') format('woff2'),
         url('../frontend/fonts/Webfonts/WOFF/Metropolis-Regular.woff') format('woff'),
         url('../frontend/fonts/Webfonts/TrueType/Metropolis-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}

@font-face {
    font-family: 'metropolis-medium';
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Medium.eot');
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/Webfonts/WOFF2/Metropolis-Medium.woff2') format('woff2'),
         url('../frontend/fonts/Webfonts/WOFF/Metropolis-Medium.woff') format('woff'),
         url('../frontend/fonts/Webfonts/TrueType/Metropolis-Medium.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}
@font-face {
    font-family: 'metropolis-bold';
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Bold.eot');
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/Webfonts/WOFF2/Metropolis-Bold.woff2') format('woff2'),
         url('../frontend/fonts/Webfonts/WOFF/Metropolis-Bold.woff') format('woff'),
         url('../frontend/fonts/Webfonts/TrueType/Metropolis-Bold.ttf') format('ttf');
     font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}

@font-face {
     font-family: 'metropolis-thin';
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Thin.eot');
    src: url('../frontend/fonts/Webfonts/EOT/Metropolis-Thin.eot?#iefix') format('embedded-opentype'),
         url('../frontend/fonts/Webfonts/WOFF2/Metropolis-Thin.woff2') format('woff2'),
         url('../frontend/fonts/Webfonts/WOFF/Metropolis-Thin.woff') format('woff'),
         url('../frontend/fonts/Webfonts/TrueType/Metropolis-Thin.ttf') format('ttf');
     font-weight: normal;
    font-style: normal;
    font-display: swap; /* SP - 27/09/2021 - added to load default fonts before actual font load to reduce LCP*/

}
/*
stared : 09-05-2019
Sushma Sutar
added css for numbers on infographics page
*/
body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

.infographics_counter::before {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content:  counter(my-sec-counter) "   ";
  font-size: 60px;
opacity: .5;
font-family: 'metropolis-bold';
/*color: #f68e39;*/
}

@media only screen and ( max-width: 567px ) {
	.infographics_counter::before {
		font-size: 50px;
	}
}

/*END*/

.about-banner {
    width: 100%;
    height: 600px;
   /* background-image: url(../images/about-new-banner.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/*Surekha - changed h1 and h2 to p tag.
.about-banner h1 {
    font-weight: bold;
    margin: 0;
    /*position: relative;
    top: 32%;
    color: #fff;
    text-shadow: 2px 1px 3px #666;
}
.about-banner h2{
    
    font-weight: bold;
    margin: 0;
    /*position: relative;
    top: 35%;
    color: #fff;
    text-shadow: 2px 1px 3px #666;
} */


p.bnr_heading.text-uppercase.text-center{
    font-size: 36px; 
    font-weight: bold;
    margin: 0;
    color: #fff;
    width: 100%;
    line-height: 1;
}
p.bnr_sub_heading.text-uppercase.text-center{
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    color: #fff;
    width: 100%;
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 8px;
}
/*END*/

/*.about-banner p*/
.about-banner .bnr_para.text-center p{
    font-weight: bold;
    margin: 0;
    color: #fff;
    text-shadow: 2px 1px 3px #666;
    line-height: 1.2;
}


/*END*/
/*.about-banner p */
p.bnr_para.text-center{
    
    margin: 0 auto;
    /*position: relative;
    top: 38%;*/
    color: #fff;
	font-family: 'metropolis-bold';
	font-size: 18px;
	width: 80%; /*57%; Surekha - 31/03/2020 */
  line-height: 1.2; /*Surekha - 31/03/2020 - added to reduce leading in lines. */
    
}
p{ font-size:16px; color: #5a5a5a; margin:0 0 20px; padding:0; font-family: 'metropolis-regular';}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}
.w-100{ width: 100%; }
.btn { border: 0; display: inline-block; vertical-align: top; background: #769fcd; color: #fff; font-size: 16px; text-transform: capitalize; letter-spacing: 1px; padding: 10px 10px 10px 60px; min-height: 70px; } /* SP - 20250121 - Changed padding: 14px 35px;  added min-height: 70px;*/
/*for main sections css*/

main.main-section { padding: 43px 0 0; width: 100%;
    overflow: hidden;}
.banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
}
.banner-content h2::after {
    content: '';
    background-image: url(../images/icon-1.png);
    background-repeat: no-repeat;
    height: 20px;
    width: auto;
    display: block;
    background-size: contain;
    position: relative;
    top: 15px;
}
/*Surekha - 31/03/2020 -  changed h5 to p tag. 
.banner-content h5  */
.banner-content p{
    font-size: 16px;
    margin: 0 0 20px;
	padding-top: 20px;
  color: #fff; /*Surekha - 31/03/2020 */
}
/*.inner-class h2{ color: #f68e39; font-weight: bold; padding-bottom: 4%; }*/
.inner-class h2:after,.all-rout h2:after{ content: ''; background-image: url(../images/infographics-destination/icon-1.png); background-repeat: no-repeat; height: 20px; width: auto; 
    display: block; background-size: contain; position: relative; top: 15px; }
    .left-content h2:after{  }
.inner-class p{ font-weight: 500; color: #999; font-size: 20px; }
.all-text{ position: relative; top: 80px; width: 88%; padding-left: 8%; }
.weather{ margin: 5px; background-color: #f8f8f8; height: 100%;min-height: 275px; }
.weather img{ width: 60%; display: block; margin: 0 auto; text-align: center; padding: 20px; }
.no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0;}
.weather p{ font-weight: 400; color: #3f3f3f; padding: 10px; text-align: center; font-size: 16px; font-family:'metropolis-regular'; }
.inner-class{ position: relative; border-bottom: 1px solid #eeeded; padding-bottom: 5%; }
.inner-class h2,.all-rout h2{ color: #f68e39; font-weight: bold; padding-bottom: 4%; position: relative; font-family: 'metropolis-bold';}

.text-center{ text-align: center; }
.all-rout h2:after, .currency h2:after{ width: 20%; margin: 0 auto; }
.all-rout{ padding: 5% 1% 1%; position: relative; }
.date-sec-1{ margin: 5px 2px; background-color: #fef8aa; background:linear-gradient(to right, #f6f9a8, #fdeafe); padding: 4% 5%; }
.date-sec-2{ margin: 5px 2px; background-color: #fef8aa; background:linear-gradient(to right, #fcfc98, #fdddac); padding: 4% 5%; }
/*Surekha - 31/03/2020 - changed h4 to h3.
.date-sec-1 h4, .date-sec-2 h4, .date-sec-3 h4, .date-sec-4 h4 */
.date-sec-1 h3, .date-sec-2 h3, .date-sec-3 h3, .date-sec-4 h3{ color: #827e82;  letter-spacing: 2px; margin: 10px 0 ; font-family: 'metropolis-bold'; font-size: 22px; }
.date-sec-1 p, .date-sec-2 p, .date-sec-3 p, .date-sec-4 p{ margin: 0;font-family:'metropolis-regular'; font-size:18px;}
.date-sec-1:before{ content: ''; background-image: url(../images/infographics-destination/plane-1.jpg); background-repeat: no-repeat; height: 60%; width: 24%; 
    display: block; background-size: 100%; position: absolute; top: -75%; left: 2%; }
.date-sec-2:before{ content: ''; background-image: url(../images/infographics-destination/plane-2.jpg); background-repeat: no-repeat; height: 60%; width: 24%; 
    display: block; background-size: 100%; position: absolute; top: -49%; right: 2%;/* -webkit-transform: scaleX(-1); transform: scaleX(-1);*/ }
.rout-map img{ width: 75%; position: static; text-align: center; display: block; margin: 0 auto; padding: 13%; }
.rout-map{ text-align: center; }
/*Surekha - 31/03/2020 -  h6 changed to h3 and p tag.
.rout-map h6 */
.rout-map h3, .rout-map p{  /*margin-bottom: 10px;*/font-family:'metropolis-bold'; font-size: 16px; margin: 0; padding: 0; color: #333; }/*Surekha - 31/03/2020 - added color: #333;*/
.rout-map{ background-color: #f8f8f8; margin: 0 1% 5px; padding-bottom: 4%; }
.all-gap{ padding: 0 2%; width: 100%; }
.rout-map.img-wrap img { padding: 10% 10% 5.8%; width: 53%;}
.demo-banner{ background-image: url(../images/banner-2.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 400px; 
    position: relative; }
.w-right { width: 36%; text-align: left; right: 10%; left: auto;background-color: rgba(0,0,0,.2); padding: 10px 46px;
    box-sizing: border-box;}
.w-right h2, .w-right h5{ color: #fff; }
.w-right h2:after{ background-image: url(../images/after-icon.png); }
.border-right{ border-right: 1px solid #eeeded; }
.all-progress{ width: 100%; padding: 5% 1% 3%; border-bottom: 1px solid #ccc; }
.heading{ margin-bottom: 5%; }
/*Surekha - 31/03/2020 - changed h5 to p tag.
.heading h5 */
.heading p{ text-transform: capitalize !important; color: #858585; font-size: 14px; margin: 10px 0px; font-weight: bold;} /*Surekha - 31/03/2020 - added  font-size: 14px; margin: 10px 0px; font-weight: bold;*/
.heading h3{ font-weight: 700; color: #858585; letter-spacing: 2px; margin-bottom: 10px; }
.no-border{ padding-right: 5%; }
.no-border .btn{ width: 100%; color: #858585; font-weight: 600; margin: 0.5%; text-align: left; padding-left: 10%; position: relative; }
.no-border .btn:before{ position: absolute; content: ""; left: 0; background-image: url(../images/before.png); 
    background-repeat: no-repeat; height: 84%; width: 50px; display: inline-block; top: 8px; }
.gt-1{ background: linear-gradient(to right, #c9fcc1, #f8ddfe); }
.gt-2{ background: linear-gradient(to right, #faf695, #befeb0); }
.gt-3{ background: linear-gradient(to right, #f1f499, #f1f495); }
.gt-4{ background: linear-gradient(to right, #cdfefb, #f1f495); }
.gt-5{ background: linear-gradient(to right, #fdd28d, #f1f495); }
.pt-3{ padding-top: 4%; }
.col-sm-4 .weather img{ width: 70%; padding: 30px 5px 15px; }
.top-text { top: 0; padding-left: 12%; width: 100%;}
.currency{ padding: 5% 0; }
.col{ width: 19.2%; float: left; background-color: #f8f8f8; margin: 5px; }
/*Surekha - 31/03/2020 - changed h2 to p tag.
.currency h2 small, .all-rout h2 small*/
.currency h2 p, .all-rout h2 p{ color: #919191; font-size: 16px; display: block; margin:1% 0 0; font-family: 'metropolis-regular'; font-weight: normal;} /*Surekha - 31/03/2020 - added  font-weight: normal;*?
.bg-gray{ background-color: #f8f8f8; }
.top-text-2{ top: 120px; padding-left: 11%; }
.all-text-icon .btn{ color: #858585; background-color: #f8f8f8; width: 95%; margin: 0.5%; font-weight: 600; margin: 0.5%; text-align: left; 
    padding-left: 14%; position: relative; }
/*.all-text-icon .btn:before{ position: absolute; content: "\f08a"; font-family: FontAwesome; left: 5%; }*/
/*footer h3{ display: inline-block; }
footer ul li{ display: inline-block; list-style: none; }
footer ul li a:after{ content: '/'; padding: 10px; }
footer ul{ display: inline-block; }
footer ul li a { font-size: 14px; color: #858585 !important; font-weight: 600;}
footer ul li:last-child a:after{ content: ''; display: none; }*/
.ftr-btm{ padding-top: 20px; }
/*.gt-one:before{ content: ''; background-image: url(../images/); }*/
.eq-ht{ min-height: 337px; }
.btn{ white-space: normal; }
.eq-ht-1{ min-height: 300px; }
.ibtn-1:before{ position: absolute; content: ""; left: 20px; background-image: url(../images/btn-after-1.png); background-repeat: no-repeat; 
    height: 86%; width: 50px; display: inline-block; } /* SP - 20250121 - changed top: 8px; to display all images on left side as they are overapping. */
.ibtn-2:before{ position: absolute; content: ""; left: 20px; background-image: url(../images/btn-after-2.png); background-repeat: no-repeat; 
    height: 86%; width: 50px; display: inline-block; }/* SP - 20250121 - changed top: 8px; to display all images on left side as they are overapping. */
.ibtn-3:before{ position: absolute; content: ""; left: 20px; background-image: url(../images/btn-after-3.png); background-repeat: no-repeat; 
    height: 86%; width: 50px; display: inline-block; }/* SP - 20250121 - changed top: 8px; to display all images on left side as they are overapping. */ /* SP - 20250121 - changed left: 10px; align to align images in box. */
.ibtn-4:before{ position: absolute; content: ""; left: 20px; background-image: url(../images/btn-after-4.png); background-repeat: no-repeat; 
    height: 86%; width: 50px; display: inline-block; }/* SP - 20250121 - changed top: 8px; to display all images on left side as they are overapping. */
.ibtn-5:before{ position: absolute; content: ""; left: 20px; background-image: url(../images/btn-after-5.png); background-repeat: no-repeat; 
    height: 86%; width: 50px; display: inline-block; } /* SP - 20250121 - changed top: 8px; to display all images on left side as they are overapping. */
    h2{ position: relative; }
	/*
.no-one:before{ content: '1'; font-size: 60px; position: absolute; left: -10%; opacity: .5; font-family: 'metropolis-bold';}
.no-two:before{ content: '2'; font-size: 60px; position: absolute; left: 20px; opacity: .5; }
.no-two, .no-six { width: 45%; margin: 0 auto; line-height: 65px; }
.no-two small, .no-six small{ line-height: 22px; }
.no-three:before{ content: '3'; font-size: 60px; position: absolute; left: -45px; opacity: .7; color: #f68e39; font-weight: bold;}
.no-four:before{ content: '4'; font-size: 60px; position: absolute; left: -12%; opacity: .5; }
.no-five:before{ content: '5'; font-size: 60px; position: absolute; left: -9%; opacity: .5; }
.no-six:before{ content: '6'; font-size: 60px; position: absolute; left: 6%; opacity: .5; }
.no-seven:before{ content: '7'; font-size: 60px; position: absolute; left: -10%; opacity: .5; }
.no-eight:before{ content: '8'; font-size: 60px; position: absolute; left: -11%; opacity: .5; }
.no-nine:before{ content: '9'; font-size: 60px; position: absolute; left: -10%; opacity: .5; }
.no-ten:before{ content: '10'; font-size: 60px; position: absolute; left: -15%; opacity: .5; }*/
.date-sec-3{ background-color: #adffca; background: linear-gradient(to right, #fff4ff, #adffca); padding: 4% 5%; margin: 5px 2px; }
.date-sec-4{ background-color: #fbfea0; background: linear-gradient(to right, #faffdf, #fbfea0); padding: 4% 5%; margin: 5px 2px; }
.pr-1{ background-color: #fbfea0; background: linear-gradient(to right, #fbe57c, #c4fdc4); width: 52%; }
.pr-2{ background-color: #fbfea0; background: linear-gradient(to right, #dff9cf, #faddfe); width: 67%; }
.pr-3{ background-color: #fbfea0; background: linear-gradient(to right, #f6fa91, #ffd698); width: 77%; }
.pr-4{ background-color: #fbfea0; background: linear-gradient(to right, #f5fa91, #f9f6a0); width: 63%; }
.pr-5{ background-color: #fbfea0; background: linear-gradient(to right, #ccfefd, #f4fa92); width: 50%; }
.pr-6{ background-color: #fbfea0; background: linear-gradient(to right, #cdffeb, #c6fcf8); width: 50%; }
.approx{ position: relative; margin: 5px 0; height: 45px; }
.myProgress.border-right .bar-div{ border-radius: 0 30px 30px 0; position: relative; padding-left: 5%; display: inline-block; height: 45px; }
/*Surekha - 31/03/2020 -  h5 changed to h4 tag.
.border-right div h5 */
.border-right div h4{ position: relative; top: 50%; transform: translateY(-50%); margin: 0; font-size: 14px;} /*Surekha - 31/03/2020 - added font-size: 14px;*/
/*Surekha - 31/03/2020 - h4 changed to p tag.
.approx h4 */
.approx p{ display: inline-block; margin: 0; font-size: 16px; text-transform: capitalize !important; position: relative; top: 53%; left: 3%; color:#636363; font-weight: 500; line-height: 1.1;} /*Surekha - 31/03/2020 - added font-weight: 500; line-height: 1.1; */
.ibtn-1::before {
    position: absolute;
    content: "";
    left: 20px; /*10px; SP - 20250121 - changed to align left side images */
    background-image: url(../images/btn-after-1.png);
    background-repeat: no-repeat;
    height: 86%;
    width: 50px;
    display: inline-block;
    top: 8px;
}
/*for main sections css*/


/*for footer sections css*/
/*
footer { border-top:1px solid #f3f2f0; }
.ftr-top { background: #fff; padding: 40px 0; border-bottom: 1px solid #f3f2f0;}*/


/*for footer sections css*/


/*Media Query css*/

@media only screen and (min-width:1601px ) {
    .container { width: 1200px;}
    h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:25px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
}

@media only screen and (max-width:1276px ) {
.col .weather img { width: 55%; display: block; margin: 0 auto; text-align: center; padding: 10px;}
.col{ width: 18.9%; }
}

@media only screen and (max-width:1050px ) {
    h1{ font-size:34px;}
h2{ font-size:28px;}
h3{ font-size:22px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}

}

@media only screen and (max-width: 991px ) {
    h1{ font-size:36px;}
h2{ font-size:26px;}
h3{ font-size:21px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
p{ font-size: 12px; }
.weather p{ font-size: 12px; }
.col-sm-4 .weather img { width: 60%; padding: 15px 5px 5px;}
.all-text-icon .btn{ font-size: 14px; width: 100%; padding-left: 24%; position: relative; }
.all-text-icon .btn:before{ position: absolute; top: 50%; transform: translateY(-50%); height: 57%; }
/*footer ul li a { font-size: 12px;}
footer ul li a:after{ padding: 5px; }
footer ul{ padding-left: 10px; }*/
h1, h2, h3, h4, h5, h6{ margin-bottom: 10px; }
.weather img { width: 50%; padding: 20px 10px 10px;}
.weather { margin: 3px;}
.all-gap { padding: 0 3.2%;}
.rout-map{ padding: 0 2% 4%; }
.rout-map.img-wrap img { padding: 9% 10% 6.5%;}
.w-right { width: 42%; text-align: left; right: 5%;}

.weather br{ display: none; }
.weather{ min-height: 195px; }
.all-text { position: relative; top: 80px; width: 100%; padding-left: 15%;}
/*
.no-four:before, .no-five:before, .no-seven:before, .no-eight:before, .no-nine:before{ left: -17%; }
.no-ten:before{ left: -17%; }
.no-one:before, .no-three:before, .no-four:before, .no-five:before, .no-seven:before, .no-eight:before, .no-nine:before, 
    .no-ten:before{ font-size: 50px;}
	.no-two, .no-six { width: 55%;}
}*/
}
@media only screen and (max-width:940px) {
.col{ width: 18.8%; }
.banner-content{ width: 100%; }

}

@media only screen and (max-width: 840px){
h4 {    font-size: 18px;}
/*Surekha - 31/03/2020 - changed h4 to h3 tag.
.date-sec-1 h4, .date-sec-2 h4, .date-sec-3 h4, .date-sec-4 h4 */
.date-sec-1 h3, .date-sec-2 h3, .date-sec-3 h3, .date-sec-4 h3{ letter-spacing: 1px; }
h6 { font-size: 11px;}
.w-right {
    width: 50% ;}
    .no-border .btn{ padding-left: 18%; }
.col { width: 18.6%;}
.all-text{ top: 0; }
/*.no-two, .no-six { width: 73%;}*/
.all-logo .rout-map img{ padding: 10px; }
}

@media only screen and (max-width: 767px) {
    h1{ font-size:36px;}
h2{ font-size:26px;}
h3{ font-size:25px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.banner-content{ width: 90%; }
.all-text { position: static; width: 100%;}
p { font-size: 16px;}
.weather img { width: 19%; padding: 10px; display: inline-block;}
.weather p { font-size: 16px; font-weight: 500; display: inline-block; width: 80%; text-align: left; position: relative; right: -10%;}
.weather { padding: 2% 6%; margin: 10px 0;}
.date-sec-1:before{ width: 22%; }
.date-sec-2:before{ display: none; }
.date-sec-1:after { content: ''; background-image: url(../images/plane-2.png); background-repeat: no-repeat; height: 55%; width: 22%; display: block;
    background-size: 100%; position: absolute; top: -42% !important; right: 3%; z-index: 99;}
.all-gap { padding: 0;}
.w-right { top: 0; transform: translateY(0); /*padding: 7% 0 7% 10%;*/ width: 100%; /*SS 20210720 changed the width in mobile*/}

	
.myProgress img { width: 95%;}
.myProgress.border-right{ border: 0px; padding-bottom: 10%; }
.all-progress{ border: 0px; padding: 5% 1% 6%; }
.col-sm-4 .weather img { width: 19%; display: inline-block;}
.inner-class{ border: 0px; }
.col { width: 100%; margin: 5px 0; }
.col .weather img { width: 19%; display: inline-block;}
.icons img{ display: block; margin: 0 auto; }
/*.all-text-icon img { text-align: center; margin: 0 auto; display: block;}*/
.currency { padding: 0 0 5%;}
br{ display: none; }
.banner-content br{ display: block; }
.banner-content h1{ line-height: 33px; }
/*
.no-one:before, .no-three:before, .no-four:before, .no-five:before, .no-seven:before, .no-eight:before, .no-nine:before, 
    .no-ten:before{ font-size: 40px; top: 3%; left: -13%; }
 .no-six:before, .no-two:before{ font-size: 40px; }
 .no-six:before{ left: 0%; }
 .no-two, .no-six { width: 98%; line-height: 24px; text-align: left; padding-left: 10%;}
	.no-two:before{left:5px}

 */
.no-border { padding-right: 0;}
.eq-ht, .eq-ht-1{ min-height: auto; }
.all-text-icon .btn:before{ height: 94%; }
.weather {  min-height: auto;}
/*Surekha - 31/03/2020 - changed h4 to p tag
	.approx h4 */
  .approx p{position: absolute; top: 10%; left: 70%;}
	
  /*.about-banner p */
  p.bnr_para.text-center{width: 90%;font-size: 16px;}

/*Surekha - 31/03/2020 - added for small devices as it h1 and h2 changed to p tag. */
p.bnr_heading.text-uppercase.text-center{
    font-size: 30px;
}
p.bnr_sub_heading.text-uppercase.text-center {
    font-size: 22px;
}

/*END*/

}

@media only screen and (max-width: 575px) {
    h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:25px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.rout-map {
    padding: 0 10% 4%;}
    .currency h2 small, .all-rout h2 small{ text-align: center; line-height: 17px; font-size: 11px; }
    h2:after{ height: 16px; }
  /*Surekha - 31/03/2020 - changed h4 to p tag.  
	.approx h4 */
  .approx p{position: absolute; top: 10%; left: 70%;}
	/*.no-two:before{left:5px}*/
}
@media only screen and (max-width: 550px ) {
    .weather p{ position: static; }
    h1{ font-size:26px;}
h2{ font-size:25px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:12px;}
p{ font-size: 14px; }
.date-sec-1:before, .date-sec-1:after{ top: -60%; }
/*Surekha - 31/03/2020 -  changed h4 to p tag.
	.approx h4 */
  .approx p{position: absolute; top: 10%; left: 70%;}
	/*.no-two:before{left:5px}*/
}
@media only screen and (max-width: 414px ) {
 .no-border .btn{ padding-left: 19%; white-space: normal; }  
 .weather p{ width: 76%; margin: 0 } 
.weather img, .col .weather img { padding: 0px; position: static;}
.btn{ white-space: normal; }
h1{ font-size:24px;}
h2{ font-size:23px;}
h3{ font-size:19px;}
h4 {
    font-size: 14px;
}
h6 { font-size: 11px;}
.btn{ font-size: 14px; }
.weather p {
    font-size: 12px;}
     .banner-content h4{ line-height: 18px; font-weight: 400; }
     .banner-content h1{ font-weight: 600; line-height: 22px; }
.all-text-icon .btn { font-size: 12px;}
.ibtn-4:before, .ibtn-5:before{ height: 74% !important; }
/*Surekha - 31/03/2020 - changed h4 to p tag.
	.approx h4 */
  .approx p{position: absolute; top: 10%; left: 77%; font-size: 13px;}/*shantau,05-02-19, fix the left value and font-size*/
	/*.no-ten:before{left: -17%;}/*shantau,05-02-19, fix the left value */
    /*
SS 20210720
added the css for mobile device
*/
.banner-content.w-right h2.infographics_counter.wedding-destination {
    margin-top: 0;
}
.banner-content.w-right p {
    padding-top: 8px;
}
.all-text {
    padding-left: 5%;
}
/*END*/
}
@media only screen and (max-width: 360px ) {
.weather {
    padding: 2% 5%;}/*shantau,05-02-19, fix the padding*/
    h1{ font-size:24px;}
    .weather img{ padding: 10px; }
    p{ font-size: 12px; }
  /*Surekha - 31/03/2020 - changed h4 to p tag.  
	.approx h4*/
  .approx p{position: absolute; top: 10%; left: 77%; font-size: 13px;}/*shantau,05-02-19, fix the left value and font-size*/
	/*.no-two:before{left:5px}
	.no-ten:before{left: -17%;}/*shantau,05-02-19, fix the left value */
}

/*Media Query css*/

	.rt-map-area-2{min-height: 250px;}
	.img-wrap{min-height: 250px;}
	.area-2-airbox{min-height: 260px ; display: flex ; justify-content: center ; align-items: center ; margin: 5px 1%;  }
	.area-2-airbox img{width: 100% !important;}

@media only screen and (max-width:767px ) {
	.area-2-airbox{min-height: 125px ;}
	.img-wrap {    min-height: 175px;}
	.img-wrap img {width: 85% !important; padding: 2% !important;}
	.rt-map-area-2 {min-height: 190px;}
	.rt-map-area-2 img{width: 95% !important; padding: 6% !important; }
	.rt-map-area-2 h6,.img-wrap h6{font-size: 13px;font-family: 'metropolis-regular'; padding: 2px 5px;}
}

/*START
Added:shantanu
date:08-19-19
banner cont background*/
.info-bnr-cont{position: relative;   top: 34%;  padding: 20px;  background-color: rgba(0,0,0,.5);}
/*Surekha - 31/03/2020 - changed h2 to h1 
.infographic-hdng h2 */
.infographic-hdng h1 {font-weight: 600; font-size: 36px;} 
.info-bnr-topics{ font-size: 13px; padding: 3px 24px; position: absolute; top: 0;left: 0; right: auto; bottom: auto;background-color: #21afdd;  color: #fff; text-transform: uppercase; font-weight: bold; height: auto;}

/*END*/

/*SS
20210720
make the blog title align center
*/
@media (max-width:450px) and (min-width:300px){

    .infographic-hdng h1 {
        font-size: 28px;
        text-align: center;
    }
    
}
/*END*/