/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* Header and hero section css start  */

header#top nav ul li a span {
    color: #000;
}

header#top {
    border-bottom: 1px solid #000;
}



li#menu-item-38 a, a#cta-btn {
    border-radius: 40px !important;
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 17px  50px !important;
    color: #000;
    transition: all 0.5s;
    border: 1px solid #86DB00;
    position: relative;
    overflow: hidden;
}

li#menu-item-38 a:hover, a#cta-btn:hover {
    opacity: 1;
    box-shadow: unset !important;
    transform: unset !important;
}

li#menu-item-38 a span:after {
    display: none !important;
}
li#menu-item-38 a:before{
   background: #2bdd47; 
} 
a#cta-btn:before{
   background: #fff;   
}
li#menu-item-38 a:before, a#cta-btn:before {
    content: "";
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto 0;

    transition: all 0.5s;
}

li#menu-item-38 a:hover:before, a#cta-btn:hover:before {
    width: 100%;
}

#hero .nectar-list-item {
    color: #0B0B0B;
}
#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(1) {
    width: 10%;
}
#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(2) {
    width: 30%;
}
 #hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(3) {
    width: 60%;
    text-align: right;
}

#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(3) h3 {
    font-size: 40px;
    font-family: 'Blinker' !important;
    font-weight: 200;
}

#hero a#cta-btn {
    text-align: right;
    margin-top: 20px;
}

.col-right .vc_column-inner {
    text-align: right;
}

#hero .nectar-hor-list-item:hover  .nectar-list-item {
    color: #2ad645;
}

/* Header and hero section css end  */
.lst-color li {
    color: #212121;
}
.list-ed li {
    color: #fff;
}
/* lead section CSS start */

div#lead {
    padding: 50px 50px !important;
    background: #212121;
    border-radius: 42px;
}


#lead h2 {
    font-weight: 600;
    color: #fff;
    font-size: 75px;
    line-height: 83px;
}

#lead p {
    color: #fff;
}

#cta-btn.white {
    background: #fff !important;
    border-color: #fff !important;
}

#cta-btn.white:before {
    background: #2bdd47;
}

#lead #cta-btn.white {
    display: inline-flex !important;
    margin-right: 20px;
}

#lead a.play_button_with_text {
    background: #2bdd47 !important;
    padding: 5px 40px !important;
    border-radius: 50px !important;
}

#lead .play_button_with_text:not([data-style=small]) .play>.inner-wrap:before {
    background: transparent !important;
    border: 2px dashed #000 !important;
    height: 30px;
    width: 30px;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    position: absolute !important;
}

#lead path {
    fill: #000 !important;
}

#lead .play_button_with_text .link-text p {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

#lead .play_button_with_text .link-text {
    margin-left: 5px !important;
}

/* lead section CSS end */

/* every section CSS start */

div#every-text, div#every-inr {
    padding: 0px 340px !important;
}

div#every-inr .vc_column-inner {
    margin-right: 10px;
    background: #F5F7F9;
    padding: 50px 20px;
    border-radius: 42px;
    transition: all 0.5s;
    position: relative;
	overflow: hidden;
}

div#every-inr {
    padding-top: 30px !important;
}

#every-inr h5 {
    font-size: 30px;
    line-height: 38px;
    color: #0B0B0B;
}

#every-inr h4 {
    color: #0B0B0B;
}

#every-inr .vc_column-inner:before {
    content: '';
    position: absolute;
    background: #277B00;
    height: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 40px;
    transition: all 0.5s;
}

#every-inr .vc_column-inner:after {
    content: '';
    position: absolute;
    background: url(https://demo-tech.site/jkb-logistics/wp-content/uploads/2025/11/service-before.png);
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 40px;
    z-index: 1;
    opacity: 0.2;
    transform: scale(0);
    transition: all 0.5s;
}

#every-inr .wpb_text_column {
    position: relative;
    z-index: 9;
}

#every-inr .vc_column-inner:hover:before {
    height: 100%;
}

#every-inr .vc_column-inner:hover:after {
    transform: scale(1);
}

#every-inr .vc_column-inner:hover h4, #every-inr .vc_column-inner:hover h5 {
    color: #fff;
    transition: all 0.5s;
}

#every .nectar-scrolling-text h2 {
    color: #fff;
    font-weight: 600;
    font-size: 68px;
    line-height: 76px;
}

#every .nectar-scrolling-text h2 span.trans {
    color: transparent;
    -webkit-text-stroke: 1.9px #fff;
}

div#every-scroll {
    position: relative;
    margin-top: 100px;
}

div#every-scroll:before {
    content: '';
    position: absolute;
    background: #457100;
    height: 100%;
    width: 110%;
    top: 0;
    left: 0;
    rotate: 2deg;
    z-index: -1;
}

#every-scroll .nectar-scrolling-text {
    background: #86DB00;
    rotate: -4deg;
    padding: 20px 0px;
}

#every .row-bg {
    position: relative;
}

#every:before {
    content: '';
    position: absolute;
    background: url(https://demo-tech.site/jkb-logistics/wp-content/uploads/2025/12/before-rotate.png);
    height: 48%;
    width: 48%;
    background-repeat: no-repeat;
    background-position: bottom right;
    z-index: 99;
    bottom: -5%;
    right: -15%;
}

span.green {
    color: #86DB00;
}

#every h2 {
    font-weight: 600;
}

h2 {
    color: #0B0B0B;
}

#every.services:before {
    bottom: 7%;
}

#every.detail:before {
    display: none !important;
}

/* every section CSS end */

/* vehicle section CSS start */

#vehicle h2 {
    font-weight: 600;
}

#vehicle-inr h3 {
    font-weight: 400;
}

h3 {
    color: #0B0B0B;
}

#vehicle-inr img {
    filter: brightness(0) invert(1);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
    transition: all 0.5s;
}

#vehicle-inr .hover-wrap {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #86DB00;
    height: 85px;
    width: 85px;
    border-radius: 50%;
    position: relative;
    z-index: 9;
    transition: all 0.5s;
    margin-bottom: 80px;
}

#vehicle-inr .vc_column-inner {
    margin-right: 10px;
    background: #F5F7F9;
    padding: 50px 30px;
    border-radius: 42px;
    transition: all 0.5s;
    position: relative;
	overflow: hidden;
}

#vehicle-inr .vc_column-inner:before {
    content: '';
    position: absolute;
    background: #277B00;
    height: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 40px;
    transition: all 0.5s;
}

#vehicle-inr .vc_column-inner:after {
    content: '';
    position: absolute;
    background: url(https://demo-tech.site/jkb-logistics/wp-content/uploads/2025/11/vehicle-before.png);
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 40px;
    z-index: 1;
    opacity: 0.2;
    transform: scale(0);
    transition: all 0.5s;
}

#vehicle-inr .wpb_text_column {
    position: relative;
    z-index: 9;
}

#vehicle-inr .vc_column-inner:hover:before {
    height: 100%;
}

#vehicle-inr .vc_column-inner:hover:after {
    transform: scale(1);
}

#vehicle-inr .vc_column-inner:hover h3 {
    color: #fff;
    transition: all 0.5s;
}

#vehicle-inr .vc_column-inner:hover img {
    filter: unset;
}

#vehicle-inr .vc_column-inner:hover .hover-wrap {
    background: #fff !important;
}

/* vehicle section CSS end */


div#profile .vc_column-inner {
    background: #F5F7F9;
    border-radius: 10px;
}

div#profile .vc_column-inner .nectar-text-inline-images {
    padding-left: 10px;
}

div#profile .vc_column-inner .wpb_text_column {
    padding-left: 20px;
}

div#profile .nectar-text-inline-images__inner strong {
    color: #000;
    font-size: 14px;
    line-height: 22px;
}
div#profile .nectar-text-inline-images__marker {
    display: inline-block;
    position: relative;
    min-width: unset !important;
    clip-path: unset !important;
    width: 40px !important;
    object-fit: contain !important;
    margin-right: 20px;
}

div#profile .nectar-text-inline-images__marker img {
    width: 70px;
    min-width: 30px;
    min-height: 20px;
    object-fit: contain;
}

div#profile .nectar-text-inline-images__inner {
    display: flex;
    gap: 30px;
}

div#profile p {
    color: #000;
    font-size: 18px;
    line-height: 26px;
}
/* Footer section css start  */

div#footer-outer {
    display: none;
}

div#ft-sec p, div#ft-sec h2, div#ft-sec ul li, div#ft-sec * {
    color: #fff;
}


div#ft-sec h2, span.green {
    color: #86DB00;
}

div#ft-sec h2 {
    display: flex;
    align-items: center;
}

div#ft-sec h2 img {
    margin: unset;
    transition: all 0.5s;
}

div#ft-sec h2:hover img {
    transform: rotate(45deg);
}

div#ft-sec .row-bg {
    border-radius: 30px 30px  0 0;
}

div#ft-sec ul {
    display: flex;
    justify-content: right;
}

div#ft-sec ul li {
    list-style: none;
    margin-left: 50px;
}

#ft-sec h2 a {
    display: flex;
}

#ft-sec h2 a span.green {
    color: #86DB00;
}

/* footer CSS end */

/* inr-banner CSS start */

div#banner-inr {
    padding: 50px 0px 50px 50px;
    border-radius: 30px;
}

#inr-banner h1 {
    font-size: 120px;
    line-height: 128px;
    color: #0B0B0B;
    font-weight: 600;
}

/* inr-banner CSS end */

/* leading section CSS start */

#leading .wpb_text_column {
    margin-bottom: 10px !important;
}

#leading img {
    max-width: 560px;
    left: -12%;
}

p {
    color: #212121;
}

h5 {
    color: #86DB00;
}

/* leading section CSS end */

/* slider section CSS start */

#slider img {
    filter: brightness(0);
}

/* slider section CSS end */

/* meet section CSS start */

#meet-inr h5 {
    font-size: 29px;
    line-height: 37px !important;
    color: #000;
}

#meet-inr .nectar-list-item {
    font-size: 18px;
    line-height: 26px;
    color: #000;
}

#meet-inr .nectar-hor-list-item {
    border-bottom: 1px solid #000 !important;
}

#meet-inr {
    padding-bottom: 30px;
}

#meet-inr .nectar-text-inline-images__inner {
    display: flex;
    gap: 30px;
}

#meet-inr strong {
    color: #000;
}

/* meet section CSS end */

/* contact section CSS start */

#contact .vc_column-inner {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 80px 80px;
    border-radius: 50px;
}

#contact h3 {
    font-size: 60px;
    line-height: 68px;
    text-align: center;
}

#contact p {
    text-align: center;
}

#contact input, #contact textarea {
    background: #F5F7F9;
    border: 1px solid #D4D4D4;
    font-size: 25px;
    line-height: 33px;
    padding: 20px 20px;
    border-radius: 15px;
    color: #5F5F5F;
}

#contact input::placeholder, #contact textarea::placeholder {
    font-size: 25px;
    line-height: 33px;
    color: #5F5F5F;
}

#contact .frm-btn p {
    text-align: right !important;
}

#contact input.wpcf7-submit {
    background: #86DB00;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    padding: 12px 40px !important;
    border-radius: 50px !important;
    position: relative;
    right: -7%;
}

/* contact section CSS end */

/* service-detail CSS start */

#service-detail .wpb_text_column {
    margin-bottom: 10px;
}

#service-detail img {
    max-width: 570px;
    left: -13%;
}

/* service-detail CSS end */

div#lead .gif-set {
    border-radius: 33px 41px;
}
div#lead .st-sz h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}
div#lead .wpb_text_column.wpb_content_element {
    margin: unset !important;
}









@media only screen and (min-width: 1366px) and (max-width: 1599px){
	
	
h2 {
    font-size: 60px !important;
    line-height: 68px !important;
}

div#every-text, div#every-inr {
    padding: 0px 110px !important;
}
div#every-inr .vc_column-inner {
    margin-right: 10px;
    background: #F5F7F9;
    padding: 50px 20px;
    border-radius: 42px;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}	
	
#every:before {
    background-size: 105% !important;
    bottom: 2% !important;
}	
	
#inr-banner h1 {
    font-size: 110px !important;
    line-height: 118px !important;
}

#leading img {
    max-width: 510px !important;
    left: -5% !important;
}

div#leading {
    padding-bottom: 80px !important;
}

#every.services:before {
    bottom: 4% !important;
}

div#every.services {
    padding-bottom: 100px !important;
}

div#inr-banner {
    padding: 80px 0px !important;
}

#service-detail img {
    max-width: 530px !important;
    left: -10% !important;
}	
	
}



@media only screen and (min-width: 1200px) and (max-width: 1365px){
	
#every:before {
    background-size: 100% !important;
    bottom: 3% !important;
}	
	
h2 {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#every-text, div#every-inr {
    padding: 0px 110px !important;
}
div#every-inr .vc_column-inner {
    margin-right: 10px;
    background: #F5F7F9;
    padding: 50px 20px;
    border-radius: 42px;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 50px;
}

#top nav > ul > li > a {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-38 a, a#cta-btn {
    border-radius: 40px !important;
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 14px 30px !important;
    color: #000;
    transition: all 0.5s;
    border: 1px solid #86DB00;
    position: relative;
    overflow: hidden;
}

h1 {
    font-size: 66px !important;
    line-height: 69px !important;
}
#lead a.play_button_with_text {
    background: #2bdd47 !important;
    padding: 5px 30px !important;
    border-radius: 50px !important;
}
#every-inr h5 {
    font-size: 22px;
    line-height: 30px;
    color: #0B0B0B;
}
div#profile .nectar-text-inline-images__inner {
    display: flex;
    gap: 10px;
}
div#ft-sec ul li {
    list-style: none;
    margin-left: 20px;
}

div#ft-sec ul li, div#ft-sec p {
    font-size: 16px;
    line-height: 24px !important;
}	
	
}



@media only screen and (min-width: 1000px) and (max-width: 1199px){
	
#every:before {
    background-size: 100% !important;
    bottom: 3% !important;
}	
	
h2 {
    font-size: 35px !important;
    line-height: 43px !important;
}

div#every-text, div#every-inr {
    padding: 0px 80px !important;
}
div#every-inr .vc_column-inner {
    margin-right: 10px !important;
    padding: 40px 11px !important;
    margin-bottom: 10px !important;
}

h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 50px;
}

#top nav > ul > li > a {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-38 a, a#cta-btn {
    border-radius: 40px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 12px 25px !important;
    color: #000;
    transition: all 0.5s;
    border: 1px solid #86DB00;
    position: relative;
    overflow: hidden;
}

h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}
#lead a.play_button_with_text {
    padding: 0px 15px !important;
    border-radius: 50px !important;
}
#every-inr h5 {
    font-size: 22px !important;
    line-height: 30px !important;
}
div#profile .nectar-text-inline-images__inner {
    display: flex;
    gap: 10px;
}
div#ft-sec ul li {
    list-style: none;
    margin-left: 20px;
}

div#ft-sec ul li, div#ft-sec p {
    font-size: 16px;
    line-height: 24px !important;
}	

#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(3) h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#hero .nectar-list-item {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#hero {
    padding: 50px 0px !important;
}

p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#lead .wpb_text_column {
    margin-bottom: 10px !important;
}

div#lead {
    padding: 30px 30px !important;
}

#vehicle-inr .vc_column-inner {
    padding: 40px 20px !important;
}

div#ft-sec h2 img {
    max-width: 50px !important;
}

#ft-sec .wpb_raw_html .wpb_wrapper {
    font-size: 18px !important;
    line-height: 26px !important;
}

#inr-banner h1 {
    font-size: 70px !important;
    line-height: 78px !important;
}

div#inr-banner {
    padding: 50px 0px !important;
}

#leading img {
    max-width: 370px !important;
}

h5 {
    font-size: 25px !important;
    line-height: 33px !important;
}

div#leading {
    padding-bottom: 50px !important;
}

div#vehicle {
    padding: 25px 0px 50px !important;
}

div#every.services {
    padding: 40px 0px 68px !important;
}

h4 {
    font-size: 30px !important;
    line-height: 38px !important;
}

#service-detail img {
    max-width: 370px !important;
}

#contact h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#contact .vc_column-inner {
    padding: 40px 40px !important;
}

#contact input, #contact textarea {
    font-size: 18px !important;
    line-height: 26px !important;
    padding: 15px 15px !important;
}

#contact input::placeholder, #contact textarea::placeholder {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#contact {
    padding-bottom: 40px !important;
}

#meet-inr h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#meet-inr .nectar-list-item {
    font-size: 14px !important;
    line-height: 22px !important;
}

#meet-inr {
    margin-bottom: unset !important;
}

div#meet {
    margin-bottom: unset !important;
}
	
}
@media only screen and (min-width: 768px) and (max-width: 999px){
	
#every:before {
    background-size: 100% !important;
    bottom: 3% !important;
}	
	
h2 {
    font-size: 35px !important;
    line-height: 43px !important;
}

div#every-text, div#every-inr {
    padding: 0px 80px !important;
}
div#every-inr .vc_column-inner {
    margin-right: 10px !important;
    padding: 40px 11px !important;
    margin-bottom: 10px !important;
}

h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 50px;
}

#top nav > ul > li > a {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-38 a, a#cta-btn {
    border-radius: 40px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 12px 25px !important;
    color: #000;
    transition: all 0.5s;
    border: 1px solid #86DB00;
    position: relative;
    overflow: hidden;
}

h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}
#lead a.play_button_with_text {
    padding: 0px 15px !important;
    border-radius: 50px !important;
}
#every-inr h5 {
    font-size: 22px !important;
    line-height: 30px !important;
}
div#profile .nectar-text-inline-images__inner {
    display: flex;
    gap: 10px;
}
div#ft-sec ul li {
    list-style: none;
    margin-left: 20px;
}

div#ft-sec ul li, div#ft-sec p {
    font-size: 16px;
    line-height: 24px !important;
}	

#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(3) h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#hero .nectar-list-item {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#hero {
    padding: 50px 0px !important;
}

p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#lead .wpb_text_column {
    margin-bottom: 10px !important;
}

div#lead {
    padding: 30px 30px !important;
}

#vehicle-inr .vc_column-inner {
    padding: 30px 20px !important;
}

div#ft-sec h2 img {
    max-width: 50px !important;
}

#ft-sec .wpb_raw_html .wpb_wrapper {
    font-size: 18px !important;
    line-height: 26px !important;
}

#inr-banner h1 {
    font-size: 70px !important;
    line-height: 78px !important;
}

div#inr-banner {
    padding: 40px 0px !important;
}

#leading img {
    max-width: unset !important;
    left: 0 !important;
    width: 100% !important;
}

h5 {
    font-size: 25px !important;
    line-height: 33px !important;
}

div#leading {
    padding-bottom: 50px !important;
    margin-bottom: unset !important;
}

div#vehicle {
    padding: 20px 0px 40px !important;
    margin-bottom: unset !important;
}

div#every.services {
    padding: 40px 0px 68px !important;
}

h4 {
    font-size: 30px !important;
    line-height: 38px !important;
}

#service-detail img {
    max-width: unset !important;
    left: 0 !important;
    width: 100% !important;
}

#contact h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#contact .vc_column-inner {
    padding: 40px 40px !important;
}

#contact input, #contact textarea {
    font-size: 18px !important;
    line-height: 26px !important;
    padding: 15px 15px !important;
}

#contact input::placeholder, #contact textarea::placeholder {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#contact {
    padding-bottom: 40px !important;
}

#meet-inr h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#meet-inr .nectar-list-item {
    font-size: 14px !important;
    line-height: 22px !important;
}

#meet-inr {
    margin-bottom: unset !important;
}

div#meet {
    margin-bottom: unset !important;
}

div#header-outer {
    border-bottom: 1px solid #000 !important;
}

header#top {
    border: unset !important;
}

#hero .nectar-hor-list-item h3 {
    text-align: left !important;
}

#lead-inr .row_col_wrap_12_inner {
    flex-direction: column-reverse !important;
}

div#ft-sec ul {
    justify-content: left !important;
    margin: unset !important;
    gap: 20px !important;
}

div#ft-sec ul li {
    margin: unset !important;
}

div#banner-inr {
    padding: 40px 0px 40px 40px !important;
}

#banner-inr h1 {
    text-align: center !important;
}

#leading .row_col_wrap_12 {
    flex-direction: column-reverse !important;
}

#service-detail .row_col_wrap_12 {
    flex-direction: column-reverse !important;
}

div#every.detail {
    padding: 40px 0px !important;
}

div#service-detail {
    margin-bottom: unset !important;
}

#contact .form-lon .row {
    padding: unset !important;
}

#meet-inr .row_col_wrap_12_inner {
    flex-direction: column-reverse !important;
}

#meet-inr img {
    margin-top: 30px !important;
    width: 100% !important;
}	
	
#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    color: #000 !important;
    opacity: 1 !important;
}	
	
}
@media only screen and (min-width: 520px) and (max-width: 767px){
	
#every:before {
    background-size: 100% !important;
    bottom: 4% !important;
    height: 10% !important;
}	
	
h2 {
    font-size: 35px !important;
    line-height: 43px !important;
}

div#every-text, div#every-inr {
    padding: 0px 50px !important;
}
div#every-inr .vc_column-inner {
    margin-right: 10px !important;
    padding: 40px 11px !important;
    margin-bottom: 10px !important;
}

h3 {
    font-size: 30px !important;
    line-height: 38px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 50px;
}

#top nav > ul > li > a {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-38 a, a#cta-btn {
    border-radius: 40px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 12px 25px !important;
    color: #000;
    transition: all 0.5s;
    border: 1px solid #86DB00;
    position: relative;
    overflow: hidden;
}

h1 {
    font-size: 40px !important;
    line-height: 48px !important;
}
#lead a.play_button_with_text {
    padding: 0px 15px !important;
    border-radius: 50px !important;
}
#every-inr h5 {
    font-size: 22px !important;
    line-height: 30px !important;
}
div#profile .nectar-text-inline-images__inner {
    display: flex;
    gap: 10px;
}
div#ft-sec ul li {
    list-style: none;
    margin-left: 20px;
}

div#ft-sec ul li, div#ft-sec p {
    font-size: 16px;
    line-height: 24px !important;
}	

#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(3) h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#hero .nectar-list-item {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#hero {
    padding: 40px 0px !important;
}

p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#lead .wpb_text_column {
    margin-bottom: 10px !important;
}

div#lead {
    padding: 25px 25px !important;
}

#vehicle-inr .vc_column-inner {
    padding: 30px 20px !important;
}

div#ft-sec h2 img {
    max-width: 50px !important;
}

#ft-sec .wpb_raw_html .wpb_wrapper {
    font-size: 18px !important;
    line-height: 26px !important;
}

#inr-banner h1 {
    font-size: 70px !important;
    line-height: 78px !important;
}

div#inr-banner {
    padding: 40px 0px !important;
    margin: unset !important;
}

#leading img {
    max-width: unset !important;
    left: 0 !important;
    width: 100% !important;
}

h5 {
    font-size: 25px !important;
    line-height: 33px !important;
}

div#leading {
    padding-bottom: 40px !important;
    margin-bottom: unset !important;
}

div#vehicle {
    padding: 20px 0px 40px !important;
    margin-bottom: unset !important;
}

div#every.services {
    padding: 40px 0px 68px !important;
}

h4 {
    font-size: 30px !important;
    line-height: 38px !important;
}

#service-detail img {
    max-width: unset !important;
    left: 0 !important;
    width: 100% !important;
}

#contact h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#contact .vc_column-inner {
    padding: 40px 40px !important;
}

#contact input, #contact textarea {
    font-size: 18px !important;
    line-height: 26px !important;
    padding: 15px 15px !important;
}

#contact input::placeholder, #contact textarea::placeholder {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#contact {
    padding-bottom: 40px !important;
}

#meet-inr h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#meet-inr .nectar-list-item {
    font-size: 14px !important;
    line-height: 22px !important;
}

#meet-inr {
    margin-bottom: unset !important;
    padding-bottom: 20px !important;
}

div#meet {
    margin-bottom: unset !important;
    padding-bottom: 30px !important;
}

div#header-outer {
    border-bottom: 1px solid #000 !important;
}

header#top {
    border: unset !important;
}

#hero .nectar-hor-list-item h3 {
    text-align: left !important;
}

#lead-inr .row_col_wrap_12_inner {
    flex-direction: column-reverse !important;
}

div#ft-sec ul {
    justify-content: left !important;
    margin: unset !important;
    gap: 20px !important;
}

div#ft-sec ul li {
    margin: unset !important;
}

div#banner-inr {
    padding: 30px 0px 30px 0px !important;
}

#banner-inr h1 {
    text-align: center !important;
}

#leading .row_col_wrap_12 {
    flex-direction: column-reverse !important;
}

#service-detail .row_col_wrap_12 {
    flex-direction: column-reverse !important;
}

div#every.detail {
    padding: 40px 0px !important;
}

div#service-detail {
    margin-bottom: unset !important;
}

#contact .form-lon .row {
    padding: unset !important;
}

#meet-inr .row_col_wrap_12_inner {
    flex-direction: column-reverse !important;
}

#meet-inr img {
    margin-top: 30px !important;
    width: 100% !important;
}

#every .vc_col-sm-3 {
    margin: unset !important;
}

#profile img {
    width: 100% !important;
}

#contact p br {
    display: none !important;
}
	
#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    font-size: 28px !important;
    line-height: 36px !important;
    color: #000 !important;
    opacity: 1 !important;
}	
	
}
@media only screen and (min-width: 300px) and (max-width: 519px){
	
#every:before {
    background-size: 100% !important;
    bottom: 2% !important;
    height: 6% !important;
}	
	
h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}

div#every-text, div#every-inr {
    padding: 0px 30px !important;
}
div#every-inr .vc_column-inner {
    margin-right: 10px !important;
    padding: 40px 11px !important;
    margin-bottom: 10px !important;
}

h3 {
    font-size: 25px !important;
    line-height: 33px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 50px;
}

#top nav > ul > li > a {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-38 a, a#cta-btn {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 10px 20px !important;
}

h1 {
    font-size: 35px !important;
    line-height: 43px !important;
}
#lead a.play_button_with_text {
    padding: 0px 12px !important;
    border-radius: 50px !important;
}
#every-inr h5 {
    font-size: 22px !important;
    line-height: 30px !important;
}
div#profile .nectar-text-inline-images__inner {
    display: flex;
    gap: 10px;
}
div#ft-sec ul li {
    list-style: none;
    margin-left: 20px;
}

div#ft-sec ul li, div#ft-sec p {
    font-size: 14px !important;
    line-height: 24px !important;
}	

#hero .nectar-hor-list-item[data-columns="3"][data-column-layout=small_first]>div:nth-child(3) h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}

#hero .nectar-list-item {
    font-size: 20px !important;
    line-height: 28px !important;
}

div#hero {
    padding: 30px 0px !important;
}

p {
    font-size: 16px !important;
    line-height: 24px !important;
}

#lead .wpb_text_column {
    margin-bottom: 10px !important;
}

div#lead {
    padding: 20px 15px !important;
}

#vehicle-inr .vc_column-inner {
    padding: 30px 20px !important;
}

div#ft-sec h2 img {
    max-width: 40px !important;
}

#ft-sec .wpb_raw_html .wpb_wrapper {
    font-size: 15px !important;
    line-height: 23px !important;
}

#inr-banner h1 {
    font-size: 38px !important;
    line-height: 46px !important;
}

div#inr-banner {
    padding: 20px 0px !important;
    margin: unset !important;
}

#leading img {
    max-width: unset !important;
    left: 0 !important;
    width: 100% !important;
}

h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#leading {
    padding-bottom: 40px !important;
    margin-bottom: unset !important;
}

div#vehicle {
    padding: 20px 0px 40px !important;
    margin-bottom: unset !important;
}

div#every.services {
    padding: 30px 0px 38px !important;
}

h4 {
    font-size: 30px !important;
    line-height: 38px !important;
}

#service-detail img {
    max-width: unset !important;
    left: 0 !important;
    width: 100% !important;
}

#contact h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#contact .vc_column-inner {
    padding: 20px 20px !important;
}

#contact input, #contact textarea {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 10px 10px !important;
}

#contact input::placeholder, #contact textarea::placeholder {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#contact {
    padding-bottom: 40px !important;
}

#meet-inr h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}

#meet-inr .nectar-list-item {
    font-size: 14px !important;
    line-height: 22px !important;
}

#meet-inr {
    margin-bottom: unset !important;
    padding-bottom: 0px !important;
}

div#meet {
    margin-bottom: unset !important;
    padding-bottom: 20px !important;
}

div#header-outer {
    border-bottom: 1px solid #000 !important;
}

header#top {
    border: unset !important;
}

#hero .nectar-hor-list-item h3 {
    text-align: left !important;
}

#lead-inr .row_col_wrap_12_inner {
    flex-direction: column-reverse !important;
}

div#ft-sec ul {
    justify-content: left !important;
    margin: unset !important;
    gap: 20px !important;
}

div#ft-sec ul li {
    margin: unset !important;
}

div#banner-inr {
    padding: 20px 0px 20px 0px !important;
}

#banner-inr h1 {
    text-align: center !important;
}

#leading .row_col_wrap_12 {
    flex-direction: column-reverse !important;
}

#service-detail .row_col_wrap_12 {
    flex-direction: column-reverse !important;
}

div#every.detail {
    padding: 40px 0px !important;
}

div#service-detail {
    margin-bottom: unset !important;
}

#contact .form-lon .row {
    padding: unset !important;
}

#meet-inr .row_col_wrap_12_inner {
    flex-direction: column-reverse !important;
}

#meet-inr img {
    margin-top: 30px !important;
    width: 100% !important;
}

#every .vc_col-sm-3 {
    margin: unset !important;
}

#profile img {
    width: 100% !important;
}

#contact p br {
    display: none !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 50px !important;
}

#lead #cta-btn.white {
    margin-right: 10px !important;
}

#lead .play_button_with_text .link-text p {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#every {
    padding: 30px 0px !important;
}

#vehicle-inr .vc_column-inner:hover .hover-wrap {
    height: 65px !important;
    width: 65px !important;
    margin-bottom: 40px !important;
}

#vehicle-inr .vc_column-inner:hover img {
    max-width: 40px !important;
}

#every-scroll .nectar-scrolling-text {
    padding: 10px !important;
}

#every.services:before {
    bottom: 2% !important;
}

#every .nectar-scrolling-text h2 span.trans {
    -webkit-text-stroke: 0.5px #fff !important;
}

#contact .wpb_text_column {
    margin-bottom: 10px !important;
}

#contact .frm-btn p {
    text-align: center !important;
}

#contact input.wpcf7-submit {
    right: -13% !important;
    padding: 10px 30px !important;
}

#meet-inr strong {
    font-size: 16px !important;
    line-height: 24px !important;
}

#meet-inr .nectar-hor-list-item {
    padding: 13px 0px !important;
}
	
#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    font-size: 25px !important;
    line-height: 33px !important;
    color: #000 !important;
    opacity: 1 !important;
}	
	
}