.add-in p,.mail-in a{
    font-size:15px;
    font-family:Proxima-Nova-Regular;
    color:#fff;
    line-height:1.4
}
.add-in p:before,.mail-in a:before{
    content:"";
    display:inline-block;
    float:left
}
.column div span,a,a:focus,a:hover{
    text-decoration:none
}

@font-face{
    font-family:Proxima-Nova-Regular;
    src:url(../fonts/Proxima-Nova-Regular.otf);
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Proxima-Nova-Semibold;
    src:url(../fonts/Proxima-Nova-Semibold.otf);
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Proxima-Nova-Extrabold;
    src:url(../fonts/Proxima-Nova-Extrabold.otf);
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:ProximaNova-Light;
    src:url(../fonts/ProximaNova-Light.otf);
    font-weight:400;
    font-style:normal
}

@font-face{
    font-family: 'Lato', sans-serif;
    src:url(../fonts/Lato-Regular.ttf);
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Raleway-SemiBold;
    src:url(../fonts/Raleway-SemiBold.ttf);
    font-weight:400;
    font-style:normal
}

@font-face{
    font-family:OpenSans-Semibold;
    src:url(../fonts/OpenSans-Semibold.ttf);
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Montserrat-Regular;
    src:url(../fonts/Montserrat-Regular.otf);
    font-weight:400;
    font-style:normal
}

h1,h2,h3,h4,h5,h6,p{
    font-weight:400;
    margin:0
}
body{
    font-family: 'Lato', sans-serif;
}
img{
    max-width:100%
}
 .withborder{
    border: 15px solid;
}
a:focus{
    outline:0;
    outline-offset:0
}
.sub-menu{
    z-index:9999;
    top:49px!important;
    background-color:#27ace5
}
.sub-menu li{
    background-color:#282828;
    width:100%
}
.sub-menu li a{
    background-color:#27ace5;
    padding:15px 30px!important;
    border:none!important
}
.sub-menu li a:hover{
    background-color:#282828
}
.top-line{
    background-color:#27ace5;
    width:100%;
    height:4px
}
.top-address{
    background-image:url(../images/top-header-bg.jpg);
    min-height:40px;
    padding-top:10px;
    padding-bottom:7px
}
.add-in p:before{
    background:url(../images/address.png) no-repeat;
    width:23px;
    height:23px
}
.phone-in a,.phone-in p{
    font-family:Proxima-Nova-Semibold;
    position:relative
}
.mail-in a:hover{
    color:#c0bdbd
}
.mail-in a:before{
    background:url(../images/mail.png) no-repeat;
    width:22px;
    height:16px;
    margin-top:4px
}
.phone-in p:before,.top-footer a:before{
    content:"";
    height:33px
}
.logo-in a{
    display:table
}
.book-btn,.phone-in a,.phone-in p,.phone-in p:before{
    float:left;
    display:inline-block
}
.logo-main{
    background:#141414;
    min-height:135px;
    padding-top:28px;
    padding-bottom:32px
}
.phone-in p{
    font-size:26px;
    color:#fff;
    top:-2px;
    right:3px
}
.phone-in p:before{
    background:url(../images/call.png) no-repeat;
    width:42px
}
.phone-in a{
    font-size:30px;
    color:#fff;
    top:-5px;
    left:6px
}
.book-btn{
    position:relative;
    left:17px;
    top:6px
}
.call-right,.mail-in{
    float:right
}
.book-btn a{
    background-color:#c6222d;
    font-size:16px;
    font-family:Raleway-SemiBold;
    color:#fff;
    border-radius:30px;
    padding:8px 23px
}
.dropdown-menu>li>a,.navbar-default .navbar-nav>li>a{
    font-size:15px;
    font-family:Raleway-SemiBold;
    text-transform:uppercase
}
.book-btn a:hover{
    background-color:#27ace5
}
.view-btn a:hover{
    background-color:#000;
    color:#fff
}
.view-btn-r a:hover{
    background-color:#ccc;
    color:#000!important
}
.call-right{
    margin-right:17px;
    margin-top:23px
}
.navbar-default{
    background-color:#27ace5;
    border-color:transparent
}
.navbar-default .navbar-nav>li>a{
    color:#fff;
    border-right:1px solid #8eade2;
    border-left:1px solid #10264a;
    padding:14px 50px
}
.navbar-default .navbar-nav>li:last-child>a{
    border-right:none!important
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    color:#fff;
    background-color:#282828
}
.navbar{
    margin-bottom:0;
    border:0 solid transparent
}
.phone-in{
    position:relative;
    float:left
}
.navbar-nav{
    float:left;
    margin:0;
    border-left:1px solid #8eade2
}
.navbar-collapse{
    padding-right:0;
    padding-left:0
}
.dropdown-menu{
    background-color:#27ace5;
    border-radius:0
}
.dropdown-menu>li>a{
    color:#fff
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    color:#fff;
    text-decoration:none;
    background-color:transparent
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    border-right:1px solid #8eade2;
    border-left:1px solid #10264a
}
.banner .carousel-caption h3{
    font-size:46px!important;
    font-family:Proxima-Nova-Extrabold;
    color:#fff;
    text-align:left;
    line-height:51px!important
}
.services-head h3,.services-head h4{
    text-align:center;
    font-family:Proxima-Nova-Semibold;
    color:#fff
}
.banner .carousel-caption h3:first-child{
    background-color: rgba(39,172,229,0.8);
    margin-bottom:12px!important;
    display:table;
    padding:5px 58px 4px 14px!important
}
.banner .carousel-caption h3:last-child{
    background-color:rgba(255,255,255,0.8);
    color:#c6222d;
    padding:8px 18px 6px 13px!important
}
.carousel-caption{
    text-shadow:none;
    right:auto;
    left:auto;
    padding-bottom:0;
    padding-top:0;
    margin-left:22px;
    bottom:auto;
    top:36%
}
.carousel-inner img{
    width:100%
}
.services-head h4{
    font-size:18px;
    margin-bottom:12px
}
.services-head{
    background-image:url(../images/services-head.jpg);
    position:relative;
    min-height:80px;
    padding-top:19px;
    padding-bottom:37px
}
.about-left,.about-right{
    min-height:525px;
    background-repeat:no-repeat;
    background-size:100% 100%
}
.services-head h3{
    font-size:26px
}
.serv-icon{
    margin:auto;
    position:absolute;
    bottom:-31px;
    left:0;
    right:0;
    z-index:1
}
.services-box{
    position:relative;
    top:-86px;
    z-index:3
}
.about-left.lazyback{
    background-image:none
}
.about-left{
    background-image:url(../images/about-bg.jpg)
}
.about-right.lazyback{
    background-image:none;
}
.about-right{
    background-image:url(../../../../wp-content/uploads/2019/03/about-car.jpg)
}
.about-left-in h3{
    font-size:35px;
    font-family:Proxima-Nova-Semibold;
    color:#fff;
    margin-bottom:16px
}
.about-left-in p,.view-btn a{
    font-family:Proxima-Nova-Regular
}
.about-left-in p{
    font-size:15px;
    color:#fff;
    text-align:justify;
    margin-bottom:13px
}
.view-btn{
    margin-top:40px
}
.view-btn a{
    font-size:14px;
    color:#333;
    background-color:#fff;
    padding:16px 35px;
    border-radius:30px
}
.about-right-in h3{
    font-size:35px;
    font-family:Proxima-Nova-Semibold;
    color:#fff;
    margin-bottom:10px
}
.about-right-in ul li,.view-btn-r a{
    font-family:Proxima-Nova-Regular;
    color:#fff
}
.about-right-in ul li{
    font-size:20px;
    line-height:1.6;
    list-style-image:url(../images/dot.png);
    padding-left:10px
}
.about-right-in ul{
    padding-left:24px;
    margin-bottom:0
}
.view-btn-r a{
    font-size:14px;
    border-width:1px;
    border-color:#fff;
    border-style:solid;
    border-radius:26px;
    padding:16px 35px
}
.top-footer h3,.top-footer h3 span,.top-footer h4,.top-footer h4 span{
    font-size:40px;
    line-height:1.4
}
.about-right-in{
    padding-left:69px;
    padding-top:37px
}
.view-btn-r{
    margin-top:41px;
    margin-left:8px
}
.about-logo{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:1
}
.about{
    position:relative;
    margin-top:-35px
}
.top-footer.lazyback{ background-image:none;}
.top-footer{
    background-image:url(../../../../wp-content/uploads/2019/03/call-bg.jpg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    min-height:251px;
    padding-top:35px;
    padding-bottom:25px
}
.top-footer h3{
    font-family:ProximaNova-Light;
    color:#fff;
    text-align:center
}
.top-footer h3 span{
    font-family:Proxima-Nova-Semibold;
    color:#fff;
    text-align:center
}
.top-footer h4{
    font-family:Proxima-Nova-Extrabold;
    color:#fff;
    text-align:center
}
.top-footer a,.top-footer h4 span{
    font-family:Proxima-Nova-Semibold;
    color:#fff;
    text-align:center
}
.top-footer a{
    font-size:35px;
    line-height:1.2;
    display:table;
    margin:13px auto auto
}
.top-footer a:before{
    background:url(../images/call.png) no-repeat;
    display:inline-block;
    float:left;
    width:42px;
    margin-top:4px
}
.bottom-footer li:first-child:after{
    display:none
}
.bottom-footer ul li,.mid-footer ul li{
    list-style:none;
    display:inline-block
}
.mid-footer ul{
    padding:0
}
.mid-footer ul li{
    margin:0 15px
}
.f-mail a{
    font-size:16px;
    font-family: 'Lato', sans-serif;
    color:#7f7f7f;
    line-height:1.4
}
.f-phone a{
    font-size:18px;
    font-family: 'Lato', sans-serif;
    color:#7f7f7f
}
.f-address,.mid-footer{
    font-size:15px;
    font-family: 'Lato', sans-serif;
    color:#7f7f7f
}
.mid-footer{
    background-color:#fff;
    line-height:1.4;
    padding-top:24px;
    padding-bottom:19px
}
.bottom-footer p,.bottom-footer ul li a{
    font-size:15px;
    font-family:Proxima-Nova-Regular
}
.bottom-footer{
    background-color:#242524;
    padding-top:19px
}
.bottom-footer ul{
    padding:0;
    text-align:center;
    margin-bottom:23px
}
.bottom-footer ul li a{
    color:#fff;
    line-height:2.2;
    padding:0 19px
}
.bottom-footer ul li a:hover{
    color:#b3b0b0
}
.bottom-footer p{
    color:#fff;
    text-align:center;
    margin-top:32px;
    margin-bottom:28px
}
.f-address:before,.f-mail:before,.f-phone:before{
    content:"";
    display:inline-block;
    float:left;
    height:20px;
    margin-top:3px
}
.bottom-footer{
    font-size:22px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    text-align:center
}
.about-left-in{
    padding-left:350px;
    padding-top:33px;
    padding-right:71px
}
.f-address:before{
    background:url(../images/footer-location.png) no-repeat;
    width:23px
}
.f-phone:before{
    background:url(../images/footer-call.png) no-repeat;
    width:23px
}
.f-mail:before{
    background:url(../images/footer-mail.png) no-repeat;
    width:28px
}
.bottom-footer li:after,.brand-slider h4:before{
    content:"";
    display:inline-block;
    height:12px;
    float:left
}
.bottom-footer li:after{
    background:url(../images/menu-bdr.png) no-repeat;
    width:5px;
    margin-top:14px
}
.brand-slider h3{
    font-size:26px;
    font-family:Montserrat-Regular;
    color:#fff;
    line-height:1.2;
    margin-bottom:-36px;
    font-style:italic
}
.brand-slider{
    background-color:#010101;
    padding-top:29px;
    padding-bottom:24px
}
.brand-slider h4{
    font-size:15px;
    font-family:Proxima-Nova-Semibold;
    color:#fff;
    text-align:left;
    margin-left:20px;
    margin-top:8px
}
.brand-slider h4:before{
    background:url(../images/sl.png) no-repeat;
    width:17px;
    margin-top:2px
}
.nbs-flexisel-inner{
    padding-top:59px
}
.nbs-flexisel-nav-left{
    left:auto;
    top:0;
    right:55px
}
.nbs-flexisel-nav-right{
    left:auto;
    top:0;
    right:12px
}
.column{
    padding:0
}
.column::after{
    content:'';
    clear:both;
    display:block
}
.column div:first-child{
    margin-left:0
}
.column div span{
    position:absolute;
    bottom:-20px;
    left:0;
    z-index:-1;
    display:block;
    width:300px;
    margin:0;
    padding:0;
    color:#444;
    font-size:18px;
    text-align:center;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    opacity:0
}
figure{
    background:#fff;
    overflow:hidden
}
figure:hover+span{
    bottom:-36px;
    opacity:1
}
.hover1 figure img{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#menu,#menu ul li>a>i,a#toggle{
    transition:all ease-out .3s
}
.hover1 figure:hover img{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.inner-top{
    min-height:75px;
    background-color:#e9e9e9
}
.inner-top h3{
    font-family:Proxima-Nova-Semibold;
    font-size:24px;
    color:#2e5eac;
    text-align:center;
    margin-top:25px;
    text-transform:uppercase
}
.inner-top h4{
    font-family:Proxima-Nova-Regular;
    font-size:20px;
    color:#333;
    text-align:center;
    margin-bottom:15px;
    margin-top:5px
}
.about-box p,.booking h3{
    font-family:Proxima-Nova-Regular
}
.about-box{
    background-color:#2f302f;
    min-height:340px;
    padding-top:35px;
    margin-top:30px
}
.about-box p{
    font-size:15px;
    color:#fff;
    line-height:1.4;
    text-align:justify
}
.p-margin{
    margin-top:45px
}
.booking{
    background-color:#27ace5;
    min-height:315px;
    margin-top:40px;
    padding-top:30px
}
.booking h3{
    font-size:30px;
    color:#fff;
    text-transform:uppercase
}
.txt-abt h3,.txt-abt h4{
    font-family:Proxima-Nova-Semibold
}
.about-lower-boxes{
    margin-top:60px
}
.about-btm-bx{
    background:url(../images/about-btm-img.jpg) no-repeat;
    position:relative;
    min-height:114px
}
.txt-abt{
    padding-top:50px
}
.txt-abt h3{
    text-align:center;
    color:#fff;
    font-size:26px;
    text-transform:uppercase;
    margin-top:5px
}
.booking-btn,.txt-abt h4{
    text-align:center;
    font-size:18px;
    color:#fff;
    text-transform:uppercase
}
.img-center{
    margin:auto;
    display:block
}
.cont-details .fa,.services-bottom .fa,.services-ryt .fa-angle-right{
    margin-right:10px
}
.icon1-abt{
    position:absolute;
    left:42%;
    top:-25px
}
#menu ul li,.cont-info,a#toggle i{
    position:relative
}
.booking-btn{
    background-color:#27ace5;
    height:60px;
    margin-top:0;
    width:100%;
    font-family:Proxima-Nova-Regular;
    border-radius:2px
}
.booking-tb,.booking-txtarea-box{
    margin-top:20px;
    display:block;
    width:100%;
    padding:6px 12px;
    font-family: 'Lato', sans-serif;
    line-height:1.42857143;
    background-color:#fff;
    background-image:none;
    outline:0;
    font-size:15px
}
.booking-tb{
    height:45px;
    color:#999;
    border-radius:2px;
    border:0
}
.booking-txtarea-box{
    margin-bottom:0;
    color:#333;
    height:116px;
    border-radius:2px;
    border:0
}
.logbook-box{
    background-color:#2f302f;
    min-height:470px;
    padding-top:35px;
    margin-top:30px
}
.logbook-box h4{
    font-size:15px;
    font-family:Proxima-Nova-Semibold;
    color:#fff
}
.logbook-box p{
    font-size:15px;
    font-family:Proxima-Nova-Regular;
    color:#fff;
    line-height:1.4;
    text-align:justify;
    margin-top:20px;
    margin-bottom:20px
}
.testi-content{
    margin-top:40px
}
.testi-bx{
    border:1px solid #d5d3d3;
    padding:20px
}
.testi-bx p{
    font-size:15px;
    font-family:Proxima-Nova-Semibold;
    color:#666;
    line-height:1.6;
    text-align:justify
}
.margin-top-testi{
    margin-top:35px
}
.testi-bx h3{
    font-family:Proxima-Nova-Regular;
    color:#3f3d3d;
    font-size:15px;
    text-align:center
}
.car-mechanic-box p,.top-middle-s p{
    font-size:15px;
    line-height:1.4;
    text-align:justify;
    margin-bottom:20px;
    font-family:Proxima-Nova-Regular
}
.car-mechanic-box{
    background:url(../images/car-mechanic-bg.jpg) no-repeat;
    min-height:580px;
    padding-top:25px;
    margin-top:30px
}
.car-mechanic-box p{
    color:#fff
}
.services-above{
    margin-top:30px
}
.top-middle-s p{
    color:#333
}
.services-ryt-line{
    height:4px;
    background-color:#27ace5
}
.services-ryt{
    background-color:#2d5eac;
    margin-top:3px;
    padding:10px
}
.services-ryt ul{
    padding-left:10px
}
.services-ryt ul li{
    line-height:2.1;
    list-style-type:none
}
.services-ryt ul li a{
    font-size:16px;
    font-family:Proxima-Nova-Regular;
    color:#fff
}
.service-btm-header{
    background-color:#27ace5;
    padding:10px
}
.service-btm-header h3{
    font-size:24px;
    font-family:Proxima-Nova-Semibold;
    color:#fff
}
.services-bottom{
    margin-top:25px
}
.services-bottom ul{
    padding-left:0
}
.services-bottom ul li{
    list-style-type:none;
    padding:10px;
    font-size:15px;
    font-family:Proxima-Nova-Regular;
    color:#666
}
.services-bottom li:nth-child(odd){
    background-color:#fff
}
.services-bottom li:nth-child(even){
    background-color:#f3f3f3
}
.services-bottom li:last-child{
    border-bottom:1px solid #ccc
}
.left-brdr-ul{
    border-left:1px solid #ccc
}
.right-brdr-ul{
    border-right:1px solid #ccc
}
.white-row{
    border:1px solid #bbb6b6
}
.contact-section{
    padding-top:25px
}
.txt_box_contactpage,.txtarea_contactpage{
    display:block;
    padding:6px 12px;
    font-family:Proxima-Nova-Regular;
    line-height:1.42857143;
    color:#999;
    background-color:#fff;
    background-image:none;
    outline:0
}
.cont-info{
    background-color:#fff
}
.txt_box_contactpage{
    margin-bottom:25px;
    margin-top:25px;
    width:100%;
    height:49px;
    font-size:15px;
    border-style:solid;
    border-width:1px;
    border-color:#d5d3d3
}
.contct-btn,.txtarea_contactpage{
    margin-bottom:20px;
    width:100%;
    font-size:15px
}
.txtarea_contactpage{
    border:1px solid #c9c6c6;
    border-radius:0;
    height:166px
}
a#toggle,div#overlay{
    display:none
}
.contct-btn{
    border-radius:22px;
    background-color:#27ace5;
    text-align:center;
    height:45px;
    font-family:Raleway-SemiBold;
    color:#fff;
    text-transform:uppercase;
    margin-top:20px
}
.cont-details a,.cont-details h3,.cont-details h4{
    font-family:Proxima-Nova-Semibold;
    color:#fff;
    font-size:15px
}
.contct-btn:hover{
    color:#fff
}
.contact-line{
    height:6px;
    margin-top:25px;
    background-color:#27ace5;
    margin-bottom:5px
}
.cont-details{
    background:url(../images/con-img.jpg) no-repeat;
    min-height:386px;
    padding:15px
}
#menu .container,#menu ul{
    padding:0
}
.cont-details h3{
    text-transform:uppercase;
    margin-bottom:10px;
    margin-top:15px
}
.cont-details h4{
    margin-bottom:0;
    line-height:1.4;
    margin-left:25px
}
.cont-details a{
    margin-bottom:10px;
    margin-left:25px
}
.cont-details a:hover{
    color:#999
}
#menu a,.logbook-box a,a#toggle{
    color:#fff
}
.cont-details h4 a{
    margin-left:0
}
.top-minus{
    margin-top:-80px
}
.pad-lt-0{
    padding-left:0
}
.pad-rt-0{
    padding-right:0
}
a#toggle{
    position:absolute;
    top:120px;
    left:10px;
    width:40px;
    height:40px;
    background-color:#2e5eac;
    text-align:center
}
a#toggle i{
    top:50%;
    transform:translateY(-50%)
}
main#content{
    padding:10px
}
.container h2{
    text-align:left;
    margin-bottom:5px;
	margin-top:15px;
}
#menu{
    border-radius:0
}
#menu ul{
    margin:0
}
#menu ul li{
    display:inline-block;
    float:left
}
#menu ul li>a{
    display:inline-block;
    font-size:15px;
    font-family:Raleway-SemiBold;
    color:#fff;
    text-transform:uppercase;
    border-right:1px solid #8eade2;
    border-left:1px solid #10264a;
    padding:15px 39px
}
#menu ul li>a>i{
    margin-left:15px;
    -webkit-transition:all ease-out .1s
}
#menu ul li ul{
    display:none;
    position:absolute;
    top:38px;
    width:330px;
    text-align:left
}
#menu ul li ul li,#menu ul li ul li a,#menu ul li:hover ul{
    display:block
}
#menu ul li:hover>a{
    background-color:rgba(0,0,0,.3)
}
#menu ul li:hover>a>i{
    transform:rotateZ(90deg)
}


.about.area-page {background: #2f302f; padding: 35px 0;}
.about.area-page h1.page-title {color:#fff}
.about.area-page p {color:#fff}
.about.area-page .google-map{margin:30px 0}

.about.area-page .sublist ul li, .about.area-page .sublist ul li a {list-style: disc; color:#337ab7;}
.about.area-page .sublist ul li.active a, .about.area-page .sublist ul li a:hover {text-decoration:underline; color:#337ab7;}

.about.area-page ul {width:100%; float:left; margin:10px 0 10px}
.about.area-page ul {width:100%; float:left; color:#fff}


@media screen and (max-width:767px){
    #menu ul li,#menu ul li a,a#toggle{
        display:block
    }
    #menu,div#overlay{
        position:fixed;
        left:0;
        top:0;
        height:100%
    }
    div#overlay,main#content{
        transition:all ease-out .3s
    }
    .cont-details h4 a{
        display:block;
        text-align:center
    }
    main#content{
        margin-top:65px
    }
    #menu{
        width:250px;
        overflow:hidden;
        overflow-y:auto;
        background-color:#27ace5;
        transform:translateX(-250px)
    }
    #menu ul{
        text-align:left;
        background-color:transparent;
        border:none
    }
    #menu ul li{
        width:100%
    }
    #menu ul li a{
        border:none
    }
    #menu ul li a>i{
        float:right
    }
    #menu ul li ul{
        display:none;
        position:static;
        width:100%;
        background-color:rgba(22,160,133,.2)
    }
    #menu ul li:hover>ul{
        display:none
    }
    #menu ul li.open>ul,div#overlay{
        display:block
    }
    #menu ul li:hover>a>i{
        transform:rotateZ(0)
    }
    #menu ul li.open>a{
        background-color:rgba(0,0,0,.3)
    }
    #menu ul li.open>a>i{
        transform:rotateZ(90deg)
    }
    div#overlay{
        visibility:hidden;
        width:100%;
        background-color:rgba(0,0,0,.8);
        z-index:1;
        opacity:0
    }
    html.open-menu{
        overflow:hidden
    }
    html.open-menu div#overlay{
        visibility:visible;
        opacity:1;
        width:calc(-150%);
        left:250px
    }
    html.open-menu a#toggle,html.open-menu main#content{
        transform:translateX(250px)
    }
    html.open-menu nav#menu{
        z-index:30;
        transform:translateX(0)
    }
    .sub-menu li a{
        padding:11px 30px!important;
        border-bottom:1px solid rgba(255,255,255,.12)!important
    }
}
.about .row{
    margin:0
}
.view-btn{
    padding-bottom:28px
}
.view-btn-r{
    padding-bottom:30px
}
@media screen and (max-width:1705px){
    .about-left,.about-right{
        min-height:547px
    }
}
@media screen and (max-width:1700px){
    .about-left-in{
        padding-left:280px
    }
}
@media screen and (max-width:1600px){
    .about-left-in{
        padding-left:180px
    }
}
@media screen and (max-width:1520px){
    .about-left,.about-right{
        min-height:525px
    }
}
@media screen and (max-width:1370px){
    .about-left-in{
        padding-left:110px
    }
    .about-left,.about-right{
        min-height:525px!important
    }
}
@media screen and (max-width:1368px){
    .about-left-in{
        padding-left:75px!important
    }
    .about-right{
        min-height:483px
    }
}
@media screen and (max-width:1290px){
    .about-left,.about-right{
        min-height:515px
    }
}
@media screen and (max-width:1199px){
    .about-box{
        min-height:380px
    }
    .logbook-box{
        min-height:560px
    }
    .car-mechanic-box{
        min-height:675px;
        background-size:100% 100%
    }
    .banner .carousel-caption h3{
        font-size:34px
    }
    .about-left-in p,.f-address,.f-mail a,.f-phone a{
        font-size:14px
    }
    .carousel-caption{
        top:25%
    }
    .about-left-in{
        padding-left:40px!important
    }
    .navbar-default .navbar-nav>li>a{
        padding:14px 33px
    }
    #menu ul li>a{
        padding:14px 25px
    }
    .mid-footer ul li{
        margin:0 4px
    }
}
@media screen and (max-width:1030px){
    .about-left,.about-right{
        min-height:530px!important
    }
	#menu ul li>a{padding: 14px 10px;
    font-size: 14px;}
}
@media screen and (max-width:1024px){
    .about-left-in{
        padding-left:15px!important
    }
    .view-btn{
        margin-top:30px
    }
    .services-box{
        position:relative;
        top:-40px
    }
}
@media screen and (max-width:991px){
    .car-mechanic-box p,.top-middle-s p{
        margin-bottom:15px
    }
    .about-right-in ul li{
        font-size:16px
    }
    .about-box p,.logbook-box h4,.logbook-box p,.services-bottom ul li a,.services-ryt ul li a,.testi-bx p{
        font-size:14px
    }
    .p-margin{
        margin-top:30px
    }
    .icon1-abt{
        left:37%
    }
    .logbook-box p{
        margin-top:10px
    }
    .logbook-box{
        min-height:580px
    }
    .testi-bx p{
        margin-top:15px
    }
    .car-mechanic-box{
        min-height:880px
    }
    .top-middle-s p{
        font-size:14px;
        text-align:center
    }
    .cont-details a,.cont-details h4{
        margin-left:0;
        font-size:13px
    }
    .banner .carousel-caption h3{
        font-size:26px
    }
    .carousel-caption{
        top:18%
    }
    .services-head h3{
        font-size:20px
    }
    .services-head h4{
        font-size:15px
    }
    .about-left-in{
        padding-left:15px!important;
        padding-right:45px
    }
    .add-in p,.mail-in a{
        font-size:13px
    }
    .phone-in a{
        font-size:22px
    }
    .phone-in p{
        font-size:20px
    }
    .call-right{
        margin-right:0
    }
    .top-footer h3,.top-footer h3 span,.top-footer h4,.top-footer h4 span{
        font-size:32px
    }
    .top-footer p{
        font-size:30px
    }
    .top-footer{
        min-height:205px
    }
    .navbar-default .navbar-nav>li>a{
        padding:14px 15px
    }
    .ful-width-991{
        width:100%
    }
    .services-above img{
        margin:auto
    }
    .top-middle-s{
        padding:15px
    }
    .services-head{
        min-height:100px
    }
    .about-left,.about-right{
        min-height:560px!important
    }
    .testi-bx h3{
        font-size:12px
    }
    .testi-bx img{
        margin-top:15px
    }
}
@media screen and (max-width:930px){
    .about-left,.about-right{
        min-height:555px
    }
}
@media screen and (max-width:842px){
    .about-left,.about-right{
        min-height:630px!important
    }
}
@media screen and (max-width:770px){
    .about-right-in{
        padding-left:45px;
        padding-top:37px
    }
    .about-right-in ul li{
        font-size:18px
    }
    .about-left-in{
        padding-bottom:25px
    }
    .services-box{
        position:relative;
        top:0;
        margin-top:25px
    }
    section.about{
        margin-top:30px
    }
    .about-left,.about-right{
        min-height:624px!important
    }
    .testi-bx h3{
        font-size:12px
    }
}
@media screen and (max-width:767px){
    .about-box,.booking{
        padding-bottom:30px
    }
    .add-in p,.cont-details h3,.cont-details h4,.mail-in{
        text-align:center
    }
    .add-in p:before,.mail-in a:before{
        vertical-align:bottom;
        float:none
    }
    .about-btm-bx,.about-left,.cont-details{
        background-size:cover
    }
    .p-margin{
        margin-top:15px;
        margin-bottom:20px
    }
    .about-box{
        min-height:380px;
        padding-top:15px
    }
    .about-btm-bx{
        margin:auto auto 40px
    }
    .icon1-abt{
        left:46%
    }
    .booking{
        margin-top:15px
    }
    .captcha-margin{
        margin-top:25px;
        margin-bottom:25px
    }
    .img-margin-767{
        margin:auto
    }
    .logbook-box{
        padding-bottom:25px;
        padding-top:15px
    }
    .margin-top-testi{
        margin-top:0
    }
    .testi-bx{
        margin-bottom:25px
    }
    .car-mechanic-box{
        padding-bottom:30px;
        padding-top:15px
    }
    .pad-lt-0{
        padding-left:15px
    }
    .pad-rt-0{
        padding-right:15px
    }
    .left-brdr-ul,.right-brdr-ul{
        border:1px solid #ccc
    }
    .top-middle-s p{
        margin-top:15px
    }
    .cont-details{
        min-height:300px
    }
    .cont-details h4{
        font-size:15px
    }
    .cont-details a{
        margin:auto;
        display:table;
        font-size:15px
    }
    .contct-btn{
        width:170px
    }
    .add-in p{
        font-size:13px
    }
    .mail-in{
        float:none;
        margin-top:10px;
        margin-bottom:10px
    }
    .call-right{
        float:none;
        margin:15px auto auto;
        display:table
    }
    .services-box{
        position:relative;
        top:0
    }
    .services-in{
        width:70%;
        margin:auto auto 15px
    }
    .services-head{
        padding-top:10px;
        padding-bottom:25px;
        min-height:auto
    }
    .services-head h4{
        margin-bottom:5px
    }
    .top-footer h3,.top-footer h3 span,.top-footer h4,.top-footer h4 span{
        font-size:26px
    }
    .top-footer p{
        font-size:28px
    }
    .bottom-footer ul li{
        list-style:none;
        display:block
    }
    .mid-footer ul li{
        display:block;
        padding:5px
    }
    .about-logo,.bottom-footer li:after{
        display:none
    }
    .about-left,.about-right,.brand-slider{
        padding-bottom:25px
    }
    .about{
        background-image:none
    }
    .about-left{
        background-color:#e48b27;
        margin-top:15px
    }
    .about-right{
        background-color:#1b262a
    }
    .about-right-in{
        padding-left:15px;
        padding-top:20px
    }
    .view-btn-r{
        margin-top:20px
    }
    .view-btn{
        margin-top:25px
    }
    .brand-slider{
        background-color:#010101;
        padding-top:10px
    }
    .brand-slider-in{
        padding:15px
    }
    .f-phone:before{
        height:18px
    }
    .bottom-footer p{
        margin-top:15px;
        margin-bottom:15px
    }
    .logo-in img{
        width:50%
    }
    .top-minus{
        margin-top:25px
    }
    .brand-slider h4{
        margin:auto;
        display:table
    }
    .about-left-in{
        padding-right:15px!important;
        padding-top:15px;
        padding-bottom:15px
    }
    .book-btn a{
        font-size:14px;
        padding:8px 15px
    }
    .phone-in p{
        font-size:16px
    }
    .phone-in a{
        font-size:18px
    }
    .logo-in a{
        display:block
    }
    .about-left,.about-right{
        min-height:inherit!important
    }
    .testi-bx h3{
        font-size:15px
    }
    .testi-bx img{
        margin-top:0
    }
}
@media screen and (max-width:568px){
    .inner-top h4{
        font-size:16px
    }
    .services-in{
        width:81%;
        margin:auto auto 15px
    }
    .banner .carousel-caption h3{
        font-size:12px
    }
    .banner .carousel-caption h3:first-child{
        margin-bottom:5px
    }
    .carousel-caption{
        top:25%
    }
    .about-right-in ul li{
        font-size:16px
    }
    .about-right-in h3{
        font-size:26px
    }
    .add-in p{
        font-size:12px;
        text-align:center
    }
    .banner .carousel-inner img{
        width:600px!important;
        max-width:inherit;
        position:relative
    }
}
@media screen and (max-width:480px){
    .icon1-abt{
        left:42%
    }
    .book-btn{
        left:40px;
        top:10px
    }
    .phone-in{
        float:none
    }
    .services-in{
        width:89%;
        margin:auto auto 15px
    }
    .phone-in p:before{
        width:22px;
        height:20px;
        margin-right:10px;
        background-size:100% 100%
    }
}
@media screen and (max-width:420px){
    .banner .carousel-inner img{
        left:-180px
    }
}
@media screen and (max-width:360px){
    .about-right-in ul li{
        font-size:14px
    }
}
@media screen and (max-width:320px){
    .icon1-abt{
        left:40%
    }
    .f-address:before{
        height:45px
    }
}
 .logbook-box {
    padding-bottom: 20px
}
 .logbook-box #content-1 {
     width: auto !important;
}


.sublist ul{list-style-type:disc; padding:10px 20px; margin:0px; width: 100%; float: left;}
.sublist ul li{width:33.33%; float:left; line-height: 30px;}

@media(max-width:700px){
.sublist ul li{width:33.3%;}
}
@media(max-width:500px){
.sublist ul li{width:50%;}
}
@media(max-width:400px){
.sublist ul li{width:100%;}
}

.areamainbox .container{max-width:1600px;width:100%;}
.areadiv .logbook-box{width:70%;float:left}
.areadiv .arealisting{width:30%;float:right;padding-left:30px;margin-top:20px;}
.arealisting h3{color: #2e5eac;font-size: 24px;margin-bottom:25px;text-transform: capitalize;}
.arealisting li{color:#2f302f;font-size:16px;line-height:100%;width:50%;float:left;margin-bottom:10px;}
.arealisting li a{color:#2f302f;}
.arealisting ul{padding-left:17px}

@media(max-width:1024px){
	.arealisting li{width:100%;}
}
@media(max-width:860px){
	.areadiv .arealisting{width:100%;padding-left:0}
	.areadiv .logbook-box{width:100%}
	.arealisting li{width:50%;}
}