@media(min-width:1400px){
    .c-track_list li::before {
        left: 312px;
        width: 260px;
    }
}
@media(min-width:1600px){
    .container{
        max-width: 1170px;
    }
    .c-track_list li::before {
        left: 283px;
        width: 215px;
    }
}
@media(min-width:1700px){
    .c-track_list li::before{
        left: 283px;
    }
}

@media(max-width:1200px){
    .raqeeb-logo {
        width: 150px;
    }
    .c-main_title{
        font-size: 40px;
        line-height: 45px;
    }
    .c-banner_section {
        height: auto;
    }
    .c-banner_floating--content{
        padding-top: 70px;
    }
    .c-fleer_section {
        padding: 80px 0;
    }
    .c-fleer_section .c-title_secondary {
        margin-bottom: 30px;
    }
    .c-track_list li::before {
        left: 244px;
        width: 155px;
    }
}

@media(max-width:991px){
    .c-title_secondary{
        font-size: 30px;
        line-height: 36px;
    }
    .c-btn_secondary, .c-btn_tertiary{
        font-size: 16px;
        padding: 12px 40px;
    }
    .c-banner_floating--content {
        padding-top: 50px;
    }
    .c-main_title {
        font-size: 30px;
        line-height: 35px;
    }
    .c-banner_form {
        padding: 20px;
    }
    .c-banner_list li{
        font-size: 17px;
    }
    .c-btn_primary{
        font-size: 16px;
    }
    .fleet-calculate_form .form-label {
        font-size: 17px;
        line-height: 24px;
    }
    .fleet-calculate_form .c-form_field--col {
        margin-bottom: 15px;
    }
    .fleet-calculate_form .form-control{
        padding: 8px;
    }
    .c-fleer_section, .c-free_consultation--section, .c-benefit_section, .c-facility_section, 
    .c-work_section {
        padding: 50px 0;
    }
    .c-benefit_boxes .row {
        margin-bottom: 50px;
    }
    .c-benefit_text .c-title_secondary {
        font-size: 25px;
    }
    .c-benefit_text .c-title_xs{
        font-size: 20px;
    }
    .c-track_list li::before {
        left: 204px;
        width: 73px;
        top: 24px;
    }
    .c-track_list, .work-with {
        padding-top: 50px;
    }
    .work-with{
        padding-bottom: 20px;
    }
    .mobile-application{
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .why-raqeeb{
        padding: 50px 0 20px 0;
    }
}

@media(max-width:767px){
    .c-fleer_section {
        padding: 30px 0 30px 0;
    }
    .c-banner_floating--content {
        padding-top: 30px;
    }
    .c-banner_btn{
        padding-bottom: 30px;
    }
    .c-free_consultation--section, .c-benefit_section, .c-facility_section, .c-work_section{
        padding: 30px 0;
    }
    .c-free_consult--text{
        padding-bottom: 20px;
    }
    .work-with{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .c-benefit_boxes .row, .c-benefit_img {
        margin-bottom: 30px;
    }
    .c-benefit_boxes .row .c-benefit_leftCol{
        order: 2;
      }
      .c-benefit_boxes .row .c-benefit_rightCol{
        order: 1;
      }
      .c-benefit_boxes {
        padding-top: 30px;
    }
    .c-track_list li{
        width: 100%;
        padding-bottom: 100px;
    }
    .c-track_list li:last-child{
        padding-bottom: 0px;
    }
    .c-track_list li::before {
        left: 0;
        width: 73px;
        bottom: 44px;
        transform: rotate(90deg);
        right: 0;
        margin: 0 auto;
        top: inherit;
    }
    .c-track_list{
        padding-top: 30px;
    }
    .c-track_title{
        margin-bottom: 20px;
        font-size: 25px;
    }
    .mobile-application{
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .why-raqeeb{
        padding: 30px 0 10px 0;
    }
    .footer-logo img {
        max-width: 100px;
        margin: 0 auto 30px auto;
    }
    .footer-item{
        margin-bottom: 20px;
    }
    .c-footer_col:last-child .footer-item{
        margin-bottom: 0;
    }
    .our-clients-inner{
        padding: 30px;
    }
    .our-clients p, .mobile-application .mobile-application-top p{
        max-width: 100%;
    }
    .mobile-application-left .mobile-application-item h3, .mobile-application-left .mobile-application-item p {
        text-align: left;
    }
    .mobile-application-left .mobile-application-item .mai-icon img{
        float: none;
    }
    .mobile-application-image{
        padding: 20px 0;
    }
    .client-item {
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
        -webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
    }
    .client-item .icon img{
        margin: 0 auto;
    }
    .client-item p{
        text-align: center;
    }
}