img {
     max-width: 100% 
}
 ul {
     margin: 0;
     padding: 0;
     list-style: none 
}
 * {
     text-decoration: none;
     transition: .5s linear 
}
 body {
     font-family: 'Open Sans', sans-serif 
}
 .star-icon {
        color: gold; /* Add this line to set the star color */
    }

.desc_text ul {
    list-style-type: disc;
    padding-left: 20px;
}

.desc_text li {
    margin-bottom: 5px;
}


/*our services & fleet list left side bar starts*/

.our_services_list {
    padding: 2px 30px;
    background: #eee;
}

.our_services_list h3 {
    font-family: 'Taviraj', serif;
    font-weight: 400;
}

.our_services_list a {
    color: #4f5051;
    display: block; 
    text-decoration: none; 
}

.our_services_list ul li {
    position: relative; 
    list-style-type: none; 
    padding-left: 25px; 
}

.our_services_list ul li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #4fa5d5;
    top: 50%;
    transform: translateY(-50%);/* vertically centers the icon relative to the list item */
}


.our_fleet_list {
    padding: 2px 30px;
    background: #eee;
}

.our_fleet_list h3 {
    font-family: 'Taviraj', serif;
    font-weight: 400;
}

.our_fleet_list a {
    color: #4f5051;
    display: block;
    text-decoration: none;
}

.our_fleet_list ul li {
    position: relative;
    list-style-type: none;
    padding-left: 25px;
}

.our_fleet_list ul li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #4fa5d5;
    top: 50%;
    transform: translateY(-50%);
}



/*Our services and Fleet list left side bar ends*/

.marker_icon {
        text-align: left;
    margin-bottom: 10px;
    margin-top: 19px;

}
.why-choose-us .choose-us-list li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #4fa5d5;
}

.footer_address i{
    
    font-size:35px;
    padding-right: 10px;
    
}

.footer_address p{
    
    font-size:17px;
}



/*Fleet short description in home page*/
.fleet_decs_short {
    
    height:112px;
}

/*contact 3 css starts here*/

.contact-3 {
    
    float: left;
    padding: 40px 0;
    position: relative;
    width: 100%;
    /*background: #d0dae3;*/
}

  /* CSS for call-to-action rows */
  .call-to-action-row {
    margin-bottom: 20px;
    padding: 15px;
    /*background-color: #f7f7f7;*/
    /*border: 1px solid #ddd;*/
    border-radius: 5px;
  }
  
  .call-to-action-row .coninfologo {
    font-size: 24px;
    margin-bottom: 10px;
  }
  
  .call-to-action-row .coninfotitle {
    font-weight: bold;
  }
  
  .call-to-action-row .coninfocontent {
    color: #333;
  }



/*contact 3 css ends here*/



/* Base styles for slide-from-left-effect button */

.book-btn.slide-from-left-effect {
      font-size: 18px;
    background: #444;
    color: #fff;
    border: 1px solid #777;
    padding: 12px 15px;
    margin: 60px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    /* display: flex; */
    display: block;
    /*width: 34%;*/
    text-align: center;
    line-height: 34px;
    font-family: 'Taviraj', serif;
    font-weight: 400;
}

.book-btn.slide-from-left-effect:hover {
  color: #ef9b00;
  font-family: 'Taviraj', serif;
    font-weight: 400;
}

.book-btn.slide-from-left-effect::after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 12px 15px;
  display: block;
  transition: all 0.35s;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}

.book-btn.slide-from-left-effect:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

.book-button.slide-from-left-effect {
  font-size: 15px;
  background: #212121;
  color: #fff;
  border: 1px solid #515151;
  padding: 0.85em 0.75em;
  margin: 1rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-decoration: none; /* remove underline from anchor */
  display: flex;  /* to apply padding and dimensions to inline element */
}

.book-button.slide-from-left-effect:hover {
  color: #ef9b00;
}

.book-button.slide-from-left-effect::after {
  content: "»";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
  transition: all 0.35s;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}

.book-button.slide-from-left-effect:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

.reservation-btn:after {
    content: '»';
  position: absolute;
  opacity: 0;  
  top: 14px;
  right: -20px;
  transition: 0.5s;
}

.button_center {
    
    float: left;
    width: 100%;
    margin: 20px;
    text-align: center;

}
/* New header 23 Starts*/

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;  /* Add some padding around */
}

.header-logo, .header-phone {
    flex: 0 0 20%;  /* These will take 20% width of the container */
}

.header-menu {
    flex: 0 0 60%;  /* This will take 60% width of the container */
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-phone {
    text-align: right;  /* To align the phone number to the right */
}


.header-container {
    display: flex;
    align-items: center; /* This will vertically center items if your header has a height */
    justify-content: space-around; /* This will create space between the three main items */
}

.header-logo {
    flex: 0 0 20%; /* This means the logo will not grow or shrink and will take up 20% of the parent's width */
}

.header-menu {
    flex: 0 0 70%; /* The menu will take up 70% of the parent's width */
    /* You may want to center the menu items if they don't take up the full 70% */
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-phone {
    flex: 0 0 10%; /* The phone section will take up the remaining 10% */
    text-align: right; /* To align the phone number to the right */
}



/* New header 23 Stops*/
.pax_luggage {
    
        width: 100%;
    float: left;
    border-top: 1px solid #bbb;
}
.pax_luggage img {
    
    width: 100px;
    filter: hue-rotate(172deg);
}

.pax_luggage ul {
    
    display: inline-block;
}


.inquiry_form {
    

    display: block;
    float: left;
    margin: 0 auto;
    padding: 20px;
}

 /* New footer section Aug 23 */
 
 .footer_col1_data {
     
     padding: 0px 0px 40px;
 }
 
 .footer23_section a {
     
     color: #fff;
     text-decoration:none;
     font-size:19px;
 }
 
 .footer_col1 {
     
     color: #fff;
     font-size:20px;
     border-right: 1px solid #fff;
 }
  .footer_col2 {
     
     color: #fff;
     font-size:20px;
 }
  .footer_col3 {
     
     color: #fff;
     font-size:20px;
     border-left: 1px solid #fff;
 }
 
 .footer_logo
 {
     
     margin: 20px 0px;
    /*filter: brightness(27.5);*/
 }
 
 
.footer23_section {
    padding: 50px 0;
    background-color: #000000;
    float: left;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    width: 100%;
}

        .contact-icon {
            font-size: 36px;
            margin-right: 10px;
            vertical-align: middle;
            filter: brightness(12.5);
        }

        .contact-info {
            display: inline-block;
            vertical-align: middle;
        }

        .divider {
            height: 2px;
            background-color: #ccc;
            margin: 15px 0;
        }

/*New footer Ends */

/*Airport module Css*/

.airports {
     float: left;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    width: 100%;
    background:#f6fbff;
    
}

.airport-section {
    
    float: left;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    width: 100%;
    background:#f6fbff;

}
 .airports h2 {
     float: left;
     font-size: 30px;
     font-weight: 600;

     padding: 0;
     text-align: center;
     width: 100% ;
      font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
  
    
}
 .airports .thumb {
     cursor: pointer;
     float: left;
     margin: 15px 0;
     overflow: hidden;
     padding: 0;
     position: relative;
     width: 100%;
     text-align:center;
     border-radius:5px;
     box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
   
}
.airports_box {
    margin:30px 0;
}
 .airports .thumb .inner_thumb {
     left: 0;
     padding: 15px 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100% 
}
 .airports .thumb h3 {
    font-size: 17px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-family: 'Taviraj', serif;
    font-weight: 400;
}

.airports .thumb h4 {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 66px;
    color: white;
    text-shadow: 1px 1px #000;
     font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
}
.airports .thumb img {
    width: 100%;
    height: 175px;
    /*object-position: 0px -6px;*/
    object-fit: cover;
    filter: grayscale(0);
    
}
.airports .btm_txt h3 {

        font-size: 14px;
    text-align: center;
     -webkit-font-smoothing: antialiased;
      font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;

}
 .airports .thumb:hover img {
     transform: scale(1.1);
      filter: grayscale(0);
}

/*Airport module css ends*/



/*New Footer Starts Here*/

body {
    font-family: Arial, sans-serif;
}

.custom-footer {
    background-color: #182026;
    color: #fff;
    padding: 40px 0;
    float: left;
    width: 100%;
    border-top: 1px dotted #555;

}

.custom-footer-col-1 {
    
    padding: 2px 30px;
}

.footer-buttons, .footer-images, .footer-contact-list, .choose-us-list, .menu {
    list-style: none;
    padding: 0;
}

.footer-button {
    display: inline-block;
    background-color: #4fc3f7;
    color: #fff;
    padding: 10px 15px;
    margin: 5px 5px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.footer-button:hover {
    background-color: #2a8dbf;
}

.footer-images {
    margin-top: 20px;
    text-align: center;
}

.footer-images img {
    margin-right: 10px;
    height: 30px;
}

.footer-contact-list, .choose-us-list {
    margin-top: 20px;
}

.footer-contact-list li, .choose-us-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
        font-size: 16px;
}

.footer-contact-list span, .choose-us-list span {
    margin-right: 10px;
    color: #4fc3f7;
}

.foo-follow-cards ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
}

.foo-follow-cards ul li {
    margin: 0 5px;
}

.foo-follow-cards ul li img {
    height: 45px;
}


.about-us-section {
    background-color: #4fc3f7;
    color: #fff;
    padding: 20px 0;
}

.full-width-section {
    background-color: #13222b;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 34px;
    font-size: 17px;
}

.menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}

.menu li {
    margin: 0 10px;
}

.menu a {
    color: #fff;
    text-decoration: none;
    padding: 5px 2px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.menu a:hover {
    background-color: #4fc3f7;
}

.full-width-section p {
    font-size: 15px;
}


/*New Footer Ends Here*/

/*Floating whatsapp button*/

.float{
	position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #000000;
    color: #FFF;
    /* border-radius: 50px; */
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;

}

.my-float{
	margin-top:16px;
}


/*Whatsap Float ends*/


/*Top Container CSS STARTS */
.topheader_container {
    float: left;
    width: 100%;
    background: linear-gradient(325.24deg,#eee 11.99%,#ccc 88.79%);
    padding: 15px 0;
    color: #fff;
    position: fixed;
    top: 0px;
    z-index: 9999;
    max-height: 35px;
    min-height: 50px;
}
.topheader_container_link {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 10px;
}
.topheader_container a {
    color: #fff;
    background: #158ace;
    padding: 8px 10px;
    border-radius: 5px;
    text-decoration: none;
    margin: 0px 10%;
    font-size: 13px;
    letter-spacing:1px;
}

.topheader_container_fixedheight {
  /*  height: 35px; */
    float: left;
    width: 100%;
}

/*Top Container CSS ENDS*/

.slicklogoslider img {
    width: 100px;
    height: 100px;
    
filter: grayscale(100%);
}
    
    .slicklogoslider img:hover {
    filter: grayscale(0%) !important;
  
    
    }
    
.discount_card {
    
    float: left;
    margin: 0;
    padding: 0px 0;
    text-align: center;
    width: 100%;
    background: #c0c0c0;
    height: 330px;
    overflow:hidden;
}    

.discount_card h2 {
    
    
    color:#111;
    font-family: 'Taviraj', serif;
    font-weight: 500;
    font-size: 100px;
    line-height: 1em;
    overflow: visible;
    
}

.discount_card h3 {
    
    font-size:26px;
    color:#333;
    font-family: 'Taviraj', serif;
    font-weight: 400;
    line-height: 35px;
}

.discount_card img {
    
    
    margin-top: -23px;

}
/* custom_icons Starts */

.custom_icons {
    
    float: left;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    width: 100%;
    background: #192026;
}

.custom_icons h3 {
    
    font-family: 'Taviraj', serif;
    font-weight: 400;
    color: #efefef;
    font-size: 15px;
}

.custom_icons h2 {
    
    font-family: 'Taviraj', serif;
    font-weight: 400;
    color: #efefef;
    font-size: 29px;
}



@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.icon_right img {
    width: 100px;
    height: auto;
    transition: transform 0.3s;
}

.icon_right img:hover {
    animation: bounce 1s;
}

.icon_right {
    padding: 0px 52px;
}
.icon_box1 {
    
    border-right: 1px dashed #999;
}

.icon_box3 {
    
    border-left: 1px dashed #999;
}

/* custom_icons Ends */

.infocol h3 {
    
     font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
}
.infocol_left {
    border-right: 1px solid #919191;
    padding: 0px 30px 0px 0px;
}
.infocol {
    
    text-align:left;
}

.infocol_section{
    
    float: left;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    width: 100%;
    background: #f0f2f8;
}


.info_box1 {
        /*background: #f1f1f1;*/
    padding: 30px;
    height: 528px;
    border-right: 1px solid #999;
    text-align:left;
  
}
.info_box2 {
        /*background: #f1f1f1;*/
    padding: 30px;
    height: 528px;
 
    text-align:left;
   
}
.info_box3 {
        /*background: #f1f1f1;*/
    padding: 30px;
    height: 528px;
    border-left: 1px solid #999;
     text-align:left;
}

.infocol {
    font-weight: 200 !important;
    letter-spacing: .25px;
    line-height: 28px;
}

.infocol img {
    max-height: 231px !important;
    margin-bottom: 20px !important;
    /* filter: grayscale(1); */
    border-radius: 50%;
}

.infocol p {
    
    line-height:1.5;
}

.infocol h2 {
    
    line-height:1.5;
}
 .service_provider {
     margin: 10px 0 0;
     padding: 25px 0;
     float: left;
     width:100%;
}
 .service_provider ul {
     display: inline-block;
     width: 100%;
}
 .service_provider ul li {
     display: inline-block;
     padding: 0 10px;
}
 .service_provider ul li a {
     display: inline-block;
}
 .navigation {
     border: medium none;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
     width: 100% 
}
 .navigation .navbar-header {
     margin: 0;
     padding: 0;
     float: left;
     width: 37.3% 
}
 .navigation .container {
     padding: 1px 0 
}
 .navigation .navbar-header .navbar-brand {
    
     font-size: 30px;
     font-weight: 600;
     height: auto;
     letter-spacing: 2px;
     margin-top: 5px;
     padding: 0;
     text-transform: uppercase;
     line-height: 32px 
}
 .navbar-brand img {
        width: 439px;
    margin-top: 10px;
    /* filter: brightness(16.5);*/
}

.footer .in_sec_ft .store_app {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}

.footer .in_sec_ft .store_app li {
    display: inline-block;
    width: 44%;
    margin: 0 15px 0 0px;
}
 .navigation .center_custom {
     float: left;
     margin: 10px 0 0;
     padding: 5px 0 0;
     text-align: center;
     width: auto 
}
 .navigation .center_custom ul {
     display: inline-block;
     text-align: center;
     width: 100% 
}
 .navigation .center_custom ul li {
     display: inline-block;
     float: none;
     padding: 0 
}
 .navigation .center_custom ul li a {
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 1px;
     padding: 0 10px;
     text-transform: uppercase 
}
 .navigation .center_custom ul li a i {
        border-radius: 10%;
            float: left;
            font-size: 27px;
            height: 50px;
            margin-right: 5px;
            padding: 5px;
            text-align: center;
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
}
 .navigation .center_custom ul li a .txt {
     float: left;
     padding: 10px 5px 
}
 .navigation .book_btn {
     float: right;
     text-align: right;
     padding-top: 4px 
}


    .book-button {
    padding: 7px 18px;
    font-size: 19px;
    font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}

 .book_btn.navbar-right a {
     border-radius: 0px;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     margin-top: 10px;
     padding: 8px 25px;
     text-decoration: none;
     text-transform: uppercase 
}
 .navigation .container-fluid {
     padding: 0 
}
 .navigation .navbar-collapse.collapse {
     float: left;
     padding: 1px 0;
     width: 100% 
}
 .navigation .inner_sec {
     padding: 70px 0 0;
     width: 100%;
     float: left 
}
 .navigation .navbar-collapse.collapse ul {
     display: inline-block;
     text-align: center;
     width: 100% 
}
 .navigation .navbar-collapse.collapse ul li {
     display: inline-block;
     float: none;
     font-weight: 600;
     text-transform: uppercase ;
     padding: 0 3px;
}
 .navigation .navbar-collapse.collapse ul li a {
     border-radius: 20px;
    padding: 10px 13px;
    font-family: 'Taviraj', serif;
    /* font-weight: 700; */
    text-transform: uppercase;
    font-size: 15px;

}
 .glyphicon-chevron-left::before {
     content: none 
}
 .glyphicon-chevron-right::before {
     content: none 
}
 .carousel-inner .item a img, .carousel-inner .item img {
     width: 100% 
}
 .banner .carousel-inner .item img, .carousel-inner .item a img {
     height: auto!important;
     width: 100% ;
    filter: grayscale(100%);
}


.carousel-testi h2 {
    
    font-size: 80px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
 .banner .carousel-inner .item img, .carousel-inner .item a img:hover {
     
         filter: grayscale(0%) !important;
}
 .modren {
     float: left;
     margin: 0;
     padding: 50px 0;
     text-align: center;
     width: 100% 
}
 .modren .trends {
     margin: 0 auto;
     max-width: 100%;
        padding: 0px 30px;
}
 .modren .trends h3 {
     float: left;
     margin: 15px 0;
     width: 100% ;
        font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
   
}
 .modren .trends h2 {
     float: left;
     font-size: 30px;
     font-weight: 600;
     margin: 0 0 40px;
     padding: 0;
     width: 100% ;
        font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;

}
 .modren .trends p {
     float: left;
     font-size: 16px;
     letter-spacing: 1px;
     line-height: 28px;
     margin: 0;
     padding: 0;
     text-align: left;
     width: 100% ;
     color: #333;
}
 .service {
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .service h2 {
     float: left;
     font-size: 38px;
     margin: 0 0 40px;
     padding: 0;
     text-align: center;
     width: 100%;
     font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
    

}

.top-side h2 {
    float: left;
     font-size: 48px;
     margin: 0 0 40px;
     padding: 0;
     text-align: center;
     width: 100%;
      font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
    
}
 .service .thumb {
     cursor: pointer;
     float: left;
     margin: 15px 0;
     overflow: hidden;
     padding: 0;
     position: relative;
     width: 100% ;
   
}
 .service .thumb .inner_thumb {
    left: 0;
    padding: 28px 0;
    /* position: absolute; */
    text-align: center;
    top: 0;
    width: 100%;
    height: 113px;
    display: flex;
    align-items: center;
    justify-content: center;
}

 .service .thumb .inner_thumb i {
    
    padding-left:5px;
}
 .service .thumb .inner_thumb h3 {
     font-size: 15px;
     margin: 0;
     /*text-transform: uppercase;*/
     -webkit-font-smoothing: antialiased;
     
font-family: 'Taviraj', serif;
    font-weight: 500;
        text-transform: uppercase;

    
}
 .service .thumb:hover img {
     transform: scale(1.1) 
}
 .black {
     float: left;
     width: 100% 
}
 .black .main_div {
     float: left;
     margin: 0;
     max-width: 100%;
     padding: 15px;
     width: 100% 
}
 .black .main_div h4 {
     float: left;
     font-size: 25px;
     font-weight: 600;
     margin: 10px 0 0;
     padding: 0;
     text-transform: uppercase 
}
 .black .main_div a {
     display: inline-block;
     font-size: 15px;
     float: right;
     font-weight: 600;
     padding: 10px 25px;
     text-decoration: none;
     text-transform: uppercase;
     border-radius: 30px 
}
 .slick-slide {
     margin: 0 
}
 .slick-slide img {
     width: 100% 
}
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent 
}
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0 
}
 .slick-list:focus {
     outline: 0 
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand 
}
 .slick-slider .slick-list, .slick-slider .slick-track {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block 
}
 .slick-track:after, .slick-track:before {
     display: table;
     content: '' 
}
 .slick-track:after {
     clear: both 
}
 .slick-loading .slick-track {
     visibility: hidden 
}
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px 
}
 [dir=rtl] .slick-slide {
     float: right 
}
 .slick-slide img {
     display: block 
}
 .slick-slide.slick-loading img {
     display: none 
}
 .slick-slide.dragging img {
     pointer-events: none 
}
 .slick-initialized .slick-slide {
     display: block 
}
 .slick-loading .slick-slide {
     visibility: hidden 
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto 
}
 .slick-arrow.slick-hidden {
     display: none 
}
 .carousel-item>div {
     float: left 
}
 .carousel-by-item [class*=cloneditem-] {
     display: none 
}
 .carousel-inner .item a img, .carousel-testi .carousel-inner .item img {
     width: auto 
}
 .carousel-testi {
     background-attachment: fixed;
     background-size: cover;
     background-position: center;
     float: left;
     padding: 120px 0;
     width: 100%;
     /*position: relative */
}
/* .carousel-testi::before {*/
/*     content: "";*/
/*     height: 100%;*/
/*     left: 0;*/
/*     position: absolute;*/
/*     top: 0;*/
/*     width: 100% */
/*}*/
/* .carousel-testi h2 {*/

/*     font-size: 80px;*/
/*     font-weight: 700;*/
/*     margin: 0 0 30px;*/
/*     text-align: center;*/
/*     width: 100% ;*/
/*     color:#efefef;*/
/*    line-height: 1.3em;*/
/*    font-family: 'Taviraj', serif;*/
  

/*}*/

.carousel-testi .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; /* ensures the container takes the full height of the parent */
}

.reservation-btn {
        display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #ef9b00;
    color: #fff;
    /* border-radius: 50px; */
    transition: all 0.3s ease-in-out;
    text-align: center;
    text-decoration: none;
    margin-top: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    font-family: 'Taviraj', serif;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    transition: 0.5s;
}

.reservation-btn:hover {
    background-color: black; /* A darker shade for hover effect */
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    color:white;
    text-decoration:none;
    /*border:2px solid #555;*/
  /*  padding-right: 24px;*/
  /*padding-left:8px;*/
  padding: 15px 30px;
}

.reservation-btn:after {
    content: '»';
  position: absolute;
  opacity: 0;  
  top: 14px;
  right: -20px;
  transition: 0.5s;
}

.reservation-btn:hover:after {
  opacity: 1;
  right: 10px;
}

.reservation-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


 .carousel-testi h2::before {
     bottom: 0;
    content: "";
    height: 2px;
    left: 4%;
    position: absolute;
    right: 45%;
}
 .carousel-testi .star_ff {
     text-align: center;
     width: 100% 
}
 .carousel-testi .star_ff h5 {
     font-size: 25px ;
    Font-family: 'Pinyon Script', cursive;

}
 .carousel-testi .item {
     /*border-radius: 10px;*/
     padding: 10px 20px 
}

.book_btn.navbar-banner {
    font-size: 18px;
    padding: 12px;
}
.book_btn.navbar-banner a {
    border: 2px solid #777;
    color: #fff;
    background: #ff0000;
}

.book_btn.navbar-banner a {
    border-radius: 30px;
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
   
    padding: 8px 25px;
    text-decoration: none;
    text-transform: uppercase;
}


 #fade-quote-carousel.carousel {
     padding-bottom: 60px 
}
 #fade-quote-carousel.carousel .carousel-inner .item {
     opacity: 0;
     -webkit-transition-property: opacity;
     -ms-transition-property: opacity;
     transition-property: opacity 
}
 #fade-quote-carousel.carousel .carousel-inner .active {
     opacity: 1;
     -webkit-transition-property: opacity;
     -ms-transition-property: opacity;
     transition-property: opacity 
}
 #fade-quote-carousel.carousel .carousel-indicators {
     bottom: 10px 
}
 #fade-quote-carousel.carousel .carousel-indicators>li {
     border: none 
}
 #fade-quote-carousel blockquote {
     text-align: center;
     border: none;
     padding: 34px;
     position: relative;
     margin: 0 0 5px 
}
 .carousel-testi blockquote::before {
     content: "";
     font-family: fontawesome;
     font-size: 30px;
     left: 0;
     position: absolute;
     top: 0 
}
 .carousel-testi blockquote::after {
     content: "\f10e";
     font-family: fontawesome;
     font-size: 30px;
     right: 0;
     position: absolute;
     bottom: 0 
}
 #fade-quote-carousel .profile-circle {
     width: 100px;
     height: 100px;
     margin: 0 auto;
     border-radius: 100px;
     display: none 
}
 .highlight {
     float: left;
     margin: 0;
     padding: 20px 0;
     width: 100% 
}
 .highlight .patren .inner_thumb .left_sec {
     float: left;
     font-size: 30px;
     height: 100%;
     text-align: right;
     width: 15% 
}
 .highlight .patren .inner_thumb .right_sec {
     float: left;
     padding: 0 15px;
     width: 85% 
}
 .highlight .patren .inner_thumb {
     float: left;
     padding: 10px 0;
     width: 100% 
}
 .highlight .patren .inner_thumb .right_sec h3 {
     float: left;
     font-size: 25px;
     font-weight: 600;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .highlight .patren .inner_thumb .right_sec p {
     float: left;
     font-size: 13px;
     margin: 10px 0 0;
     width: 100% 
}
 footer {
     float: left;
     padding: 80px 0 0;
     width: 100% 
}
 footer .in_sec_ft h3 {
     float: left;
     font-size: 20px;
     margin: 10px 0 25px;
     padding: 0 0 15px;
     position: relative;
     text-transform: uppercase;
     width: 100% 
}
 footer .in_sec_ft h3::before {
     bottom: 0;
     content: "";
     height: 1px;
     left: 0;
     position: absolute;
     width: 40px 
}
 footer p {
     font-size: 15px;
     letter-spacing: 1px 
}
 footer .in_sec_ft {
     float: left;
     margin: 0;
     width: 100% 
}
 footer .information .in_sec_ft ul {
     float: left;
     width: 50% 
}
 footer .information .in_sec_ft ul li {
     padding: 0 33px 
}
 .in_sec_ft ul li {
     float: left;
     font-size: 15px;
     line-height: 34px;
     padding: 0;
     width: 100% 
}
 .in_sec_ft ul li span {
     border-radius: 5px;
     float: left;
     font-size: 15px;
     height: 35px;
     line-height: 35px;
     margin-bottom: 10px;
     margin-right: 14px;
     text-align: center;
     width: 35px 
}
 .copyright_top {
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .copyright_top .d1 ul {
     display: inline-block;
     margin: 10px 0 0 
}
 .contact-text {
     float: left;
     margin: 0;
     padding: 30px 0 5px;
     width: 100%;
     text-align: center;
     font-size: 16px;
}
 .copyright_top .d1 ul li {
     display: inline-block 
}
 .copyright_top .d1 ul li a {
     display: inline-block;
     padding: 0 5px 
}
 .copyright {
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .copyright .d1 {
     height: 82px;
     margin: 20px 0 0;
     padding: 10px 0 
}
 .copyright .d1 h3 {
     float: left;
     font-family: roboto;
     font-size: 16px;
     letter-spacing: 2px;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     width: 100% 
}
 .copyright .d1 ul {
     display: inline-block;
     margin: 10px 0 0 
}
 .copyright .d1 ul li {
     display: inline-block 
}
 .copyright .d1 ul li a {
     display: inline-block;
     padding: 0 5px 
}

 .copyright .d1 ul li a img {
     filter: grayscale(100%);
}

.copyright .d1 ul li a img:hover {
     filter: grayscale(0%)!important;
}
 footer .copyright a {
     text-decoration: none 
}
 footer .copyright>p {
     float: left;
     margin: 0;
     padding: 20px 0;
     width: 100% 
}
 footer .in_sec_ft ul li span {
     margin-left: 5px 
}
 .bottom_slider .carousel-inner .item {
     backface-visibility: hidden;
     perspective: 1000px;
     transition: all .4s linear 0 
}
 .bottom_slider {
     float: left;
     padding: 50px 0;
     width: 100% 
}
 .bottom_slider .container-fluid {
     padding: 0 
}
 .bottom_slider .col-xs-12.col-sm-12.col-md-12 {
     padding: 0 
}
 .bottom_slider .col-xs-12.col-sm-3.col-md-3 {
     padding: 0 1px 
}
 .bottom_slider h2 {
     display: inline-block;
     font-size: 30px;
     font-weight: 600;
     margin: 0 0 50px;
     padding: 0;
     text-align: center;
     text-transform: uppercase;
     width: 100% 
}
 .bottom_slider .item .inner_col h3 {
     float: left;
     font-size: 15px;
     font-weight: 700;
     margin-top: 12px;
     text-align: center;
     text-transform: uppercase;
     width: 100% 
}
 .bottom_slider .item .inner_col span {
     float: left;
     font-size: 12px;
     font-weight: 600;
     margin: 0;
     padding: 8px 0 0;
     text-transform: uppercase;
     width: 100% 
}
 .bottom_slider .item .inner_col {
     padding: 0 5px;
     text-align: center;
     width: 100% 
}
 .bottom_slider .item .inner_col a {
     border-radius: 0;
     display: inline-block;
     float: left;
     font-size: 14px;
     padding: 8px 0;
     text-decoration: none;
     width: 100% 
}
 .bottom_slider #slider-text {
     padding-top: 40px;
     display: block 
}
 .bottom_slider #slider-text .col-md-6 {
     overflow: hidden 
}
 .bottom_slider #slider-text h2 {
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 400;
     font-size: 30px;
     letter-spacing: 3px;
     margin: 30px auto;
     padding-left: 40px 
}
 .bottom_slider #slider-text h2::after {
     content: "";
     position: absolute;
     bottom: 35px;
     width: 100% 
}
 .bottom_slider #slider-control img {
     padding-top: 60%;
     margin: 0 auto 
}
 @media screen and (max-width:992px) {
     .bottom_slider #slider-control img {
         padding-top: 70px;
         margin: 0 auto 
    }
}

.book_btn.navbar-banner a {
 
 margin-top:219px;   
}
 .bottom_slider .carousel-showmanymoveone .carousel-control {
     background-image: none;
     width: 1%;
     margin-top: 6% 
}
 .bottom_slider .carousel-showmanymoveone .carousel-control.left {
     margin-left: 5px 
}
 .bottom_slider .carousel-showmanymoveone .carousel-control.right {
     margin-right: 5px 
}
 .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3, .carousel-showmanymoveone .cloneditem-4, .carousel-showmanymoveone .cloneditem-5 {
     display: none 
}
 @media all and (min-width:768px) {
     .carousel-showmanymoveone .carousel-inner>.active.left, .carousel-showmanymoveone .carousel-inner>.prev {
         left: -50% 
    }
     .carousel-showmanymoveone .carousel-inner>.active.right, .carousel-showmanymoveone .carousel-inner>.next {
         left: 50% 
    }
     .carousel-showmanymoveone .carousel-inner>.active, .carousel-showmanymoveone .carousel-inner>.left, .carousel-showmanymoveone .carousel-inner>.prev.right {
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
         display: block 
    }
}
 @media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) {
     .carousel-showmanymoveone .carousel-inner>.item.active.right, .carousel-showmanymoveone .carousel-inner>.item.next {
         -webkit-transform: translate3d(50%, 0, 0);
         transform: translate3d(50%, 0, 0);
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner>.item.active.left, .carousel-showmanymoveone .carousel-inner>.item.prev {
         -webkit-transform: translate3d(-50%, 0, 0);
         transform: translate3d(-50%, 0, 0);
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner>.item.active, .carousel-showmanymoveone .carousel-inner>.item.left, .carousel-showmanymoveone .carousel-inner>.item.prev.right {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         left: 0 
    }
}
 @media all and (min-width:992px) {
     .carousel-showmanymoveone .carousel-inner>.active.left, .carousel-showmanymoveone .carousel-inner>.prev {
         left: -16.666% 
    }
     .carousel-showmanymoveone .carousel-inner>.active.right, .carousel-showmanymoveone .carousel-inner>.next {
         left: 16.666% 
    }
     .carousel-showmanymoveone .carousel-inner>.active, .carousel-showmanymoveone .carousel-inner>.left, .carousel-showmanymoveone .carousel-inner>.prev.right {
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3, .carousel-showmanymoveone .carousel-inner .cloneditem-4, .carousel-showmanymoveone .carousel-inner .cloneditem-5, .carousel-showmanymoveone .carousel-inner .cloneditem-6 {
         display: block 
    }
}
 .service .btm_txt {
     float: left;
     padding: 2px;
     width: 100% 
}
 .service .btm_txt p {
     font-size: 15px;
     font-weight: 300;
     height: 115px;
     letter-spacing: 1px;
     line-height: 22px;
     margin: 0;
     overflow: hidden;
     text-align: left 
}
 .in_service .col-sm-4 {
     margin-bottom: 30px 
}
 .service_bg {
     float: left;
     padding: 141px 0;
     position: relative;
     width: 100% 
}
 .service_bg::before {
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100% 
}
 .service_bg h2 {
     float: left;
     font-size: 42px;
     font-weight: 400;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100%;
        font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
   
     position: relative 
}
 .fleet_slide {
     float: left;
     padding: 60px 0;
     width: 100% 
}
 .fleet_slide .thumbnail {
     margin-bottom: 0;
     padding: 0 
}
 .fleet_slide .thumbnails .col-sm-3 {
     padding: 2px 0 
}
 .fleet_slide #slide-content h2 {
     float: left;
    font-size: 36px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Taviraj', serif;
    font-weight: 400;
}
 .fleet_slide #slide-content h3 {
     color: #444;
     float: left;
     font-size: 19px;
     font-weight: 400;
     margin: 0;
     padding: 30px 0;
     text-transform: uppercase;
     width: 100% 
}
 .fleet_slide #slide-content h3 span {
     display: inline-block 
}
 .fleet_slide .slide-content h3 span ul {
     display: inline-block;
     margin-left: 50px 
}
 .fleet_slide #slide-content h3 span ul li {
     display: inline-block;
     font-weight: 300;
     padding: 0 10px 
}
 .fleet_slide #slide-content h3 span ul li:last-child {
     border: none 
}
 .fleet_slide #slide-content p {
     float: left;
     font-size: 16px;
     font-weight: 400;
     line-height: 29px;
     margin: 0;
     padding: 0;
     width: 100%;
     margin-bottom: 30px;

}

.fleet_book_btn
{
    
    margin-top:30px;
}
 .fleet_slide fleet_book_btn a {
     float: left;
     font-size: 20px;
     margin: 30px 0 0;
     padding: 8px 30px;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-decoration: none 
}
 .DvCont .thumb-box {
     padding: 1.4em 0 1em;
     margin-left: -1%;
     width: 102% 
}
 .DvCont .thumb-box .thumbs-ad li {
     float: left;
     width: 25%;
     text-align: center;
     padding: 0 1% 
}
 .DvCont .thumb-box .thumbs-ad li img {
     width: 100%;
     opacity: .8 
}
 .DvCont .thumb-box .thumbs-ad li img.active {
     opacity: 1 
}
 .DvCont .thumb-box .thumbs-ad li:hover img {
     opacity: 1 
}
 .make_reservation {
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .make_reservation .main_div {
     margin: 0 auto;
     max-width: 85% 
}
 .make_reservation .inner_sec {
     float: left;
     margin: -51px 0 -50px;
     padding: 30px 35px;
     position: relative;
     width: 100% 
}
 .make_reservation .inner_sec>h2 {
     float: left;
     font-size: 35px;
     font-weight: 500;
     margin: 0;
     padding: 0 
}
 .make_reservation .inner_sec>h2 strong {
     font-weight: 600 
}
 .make_reservation .inner_sec a {
     float: right;
     font-size: 16px;
     font-weight: 600;
     padding: 9px 20px 9px 40px;
     position: relative;
     text-decoration: none 
}
 .make_reservation .inner_sec a::before {
     content: "";
     font-family: fontawesome;
     font-size: 25px;
     left: 15px;
     position: absolute;
     top: 3px 
}
 .in_testil .carousel-inner {
     padding: 5px 0 
}
 .blog {
     background-image: url(../images/blog.jpg);
     background-size: cover;
     float: left;
     padding: 100px 0;
     width: 100% 
}
 .thumb_blog {
     float: left;
     width: 100%;
     padding: 50px 0 80px 
}
 .thumb_blog .inner {
     border-radius: 12px;
     float: left;
     margin: 30px 0;
     overflow-wrap: break-word;
     padding: 35px;
     position: relative;
     text-align: center;
     width: 100% 
}
 .thumb_blog .inner .txt {
     float: left;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .thumb_blog .inner .txt h2 {
     float: left;

     font-weight: 400;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .thumb_blog .inner .txt h6 {
     float: left;
     font-family: roboto;
     font-size: 13px;
     font-weight: 500;
     margin: 0;
     padding: 15px 0;
     width: 100% 
}
 .thumb_blog .inner .txt p {
     float: left;
     font-size: 16px;
     letter-spacing: 1px;
     line-height: 28px;
     margin: 0;
     padding: 0;
     text-align: left;
     width: 100% 
}
 .thumb_blog .inner a {
     display: inline-block;
     font-size: 16px;
     margin: 15px 0 0;
     padding: 8px 35px;
     text-decoration: none 
}
 .thumb_blog .main_div {
     margin: 0 auto;
     max-width: 80%;
     text-align: justify 
}
 .thumb_blog .main_div p {
   font-weight: 200;
    letter-spacing: 1px;
    line-height: 26px;
    font-size: 15px;
    margin-top: 36px;
    text-align: left;
}
 .thumb_blog .main_div h2 {
   float: left;
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
   /*text-align: center; */
    font-family: 'Taviraj', serif;
    font-weight: 400;
}
 .contact {
     background-image: url(../images/contact.jpg);
     background-size: cover;
     float: left;
     padding: 100px 0;
     width: 100% 
}
 .way {
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .way .left_sec {
     text-align: center 
}
 .way .left_sec .inner_form {
     border-radius: 15px;
     float: left;
     margin: 0 0 20px;
     padding: 20px 10px;
     width: 100%;
     height: 310px 
}
 .way .right_sec {
     border-radius: 15px;
     float: left;
     margin: 0 0 20px;
     padding: 20px 25px 33px;
     height: 310px 
}
 .way h3 {
     font-size: 23px;
     font-weight: 700;
     margin: 0 0 30px;
     padding: 0;
     text-align: center;
     width: 100%;
     font-size: 23px;
     font-weight: 500;
     margin: 0 0 30px;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .way .left_sec .inner_form .form-group input {
     background: 0 0;
     border-radius: 0;
     height: 37px 
}
 .way .left_sec .inner_form .form-group textarea {
     background: 0 0;
     border-radius: 0 
}
 .way .right_sec .inner {
     height: 198px;
     padding: 15px 30px 
}
 .way .right_sec .inner li {
     font-size: 15px;
     font-weight: 600;
     line-height: 24px 
}
 .way .right_sec .inner li a {
     text-decoration: none 
}
 .way .right_sec .inner li p {
     float: left 
}
 .way .left_sec a {
     border-radius: 30px;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     padding: 10px 25px;
     text-decoration: none;
     text-transform: uppercase 
}
 .map {
     float: left;
     margin-bottom: -5px;
     width: 100% 
}
 .map iframe {
     width: 100% 
}
 .last_sec {
     float: left;
     margin-top: 80px;
     width: 100% 
}
 .way .left_sec .inner_form:input[placeholder] {
     opacity: 1 
}
 .detail_service {
     float: left;
     margin: 60px 0 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .detail_service .inner {
     margin: 0 auto;
     max-width: 960px;
     position: relative 
}
 .detail_service .inner h2 {
     font-weight: 400;
     letter-spacing: 1px;
     margin: 0;
     padding: 18px 0;
     position: absolute;
     text-transform: uppercase;
     top: 0;
     width: 100%;
     font-size: 40px!important 
}
 .steps-form-2 {
     display: table;
     width: 100%;
     position: relative;
     margin-bottom: 70px 
}
 .steps-form-2 .steps-row-2 {
     display: table-row 
}
 .steps-form-2 .steps-row-2::before {
     bottom: 0;
     content: " ";
     height: 40px;
     position: absolute;
     top: 0;
     width: 100% 
}
 .steps-form-2 .steps-row-2 .steps-step-2 {
     display: table-cell;
     text-align: center;
     position: relative 
}
 .steps-form-2 .steps-row-2 .steps-step-2 p {
     margin-top: .5rem 
}
 .steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
     opacity: 1!important 
}
 .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
     border: none!important;
     height: 40px;
     margin-top: 0;
     padding: 0;
     width: 40px 
}
 .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa {
     font-size: 1.7rem 
}
 .ride_trail {
   /*  background-image: url(../images/reserve.jpg); */
     background-size: cover;
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .ride_trail .inner {
     float: left;
     margin: 0;
     padding: 70px 15px 30px;
     position: relative;
     width: 100% 
}
 .ride_trail .inner h3 {
     float: left;
     font-size: 22px;
     margin: 0 0 35px;
     padding: 0 0 20px;
     position: relative;
     text-align: center;
     width: 100% 
}
 .ride_trail .inner h3::before {
     bottom: 10px;
     content: "";
     height: 2px;
     left: 45%;
     position: absolute;
     right: 45% 
}
 .ride_trail .inner .form-group .input-group input {
     border-radius: 0;
     font-size: 14px;
     height: 40px 
}
 .ride_trail .input-group {
     width: 100% 
}
 .ride_trail .inner .form-group .input-group .input-group-addon {
     border-radius: 0;
     width: 40px 
}
 .ride_trail .inner .move_btn {
     margin-top: 15px;
     text-align: center 
}
 .btn.btn-mdb-color.btn-rounded.nextBtn-2.float-right {
     border: medium none;
    /* display: inline-block; */
    font-family: roboto;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 10px 50px;
    display: flex;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    text-align: center;
    margin-top: 29px;
}
 .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
     border: medium none;
     display: inline-block;
     font-family: roboto;
     font-size: 18px;
     letter-spacing: 2px;
     padding: 7px 50px 
}
 .btn.btn-mdb-color {
     text-transform: uppercase;
     width: 170px 
}
 .custom-select {
     position: relative;
     font-family: Arial 
}
 .custom-select select {
     display: none 
}
 .select-selected:after {
     position: absolute;
     content: "";
     top: 17px;
     right: 10px;
     width: 0;
     height: 0 
}
 .select-selected.select-arrow-active:after {
     top: 7px 
}
 .select-items div, .select-selected {
     cursor: pointer;
     height: 40px;
     padding: 8px 16px 
}
 .select-items {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     z-index: 99 
}
 .select-hide {
     display: none 
}
 .realtives {
     position: relative 
}
 #owl-demo .item {
     margin: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center 
}
 #owl-demo .item img {
     width: 100%;
     height: 100px 
}
 .customNavigation {
     text-align: right;
     visibility: hidden 
}
 .customNavigation a {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .ride_trail #demo .inner {
     padding: 5px 10px 
}
 .ride_trail #demo .item .inner h3 {
     font-size: 16px;
     font-weight: 700;
     height: 50px;
     letter-spacing: 1px;
     margin: 15px 0 10px;
     padding: 0 
}
 .ride_trail #demo .item .inner p {
     float: left;
     font-size: 13px;
     margin: 0;
     width: 100% 
}
 .ride_trail #demo .item .inner h2 {
     float: left;
     font-size: 17px;
     font-weight: 700;
     margin: 0;
     padding: 15px 0;
     width: 100% 
}
 .ride_trail #demo .item .inner a {
     border-radius: 4px;
     display: inline-block;
     font-weight: 600;
     margin: -10px 0 0;
     padding: 5px 25px;
     position: relative;
     text-decoration: none;
     top: -25px 
}
 .ride_trail #demo .item .inner a:hover {
     background: #bdcc29 
}
 .ride_trail .customlide {
     border: none;
     padding: 0;
     box-shadow: none 
}
 .ride_trail .inner .vechile_custom {
     margin: 0 
}
 .ride_trail #demo .inner ul {
     display: inline-block;
     list-style: outside none none;
     margin: 0;
     padding: 0;
     float: right 
}
 .ride_trail #demo .inner .left_sec {
     float: left 
}
 .ride_trail #demo .inner ul li {
     display: inline-block;
     padding: 3px 6px 
}
 .ride_trail #demo .inner .custom_outer_lugage {
     float: left;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .ride_trail .item .inner .color_option {
     border: medium none;
     float: left;
     padding: 0 0 5px;
     width: 100% 
}
 .ride_trail .color_option p {
     float: left!important;
     font-size: 14px!important;
     margin: 0!important;
     width: auto!important 
}
 .ride_trail .color_option ul {
     border: none!important;
     float: right;
     text-align: right;
     width: 80% 
}
 .ride_trail .color_option ul li {
     border: medium none;
     float: right;
     padding: 0 2px!important;
     width: 22% 
}
 .ride_trail .color_option ul li img {
     height: 20px!important;
     cursor: pointer 
}
 .ride_trail .color_option ul li:last-child {
     border: none!important 
}
 .ride_trail .map_sec ul {
     list-style: outside none none;
     margin: 0;
     padding: 0 
}
 .ride_trail .map_sec ul li {
     float: left;
     margin-bottom: 12px;
     width: 100% 
}
 .customlide #demo {
     float: left;
     padding: 15px;
     width: 100% 
}
 .ride_trail .customlide .item {
     float: left;
     padding: 15px 10px;
     text-align: center 
}
 .main_vechile {
     margin: 0 auto;
     max-width: 70% 
}
 .vechile_custom_btn {
     margin-bottom: 35px 
}
 .detail_address select {
     padding: 4px;
     margin: 0;
     border: none;
     outline: 0;
     display: inline-block;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
     width: 150px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0 
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     .detail_address select {
         padding-right: 18px 
    }
}
 .detail_address label {
     position: relative;
     width: 100% 
}
 .detail_address label::after {
     content: "";
     font-family: FontAwesome;
     font-size: 18px;
     padding: 0 0 2px;
     pointer-events: none;
     position: absolute;
     right: 10px;
     top: 8px;
     font-weight: 400 
}
 .detail_address label:before {
     content: '';
     right: 4px;
     top: 0;
     width: 23px;
     height: 18px;
     position: absolute;
     pointer-events: none;
     display: block 
}
 .detail_address label select {
     border-radius: 0;
     font-size: 13px;
     height: 40px;
     width: 100%;
     font-family: open sans;
     font-weight: 400;
     padding: 0 10px 
}
 .detail_address label select option {
     font-size: 13px;
     padding: 10px 
}
 .ride_trail .main_div {
     margin: 0 auto;
     max-width: 65% 
}
 .ride_trail .ex_black h2 {
     font-size: 22px;
     left: 0;
     margin: 0;
     padding: 10px 0;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 0;
     width: 100% 
}
 .btn.btn-success.btn-rounded.float-right {
     display: inline-block;
     font-family: roboto;
     font-size: 18px;
     letter-spacing: 2px;
     padding: 7px 50px 
}
 .ride_trail .loginr_btn {
     float: left;
     margin: 0 0 50px;
     padding: 0;
     width: 100% 
}
 .ride_trail .loginr_btn .btn.btn-mdb-color {
     margin: 0 
}
 .color_option>span {
     float: right 
}
 .bootstrap-touchspin .input-group-btn-vertical {
     position: relative;
     white-space: nowrap;
     width: 1%;
     vertical-align: middle;
     display: table-cell 
}
 .bootstrap-touchspin .input-group-btn-vertical>.btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%;
     padding: 8px 10px;
     margin-left: -1px;
     position: relative 
}
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
     border-radius: 0;
     border-top-right-radius: 4px 
}
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
     margin-top: -2px;
     border-radius: 0;
     border-bottom-right-radius: 4px 
}
 .bootstrap-touchspin .input-group-btn-vertical i {
     position: absolute;
     top: 3px;
     left: 5px;
     font-size: 9px;
     font-weight: 400 
}
 .spin_move .bootstrap-touchspin .input-group-btn button {
     height: 40px;
     border-radius: 0 
}
 .spin_move .input-group-addon.bootstrap-touchspin-prefix {
     display: none 
}
 .spin_move label {
     
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 1px 
}
 .detail_address .child_age {
     float: left;
     padding: 0 0 5px;
     width: 100%;
     font-family: roboto;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 1px 
}
 .detail_address label {
     margin-bottom: 0 
}
 .spin_move .children_count {
     visibility: hidden 
}
 .switch {
     opacity: 0;
     position: absolute;
     z-index: 1;
     width: 18px;
     height: 18px;
     cursor: pointer 
}
 .switch+.lable {
     position: relative;
     display: inline-block;
     margin: 0;
     line-height: 20px;
     min-height: 18px;
     min-width: 18px;
     font-weight: 400;
     cursor: pointer 
}
 .switch+.lable::before {
     cursor: pointer;
     font-family: fontAwesome;
     font-weight: 400;
     font-size: 12px;
     content: "\a0";
     border-radius: 0;
     display: inline-block;
     text-align: center;
     height: 16px;
     line-height: 14px;
     min-width: 16px;
     margin-right: 1px;
     position: relative;
     top: -1px 
}
 .switch:checked+.lable::before {
     display: inline-block;
     content: '\f00c' 
}
 .switch+.lable {
     margin: 0 4px;
     min-height: 24px 
}
 .switch+.lable::before {
     font-weight: 400;
     font-size: 11px;
     line-height: 17px;
     height: 20px;
     overflow: hidden;
     border-radius: 12px;
     text-align: left;
     float: left;
     padding: 0;
     width: 52px;
     text-indent: -21px;
     margin-right: 0;
     -webkit-transition: text-indent .3s ease;
     -o-transition: text-indent .3s ease;
     transition: text-indent .3s ease;
     top: auto 
}
 .switch.switch-bootstrap+.lable::before {
     font-family: FontAwesome;
     content: "\f00d";
     box-shadow: none;
     border-width: 0;
     font-size: 16px;
     width: 52px;
     height: 22px;
     line-height: 21px;
     text-indent: 32px;
     -webkit-transition: background .1s ease;
     -o-transition: background .1s ease;
     transition: background .1s ease 
}
 .switch.switch-bootstrap+.lable::after {
     content: '';
     position: absolute;
     top: 2px;
     left: 3px;
     border-radius: 12px;
     width: 18px;
     height: 18px;
     text-align: center;
     -webkit-transition: left .2s ease;
     -o-transition: left .2s ease;
     transition: left .2s ease 
}
 .switch.switch-bootstrap:checked+.lable::before {
     content: "\f00c";
     text-indent: 6px 
}
 .switch.switch-bootstrap:checked+.lable::after {
     left: 32px 
}
 .switch-square {
     opacity: 0;
     position: absolute;
     z-index: 1;
     width: 18px;
     height: 18px;
     cursor: pointer 
}
 .switch-square+.lable {
     position: relative;
     display: inline-block;
     margin: 0;
     line-height: 20px;
     min-height: 18px;
     min-width: 18px;
     font-weight: 400;
     cursor: pointer 
}
 .switch-square+.lable::before {
     cursor: pointer;
     font-family: fontAwesome;
     font-weight: 400;
     font-size: 12px;
     content: "\a0";
     border-radius: 0;
     display: inline-block;
     text-align: center;
     height: 16px;
     line-height: 14px;
     min-width: 16px;
     margin-right: 1px;
     position: relative;
     top: -1px 
}
 .switch-square:checked+.lable::before {
     display: inline-block;
     content: '\f00c' 
}
 .switch-square+.lable {
     margin: 0 4px;
     min-height: 24px 
}
 .switch-square+.lable::before {
     font-weight: 400;
     font-size: 11px;
     line-height: 17px;
     height: 20px;
     overflow: hidden;
     border-radius: 2px;
     text-align: left;
     float: left;
     padding: 0;
     width: 52px;
     text-indent: -21px;
     margin-right: 0;
     -webkit-transition: text-indent .3s ease;
     -o-transition: text-indent .3s ease;
     transition: text-indent .3s ease;
     top: auto 
}
 .switch-square.switch-bootstrap+.lable::before {
     font-family: FontAwesome;
     content: "\f00d";
     box-shadow: none;
     border-width: 0;
     font-size: 16px;
     height: 22px;
     line-height: 21px;
     text-indent: 32px;
     -webkit-transition: background .1s ease;
     -o-transition: background .1s ease;
     transition: background .1s ease 
}
 .switch-square.switch-bootstrap+.lable::after {
     content: '';
     position: absolute;
     top: 2px;
     left: 3px;
     border-radius: 12px;
     width: 18px;
     height: 18px;
     text-align: center;
     -webkit-transition: left .2s ease;
     -o-transition: left .2s ease;
     transition: left .2s ease 
}
 .switch-square.switch-bootstrap:checked+.lable::before {
     content: "\f00c";
     text-indent: 6px 
}
 .switch-square.switch-bootstrap:checked+.lable::after {
     left: 32px 
}
 .switch-square.switch-bootstrap+.lable::after {
     border-radius: 2px 
}
 .switch_puff {
     float: left;
     padding-top: 5px;
     width: 100% 
}
 .switch_puff .switch-primary h5 {
     float: left;
     font-size: 16px;
     margin: 0 20px 0 0;
     padding: 1px 0 
}
 .switch_puff .label-switch.switch-primary {
     margin-top: 30px;
     text-align: right;
     width: 100% 
}
 .container1 {
     margin-right: 10px;
     cursor: pointer;
     display: inline-block;
   
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 12px;
     padding-left: 35px;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .container1 input {
     position: absolute;
     opacity: 0;
     cursor: pointer 
}
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     border-radius: 50% 
}
 .checkmark:after {
     content: "";
     position: absolute;
     display: none 
}
 .container1 input:checked~.checkmark:after {
     display: block 
}
 .container1 .checkmark:after {
     top: 9px;
     left: 9px;
     width: 8px;
     height: 8px 
}
 .round_radio {
     padding-top: 5px 
}
 .billing_addrs h4 {
     float: left;
     margin: 0 0 10px;
     padding: 0 0 25px;
     position: relative;
     text-align: center;
     width: 100% 
}
 .billing_addrs h4::before {
     bottom: 10px;
     content: "";
     height: 2px;
     left: 45%;
     position: absolute;
     right: 45% 
}
 .billing_addrs a {

     font-size: 16px;
     font-weight: 500;
     letter-spacing: 1px;
     margin: 0;
     text-decoration: underline;
     float: right 
}
 .loginr_btn .btn.btn-mdb-color.navbar-right {
     float: right 
}
 .ride_trail .inner .move_btn .skip_btn {
     border-radius: 5px;
     display: inline-block;
     font-size: 16px;
     margin: 0;
     padding: 8px 20px;
     position: relative;
     text-decoration: none;
     top: 2px 
}
 .outer_userform {
     float: left;
     width: 100% 
}
 .outer_userform .nt_pd {
     padding: 0 
}
 .outer_userform .nt_pd label {
     float: left;
     margin-bottom: 20px;
     text-align: center;
     width: 100%;
     font-size: 16px;
     font-weight: 500;
    
}
 .outer_userform .nt_pd .login_btnn {
     text-align: center 
}
 .outer_userform .nt_pd .login_btnn a {
     border-radius: 5px;
     display: inline-block;
     font-family: roboto;
     font-size: 14px;
     padding: 7px 35px;
     text-decoration: none 
}
 .outer_userform .left_custom .register_now {
     margin: 20px 0 0;
     text-align: center 
}
 .owl-nav {
     margin: 15px auto 0;
     width: 35px;
     position: absolute;
     top: -45px;
     right: 0 
}
 .owl-nav .owl-prev {
     float: left;
     margin-right: 10px 
}
 .owl-nav .owl-next i, .owl-nav .owl-prev i {
     font-size: 25px 
}
 .outer_userform ul {
     list-style: outside none none;
     margin: 0;
     padding: 0 
}
 .outer_userform ul li {
     margin: 0 0 10px;
     padding: 5px 10px 
}
 .outer_userform ul li span {
     font-weight: 700 
}
 .outer_userform .notes {
     float: left;
     font-size: 13px;
     padding: 10px;
     width: 100% 
}
 .outer_userform .notes p {
     float: left;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .outer_userform .payment {
     float: left;
     margin: 20px 0 15px;
     width: 100% 
}
 .outer_userform .payment h5 {
     float: left;
     font-size: 18px;
     font-weight: 600;
     margin: 0 10px 0 0;
     padding: 5px 0 
}
 .outer_userform .payment span {
     display: inline-block;
     font-size: 15px;
     padding: 5px 20px 
}
 .outer_userform .add_card {
     text-align: center 
}
 .outer_userform .add_card a {
     font-size: 13px;
     text-decoration: underline 
}
 .outer_userform .quote_btn {
     float: left;
     margin: 20px 0 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .outer_userform .quote_btn .btn.btn-warning {
     border: medium none;
     border-radius: 0;
     font-weight: 600;
     margin: 5px 0 0;
     padding: 10px 0;
     width: 100% 
}
 .currentactive {
     border: none!important;
     width: 25px!important 
}
 .currentactive a {
     padding: 0!important 
}
 .prevactive {
     pointer-events: none;
     border: none!important;
     height: 64px 
}
 .steps-step-2 a {
     pointer-events: none 
}
 .btndisable {
     pointer-events: none;
     display: none!important 
}
 .spnper {

     font-weight: 500 
}
 #BI .spnper {
     display: inline-block;
     padding: 10px 0 
}
 .inner.ex_black .form-group label {
   
     font-size: 18px;
     font-weight: 500;
     letter-spacing: 1px 
}
 .inner.ex_black .outer_userform .quote_btn .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
     border-radius: 0;
     font-family: "Open Sans", sans-serif;
     font-size: 15px;
     font-weight: 600;
     width: 100% 
}
 .owl-dots {
     clear: both;
     float: left;
     margin: 30px 0 15px;
     text-align: center;
     width: 100% 
}
 .owl-dots .owl-dot {
     border-radius: 50%;
     display: inline-block;
     height: 20px;
     margin: 0 3px;
     width: 20px 
}
 .outer_userform .nt_pd .form-group>label {
     margin: 0 0 5px;
     text-align: left 
}
 .skip_btn {
     margin: -15px 0 5px;
     text-align: center 
}
 .skip_btn>a {
     font-weight: 600;
     letter-spacing: 2px;
     text-decoration: underline 
}
 .inner .dropon {
     float: right;
     list-style: outside none none;
     margin: 0;
     padding: 0;
     position: absolute;
     right: 15px;
     top: 7px;
     display: none 
}
 .inner .dropon .dropdown-menu {
     border-radius: 0;
     left: auto;
     margin: 14px 0 0;
     right: 0 
}
 .inner .dropon .dropdown-menu li a {
     padding: 4px 20px 8px 
}
 .inner .dropon .dropdown-menu li:last-child a {
     border: medium none 
}
 .inner .dropon .dropdown-menu li a:hover {
     background: 0 0 
}
 .bootom_bar .steps-step-2 a {
     pointer-events: auto 
}
 .bootom_bar {
     float: left;
     margin: 0;
     width: 100% 
}
 .bootom_bar .steps-form-2 .steps-row-2::before {
     height: 64px;
     border-radius: 5px 
}
 .bootom_bar .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa {
     border-radius: 50%;
     font-size: 35px;
     height: 55px;
     line-height: 50px;
     margin: 4px 0 0;
     padding: 0;
     transition: all .5s linear 0;
     width: 55px 
}
 .bootom_bar .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa:hover {
     transition: .5s linear;
     transform: scale(1.2) 
}
 .bootom_bar .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2:hover {
     border: medium none;
     border-radius: 0 
}
 .bootom_bar .steps-form-2 {
     float: left;
     width: 100% 
}
 .diff_ress {
     font-size: 23px;
     font-weight: 700;
     letter-spacing: 2px;
     margin: 0;
     opacity: .16;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 3px;
     width: 100%;
     z-index: 9 
}
 .in_service {
     padding-bottom: 80px 
}
 .in_service .thumb {
     margin: 0 
}
 .banner {
     float: left;
     position: relative;
     width: 100% 
}
 .banner .enquiry_custom {
   left: 10.5%;
    position: absolute;
    top: 6.5%;
  
   
    z-index:111;
}
 .banner .enquiry_custom .main_div {
     border-radius: 0;
     display: inline-block;
     margin: 0 auto;
     max-width: 395px;
     padding: 60px 15px 20px;
     position: relative;
     border-radius: 10px;
}
 .enquiry_custom .main_div>h2 {
     float: left;
     font-size: 20px;
     font-weight: 200;
     left: 0;
     letter-spacing: 1px;
     margin: 0;
     padding: 10px 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100% ;
     
}
 .enquiry_custom .input-group-addon {
     border-radius: 0;
     min-width: 40px 
}
 .banner .enquiry_custom .main_div .form-control {
     border-radius: 0 
}
 .enquiry_custom .col-sm-12, .enquiry_custom .col-sm-6 {
     padding: 0 5px 
}
 .enquiry_custom .btn.btn-default {
     border: medium none;
     border-radius: 0;
     font-size: 18px;
     font-weight: 200;
     letter-spacing: 1px;
     text-transform: uppercase;
     width: 100% 
}
 .banner .enquiry_custom textarea {
     height: 50px 
}
 
 .faq_sec {
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .faq_sec .main_div {
     margin: 0 auto;
     max-width: 85% 
}
 .faq_sec .main_div h3 {
     display: inline-block;
     font-size: 28px;
     font-weight: 700;
     margin: 0 0 30px;
     padding: 0;
     text-align: center;
     text-transform: uppercase;
     width: 100% 
}
 .faq_sec #accordion .panel-heading {
     padding: 0 
}
 .faq_sec #accordion .panel-title a {
     display: block;
     padding: .4em .6em;
     outline: 0;
     font-weight: 600;
     text-decoration: none;
     line-height: 25px 
}
 .faq_sec #accordion .panel-title a.accordion-toggle::before, .faq_sec #accordion a[data-toggle=collapse]::before {
     content: "";
     float: left;
     font-family: fontawesome;
     font-size: 24px;
     font-weight: 600;
     margin-right: 1em;
     margin-top: -5px 
}
 .faq_sec #accordion .panel-title a.accordion-toggle.collapsed::before, .faq_sec #accordion a.collapsed[data-toggle=collapse]::before {
     content: "" 
}
 .faq_sec h4 a {
     padding: 16px 20px!important 
}
 .faq_sec .panel-body {
     line-height: 30px;
     padding: 15px 25px 
}
 .faq_sec .panel-group .panel {
     border-radius: 4px;
     margin-bottom: 10px 
}
 .ride_trail form {
     margin-bottom: 20px 
}
 .in_service .shadow_service {
     float: left;
     margin: 70px 2px;
     width: 100% ;
     max-height:445px;
}
 .modren .mod_pcustom .trends p {
     text-align: left; 
}
 .navigation .menu_btn {
     bottom: 0;
     display: none;
     float: left;
     font-size: 20px;
     font-weight: 600;
     margin: 15px 0 0;
     padding: 0 10px;
     position: relative;
     text-transform: uppercase;
     top: 0;
     width: 100% 
}
 .navigation .menu_btn>span {
     left: 25px;
     position: absolute;
     z-index: 0 
}
 .navigation .navbar-toggle {
     background-image: none;
     border-radius: 4px;
     float: right;
     margin-bottom: 8px;
     margin-right: 15px;
     margin-top: 8px;
     padding: 8px 10px;
     position: relative;
     text-align: right;
     width: 100%;
     z-index: 1 
}
 .navigation .navbar-toggle .icon-bar {
     border-radius: 1px;
     clear: both;
     display: block;
     float: right;
     height: 2px;
     text-align: right;
     width: 22px 
}
 .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
     background-color: transparent 
}
 .in_testil .top_icon_social {
     margin: 0 0 30px;
     padding: 0;
     float: left;
     width: 100%;
     text-align: center;
     position: relative;
     z-index: 1 
}
 .in_testil .top_icon_social ul {
     display: inline-block;
     width: 100%;
     text-align: center 
}
 .in_testil .top_icon_social ul li {
     display: inline-block;
     padding: 0 10px 
}
 .in_testil .top_icon_social ul li a {
     display: inline-block;
     font-size: 24px;
     text-shadow: 1px 0 10px #ccc 
}
 .in_testil .top_icon_social ul li a span {
     font-size: 16px;
     display: inline-block;
     margin-left: 10px 
}
 .in_testil .top_icon_social ul li a span:hover {
     text-decoration: underline 
}
 @media (min-width:320px) and (max-width:479px) {
     
     .carousel-testi h2 {
    
    font-size: 30px;
     font-weight: 700;
     margin: 79px 20px 0px 0px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}

/*.reservation-btn {
    
    display:none;
}*/
     .custom_form {
         
         margin-left:-26px;
     }
     
     .ride_trail {
         padding: 20px 0 
    }
     .ride_trail .main_div {
         max-width: 100% 
    }
     .ride_trail .setup-content-2 .col-md-12 {
         padding: 0 
    }
     .btn.btn-mdb-color {
         font-size: 12px;
         width: 140px 
    }
     .ride_trail .ex_black h2 {
         font-size: 14px 
    }
     .ride_trail .inner {
         padding: 60px 0 30px;
         border: none 
    }
     .ride_trail .inner .form-group .input-group input {
         font-size: 13px 
    }
     .btn.btn-mdb-color.btn-rounded.nextBtn-2.float-right {
         font-size: 14px;
         width: 100% 
    }
     .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
         font-size: 14px;
         margin-bottom: 5px;
         padding: 7px 30px 
    }
     .billing_addrs h4 {
         font-size: 15px 
    }
     .billing_addrs a {
         font-size: 12px 
    }
     #owl-demo .item img {
         height: auto;
         width: auto 
    }
     .spin_move .children_count {
         display: none 
    }
     .switch_puff .label-switch.switch-primary {
         margin-top: 20px 
    }
     .ride_trail .inner .move_btn .skip_btn {
         font-size: 16px;
         margin: 0 0 7px;
         width: 100% 
    }
     .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
         width: 100% 
    }
     .btn.btn-success.btn-rounded.float-right {
         width: 100% 
    }
     .navigation .navbar-header {
         width: 100% 
    }
     .navigation .navbar-header .navbar-brand {
         margin: 0;
         text-align: center;
         width: 100% ;
         margin-top: 1px;
    }
     .navigation .center_custom {
         margin: 0;
         width: 100% 
    }
     .navigation .center_custom ul li {
         padding: 0;
         width: auto 
    }
     .navigation .center_custom ul li a {
         font-size: 13px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 20px;
         height: 28px;
         margin-right: 5px;
         padding: 7px;
         width: 28px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 4px 0 
    }
     .navigation .book_btn {
         padding: 0 5px 0 0;
         text-align: center;
         width: 100% 
    }
     .book_btn.navbar-right a {
         font-size: 10px;
         margin-top: 10px;
         padding: 5px 12px 
    }
     .banner .enquiry_custom {
         position: static 
    }
     .banner .enquiry_custom .main_div {
         max-width: 100%;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul {
         margin: 0;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li {
         text-align: left;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li a {
         border-radius: 0 
    }
     .enquiry_custom .main_div>h2 {
         font-size: 18px 
    }
     .enquiry_custom .btn.btn-default {
         font-size: 16px 
    }
     .modren {
         padding: 20px 0 
    }
     .modren .trends {
         max-width: 100% 
    }
     /*.modren .trends h2 {
         font-size: 18px;
         margin: 0 0 10px 
    }*/
     .modren .trends p {
         font-size: 16px;
         line-height: 25px 
    }
     .service {
         padding: 20px 0 
    }
     .service h2 {
         font-size: 18px;
         margin: 0 0 10px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
     .bottom_slider h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .bottom_slider {
         padding: 20px 0 
    }
     .carousel-testi {
         padding: 25px 0 
    }
     .carousel-testi .star_ff h5 {
         font-size: 16px 
    }
     .carousel-testi blockquote p {
         font-size: 12px 
    }
     .carousel-testi blockquote::before {
         font-size: 14px 
    }
     .carousel-testi blockquote::after {
         font-size: 14px 
    }
    
    /* .carousel-testi h2 {*/
    /*     font-size: 18px;*/
    /*     margin: 0 0 20px ;*/
    /*     font-weight: 200;*/
    /*letter-spacing: 2px;*/
    
    /*}*/
     .make_reservation .main_div {
         max-width: 100% 
    }
     .make_reservation .inner_sec {
         margin: 0;
         padding: 15px 
    }
     .make_reservation .inner_sec h2 {
         font-size: 18px;
         text-align: center;
         width: 100% 
    }
     .make_reservation .inner_sec a {
         display: inline-block;
         float: none;
         font-size: 14px;
         margin: 10px 0 0 
    }
     footer {
         padding: 20px 0 0 
    }
     footer .in_sec_ft h3 {
         margin: 10px 0 15px 
    }
     footer p {
         font-size: 12px 
    }
     footer .in_sec_ft ul li a {
         font-size: 12px 
    }
     footer .information {
         display: inline-block;
         margin-bottom: 10px 
    }
     .in_sec_ft ul li {
         font-size: 12px;
         line-height: 23px 
    }
     .in_sec_ft ul li span {
         margin-bottom: 12px 
    }
     .service_provider {
         margin: 10px 0 0;
         padding: 25px 0;
         float: left;
         width: 100%;
    }
     .service_provider ul {
         display: inline-block;
         width: 100%;
    }
     .service_provider ul li {
         display: inline-block;
         padding: 0 10px;
    }
     .service_provider ul li a {
         display: inline-block;
    }
     .copyright .d1 {
         height: auto 
    }
     .copyright .d1 h3 {
         font-size: 12px 
    }
     .navigation .navbar-header {
         position: relative 
    }
     .navigation .navbar-header .navbar-toggle {
         margin: 0;
         max-width: 30px;
         position: absolute;
         left: 15px;
         top: 5px 
    }
     .navigation .navbar-header .navbar-brand img {
         margin: 0 auto;
         max-width: 282px 
    }
     .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
         background-color: transparent 
    }
     .way .left_sec .inner_form {
         height: auto 
    }
     .way .right_sec {
         float: left;
         height: auto 
    }
     .way .right_sec .inner {
         display: inline-block;
         height: auto;
         padding: 15px 
    }
     .in_sec_ft ul li span {
         margin-right: 10px 
    }
     .way .right_sec .inner li p {
         width: 80% 
    }
     .service .col-sm-4 {
         margin: 0 auto;
         max-width: 100%;
    }
     .fleet_slide .inner #slide-content ul {
         display: inline-block;
         padding: 0 0 0 15px 
    }
     .fleet_slide.odd .slippry_box.thumbnails {
         margin-top: 100px 
    }
     .fleet_slide #slide-content h2 {
         margin-top: 30px 
    }
     .banner .item .carousel-caption p span {
         display: none 
    }
     .navigation .inner_sec {
         padding: 62px 0 0 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent;
         margin: 0 
    }
     .navigation .container {
         padding: 10px 0 0 
    }
     .navigation .menu_btn {
         display: block 
    }
     .faq_sec #accordion .panel-title a {
         font-size: 14px 
    }
    
    .book_btn.navbar-banner a {
 
 margin-top:35px;   
}
}
 @media (min-width:360px) and (max-width:479px) {
     
     .custom_form {
         
         margin-left:-26px;
     }
     
     .book_btn.navbar-banner a {
 
 margin-top:35px;   
}
     .ride_trail #demo .item .inner p {
         font-size: 11px 
    }
     .ride_trail #demo .item .inner h2 {
         font-size: 12px 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 12px;
         height: 43px 
    }
}
 @media (min-width:480px) and (max-width:639px) {
     
      .carousel-testi h2 {
    
    font-size: 20px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
     
     .custom_form {
         
         margin-left:-26px;
     }
     .ride_trail {
         padding: 20px 0 
    }
     .ride_trail .main_div {
         max-width: 100% 
    }
     .ride_trail .setup-content-2 .col-md-12 {
         padding: 0 
    }
     .btn.btn-mdb-color {
         font-size: 12px;
         width: 140px 
    }
     .ride_trail .ex_black h2 {
         font-size: 14px 
    }
     .ride_trail .inner {
         padding: 60px 0 30px;
         border: none 
    }
     .ride_trail .inner .form-group .input-group input {
         font-size: 13px 
    }
     .btn.btn-mdb-color.btn-rounded.nextBtn-2.float-right {
         font-size: 14px 
    }
     .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
         font-size: 14px;
         padding: 7px 30px 
    }
     .billing_addrs h4 {
         font-size: 15px 
    }
     .billing_addrs a {
         font-size: 12px 
    }
     #owl-demo .item img {
         height: auto;
         width: auto 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 15px 
    }
     .spin_move .children_count {
         display: none 
    }
     .switch_puff .label-switch.switch-primary {
         margin-top: 20px 
    }
     .ride_trail .inner .move_btn .skip_btn {
         padding: 5px 20px 
    }
     .btn.btn-success.btn-rounded.float-right {
         font-size: 16px;
         padding: 5px 50px 
    }
     .navigation .navbar-header {
         width: 100% 
    }
     .navigation .navbar-header .navbar-brand {
         width: 180px 
    }
     .navigation .center_custom {
         margin: 0;
         width: 70% 
    }
     .navigation .center_custom ul li {
         float: left;
         padding: 0;
         width: auto 
    }
     .navigation .center_custom ul li a {
         font-size: 11px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 10px;
         height: 28px;
         margin-right: 5px;
         padding: 7px;
         width: 28px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 4px 0 
    }
     .navigation .book_btn {
         padding: 0 5px 0 0;
         width: 30% 
    }
     .book_btn.navbar-right a {
         font-size: 10px;
         margin-top: 10px;
         padding: 5px 12px 
    }
     .banner .enquiry_custom {
         position: static 
    }
     .banner .enquiry_custom .main_div {
         max-width: 100%;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul {
         margin: 0;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li {
         text-align: left;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li a {
         border-radius: 0 
    }
     .enquiry_custom .main_div>h2 {
         font-size: 18px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .enquiry_custom .btn.btn-default {
         font-size: 16px 
    }
     .modren {
         padding: 20px 0 
    }
     .modren .trends {
         max-width: 100% 
    }
     .modren .trends h2 {
         font-size: 18px;
         margin: 0 0 10px 
    }
     .modren .trends p {
         font-size: 12px;
         line-height: 25px 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent 
    }
     .service {
         padding: 20px 10px 
    }
     .service .col-sm-4 {
         float: left;
         padding: 0 8px;
         width: 50% 
    }
     .service h2 {
         font-size: 18px;
         margin: 0 0 10px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .service .thumb {
         margin: 10px 0 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
     .bottom_slider h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .bottom_slider {
         padding: 20px 0 
    }
     .carousel-testi {
         padding: 25px 0 
    }
     .carousel-testi .star_ff h5 {
         font-size: 16px 
    }
     .carousel-testi blockquote p {
         font-size: 12px 
    }
     .carousel-testi blockquote::before {
         font-size: 14px 
    }
     .carousel-testi blockquote::after {
         font-size: 14px 
    }
     .carousel-testi h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .make_reservation .main_div {
         max-width: 100% 
    }
     .make_reservation .inner_sec {
         margin: 0;
         padding: 15px 
    }
     .make_reservation .inner_sec h2 {
         font-size: 18px;
         text-align: center;
         width: 100% 
    }
     .make_reservation .inner_sec a {
         display: inline-block;
         float: none;
         font-size: 14px;
         margin: 10px 0 0 
    }
     footer {
         padding: 20px 0 0 
    }
     footer .in_sec_ft h3 {
         margin: 10px 0 15px 
    }
     footer p {
         font-size: 12px 
    }
     footer .in_sec_ft ul li a {
         font-size: 12px 
    }
     footer .information {
         display: inline-block;
         margin-bottom: 10px 
    }
     .in_sec_ft ul li {
         font-size: 12px;
         line-height: 23px 
    }
     .in_sec_ft ul li span {
         margin-bottom: 12px 
    }
     .copyright .d1 {
         height: auto 
    }
     .copyright .d1 h3 {
         font-size: 12px 
    }
     .way .left_sec .inner_form {
         height: auto 
    }
     .way .right_sec {
         float: left;
         height: auto 
    }
     .way .right_sec .inner {
         display: inline-block;
         height: auto;
         padding: 15px 
    }
     .in_sec_ft ul li span {
         margin-right: 10px 
    }
     .way .right_sec .inner li p {
         width: 80% 
    }
     .fleet_slide .inner #slide-content ul {
         display: inline-block;
         padding: 0 0 0 15px 
    }
     .fleet_slide.odd .slippry_box.thumbnails {
         margin-top: 100px 
    }
     .banner .item .carousel-caption p span {
         display: none 
    }
     .navigation .inner_sec {
         padding: 10px 0 0 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent;
         margin: 0 
    }
     .navigation .container {
         padding: 10px 0 0 
    }
     .navigation .menu_btn {
         display: block 
    }
     .faq_sec #accordion .panel-title a {
         font-size: 14px 
    }
}

/*#ipad*/
@media (min-width:768px) and (max-width:1024px) {
    
     .carousel-testi h2 {
    
    font-size: 20px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
    
    .custom_form {
         
         width: 647px;
     }
    
}

/* #ipad Pro 
@media (min-width:1024px) and (max-width:1366px) {
    
    .custom_form {
	    
	    width:758px;
	    
	}
    
}

*/


/* #landscape */
@media (min-width:667px) and (max-width:684px) {
    
     .carousel-testi h2 {
    
    font-size: 20px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
    
    .custom_form {
	    
	        width: 623px !important;
	    
	}
    
}




/* #surface pro duo 
@media (min-width:540px) and (max-width:720px) {
    
    .custom_form {
	    
	    margin-left: -228px;
	    
	}
    
}

*/

/* #Galaxy Fold 
@media (min-width:280px) and (max-width:653px) {
    
    .custom_form {
	    
	    margin-left: -53px;
	    
	}
    
}

*/

 @media (min-width:640px) and (max-width:767px) {
     
     .custom_form {
         
         width: 647px;
     }
     
     .book_btn.navbar-banner a {
 
 margin-top:35px;   
}
     .ride_trail .main_div {
         max-width: 100% 
    }
     .ride_trail .setup-content-2 .col-md-12 {
         padding: 0 
    }
     .ride_trail .inner {
         border: none 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 14px;
         font-weight: 600;
         height: 60px 
    }
     .navigation .inner_sec .navbar-header {
         float: left;
         width: 150px 
    }
     .navigation .navbar-toggle {
         margin-right: 3px;
         padding: 9px 10px;
         position: absolute;
         right: 0 
    }
     .navigation .center_custom {
         float: left;
         margin: 0;
         width: 58% 
    }
     .navigation .center_custom ul li {
         float: left;
         padding: 0;
         width: auto 
    }
     .navigation .center_custom ul li a {
         font-size: 10px;
         padding: 0 3px 
    }
     .navigation .center_custom ul li a i {
         font-size: 10px;
         height: 22px;
         margin-right: 5px;
         padding: 4px;
         width: 22px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 0 
    }
     .navigation .book_btn {
         float: left;
         padding: 0 5px 0 0;
         width: 15% 
    }
     .book_btn.navbar-right a {
         float: left;
         font-size: 10px;
         margin-top: 10px;
         padding: 5px 8px;
         position: relative;
         right: 14px 
    }
     .banner .enquiry_custom {
         position: static 
    }
     .banner .enquiry_custom .main_div {
         max-width: 100%;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul {
         margin: 0;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li {
         text-align: left;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li a {
         border-radius: 0 
    }
     .enquiry_custom .main_div>h2 {
         font-size: 18px 
    }
     .enquiry_custom .btn.btn-default {
         font-size: 16px 
    }
     .modren {
         padding: 20px 0 
    }
     .modren .trends {
         max-width: 100% 
    }
     .modren .trends h2 {
         font-size: 18px;
         margin: 0 0 10px 
    }
     .modren .trends p {
         font-size: 12px;
         line-height: 25px 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent 
    }
     .navbar-inverse .navbar-toggle .icon-bar {
         background-color: #f0ca92 
    }
     .service {
         padding: 20px 15px 
    }
     .service h2 {
         font-size: 18px;
         margin: 0 0 20px 
    }
     .service .col-sm-4 {
         float: left;
         padding: 0 10px;
         width: 50% 
    }
     .service .thumb {
         margin: 10px 0 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
     .bottom_slider h2 {
         font-size: 18px;
         margin: 0 0 20px 
    }
     .bottom_slider {
         padding: 20px 0 
    }
     .carousel-testi {
         padding: 25px 0 
    }
     .carousel-testi .star_ff h5 {
         font-size: 16px 
    }
     .carousel-testi blockquote p {
         font-size: 12px 
    }
     .carousel-testi blockquote::before {
         font-size: 14px 
    }
     .carousel-testi blockquote::after {
         font-size: 14px 
    }
     .carousel-testi h2 {
         font-size: 18px;
         margin: 0 0 20px 
    }
     .make_reservation .main_div {
         max-width: 100% 
    }
     .make_reservation .inner_sec {
         margin: 0;
         padding: 15px 
    }
     .make_reservation .inner_sec h2 {
         font-size: 18px;
         text-align: center;
         width: 100% 
    }
     .make_reservation .inner_sec a {
         display: inline-block;
         float: none;
         font-size: 14px;
         margin: 10px 0 0 
    }
     footer {
         padding: 20px 0 0 
    }
     footer .in_sec_ft h3 {
         margin: 10px 0 15px 
    }
     footer p {
         font-size: 12px 
    }
     footer .in_sec_ft ul li a {
         font-size: 12px 
    }
     footer .information {
         display: inline-block;
         margin-bottom: 10px 
    }
     .in_sec_ft ul li {
         font-size: 12px;
         line-height: 28px 
    }
     .in_sec_ft ul li span {
         margin-bottom: 12px 
    }
     .copyright .d1 {
         height: auto 
    }
     .copyright .d1 h3 {
         font-size: 12px 
    }
     footer .copyright a {
         text-decoration: none 
    }
     .way .left_sec .inner_form {
         height: auto 
    }
     .way .right_sec {
         float: left;
         height: auto 
    }
     .way .right_sec .inner {
         display: inline-block;
         height: auto;
         padding: 15px 
    }
     .way .right_sec .inner li p br:first-child {
         display: none 
    }
     .fleet_slide .inner #slide-content ul {
         display: inline-block;
         padding: 0 0 0 15px 
    }
     .fleet_slide.odd .slippry_box.thumbnails {
         margin-top: 100px 
    }
     .banner .item .carousel-caption p span {
         display: none 
    }
     .navigation .inner_sec {
         padding: 10px 0 0 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent;
         margin: 0 
    }
     .navigation .container {
         padding: 10px 0 0 
    }
     .navigation .menu_btn {
         display: block 
    }
     .faq_sec #accordion .panel-title a {
         font-size: 14px 
    }
}


/*Laptop*/
 @media (min-width:768px) and (max-width:991px) {
     
      .carousel-testi h2 {
    
    font-size: 20px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
     
     .book_btn.navbar-banner a {
 
 margin-top:35px;   
}
     .ride_trail .main_div {
         max-width: 80% 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 14px;
         font-weight: 600;
         height: 60px 
    }
     .navigation .navbar-header {
         width: 185px 
    }
     .navigation .center_custom {
         width: 58% 
    }
     .navigation .center_custom ul li a {
         font-size: 11px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 18px;
         height: 30px;
         margin-right: 3px;
         padding: 5px;
         width: 30px 
    }
     .navigation .book_btn {
         margin-right: 10px 
    }
     .book_btn.navbar-right a {
         font-size: 12px;
         margin-top: 5px;
         padding: 8px 25px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 5px 
    }
     .navigation .navbar-collapse.collapse ul li {
         font-size: 13px 
    }
     .navigation .navbar-collapse.collapse ul li a {
         padding: 10px 7px 
    }
     .way h3 {
         font-size: 20px 
    }
     .way .right_sec .inner {
         padding: 15px 
    }
     .make_reservation .main_div {
         margin: 0 auto;
         max-width: 88% 
    }
     .make_reservation .inner_sec {
         padding: 20px 35px 
    }
     .make_reservation .inner_sec>h2 {
         font-size: 22px;
         margin: 5px 0 0 
    }
     footer .information {
         width: 66% 
    }
     footer .col-sm-4:last-child {
         width: 100% 
    }
     .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3, .carousel-showmanymoveone .cloneditem-4, .carousel-showmanymoveone .cloneditem-5 {
         display: block 
    }
     .banner .enquiry_custom {
         left: 0;
         position: relative;
         top: 0 
    }
     .banner .enquiry_custom .main_div {
         max-width: 100% 
    }
     .modren .left_sec iframe {
         height: 196px 
    }
     .modren .trends p {
         font-size: 12px;
         letter-spacing: 0;
         line-height: 19px 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
}

/*Laptop*/
 @media (min-width:992px) and (max-width:1199px) {
     
      .carousel-testi h2 {
    
    font-size: 20px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
     .ride_trail .main_div {
         max-width: 70% 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 14px;
         font-weight: 600;
         height: 60px 
    }
     .navigation .navbar-header {
         width: 185px 
    }
     .navigation .center_custom {
         width: 58% 
    }
     .navigation .center_custom ul li a {
         font-size: 11px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 18px;
         height: 30px;
         margin-right: 3px;
         padding: 5px;
         width: 30px 
    }
     .navigation .book_btn {
         margin-right: 10px 
    }
     .book_btn.navbar-right a {
         font-size: 12px;
         margin-top: 5px;
         padding: 8px 25px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 5px 
    }
     .navigation .navbar-collapse.collapse ul li {
         font-size: 14px 
    }
     .navigation .navbar-collapse.collapse ul li a {
         padding: 10px 
    }
     .banner .enquiry_custom {
         left: auto;
         position: static;
         top: auto;
         float: left;
         padding: 20px 0;
        width:450px;
    }
     .banner .enquiry_custom .main_div {
         border-radius: 0;
         display: flow-root;
         margin: 0 auto;
         max-width: 730px;
         padding: 60px 15px 20px;
         position: relative 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
}
 @media (min-width:1250px) and (max-width:1900px) {
     
      .carousel-testi h2 {
    
    font-size: 80px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;
    text-shadow: 
        1px 0px 7px rgb(0 0 0 / 20%), 1px 3px 7px rgb(0 0 0 / 20%), 3px 3px 6px rgb(0 0 0 / 26%);
        
}
     .banner .carousel-caption {
         
        left: auto;
        padding: 30px;
        right: 48%;
        top: 26%;

    }
    
    .banner .enquiry_custom {
        
        width:450px;
    }
}
 .banner .carousel-inner .homebannercaption p {
         /* position: fixed; */
    /*top: 26%;*/
    float: left;
    /* right: 60px; */
    padding: 10px 55px;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: left;
    font-family: 'Taviraj', serif;
    font-weight: 200;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 97%), 2px 2px 2px rgba(0, 0, 0, 0.08), 3px 3px 3px rgba(0, 0, 0, 0.06);
   

}

 .banner .carousel-inner .homebannercaption h3 {
         /* position: fixed; */
    top: 26%;
    float: left;
    /* right: 60px; */
    padding: 10px 40px;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: left;
    font-family: 'Taviraj', serif;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 57%), 2px 2px 2px rgba(0, 0, 0, 0.08), 3px 3px 3px rgba(0, 0, 0, 0.06);
  

}
 .hide-homebannercaption {
     display: block 
}
 @media screen and (max-width:479px) {
     .banner .carousel-inner .homebannercaption p {
         top: 15%;
         right: 5px;
         padding: 0 10px;
         line-height: 28px;
         font-size: 14px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 @media screen and (min-width:480px) and (max-width:767px) {
     .banner .carousel-inner .homebannercaption p {
         top: 20%;
         right: 5px;
         padding: 0 10px;
         line-height: 25px;
         font-size: 14px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 @media only screen and (min-width:768px) and (max-width:959px) {
     .banner .carousel-inner .homebannercaption p {
         right: 20px;
         padding: 5px 10px;
         line-height: 26px;
         font-size: 16px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 @media only screen and (min-width:960px) and (max-width:1024px) {
     
      .carousel-testi h2 {
    
    font-size: 20px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
     .banner .carousel-inner .homebannercaption p {
         right: 20px;
         padding: 5px 10px;
         font-size: 22px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 ul.showbullets {
     list-style: disc!important;
     padding-left: 20px;
     line-height: 30px 
}
 .customrowmargin .row {
     margin: 0 
}
 .social_top {
     float: right;
     width: 100%;
     text-align: right;
     margin-right: -15px 
}
 .social_top ul {
     float: right;
     display: inline-block;
     text-align: right 
}
 .social_top ul li {
     float: left;
     margin: 0 2px 
}
 @media screen and (max-width:479px) {
     .social_top {
         float: right;
         width: 100%;
         text-align: center;
         margin-right: 0;
         margin-top: 20px 
    }
     .social_top ul {
         float: none;
         display: inline-block;
         text-align: center;
         width: 150px;
         margin: 0 auto 
    }
}
 @media screen and (min-width:480px) and (max-width:767px) {
     .navigation .center_custom {
         float: left;
         margin: 0;
         width: 62% 
    }
     .social_top {
         float: right;
         width: 100%;
         text-align: right;
         margin-right: 0;
         margin-top: 0 
    }
     .social_top ul {
         float: none;
         display: inline-block;
         text-align: center;
         width: 150px;
         margin: 0 auto 
    }
}
 @media only screen and (min-width:768px) and (max-width:959px) {
     .navigation .center_custom {
         width: 81%;
         float: left 
    }
     .navigation .navbar-header {
         width: 185px;
         margin: 0 auto;
         float: none 
    }
     .navigation .center_custom ul {
         display: inline-block;
         text-align: center;
         width: 100% 
    }
     .social_top {
         float: right;
         width: 100%;
         text-align: right;
         margin-right: 0;
         margin-top: 10px 
    }
}
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Poiret+One|Roboto:100,300,400,500,700,900);
 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
 @import url(https://fonts.googleapis.com/css?family=Roboto);
 .servicesdetails .main_div {
     margin: 0 auto;
     max-width: 100%;
     text-align: left;
}
/* css script for google translator */
 div#google_translate_element {
     position: fixed;
     right: 0;
     top: 38%;
     z-index: 9999;
     padding: 10px;
     width: 50px;
     webkit-transform: rotate(-270deg);
     -ff-transform: rotate(-270deg);
     transform: rotate(-270deg);
     display: none; 
}
 .goog-te-gadget-simple {
     d: ;
     font-size: 11pt;
     0pt: ;
     display: inline-block;
     padding: 10px 5px!important;
     cursor: pointer;
     zoom: 1;
     *display: inline;
     line-height: ;
     text-transform: uppercase;
}
 .goog-te-gadget-simple .goog-te-menu-value {
     text-decoration: none!important;
     font-weight: bold!important;
}
 .goog-te-gadget img {
     display: none!important;
}
 .goog-te-gadget-simple .goog-te-menu-value span {
     text-decoration: none;
     margin: 2px!important;
}
/* css script for google translator */
/* script for submenu css */
 .navigation .navbar-collapse.collapse ul li ul.subnav {
     display: none;
}
 .navigation .navbar-collapse.collapse ul li:hover>ul.subnav {
     display: block;
     float: left;
     width: 100%;
     line-height: 30px;
     position: absolute;
     text-align: left;
     padding: 10px;
     background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ead383 0%, #835728 100%) repeat scroll 0 0;
     border-bottom: 2px solid #ccab5c;
     border-top: 3px solid #ccab5c;
     min-width: 320px;
     left: -50%;
}
 .navigation .navbar-collapse.collapse ul li ul.subnav li {
     float: left;
     width: 100%;
     text-align: center;
}
 .navigation .navbar-collapse.collapse ul li ul.subnav li a {
     float: left;
     width: 100%;
     padding: 0px;
}
 .navigation .navbar-collapse.collapse ul li ul.subnav li a:hover {
     text-align: center;
     text-decoration: none;
     color: #fff;
}
 .submenu-icon {
     width: 16px;
     float: right;
     position: absolute;
     top: 13px;
     right: 6px;
}
 @media screen and (max-width: 479px) {
     .navigation .navbar-collapse.collapse ul li:hover>ul.subnav {
         position: relative;
         left: 0;
    }
}
 @media screen and (min-width: 480px) and (max-width: 767px) {
     .navigation .navbar-collapse.collapse ul li:hover>ul.subnav {
         position: relative;
         left: 0;
    }
}
/* script for submenu css */
/* OUR TEAM CSS */
 .ourteam_container {
     float: left;
     width: 100%;
     height: 280px;
     overflow: hidden;
}
 .otmargin {
     margin: 0 auto;
     max-width: 1100px;
}
 .otfullwidth {
     float: left;
     width: 100%;
     background: #333;
     padding: 20px;
     color: #fff;
}
 .otleft {
     float: left;
     width: 25%;
}
 .otimage {
    /* float: left;
     width: 100%;
    */
     margin: 0 auto;
     width: 140px;
}
 .otright {
     float: left;
     width: 70%;
     padding-left: 30px;
}
 .otname {
     float: left;
     width: 100%;
     font-size: 32px;
     text-transform: uppercase;
}
 .otname span {
     font-size: 14px;
}
 .otdegiantion {
     float: left;
     width: 100%;
     font-size: 24px;
}
 .otcontent {
     float: left;
     width: 100%;
     line-height: 25px;
     font-size: 18px;
     margin-top: 10px;
     margin-bottom: 20px;
}
 .slick-slider {
     max-height: 300px;
}
 .slick-prev, .slick-next {
     width: 40px!important;
     background: #000!important;
     height: 40px!important;
     display: none!important;
}
 .slickslider .slick-dots {
     display: block!important;
}
 .slick-dots li {
     background: #ccab5c!important;
     border-radius: 50%!important;
}
 .slick-dots li button:before {
     font-size: 30px!important;
     color: #fff!important;
}
 .otsection.slick-slide {
     height: 220px;
     float: left;
}
 a.otviewbtn {
     color: #ccab5c!important;
     text-decoration: none!important;
     font-size: 14px;
}
 @media screen and (max-width: 479px) {
     .otleft {
         float: left;
         width: 100%;
    }
     .otright {
         float: left;
         width: 100%;
         padding-left: 0;
    }
     .ourteam_container {
         width: 100%;
         height: 500px;
    }
     .otsection.slick-slide {
         height: 500px;
         float: left;
    }
     .otname {
         font-size: 18px;
         margin-top: 20px;
    }
     .otdegiantion {
         font-size: 16px;
    }
     .otcontent {
         font-size: 15px;
    }
     .slickslider .slick-dots {
         display: none!important;
    }
}
 @media screen and (min-width: 480px) and (max-width: 767px) {
     .otleft {
         float: left;
         width: 100%;
    }
     .otright {
         float: left;
         width: 100%;
         padding-left: 0;
    }
     .ourteam_container {
         width: 100%;
         height: 500px;
    }
     .otsection.slick-slide {
         height: 500px;
         float: left;
    }
     .otname {
         font-size: 18px;
         margin-top: 20px;
    }
     .otdegiantion {
         font-size: 16px;
    }
     .otcontent {
         font-size: 15px;
    }
     .slickslider .slick-dots {
         display: none!important;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .otsection.slick-slide {
         height: 330px;
         float: left;
    }
     .slickslider .slick-dots {
         display: block!important;
    }
}
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
      .carousel-testi h2 {
    
    font-size: 60px;
     font-weight: 700;
     margin: 0 0 30px;
     text-align: center;
     width: 100% ;
     color:#efefef;
    line-height: 1.3em;
    font-family: 'Taviraj', serif;text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.1), 
        2px 2px 2px rgba(0, 0, 0, 0.08), 
        3px 3px 3px rgba(0, 0, 0, 0.06);
        
}
}
/* OUR TEAM CSS */
 .getinstantquote a {
     position: fixed;
     right: -65px;
     top:50%;
     z-index: 9999;
     padding: 10px;
     width: 170px;
     webkit-transform: rotate(-270deg);
     -ff-transform: rotate(-270deg);
     transform: rotate(-270deg);
     background: red;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     text-decoration: none;
     border: 2px solid #ccab5c;
}
 li.sy-slide.horizontal.useCSS.sy-active {
    /* border: 2px solid #ccab5c;
     */
     margin-bottom: 5px;
     float: left;
     width: 100%;
     padding: 5px;
}
ul.showbullets{
         float: left;
        width: 100% 
    }
 @media screen and (max-width: 479px){
     .getinstantquote a {
        top: 40%;
    }
     .service .thumb img{
        width: 100%;
    }
}
 @media screen and (min-width: 480px) and (max-width: 767px){
     .getinstantquote a {
        top: 40%;
    }
     .service .thumb img{
        width: 100%;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .getinstantquote a {
        top: 30%;
    }
}
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
     .getinstantquote a {
        top: 30%;
    }
}
/* new header design */
 .navigation .center_custom {
     float: left;
     margin-bottom: 0px;
     margin-top: 0px;
     width: 100%;
     background: #222222;
}
 .navigation .center_custom .container {
     padding: 3px 0;
}
 .navigation .center_custom ul li{
     padding: 0 30px;
}
 .navigation .center_custom ul li a{
     font-size: 28px;
}
 .book_btn.navbar-right a {
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 40px 19px 0 0;
    font-family: 'Taviraj', serif;
    font-weight: 400;
    
}
 .navigation .center_custom ul li a .txt span.smalltext{
     font-size: 17px;
     color: #aaaaaa;
     letter-spacing: 1px;
     font-weight: normal;
      font-family: 'Taviraj', serif;
    font-weight: 700;
    text-transform: uppercase;
}
 .navigation .center_custom ul li a .txt span.colortext{
     font-size: 17px;
    
     letter-spacing: 1px;
     font-weight: normal;
}
/* new header design */
 #navbar1{
    float: left;
    width: 100%;
   position: absolute; 
     top: 0;
     z-index: 999;
 
}
 .fixedheadertopmargin{
    display: none;
}
 .desktopfixedheadertopmargin {
     float: left;
     width: 100%;
     margin-top: 223px;
}
 .toprow2 {
     
     position: absolute;
     top: 0px;
     float: left;
     width: 100%;
     z-index: 100;
 
}
 @media screen and (max-width: 479px){
     .desktopfixedheadertopmargin{
        display: none;
    }
     .fixedheadertopmargin{
        margin-top: 0px;
        display: block;
    }
     .navigation .center_custom ul li a .txt span.smalltext{
         font-size: 14px;
    }
     .navigation .center_custom ul li a .txt span.colortext{
         font-size: 18px;
    }
     .navigation .center_custom ul li {
         padding: 0;
         margin: 5px 0px;
    }
     .navbar-nav {
         margin: 0;
    }
     .toprow2 {
         background: #fff;
         position: relative;
         top: 0;
         float: left;
         width: 100%;
    }
    /* 17-02-2020 */
     ul.showbullets{
         float: left;
        width: 100% 
    }
    .detail_service{
		margin-top: 0px;
	}
	footer .copyright>p{
		padding: 20px;
	}
     .detail_service .inner h2{
          font-size: 18px!important;
     }
	/* 17-02-2020 */

  /* 10-09-2023 */
  .filters-content .row.grid{height: auto!important;}
  .portfolio.section{padding: 0px 20px;}
  .modren .trends {     padding: 0px 20px;margin: 0 auto;}
  .modren .trends .col-sm-8 { padding: 0px 20px!important;}
  .modren .trends .inquiry_form { padding:0px!important;}
  .icon_box1 {border-right: none;}
  .icon_box3 { border-left: none;}
  .contact-icon{width: 90px;}
   /* 10-09-2023 */

}
 @media screen and (min-width: 480px) and (max-width: 767px){
     .fixedheadertopmargin{
        margin-top: 110px;
    }
     .navigation .center_custom ul li a .txt span.smalltext{
         font-size: 14px;
    }
     .navigation .center_custom ul li a .txt span.colortext{
         font-size: 18px;
    }
    /* 17-02-2020 */
     ul.showbullets{
         float: left;
        width: 100% 
    }
     .book_btn.navbar-right a {
         font-size: 15px;
    }
     .navigation .book_btn {
         float: left;
         padding: 0 5px 0 0;
         width: 38%;
    }
     .book_btn.navbar-right.outr_txt_btn {
         width: 25%;
         float: left;
    }
    .navigation .inner_sec .navbar-header {
	    float: left;
	    width: 36%;
	}
	a.navbar-brand img {
	    width: 60%;
	}
	.toprow2 {
    	position: relative;
	}
	.navigation .navbar-toggle{
		position: relative;;
	}
	.detail_service{
		margin-top: 0px;
	}
	.desktopfixedheadertopmargin{
		margin-top: 50px;
	}
	footer .copyright>p{
		padding: 20px;
	}
     .detail_service .inner h2{
          font-size: 18px!important;
     }
	/* 17-02-2020 */
    /* 10-09-2023 */
  .filters-content .row.grid{height: auto!important;}
  .portfolio.section{padding: 0px 20px;}
  .modren .trends {     padding: 0px 20px;margin: 0 auto;}
  .modren .trends .col-sm-8 { padding: 0px 20px!important;}
  .modren .trends .inquiry_form { padding:0px!important;}
  .icon_box1 {border-right: none;}
  .icon_box3 { border-left: none;}
  .contact-icon{width: 90px;}
    /* 10-09-2023 */

}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .fixedheadertopmargin{
        margin-top: 250px;
    }
}
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
     .fixedheadertopmargin{
        margin-top: 140px;
    }
}
/* Header Menu Responsive Work */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .navigation .navbar-header {
         width: 185px;
         margin: 0 auto;
         float: left;
    }
     .navigation .center_custom ul li {
         padding: 0;
    }
}

/* Blog Page images size ratio Fixed */
.thumb_blog .main_div img {
    height: auto;
}
/* Blog Page images size ratio Fixed */

/*New Footer Section */
.footercontactinfosection{
     float: left;width: 100%;
}
.footercontactinfosection .fcis-row{
     float: left;
     width: 100%;
}
.footercontactinfosection .fcis-col-md-4{
     float: left;
     width: 33.33%;
     text-align: center;
}

.footercontactinfosection .vu_info-item {
    position: relative;
    padding: 25px;
    max-width: 520px;
    width: 100%;
    min-height: 140px;
    float: left;
    text-align: center;
}
.footercontactinfosection .vu_ii-details {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}
.footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon {
    position: absolute;
    left: 60px;
    top: 10%;
    margin-top: 0px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 36px;
    text-align: center;
    margin-left: 30px;
    color: #fff;
}

.footercontactinfosection .fa-map-marker:before {
    content: "\f041";
}
.footercontactinfosection .fa-envelope-o:before {
    content: "\f003";
}
.footercontactinfosection .fa-phone:before {
    content: "\f095";
}
.footercontactinfosection .vu_info-item .vu_ii-title {
    display: block;
    font-size: 28px;
    color: inherit;
    margin: 0 0 3px 0;
    padding: 0;
    color: #fff;
    line-height: 1.7;
}
.footercontactinfosection .vu_info-item .vu_ii-desc {
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    color: inherit;
    margin-bottom: 0;
    color: #fff;
    margin-top: 15px;
}
.footercontactinfosection .vu_ii-details a {
    
    font-size: 20px;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    font-weight: 200;
}
.foo-follow-cards {
    float: left;
    width: 100%;
    text-align: center;
        margin-top: 50px;
            margin-bottom: 50px;
                z-index: 9999;
                position: relative;
           
       
}

.foo-follow-cards img{
 
        filter: grayscale(100%);
}
.foo-follow-cards img:hover {
     filter: grayscale(0%)!important;
     transform: scale(1.1);
    
}

.cardsection img{
 
        filter: grayscale(100%);
}
.cardsection img:hover {
     filter: grayscale(0%)!important;
    
}
.cardsection{float: left;width: 100%;margin-top: 30px;}
.foo-follow-cards ul li{display: inline-block;padding: 0 4px;}
/*New Footer Section */

/*.topbooknowbtn::before, .topbooknowbtn::after {
    content: '';
    position: absolute;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: -1;
    background: #ff5202;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.topbooknowbtn:hover, .topbooknowbtn:focus {
    color: #ffffff;
    background: #0d1028;
    -webkit-box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
    box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
}*/
.app_text {
    
        margin: 130px 150px 150px 150px;
}

.app_text p {
    
    font-size:19px;
    font-weight: 200;
    margin-bottom: 31px;

}

.topbooknowbtn {
    position: relative;
    
}
.topbooknowbtn .fa-file-text:before {
    content: "\f15c";
    font-size: 18px;
}
.topbooknowbtn .flaticon-right:before {
    font-size: 24px;
}
.topbooknowbtn .flaticon-edit {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    line-height: 50px;
  
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-left: 0;
    text-align: center;
}
.topbooknowbtn .flaticon-right {
    margin-left: 10px;
}


/*our fleet */
.portfolio.section {
    background: #f0f2f7;
    color: #fff;
    float: left;
    width: 100%;
    padding: 50px 20px;
    min-height: 650px;
    margin:0 auto;
    
}
.portfolio.section .col-sm-4 {
    min-height: 300px;
    float: left;
}
.section.portfolio .filters {
    text-align: left;
    margin-top: 50px;
}
.section.portfolio .filters ul {
    padding: 0;
}
.section.portfolio .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    break-after: avoid;
    border: 1px solid #ff5202;
    font-size: 18px;
    font-weight: normal;
    margin-left: 10px;
}
.section.portfolio .filters ul li.active {
    background: #ff5202;
}
.section.portfolio .filters ul li.active:after {
    width: calc(100% - 60px);
}
.section.portfolio .filters ul li:after {
    display: block;
    width: calc(0% - 60px);
    position: absolute;
    height: 2px;
    background: #333;
    transition: width 350ms ease-out;
}
.section.portfolio .filters-content {
    margin-top: 50px;
}
.section.portfolio .filters-content .item {
    /*text-align: center;*/
    cursor: pointer;
    margin-bottom: 60px;
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    transition: 0.5s;
}
.section.portfolio .filters-content .item:hover{
         border-color: #ff5202;
         color: #fff;
}

.section.portfolio .filters-content .item img {
    width: 100%;
    transition: 0.5s;
    background: #fff;
    /*border-radius: 15px 15px 0 0;*/
}
.section.portfolio .filters-content .item:hover img {
    transform: scale(1.03);

}
.section.portfolio .filters-content .item .p-inner h5 {
    font-size: 20px;
    float: left;
    width: 100%;
    max-height: 45px;
    overflow: hidden;
    min-height: 45px;
    font-family: 'Taviraj', serif;
    font-weight: 400;
}
.section.portfolio .filters-content .item .p-inner .cat {
    font-size: 16px;
    margin-bottom: 19px;
}
/*our fleet */

/*Services section*/
.service .container {
    width: 100%; 
}
.service .col-sm-3{
     padding-left: 0px;
     padding-right: 0px;
}
.service .thumb img{
     width: 100%;
  /*
    object-position: 0px -6px;
    object-fit: cover;*/
}


/*New Full Width Menu */
.fullwidthmenu {
    float: left;
    width: 100%;
    color: #fff;
   /* background: rgba(0, 0, 0, 0) linear-gradient(90deg, #101010 0%, #505050 100%) repeat scroll 0 0; */
    padding: 18px 0;
        border-top: 2px solid #333;
    margin: 20px 0;
    text-align: center;
}
.fullwidthmenu ul{
   float: left;width: 100%;display: inline-block;
}
.fullwidthmenu ul li{
   float: none;display: inline-block;
   padding: 0 25px;
}
.fullwidthmenu ul li a {
    float: left;
    color: #aaa;
    font-size: 16px;
    text-decoration: none;
}
.fullwidthmenu ul li a:hover {
   transform: scale(1.1);
   color:#ff6c00;
}
/*New Full Width Menu */
.newcontactinfo .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}
.coninforow{float: left;width: 100%;text-align: center; line-height: 30px;padding: 10px;margin: 15px 0;color: #333;    padding: 15px;     min-height: 240PX;}
.coninfologo {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0;
}
.coninfologo i {    
    font-size: 26px;
}
.coninfotitle {
    font-size: 21px;
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center;
    font-family: 'Taviraj', serif;
    font-weight: 400;

}
.coninfocontent {
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: center;
}
.coninfocontent a {
    
    color: #333!important;
    text-decoration: none;
}
.coninfologo span {

    padding: 15px 17px;
    border-radius: 5px;
}


@media screen and (max-width:479px) {
     .footercontactinfosection .fcis-col-md-4 {
         float: left;
         width: 100%;
         text-align: center;
         margin-bottom: 10px;
     }
     .footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon{
          left: 35px;
     }
     .fullwidthmenu ul li {
         padding: 9px;
     }
     .applinksection{
          float: left;width: 100%;
     }
     .section.portfolio .filters ul li{
          margin: 10px;
     }
     .app_text {
         margin: 30px;
     }
}

@media screen and (min-width:480px) and (max-width:767px) {
     
     .footercontactinfosection .fcis-col-md-4 {
         float: left;
         width: 100%;
         text-align: center;
         margin-bottom: 10px;
     }
     .footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon{
          left: 85px;
     }
     .fullwidthmenu ul li {
         padding: 9px;
     }
     .applinksection{
          float: left;width: 100%;
     }
     .section.portfolio .filters ul li{
          margin: 10px;
     }
     .app_text {
         margin: 30px;
     }
     .in_service .shadow_service {
         max-height: 350px;
     }
}

@media only screen and (min-width:768px) and (max-width:959px) {
     
     .fullwidthmenu ul li {
         padding: 9px;
     }
     .section.portfolio .filters ul li{
          margin: 10px;
     }
     .footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon {
         left: 0;
         font-size: 29px;
         margin-left: 10px;
     }
}

@media only screen and (min-width:960px) and (max-width:1024px) {
     
     
}