@media only screen and (min-width:1650px){
    .our-technology-bx {min-height: 67.7rem; padding-top: 16.4rem;}

}

@media only screen and (max-width:1500px){
     html { font-size: 58%;}
    .scroll-down { left: 6rem; }
    .banner-part .img4 { right: -6rem;}
    .middle-section .part2 .left img { max-width: 100%;}
    .middle-section .part3 .image-bx img { max-width: 100%; }
    .middle-section .part4 .sub-section.sub2 .left .gen-image:before { right: 0rem;}
    .banner-part.rider-slider .img3 { right: 8rem;}
    /* .slick-initialized .slick-slide { margin: 0 3.5rem;} */
    .slick-slide img { max-height: 50px;}





}

@media only screen and (max-width:1349px){
     html {font-size: 45%;}
    .middle-section .part2 .left { padding: 0 6rem;}
    .middle-section .part3 .image-bx { padding: 0 5rem;}
    .middle-section .part4 .sub-section .left .gen-image img { max-width: 100%;}
    .btn1 img { width: 11px; }
    .modal-content-bx .right-bx .gen-txt { font-size: 1.7rem; }
    .modal-content-bx .right-bx .sub-heading { font-size: 2.2rem;}
    .middle-section .part3.riders-page .image-bx { padding: 0 2rem;}
    /* .slick-slide img{height:50px;} */
    .slick-next:before { background-size: 6px!important;}
    .slick-prev:before { background-size: 6px!important;}
    .wpcf7 form .wpcf7-response-output { font-size: 1.5rem;}
    .banner-text-bx .register-form .field .wpcf7-not-valid-tip { font-size: 1.5rem; width: 125%;}
    .middle-section .part4 .sub-section.sub2 .left {padding-left: 11.4rem;}
    .middle-section .part4 .sub-section.sub2 .left .gen-image:before { right: -7rem;}
    .footer-main .address-mail-bx .bx .icon-part img {max-height: 25px;}
    .slick-slide img { max-height: 36px;}


}

@media only screen and (max-width:991px){
    html { font-size: 47%;}
    .container { max-width: 84rem;}
    .banner-text-bx { width: calc(100% - 32.6rem);}
    .banner-image-bx { width: 32.6rem;}
    .banner-text-bx .gen-heading { font-size: 5rem;  margin-top: 3.5rem;}
    .banner-text-bx .gen-txt {font-size: 2rem;}
    .banner-text-bx p { font-size: 1.6rem; margin-top: 3.5rem;}
    .banner-part { min-height: 65.4rem;}
    .banner-part .img5 { bottom: -19rem;}
    .banner-text-bx .register-form .field {width: 19.9rem;}
    .banner-part .img4 { width: 47.9rem; height: 44rem; top: -5.5rem;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .field {
    max-width: 24.9rem;}
    .banner-text-bx .register-form { flex-wrap: wrap; justify-content: center; max-width: 63rem;}
    .banner-text-bx .register-form form p { flex-wrap: wrap; justify-content: center;}
    .banner-text-bx .register-form .field { max-width: 24.9rem; width: 100%;  margin-bottom: 1rem;}
    .banner-text-bx .register-form .field .wpcf7-not-valid-tip { position: static; margin-top: 5px;}
    .submit-btn { width: 19rem; padding-left: 5rem; background-position-x: 12.8rem; }
    .banner-part.rider-slider.vendor-slider .banner-text-bx {width: calc(100% - 32.6rem);}
    .banner-part.rider-slider.vendor-slider .banner-image-bx {width: 32.6rem;}
    .banner-part.rider-slider .container { min-height: 36.1rem;}

    .middle-section .part2 .left { width: 40rem; padding: 0 3rem;}
    .middle-section .part2 .right { width: calc(100% - 40rem);}

    .middle-section .part2 { margin-top: 6rem;}
    .middle-section .part3 { margin-top: 12rem;}
    .middle-section .part3 .image-bx { padding: 0 2rem; min-height: 16.6rem;}
    .middle-section .part3 .image-bx:after { width: 4.9rem; right: -4.2rem;}

    .middle-section .part4 .sub-section .left { width: 40.6rem; padding-left: 5.5rem;}
    .middle-section .part4 .sub-section .right { width: calc(100% - 40.6rem); padding-left: 4.5rem; padding-right: 0rem;}
    .middle-section .part4 .sub-section.sub2 .right { padding-left: 6rem; padding-right: 0rem;}
    .middle-section .part4 .sub-section.sub2 .left { padding-left: 5.5rem;}
    
    .middle-bottom-section .tp-part .sub-section .left { width: 40.6rem; padding-left: 5.5rem;}
    .middle-bottom-section .tp-part .sub-section .right { width: calc(100% - 40.6rem); padding-left: 4.5rem;
    padding-right: 0rem;}
    .banner-text-bx .register-form .button { width: 100%; text-align: center;}
    .banner-part.rider-slider .banner-image-bx { margin-top: 3rem;  padding-left: 2rem;}
    .banner-part.rider-slider .img3 { right: 4rem; bottom: 12.5rem;}
    .middle-section .part3.riders-page .image-bx { padding: 0 0rem;}
    .middle-section .part3 .txt-part2 br {display: none;}

    .our-serices-bx .sub-section .left { width: 33rem;}
    .our-serices-bx .sub-section .right { width: calc(100% - 33rem); padding-left: 5rem;}
    .our-serices-bx .sub-section .right ul li:last-child { margin-bottom: 0;}

    .our-technology-bx .col-md-6 { -ms-flex: 0 0 76%; flex: 0 0 75%; max-width: 75%;}
    .our-technology-bx { padding: 8.4rem 0; background-size: auto; min-height: 47.7rem;
    background-size: cover;}
    .h-work-bx .inner-bx .sub-bx .step-img img { max-height: 55px;}
    .h-work-bx .inner-bx .sub-bx:after { width: 22%; right: -12%;}
    .why-bmf .content-bx .part2 { min-width: 27rem;}
    .why-bmf .content-bx .part1 { padding-top: 0rem; padding-right: 3rem;}
    .why-bmf .content-bx .part3 { padding-top: 0rem; padding-left: 3rem;}
    
    .slick-initialized .slick-slide { margin: 0 2.5rem;}
    .slick-slide img { height: 38px;}
    .submit-btn:hover { background-position-x: 13rem; }
    .middle-bottom-section .tp-part .sub-section .right .gen-heading { padding-right: 10rem;}
    .wpcf7 form.sent .wpcf7-response-output { text-shadow: #ffffff 0px 0px 0px;}
    

}

@media only screen and (max-width:767px){
    html {font-size: 50%;}
    .container { max-width: 67rem;}
    .banner-part .img4 { display: none; }
    .banner-image-bx { display: none;}
    .scroll-down { display: none;}
    .banner-part .img3 { display: none;}
    .banner-text-bx { width: 100%;}
    .banner-text-bx .register-form {max-width: 100%;}

    /*  */
    .banner-text-bx .register-form .field { max-width: 49%; margin-right: 2%;}
    .banner-text-bx .register-form .field + .field { margin-right: 0; }
    .middle-section .part4 .sub-section.sub2 .left .gen-image:before {right: -.6rem;
    bottom: -3rem; top: auto; transform: rotate( -90deg);}
    .banner-text-bx .gen-heading { font-size: 6.9rem; line-height: 1.1; }
    .banner-text-bx .gen-txt { font-size: 2.5rem;}
    .banner-text-bx p { font-size: 1.8rem; margin-top: 3.5rem; }
    .banner-part {  min-height: 70rem;}
    .banner-text-bx .register-form { margin-top: 2.5rem;}
    .wpcf7 form .wpcf7-response-output { top: -2.2rem;}

    .middle-section .part2 .left {  width: 40rem; padding: 0 3rem;}
    .middle-section .part2 .right { width: 100%; }
    .middle-section .part2 { flex-wrap: wrap; }
    .middle-section .part2 .left { width: 100%; padding: 0 10rem; }
    .middle-section .part2 .right { padding: 0 10rem; text-align: center; margin-top: 5rem;}
    .middle-section .part2 .right .gen-heading:before { left: 0; right: 0; margin: auto; height: 1px;}

    .middle-section .part3 { flex-wrap: wrap; margin-bottom:0; }
    .middle-section .part3 .col { width: 100%; max-width: 100%;  flex: 0 0 100%; margin-bottom: 11rem;}
    .middle-section .part3 .txt-part { position: static; margin-bottom: 4rem;}
    .middle-section .part3 .col:nth-child(2) .image-bx { margin-top: 0; } 
    .middle-section .part3 .image-bx {margin-bottom: 4rem;}
    .middle-section .part3 .col:last-child {margin-bottom: 0;}
    .middle-section .part3 .image-bx:after { display: none;}
    .middle-section .part3 .col:after {  content: ''; position: absolute; height: 7.9rem;
    width: 1px; background: #bfbfbf; right: 0;  left: 0; margin: auto;}
    .middle-section .part3 .col:last-child:after { display: none;}
    
    .middle-section .part4 .sub-section { flex-wrap: wrap; margin-top: 9rem;}
    .middle-section .part4 .sub-section .left {  width: 100%; padding-left:0; }
    .middle-section .part4 .sub-section .right {width: 100%;}
    .middle-section .part4 .sub-section.sub2 .right { order: 2; padding-left: 0;}
    .middle-section .part4 .sub-section.sub2 .left { order: 1; padding-left:0;}
    .middle-section .part4 .sub-section .left .gen-image img { width: 100%;}
    .middle-section .part4 .sub-section .right { padding-left: 0; padding-top: 4rem;}

    .middle-bottom-section .tp-part .sub-section .left { width: 100%; padding-left: 0;}
    .middle-bottom-section .tp-part .sub-section { flex-wrap: wrap;}
    .middle-bottom-section .tp-part .sub-section .left .gen-image img {width: 100%;}
    .middle-bottom-section .tp-part .sub-section .right { width: 100%; padding-left: 0;
    padding-top: 4rem;}
    .middle-section .part4 .sub-section .left .gen-image:before { left: auto; right: -.6rem;
    bottom: -3rem; top: auto; transform: rotate(-90deg);}
    .middle-section .part4 .sub-section .left .gen-image img { position: relative; z-index: 1;}
    .middle-bottom-section .tp-part .sub-section .left .gen-image:before { left: auto; right: -.6rem;
    bottom: -3rem; top: auto; transform: rotate(-90deg);}
    .middle-bottom-section .tp-part .sub-section .left .gen-image img { position: relative;
    z-index: 1;}
    .middle-section { padding: 7.5rem 0 7.5rem;}
    .footer-main .address-mail-bx .bx { min-width: 30.7rem;}
    .footer-main .address-mail-bx .bx:last-child { margin-right: 0;}
    .modal-dialog {max-width: 66.1rem;}
    .banner-part.rider-slider { min-height: 65rem;}
    .middle-section .part3.riders-page .col:after { display: none;}
    .middle-section .part3.riders-page .col { margin-bottom: 9rem; text-align: center;}
    .middle-section .part3 .txt-part2 { max-width: 30rem; display: inline-block;}
    .middle-section .part3.riders-page .col:last-child {margin-bottom: 0;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx { width: 100%;}

    .banner-part.rider-slider.vendor-slider .banner-text-bx {width: 100%;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx .gen-txt {max-width: 100%;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx .register-form {max-width: 100%;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .field { max-width: 49%; margin-right: 2%;}
    .banner-part.rider-slider.vendor-slider { min-height: 67rem;}

    .our-serices-bx .sub-section { flex-wrap: wrap; margin-top: 9rem;}
    .our-serices-bx .sub-section .left { width: 100%; padding-left: 0;}
    .our-serices-bx .sub-section .left .gen-image:before { left: auto; right: -.6rem;
    bottom: -3rem; top: auto; transform: rotate(-90deg);}
    .our-serices-bx .sub-section .left .gen-image img { width: 100%; position: relative;
    z-index: 1;}
    .our-serices-bx .sub-section .right { padding-left: 0; padding-top: 4rem; width: 100%;
    padding-right: 0;}
    .our-serices-bx .sub-section.sub2 .right { order: 2; padding-left: 0; padding-right: 0;}
    .our-serices-bx .sub-section.sub2 .left { padding-right: 0;}
    .our-serices-bx .sub-section.sub2 .left .gen-image:before { right: -.6rem; bottom: -3rem;
    top: auto; transform: rotate( -90deg);}

    .our-technology-bx .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .our-technology-bx { padding: 6.4rem 0; min-height: 38.7rem;}

    .h-work-bx .inner-bx { flex-wrap: wrap; }
    .h-work-bx .inner-bx .sub-bx { max-width: 100%; width: 100%;  flex: 0 0 100%;
    margin-bottom: 11rem;}
    .h-work-bx .inner-bx .sub-bx:after { display: none;}
    .h-work-bx .inner-bx .sub-bx:before {  content: ''; position: absolute; height: 7.9rem;
    width: 1px; background: #bfbfbf; right: 0; left: 0; bottom: -9rem; margin: auto;}
    .h-work-bx .inner-bx .sub-bx:last-child:before {  display: none;}
    .h-work-bx .inner-bx .sub-bx:last-child { margin-bottom: 0;}
    .h-work-bx .inner-bx .sub-bx .step-txt p { max-width: 30rem; display: inline-block;}
    
    .why-bmf .content-bx .part1 { width: 100%; padding-right: 0;}
    .why-bmf .content-bx { flex-wrap: wrap;}
    .why-bmf .content-bx .part2 {min-width: 100%;}
    .why-bmf .content-bx .part3 { width: 100%;  padding-left: 0;}
    .why-bmf .content-bx ul li:last-child { margin-bottom: 0;}
    .why-bmf .content-bx .part2 .gen-img img { width: 100%; margin: 6rem 0;}
    .why-bmf .content-bx .part2 .gen-img:before { right: 0; top: 3.5rem;
    left: auto; transform: rotate(90deg);}
    .why-bmf .content-bx .part2 .gen-img:after { bottom: 3.5rem; left: 0;
    transform: rotate( -90deg );}
    .slick-prev {  left: 0px; } 
    .slick-next { right: 0;}

    .slick-slide img { height: auto;  max-width: 100%;}    

    .logo-bx { text-align: center;}
    .logo-bx img { display: inline-block!important;}
    .slick-prev {left: 0!important; z-index:1;}
    .slick-next { right: 0!important; z-index:1;}

    .slick-initialized .slick-slide { margin: 0 .5rem 0 2.5rem; padding: 0 1rem;}
    .modal-content-bx .left-bx { display: none; } 
    .modal-content-bx .right-bx { width: 100%; padding-left: 0;}



}

@media only screen and (max-width:575px){
    .container { max-width: 100%; width: 90%; } 
    .banner-text-bx .gen-heading { font-size: 5.5rem; }
    .banner-text-bx .gen-txt { font-size: 2.2rem;}
    .banner-text-bx p { font-size: 1.8rem;}
    .banner-part .img5 { bottom: -22rem;}
    .middle-section .part2 .right { padding: 0 5rem;}
    .footer-main .address-mail-bx { flex-wrap: wrap;}
    .footer-main .address-mail-bx .bx { margin-right: 0; min-width: 33.7rem; margin-bottom: 2rem;}
    .footer-main .address-mail-bx .bx:last-child {margin-bottom: 0;}
    .menu-button-container #primary-mobile-menu { font-size: 1.5rem; margin-top: 4.5rem;}
    .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { width: 30px; height: 30px;}
    .menu-button-container { padding-top: 0; padding-bottom: 0;}
    .logo-part { width: 12.9rem;}
    .banner-text-bx .gen-heading { margin-top: 1.5rem;}
    .banner-part { min-height: 66rem;}
    /* footer btn */
    .footer-navigation ul li { width: 48%; padding: 0; margin-bottom: 1rem; }
    .footer-navigation ul { flex-wrap: wrap; justify-content: space-between;}
    .footer-navigation ul li:after { display: none;}
    .footer-navigation ul li a {padding: 1.5rem; display: block; background: rgba(0,0,0,.2);}
    .footer-navigation ul li a:hover {background: rgba(0,0,0,.3);}
    .modal-dialog { padding: 2rem; margin: 0.75rem auto 0;}
    .modal-content-bx { flex-wrap: wrap;}
    .modal-content-bx .left-bx { width: 100%; text-align: center; display: none;}
    .modal-content-bx .right-bx { width: 100%; padding-left: 0;}
    .modal-content-bx .left-bx img {width: 100%;}
    .banner-part.rider-slider { min-height: 60rem;}
    .banner-part.rider-slider .img5 {bottom: -15rem;}
    .slick-initialized .slick-slide {  margin: 0  3.5rem;}
    .middle-section .part4 .sub-section .right .gen-heading { padding-right: 21rem;}
    .middle-bottom-section .tp-part .sub-section .right .gen-heading { padding-right: 20rem;}
    .modal-content-bx .right-bx .gen-heading {  padding-right: 15rem;}
    body.lock-scrolling { overflow: hidden;}
    

}

@media only screen and (max-width:481px){
    /* for menu */
    #main-header { z-index: 9999; }
    .primary-navigation-open .primary-navigation > .primary-menu-container { 
     overflow: hidden; background: #232042; position:relative;}
    .main-navigation { margin-top: 0;}
    .primary-navigation-open .menu-button-container { background:transparent;}
    
    .close { text-shadow: none; color: #fff; opacity: 1; }
    .close:hover { color: #e78522; opacity: 1;}

    .primary-navigation > div > .menu-wrapper { margin-top: 6rem; }
    .primary-navigation > div > .menu-wrapper li { padding: 0; text-align: center;}
    .main-navigation ul li a { color: #fff!important; font-size: 2rem;
    border-bottom: 1px dashed rgba(255,255,255,.3); padding: 2rem 0!important;}
    .main-navigation ul li a:hover:before { display: none;}
    .primary-navigation-open .primary-navigation > .primary-menu-container:before {
    content: ''; position: absolute; background: url(../images/footer-circle-left.png);
    background-repeat: no-repeat; width: 32rem; height: 34.5rem; left: -14rem; bottom: -17rem;
    background-size: contain;}
    .primary-navigation-open .primary-navigation > .primary-menu-container:after {
    content: ''; position: absolute; background: url(../images/footer-circle-right.png);
    background-repeat: no-repeat; width: 32rem; height: 34.5rem; right: -11.4rem; top: -6rem;
    background-size: contain; }
    .main-navigation ul li a:hover { color: #e78522!important;}
    .primary-navigation .current_page_item > a:first-child:before {display:none;}
    .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
        color: #e78522!important;}
    .page-template-default .main-navigation { margin-top: 0;}

}


@media only screen and (max-width:479px){
    .banner-text-bx .gen-heading {font-size: 4.3rem;}
    .banner-text-bx p {margin-top: 2.5rem;}
    .banner-text-bx .register-form .field {  max-width: 100%; margin-right: 0%;} 
    .banner-text-bx .register-form .button {width: 100%;}
    .submit-btn { width: 100%; padding-left: 16rem; background-position-x: 23.8rem;}
    .banner-part { min-height: 77rem;}
    .banner-part .container { min-height: 47.1rem;}
    .banner-part .img5 {bottom: -21rem;}
    .middle-section .part2 .left { padding: 0px 5rem;}
    .middle-section .part2 .left {  padding: 0px 0; align-items:flex-end ;}
    .middle-section .part2 .right .gen-heading { font-size: 3rem;}
    .middle-section .part4 .sub-section .right .gen-heading {  font-size: 3rem;}
    .middle-bottom-section .tp-part .sub-section .right .gen-heading {font-size: 3rem;}
    .wpcf7 form .wpcf7-response-output { font-size: 1.4rem;}
    .banner-text-bx .register-form .field .wpcf7-not-valid-tip {font-size: 1.4rem;}
    .banner-part.rider-slider { min-height: 65rem;}
    .banner-part.rider-slider .img5 {bottom: -20rem;}
    .middle-section .part1 .gen-heading {font-size: 3rem;}
    .slick-slide img {max-height: 60px;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .field { max-width: 100%; margin-right: 0%;}
    .banner-part.rider-slider.vendor-slider .banner-text-bx .register-form .button .submit-btn {
     width: 100%; padding-left: 16rem; background-position-x: 23.8rem;}
    .banner-part.rider-slider.vendor-slider { min-height: 80rem;}
    .banner-part.rider-slider.vendor-slider .img5 { bottom: -17rem;}
    .banner-part.rider-slider.vendor-slider .container {  min-height: 53.1rem; }
    .gen-heading-part { font-size: 3rem; }
    .our-technology-bx .gen-heading { font-size: 3rem; }
    .our-serices-bx {  margin-top: 8rem; }
    .our-serices-bx .sub-section { margin-top: 8rem;}
    .middle-section .part2 .left img { width: 80%;}
    .submit-btn:hover { background-position-x: 24rem;}
    .slick-initialized .slick-slide { margin: 0 4.5rem 0 5.5rem;}
    .middle-section .part4 .sub-section .right .gen-heading { padding-right: 15rem;}
    .modal-content-bx .right-bx .gen-heading { padding-right: 0;}
    .page-template-default .banner-part .container { min-height: auto;}
    .wpcf7 form.sent .wpcf7-response-output { text-shadow: #ffffff 0px 0px 13px;}

    .footer-main .copyright-bx {  flex-wrap: wrap;}
    .footer-main .copyright-bx .webiste-bx { width: 100%; margin-top: 15px; text-align: center; display: block; }
    .footer-main .copyright-bx .webiste-bx:before { display: none;}
    

}