@media (min-width: 768px) and (max-width:991px) {
    .shopping-tools {flex-wrap:wrap;justify-content: space-between;}
    .shopping-tools li {margin: 0 0 10px;width: 111px;min-height: 160px;}
    .footer .foo-sec.top-box {flex-wrap:wrap;justify-content: center;align-items: flex-start;}
    .footer .foo-sec.top-box .foo-box {width: 30%;margin-bottom: 35px;}
    .footer .foo-sec.top-box .foo-box:nth-child(n+4) {width: 48%;margin-bottom: 0;}
    .footer .foo-sec.top-box .foo-box p {line-height: 18px;}
    .dealer_charging{display: none;}
    .dealer_charging_btn{ display: none;}
   

}

@media (max-width: 1220px){
    .dealer_charging{width: 200px;margin: 0px 0px 0px 10%;}
    .milestone_a{left:20px; top: 60px;}
    .milestone_b{left:12%; top: 60px;}
    .milestone_c{left:22%; top: 60px;}
    .milestone_d{left:36%; top: 60px;}
    .milestone_e{left:50%; top: 60px;}
    
}

@media (max-width: 1050px){
    .dealer_charging{width: 200px;margin: 0px 0px 0px 10%;}
    .milestone_a{left:20px; top: 60px;}
    .milestone_b{left:10%; top: 60px;}
    .milestone_c{left:20%; top: 60px;}
    .milestone_d{left:30%; top: 60px;}
    .milestone_e{left:40%; top: 60px;}
}

@media (max-width: 850px){
    .dealer_charging{width: 200px;margin: 0px 0px 0px 10%;}
    .milestone_a{left:20px; top: 60px;}
    .milestone_b{left:8%; top: 60px;}
    .milestone_c{left:16%; top: 60px;}
    .milestone_d{left:25%; top: 60px;}
    .milestone_e{left:35%; top: 60px;}
 
}

@media (max-width: 768px){
    .copy{top:91px;font-size: 12px;line-height: 16px;}
    .milestone{width: 50px;height: 77px;}
    .milesGrp{width: 50px;}
    .milestone_a{left:20px; top: 60px;}
    .milestone_b{left:12%; top: 60px;}
    .milestone_c{left:22%; top: 60px;}
    .milestone_d{left:33%; top: 60px;}
    .milestone_e{left:42%; top: 60px;}

}


@media (min-width: 500px) and (max-width:768px) {

    .mountain{left: 0px;bottom: -10px;width: 100%;min-width: 100px;max-width: 200px;}
    .tree{left: 0px;bottom: -15px;width: 100%;min-width: 100px;max-width: 100px;}
    .house{right: 20px;bottom: 0px;width: 100%;min-width: 100px;max-width: 200px;}

    .copy{top: 68px;font-size: 8px;line-height: 12px;}
    .miles{margin-top: 20px;}
    .title{font-size: 1.6rem;padding: 0px 0px;}
    .title.mt50{margin-top: 60px;}
    .slider-c{margin-top:20px}
    .timeline{border-radius: 0px 50px 50px 0px; height: 100px;}
    .milestone{width: 35px;height: 60px;}
    .milestone div{margin:0px;width: 100%; padding:10px 0px 11px;}
    .milestone span{font-size: 8px;width: 100%;text-align: center;margin: 5px 0px 0px;}
    .milestone div p:first-child{font-size: 10px; line-height: 12px;}
    .milestone div p{font-size: 8px;line-height: 10px;}
    .milestone::after{height: 3px;}
    .milestone_a {left: 5px; top: 40px;}
    .milestone_b{left: 12%;top: 40px;}
    .milestone_c{left: 24%;top: 40px;}
    .milestone_d{left: 36%;top: 40px;}
    .milestone_e{left: 48%;top: 40px;}
    .milesGrp{width: 35px;}
    .dot_top,.dot_bottom{width: 15px;height: 15px;}
    .dot_top{margin-top: 20px;}
    .dot_top div, .dot_bottom div{margin-left: -2px;margin-top: -2px;width: 4px;height: 4px;}
    .miles_bottom{margin-top:-105px;}
    .dot_bottom.dot_b{left: 23%;}
    .dot_bottom.dot_c{left: 42%;}
    .dot_bottom.dot_d{left: 61%;}
}

@media (max-width: 499px){
    .container{padding: 0px;}
    .mountain{left: 10%;bottom: -10px;width: 100%;min-width: 100px;max-width: 150px;}
    .tree{left: 6%;bottom: -15px;width: 100%;min-width: 100px;max-width: 100px;}
    .house{right: 20px;bottom: 0px;width: 100%;min-width: 80px;max-width: 150px;}

    .copy{top: 68px;font-size: 8px;line-height: 12px;}
    .miles{margin-top: 20px;}
    .title{font-size: 1.6rem;padding: 0px 0px;}
    .title.mt50{margin-top: 60px;}
    .slider-c{margin-top:20px}
    .timeline{border-radius: 0px 50px 50px 0px; height: 100px;}
    .milestone{width: 35px;height: 60px;}
    .milestone div{margin:0px;width: 100%; padding: 10px 0px 11px;}
    .milestone span{font-size: 8px;width: 100%;text-align: center;margin: 5px 0px 0px;}
    .milestone div p:first-child{font-size: 10px; line-height: 12px;}
    .milestone div p{font-size: 8px;line-height: 10px;}
    .milestone::after{height: 3px;}
    .milestone_a {left: 5px; top: 40px;}
    .milestone_b{left: 7%;top: 40px;}
    .milestone_c{left: 14%;top: 40px;}
    .milestone_d{left: 22%;top: 40px;}
    .milestone_e{left: 28%;top: 40px;}
    .milesGrp{width: 35px;}
    .dot_top,.dot_bottom{width: 15px;height: 15px;}
    .dot_top{margin-top: 20px;}
    .dot_top div, .dot_bottom div{margin-left: -2px;margin-top: -2px;width: 4px;height: 4px;}
    .miles_bottom{margin-top:-105px;}
    .dot_bottom.dot_b{left: 23%;}
    .dot_bottom.dot_c{left: 42%;}
    .dot_bottom.dot_d{left: 61%;}

}
@media (max-width: 767px){

    .desktop{display: none;}
.mobile{display: block;}

.slick-prev{left: -10px !important;}
.slick-next{right: -10px !important;}
.playbtn{transform: scale(.8) !important;}
.center .slick-center img{    transform: scale(1);}
.navigation{padding:10px 0px;}
.header .top_header .top_right{right: 0px;}
a.navbarbrand{max-width: 40px; top:50px;}
.dealer_heading span{width: 70%;line-height: 14px; font-size: 9px;}
.dealer_charging{width: 100%;margin: 0px;font-size: 8px;text-align:center;display: none;}
.dealer_charging_btn{    font-size: 8px;    padding: 2px 12px;    display: none;}

.box-design{padding:20px 5%;}
.heading1{font-size: 1.6rem;}

/*FOOTER START*/
.shopping-tools li img{width: 30px; height: 30px;}
.shopping-tools {flex-wrap:wrap;justify-content: space-between;}
.shopping-tools li {width: 32%;min-height: 120px;margin: 0 0 7px;display: flex;justify-content: space-around;align-items: center;}


.footer .top-address.active .foo-sec {display: block;}
.footer  .foo-sec{display: block;}
.footer .foo-sec .foo-box{width: 100%;border: none;margin: 0 0 25px 0;}
.footer .top-address {width:100%;border-bottom: 1px solid #666666;}
.footer .top-address .foo-sec {display: none;}
.footer .top-address.active .foo-sec {display: block;}
.footer .add-sec {display: block;}
.footer .add-sec h6 {width: 100%;display: block;}
.footer hr {display: none;}
.footer h6 {margin: 12px 0;}
.footer p {margin: 0;line-height: 18px;}
.footer .foo-sec {display: flex;flex-direction: column;align-items: flex-start !important;}
.footer .foo-sec .foo-box {width: 100%;margin: 0;border-bottom: 1px solid #666666;}
.footer .foo-sec .foo-box h6 {text-transform: capitalize;}
.footer .foo-sec .foo-box ul {margin-bottom: 10px;}
.footer .foo-sec .foo-box ul li {margin: 0 0 5px !important;}
.footer .foo-sec .foo-box.active ul {display: block;}
.footer .foo-sec .foo-box:nth-last-child(2) {border: none;}
.footer .foo-sec.top-box .foo-box {border: none;margin: 0 0 25px 0;}
.footer .foo-sec.top-box .foo-box h6 {border: none;margin: 0 0 5px;padding: 0;font-weight: 600;}
.footer h6.arrow {position: relative;}
.footer h6.arrow::after {font-family: 'FontAwesome';content: "\f107";font-size: 15px;color: #E6E6E6;position: absolute;right: 0;top: 0;}
.footer .top-address.active h6.arrow::after,.footer .foo-box.active h6.arrow::after {content: "\f106";}
.content.box-design{padding: 10px 0px;}
.footer .container.mobile {width:90%;}
.desk-how {display: none;}
.bottom-copy {flex-direction: column;padding: 0;}
.bottom-copy > div {width: 100%;text-align: center;}
.bottom-copy .copy-right {order: 2;}
.bottom-copy .quick-fut {order: 1;border-left: 0;border-right: 0;margin: 15px 0 10px;padding: 5px 0;}
.footer {border-width: 1px;
    padding: 10px 5%;
    margin-top: 0px;
    width: 90%;}
.arrow-top {right: 5px;bottom: 5px;}
footer .bottom-copy a{    padding: 0 11px;}
.d-none{display: none;}
}