@media(max-width: 1370px){
    .fl-grid{
        padding: 2.5em 1.5em !important;
    }
    .ft-grid .ft-wrap{
        padding: 1em 2em;
    }
}
@media(max-width: 1200px){
    .ft-grid{
        gap: 25px;
    }
    .ft-grid .ft-wrap{
        padding: 1em 1.5em;
    }
}
@media(max-width: 991px){
   

    .ft-grid{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 767px){
    .main-nav{
        position: sticky;
        top: 0;
    }
    .main-header{
        margin-top: 0;
    }
    .ft-widget {
        border-right: none;
    }
    .ft-widget:not(.ft-widget-2) {
        align-items: flex-start;
    }
    .sc-list{
        margin-bottom: 30px;
    }
    .main-footer{
        padding: 35px 0px;
    }
    .or-wrap{
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .or-wrap h4{
        text-align: center;
    }
    .tb-wrap{
        overflow-x: auto;
        overflow-y: hidden;

    }
    .or-wrap::after{
        display: none;
    }
    .pr-wrap .pr-card .main-btn{
       position: unset;
    }
    .pr-main-wrap{
        margin-bottom: 30px;
    }
    .tb-wrap {
        padding: 8px;
    }
    .pp-list.ss{
        margin-top: 0;
    }
    .tb-wrap ul {
        flex-wrap: wrap !important;
        flex: 1 0 auto;
    }
    .tb-wrap ul li button{
        min-width: max-content;
        padding: 8px 12px;
        width: 100%;
    }
        .tb-wrap ul li {
            flex: 1 1 auto;
            min-width: max-content !important;
        }
    .ft-grid{
        grid-template-columns: 1fr;
        gap: 15px !important;
    }
    .ft-grid .ft-wrap{
        padding: 1em 0em;
    }
}

@media(max-width: 620px){
    .main-header .banner-con{
        margin-bottom: 85px;
    }
    .main-header .banner-con::after{
        display: none;
    }
    .em-sec .ll-p{
        padding-left: 0px !important;
    }
    .con-card{
        padding: 2em 2em;
    }
    .main-header{
        padding: 45px 0px !important;
        padding-top: 0 !important;
        height: auto;
        min-height: 0px;
    }
    .pr-wrap .pr-card{
        padding: 1.5em 1em !important;
    }
    .pricing-sec{
        padding-bottom: 0 !important;
    }
    .or-wrap h4{
        font-size: 20px;
    }
    .contact-sec, .org-sec{
        padding: 40px 0px;
    }
    .main-header .banner-con h1{
        font-size: 36px;
    }
    .sec-head{
        font-size: 32px;
    }
    .navbar .l-part a img{
        width: 140px;
    }
    .fl-grid{
        transform: translateY(0px);
        margin-bottom: 35px;
        margin-top: 35px;
    }
}