/*!
Theme Name: signaturecar
Theme URI: https://blacklanevancouver.com/
Author: Blacklane Vancouver
Author URI: https://blacklanevancouver.com/
Description: Description
Version: 6.8.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: signaturecar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

body{
     background: #ffffff;
     color: #484848;
     font: 400 16px/26px "Montserrat", serif;
     overflow-x: hidden;
}
 .hides{
     opacity: 0 
}
 .views{
     opacity: 1 
}
a{
     text-decoration: none;
     transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     -ms-transition: .2s ease-in-out;
     -moz-transition: .2s ease-in-out;
     -webkit-transition: .2s ease-in-out 
}
a img{
     border: none 
}
img{
     max-width: 100%;
     height: auto 
}
 h1, h2, h3, h4, h5, h6{
     font-weight: 700;
     color: #000000;
     font-family: "Montserrat", serif;
}
 h1{
     font-size: 40px;
     line-height: 44px;
}
 h2{
     font-size: 36px;
     line-height: 40px;
}
 h3{
     font-size: 32px;
     line-height: 36px;
}
 h4{
     font-size: 28px;
     line-height: 32px;
}
 h5{
     font-size: 24px;
     line-height: 28px; 
}
 h6{
     font-size: 20px;
     line-height: 28px; 
}
nav{
	padding-right: 175px;
}

footer{
	background: #000000;
}
.headertopbar{
     font-weight: 600;
     border-bottom: 1px solid #e5e5e5;
}
 .footercol ul, .sociallinks ul, .topcontactinfo ul, .areasweserve ul, .widget-area section ul, .widget-area section ol{
     list-style: none;
     padding: 0;
     margin: 0 
}
 .topcontactinfo ul li{
     display: inline-block;
     margin-right: 15px 
}
 .headertoptitle span.location svg{
     position: relative;
     top: 1px;
     margin-right: 2px 
}
 .topcontactinfo ul li.callus svg, .topcontactinfo ul li.emailus svg{
     margin-right: 2px;
     font-size: 18px;
     position: relative;
     top: 2px 
}
 .sociallinks ul li{
     display: inline-block;
     text-align: center;
     font-size: 36px;
     margin-right: 2px;
}
 .sociallinks ul li a{
     display: block;
     opacity: .85 
}
 .sociallinks ul li a:hover{
     color: #000000;
     opacity: 1 
}
 .topcontactinfo .sociallinks, .headertoptitle{
     display: inline-block;
}
 .topcontactinfo .sociallinks{
     position: relative;
     top: 2px 
}
 .topcontactinfo .sociallinks ul li{
     width: auto;
     height: auto;
     line-height: 0;
     display: inline-block;
     text-align: center;
     margin: 0 1px;
     font-size: 24px 
}
 .topcontactinfo ul li a:hover{
     text-decoration: underline 
}
.logo img{
     width: 245px;
}
.banner, .hpmidsetion, .areasweserve, .fleetcol, .pgbtmsection, .pageheadersection, .fleetcol .fleetcoldetail{
     position: relative 
}
.title, .viewmorebtn{
	letter-spacing: 0.3px;
}
.title .subtitle{
	opacity: 0.75;
}
.title .subtitle::before {
    margin-right: 8px;
    float: left;
    border-bottom-left-radius: 75%;
    content: '';
    width: 20px;
    height: 2px;
    background: #e1e1e1;
    position: relative;
    top: 12px;
}
.bannerdescp, .viewmorebtn a, .bannerdescp .title h2, .hpmidsetion, .hpmidsetion .title h3, .footercol, .footercol a, .footercol .footertitle h4, .contactinfo h6, .pageheadersection, .pageheadersection a, .pageheadersection .title h2, .pgbtmsection, .pgbtmsection .title h3{
 	color: #ffffff;
}
.bannerdescp{
     position: absolute;
     width: 100%;
     z-index: 9999;
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     height: 100%;
	display: flex;
	/*justify-content: center;*/
	align-items: center;
    top: 0%;
    left: 0;
}
.bannerdescp .title h2, .bannerdescp  .bannerdescpdetail{
	text-shadow: 0px 0px 15px #202d3c;
}
.viewmorebtn a, .viewmorelink, .fleetcol .fleetcoltitle strong, .businessrating ul li span{
	font-size: 16px;
	line-height: 28px;
	/*font-family: "Mulish", serif;*/
    font-weight: 700;
}
.viewmorebtn a{
     padding: 10px 20px;
     display: inline-flex;
     background: #000000; 
     border: 3px solid #000000;
}
.viewmorebtn2 a{
	background: none;
	color: #000000;
	border-color: #000000;
	margin-left: 5px;
}
.viewmorebtn a:hover, .hpmidsetion .viewmorebtn a:hover, .pgbtmsection .viewmorebtn a:hover, #booknowbtn a:hover{
     background: #484848;
     color: #ffffff;
     border-color: #484848;
}
.multibtns .viewmorebtn{
	display: inline-flex;
}
/*.viewmorebtn a, .servicecol .servicecolimg img, .blogwrapper .blogcol, .blogwrapper .blogcol .blogcolimg img{
     border-radius: 15px;
     -webkit-border-radius: 15px;
}*/
.banner .bannerdescp .viewmorebtn2 a:hover, .hpmidsetion .viewmorebtn a, .pgbtmsection .viewmorebtn a, .hpmidsetion .viewmorebtn2 a:hover, .pgbtmsection .viewmorebtn2 a:hover{
     background: #ffffff;
     color: #000000;
     border-color: #ffffff; 
}
.banner .bannerdescp .viewmorebtn2 a, .hpmidsetion .viewmorebtn2 a, .pgbtmsection .viewmorebtn2 a{
	border-color: #ffffff;
	color: #ffffff;
	background: none;
}
#booknowbtn{
	position: absolute;
	right:  0.75rem;
	top: 5px;
}
.overlay{
     background: #000000;
     position: absolute;
     top: 0;
     left: 0;
     opacity: .75;
     width: 100%;
     height: 100%;
}
.banner .overlay{
     opacity: .50;
     z-index: 2;
}
.areasweserve .overlay /*, .pgbtmsection .overlay*/{
	background: #f6f6f6;
}
.contentwrapper, .pageheadersection{
	padding: 65px 0px;
}
.quickbooking, .areasweserve, #reviewslider, .fleetcol, .pgbtmsection, .footercol, .copyright{
	font-weight: 500;
}
.quickbooking{
	background: #ffffff;
	box-shadow: 0px 0px 20px 5px rgba(46,64,83,0.4);
	position: relative;
	margin-top: -100px;
	z-index: 99;
	padding-bottom: 1rem !important;
}
.quickbooking textarea{
	height: 100px;
}
.contactform textarea, .onlinebookingform textarea{
	height: 135px;
}
.quickbooking .wpcf7-response-output{
	margin: 5px 0px !important;
}
.ccauthorizationform label.form-label span{
	color: #ff001e;
}
.ccauthorizationform .wpcf7-acceptance input[type=checkbox] {
    margin: 4px 0 0px -1.75em;
    line-height: normal;
    width: 16px;
    height: 16px;
    float: left;
}
.onlinebookingform .returntrip {
    display: none;
}
.onlinebookingform #question .wpcf7-list-item-label{
	font-weight: 700;
}
.onlinebookingform #question .wpcf7-list-item{
	margin-left: 0px;
}
.onlinebookingform .wpcf7-form-control-wrap .wpcf7-list-item input{
    margin-right: 5px;
}
.quickbookingform .wpcf7-checkbox .wpcf7-list-item{
	margin: 0px 10px 0px 0px;
}
.mainsection .quickbooking{
	padding: 40px 25px 15px 25px !important;
	margin-top: 0px;
}
/*.quickbooking, .servicecol, .fleetcol, .fleetcol::before{
	 border-radius: 30px;
     -webkit-border-radius: 30px; 
}*/
.servicecol, .fleetcol{
	background: #ffffff;
	box-shadow: 0px 0px 15px rgba(46,64,83,0.2);
}
.servicecol .servicetitle h4{
	font-size: 24px;
	line-height: 32px;
}
.hpmidsetion{
	background: url(images/bg1.jpg) no-repeat 50% 50% #000000;
	background-attachment: fixed !important;
	background-size: cover;
}
.areasweserve{
	background: url(images/areaweserve-bg.jpg) no-repeat 50% 55% #000000;
	background-attachment: fixed;
	background-size: cover;
}
.areasweserve ul li{
	width: 16.66666667%;
	float: left;
}	
.areasweserve ul li h5{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
}	
#fleetslider .item{
	padding: 20px 0px;
}
.fleetcol{
	color: #484848;
	padding: 30px;
}
.fleetcol::before{
	content: '';
	border: 5px solid #d8d8d8;
	width: 95%;
	height: 108%;
	position: absolute;
	top: -4%;
	left: 2.5%;
	z-index: 22;
	opacity: 0.5;
}
.fleetcol .fleetcoldetail{
	z-index: 99;
}
.fleetcol .fleetcoltitle{
	padding-bottom: 15px;
	background: url(images/fleettitledivider.png) no-repeat 50% 100%;
}
.fleetcol .viewmorebtn a{
	padding: 8px 20px;
	font-size: 16px;
	line-height: 26px;
}
.title2{
	padding-bottom: 15px;
	background: url(images/titledivider.png) no-repeat 50% 100%;
}
.pgbtmsection{
	background: url(images/bg2.jpg) no-repeat 50% 50% #000000;
	background-size: cover;
	background-attachment: fixed;
}
.footercol .footertitle h4{
     padding-bottom: 10px;
     border-bottom: 2px dashed #000000;
     display: inline-block;
}
.contactinfo ul li, .footermenu ul li, .businessrating ul li, .mainsection ul li, .maincontent ul li{
     padding: 2px 0px 
}
.footermenu ul li{
	width: 49%;
	display: inline-block;
}
.copyright span, .businessrating ul li span{
	display: block;
	line-height: 28px;
}
.footercol a:hover, .copyright a:hover{
	text-decoration: underline;
}
.businessrating ul li{
	margin: 10px 0px;
}
.businessrating ul li span{
	margin-bottom: 5px;
}
.pageheadersection{
	background: url(images/pageheadersection-bg.jpg) no-repeat 50% 50% #000000;
	background-size: cover;
}
.pageheadersection .title h2{
	font-size: 32px;
	line-height: 36px;
}
#serviceslider .item {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
.page-id-11 .otherservicesection{
	display: none !important;
}

/* Blog 
---------------------------------------------------------- */
.blogwrapper .blogcol{
	padding: 25px;
	border: 1px solid #ced4da;
}
.blogcol .blogdate, .newblogcol .blogdate{
	width: auto;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
}
.single-post h1.entry-title, h1.page-title{
	font-size: 36px;
	line-height: 40px;
}
.widget-area section {
	padding: 20px;
	border: 1px solid #ced4da;
	font-weight: 500;
	margin-bottom: 25px;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;*/
}
.widget-area section select {
	padding: 10px 15px;
	border: 1px solid #e8e8e8;
	width: 100%;
	margin-bottom: 10px;
}
.widget-area section h4{
	margin: 5px 0px 10px 0px;
	font-size: 24px;
	line-height: 32px;
}
.widget-area section ul li a{
	color: #484848;
}
.widget-area section.widget_search{
	padding: 0px !important;
	border: none;
}
#respond, #comments{
	margin-top: 35px;
}
#comments{
	width: 100%;
	float: left;
}
#comments ol {
	list-style: none
}
#comments h2 {
	font-size: 28px;
}
ol.comment-list li .comment-body {
	background: none;
	padding: 15px;
	border: 1px solid #ced4da;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;*/
}
#comments footer.comment-meta, .wp-block-latest-comments footer {
	padding: 0px;
	background: none;
}
#comments footer.comment-meta::before, .wp-block-latest-comments footer::before{
	display: none;
}
.comment-metadata a, nav.navigation .nav-links a:hover, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a, .widget-area section ul li a:hover{
	color: #484848;
}
.reply {
	text-align: right !important;
	text-transform: uppercase;
	font-family: "Mulish", serif;
}
.comment-respond form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.comment-respond form input[type="checkbox"] + label {
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 0 5px;
	text-transform: none;
}
.comment-form-author, .comment-form-email {
	display: block;
	width: 47.5%;
	float: left;
}
.comment-form-email {
	float: right;
}
.comment-form-url {
	clear: both;
}
#respond input, #respond textarea {
	width: 100%;
	background: none;
	padding: 10px 0px;
	text-indent: 10px;
	border: 1px solid #ced4da;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;*/
}
#respond input[type='checkbox'] {
	margin-right: 0px;
	top: 1px;
	position: relative;
}
#respond input[type='checkbox'], #respond .comment-form-cookies-consent label {
	display: inline-block;
	width: auto !important;
	font-size: 14px;
	line-height: 24px;
}
/* In Comment List --------------------------- */

.comment-list .comment-respond {
	padding: 40px 0 15px;
	max-width: 100%;
}
.comments-title-container, .comment-reply-title {
	padding: 5px 0px;
	/*border-bottom: 1px solid #f1f1f1;*/
	vertical-align: bottom;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 5px;
}
.comment-list #cancel-comment-reply-link {
	font-weight: 500;
	margin-left: 5px;
	display: inline-block;
	position: relative;
	text-decoration: underline;
	color: #000000;
}
.commentlist #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.comment-content {
	margin: 10px 0px
}
#respond .comment-form-cookies-consent {
	margin-top: 15px;
}
#respond input[type='submit'] {
	width: auto;
	margin: 10px 0px;
	padding: 12px 30px;
	border: none;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	background: #000000;
	text-transform: none;
	font-family: "Mulish", serif;
	color: #ffffff;
	text-indent: 0px;
	/*border-radius: 10px;*/
}
#respond input[type='submit']:hover {
	background: #000000;
	color: #ffffff;
}
.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}
.widget h4.widget-title {
	font-size: 20px;
	line-height: 30px;
	margin: 10px 0px;
}
.widget-area section ul li, .widget-area section ol li {
	padding: 8px 0px;
	list-style: none;
	border-bottom: 1px solid #f1f1f1;
	line-height: 25px;
	font-weight: 500;
}
.widget-area section ul li:last-child, .widget-area section ol li:last-child{
	border: none;
}
.widget-area section ul li a {
	text-decoration: none;
}
.widget-area section ul li a:hover {
	text-decoration: underline;
}
.widget-area section#search-4 {
	padding: 0px;
	border: none;
}
.widget-area label.screen-reader-text {
	display: none;
}
.entry-content input {
	padding: 3px 10px;
	border: 1px solid #ced4da
}
.entry-content input[type='submit'] {
	background: #005495;
	line-height: 25px;
	border: none;
	color: #ffffff;
}
#content h3.screen-reader-text {
	line-height: 35px;
	padding: 8px 0px;
}
.wp-block-tag-cloud a {
	background-color: #484848;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	margin: 5px 4px 5px 10px;
	padding: 1px 10px;
	position: relative;
	text-decoration: none;
	font-family: "Mulish", serif;
	/*text-transform: uppercase;*/
	color: #ffffff;
	font-weight: 500;
	transition-duration: 0s
}
.wp-block-tag-cloud a:hover {
	background-color: #000000;
	color: #ffffff;
	transition-duration: 0s;
	text-decoration: none;
}
.wp-block-tag-cloud a:before {
	border-bottom: 15px solid transparent;
	border-right: 10px solid #484848;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}
.wp-block-tag-cloud a:hover:before {
	border-right-color: #000000;
	transition-duration: 0s;
}
.wp-block-tag-cloud a:after {
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 0px;
	position: absolute;
	top: 12px;
	width: 6px;
}
.wp-block-tag-cloud a:hover:after {
	background-color: #ffffff
}

/* Post Navigation --------------------------- */
.post-navigation, .navigation  {
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	position: relative;
	font-family: "Mulish", serif;
	background: none;
	width: 100%;
	float: left;
	margin-top: 40px;
	padding: 0px;
	margin-bottom: 0px;
}
.post-navigation:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: 0px;
}
.post-navigation .nav-links, .navigation .nav-links {
	padding: 20px 0px;
	width: 100%;
	float: left;
}
.post-navigation .nav-previous, .post-navigation .nav-next, .navigation .nav-previous, .navigation .nav-next  {
	display: inline-block;
	float: left;
	width: 47.5%;
}
.post-navigation span.nav-subtitle {
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #484848;
	font-weight: 800;
	margin: 5px 0;
	text-transform: none;
	text-decoration: none !important;
}
.post-navigation span.nav-title {
	font-size: 16px;
	line-height: 26px !important;
	font-weight: 500;
	color: #000000;
	text-transform: none;
}
.post-navigation .nav-next, .navigation .nav-next {
	float: right;
	text-align: right;
}
.post-navigation a, .navigation .nav-links a {
	text-decoration: none;
}
.post-navigation a:hover .nav-title, .navigation .nav-links a:hover .nav-title{
	text-decoration: underline;
}
.post-navigation h2.screen-reader-text, .navigation h2.screen-reader-text {
	display: none;
}
.navigation .nav-links a{
	font-size: 17px;
	line-height: 27px;
	text-transform: none;
	font-weight: 700;
	opacity: 0.9;
}
.entry-meta, .entry-content{
	clear: both;
	margin-bottom: 10px;
}
.entry-footer{
	background: none;
}
.entry-meta a, .entry-footer a, .comment-metadata a {
	color: #484848;
	font-weight: 600;
}
.entry-meta > span, .entry-footer span {
	margin-right: 15px;
	line-height: 28px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f408";
	margin-right: 2px;
	font-family: "Font Awesome 5 Free";
}
.entry-meta .posted-on a:before, .entry-footer .posted-on a:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.comments-link a:before {
	content: "\f086";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f007";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: -1px;
	margin-right: 4px
}
.categories-links a:first-child:before, .entry-footer .cat-links a:first-child:before {
	content: "\f07c";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.tags-links a:first-child:before, .entry-footer .tags-links a:first-child:before {
	content: "\f02e";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: 0px;
	margin-right: 6px;
	font-weight: 700;
}
.edit-link a:before, .blog-meta .edit-link a:before {
	content: "\f044 ";
	font-family: "Font Awesome 5 Free";
	position: relative;
	top: -1px;
	margin-right: 6px
}
.says {
	margin-left: 3px
}
span.edit-link {
	margin-left: 5px
}
.reply a {
	background: #000000;
	padding: 6px 18px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	/*border-radius: 10px;*/
	text-transform: none;
}
.reply a:hover {
	background: #000000;
	color: #ffffff;
}
.wp-block-archives-dropdown label {
    display: none;
}
.searchbox, .wp-block-search {
	padding: 0px 5px;
	border: 1px solid #ced4da;
	background: #ffffff !important;
	overflow: hidden;
	font-family: "Mulish", serif;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;*/
}
.searchbox input, .wp-block-search input {
	border: none !important;
	float: left;
	padding: 13px 20px;
	background: none;
	width: 85%;
	color:#484848;
	font-weight: 600;
}
.searchbox input[type='submit'], .wp-block-search .wp-block-search__button{
	width: 60px;
	height: 50px;
	float: right;
	background: url(images/search-dark.png) no-repeat 50% 50% #ffffff;
	text-indent: -999999px;
	border: none !important;
}
.searchbox input[type='submit']:hover, .wp-block-search .wp-block-search__button:hover{
	background: url(images/search-dark.png) no-repeat 50% 50% #f6f6f6;
}
.entry-header .title{
	text-transform: none;
}
.entry-meta a:hover, .entry-footer a:hover{
	color: #000000;
}
.wp-block-embed-youtube .wp-block-embed__wrapper, .wp-video, .videobox {
	width: 100% !important;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0px !important;
	position: relative;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-video video, .videobox iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100% !important;
	height: 100% !important;
}

@media all and (max-width: 1399px){
	 h1{
	     font-size: 36px;
	     line-height: 44px 
	}
	 h2{
	     font-size: 32px;
	     line-height: 40px 
	}
	 h3{
	     font-size: 28px;
	     line-height: 36px 
	}
	 h4{
	     font-size: 24px;
	     line-height: 32px 
	}
	 h5{
	     font-size: 20px;
	     line-height: 28px  
	}
	 h6{
	     font-size: 18px;
	     line-height: 28px 
	}
	.servicecol .servicetitle h4{
		font-size: 22px;
		line-height: 30px;
	}
}	

@media all and (max-width: 1200px){
	.welcomecontent{
		padding-right: 0.5rem !important;
	}
	.welcomecontent .title h1{
		font-size: 30px;
		line-height: 36px;
	}
	.quickbooking{
		padding: 2.5rem 1.35rem 1rem 1.35rem !important;
	} 
	.logo img{
		width: 190px;
	}
	nav{
		padding-right: 0px;
	}
	#booknowbtn{
		top: 5px;
	}
	#booknowbtn a{
		padding: 6px 18px;
		font-size: 16px;
		line-height: 27px;
	}
	.servicecol .servicetitle h4{
		font-size: 24px;
		line-height: 32px;
	}
}

@media all and (max-width: 991px){
	.bannerdescp .title h2{
		font-size: 28px;
		line-height: 32px;
	}
	.bannerdescp .bannerdescpdetail{
		font-size: 15px;
		line-height: 24px;
	}
	.bannerdescp .viewmorebtn a{
		padding: 8px 18px;
		font-size: 15px;
		line-height: 24px;
	}
	.welcomecontent, .hpmidcontent, .maincontent{
		padding-right: 0rem !important;
		padding-left: 0rem !important;
	}
	.welcomecontent .title h1{
		font-size: 36px;
		line-height: 44px;
	}
	.quickbooking{
		padding: 2.5rem  1.75rem 1.25rem 1.75rem !important;
		top: 0px;
	} 
	.quickbooking, #fleetslider, .mainsection .quickbooking, .pagesidebar{
		margin-top: 50px;
	}
	.servicecol .servicetitle h4 {
	    font-size: 22px;
	    line-height: 30px;
	}
	.areasweserve ul li {
	    width: 25%;
	}
	.featuredimage, .blogwrapper .blogcol .blogcolimg{
		margin-bottom: 30px;
	}
}

@media all and (max-width: 767px){
	.bannerdescp .title h2{
		font-size: 24px;
		line-height: 28px;
	}
	.bannerdescp .bannerdescpdetail{
		font-size: 14px;
		line-height: 24px;
		margin: 0px auto;
		display: none;
	}
	.bannerdescp .viewmorebtn a{
		padding: 6px 18px;
		font-size: 14px;
		line-height: 24px;
		border-width: 2px;
	}
	#homepageslider .owl-nav button.owl-prev, #homepageslider .owl-nav button.owl-next{
		width: 30px;
		height: 35px;
		font-size: 16px;
		line-height: 32px;
	}
	.topcontactinfo ul li.callu18
	    margin-right: 10px;
	}
}

@media all and (max-width: 575px){
	/*.topcontactinfo ul li.emailus{
		display: none;
	}*/
	.bannerdescp .title{
		margin-bottom: 10px !important
	}
	.bannerdescp .title h2{
		font-size: 20px;
		line-height: 28px;
	}
	.quickbooking {
        padding: 3rem 2rem 1.5rem 2rem !important;
    }
    .areasweserve ul li {
        width: 33.333333%;
    }
    .areasweserve .title h3, .pgbtmsection .title h3, .testmonialsection .title h3{
    	font-size: 24px;
    	line-height: 30px;
    }
    .pageheadersection .title h2 {
	    font-size: 28px;
	    line-height: 32px;
	}
}

@media all and (max-width: 479px){
	.topcontactinfo .sociallinks{
		display: none;
	}
	.topcontactinfo ul li.callus{
	    margin-right: 0px;
	}
	#cssmenu .menu-header-menu-container #menu-button{
		position: relative;
		top: 0px;
		right: 0px;
		padding: 12px 20px;
		margin-top: 15px;
		background: #000000;
		color: #ffffff;
		font-size: 18px;
		line-height: 28px;
		/*border-radius: 15px;*/
	}
	#cssmenu .menu-header-menu-container ul {
	    margin-top: 5px;
	}
	#booknowbtn a {
        padding: 7px 18px;
        font-size: 16px;
        line-height: 27px;
        background: none;
        color: #000000;
        min-width: auto !important;
    }
    .bannerdescp{
		padding-right: var(--bs-gutter-x, 0.75rem);
    	padding-left: var(--bs-gutter-x, 0.75rem);
	}
    .bannerdescp .title h2{
		font-size: 18px;
		line-height: 28px;
	}
	.bannerdescp .viewmorebtn a{
		padding: 6px 18px;
		font-size: 13px;
		line-height: 22px;
	}
	.welcomecontent .title h1, .maincontent .title h1{
        font-size: 30px;
        line-height: 36px;
    }
    .blogwrapper .blogcol{
    	padding: 20px;
    }
}

@media all and (max-width: 420px){
	.bannerdescp .title{
		margin-bottom: 5px;
	}
	.bannerdescp .title h2{
		font-size: 16px;
		line-height: 24px;
	}
	.bannerdescp .viewmorebtn a{
		padding: 5px 18px;
		font-size: 12px;
		line-height: 20px;
	}
	/*.welcomecontent .title h1 {
        font-size: 32px;
        line-height: 36px;
    }*/
    .viewmorebtn a {
    	padding: 7px 16px;
    	font-size: 16px;
    	line-height: 26px;
	}
	.areasweserve ul li {
        width: 50%;
    }
    .pageheadersection .title h2{
	    font-size: 24px;
	    line-height: 30px;
	}
	.pageheadersection .breadcrumb-item{
		font-size: 14px;
		line-height: 24px;
	}
	.footermenu ul li{
		width: 100%;
		display: block;
	}
}

@media all and (max-width: 360px){
	.logo img {
        width: 160px;
    }
    #booknowbtn {
        top: 0px;
    }
    #booknowbtn a {
        padding: 6px 15px;
        font-size: 15px;
        line-height: 25px;
    }
	.bannerdescp .title h2{
		font-size: 14px;
		line-height: 22px;
	}
	.multibtns .viewmorebtn a {
    	display: block;
    	text-align: center;
    	margin: 5px 0px;
    	min-width: 200px;
	}
	.welcomecontent .title h1, .maincontent .title h1{
        font-size: 26px;
        line-height: 32px;
    }
	.quickbooking {
        padding: 2.5rem 1.5rem 1rem 1.5rem !important;
    }
}