@media only screen and (min-width:200px) and (max-width:767px) {
    .header-info {
        justify-content: center;
        flex-direction: column;
    }
    .container {
    max-width: 100% !important;
}
.blog-card {
    height: auto;
}
.post-template-default.single.single-post .single-blog-wrapper .container {
    max-width: 100%;
    padding-bottom: 20px;
}
    footer {
    margin-top: 0px;
}
.home footer {
    margin-top: 40px;
}
.banner {
    padding: 1rem  0;
}
.page-id-171 .benefit-section {
    margin-bottom: 0px;
}
 .page-id-332 .benefit-section {
    margin-bottom: 0px;
}
    
    img.banner-circle-1 {
    display: none;
}
  .home_video_section iframe {
   height: 200px;
}  

.video_section h2 {
    font-size: 23px;
}

  .video_section iframe {
    height: 200px;
}  

.home_video_section h2 {
    font-size: 23px;
}
    
    .header-info ul {
        display: flex;
        justify-content: center;
    }
	.stellarnav.light.right.mobile {
    text-align: right;
}
	.stellarnav.mobile.right > ul {
    z-index: 99;
}
	.stellarnav > ul > li > a:hover {
    color: #f78f1e !important;
}
.stellarnav > ul > li > a {
    text-align: left;
}
.banner-content h1 {
    font-size: 26px;
}
.banner-content h2 {
    font-size: 26px;
}
.page-title h2 {
    font-size: 26px;
}
.category-box {
    margin-bottom: 30px;
}
.client-img img {
    height: auto;
}
.header-info ul:last-child {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.main-header.sticky {
    /* position: relative; */
}
img.feature-vector {
    position: absolute;
    right: -6px;
    bottom: 0;
    width: 87px;
}
img.vector-img {
    position: absolute;
    left: 9px;
    bottom: 53px;
    width: 118px;
}
.banner-content {
    padding-left: 23px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
}
.banner-img {
    background: transparent;
}
img.vector-one {
   display: none;
}
img.client-vector {
    display: none;
}
/* .logo img {
    width: 52px;
} */
.feature-sec {
    background-size: contain;
    padding: 54px 0;
    background-repeat: no-repeat;
}
.feature-sec ul.nav.nav-tabs {
    margin-bottom: 31px;
    display: flex;
}
.feature-sec ul.nav.nav-tabs a {
    font-size: 13px;
    padding: 10px 10px;
    width: max-content;
    margin-bottom: 3px;
}
.feature-sec ul.nav.nav-tabs a img {
    width: 20px;
    height: 20px;
}
.tab-content {
    margin-top: 15px;
}
.news-section {
    padding: 35px 0;
}
.client-section {
    background-size: contain;
    padding: 62px 0 90px 0;
    background-repeat: no-repeat;
}
.main-footer {
    background-position: top center;
}
.contact-page-content {
    padding: 11px 0 0 27px;
}
.contact-page-content h2 {
    font-size: 22px;
}
img.banner-circle-11 {
    display: none;
}
.stellarnav.light li a {
    color: #151E41 !important;
}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    max-width: 100% !important;
    height: 100vh;
}
.tabs-img {
    margin-top: 20px;
}
.stellarnav.light li a {
    padding: 8px 39px 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
.stellarnav.mobile ul ul li a {
    font-weight: 300;
}
.contact-page-img {
    position: relative;
    background: transparent;
    padding: 39px 31px 70px 0px;

}
.office-add {
    padding: 4px 0 74px 0;
    z-index: 1;
    background: #eaeae5;
}
.contact_right {
    margin-bottom: 20px;
}
.stellarnav.mobile.light li a.dd-toggle {
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
}
.stellarnav.mobile.light li a.dd-toggle::before{
    display:none;
}
.stellarnav a.dd-toggle .icon-plus {
    position: absolute;
    right: 20px;
    top: 5px;
}

.main-header {
    padding: 5px 0;
}
.page-template-default .stellarnav.light .menu-toggle span.bars span {
    background: #fff;
}
.stellarnav.light .menu-toggle span.bars span {
    background: #000;
}
.home-banner-overlay {
    padding: 65px 0 0px 0;
}
.home-banner-content h1 {
    font-size: 26px;
    margin-bottom: 17px;
}

.home-banner-content ul {
    margin: 15px 0 0 0;
}
.video-btn {
    padding: 10px 15px;
    font-size: 14px;
}
.theme-btn {
    padding: 10px 15px;
    font-size: 14px;
}
.feature-content {
    min-height: 340px;
}
.feature-content h3 {
    font-size: 22px;
    padding: 0 31px;
}
.feature-content p {
    font-size: 13px;
}
.page-title h2 {
    font-size: 22x;
}
.stellarnav ul ul {
    top: auto;
    height: auto;
    margin-left: 30px;
}
.fea_content h2 {
    font-size: 18px;
}
.fea_content p {
    font-size: 13px;
}
.video-modal .modal-lg {
    max-width: 100%;
}
.feature-sec ul.nav.nav-tabs {
    column-count: 1;
}

.video-modal button.close {
    font-size: 30px;
}
#logo {
    height: 44px;
    object-fit: contain;
}
.single-feature .feature-sec {
    padding: 3rem 0 30px 0;
}
.abt_topsec2 .row.align-items-center {
    flex-direction: column-reverse;
}
/* iframe#popup-video {
    height: 226px;
}
.video-modal button.close {
    top: -29px;
    right: 7px;
} */
.stellarnav.mobile > ul > li > a {
    padding: 11px 30px;
    border-bottom: 1px solid #ccc;
}
.stellarnav > ul > li:last-child a {
    margin-top: 15px;
    text-align: center;
}
.home-banner-content{
    /* padding-top: 70px; */
} 
.owl-nav{
    text-align: center;
}
.tab-slider-controls button,
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next{
    /*position: unset;*/
    /*margin: 60px 5px;*/
    transform: unset;
    display: inline-block;
}
.main-header.sticky .logo  img {
    height: 35px !important;
    object-fit: contain;
}
.benefit-slider .owl-prev {
    top: 36% !important;
}
.benefit-slider .owl-next {
    top: 36% !important;
}
#l-slider .owl-prev {
    top: 33% !important;
}
#l-slider .owl-next {
    top: 33% !important;
}
.owl-prev {
    left: 0;
    top: 33% !important;
}
.owl-next{
    right: 0;
    top: 33% !important;
}
.tab-slider-controls .tab-prev, .owl-prev {
    left: 0;
    top: 55% !important;
}
.tab-slider-controls .tab-next,
.owl-next{
    right: 0;
    top:55% !important;
}
.single-post .about-content img {
    width: 78%;
}
.single-post .feature-sec {
    padding: 3rem 0 30px 0;
}
.post-template-default.single.single-post .contact-page {
    padding-top: 55px;
}
.single-post .banner.about_banner {
    padding: 2rem 0 0 0;
}
.feature-sec ul.nav.nav-tabs li {
    width: auto;
}
.contact-page-content h2{
    margin-top: 0px;
}
.inner_demo_section {
    padding: 50px 0 20px;
}
.main-footer::after{
    height: 100px;
    top: -90px;
}
.feature-template-default .about-content{
    clip-path: polygon(20px 0px, calc(100% - 20px) 0px, calc(100% - 40px) 100%, 0px 100%);
    padding: 30px 50px;
}
.page-id-23 .banner::before{
    background-position: 100% 0%;
}
.page-id-23 .banner::before, .feature-template-default .banner::before{
    background-size: contain;
}
.home-banner{
    height: calc(30vh + 65px);
    background: url(../img/Header-BG.gif);
}

.page-id-23 .home-banner {
    height: 100vh;
}
.tabs-img img {
    max-width: 296px;
    height: 133px;
}
.home-banner .hero_banner{
    width: 100%;
    /* margin-top: 88px; */
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 0;
}

.page-id-23 .home-banner .hero_banner{
    width: 100%;
    height: 64vh;
    /* margin-top: 88px; */
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 0;
}
.home-banner-content{
    padding: 15px;
    top: -7px;
}
.home-banner-overlay {
    top: 0;
}
.abt_topsec2 {
    margin-top: 50px;
}
.abt_topsec2 h3{
    margin-top: 30px;
}
.abt_topsec1_inn h3{
    font-size: 25px;
}
.vision-box, .mission-box {
    height: 100%;
    padding: 15px 20px;
}
.clamp-box{
    padding: 20px;
}
.page-template-about-page .feature-sec,
.our_valuessec{
    padding: 70px 0;
}
.missionvissio_sec .col-md-6{
    margin-bottom: 30px;
}
.error-404.not-found{
    margin-bottom: 0;
}
.error404 .benefit-section {
    padding: 50px 0 60px;
}
.error404 .innerpage_wrapper{
    padding-bottom: 0;
    padding-top: 80px;
}
.page-id-23 .feature-sec {
    background-size: contain;
}
.blog-page{
    padding-bottom: 100px;
}
.calendly-inline-widget iframe {
    width: 100% !important;
    height: 100vh;
}
  .f-html{
            max-height: 350px !important;
    }
}


@media only screen and (min-width:200px) and (max-width:576px) {
/* .video-modal .modal-body {
    width: 29vh;
    margin: 0 auto;
}
iframe#popup-video {
    height: 37vh;
} */

}

@media only screen and (min-width:576px) and (max-width:768px) {
/* .video-modal .modal-body {
    width: 52vh;
    margin: 0 auto;
}
iframe#popup-video {
    height: 53vh;
} */

}



@media only screen and (min-width:768px) and (max-width:991px) {
    .container {
        max-width: 100%;
    }
	.stellarnav.light.right.mobile {
    text-align: right;
}
.video-modal .modal-lg {
    max-width: 100%;
}
.video-modal .modal-body {
    width: 80vh;
    margin: 0 auto;
}
iframe#popup-video {
    height: 66vh;
}
.post-template-default.single.single-post .contact-page {
    padding-top: 71px;
}
.single-post .banner.about_banner {
    padding: 2rem 0 0 0;
}
.single-post .feature-sec {
    padding: 3rem 0 30px 0;
    background-size: contain;
    background-repeat: no-repeat;
}
/*
.stellarnav.light li a {
    padding: 8px 39px 8px 0px;
    font-size: 14px;
     border-bottom: 1px solid #ccc;
}
.stellarnav.mobile ul ul li a {
    font-weight: 300;
}
*/
.main-header {
    padding: 5px 0;
}
.page-template-about-page #logo, .feature-template-default #logo, .page-template-contact-page #logo, .page-template-book-a-demo #logo,
.feature-template-default #logo{
    height: 50px;
}
.home-banner-content{
    top: -10px;
}
#logo {
    width: 100%;
    max-width: 148px;
}
.stellarnav .menu-toggle span.bars {
    margin-right: 0;
}
.stellarnav.light .menu-toggle span.bars span {
    background: #000;
}
.page-template-default .stellarnav.light .menu-toggle span.bars span {
    background: #fff;
}
.stellarnav.light li a {
    color: #151E41 !important;
}
.stellarnav.mobile > ul > li > a {
    padding: 11px 30px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.stellarnav.mobile ul ul li a {
    font-weight: 300;
}
.feature-sec ul.nav.nav-tabs {
    column-count: 2;
}
img.vector-img {
    display: none;
}
	.stellarnav.mobile.right > ul {
    z-index: 99;
}
.page-id-23 .banner::before{
    background-position: 100% 0%;
}
.banner-content h1 {
    font-size: 27px;
}
.banner-content h2 {
    font-size: 29px;
}
.category-box {
    margin-bottom: 30px;
}
.banner-content {
    padding-left:0px;
}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    max-width: 398px;
    height: 100vh;
}
.stellarnav ul ul {
    top: auto;
    margin-left: 30px;
}
.stellarnav > ul > li:last-child a {
    text-align: center !important;
    /*margin-top: 15px;*/
}
.home-banner-overlay {
    padding: 65px 0 0px 0;
}
.main-footer::after{
    height: 185px;
}
.client-section{
    padding-bottom: 150px;
}
.home-banner .hero_banner{
    /* margin-top: 88px; */
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.home-banner-overlay{
    top: 0;
}
.page-id-23 .home-banner{
    height: 100vh;
}
.page-id-23 .home-banner{
    background: url(../img/Header-BG.gif);
}
.feature-template-default .home-banner-overlay{
    top: 0;
}
.page-id-23 .home-banner-overlay {
        top: 0;
    }
    .error404 .benefit-section {
    padding: 50px 0 160px;
}
.tab-slider-controls .tab-prev,
.owl-prev{
    left: 0;
}
.tab-slider-controls .tab-next,
.owl-next{
    right: 0;
}
.page-id-23 .feature-sec {
    background-size: cover;
}
.single-feature .benefit-box {
        min-height: 600px;
    }
     .container {
        max-width: 90%;
    }

    .f-html{
            max-height: 555px !important;
    }

}
@media only screen and (min-width:992px) and (max-width:1199px) {
     .container {
        max-width: 90%;
    }
    .stellarnav > ul > li > a {
        font-size: 12px;
        padding: 16px 7px;
    }
    .page-id-23 .banner::before{
        background-position: 100% 0%;
    }
   .single-feature .benefit-box .content_box {
    min-height: 403px;
}
    .video-modal .modal-body {
    width: 90vh;
    margin: 0 auto;
}
.post-template-default.single.single-post .contact-page {
    padding-top: 97px;
}
.banner {
    padding: 1rem  0;
}
.feature-sec ul.nav.nav-tabs a {
    margin: 6px;
    margin-bottom: 0;
}

.single-post .banner.about_banner {
    padding: 2rem 0 0 0;
}
.single-post .feature-sec {
    padding: 3rem 0 30px 0;
    background-size: contain;
    background-repeat: no-repeat;
}
}
@media only screen and (min-width:1200px) and (max-width:1700px) {
   .container {
    max-width: 1128px;
}

    .page-id-23 .banner::before{
        background-position: 100% 0%;
    }
     .single-feature .benefit-box{
        min-height: 650px;
    }
    .single-feature .benefit-box .content_box {
        min-height: 500px;
    }
    .single-feature .benefit-box .content_box {
        min-height: 350px;
    }

.single-post .feature-sec {
    padding: 4rem 0 30px 0;
    background-size: contain;
    background-repeat: no-repeat;
}
}

@media only screen and (min-width:1800px) and (max-width:2200px) {

}




	
/********************@media only screen and (min-width:1201px)********************/

	

/********************@media only screen and (min-width:1201px)********************/
@media(max-width: 1300px){
    .feature-sec ul.nav.nav-tabs li {
        width: 30%;
    }

}
@media(max-width: 1199px){
    .feature-sec ul.nav.nav-tabs li {
        width: 32%;
    }
}
@media(max-width: 991px){
    .call-btn-mobile{
        display: none !important;
    } 
    .stellarnav.light.right .half{
        width: 100%;
        text-align: right !important;
        padding-right: 30px;
    }
    .stellarnav > ul > li:last-child a{
        width: max-content;
        margin-left: 30px;
    }
    .main-footer{
        padding-top: 0px;
        background: #012f47 !important;
    }
    .feature-sec ul.nav.nav-tabs li {
        width: 49%;
    }
}
@media(max-width: 767px){
    .feature-sec ul.nav.nav-tabs li {
        width: auto;
    }
    #dealership .tab-pane {
          padding: 0 10px;
    }
}
@media(max-width: 400px){
    .feature-sec ul.nav.nav-tabs li,
    .feature-sec ul.nav.nav-tabs a{
        width: 100%;
    }
}