/* Custom styles for this template*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* Global and Common Styles */
body { background:#fff; color:#231f20; font-family: 'Open Sans', sans-serif;  }
html { scroll-behavior: smooth; scroll-behavior: smooth;}
section { margin: 0 0 50px 0; padding:70px 0;}
.container { padding: 0 15px;}
.main { padding: 0px 0 0px 0;}
.text-yellow { color:#fec442;}
.listing { font-size:18px; font-weight:600; line-height:28px; padding-left:20px;}
.list-img li { list-style:none; background: url(../images/truck-listing.svg) no-repeat left 2px/23px; padding-left: 35px;}
.list-item { margin-left:25px; list-style-type: disc;}
.text-yellow, .navYellow { color: #fec442 !important;}
.text-right { text-align: right;}
.overlay { position: absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:0.5; }
.fixed-top { top: 0; right: 0; left: 0; z-index: 1030; transition: transform .3s; transform: translateY(40px); top: -40px; box-shadow: 3px 3px 20px #999;}
.nolistimg { background-image: none !important;}
.banner-heading { font-size: 55px; line-height: 50px; font-weight: bold; text-transform: uppercase; margin-bottom:20px;}
.heading1 { font-size: 45px; line-height: 50px; font-weight: bold; text-transform: uppercase; margin-bottom:20px; word-wrap: anywhere;}
.heading2 { font-size:20px; font-weight: bold; margin-bottom:10px; word-wrap: anywhere;}
/*#navbar_top .container { padding:0;}*/

/*
.container, .container-large {
  --container-padding: 2rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.container-large {
  max-width: calc(1330px + var(--container-padding)*2);
}
.container {
  max-width: calc(1064px + var(--container-padding)*2);
}
*/

/* Navigtion Styles */
.navbar.header-menu { padding: 10px 0 10px 0; text-transform: uppercase; margin-bottom: 0px;text-transform: uppercase;}

.navbar-brand img { width:235px;}
.navbar.navbar-light { background:#fff !important;}
.navbar.header-menu a { font-weight: 600;}
.navbar .navbar-toggler { border:0 !important; color: transparent; }
.navbar .navbar-toggler-icon { background: url(../images/menu.svg) no-repeat center center / cover;}
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .show>.nav-link { color:#231f20;}


/* Home Page Banner Styles */
.banner-form { background:#fec442; padding:25px;}
.banner-form .banner-form-heading { font-size:25px;}
.banner-form label { margin-bottom:0; font-size:13px;}
.banner-form .form-row { margin-bottom:1px;}
.banner-form .form-control { border:0;}
.hbanner-below { position: relative; top: -50px;}
.banner-homepage img { border-radius:100px; border:2px solid #000;}
.home-banner-heading { font-size:65px; font-weight: bold; line-height: 60px; color:#ffcc4d; text-stroke: 2px black;-webkit-text-fill-color: #ffcc4d; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #000;}
.banner-subheading { color:#fff; font-size:20px; text-shadow: 1px 1px 2px #000;}
.homepage-banner { padding:80px 0; background: url(../images/homepage-banner.png) no-repeat center top / cover; overflow: hidden;}
.lead a.btn { margin-right:10px; padding-left:25px; padding-right:25px;}
.thankyou { position: relative; font-size: 14px; margin-top:5px; padding:10px; padding-left:40px; }
.thankyou p:before { content: ""; position: absolute; top: 0; left: 0; background: url(../images/accept.svg) no-repeat left 12px / 25px; width: 40px; height: 40px;}
.thankyou p { display: block; margin-bottom:10px; font-weight:600; }
.thankyou p span{ display: block; margin-bottom:10px; font-weight:400; }

/* Welcome Section Styles */
.welcome-section { }
.welcome-section .welcome-banner { background:#fec442; padding: 30px 0;}
.welcome-section .welcome-banner .container { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; position: relative;}
.welcome-section .welcome-head { font-size:40px; font-weight: bold; text-transform: uppercase; line-height: normal;}
.welcome-section .welcome-img img { width: 250px; border-radius: 200px; position: absolute; top: 0;right:17px; z-index: 9;}
.welcome-section .welcome-title { width: 351px;}
.welcome-section .welcome-cont { padding:60px 0 0 0; }
.mission, .vision { background:#000; color:#fff; padding:25px; margin-bottom:30px;}
.mission strong, .vision strong { display: block; text-transform: uppercase; font-size:20px; margin-bottom:15px;} 

/* Our Mission, Vision Animation */
.box-anim { position: relative; transform: translateZ(0); perspective: 800px;}
.box-anim.animate { animation: pop-up 0.5s forwards;}
@keyframes pop-up { 0% { transform: scale(0);} 50% { transform: scale(1.1); } 100% { transform: scale(1); z-index: 1; }}

/* Flatbed Truck Animation Styles */
.truck-anim { background:#fff6ea; position: relative; }
.truck-anim .trucks-container { position: relative; overflow: hidden; width: 100%; min-height: 600px; height:auto; }
.truck-anim .truck { position: absolute; width: 866px; }

.truck-anim .left-truck.lt1 {
    animation: moveLeft 18s linear infinite, stopAnimation 5s 1, continueAnimation 13s 1;
    right: calc(-50% - 500px);
}

.truck-anim .left-truck.lt2 {
    top: 400px;
    right: calc(-50% - 500px);
    animation: moveLeft 18s linear infinite, stopAnimation 5s 1, continueAnimation 13s 1;
}

.truck-anim .right-truck {
    top: 200px;
	left: calc(-50% - 500px);
    animation: moveRight 18s linear infinite, stopAnimation 5s 1, continueAnimation 13s 1;
}

@keyframes moveLeft {
    0% {
        right: calc(-10% - 500px);
    }
    50% {
        right: calc(-75% + 100%);
    }
    50% {
        right: 0; /* Move to left edge of container - change to right: 55%*/
    }
    100% {
        right: 0;
    }
}

@keyframes moveRight {
     0% {
        left: calc(-10% - 500px);
    }
    50% {
        left: calc(-75% + 100%);
    }
    50% {
        left: 0; /* Move to left edge of container - change to right: 55%*/
    }
    100% {
        left: 0;
    }
}

@keyframes stopAnimation {
    0%, 100% {
        animation-play-state: running;
    }
    50% {
        animation-play-state: paused;
    }
}

@keyframes continueAnimation {
    0%, 100% {
        animation-play-state: running;
    }
    50% {
        animation-play-state: paused;
    }
    100% {
        animation-play-state: running;
    }
	
}


/* Why Sunline Styles */
.why-sunline { background:#020202;}
.why-sunline .heading1 { letter-spacing:10px;}
.why-sunline .col { position: relative; text-align: center; overflow: hidden; margin-bottom: 20px; }
.why-sunline .col .image-container { position: relative; overflow: hidden;}
.why-sunline .col .image-container img { width:100%;}
.why-sunline .col .col-text { padding:10px 0; font-size:14px; min-height: 98px; background-color: #1556A4; position: absolute; width: 100%!important; bottom: 0!important; color:#fff; text-align: center;}
.why-sunline .col .col-text strong { font-size:20px;}
.why-sunline .col .col-text p { font-size:16px;}
.why-sunline .col .col-text.sunline-slide { position: absolute; bottom: 0!important;  left: -100%; width: 100%; background-color: #1556A4; transition: left 0.3s ease;} 
.why-sunline .col:hover .col-text.sunline-slide { left: 0;}
 

/* Testimonials Page Styles */
.testimonials { background: url(../images/testimonials-bg.jpg) no-repeat center top / cover; position: relative; color: #fff6ea;}
.testimonials .benefits-slider .carousel-caption { position: inherit; text-align: center  !important;}
.testimonials .benefits-slider .carousel-caption .title{ font-size:20px; font-weight:600; }
.testimonials .benefits-slider .carousel-caption p { font-size:14px;}
.testimonials .benefits-left-cont { padding:0px 20px;}
.testimonials .carousal-mt { padding-top: 120px;}
.testimonials .testi-hea.heading1 { position: absolute;}
.testimonials .carousel-item img { width:100%}


/* Buttons Styles */
.btn {font-weight: 600; text-transform: uppercase; }
.btn.btn-primary { background: #231f20; border:0;}
.btn.btn-secondary { background: #fec442; border:0; color:#231f20;}
.btn.btn-outline-primary, .btn.btn-outline-primary:hover { background:transparent; border-color:#d4373b; color:#d4373b;}

/* Carousel Styles */
#myCarousel { position: relative;}
.carousel-control-prev-icon { background: url(../images/caroual-arrow-left.svg) no-repeat left top !important; width:90px; height:47px;}
.carousel-control-next-icon { background: url(../images/caroual-arrow-right.svg) no-repeat left top !important; width:90px; height:47px;}
.carousel-control-next, .carousel-control-prev { width: 19%; height: 100px; top:-90px;top: 34%; bottom: auto;}
.carousel-control-prev { left: -98px;}
.carousel-control-next{ right: -98px;}
.carousel.slide { width:80%; margin: 20px auto;}
.carousel-indicators { margin-bottom: -2rem; /*display: none;*/}
#myCarousel .carousel-indicators [data-bs-target] { background-color:#fec442;}

/* Home Carousal Arrow Styles */
.carousal-mt .carousel-control-prev-icon { background: url(../images/caroual-arrow-left-w.svg) no-repeat left top !important; width:90px; height:47px;}
.carousal-mt .carousel-control-next-icon { background: url(../images/caroual-arrow-right-w.svg) no-repeat left top !important; width:90px; height:47px;}

/* Carousel Styles for Getting Started */
.equipment-small .carousel-control-next, .equipment-small .carousel-control-prev { }
.equipment-small { border-bottom: 1px solid #fff; background:#fec442;}
.equipment-small .equipment-small-cont{ padding:0;}
.equipment-small-cont-hea { font-size:30px; font-weight:bold; text-transform: uppercase;}
.equipment-small .carousel-inner { width: 90%; margin: 0 auto;}
.equipment-small .equipment-small-cont .carousel.slide { margin-top: 20px;}
.equipment-small .caroselL { float: left; }
.equipment-small .caroselL { margin-left: 20px; width:225px; z-index: 2;}
.equipment-small .caroselL img { width:200px; height:200px; border-radius: 100%; /*position: relative; left:-30px; top:-15px;*/}
.equipment-small .caroselR { height:190px; z-index: 1; background:#fff; border-radius: 40px; text-align: center; margin:5px 20px 20px 105px; }
.equipment-small .caroselR .caroselRCont { width:75%; margin: 0 auto; padding:25px 25px 25px 25px; margin-left:135px; }
.equipment-small .carousel-item .title { font-size: 24px; font-weight: 700;}


/* Flatbed Training Styles */
.flatbed-training { background: url(../images/banner-flat-training.png) no-repeat center top / cover; display: flex; align-items: center; justify-content: center; height: calc(100vh - 0px);}
.flatbed-training .container { margin: 0 auto; padding: 0 15px;}
.flatbed-training .fbt-flow { list-style:none; display: flex; align-items: center; justify-content: space-between; text-align: center; }
.flatbed-training .fbt-flow .color-circle{ background: #fec442; color: #231f20; width:200px; height:200px; border-radius:100px; padding:5px; font-size:27px; font-weight: bold; text-align: center; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; margin-bottom: 20px;}
.flatbed-training .flow-arrow { margin: 0 20px;}
.flatbed-training .flow-arrow img { width:50px; height:100px;}



/* -------------------------------------- 
		* Inner Page Banner Styles *
 --------------------------------------- */
 .our-greater-banner, .join-our-fleet-banner, .getting-srated-banner {height: calc(100vh - 80px); }
/* Our Greaer Purpose Styles */
.our-greater-banner { background: url(../images/our-greater-banner.jpg) no-repeat center top / cover; /*min-height:550px;*/ padding:50px 0;}
.our-greater-banner .dp-overlay { width:600px; padding:50px; margin: 0 auto; text-align: center; position: relative; z-index: 100; top:0; }
.our-greater-banner .dp-overlay:before { content: ""; position: absolute;top: 0; left: 0; z-index: -1; background: #fff; opacity: .45;width:600px; height:100%; padding:50px; }
.our-greater-banner .driverpay-list a { display: inline-block; padding:7px 15px; border:4px solid #ffcc4d; background: #fff; color:#000; text-decoration: none; font-size:20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; margin-right: 15px;   }
.btnanim { /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #fff 50%, #ffcc4d 50%) right !important;
    background-size: 200% !important;
    transition: .5s ease-out !important;
}
.btnanim:hover { background: #ffcc4d; background-position: left !important;}

.our-greater-sec2 { background: url(../images/our-greater-sec2-coil.jpg) no-repeat center top / cover; padding:120px 0;}
.our-greater-sec2 .container { display: flex; align-items: center; height: calc(100vh - 240px);}
.our-greater-sec2 p { line-height:36px; font-size: 22px; width:80%; margin:0 auto;}

.alu-tra-ele { text-align: center;}
.alu-tra-ele .container-fluid { display: flex; align-items: normal; }
.alu-tra-ele .panel { padding: 30px; padding-top: calc(20vh - 0px); padding-bottom: calc(20vh - 0px);}
.alu-tra-ele .panel h3 { margin-bottom: 20px !important; font-size: 20px; font-weight: bold; text-transform: uppercase; border-bottom:3px solid #ffc629; padding-bottom:10px;}
.alu-tra-ele .panel.one { background: url(../images/ogp-coils.jpeg) no-repeat center top / cover;}
.alu-tra-ele .panel.two { background: url(../images/ogp-transformers.jpeg) no-repeat center center / cover;}
.alu-tra-ele .panel.three { background: url(../images/ogp-electrodes.jpeg) no-repeat center center / cover;}
.alu-tra-ele-cont { padding:20px; margin: 0; height:100%;}
.alu-tra-ele-cont p { font-weight:700; font-size: 18px; }
.alu-tra-ele-cont .dp-overlay { width: auto; padding: 25px; margin: 0 auto; text-align: center; position: relative; z-index: 100; top: 0; overflow: hidden; height:100%; color:#000;}
.alu-tra-ele-cont .dp-overlay:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; background: #fff; opacity: .55; width: 100%; height: 100%; padding: 50px;}


/* Join Our Fleet Page Styles */
.join-our-fleet-banner { background: url(../images/jou-ray-portrait.jpg) no-repeat center center / cover; min-height:550px; padding:50px 0;}
.join-our-fleet-banner .dp-overlay { width:600px; padding:50px; margin: 0 auto; text-align: center; position: relative; z-index: 100; top:0;}
.join-our-fleet-banner .dp-overlay:before { content: ""; position: absolute;top: 0; left: 0; z-index: -1; background: #fff; opacity: .45;width:600px; height:100%; padding:50px; }
.join-our-fleet-banner .driverpay-list a { display: inline-block; padding:7px 15px; border:4px solid #ffcc4d; background: #fff; color:#000; text-decoration: none; font-size:20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; margin-right: 15px;}


.join-our-fleet-sec2 { text-align: center; color:#000;}
.join-our-fleet-head { background: #fec442; padding:45px 15px 15px 15px; color:#000; min-height: 122px;}
.join-our-fleet-subhead { }
.join-our-fleet-body { padding: 30px;}
.join-our-fleet-sec2 .panel { padding:0;}
.join-our-fleet-sec2 .panel h3 { font-weight:bold;}
.join-our-fleet-sec2 .panel span { display: block; font-size:19px; font-weight:600;}
.join-our-fleet-cont { margin: 0px; background:#fff; }
.join-our-fleet-cont p { font-weight:600; opacity:0.9999; font-size:16px;}
.join-our-fleet-cont ul { list-style: none; padding:0;}
.join-our-fleet-cont li { line-height: 26px;}
.join-our-fleet-cont .join-our-fleet-body img { width:290px; border: 4px solid #000;} 
.join-our-fleet-cont .join-our-fleet-body img.bor-yellow { border: 4px solid #fec442;}

.join-our-fleet-sec3 { border-top: 20px solid #ffcc4d; padding-top:40px; height: calc(100vh - 80px);}
.join-our-fleet-sec3 .w-75 { width:auto !important;}
.join-our-fleet-sec3 .container {
  height: 100%;
}
.join-our-fleet-sec3 .row {
  height: 100%;
}
.join-our-fleet-sec3 .col-md-6 {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.join-our-fleet-sec3-hea { text-transform: uppercase; font-size: 25px;}

.make-change-banner { background: url(../images/make-the-change-start-today.jpg) no-repeat center center / cover;  padding:200px 0; height: calc(100vh - 80px);}

/* Getting Started Page Styles */
.getting-srated-banner { background: url(../images/img-getting-started.jpg) no-repeat center center / cover; min-height:550px; padding:50px 0; }
.getting-srated-banner .dp-overlay { width:600px; padding:50px; margin: 0 auto; text-align: center; position: relative; z-index: 100; top:0;}
.getting-srated-banner .dp-overlay:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; background: #fff; opacity: .50;width:600px; height:100%; padding:50px; }
.getting-srated-banner .driverpay-list a { display: inline-block; padding:7px 15px; border:4px solid #ffcc4d; background: #fff; color:#000; text-decoration: none; font-size:20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; margin-right: 15px;}
.getting-srated-banner p { line-height:32px; font-size: 18px; width:80%; margin:0 auto;}
.getting-srated-requirements .req-left { background:#fff; color:#000; font-size:20px; height: calc(100vh - 80px);}
.getting-srated-requirements .req-right { background: url(../images/requirements-getting-started.jpg) no-repeat left center / cover !important; /*min-height:500px;*/ height: calc(100vh - 80px);}
.getting-srated-requirements .req-left-cont { padding: 50px 50px;}

.equipment-strip { background: url(../images/sunline-equipemnt-bg-strp.jpg) no-repeat center center/cover; overflow: hidden; color: #fff;text-align: center; padding:50px; position: relative; text-align: center; }  
.equipment-strip p { font-size:50px; font-weight: bold; text-transform: uppercase; margin-bottom:0;}
.equipment-strip span { font-size:24px; font-weight: 400; }

.owner-operators { font-size:22px; background: #eee;}
.border-carousal .carousel-item img { /*height:430px;*/ border:12px solid #fec442; border-radius: 80px;}

/* Contacts Section Styles */
.contacts-section { background:#fec442; padding: 50px 0; margin-top:0px;}
.sec-title { font-size:18px; font-weight:bold; text-transform: uppercase;}
#map { height: 400px; width: 100%; }
.address a { color:#231f20;}
.follow-award { display: flex; margin-top:40px;}
.bptw { margin-right: 40px; }
.address-bottom { margin-top:0px; display: flex;}
.sm-title { font-size:18px; font-weight:bold; text-transform: uppercase; }
.follow-title { font-size:14px; font-weight:bold; text-transform: uppercase; margin-right: 10px; line-height: 30px;}
.smicons { margin-bottom:0;}
.smicons li { display: inline-block; margin-right:10px;}
.smicons { padding:0; }
.smicons li a { display: block;}
.smicons li a img { width:30px; }

/* Footer Styles */
.footer { background:#231f20; color:#ccc; padding:10px 0;text-align: center; color:#999; font-size:14px;}
.footer a { color:#999; transition: .5s ease-out !important;}
.footer a:hover { color:#ccc;}

/* Google Map */
#block-wrp { width:100%; display:flex; display:-webkit-flex; justify-content: space-around; flex-wrap: wrap; flex-direction: column;}
#block-wrp .block-item { width:100%; position:relative; margin-bottom:40px; }
#block-wrp .block-item iframe { width: 100%; height:300px;}
#block-wrp .block-item span.city-name { text-align:center; color:#fff; text-transform:uppercase; font-weight:700;}


/* Overlay Animation for banner box */
.dp-overlay {
  --c: #ffffff; /* the border color */
  --b: 4px;    /* the border thickness*/
  --g: 5px;     /* the gap on hover */
  
  padding: calc(var(--g) + var(--b));
  --_g: #0000 25%,var(--c) 0;
  background: 
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
     var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
    conic-gradient(at bottom var(--b) left  var(--b),var(--_g))
     0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
  transition: .3s, background-position .3s .3s;
  cursor: pointer;

}
.dp-overlay:hover {
  --_i: 100%;
  transition: .3s, background-size .3s .3s;
}


/* ------------------- Responsive Styles ----------------- */
@media (min-width: 1360px){
	.join-our-fleet-sec3 .listing, .req-left-cont .listing li, .flatbed-training p {font-size: 23px; line-height: normal;}
	.join-our-fleet-sec3 .listing li, .req-left-cont .listing li{ margin-bottom:10px;}
}

@media (max-width: 900px){
 .alu-tra-ele .panel { padding: 30px; padding-top: calc(10vh - 0px); padding-bottom: calc(10vh - 0px);}
}

@media (max-width: 992px){
	.requirements .col-md-6 { width:100%;}
	.perks-banner .container { display: flex !important; flex-direction: column;}
	.perks .perks-banner a + a { margin-left: 0px; margin-top: 30px;}
	.flatbed-training .fbt-flow { display: flex; flex-direction: column; padding:0;}
	.flatbed-training .flow-arrow img { display: none;}
	
	/*Reset all auto height */
	.flatbed-training { display: flex; align-items: center; justify-content: center; height: inherit;}
	.getting-srated-requirements .req-left, .getting-srated-requirements .req-right { height: auto;}
	.join-our-fleet-sec3 { height: auto;}
	.make-change-banner, .our-greater-sec2 .container { height: auto;}
	.our-greater-banner, .join-our-fleet-banner { height: auto;}
	.getting-srated-banner  { height: auto; min-height: auto;}
	.join-our-fleet-banner { height: auto; min-height: auto;}
	.join-our-fleet-sec3 {}
	.alu-tra-ele .panel { padding-top: 40px; padding-bottom: 40px;}
}


/* Change the Menu Toggle Button in 991px */
.navbar-expand-lg .navbar-toggler { display: none;}

@media (max-width: 992px){
	.navbar-collapse.collapse.show { display: block!important;}
}
@media (max-width: 991px){
	.navbar-expand-lg .navbar-toggler { display: block;}
	.navbar-nav { display: block; width: 100%;}
	/*.navbar.navbar-light { background: #ffcc4d !important;}*/
	.navbar-nav .dropdown-menu { background: transparent; border:0;}
}

@media (max-width: 991px){
	.navbar-nav li { margin-bottom: 5px;}		
	.navbar-nav .nav-item .nav-link:hover, .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #fff;}
	.navbar-nav li a { width: 100% !important; text-align: center !important; display: block !important;}
	.navbar-nav .nav-item .nav-link { padding: 5px 10px !important;}
	.navbar-nav .nav-item.dropdown .dropdown-toggle.nav-link:hover{ background: transparent !important;}
	.navbar-nav .nav-item.dropdown .dropdown-toggle.nav-link.show, .navbar-nav .nav-item.dropdown .dropdown-toggle.nav-link.show { background:#e9ecef !important;}
	.w-75 { width:100% !important; text-align: center;}
	.why-sunline .col .col-thumb img { max-width: 360px; width: 100%;}
	.welcome-cont .col-lg-5.col-md-12.col-sm-12 { margin-top:70px;}
	.listing.list-img { text-align: left;}
	.follow-award { display: block; }
	.bptw { margin: 0 0 20px 0;}
	.our-greater-sec2 { padding: 60px 0;}
	.make-change-banner { min-height: 400px; padding:100px 0;}
	.carousel.slide { margin: 0 auto;}
	.equipment-small .caroselL { margin:0; width: inherit; float: none;}
	.equipment-small .caroselR { margin:0; border-radius: 4px;}
	.equipment-small .caroselL img { width: 100%; border-radius: 5px;}
	.equipment-small .caroselR .caroselRCont { width:100%; margin-left:0;}
	.equipment-small .caroselL img, .equipment-small .caroselR { height: auto;}
	.homepage-banner { padding:40px 0; background: url(../images/homepage-banner-small.jpg) no-repeat center top / cover; }
	.banner-form { width: 80%; margin: 0 auto;}
	.testimonials .testi-hea.heading1 { text-align: center; width: 92%;}
}

@media (max-width: 768px){	
	.company-driver-benefits .db-overlay-box { width: 100%;}
	.sunlinepay-pay .sp { width: 100%; }
	.sunlinepay-pay .sunlinepay-btn { margin-bottom:5px;}
}
@media (max-width: 767px){	
	.contacts-section { text-align: center; }
	.follow-award { justify-content: center;}
	.truck-anim  { padding: 40px 0;}
	.truck-anim .trucks-container { min-height: 300px;}
	.truck-anim .truck { width: 466px;}
	.truck-anim .left-truck.lt2 { top:200px;}
	.truck-anim .right-truck { top:100px;}
	.address-bottom { display: block; margin-top: 10px;}
	.welcome-section .welcome-banner .container { display: block; padding-top:40px; text-align: center;}	
	.welcome-section .welcome-img img { position: relative; top:10px; left:0;}
	.welcome-cont .col-lg-5.col-md-12.col-sm-12 { margin-top:0px;}
}
	
  @media (min-width: 576px){
	.col-sm-10 { flex: 0 0 auto; width: 83.33333333%;}
  }
  
@media (max-width: 576px){
	.col-sm-12 { flex: 0 0 auto; width: 100%;}
	.carousel.slide { width:87%; padding:0 10%; margin:0 auto;}
	.testimonials .carousal-mt .px-0.mx-auto { width:100%; margin:0 auto; }
	.carousel-control-prev { left: -31px;}
	.carousel-control-next { right: -31px;}
	.pay-tile .col-auto { flex: inherit; width: 100%; display: block;}
	.pay-tile .col-auto img { width: 100%;}
	#block-wrp .block-item iframe { max-width: 360px; width:100%; height:300px; padding:0 15px;}
	.make-change-banner { min-height: auto; padding:100px 0;}

	.container, .container-large { --container-padding: 1rem;}
	.homepage-banner .container, .container-large, .join-our-fleet-sec3, .join-our-fleet-sec3 .container, .container-large { --container-padding: 2rem;}
	.our-greater-banner .dp-overlay:before, .join-our-fleet-banner .dp-overlay:before, .getting-srated-banner .dp-overlay:before { left: 20px; right: 20px; width: auto;}
	.getting-srated-requirements .req-left-cont { padding: 50px 25px;}
	.listing { padding-left: 10px;}
	.join-our-fleet-body { padding: 25px;}
	.join-our-fleet-body ul { padding-left:0;}
	.banner-form { width: 100%; margin: 0 auto;}	
}

@media (max-width: 480px){
	.navbar-brand { margin-right:0;}
	.address-bottom { display: block;}
	.bptw { text-align: center; margin-bottom:10px; }	
	.navbar-brand img { width: 200px;}
	.our-greater-sec2 p { width: 100%; padding:0 15px;}
	.alu-tra-ele .panel { padding: 30px 15px;}
	.alu-tra-ele-cont { padding:15px;}
	.alu-tra-ele-cont p { font-size:16px;}
	.banner-heading { font-size:45px;}
	.lead a.btn { margin-bottom:15px;}
	.home-banner-heading { font-size:55px; }
	.banner-subheading { }
	.equipment-strip { padding: 50px 0;}
	.equipment-strip span { font-size:18px;}
	.border-carousal .carousel-item img { border: 8px solid #fec442;}
	.carousel-control-prev-icon, .carousel-control-next-icon { background-size: 65px !important;}
	.equipment-small .caroselR .caroselRCont { padding: 15px;}
	.equipment-small .carousel-item .title {font-size: 20px; line-height: normal;}
	section { padding: 40px 0;}
	.heading1 { font-size: 35px; line-height: normal;}
	.why-sunline .heading1 {letter-spacing: 5px;}
	.carousal-mt .carousel-control-prev-icon, .carousal-mt .carousel-control-next-icon { background-size: 80% !important;}
}

/* Carousal Animation: Left to */	
.carousel-inner .carousel-item {
  transition: transform 0.5s ease-in-out;
}

.carousel-inner .carousel-item.start {
  transform: translateX(100%);
}

.carousel-inner .carousel-item.end {
  transform: translateX(-100%);
}