/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900);
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@font-face { 
    font-family: 'Rupee Foradian';
    src: url('font/Rupee_Foradian.ttf');
    font-weight: bold;
    font-style: normal;
}

@media print
{
.noprint {display:none;}
}

body{margin:0; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:97%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:97%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}

/* #search_container{width:100%; 
padding: 2%;
margin: -1.5% 0 1% 0; height:250px; float:left; background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,65,255,1) 100%);} */

#search_container{width:100%; 
padding: 2%;
margin: -1.5% 0 1% 0; height:auto; float:left; font-family: "Poppins", sans-serif, sans-serif;}

#search_container-inner{width:100%; border-radius:6px; padding: 1% 3%; float:left; background-color: #ffffff; margin-top: 1%;}
#search_container-inner .wayrow{ padding-top: .5%; padding-bottom: .5%;   }
#search_container-inner .cell{ padding: 1%;  }
#search_container-inner .from{ border: solid #CCCCCC; border-width: 1px 0px 1px 1px; border-radius: 5px 0px 0px 5px;  }
#search_container-inner .to{ border: solid #CCCCCC; border-width: 1px 0px 1px 1px;  }
#search_container-inner .dept{ border: solid #CCCCCC; border-width: 1px 0px 1px 1px;  }
#search_container-inner .class{ border: solid #CCCCCC; border-width: 1px 0px 1px 1px;  }
#search_container-inner .search{ border: solid #CCCCCC; border-width: 1px;  border-radius: 0px 5px 5px 0px; text-align: center;  }

#search_container-inner .cell b{ font-weight: bold; font-size: 25px;     }
#search_container-inner .cell button{   
    background: linear-gradient(270deg, rgba(13,0,227,1) 0%, rgba(110,116,255,1) 49%, rgba(136,166,255,1) 100%);
    color: white;
    font-weight: bold;
    padding: 7% 12%;
    font-size: 22px;
    border: 0px;
    margin: 5.2% 0%;
    border-radius: 25px;
}
#search_container-inner .cell button:hover{
    background-color: blue;
}

#search_container-inner .fromto{cursor: pointer;}
#search_container-inner .fromto:hover{background-color: #e5e9f0;}

#search_container1{
width:100%; 
padding: .6% 2% ;
height:auto;
float:left;
background: rgba(238, 238, 238, 0.7);
margin: 0;
font-family: "Poppins", sans-serif, sans-serif;
}
#search_container1-inner{
width:100%;
border-radius:6px;
padding: 1% 3%;
float:left;
background-color: #ffffff;
box-shadow: 0px 15px 5px -17px #111; 
}

#search_container1-inner:hover{
 background: linear-gradient(282deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 49%, rgba(239,243,248,1) 100%);  
}



#search_container1-inner .cell{  }
#search_container1-inner .cell img{float: left; width: 50px;}
#search_container1-inner .cell .b{float: left; font-size: 24px; color: #455a64; background-color: green; }
#search_container1-inner .row .col-xs-12{ border-top: solid 1px #bdbdbd; margin-top: 1%; padding: 4px; }

#search_container1-inner .flight-div{padding-top: 8px;}
#search_container1-inner .flight-text{padding : 3% 0% .5% 10%; float: left;}

#search_container1-inner .dept{ text-align: center; }
#search_container1-inner .dept-title{padding : 0px; font-size: 12px; float: left;  width: 100%;}
#search_container1-inner .dept-time{ padding : 0px; float: left; font-size: 20px; width: 100%; }
#search_container1-inner .dept-plc{ padding : 0px; font-size: 12px; float: left; width: 100%; }

#search_container1-inner .duration{padding-top: 26px; margin-bottom: 5px; text-align: center; float: left; border-bottom: solid 2px #00b0ff; font-size: 16px; width: 100%; }
.durationp{width:100%; height:auto; float:left; color:red; font-size:10px; text-align:center; margin-top:5px;}
.durationb{font-weight:normal; border-right:1px solid #c7c7c7; padding:0 8px 0 0}
.durationb1{font-weight:normal; border-right:none; padding:0 0 0 8px}
    
#search_container1-inner .tcen{width: 100%; float: left; text-align: center; color:#31b97b;}
.bookbtn{width: 0; height:auto; float: left; margin:0%; text-align: center; color:#fff; font-size:0; background:#015dab; border-radius:0; padding:0; visibility:hidden;}

#search_container1-inner .arr{ text-align: center; }
#search_container1-inner .arr-title{ padding : 0px; font-size: 12px; float: left;  width: 100%;  }
#search_container1-inner .arr-time{ padding : 0px; float: left; font-size: 20px; width: 100%; }
#search_container1-inner .arr-plc{ padding : 0px; font-size: 12px; float: left; width: 100%; }

#search_container1-inner .price-div{ text-align: center;  }
#search_container1-inner .price-title{ padding : 0px; font-size: 12px; float: left;  width: 100%; }
#search_container1-inner .price-amt{ padding: 0px; float: left; font-size: 20px; width: 100%; color: #0277bd; }
#search_container1-inner .price-act{ padding : 0px; font-size: 12px; float: left; width: 100%;  }

#search_container1-inner .book-now-div{ text-align: center;  }
#search_container1-inner .book-now-div1{ padding-top: 12px;   }

#search_container1-inner .flight-details{ text-align: right; padding-top: .5%;   }
#search_container1-inner .flight-details-title{ color: #430ce7;   }
#search_container1-inner .flight-details-body{ background-color: #f5f8fa; margin-top: .5%;   }
#search_container1-inner .flight-details-desc{ padding: 2%; background-color: white; text-align: justify; }

.a{text-decoration:none; color:#FFFFFF; background:#333333; padding:0.3% 0.8% 0.6% 0.8%; float:left; margin:.3%; transition:0.5s}
.a:hover{background:#666666}

.container1 {
  float:left;
  padding:0;
  width: 100%;
}
.container1 h3 {
  color: #0087B9;
  text-align: left; 
  font-weight: 400;
  font-size:14px;
  width:100%;
  float: left;
  margin:0.5% 0
}
.container1 a {
  border-bottom: 1px solid #ec407a;
  color: #0087B9;
  text-decoration: none;
}
.container1 a:hover,
.container1 a:focus {
  color: #0087B9;
  border-bottom: none;
}
.container1 .intro {
  font-size: 1.25em;
}
.container1 .js .panel-title {
  margin: 0;
}
.container1 .panel-title a {
  border-bottom: none;
  color: #0087B9;
  display: block;
  padding:0.5% 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width:100%;
  border-bottom:1px #DCDCDC solid
}
.container1 .panel-title a .icon {
  color: #808080;
  position: absolute;
  right: 1%;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.container1 .panel-title a:hover,
.container1 .panel-title a:focus {
  color: #37474f;
}
.container1 .panel-title a:hover .icon,
.container1 .panel-title a:focus .icon {
  color: #D4D6D5;
}
.container1 .panel-title a.active {
  color: #37474f;
}
.container1 .panel-title a.active .icon {
  color: #000000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container1 .js .accordion {
  margin: 2em 0;
}
.container1 .accordion .panel-title a {
}
.container1 [id^="panel-"] {
  padding-bottom: 2em;
}


.container1 .con{width:98%; height:auto; float:left; margin:1% 0.5% 0 0.5%; padding:0.5%; border:#999999 1px solid; font-size:small; background:#F9F9F9; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);}
.container1 .con1{width:49%; height:auto; float:left; margin:0.3%;}
.container1 .con1 .big_a{text-decoration:none; color:#FFFFFF; background:#006600; padding:1.5% 1%; float:left; margin:1%; width:15%; text-align:center; font-size:large; transition:0.5s}
.container1 .con1 .big_a:hover{background:#666666}


.container1 .con p{float:left; color:#0099FF; font-size:small; width:100%; margin:0;}
.container1 .con span{font-size:small; color:#333333; padding-left:1%}
.container1 .con a{text-decoration:none; color:#FFFFFF; background:#333333; padding:.5% ; float:left; margin:1%; transition:0.5s}
.container1 .con a:hover{background:#666666}
.container1 .con6{width:23.4%; height:25px; float:left; margin:0.8%;}

.container1 .con2{width:23.4%; height:100px; float:left; margin:0.8%;}
.container1 .con2 .box{width:97%; height: auto; float: left; padding:3% 1%; border:#EAEAEA 1px solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.container1 .con2 .box:hover{border:#039EEE 1px solid;}
.container1 .con2 .box:focus{border:#039EEE 1px solid;}
.container1 .con2 .box2{width:25%; height: auto; float: left; padding:3% 1%; border:#EAEAEA 1px solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.container1 .con2 .box2:hover{border:#039EEE 1px solid;}
.container1 .con2 .box2:focus{border: #00FFCC 1px solid;}


.container1 .con2 p{font-size:small; margin:2% 0}
.container1 .con2 .submit{padding:2% 4%; background:#414040; color:#ffffff; border:none; cursor:pointer; margin:4% 0; transition:0.5s}
.container1 .con2 .submit:hover{background:#000000} 

#lower{width:100%; height:auto; float:left; margin:2% 0; font-family: 'Ruda', sans-serif; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);}
#lower .head{width:15.6%; height:auto; float:left; font-size:small; color:#333333; margin:0.9% 0.5% 0% 0.5%;}
#lower .con{width:100%; height:auto; float:left; margin:1% 0 0 0; background:#F3F3F3}
#lower .con:last-child{margin:1% 0 0 0}
#lower .con .con_div{width:15.6%; height:auto; float:left; margin:1% 0.5%;}
#lower .con .con_div img{width:18%; height:auto; float:left; margin:-2% 4% 0 0}
#lower .con .con_div p{font-size:small; color:black; margin:0}
#lower .con .con_div span{font-size:small; color: #808080}
#lower .con .con_div span .a{font-size:small; color: #808080}

#lower .con .con_div h4{font-weight:bold; margin-bottom:0}
#lower .con .con_div .span{font-weight:bold; margin:0}

#lower .con .con_div a{background:#E32526; color:white; padding:4% 0; border-radius:5px; width:90%; float:left; margin:0 5%; text-align:center; text-decoration:none; transition:0.5s}
#lower .con .con_div a:hover{background:#9D0102}
#lower .con .con_div h6{color:#F72222; float:right; margin:3% 5% 0 0}

#lower1{width:100%; height:auto; float:left; margin:0; font-family: 'Ruda', sans-serif; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);}
#lower1 .head{width:13.5%; height:auto; float:left; font-size:small; color:#333333; margin:0.9% 0.5% 0% 0.5%;}
#lower1 .head1{width:26%; height:auto; float:left; font-size:small; color:#333333; margin:0.9% 0.5% 0% 0.5%;}
#lower1 .con{width:100%; height:auto; float:left; margin:1% 0 0 0; background:#E5E5E3}
#lower1 .con:last-child{margin:1% 0 0 0}
#lower1 .con .con_div{width:13.5%; height:auto; float:left; margin:1% 0.5%;}
#lower1 .con .con_div img{width:27%; height:auto; float:left; margin:-2% 4% 0 0}
#lower1 .con .con_div p{font-size:small; color:black; margin:0}
#lower1 .con .con_div span{font-size:small; color: #808080}
#lower1 .con .con_div h4{font-weight:bold; margin-bottom:0}
#lower1 .con .con_div .span{font-weight:bold; margin:0}

#lower1 .con .con_div2{width:26%; height:auto; float:left; margin:1% 0.5%;}

#searchbook1{width:100%; height:auto; float:left; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.05); margin-top:2%; font-family: 'Raleway', sans-serif; background:#E5E5E3; border:1px #E4E4E4 solid;}
#searchbook1 .left{width:70%; height:auto; float:left; border:1px #E4E4E4 solid; margin:0.5%; border-radius:4px; background:white}
#searchbook1 .left .con{width:98%; height:auto; float:left; margin:1%}
#searchbook1 .left .con p{color:#333333; width:10%; float:left; padding-top:0}
#searchbook1 .left .con .divcon{width:90%; height:auto; float:left}
#searchbook1 .left .con .divcon .box{width:15%!important; height:auto; float: left; padding:5px!important; margin:1.5% 1%!important; border-radius:5px; border: 1px #CCCCCC solid; transition:0.5s}
#searchbook1 .left .con .divcon .box:hover{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .con .divcon .box:focus{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .con .divcon .box1{width:39%!important; height:auto; float: left; padding:5px!important; margin:1.5% 1%!important; border-radius:5px; border: 1px #CCCCCC solid; transition:0.5s}
#searchbook1 .left .con .divcon .box1:hover{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .con .divcon .box1:focus{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .con .divcon .box2{width:15%; height:auto; float: right; padding:1.1% 1%; margin:1.5% 2% 1.5% 1%; border-radius:5px; border: 1px #CCCCCC solid; transition:0.5s}
#searchbook1 .left .con .divcon .box2:hover{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .con .divcon .box2:focus{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}

#searchbook1 .left b{background:#F0EFEF; width:98%; height:auto; float:left; margin:3% 1% 0 1%; padding:0.1%}
#searchbook1 .left .low{width:98%; height:auto; float:left; margin:1%;}
#searchbook1 .left .low h4{}
#searchbook1 .left .low .box{width:47%!important; height:auto; float: left; padding:5px!important; margin:1.5%!important; border-radius:5px; border: 1px #CCCCCC solid; transition:0.5s}
#searchbook1 .left .low .box:hover{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .low .box:focus{border:#0186E4 1px solid; box-shadow: 0px 0px 8px 0px rgba(1,134,228,0.40)}
#searchbook1 .left .submit{width:auto!important; height:auto; padding:1.3% 3%; float:right; background:#E32526; color:#ffffff; border-radius:5px; border:none; cursor:pointer; margin:0% 2.5% 2.5% 2.5%; font-family: 'Ruda', sans-serif; font-size:large; transition:0.5s}
#searchbook1 .left .submit:hover{background:#000000} 
#searchbook1 h4{margin-bottom:0.3%}
#searchbook1 .right{width:28%; height:auto; float:left; border:1px #DFDEDE solid; margin:0.5%; padding:0.5%; border-radius:4px; background: white; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.09);}
#searchbook1 .right h4{margin:0 0 3% 0; color:#0099FF; border-bottom:1px #CCCCCC solid}
#searchbook1 .right p{color: #666666; padding:2px 0 6px 20px; font-family: 'Rupee Foradian'; border-bottom:1px #E6E4E4 solid; text-transform:uppercase}
#searchbook1 .right .low{background: #F2F2F2; border-top:1px #CCCCCC solid; width:100%; float:left; padding:3% 1.5%}
#searchbook1 .right .low h5{float:left; color:#333333; font-weight:bold;}
#searchbook1 .right .low .h5{ float:right; color: #FE611C; font-size:large; font-family: 'Rupee Foradian'; margin:0}
#searchbook1 .right strong{color:#0066FF; float:right}
.first-component{}
.second-component{
    margin-top: 40px !important; 
    margin-left: 315px !important;
    }
.third-component{
    margin-top: 40px !important; 
    margin-left: 630px !important;
}
.fourth-component{
 margin-top: 40px  !important;
 margin-left: 840px  !important;
 width : 270px  !important;
}
.search_loading{margin-left: 650px ; margin-top: 100px;}
.cursor_pointer{cursor: pointer;}
.desktop {}
.mobile{}

.successdiv{width:70%; height:auto; float:left; margin:50px 15%; text-align: center; background:#fff; font-size:large; padding:20px; border-radius:5px; font-family: "Poppins", sans-serif, sans-serif;}
.successdiv .img{width:8%; height:auto; float:left; margin:30px 46% 30px 46%}
.successdiv h3{color:#025ea5;}
.successdiv .con{width:80%; height:auto; float:left; margin:20px 10%; text-align: center; background:#e6e6e4; padding:20px; border-radius:5px;}
.successdiv .con .left{width:59%; height:370px; float:left; margin:0; background:#e6e6e4; border:1px solid #6b6b6b;}
.successdiv .con .left h4{width:100%; height:30px; float:left; margin:0; background:#0174aa; padding:5px; border-bottom:1px solid #6b6b6b; color:#fff;}
.successdiv .con .left p{width:95%; height:auto; float:left; margin:1% 2.5%; text-align:left; font-size:small;}
.successdiv .con .left p strong{width:30%; height:auto; float:left; margin:0;}
.successdiv .con .right{width:39%; height:370px; float:left; margin:0; background:#e6e6e4; border:1px solid #6b6b6b; border-left:0;}
.successdiv .con .right h4{width:100%; height:30px; float:left; margin:0; background:#0174aa; padding:5px; border-bottom:1px solid #6b6b6b; font-size:0;}
.successdiv .con .right img{width:95%; height:auto; float:left; margin:2.5%;}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}

h1{color:#0099FF; text-align:center; padding:1%}
h2{color:#414141; border-bottom:#EAE8E8 1px solid; padding-bottom:0.5%; width:96%; margin:2%; float:left}

.container1 h3 {
  color: #191919;
  text-align:center; 
  font-weight: 500;
  background:#3DB2E1;
  font-size:medium;
  width:100%;
  float: left;
  margin:0.7% 0
}
.container1 .panel-title a {
  border-bottom: none;
  color: white;
  display: block;
  font-weight:bold;
  padding:6% 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
}


.container1 .con2{width:98%; height: auto; float:left; margin:2% 1%;}
.container1 .con2 .box{width:97%; height: auto; float: left; padding:3% 1%; border:#EAEAEA 1px solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.container1 .con2 .box:hover{border:#039EEE 1px solid;}
.container1 .con2 .box:focus{border:#039EEE 1px solid;}
.container1 .con2 .box1{width:97%; height: auto; float: left; padding:3% 1%; border:#EAEAEA 1px solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.container1 .con2 .box1:hover{border:#039EEE 1px solid;}
.container1 .con2 .box1:focus{border:#039EEE 1px solid;}
.container1 .con2 .box2{width:25%; height: auto; float: left; padding:3% 1%; border:#EAEAEA 1px solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.container1 .con2 .box2:hover{border:#039EEE 1px solid;}
.container1 .con2 .box2:focus{border: #00FFCC 1px solid;}
.container1 .con2 p{font-size:small; margin:2% 0}
.container1 .con2 .submit{padding:4% 8%; background:#414040; color:#ffffff; border:none; cursor:pointer; margin:4% 0; transition:0.5s}
.container1 .con2 .submit:hover{background:#000000} 

#search_container{width:100%; 
padding: 3% 2%;
margin: -1.5% 0 5% 0; height:auto; float:left;}

#search_container-inner{width:100%; border-radius:6px; padding: 1% 3%; float:left; background-color: #ffffff; margin-top: 1%; }
#search_container-inner .wayrow{ padding-top: 5px; padding-bottom: 5px;}
#search_container-inner .col-xs-1{ float: left; width: 50%; text-align: center; }
#search_container-inner .col-xs-2{ float: left; width: 50%; text-align: center; }

#search_container-inner .from{ 
   border: none;
   border-radius: 0px;
   width: 46%; 
   float: left;  
   background-color: #ecf1ff;
   padding-left: 10px;
   margin: 2% 1% 1% 3%;
   overflow: hidden;
   }
#search_container-inner .to{ 
    border: none;
    border-radius: 0px;
    width: 46%;
    margin: 2% 3% 1% 1%;
    float: left;  
    background-color: #ecf1ff;
    overflow: hidden;
    padding-left: 10px;
   }   
#search_container-inner .dept{ 
    border: none; 
    border-radius: 0px;
    width: 46%;
    margin: 1% 1% 1% 3%;
    float: left;  
    background-color: #ecf1ff;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    }    
#search_container-inner .class{ 
    border: none;
    border-radius: 0;
    width: 46%;
    margin: 1% 3% 1% 1%;
    float: left;  
    background-color: #ecf1ff;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    }
#search_container-inner .search{
    text-align: center;
    border: none;
    border-radius: 0;
    width: 46%;
    margin: 2%; 
    float: left;  
    overflow: hidden;
    text-align: left;
    padding-left: 5%;
    padding-left: 10px;
    }
#search_container-inner .cell strong{ 
    font-weight: bold; 
    font-size: 12px;  
    color: #430ce7; 
    }        
#search_container-inner .cell b{ 
    font-weight: bold; 
    font-size: 17px;     
    }
#search_container-inner .cell span{ 
    font-size: 12px;     
    }    
    
    
    
    
    
    
    
    
    
    
#search_container1{
width:100%; 
padding: 0% 0% 4% 0% ;
height:auto;
float:left;
background: #eeeeee;
margin: 0;
}
#search_container1-inner{
width:100%;
border-radius:0px;
padding: 1% 3%;
float:left;
background-color: #ffffff;
box-shadow: none; 
}

#search_container1-inner:hover{
 background: linear-gradient(282deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 49%, rgba(239,243,248,1) 100%);  
}

#search_container1-inner .col-xs-2{padding: 0; width: 20%; height:auto; float:left; margin:0;}
#search_container1-inner .col-xs-12{padding: 0; width: 97%;}
#search_container1-inner .flight-details-title{padding: 2% 1%;}
#search_container1-inner .cell{  }
#search_container1-inner .cell img{float: left; width: 35px;}
#search_container1-inner .cell .b{float: left; font-size: 24px; color: #455a64; background-color: green;}
#search_container1-inner .row .col-xs-12{ border-top: solid 1px #bdbdbd; margin-top: 1%; padding: 4px;}

#search_container1-inner .flight-div{padding-top: 8px;  }
#search_container1-inner .flight-image{padding: 4px 0px 0px 17px; width: 100%; float: left;}
#search_container1-inner .flight-text{padding : 5px 0px 0px 0px; width: 100%; float: left; font-size: 12px; text-align: center;}

#search_container1-inner .dept{ text-align: center; margin-top: 12px;  float: left; background-color: #eff3f8; border: 1px solid #bacbe0;}
#search_container1-inner .dept-title{ padding : 5px 0px 0px 0px; font-size: 11px; float: left;  width: 100%;}
#search_container1-inner .dept-time{ padding : 0px; float: left; font-size: 22px; width: 100%;}
#search_container1-inner .dept-plc{  padding : 0px 0px 5px 0px; font-size: 11px; float: left; width: 100%;}

#search_container1-inner .duration{padding-top: 37px; text-align: center; float: left; border-bottom: solid 2px #00b0ff; font-size: 10px; width: 100%;}
.durationp{width:100%; height:auto; float:left; color:red; font-size:10px; text-align:center; margin-top:0;}

#search_container1-inner .tcen{width: 100%; float: left; text-align: center; color:#31b97b; font-size:12px;}
.bookbtn{width: 95%; height:auto; float: left; margin:0 2.5%; text-align: center; color:#fff; font-size:12px; background:#015dab; border-radius:5px; padding:5px 0; visibility:visible;}
.bookbtn:hover{color:#fff;}
    
#search_container1-inner .arr{ text-align: center; margin-top: 12px; float: left;  background-color: #eff3f8; border: 1px solid #bacbe0;}
#search_container1-inner .arr-title{ padding : 5px 0px 0px 0px; font-size: 11px; float: left;  width: 100%;}
#search_container1-inner .arr-time{ padding : 0px; float: left; font-size: 22px; width: 100%;}
#search_container1-inner .arr-plc{ padding : 0px 0px 5px 0px; font-size: 11px; float: left; width: 100%;}

#search_container1-inner .price-div{ text-align: center;  margin-top: 12px;}
#search_container1-inner .price-title{ padding : 0px; font-size: 12px; float: left;  width: 100%;}
#search_container1-inner .price-amt{ padding: 0px; float: left; font-size: 14px; width: 100%; color: #0277bd; margin-top: 0;}
#search_container1-inner .price-act{ padding : 0px; font-size: 11px; float: left; width: 100%;  margin-top: 6px;}

#search_container1-inner .book-now-div{ text-align: center;  background-color : #ffe066 ; float: left; width: 0px;} 
#search_container1-inner .book-now-div1{ padding-top: 0;  float: left;}
#search_container1-inner .btn{ display: none;}


#search_container1-inner .flight-details{ text-align: right; padding-top: .5%;}
#search_container1-inner .flight-details-title{ color: #430ce7; font-size: 12px;}
#search_container1-inner .flight-details-body{ background-color: #f5f8fa; margin-top: .5%;}
#search_container1-inner .flight-details-desc{ padding: 2%; background-color: white; text-align: justify;}
    
  
.first-component{
    margin-top: 30px !important; 
    margin-left: 16px !important;
    }
.second-component{
    margin-top: 30px !important; 
    margin-left: 45px !important;
   
    }
.third-component{
    margin-top: 110px !important; 
    margin-left: 0px !important;
     width : 50% !important;
}
.fourth-component{
 margin-top: 110px !important;
 margin-left: 78px !important;
 width : 50% !important;
}
  
 
.search_loading{margin-left: 150px ; margin-top: 100px;}

.desktop {display: none;}
.mobile{ margin-top: 500px; float: left;  }


#searchbook1{ float:left; margin-top:4%; }
#searchbook1 .left{width:100%; height:auto; float:left; margin:0%;}
#searchbook1 .left .con{width:100%; height:auto; float:left; margin:0; padding:0!important}
#searchbook1 .left .con p{width:100%; margin-left: 2%; }
#searchbook1 .left .con .cust_det{float:left; width: 100%; margin: 10px 0 1% 0; border: 1px solid #b7bcc8; background-color: #f4f4f4;}
#searchbook1 .left .con .divcon{width:100%;}
#searchbook1 .left .con .divcon .box{width:98%!important; height:auto!important; margin:2% 1%!important; float: left; padding:5px 1%!important;}
#searchbook1 .left .con .divcon .box1{width:98%!important; height:auto!important; padding:5px 1%!important; margin:2% 1%!important;}
#searchbook1 .left .con .divcon .box2{width:98%!important; height:auto!important; float: left; padding:5px 1%!important; margin:2% 1%!important;}
#searchbook1 .left .low .box{width:98%!important; height:auto!important; padding:5px 1%!important; margin:2% 1%!important;}
#searchbook1 .left .submit{ border-radius:5px; margin:5% 2%; float: left; width: 96%!important; height:auto!important;}
#searchbook1 h4{margin: 2% 0.3%}

#searchbook1 .right{width:100%; height:auto; float:left;}
#searchbook1 .right p{color: #666666; padding:13px 0 16px 20px; font-family: 'Rupee Foradian'; border-bottom:1px #E6E4E4 solid; text-transform:uppercase}

.fsumm{width:100%; height:auto; float:left; margin-top:20px;}

.successdiv{width:94%; height:auto; float:left; margin:3%; text-align: center; background:#fff; font-size:large; padding:20px; border-radius:5px;}
.successdiv .img{width:20%; height:auto; float:left; margin:15px 40% 15px 40%}
.successdiv .con{width:100%; height:auto; float:left; margin:20px 0; text-align: center; background:#e6e6e4; padding:20px; border-radius:5px;}
.successdiv .con .left{width:99%; height:auto; float:left; margin:0; background:#e6e6e4; border:1px solid #6b6b6b;}
.successdiv .con .right{width:99%; height:auto; float:left; margin:0; background:#e6e6e4; border:1px solid #6b6b6b;}

}