@media(max-width:1800px){
    .hpir-box .title_holder {
        padding: 40px 40px 40px 30px !important;
    }
}
@media(max-width:1600px){
    section.h-our-services, section.h-about {
        height: 100% !important;
        padding: 100px 0 !important;
    }   
}
@media(max-width:1535px){
    .vms-box {
        margin-right: -20%;
    }
    .vms-l .vms-box {
        margin-left: -33.6666%;
    }
    .vmsb-content {
        padding: 40px 100px 40px 140px;
    }
    .vms-l .vmsb-content {
        padding: 40px 140px 40px 100px;
    }
    .hpir-box .title_holder h3 {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }   
    .hpir-box .title_holder p a {
        font-size: 14px !important;
    }
    .hpi-l {
        width: 480px !important;
        min-width: 480px !important;
    }
    .hpil-inner {
        padding: 85px 50px 85px 50px !important;
    }
    .hsi-content {
        height: 200px !important;
    }
    .slick-prev {
        right: 29% !important;
    }
    .slick-next {
        right: 24% !important;
    }
    .hoi-slider .slick-prev {
        right: 9% !important;
    }
}
@media(max-width:1399px){
    .vms-l .vms-box {
        margin-left: -43%;
    }
    .vms-box {
        margin-right: -26%;
    }
    .hq-inner ul.fn_cs_miniboxes li {
        height: 450px !important;
    }
    .hoi-slide .item .img_holder img {
        width: 100% !important;
    }
    .hsi-content {
        top: 55%;
        transform: translateY(-50%);
    }
    .slick-prev {
        right: 33% !important;
        background-size: cover !important;
        width: 50px  !important;
        height: 50px !important;
        top: 78% !important;
    }
    .slick-next {
        right: 28% !important;
        background-size: cover !important;
        width: 50px  !important;
        height: 50px !important;
        top: 78% !important;
    }
}
@media(max-width:1320px){
    .vms-title h3 {
        font-size: 40px;
    }
    .hq-inner .inner:before {
        width: 30px;
    }
    .inner:after {
        width: 30px;
    }
    .hq-inner span.shape2 {
        border-left: 1100px solid #ff7f0063 !important;
    }
    img.logo-img {
        width: 100%;
        max-width: 120px;
    }
    li.nav-item {
        margin-left: 20px;
    }
    ul.navbar-nav {
        margin-inline: auto;
    }
    .toll_free .tf_in p {
        font-size: 14px;
    }
    .hpi-l {
        width: 400px !important;
        min-width: 400px !important;
    }
    .hpil-inner {
        padding: 50px 40px 50px 40px !important;
    }
    .harc-l h3, .hoscl-inner h3, .hpil-content h3 {
        font-size: 40px;
        line-height: 1;
    }
    .hpir-box .img_holder {
        width: 50%;
        min-width: 50%;
    }
    .hpir-box .title_holder {
        width: 50%;
    }
    .hpir-box .img_holder img {
        height: 100%;
        object-fit: cover;
    }
}

@media(max-width:1200px){
    .psi-cus-img img {
        max-width: 31%;
    }
    .vms-l .vms-box {
        margin-left: -50%;
    }
    .vms-box {
        margin-right: -30%;
    }
    .vmsb-content {
        padding: 40px 120px 40px 120px;
    }
    .vms-l .vmsb-content {
        padding: 40px 120px 40px 120px;
    }
    .hq-inner span.shape2 {
        border-left: 900px solid #ff7f0063 !important;
    }
    .fmr {
        column-gap: 30px;
    }   
    img.footer-logo {
        width: 100%;
    }
    .slick-prev {
        right: 38% !important;
        /* top: 84% !important; */
    }
    .slick-next {
        right: 33% !important;
        /* top: 84% !important; */
    }
    .toll_free .tf_in p {
        font-size: 12px;
    }
    .toll_free .tf_in {
        padding-left: 100px;
        padding-right: 10px;
        min-height: 30px;
    }
    .toll_free span.shape2 {
        border-top: 56px solid transparent !important;
    }
    .toll_free span.shape3 {
        border-top: 74px solid transparent !important;
    }
    .harcr-inner:before {
        top: -30px;
        left: -30px;
    }
    .harcr-inner:after {
        right: -20px;
        bottom: -20px;
    }
    .inner:after, .inner:before {
     display: none;
    }
    .hq-inner .fn_cs_miniboxes .item {
        padding: 80px 30px 80px 30px;
    }
    .hq-inner .item .icon {
        left: 30px;
    }
    .hq-inner .item .number_holder {
        left: 30px;
        top: -10px;
        font-size: 30px;
        width: 60px;
        height: 70px;
    }
    .hq-inner .item .number_holder:after {
        border-top: 60px solid rgba(210,78,26,0.4);
    }
    .hoi1-title h2 {
        font-size: 22px;
    }
    .hoi1-content p {
        margin-left: 40px;
        min-height: 40px;
    }
    .hoi1-content p:before {
        left: -20px;
    }
    .hoi-slider .slick-prev {
        right: 10% !important;
    }
    .harcl-inner, .hoscl-inner, .hpil-content {
        width: 100%;
        max-width: 340px;
    }
    .badge_left h3 {
        font-size: 14px;
    }
    .badge_left .year {
        font-size: 40px;
    }
    .top_section {
        padding: 20px;
        padding-bottom: 20px;
    }
    .bottom_section {
        padding: 20px;
    }
    .bottom_section li {
        margin-bottom: 10px;
    }
    .bottom_section .icon {
        width: 20px;
        top: 4px;
        height: 20px;
    }
    .bottom_section .item {
        padding-left: 30px;
    }
    .rating_holder {
        right: 40px;
        top: 20px;
    }
    .hres-content h4 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 4px;
    }
    .hres-content p {
        font-size: 14px;
    }
    .hceo-inner .inner {
        padding: 40px 90px;
    }
    .hceo-inner .inner svg {
        top: 40px;
        left: 20px;
    }
}
@media(max-width:1120px){
    .slick-prev {
        right: 45% !important;
    }
    .slick-next {
        right: 38% !important;
    }
}
@media(max-width:991px){
    .hcm-form, .hcm-img {
        padding: 0 10px !important;
        width: 100%;
    }
    .psi-r {
        order: 1;
    }
    .psi-l {
        order: 2;
    }
    .psi-l .hoscl-inner {
        width: 100%;
        max-width: 100%;
        margin-top: 50px;
    }

    .ft-inner {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .cus-ho {
        margin-top: 40px !important;
    }
    a.nav-link {
        padding: 10px 20px !important;
    }
    ul.dropdown-menu:after {
     
        display: none;
    }
    ul.dropdown-menu {
        border-radius: 6px;
        margin: 0 10px;
    }
  
    .hq-inner span.shape2 {
        border-left: 670px solid #ff7f0063 !important;
    }
    button.navbar-toggler {
        border: none;
    }
    span.navbar-toggler-icon {
        background-image: url(../../assets/img/toggle.png) !important;
    }
    button.navbar-toggler {
        margin-right: 40px;
    }
    .navbar-toggler:focus {
        box-shadow: none !important;
    }
    li.nav-item:last-child {
        margin-bottom: 20px;
    
    }
    .hq-inner ul.fn_cs_miniboxes li {
        width: 100%;
        /* float: left; */
        padding-left: 30px;
        margin-bottom: 15px;
        margin-top: 15px;
        height: 100% !important;
    }
    .hq-inner ul.fn_cs_miniboxes li:first-child{
        margin-top: 30px;
    }
    .hq-inner ul.fn_cs_miniboxes li:last-child{
        margin-bottom: 30px;
    }
    .hq-inner ul.fn_cs_miniboxes {
        flex-wrap: wrap;
    }
    .hq-inner .fn_cs_miniboxes .item {
        padding: 80px 30px 60px 30px;
    }
    .hq-inner .item .icon {
        bottom: 25px;
    }
    .harcl-inner, .hoscl-inner, .hpil-content {
        max-width: 100%;
    }
    .harcr-inner {
        margin-inline: auto;
    }
    .harc-r {
        margin-bottom: 40px;
        order: 1;
    }
    .harc-l {
        order: 2;
    }
    .ha-bg-overlay {
        background-size: cover;
        opacity: 0.3;
    }
    .hoi1-inner {
        flex-wrap: wrap;
    }
    .hoi1-title {
        width: 100%;
    }
    .hoi1-content p {
        margin-left: 0px;
    }
    .hoi1-content p:before {
     display: none;
    }
    .hres-inner {
        flex-wrap: wrap;
    }
    .hres-btn {
        margin-top: 20px;
    }
    .hpi-l {
        width: 100% !important;
        min-width: 100% !important;
    }
    .hp-inner {
        flex-wrap: wrap;
    }
    .hpil-inner {
        position: relative;
        top: 0;
    }
    section.h-ceo-msg {
        padding: 60px 0px 60px 0px;
    }
    .hpil-content h3 br {
        display: none;
    }
    
}
@media(max-width:767px){
    .psi-cus-img img {
        max-width: 30%;
    }
    .vms-l .vmsb-content {
        padding: 40px 120px 40px 130px;
    }
    .vmsb-content {
        padding: 40px 130px 40px 120px;
    }
    .fcp-l {
        width: 100%;
    }
    .fcp-l p {
        font-size: 12px;
    }
    img.footer-logo {
        width: 100%;
        max-width: 200px;
    }
    .ft-inner {
        flex-wrap: wrap;
        text-align: center;
        row-gap: 20px;
    }
    .ft-l {
        justify-content: center;
    }
    /* .ft-l p {
        font-size: 14px;
    } */
    .ft-l {
        width: 100%;
    }
    .ftr-inner .form-group {
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
        column-gap: 10px;
    }
    .ft-r .form-group input {
        width: 49%;
        margin: 0;
    }
    .form-group button {
        margin: 0;
        width: 49%;
    }
    .industify_fn_svg {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
    .footer-middle {
        padding: 50px 0 20px;
    }
    .fmrc-title h4 {
        margin-bottom: 40px;
    }
    .fcp-r {
        width: 100%;
    }
    .fcp-r p {
        font-size: 12px;
    }
    .footer-cp {
        padding: 10px 0;
    }
    .hq-inner span.shape2 {
           border-left: 490px solid #ff7f0063 !important;
    }
    section.h-our-services, section.h-about {
        padding: 80px 0 30px!important;
    }
    .hoi1-content p {
        max-width: 540px;
    }
    .hoi-slider .slick-prev {
        right: 16% !important;
    }
    .hceo-inner .inner {
        padding: 40px 50px;
    }
    .hceo-inner .inner svg {
        width: 30px;
        height: 30px;
        top: 40px;
        left: 10px;
    
    }
    .fmr .col-md-4 {
        width: 100%;
    }   
    .fmrc-title h4 {
        margin-top: 30px;
    }
    .fcp-inner {
        flex-wrap: wrap;
        text-align: center !important;
    }.fcp-inner {
        flex-wrap: wrap;
    }
    .slick-prev {
        right: 50% !important;
    }
    
    .slick-prev {
        right: 58% !important;
    }
    .slick-next {
        right: 48% !important;
    }
}

@media(max-width:575px){
    .hc-main-content {
        padding-inline: 0px !important;
        margin-inline: 0 !important;
    }
    section.h-contact {
        padding: 60px 0 !important;
    }
    .psi-cus-img img {
        max-width: 47%;
    }
    .psi-l .hoscl-inner h3, .psi-cus h3, .hc-title h2 {
        font-size: 20px;
        line-height: 1.5;
    }
    section.product-section {
        padding: 60px 0px;
    }
    .ft-r .form-group input {
        width: 48%;
        margin: 0;
    }
    .form-group button {
        margin: 0;
        width: 48%;
    }
    .vms-title h3 {
        font-size: 36px;
    }
    .vms-box {
        margin-top: 60px !important;
    }
    .vms-l .vms-box {
        margin-top: 60px !important;
     }
     section.vm-section {
        padding: 60px 0;
     }
     section.h-our-services, section.h-about {
        padding: 60px 0 30px!important;
    }
    section.inner-banner {
        padding: 140px 0 40px;
    }
    .cus-container {
        width: 100%;
        padding: 0 50px 0 30px;
    }
    a.logo {
        margin-left: 10px;
    }
    button.navbar-toggler {
        margin-right: 10px;
    }
    .badge_left h3 {
        font-size: 12px;
    }
    .badge_left .year {
        font-size: 30px;
        margin-right: 8px;
        }
        .badge_left {
            padding: 10px 10px 8px 10px;
        }
        .hceo-inner .inner p {
            font-size: 14px;
            line-height: 24px;
            text-align: justify;
            margin-bottom: 20px;
         }
         .hceo-inner .inner h3 {
            font-size: 16px;
        }
        .hceo-inner .inner h5 {
            font-size: 16px;
        }
         .hceo-inner .inner {
            padding: 20px 20px 20px 50px;
        }
.hq-inner span.shape2 {
    border-left: 300px solid #ff7f0063 !important;
}
section.top-header {
    display: none !important;
}
.slick-prev {
    right: 60% !important;
}
.harcr-inner {
    max-width: 240px;
}
.hpir-box .img_holder {
    width: 100%;
    min-width: 100%;
}
.hpir-box .title_holder {
    width: 100%;
}
.hpir-box .item {
    flex-wrap: wrap;
}
}
@media(max-width:500px){
    .hsi-content {
        max-width: 330px;
        height: 230px !important;
    }
    .hsi-ic h3 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 10px;
    }
    .slick-next, .slick-prev {
        top: 70% !important;
    }
    .slick-prev {
        right: 65% !important;
    }
    .hsi-ic p {
        font-size: 12px;    
    }
}
@media(max-width:425px){
    .vmsb-img img {
        border-radius: 100%;
        max-width: 110px;
    }
    .vms-l .vmsb-content {
        padding: 20px 60px 20px 90px;
        margin-right: 60px;
    }
    .vmsb-content {
        margin-left: 60px;
        padding: 20px 90px 20px 60px;
    }
    .vmsb-content h4 {
        font-size: 24px;
    }
}