:root {
    --brand-color-theme-1: #A80000;
}


@media(min-width:2500px) {
    .banner-service .container {
        width: 90%
    }

    .excel-table table tbody tr td {
        font-size: 25px;
    }

    .excel-table table thead tr th {
        font-size: 25px;
    }

    .excel-table table tbody tr td:first-child img {
        width: 25px !important;
    }

    .main-menu-excel .row-1 .items label sup, .LText, #addgaurantor .items input, #addgaurantor .items select, .attached-file table, .main-app-form form .col-search label, .main-app-form form .form-check label, .main-app-form form .group-item label, .main-menu-excel .row-1 .items a, .main-menu-excel .row-1 .items label, .modal-box-snap-shot .modal-content .modal-body .main-body.comment select {
        font-size: 25px !important;
    }

    .main-menu-excel .row-1.row-2 .items div.form-check input {
        width: 30px !important;
        height: 30px !important;
        margin-right: 10px;
    }

    .main-menu-excel .row-1 .items input,
    .main-menu-excel .row-1.row-2 .items .dropdown button, .main-menu-excel .row-1.row-2 .items .dropdown button, .main-menu-excel .row-1.row-2 .items .mydropdown {
        width: 250px;
        height: 50px;
        font-size: 25px;
    }

    .main-menu-excel .row-1.row-2 .items .dropdown ul {
        width: 300px;
    }

    .main-menu-excel .row-1 .items {
        margin-right: 10px;
        padding-bottom: 20px;
    }

        .main-menu-excel .row-1 .items:nth-child(1) {
            margin-right: 50px;
        }

    .side-exclusive,
    .side-exclusive sup,
    .app-excel-main .menu-after .menu div.dropdown .dropdown-menu li a,
    .default-header .menu-default li a {
        font-size: 25px;
    }

    .app-excel-main .menu-after .menu div.dropdown button,
    .app-excel-main .menu-after .menu div.label a {
        font-size: 30px;
        padding: 15px;
    }

    .default-header div.container-fluid a img, .fHeader .logo-brand img {
        width: 500px;
    }

    .attached-file .heading-item, .default-header ul.nav li a.nav-link,
    .default-header ul.nav li a.nav-link span,
    .default-header ul.nav li a.nav-link span::after {
        font-size: 25px;
    }
}

@media(min-width:2200px) {
    .main-row-service .col-main-text p {
        font-size: 20px
    }

    .row-truck-trailers .col-12 ul li {
        font-size: 25px
    }

    .row-truck-trailers .col-12 a img {
        width: 200px !important;
        margin-top: 20px
    }
}

@media(min-width:1900px) {
    .excel-table table tbody tr td {
        font-size: 22px;
    }

    .excel-table table thead tr th {
        font-size: 22px;
    }

    .excel-table table tbody tr td:first-child img {
        width: 22px !important;
    }

    .main-menu-excel .row-1 .items label sup, .LText, #addgaurantor .items input, #addgaurantor .items select, .attached-file table, .main-app-form form .col-search label, .main-app-form form .form-check label, .main-app-form form .group-item label, .main-menu-excel .row-1 .items a, .main-menu-excel .row-1 .items label, .modal-box-snap-shot .modal-content .modal-body .main-body.comment select {
        font-size: 22px !important;
    }

    .main-menu-excel .row-1.row-2 .items div.form-check input {
        width: 27px !important;
        height: 27px !important;
        margin-right: 10px;
    }

    .main-menu-excel .row-1 .items input,
    .main-menu-excel .row-1.row-2 .items .dropdown button, .main-menu-excel .row-1.row-2 .items .dropdown button, .main-menu-excel .row-1.row-2 .items .mydropdown {
        width: 250px;
        height: 40px;
        font-size: 23px;
    }

    .main-menu-excel .row-1.row-2 .items .dropdown ul {
        width: 300px;
    }

    .main-menu-excel .row-1 .items {
        margin-right: 8px;
        padding-bottom: 15px;
    }

        .main-menu-excel .row-1 .items:nth-child(1) {
            margin-right: 40px;
        }

    .side-exclusive,
    .side-exclusive sup,
    .app-excel-main .menu-after .menu div.dropdown .dropdown-menu li a,
    .default-header .menu-default li a {
        font-size: 23px;
    }

    .app-excel-main .menu-after .menu div.dropdown button,
    .app-excel-main .menu-after .menu div.label a {
        font-size: 27px;
        padding: 10px;
    }

    .default-header div.container-fluid a img, .fHeader .logo-brand img {
        width: 500px;
    }

    .attached-file .heading-item, .default-header ul.nav li a.nav-link,
    .default-header ul.nav li a.nav-link span,
    .default-header ul.nav li a.nav-link span::after {
        font-size: 23px;
    }
}





@media(max-width:3000px)
{
    footer .footer-card {
        background: url(../images/footer2.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: auto;
        padding-top: 16.2%;
        padding-bottom: 3%;
    }

    footer .row-footer h5
    {
        font-size: 25px;
    }

    footer .row-footer .col-link ul li a,
    footer .row-footer .col-hours p,
    footer .row-footer .col-help a,
    footer .row-footer .col-logo p,
    footer .row-footer .col-logo .input-group .form-label
    {
        font-size: 17px;
    }


}

@media(max-width:2500px)
{
    footer .footer-card {
        background: url(../images/footer3.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: auto;
        padding-top: 16.2%;
    }
}
@media(max-width:2000px)
{
    footer .footer-card {
        background: url(../images/footer4.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: auto;
        padding-top: 16.2%;
        padding-bottom: 5%;
    }
}

@media(max-width:1600px)
{
    footer .footer-card {
        background: url(../images/footer_image.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: auto;
        padding-top: 16.2%;
        padding-bottom: 2%;
    }

    footer .row-footer .col-link ul li a,
    footer .row-footer .col-hours p,
    footer .row-footer .col-help a,
    footer .row-footer .col-logo p,
    footer .row-footer .col-logo .input-group .form-label
    {
        font-size: 14px;
    }

    footer .row-footer h5
    {
        font-size: 17px;
    }
}

@media(max-width:1400px)
{
    nav.menu-desktop
    {
        width: 25%;
    }

    .nav-div
    {
        width: 25%;
    }

    .section-dash-content
    {
        width: 75%;
    }
}
@media(max-width:1300px)
{
    .bg-search-typ
    {
        width: 80%;
    }

    .banners img.mice
    {
    right: 14%;
    }

    .banners img.search-icon
    {
    left: 14%;
    }

    .banners img.mouse-ic
    {
    left: 18%;

    }

    .fHeader ul.fMenu li.nav-item
    {
        padding: 0 10px;
    }

    .fHeader ul.fMenu li.nav-item a
    {
        font-size: 13px!important;
    }

    .table-div-dash div.row div.col-12:last-child label:nth-child(1) 
    {
        display: block;
        line-height: 30px;
    }

    .blog-full-page .main-blog
    {
    width: 85%;
    margin: 0 auto;
    }

}
@media(max-width:1200px)
{
    .animated-button
    {
        font-size: 12px;
    }

    .typing-demo
    {
        font-size: 15px;
    }

    .banner-after .card .card-img-overlay .items-text-button .subheading
    {
        font-size: 23px;
    }

    .banner-after .card .card-img-overlay .items-text-button .main-heading
    {
        font-size: 50px;
    }

    .banner-after .card .card-img-overlay .items-text-button p
    {
        margin-bottom: 30px;
    }

    .footer-and-before-sec form
    {
        width: 95%;
    }

    .fHeader ul.fMenu li.nav-item
    {
        padding: 0px 5px;
    }

    .contact-main .contact-form form
    {
        width: 90%;
    }

    .contact-main .contact-text .main-contact-text h3
    {
        font-size: 40px;
        line-height: 49px;
    }

    .main-row-map .col-details-contact
    {
        flex-basis: 45%;
    }

    .main-row-map .col-map-contact
    {
        flex-basis: 55%;
    }

    .main-row-map .col-map-contact .map-div iframe
    {
        width: 90%;
        height: 600px;
    }

    .main-row-map .col-details-contact .details-con
    {
        position: relative;
        left: 5%;
    }
    .meet-team .black h3
    {
        left: 41%;
    }

    nav.menu-desktop ul.f-menu-desk li a
    {
        font-size: 12px;
    }
    .table-div-status table.status-table.document-information-table
    {
        width: 1000px;
    }
    .main-row-service
    {
        padding-left: 0;
        padding-right: 0;
    }
    .customer-reviews .item .card .card-img-overlay .customer 
    {
        left: 40%;
    }
}

@media(max-width:1100px)
{
    .fHeader ul.fMenu li.nav-item a.nav-link
    {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .fHeader .logo-brand img
    {
        width: 250px;
    }
    .banner-desktop div.banners .card-img-overlay .learn-div
    {
        height: 50px;
        bottom: 15%;
    }
    .banner-desktop div.banners .card-img-overlay .learn-div a
    {
        font-size: 15px;
    }

    .banner-desktop div.banners .card-img-overlay .btn-banner.schedule
    {
        top: 68%!important;
    }
    .banner-desktop div.banners .card-img-overlay .btn-banner.schedule a
    {
        font-size: 11px;
    }

    .blog-full-page .main-blog
    {
    width: 90%;
    margin: 0 auto;
    }
    
}

@media(max-width:1024px)
{
    .fHeader .logo-brand img
    {
        width: 230px;
    }

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

    .email-pop .modal-body .col-12.col-pop-email form
    {
        padding-left: 26px;
        height: 400px;
    }
    .fHeader
    {
        position: relative;
        background-color: white;
    }
    .fHeader.active
    {
        background-color: white;
        position: fixed;
    }
    .fHeader ul.fMenu
    {
        position: fixed;
        left: 0;
        top: 4.1rem;
        width: 100%;
        background-color: white;
        padding: 0;
    }

    .fHeader ul.fMenu li.nav-item
    {
        padding: 0;
    }
    .fHeader ul.fMenu li.nav-item a.nav-link
    {
        display: block;
        background-color: white;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 5px 20px;
    }
    .fHeader ul.fMenu li.nav-item a.nav-link:hover
    {
        background-color: var(--brand-color-theme-1);
        color: white;
    }
    .fHeader .logo-brand img.main-logo,.fHeader .logo-brand img.white-logo,.fHeader.active .logo-brand img.white-logo
    {
        display: none;
    }
    .fHeader ul.fMenu li.nav-item ul.sub
    {
        position: relative;
        width: 100%;
        background-color: var(--brand-color-theme-1);
        padding: 10px 20px;
    }

    .fHeader ul.fMenu li.nav-item ul.sub li a:hover
    {
        background-color: #000;
    }

    .fHeader ul.fMenu li.nav-item ul.sub li a 
    {
        margin-left: 0;
    }
    .fHeader .mobile-logo
    {
        display: block;
    }

    .fHeader .navbar-toggler
    {
        box-shadow: none;
        border: 0;
    }

    .fHeader ul.fMenu li.nav-item a.nav-link
    {
        color: #333;
        text-shadow: none;
    }

    .typing-demo
    {
        font-size: 12px;
    }
    .bg-search-typ
    {
        width: 85%;
        height: 30px;
    }

    .blog-full-banner
    {
        padding-top: 6rem;
    }
    .banners img.search-icon
    {
        width: 15px!important;
        height: 15px;
        left: 13%;
    }

    .banners img.mice
    {
        width: 17px!important;
        height: 17px;
        right: 13%;
    }

    .banners img.mouse-ic
    {
        left: 15%;
        width: 15px!important;
        height: 15px;
    }

    .banner-after .card .card-img-overlay .items-text-button .subheading
    {
        font-size: 19px;
    }

    .banner-after .card .card-img-overlay .items-text-button .main-heading
    {
        font-size: 40px;
    }

    .banner-after .card .card-img-overlay .items-text-button p
    {
        font-size: 14px;
    }

    footer .footer-card
    {
        padding-top: 10%;
        background-color: #000;
    }

    footer .row-footer .col-help
    {
        padding-left: 70px;
    }

    footer .row-footer .col-hours
    {
        padding-left: 30px;
    }

    .footer-and-before-sec form
    {
        width: 450px;
        margin: 50px auto;
    }

    .footer-and-before-sec
    {
        padding-top: 70px;
    }

    .footer-and-before-sec .col-text
    {
        justify-content: center;
    }

    .footer-and-before-sec .col-text .item-before-footer
    {
        text-align: center;
    }

    .footer-and-before-sec .col-text .item-before-footer p
    {
        text-align: center;
    }

    .footer-and-before-sec .col-text .item-before-footer h3 span.vission
    {
        text-align: center;
    }

    .banner-desktop div.banners .card-img-overlay .learn-div a
    {
        font-size: 14px;
    }

    .footer-and-before-sec .col-text .item-before-footer h3 span
    {
        text-align: center;
    }

    .contact-main .contact-form
    {
        justify-content: center;
    }

    .contact-main .contact-form form
    {
        width: 70%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .contact-main .contact-text .main-contact-text
    {
        position: relative;
        top: 0;
        margin-bottom: 30px;
        padding-left: 15%;
    }

    .main-row-map .col-details-contact
    {
        flex-basis: 100%;
        justify-content: center;
    }

    .main-row-map .col-details-contact .details-con
    {
        left: 0;
        margin-bottom:60px;
    }
    .main-row-map .col-map-contact
    {
        flex-basis: 100%;
    }
    .main-row-map .col-map-contact .map-div 
    {
        text-align: center;
    }
    .main-row-map .col-map-contact .map-div iframe
    {
        width: 75%;
        height: 500px;
        margin: 0px auto 40px auto;
    }
    
    .map-and-footer
    {
        padding-top: 40px;
    }

    .meet-team .black h3
    {
        left: 39%;
    }

    .meet-team .black
    {
    clip-path: polygon(0% 0%, 92% 0%, 100.2% 50%, 92% 100%, 0% 100%);
    }

    .about-main .about-overlay
    {
        padding-top: 150px;
    }

    .client-stories .item .card-video
    {
        height: 250px;
    }
    
    .client-stories .item .card-video img
    {
        height: 257px;
    }

    nav.menu-desktop
    {
        display: none;
    }

    .nav-div
    {
        width: 100%;
    }

    .section-dash-content
    {
        width: 100%;
    }

    .custom-status-row .col-12 div
    {
        padding: 10px 10px 0px 10px;
    }

    .custom-status-row .col-12 div span
    {
        margin-top: 0;
    }

    .table-div-status table.status-table.document-information-table
    {
        width: 100%;
    }

    .banner-service .card .headings-service
    {
        left: 0%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .banner-service .card .headings-service p span
    {
        display: inline;
    }

    .banner-service a.image-contact-button
    {
        left: 6%;
    }
    .main-row-service
    {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px;
    }
    .main-row-service .col-image-text .card
    {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 50px;
    }
    .main-row-service .col-main-text
    {
        order: 1;
    }

    .customer-reviews .item .card .card-img-overlay .customer 
    {
        left: 43%;
    }

    .blog-full-page .main-blog
    {
    width: 100%;
    margin: 0 auto;
    }

    .calculator
    {
        width: 100%;
    }
}

@media(max-width:885px)
{
    .table-div-status table.status-table.document-information-table
    {
        width: 1000px;
    }
}
@media(max-width:820px)
{   
    .meet-team .black
    {
        width: 85%;
    }
    .meet-team .black h3
    {
        left: 38%;
    }

    .meet-team .black
    {
    clip-path: polygon(0% 0%, 91% 0%, 100.2% 50%, 91% 100%, 0% 100%);
    }

    .table-div-status table.status-table
    {
        width: 1000px;
    }

    .table-div-status table.status-table tr td a
    {
        display: block;
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media(max-width:768px)
{
    .animated-button
    {
        font-size: 10px;
        padding: 15px 10px;
        width: 60%;
    }

    .bg-search-typ
    {
        width: 95%;
        height: 25px;
    }
    .banners img.search-icon
    {
        left: 6%;
    }

    .banners img.mice
    {
        right: 6%;
    }

    .banners img.mouse-ic
    {
        left: 10%;
    }

    .banner-after .card .card-img-overlay .items-text-button
    {
        padding: 3% 5%;
    }

    .login-form-div.sign-up-form-div
    {
        width: 600px;
    }

    footer .row-footer .col-12
    {
        padding-left: 0;
        margin-bottom: 20px;
    }

    footer .row-footer .col-hours,footer .row-footer .col-logo .input-group,footer .row-footer .col-logo h5
    {
        padding-left: 0;
    }

    footer .row-footer .col-logo p
    {
        padding-left: 10px;
    }

    footer .row-footer .col-logo img{
        width: 300px;
    }

    .banner-desktop div.banners .card-img-overlay .learn-div
    {
        width: 60%;
        left: 20%;
        height: 45px;
    }

    .banner-desktop div.banners .card-img-overlay .learn-div a
    {
        font-size: 13px;
    }
    .banner-desktop div.banners .card-img-overlay .btn-banner.schedule
    {
        top: 70%!important;
    }
    .banner-desktop div.banners .card-img-overlay .btn-banner.schedule a
    {
        font-size: 10px!important;
    }

    .contact-main .contact-form form
    {
        width: 90%;
    }

    .contact-main .contact-text .main-contact-text
    {
        padding-left: 6.5%;
    }

    .main-row-map .col-map-contact .map-div iframe
    {
        width: 100%;
    }

    .about-main .about-overlay
    {
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        place-items: center;
    }

    .about-main .about-overlay .about-what-div
    {
        width: 100%;
    }

    .about-main .about-overlay .about-what-div ul li
    {
        flex-basis: 44%;
    }

    .client-card .client-overlay .items-client
    {
        padding-right: 0;
        padding-left: 0;
    }

    .div-video-main
    {
        padding-left: 0;
        padding-right: 0;
    }

    .div-video-main .item
    {
        padding: 0;
    }

    .table-div-status table.status-table.document-information-table
    {
        width: 700px;
    }
    .customer-reviews .item .card .card-img-overlay .customer 
    {
        left: 40%;
    }

    .blog-full-banner h3
    {
        font-size: 25px;
    }

    .calculator .row.calc-item .col-12 input, .calculator .row.result-calculator .col-12 input, .calculator .row.calc-item .col-12 select,.calculator .row.calc-item .col-12 button.btn
    {
        width: 100%;
    }

}

@media(max-width:650px)
{
    .typing-demo
    {
        font-size: 10px;
    }

    .animated-button
    {
        padding: 10px;
    }

    .banner-after .card .card-img-overlay .items-text-button .subheading
    {
        font-size: 20px;
    }

    .banner-after .card .card-img-overlay .items-text-button .main-heading
    {
        font-size: 35px;
    }

    .banner-after .card .card-img-overlay .items-text-button p
    {
        font-size: 12px;
    }

    .login-form-div.sign-up-form-div
    {
        width: 95%;
    }

    footer .row-footer
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .row-footer .col-logo img
    {
        width: 230px;
    }

    .banner-desktop div.banners .card-img-overlay .learn-div
    {
        width: 60%;
        left: 20%;
        height: 40px;
    }

    .banner-desktop div.banners .card-img-overlay .learn-div a
    {
        font-size: 12px;
    }

    .footer-and-before-sec .col-text .item-before-footer h3 span.vission
    {
        font-size: 18px;
    }

    .meet-team .black
    {
        width: 100%;
        clip-path: none;
    }

    .meet-team .black h3
    {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }

    .about-main .card-body .vector-image
    {
        width: 250px;
        
    }

    .table-div-status table.status-table
    {
        width: 700px;
    }

    .table-div-status table.status-table tr td span
    {
        display: block;
    }

    h3.heading-main-content
    {
        font-size: 20px;
    }

    .banner-service .card .headings-service h3
    {
        font-size: 35px;
    }
}

@media(max-width:575px)
{
    .banner-desktop
    {
        display: none;
    }

    .fHeader .learn-div
    {
        margin-left: 0;
    }
    .banner-mobile
    {
        display: block;
    }

    .fHeader .logo-brand img
    {
        width: 230px!important;
    }

    .fHeader
    {
        padding: 0px;
    }
    .btn-banner 
    {
        text-align: end;
       
    }
    
    .btn-banner .mouse-desk
    {   
        position: relative;
        width: 40px;
        right: 18%;
    }

    .banner-after .card .card-img-overlay .items-text-button p span
    {
        display: inline;
    }

    .banner-after .card .card-img-overlay .items-text-button .subheading
    {
        font-size: 20px;
    }

    .banner-after .card .card-img-overlay .items-text-button .main-heading
    {
        font-size: 40px;
    }

    .banner-after .card .card-img-overlay .items-text-button p
    {
        font-size: 11px;
        margin-bottom: 15px;
    }

    .banner-after .card .main-image
    {
        height: 350px;
        object-fit: cover;
    }
    .banner-after .card .card-img-overlay .learn-div
    {
        width: 100px;
        padding: 3px;

    }

    .banner-after .card .card-img-overlay .learn-div a.fButton
    {
        font-size: 12px;
        padding: 3px 0;
    }

    #upBtn
    {
        width: 40px;
        height: 40px;
        font-size: 13px;
    }

    .banner-after .card .card-img-overlay .headlight-1,
    .banner-after .card .card-img-overlay .headlight-2,
    .banner-after .card .card-img-overlay .headlight-3,
    .banner-after .card .card-img-overlay .headlight-4,
    .banner-after .card .card-img-overlay .headlight-5,
    .banner-after .card .card-img-overlay .headlight-6,
    .banner-after.second-banner-after .card .card-img-overlay .light-1,
    .banner-after.second-banner-after .card .card-img-overlay .light-2,
    .banner-after .card .card-img-overlay .light-3,
    .banner-after .card .card-img-overlay .light-4
    {
        display: none;
    }

    .login-form-div
    {
        width: 90%;
    }

    .login-form-div.sign-up-form-div .input-group
    {
        width: 100%;
    }

    .login-form-div.sign-up-form-div
    {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .footer-and-before-sec form
    {
        width: 95%;
        padding: 50px 30px;
    }

    .footer-and-before-sec form .col-name
    {
        width: 100%!important;
    }

    .footer-and-before-sec .col-text .item-before-footer h3
    {
        font-size: 40px;
    }

    .footer-and-before-sec .col-text .item-before-footer h3 span.process-off
    {
        font-size: 42px;
    }

    .footer-and-before-sec .col-text .item-before-footer h3 span.financing
    {
        font-size: 46px;
    }

    .footer-and-before-sec .col-text .item-before-footer h3 span.easy
    {
        font-size: 105px;
        margin-top: -15px;
    }

    .footer-and-before-sec .col-text .item-before-footer p
    {
        font-size: 15px;
    }

    footer .copyright
    {
        font-size: 12px;
    }

    .about-main .about-overlay 
    {
        padding: 20px;
    }

    .client-card .client-overlay .items-client h3
    {
        font-size: 45px;
    }

    .client-card .client-overlay .items-client p
    {
        font-size: 15px;
    }

    .client-stories .item .card-video
    {
        height: 230px;
    }
    .client-stories .item .card-video img
    {
        height: 237px;
    }

    .section-dash-content .content-main .user-name h3
    {
        font-size: 15px;
        justify-content: center;
    }

    h3.heading-main-content
    {
        font-size: 22px;
    }

    #declined-box .decline-modal-close
    {
        right: -5px;
        top: 0px;
    }

    .table-div-status table.status-table.document-information-table
    {
        width: 600px;
    }
    h3.heading-main-content 
    {
        font-size: 17px;
    }
    h3.heading-main-content span
    {
        display: block;
    }

    .main-row-service .col-image-text .card
    {
        padding: 15px;
    }

    .back-home-btn
    {
        text-align: center;
        margin-top: 20px;
    }

    .back-home-btn a.anchor-home
    {
        top: 0;
        
    }

    .customer-reviews .item
    {
        padding: 5% 3%;
    }

    .customer-reviews .item .card .card-img-overlay .customer
    {
        left: 37%;
    }

    .blog-full-banner h3
    {
        font-size: 20px;
        font-weight: 600;
    }

    .blog-full-page .main-blog-heading
    {
        font-size: 30px;
    }

    footer .copyright div.container
    {
        display: block;
    }

    .schedule-modal button.schdeule-modal
    {
        right: -5px;
        top: -5px;
    }

    .email-pop .modal-dialog
    {
        padding: 20px 10px;
    }

    .cr-app-form .card h3
    {
        text-align: start;
        position: relative;
        text-align: center;
        margin-bottom: 20px;
    }
}

@media(max-width:475px)
{
    .footer-and-before-sec .col-text .item-before-footer
    {
        width: 95%;
    }   

    .contact-main .contact-form form
    {
        width:95%;
        padding: 50px 25px;
    }
    .logo-brand
    {
        margin-right: 0px;
    }
    .fHeader .learn-div
    {
        width: 80px;
    }
    .contact-main .contact-text .main-contact-text
    {
        padding-left: 3%;
    }

    .contact-main .contact-text .main-contact-text h3
    {
        font-size: 30px;
        line-height: 30px;
    }

    .contact-main .contact-text .main-contact-text p
    {
        font-size: 13px;
    }
    
    .main-row-map .col-details-contact .details-con
    {
        width:100%;
    }

    .about-main .about-overlay .about-what-div ul li
    {
        flex-basis: 100%;
    }

    .about-main .bg-image
    {
        height: 900px;
    }

    .about-main .about-overlay .about-what-div h3
    {
        font-size: 40px;
    }
    .about-main .about-overlay .about-what-div p
    {
        font-size: 15px;
        font-weight: 600;
    }

    .customer-reviews .item .card .card-img-overlay .customer
    {
        left: 35%;
    }
}


@media(max-width:420px)
{
    .fHeader .logo-brand img
    {
        width: 200px!important;
    }
}