﻿.topnav {
  overflow: hidden;
  background-color: #fff;
  padding-left:45%;
}

.topnav a {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 28px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  /*background-color: #4CAF50;*/
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.top-phone-no {text-align:right; color:#fff; margin-right: 20px; font-weight: bold; margin-top: -13px;}
.logo-main {    float: left; margin-top: -95px; margin-left: -90px;}
p.about-text {font-size:18px !important; line-height: 24px !important; margin-top:25px !important;}
.service-page ul {margin-bottom:50px;}
.service-page ul li {font-size:18px; list-style:circle; line-height: 40px; text-align:left;}
.homepage-icons {width:115px; height:100px;}
.cp-text h3 {color:#000 !important;}

.airport-tranfer {width:100%; float:left;}
.airport-tranfer-box {
   width: 24%;
    float: left;
    margin-left: 1%;
    padding: 10px 8px 8px 8px;
    
   
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: #aaa 0px 0px 10px;
}

.airport-tranfer-box h3 {text-align:center !important;font-weight:bold;font-size:18px;color:#000;background:#a42d71;color: white;padding: 10px;box-sizing: border-box;margin: -9px;
    margin-top: -10px;}
.airport-tranfer-box p {text-align:center !important; color:#666666; font-size: 14px;}
.airport-tranfer-box p {
   
    font-weight: 600;
}
.airport-tranfer-box .booknow-home {text-align:center !important; border-radius:10px !important; padding:10px 0px;width:100% !important;  float:left !important;}
.airport-tranfer-box a {
    font-weight:bold;
    color:#fff;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0px;
  
    width: 100%;
    float: left;
    margin-top: 20px;
   
    }
.airport-tranfer-box a.grads:hover {transform: scale(0.9);color: #000000;}
.packages-box a.grads:hover {transform: scale(0.9);color: #000000;} 
.packages-box{-webkit-box-shadow: #aaa 0px 0px 10px;}
.outstation-box{-webkit-box-shadow: #aaa 0px 0px 10px;}
.outstation-box a.grads:hover {transform: scale(0.9);color: #000000;} 
.airport-tranfer-box .booknow-home:hover {
    transform: scale(0.9);color: #000000;
}
.packages-box .booknow-home:hover {
    transform: scale(0.9);color: #000000;
}
.outstation-box .booknow-home:hover {
    transform: scale(0.9);color: #000000;
}
.airport-tranfer-box:hover{transform: scale(1.1);
    transition: transform .5s;}
	.packages-box:hover{transform: scale(1.1);
    transition: transform .5s;}
	.outstation-box:hover{transform: scale(1.1);
    transition: transform .5s;}
.outstation {width:100%; float:left;}
.outstation-box {width:30%;float:left;margin-left:3%;/* box-shadow: 0px 0px 5px 0px #666666; */padding:10px 8px 8px 8px;border-radius: 2px;background-color: white;}
.outstation-box h4 {text-align:center !important;font-weight:bold;font-size:18px;color:#000;text-align: center !important;font-weight: bold;font-size: 18px;color: #000;background: #d90000;color: white;padding: 10px;box-sizing: border-box;margin: -9px;
    margin-top: -10px;}
.outstation-box p {text-align:center !important; color:#666666; font-size: 14px;}
.outstation-box a {font-weight:bold;color:#fff;text-align: center;border-radius: 10px;padding: 10px 0px;width: 100%;float: left;margin-top: 20px;}
.outstation-box {text-decoration:underline; color:#fff;}
.top-space-30 {margin-top:30px;}

.packages {width:100%; float:left;}
.packages-box {width: 32%;
    float: left;
    margin-left: 1%;
    padding: 5px 5px 18px 4px;
    background-color: #fff;
    border-radius: 2px;
    }
.packages-box h4 {text-align: center !important;
    font-weight: bold;
    font-size: 18px;
    color: #000;
    background: #d90000;
    color: white;
    padding: 10px;
    box-sizing: border-box;
    margin: -6px;
	margin-top: -6px;}
.packages-box p {text-align:center !important; color:#666666; font-size: 14px;}
.packages-box a {font-weight:bold;color:#fff;text-align: center;border-radius: 10px;padding: 10px 0px;width: 100%;float: left;margin-top: 20px;}
.packages-box {text-decoration:underline; color:#fff;}

.package-box-left {width:49%; float:left; border-right:solid 1px #666;}
.package-box-right {width:49%; float:right;}

@media screen and (max-width: 600px) 
{
  .topnav {padding-left:0%;}
  .topnav a {padding: 14px 16px;}
  .top-phone-no {text-align:center; color:#fff;}
  .logo-main { float: none; margin-top:0px; margin-left:25%;}
  .logo-main img {width:100%;}
  .book-now1 {width:100%; height:auto;}
  .tab button {padding: 14px 15px; font-size: 14px;}
  .tabcontent {width: 102%; margin-left: 0.5%;}
  .owl-carousel .owl-stage-outer {height:auto;}
  .cp-taxi-holder .cp-btn-style1 {min-width: 100%;}
  body p {margin-left: 15px; margin-right: 15px;}
  
  
  
}