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

.bdesktop{display:block;}
.bmobile{display:none;}
@media (min-width: 981px) and (max-width: 1100px) {

.loginRegBox {display: none;}
.bannertext {width: 92%;font-size: 30px;}
.bannertext .contactno {margin: 30px auto 0 auto;}
.bannertext .callbox{font-size: 30px;}
.enquirybox {bottom: 5%;}

}

@media (min-width: 769px) and (max-width: 980px) {
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:7px 0; margin:auto; position:relative; z-index:101; box-shadow:0px 2px 2px #777;background: #333;}
header .logoBox{width:185px;height: auto; padding:0px; margin:0px 0 0px 2%; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:right; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .menuBox{width:100%; height:auto; margin:0; padding:0; float:right; color:#007db8; font-size:17px; font-weight:400;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:7px 0%; margin:auto; position:relative; z-index:101; box-shadow:0px 2px 2px #777;background: #333;}
header.smaller .logoBox{width:185px;height: auto; padding:0px; margin:0px 0 0px 2%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:right; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{width:100%; height:auto; margin:0; padding:0;border-top:solid 1px #e1e1e1; float:right; color:#007db8; font-size:17px; font-weight:400;}

.loginRegBox{display:none;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; padding:0; margin:0; position:relative;}

/*-- Inquiry Css --*/
.enquirybox{width:95%; height:auto; padding:35px 2.5%; margin:auto; background:#ffbba0; position:relative; z-index:1; bottom:0; right:0px;}

/*-- Tour Package Css --*/
.tpBox{width:29.3%; height:auto; padding:1%; margin:0 1% 25px 1%; background:#fff; border-radius:4px; float:left; position:relative; box-shadow:1px 1px 2px #cbcbcb;}

/*---- Inner Page ----*/
.breadcrumbbox{width:96%; padding:15px 2%; margin:0; background:#fff; border-bottom:solid 1px #e1e1e1;}
/*---- Inner Page ----*/
.innbody{width:96%; height:auto; padding:40px 2%; margin:0; font-size:14px; line-height:27px; color:#555;}
}

@media (min-width: 481px) and (max-width: 768px) {
.trAddress{display:none;}
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:7px 0; margin:auto; position:relative; z-index:101; box-shadow:0px 2px 2px #777;background: #333;}
header .logoBox{width:185px;height: auto; padding:0px; margin:0px 0 0px 2%; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:right; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .menuBox{width:100%; height:auto; margin:0; padding:0; float:right; color:#007db8; font-size:17px; font-weight:400;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:7px 0%; margin:auto; position:relative; z-index:101; box-shadow:0px 2px 2px #777;background: #333;}
header.smaller .logoBox{width:185px;height: auto; padding:0px; margin:0px 0 0px 2%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:right; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{width:100%; height:auto; margin:0; padding:0;border-top:solid 1px #e1e1e1; float:right; color:#007db8; font-size:17px; font-weight:400;}

.loginRegBox{display:none;}

/*-- Banner Css --*/
.bdesktop{display:none;}
.bmobile{display:block;}

.banner{width:100%; height:auto; padding:0; margin:0; position:relative;}
.bannertext{width:80%; height:auto; padding:0; margin:auto 10%; font-size:32px;line-height:52px; text-align:center; font-weight:600;color:#fff;text-shadow: 0 3px 3px #000; position:absolute; z-index:1; top:5%;}

.bannertext .text2{width:auto; height:auto; padding:0; margin:40px auto 40px auto; font-size:17px;font-weight:500;line-height:32px;}
.bannertext .contactno{width:auto; height:auto; padding:0; margin:20px auto 0 auto;}
.bannertext .callbox{width:auto; height:auto; padding:10px 15px; margin:10px 10% auto 10%;font-size:27px;font-weight:bold;border-radius:10px;}
.bannertext .fa{position: relative;top: 12px; margin:0 7px 0 0;}

/*-- Inquiry Css --*/
.enquirybox{width:95%; height:auto; padding:35px 2.5%; margin:auto; background:#ffbba0; position:relative; z-index:1; bottom:0; right:0px;}

.biformbox{width:95%; height:auto; padding:20px 2% 10px 2%; margin:0; background:rgba(0,0,0,0.8); border-radius:0 7px 7px 7px;}
.biFormCol{width:95%; height:auto; padding:0 !important; margin:0px auto !important; float:none; position:relative;}
.biFormCol1{width:95%; height:auto; padding:0 !important; margin:0px auto !important; float:none; position:relative;}
.biFormCol2{width:95%; height:auto; padding:0 !important; margin:0px auto !important; float:none; position:relative;}
.biListBox{width:100%; height:auto; padding:9px 3% 8px 3%; margin:0px auto 10px auto; border:solid 1px #fff;}

.biTextBox{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}
.biTextBox1{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}
.biDateTextBox{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; background:#fff url(images/calendarIcon.png) no-repeat right 7px center; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}


/*-- Tour Package Css --*/
.tpBox{width:44%; height:auto; padding:1%; margin:0 2% 25px 2%; background:#fff; border-radius:4px; float:left; position:relative; box-shadow:1px 1px 2px #cbcbcb;}

/*---- Inner Page ----*/
.breadcrumbbox{width:96%; padding:15px 2%; margin:0; background:#fff; border-bottom:solid 1px #e1e1e1;}
/*---- Inner Page ----*/
.innbody{width:96%; height:auto; padding:40px 2%; margin:0; font-size:14px; line-height:27px; color:#555;}

.inn-left-panel{width:100%; height:auto; padding:0; margin:0 0 25px 0; background:#fff; float:none;}
.inn-right-panel{width:100%; height:auto; padding:0; margin:0; background:#f7f7f7; float:none;}
.ibnheading{width:100%; height:auto; padding:22px 0 20px 0; margin:0 0 40px 0;}
.ibnBtnRow{width:100%; height:auto; padding:0; margin:0 0 35px 0; text-align:center;}

/*---- Footer ----*/
.footerCol1{width:100%; height:auto; margin:0; float:none;}
.footerCol2{width:100%; height:auto; margin:0; float:none;}
/*--Explore Offers Page CSS 15/06/2016 --*/
.eoContainer{width:100%; height:auto; margin:10px auto 20px auto;}

.eoBox{width:95.5%; height:auto; padding:10px 1%; margin:5px 1%; background:#fff; float:left;box-shadow:0px 0px 4px #cbcbcb;}
}

@media (min-width: 320px) and (max-width: 480px) {
.trAddress{display:none;}
.trEmail{display:none;}
.trCallUs{width:auto; height:auto; padding:9px 0; margin:0 auto; float:none; color:#fff; font-weight:400; font-size:14px; text-align:center;}
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:7px 0; margin:auto; position:relative; z-index:101; box-shadow:0px 2px 2px #777;background: #333;}
header .logoBox{width:185px;height: auto; padding:0px; margin:0px 0 0px 2%; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:right; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .menuBox{width:100%; height:auto; margin:0; padding:0; float:right; color:#007db8; font-size:17px; font-weight:400;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:7px 0%; margin:auto; position:relative; z-index:101; box-shadow:0px 2px 2px #777;background: #333;}
header.smaller .logoBox{width:185px;height: auto; padding:0px; margin:0px 0 0px 2%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:right; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{width:100%; height:auto; margin:0; padding:0;border-top:solid 1px #e1e1e1; float:right; color:#007db8; font-size:17px; font-weight:400;}

.loginRegBox{display:none;}

/*-- Banner Css --*/
.bdesktop{display:none;}
.bmobile{display:block;}
.banner{width:100%; height:auto; padding:0; margin:0; position:relative;}
.bannertext{width:94%; height:auto; padding:0; margin:auto 3%; font-size:27px;line-height:42px; text-align:center; font-weight:500;color:#fff;text-shadow: 0 3px 3px #000; position:absolute; z-index:1; top:3%;}

.bannertext .text2{width:auto; height:auto; padding:0; margin:28px auto 0 auto; font-size:16px; line-height:24px;}
.bannertext .contactno{width:auto; height:auto; padding:0; margin:30px auto 0 auto;}
.bannertext .callbox{width:auto; height:auto; padding:10px 15px; margin:10px 10% auto 10%;font-size:27px; font-weight:bold;border-radius:10px;}
.bannertext .fa{position: relative;top: 7px;}

/*-- Inquiry Css --*/
.enquirybox{width:90%; height:auto; padding:35px 5%; margin:auto; background:#ffbba0; position:relative; z-index:1; bottom:0; right:0px;}
.biformbox{width:95%; height:auto; padding:20px 2% 10px 2%; margin:0; background:rgba(0,0,0,0.8); border-radius:0 7px 7px 7px;}
.biFormCol{width:95%; height:auto; padding:0 !important; margin:0px auto !important; float:none; position:relative;}
.biFormCol1{width:95%; height:auto; padding:0 !important; margin:0px auto !important; float:none; position:relative;}
.biFormCol2{width:95%; height:auto; padding:0 !important; margin:0px auto !important; float:none; position:relative;}
.biListBox{width:100%; height:auto; padding:9px 3% 8px 3%; margin:0px auto 10px auto; border:solid 1px #fff;}

.biTextBox{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}
.biTextBox1{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}
.biDateTextBox{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; background:#fff url(images/calendarIcon.png) no-repeat right 7px center; border:solid 1px #fff; color:#a4abb2 !important; font-size:15px; border-radius:4px; outline:none;}


/*-- Tour Package Css --*/
.tpBox{width:92%; height:auto; padding:2%; margin:0 2% 25px 2%; background:#fff; border-radius:4px; float:left; position:relative; box-shadow:1px 1px 2px #cbcbcb;}

/*-- Why With 365 Yatra Css --*/
.wwnyHeading1{width:90%; height:auto; padding:15px 5%; font-size:15px; font-weight:bold; color:#ff6100; border-bottom:solid 1px #e6e6e6;}
.wwnyHeading2{width:92%; height:auto; padding:15px 4%; margin:0 0 20px 0; font-size:15px; font-weight:bold; color:#ff6100; border-bottom:solid 1px #e6e6e6;}
.wwnyRCol{width:92%; height:auto; margin:0 4% 16px 4%; float:none; line-height:20px; text-align:justify;}

/*---- Inner Page ----*/
.breadcrumbbox{width:96%; padding:15px 2%; margin:0; background:#fff; border-bottom:solid 1px #e1e1e1;}

/*---- Inner Page ----*/
.innbody{width:96%; height:auto; padding:40px 2%; margin:0; font-size:14px; line-height:27px; color:#555;}

.inn-left-panel{width:100%; height:auto; padding:0; margin:0 0 25px 0; background:#fff; float:none;}
.inn-right-panel{width:100%; height:auto; padding:0; margin:0; background:#f7f7f7; float:none;}
.ibnheading{width:100%; height:auto; padding:22px 0 20px 0; margin:0 0 40px 0;}
.ibnBtnRow{width:100%; height:auto; padding:0; margin:0 0 35px 0; text-align:center;}

.in-tabbtn{width: 49%; height:auto;padding:7px 0px 5px 0px; margin:0 1% 7px 0; background:#e1e1e1; color:#555; float: left; text-align:center; font-size:13px; font-weight:bold;}
.in-tabbtn:hover{background:#ff4800; cursor:pointer;color:#fff;}
.activetab{background:#ff4800; cursor:pointer;color:#fff;}
.in-tab-content{width:97%; height:auto;padding:12px 0;margin:auto;color:#333;border-radius:0px 7px 7px 7px;}
 
/*---- Footer ----*/
.footerCol1{width:100%; height:auto; margin:0; float:none;}
.footerCol2{width:100%; height:auto; margin:0; float:none;}

/*-- Contact Page --*/
.iContactPanel{width:92%; height:auto; padding:20px 1% 0 1%; margin:0px auto; }
.iContactInquiryBox{width:100%; height:auto; padding:0; margin:0; float:none;}
.iContactDetailsBox{width:100%; height:auto; padding:0; margin:0; float:none;}

/*--Explore Offers Page CSS 15/06/2016 --*/
.eoContainer{width:100%; height:auto; margin:10px auto 20px auto;}

.eoBox{width:95.5%; height:auto; padding:10px 1%; margin:5px 1%; background:#fff; float:left;box-shadow:0px 0px 4px #cbcbcb;}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 5px solid #dae8ff;
  width: 90%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius:10px; overflow:hidden;
}
}