@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/

#iphone-6-more {display: none;}
#iphone-5-less {display: none;}
#mobile-375-svg {display: none;}

/* 1. Mobile responsive css 767px
-----------------------------------*/
@media (max-width:767px) {
    body{min-width: inherit;}
    h2 {font-size: 24px; line-height: 30px;}
    h3 {font-size: 20px; line-height: 24px;}

    .container{width: 100%;padding:0 10px;}
    /*header {z-index: 9999;}*/
    header .main-nav{display: none !important;}
    /*header .main-nav .open-close-icon {display: none;}
    header .mobile-nav .open-close-icon {display: block;}*/
    /* mobile navigation */
    header .mobile-nav { position: fixed; top: 0; right: -100%; width: 100%; max-width: 330px; height: 100%; background: #eb2e2e; display: block; padding: 0 30px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; z-index: 9;}
    header .mobile-nav.active { right: 0; }
    header .mobile-nav .open-close-icon {position: fixed; top: 22px; right: 30px; width: 30px; height: 30px; cursor: pointer;}
    header .mobile-nav .open-close-icon {display: block;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 9999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    /*header .mobile-nav .open-close-icon.open {right: calc(100% - 50px); height:80px;}*/
    header .mobile-nav .open-close-icon span, header .mobile-nav .open-close-icon span:after, header .mobile-nav .open-close-icon span:before{background: #fff;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    header .mobile-nav .open-close-icon span {position: absolute;display: block;width: 25px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    header .mobile-nav .open-close-icon span:after, header .mobile-nav .open-close-icon span:before{content: '';position: absolute;left: 0;width: 100%;}
    header .mobile-nav .open-close-icon span:before{top: -6px;}
    header .mobile-nav .open-close-icon span:after{bottom: -6px;}
    header .mobile-nav .open-close-icon.open span{background-color: rgba(0,0,0,.0)}
    header .mobile-nav .open-close-icon.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    header .mobile-nav .open-close-icon.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    header .mobile-nav .v-center-navigation {position: relative; padding: 65px 0 30px 0; top: 0; -webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    header nav ul {margin: 0; padding: 0; display: block; width: 100%; }
    header nav ul li {margin: 0; padding: 0; display: block; width:100%; list-style: none; color: #fff; font-size: 18px; letter-spacing: 0.1em; line-height: 22px;  }
    header nav ul li a {color: inherit; font-size: inherit; letter-spacing:inherit; line-height:inherit; position: relative; }
    header nav ul li a:after {content:""; width: 0; height:2px; background: #fff; display: block; position: absolute; top: 46%; left: -2px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;  }
    header nav ul li a:hover {color: inherit;}
    header nav ul li a:hover:after, header nav ul li a.active:after {width: 100%;}
    header .main-links {margin-bottom: 10px;}
    header .main-links li {text-transform: uppercase; padding-bottom: 5px;}
    header .sub-links {border-bottom: 2px solid #fff; padding-bottom: 30px;}
    header .sub-links li {text-transform: none; font-size: 14px; line-height: 18px; padding-bottom: 2px; }
    header .mobile-nav .contact-block {font-size: 14px; letter-spacing: 0.1em; line-height: 16px; color: #871d1d; padding: 20px 0; font-weight: 700; }
    header .mobile-nav .contact-block a, header .mobile-nav .contact-block p {font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; font-weight: inherit;}
    header .mobile-nav .contact-block .online-contact {margin-bottom: 20px;}
    header .mobile-nav .social-navigation { width: 100%; font-size: 17px; padding: 15px 0 30px; border-top: 2px solid #fff;}
    header .mobile-nav .social-navigation a {font-size: inherit; color: #fff; margin-right: 5px; display: inline-block; vertical-align: top;}
    header .main-links li ul.sub-menu{display: none;}
    .scroll-hidden {overflow: hidden; position: fixed; width: 100%;}

    /*--------- home page ------------*/
    /* banner part */
    /* home page */
   /* .home-banner {height: auto !important;}*/
    .home-banner li .home-banner-caption{max-width: 360px; margin: 0 auto; padding: 40px 20px; padding-top: 100px; width: 100%;margin-top: 30px; position: relative; top: auto; left: auto; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
    .home-banner-caption h2, .home-banner-caption h3{font-size:  44px; letter-spacing: 0.075em;line-height: 33px; padding-left: 0px;}
    .home-banner-caption h3{padding-left: 23px;}
    .what-we-do-block h2{padding-left: 0; font-size: 79px;line-height: 80px; font-weight: 900;}
    .what-we-do-block h3{font-size: 46px;line-height: 40px;letter-spacing: 0.075em;padding:0 30px;}
    .what-we-do-block h3 + h3{font-size: 24px;line-height: 40px;letter-spacing: 0.075em;padding:0 30px;}
    .what-we-do-block h4{padding-left: 30px; display: none;}
    .what-we-do-block .container:after{right: -28%; top: auto; bottom: 60px;background-size: cover; height: 330px;}
    .top-footer .contact-link{width: 100%;margin-bottom: 48px;}
    .search-tool-block canvas {height: 100%;}
    .search-tool-block h2{font-size: 19vw; text-transform: lowercase;line-height: 100%;text-align: center;margin-top: 30px;}
    .search-tool-block .search-list{font-size: 24px; line-height: 40px; padding:0 30px;text-align: center;}
    .search-tool-block .search-list ul li a:before {display: none;}
    .home-banner-caption .btn{margin-left: 0; font-size: 18px; line-height: 37px;letter-spacing: 0.075em;}
    .search-tool-block .container{background-image: none;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none; padding: 0; border-width: 2px 0 2px 0; border-style: solid; border-color: #fff;}
    .home-banner-caption .since-txt{position: relative; display: block; right: auto; bottom: auto; text-align: right; margin-top: 10px;}
    header .mobile-nav{max-width: 100%; /*overflow: auto;*/}
    header .mobile-nav.active {overflow: auto;}

    .search-tool-block{/*height: 510px !important; */overflow: visible;}
    .search-tool-block .search-list ul li {font-size: 24px; line-height: 30px;}
    .search-tool-block .fp-tableCell{height: auto !important;}
    .search-tool-block .table-cell-block{height: 510px;padding-bottom: 190px;}
    .search-tool-block .table-block .up-img{display: block; bottom: -48px; z-index: 1;}
    header .mobile-nav .social-navigation a{margin-right: 20px;}
    header .mobile-nav .social-navigation a:before{font-size: 30px}
    header .mobile-nav .social-navigation{padding: 15px 10px 30px 10px;}
    .down-page{display: none;}
  /*  .what-we-do-block{height: auto !important;}*/
    .fp-tableCell{height: auto !important;}
    .what-we-do-block .container{padding: 10px 0px 166px 0px;}
   /* footer{height: auto !important;}*/
    footer .fp-tableCell{height: auto !important;}
    footer .top-footer{height: auto;}
    header{height: 69px; border-bottom: 2px solid #100364; background-color: #12007a;}
    header .mobile-nav .open-close-icon{top: 20px; /*z-index: 9999;*/}
    header .mobile-nav .open-close-icon.open{ background: #eb2e2e}
    header .open-close-search{top: 21px; z-index: 1}
    header .brand{width: 47px; height: 47px; top: 10px; z-index: 0;}
    header .main-links li{font-size: 24px;line-height: 40px;letter-spacing: 0.1em; position: relative; padding-bottom: 0;font-weight: bold;}
    header .main-links > li > a{display: block;}
    header .sub-links li{font-size: 18px;line-height: 34px; }
    header .mobile-nav .contact-block a, header .mobile-nav .contact-block p{font-size: 18px; line-height: 22px;}
    header .main-links li ul.sub-menu{/*position: absolute;*/ right: 0; top: 100%; display: none; width: auto; text-align: right; margin-top: -10px; z-index: 9;padding-left: 10px;background-color: #eb2e2e;}
    header .main-links li ul.sub-menu li{font-size: 16px; line-height: 30px;letter-spacing: 0.1em; padding-bottom: 0;}
    .search-tool-block .search-list a{display: inline-block;}
    .search-tool-block .search-list a:after{margin-left: 5px;margin-top: -5px;}
    .top-footer .container{padding: 100px 10px 0 10px;}
    footer video{object-fit: cover;}
    .top-footer .contact-link small{font-size: 18px;line-height: 20px;letter-spacing: 0.075em;font-weight: 400;}
    .bottom-footer p{line-height: 14px;}
    .bottom-footer{height: auto;padding: 10px 0 40px 0;}
    .scroll-down{display: none;}

    .left-section {width: 100%; height: auto; margin-top: 65px; text-align: center; padding: 0;}
    .left-section .table-block {min-height: 106px; height: auto; max-width: 70%;}
    .left-section h1 {font-size: 28px; letter-spacing: 0.025em; line-height: 29px;}
    .right-section {width: 100%; border-left: 0; border-top:2px solid #fff;}
    .right-section .right-navigation {display: none;}
    .right-section .vertical-slider {height: inherit;}
    .right-section .vertical-slider .timeline-slider {float: right;width: 30px; background: #100364;}
    .right-section .vertical-slider .timeline-slider h2 {display: none;}
    .right-section .vertical-slider .timeline-slider h3 {display: block; font-size: 12px; line-height: 14px; text-align: center;}
    .right-section .vertical-slider .timeline-slider h3:last-child {padding-left: 0;}
    .right-section .vertical-slider .timeline-slider .slide.active h3 {color: #eb2e2e; }
    .right-section .vertical-slider .content-slider {float: left; height: inherit; width: calc(100% - 35px); padding: 0 20px;}
    .right-section .vertical-slider .content-slider .slick-list{height: inherit !important}
    .right-section .vertical-slider .content-slider h2 {font-size: 120px; line-height: 20px; top:auto; margin-bottom: 70px;  }
    .right-section .vertical-slider .content-slider p {margin-bottom: -10px;}
    /*.right-content.careers-page .custom-scroll-content {margin-left: 0; width: 100%;}*/
    .history-page.non-slider-pages {height: auto;}
    .history-page.non-slider-pages .right-section .right-content {height: auto;}
    .left-section .customers-button {display: none;}
    .left-section .customers-logos {display: none;}
    .right-section .customers-block {display: block;}
    .right-section .customers-block .customers-button {position: relative; bottom: auto; left: auto; height: 110px; padding: 20px; z-index: 99}
    .right-section .customers-block .customers-button i {bottom: 11px;}
    .right-section .customers-block .customers-logos {position: relative; left: auto; top: auto; display: none; -webkit-transition: 0s;-o-transition: 0s;transition: 0s; z-index: 99}
    .right-section .customers-block .customers-logos .single-customer {height: 120px; }
    .right-section .right-content .custom-scroll-content {padding-top: 30px; padding-bottom: 30px;}
    .right-content.careers-page .custom-scroll-content .custom-scroll-padding {padding-right: 30px; padding-left: 30px;}
    .right-section .right-content .custom-scroll-content .custom-scroll-padding {padding-right: 30px; padding-left: 30px;}
    .accordion-section .title-accordion:before {left: -23px;}
    .accordion-section .title-accordion:after {left: -17px;}
    .right-section .right-navigation.select-menu {display: block; height: auto;}
    .right-section .right-navigation.select-menu select {width: 40%; max-width: 280px;}
    .news-products-block {height: auto;}
    .right-navigation.select-menu {padding: 0;}
    /*.right-section .right-content .custom-scroll-content {padding: 30px; margin-left: 0; width:100%;}*/
    .left-section .navigation-block {width: 100%; height: 33px; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .left-section .navigation-block a img {width: 21px; height: 33px;}
    .left-section .navigation-block a {position: absolute; }
    .left-section .navigation-block a.prev-page {left: 30px;}
    .left-section .navigation-block a.next-page {right: 30px;}
    .customers-logos .single-customer img {max-width: 80%;}
    .work-process-block {padding-top: 120px;}
    .process-block {display: none;}
    .work-process-block .title-block h1 {font-size: 40px; letter-spacing: 0;}
    .mobile-process-block {display: block; position: relative; height: 820px;}
    .mobile-process-block .svg-line-draw {overflow: hidden;}
    #HIW_lines_mobile {width: 100%; overflow: hidden;}
    #HIW_lines_mobile svg { width: 768px; position: absolute; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
    .processes-container-mobile {width: 100%; max-width: 404px; height: 860px; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} 
    .processes-container-mobile .blk_item { position: absolute; display: block; width: 340px; height: 110px}
    .processes-container-mobile .svg1 {top: 25px;}
    .processes-container-mobile .svg2 {top: 145px;}
    .processes-container-mobile .svg3 {top: 295px;}
    .processes-container-mobile .svg4 {top: 435px;}
    .processes-container-mobile .svg5 {top: 580px;}
    .processes-container-mobile .svg6 {top: 695px;}
    .processes-container-mobile .blk_item .small-svg-block {width: 60px; height: 68px; background: #130377;}
    .processes-container-mobile .blk_item .process-content-block {width: calc(100% - 75px); }
    .processes-container-mobile .blk_item .small-svg-block, .processes-container-mobile .blk_item .process-content-block {position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); opacity: 1; visibility:visible; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
    .processes-container-mobile .blk_item.svg-animation-active .small-svg-block {opacity: 1; visibility: visible;}
    .processes-container-mobile .blk_item.text-animation-active .process-content-block {opacity: 1; visibility: visible;}
    .processes-container-mobile .blk_item.left-svg .small-svg-block {right:0; }
    .processes-container-mobile .blk_item.right-svg .small-svg-block {left:0; }
    .processes-container-mobile .blk_item.left-svg.text-slide-animation .process-content-block {left:0;}
    .processes-container-mobile .blk_item.right-svg.text-slide-animation .process-content-block {right:0;}
    .processes-container-mobile .blk_item .process-content-block h2 {font-size: 20px; letter-spacing: 0.075em; line-height: 24px; margin-bottom: 5px;} 
    .processes-container-mobile .blk_item .process-content-block p {font-size: 15px; font-weight: 400; letter-spacing: 0.075em; margin-bottom: 0;}
    .processes-container-mobile .blk_item.center-left-content {right: 0px;}
    .processes-container-mobile .blk_item.center-right-content {left: 0px;}
    .processes-container-mobile .blk_item.center-left-content .small-svg-block {right: 0;}
    .processes-container-mobile .blk_item.center-right-content .small-svg-block {left: 0;}
    .processes-container-mobile .blk_item.center-left-content .content-left-justify {text-align: right; padding-left: 10px;}
    .processes-container-mobile .blk_item.center-right-content .content-right-justify {text-align: left;}
    .processes-container-mobile .blk_item.center-left-content.text-slide-animation .content-left-justify {left: 0;}
    .processes-container-mobile .blk_item.center-right-content.text-slide-animation .content-right-justify {right: 0;}
    .processes-container-mobile .content-left-justify {text-align: right;}
    .processes-container-mobile .content-right-justify {text-align: left; left: 72px}
    .processes-container-mobile .left-absolute {left: 0px;}
    .processes-container-mobile .right-absolute {right: 0px;}
    .processes-container-mobile .blk_item .small-svg-block SVG {position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); left: 0;}
    /*#iphone-5-less {display: none;}
    #mobile-375-svg {display: none;}
    #iphone-6-more {display: block;}*/
    #HIW_lines_mobile {display: block;}
    .process-accordion-block article h2 {font-size: 26px; letter-spacing: 0.075em; padding: 20px; padding-right: 60px; text-align: left; position: relative; line-height: normal;}
    .process-accordion-block article .side-icon {display: none;}
    .process-accordion-block article .container {width: 100%;}
    .process-accordion-block article h2 i {position: absolute; right: 20px; top: 50%; margin-top: -15px; }
    .process-accordion-block .process-details {text-align: left; padding: 0 20px;}
/*
    .dform-form .dform_file_upload input[type="file"] {margin-left: -90px;}
    .dform-form .dform_file_upload input[type="file"]::before {left: 85px;}
*/
    .contact-imformation .contact-link span {width: 74px; height: 45px; margin-right: 10px;}
    .contact-imformation .contact-link object {padding-left: 10px;}

    .top-footer .contact-link { margin-bottom: 8%;}
    .top-footer .contact-link.mail-us {height: 105px;}

    .home-banner-caption .since-txt {font-size: 17px;margin-top: 3px;}
    .home-banner-caption .btn {margin-top: -22px;font-size: 12px;line-height: 29px}
    .scroll-down {display: block;}
    .home-banner li .home-banner-caption { margin-top: 0px !important; }
    .what-we-do-block .btn,.what-we-do-block h4 { display: block !important;}
    .what-we-do-block .btn {width: 37%; margin-left: 0;line-height: 26px;}
    .what-we-do-block .container {padding: 10px 0px 36px 0px;}

    .search-tool-block .table-block .up-img { display: none;}
    .search-tool-block .container { border: none !important;}
    .search-tool-block .table-cell-block {padding-bottom: 20%;}
    
    .history .right-section .vertical-slider .content-slider {min-width: initial;max-width: 80%;width: 100%;}
    .right-section .right-content .scroll-down-content {display: none;}
    

}

/* 2. iPad responsive css 768px to 1024px
-----------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

    /* default  */
    body{min-width: inherit;}

    .container{width: 100%;padding:0 10px;}
    header .main-nav{display: none !important;}
    /* mobile navigation */
    header .mobile-nav { position: fixed; top: 0; right: -100%; width: 100%; max-width: 330px; height: 100%; background: #eb2e2e; display: block; padding: 0 50px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; z-index: 9}
    header .mobile-nav.active { right: 0; }
    header .mobile-nav .open-close-icon {position: fixed; top: 22px; right: 30px; width: 30px; height: 30px; cursor: pointer;}
    header .mobile-nav .open-close-icon {display: block;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 9999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    /*header .mobile-nav .open-close-icon.open {right: calc(100% - 50px); height:80px;}*/
    header .mobile-nav .open-close-icon span, header .mobile-nav .open-close-icon span:after, header .mobile-nav .open-close-icon span:before{background: #fff;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    header .mobile-nav .open-close-icon span {position: absolute;display: block;width: 25px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    header .mobile-nav .open-close-icon span:after, header .mobile-nav .open-close-icon span:before{content: '';position: absolute;left: 0;width: 100%;}
    header .mobile-nav .open-close-icon span:before{top: -6px;}
    header .mobile-nav .open-close-icon span:after{bottom: -6px;}
    header .mobile-nav .open-close-icon.open span{background-color: rgba(0,0,0,.0)}
    header .mobile-nav .open-close-icon.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    header .mobile-nav .open-close-icon.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    header .mobile-nav .v-center-navigation {position: relative; padding: 65px 0; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    header nav ul {margin: 0; padding: 0; display: block; width: 100%; }
    header nav ul li {margin: 0; padding: 0; display: block; width:100%; list-style: none; color: #fff; font-size: 18px; letter-spacing: 0.1em; line-height: 22px;  }
    header nav ul li a {color: inherit; font-size: inherit; letter-spacing:inherit; line-height:inherit; position: relative; }
    header nav ul li a:after {content:""; width: 0; height:2px; background: #fff; display: block; position: absolute; top: 46%; left: -2px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;  }
    header nav ul li a:hover {color: inherit;}
    header nav ul li a:hover:after, header nav ul li a.active:after {width: 100%;}
    header .main-links {margin-bottom: 10px;}
    header .main-links li {text-transform: uppercase; padding-bottom: 5px;}
    header .sub-links {border-bottom: 2px solid #fff; padding-bottom: 30px;}
    header .sub-links li {text-transform: none; font-size: 14px; line-height: 18px; padding-bottom: 2px; }
    header .mobile-nav .contact-block {font-size: 14px; letter-spacing: 0.1em; line-height: 16px; color: #871d1d; padding: 20px 0; font-weight: 700; }
    header .mobile-nav .contact-block a, header .mobile-nav .contact-block p {font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; font-weight: inherit;}
    header .mobile-nav .contact-block .online-contact {margin-bottom: 20px;}
    header .mobile-nav .social-navigation {position: absolute; bottom: 0; left: 50px; width: calc(100% - 100px); font-size: 17px; padding: 15px 0 30px; border-top: 2px solid #fff;}
    header .mobile-nav .social-navigation a {font-size: inherit; color: #fff; margin-right: 5px; display: inline-block; vertical-align: top;}
    header .main-links li ul.sub-menu{display: none;}
    .scroll-hidden {overflow: hidden; position: fixed; width: 100%}

    /* home page */
    .home-banner li .home-banner-caption{max-width: none;width: auto;}
    .home-banner-caption h2, .home-banner-caption h3{font-size:  77px; letter-spacing: 0.075em;line-height: 57px; padding-left: 40px;}
    .home-banner-caption h3{padding-left: 100px;}
    .what-we-do-block h2{padding-left: 0; font-size: 140px;}
    .what-we-do-block h3{font-size: 46px;line-height: 57px;letter-spacing: 0.05em;padding-left: 30px;}
    .what-we-do-block h4{padding-left: 30px; display: none;}
    .what-we-do-block .container:after{right: 0; top: auto; bottom: 0;background-size: cover; height: 610px;}
    .top-footer .contact-link{width: 24%;}
    .search-tool-block h2{font-size: 148px; text-transform: lowercase;}
    .search-tool-block .search-list{font-size: 43px; line-height: 60px; padding-left: 30px;}
    .home-banner-caption .btn{margin-left: 45px;}
    .search-tool-block .container{background-image: none;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none; padding: 0; border-width: 2px 0 2px 0; border-style: solid; border-color: #fff;}
    .search-tool-block .search-list ul li {font-size: 43px; line-height: 55px;}
    .home-banner-caption .since-txt{right: 0px;}
    header .mobile-nav{max-width: 100%;}
    .scroll-down {display: none;}

    /*.search-tool-block{height: 510px !important; overflow: visible;}*/
    .search-tool-block .fp-tableCell{height: auto !important;}
    .search-tool-block .table-cell-block{height: 510px;padding-bottom: 110px;}
    .search-tool-block .table-block .up-img{display: block; bottom: -48px; z-index: 1;}
    header .mobile-nav .social-navigation a{margin-right: 20px;}
    header .mobile-nav .social-navigation a:before{font-size: 34px}
    header .mobile-nav .social-navigation{padding: 15px 10px 30px 10px;}
    .down-page{display: none;}
    /*.what-we-do-block{height: auto !important;}*/
    .fp-tableCell{height: auto !important;}
    .what-we-do-block .container{padding: 140px 10px 220px 10px;}
   /* footer{height: auto !important;}*/
    footer .fp-tableCell{height: auto !important;}
    footer .top-footer{height: calc(490px - 60px);}
    header{height: 89px; border-bottom: 2px solid #100364; background-color: #12007a;}
    header .mobile-nav .open-close-icon{top: 32px;}
    header .open-close-search{top: 33px; z-index: 1}
    header .brand{width: 70px; height: 70px; top: 9px; z-index: 0;}
    header .main-links li{font-size: 32px;line-height: 48px;letter-spacing: 0.1em; position: relative; padding-bottom: 0;}
    header .main-links > li > a{display: block;}
    header .sub-links li{font-size: 18px;line-height: 34px; }
    header .mobile-nav .contact-block a, header .mobile-nav .contact-block p{font-size: 18px; line-height: 22px; display: block;}
    header .main-links li ul.sub-menu{position: absolute; right: 0; top: 100%; display: none; width: auto; text-align: right; margin-top: -10px; z-index: 9;padding-left: 10px;background-color: #eb2e2e;}
    header .main-links li ul.sub-menu li{font-size: 18px; line-height: 38px;letter-spacing: 0.1em; padding-bottom: 0;}

    /* history page */
    .left-section {width: 100%; height: auto; padding:20px 0 25px;margin-top: 90px; text-align: center;}
    .left-section .table-block {height: auto;}
    .left-section h1{text-align: center;font-size: 48px;line-height: 55px;}
    .right-section{width: 100%; height: calc(100% - 190px); border-left: 0;}
    .right-section .right-navigation{padding: 20px 20px;border-top: 2px solid #fff;}
    .right-section .right-navigation ul li a{font-size: 16px; line-height: 30px;}
    .right-section .vertical-slider .content-slider{}
    .right-section .vertical-slider .content-slider h2{top: -60px;line-height: 100%;}
    .right-section .vertical-slider .table-cell-block{ display: block; position: absolute; width: 100%; top: 50%; -webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);-o-transform: translatey(-50%);transform: translatey(-50%);}
    .right-section .vertical-slider{height: calc(100% - 75px);}
    .right-section .vertical-slider .timeline-slider{padding: 30px 0; height: 100%;}
    .right-section .vertical-slider .content-slider .slick-track{height:100%;}
    .right-section .right-content {height: auto;}
    .right-section .right-content .custom-scroll-content {height: auto;}
    .right-section .right-content .custom-scroll-content .custom-scroll-padding {padding-left: 30px;padding-right: 30px;}
    .accordion-section {padding-left: 30px;}
    /*
    .right-content.careers-page .custom-scroll-content {width: 100%; margin-left: 0; padding-right: 20px;}
    .right-content.careers-page .custom-scroll-content .custom-scroll-padding {padding-left: 20px;}
    .right-section .right-content .custom-scroll-content {padding-right: 20px; margin-left: 0; padding-left: 20px; width: 100%;}
    */

    .history-page.non-slider-pages {height: auto;}
    .history-page.non-slider-pages .right-section .right-content {height: auto;}
    .left-section .customers-button {display: none;}
    .left-section .customers-logos {display: none;}
    .right-section .customers-block {display: block;}
    .right-section .customers-block .customers-button {position: relative; bottom: auto; left: auto; height: 110px; padding: 20px; z-index: 99}
    .right-section .customers-block .customers-button i {bottom: 11px;}
    .right-section .customers-block .customers-logos {position: relative; left: auto; top: auto; display: none; -webkit-transition: 0s;-o-transition: 0s;transition: 0s; z-index: 99}
    .right-section .customers-block .customers-logos .single-customer {height: 120px; }
    .news-products-block {height: auto;}

    .processes-container {max-width: 680px;}
    .processes-container .blk_item.right-svg .small-svg-block {left: 0; right: auto;}
    .processes-container .blk_item.left-svg .small-svg-block {right: 0; left: auto;}

    .processes-container .blk_item.left-svg .process-content-block {left:-60px; right: auto;}
    .processes-container .blk_item.right-svg .process-content-block {right:-60px; left: auto;}
    .processes-container .blk_item.left-svg.text-slide-animation .process-content-block {left: 0;right: auto;}
    .processes-container .blk_item.right-svg.text-slide-animation .process-content-block {right: 0;left: auto;}


    .processes-container .content-left-justify {text-align: right;}
    .processes-container .content-right-justify {text-align: left;}

    .process-accordion-block article .side-icon {left: 50px;}
    .process-accordion-block article h2 {padding-top: 50px;}
    /*.dform-form .dform_file_upload input[type="file"] {margin-left: -85px;}
    .dform-form .dform_file_upload input[type="file"]::before {left: 80px;}*/

    .right-section .right-content .custom-scroll-content { padding-bottom: 0;}

    .scroll-down {display: block;}
    .search-tool-block .container {border-style: none;}
    .search-tool-block .table-block .up-img { display: none;}
    body.homepage .search-tool-block .search-list {margin-top: 7%;}
    footer .table-cell-block { width: 27%; display: inline-block;}
    footer .table-cell-block > a { width: 100% !important; margin-bottom: 20%; }
    footer .bottom-footer { position: absolute; left: 0 ; right: 0; top: auto; bottom: 0; }
    footer .table-block {top: -16%;}
    .top-footer .contact-link.mail-us small { display: none !important;}
    .top-footer .contact-link.mail-us p { opacity: 1 !important; visibility: visible !important; text-transform: uppercase !important;}
    .what-we-do-block h2 {margin-bottom: 8%;}
    .what-we-do-block h4 { display: block;}

    

}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .search-tool-block .container { background: none !important;}
    .right-section .right-content .scroll-down-content {display: none;}
    .history .right-section .vertical-slider .content-slider {min-width: 420px;}
}
/* 3. large desktop responsive css 1025px to 1200px
----------------------------------------------------*/
@media (min-width:1024px) and (max-width:1280px) {
    /* default  */
    body{min-width: initial;}

    .container{width: 100%;padding:0 10px;}
    /* home page */
    .home-banner li .home-banner-caption{max-width: none;width: auto;}
    .home-banner-caption h2, .home-banner-caption h3{font-size:  77px; letter-spacing: 0.075em;line-height: 57px; padding-left: 40px;}
    .home-banner-caption h3{padding-left: 100px;}
    .what-we-do-block h2{padding-left: 0; font-size: 140px;}
    .what-we-do-block h3{font-size: 46px;line-height: 57px;letter-spacing: 0.05em;padding-left: 30px;}
    .what-we-do-block h4{padding-left: 30px;}
    .what-we-do-block .container:after{right: 0; top: auto; bottom: -50%;}
    .top-footer .contact-link{width: 24%;}
    .search-tool-block h2{font-size: 148px; text-transform: lowercase;}
    .search-tool-block .search-list{font-size: 43px; line-height: 60px; padding-left: 30px;}
    .home-banner-caption .btn{margin-left: 45px;}
    .search-tool-block .table-block{max-width: 750px;}
    .search-tool-block .container{background-size: 96%;}
    .search-tool-block .search-list ul li {font-size: 43px; line-height: 55px;}

    /*inner pages */
    .left-section {padding-left: 20px;}
    .right-section .vertical-slider .content-slider {padding-right: 20px;}
    .right-section .right-navigation {padding-left: 20px; padding-right: 100px;}
    .right-section .right-navigation ul li {padding-left: 0;}
    .left-section h1 {font-size: 45px; line-height: 45px;}
    .right-content.careers-page .custom-scroll-content {margin-left: 20px;width: calc(100% - 20px); padding-right: 20px;}
    .right-content.careers-page .custom-scroll-content .custom-scroll-padding {padding-left: 0; }
    .right-section .right-content .custom-scroll-content .custom-scroll-padding {padding-left: 0;}
    .right-content.careers-page .custom-scroll-content .custom-scroll-padding.contact-page {padding-left: 0;}
    .contact-imformation .contact-link span {margin-right: 15px; width: 70px; height: 60px;}
    /*.contact-imformation .contact-link object {padding-left: 25px;}*/
    .contact-imformation .contact-link .telephone-content { width: calc(100% - 90px);}
    .right-section .right-content .custom-scroll-content {width: calc(100% - 20px);margin-left: 20px; padding-right: 20px;}
    .map-block {margin-left: -20px; }
    .customers-button {padding: 20px;}
    .customers-button i {bottom: 12px}
    .customers-logos .single-customer img {max-width: 80%; max-height: 85%; }
    .right-navigation select {width: 40%;}
    .accordion-section {padding-left: 30px;}
    .right-section .vertical-slider .content-slider h2, .right-section .vertical-slider .content-slider h3 {font-size: 170px; line-height: 90px;}
    /*.dform-form .dform_file_upload input[type="file"] {margin-left: -85px;}
    .dform-form .dform_file_upload input[type="file"]::before {left: 80px;}*/
    #HIW_lines {width: 480px; height: 740px;}
    .processes-container .svg1 {top: 65px;}
    .processes-container .svg2 {top: 155px;}
    .processes-container .svg3 {top: 252px;}
    .processes-container .svg4 {top: 352px;}
    .processes-container .svg5 {top: 451px;}
    .processes-container .svg6 {top: 560px;}

}
/* 4. Other media-query
------------------------------------------------*/
@media (max-width:480px){
    .home-banner-caption h2, .home-banner-caption h3{font-size: 35px; line-height: 27px;}
    .home-banner-caption h1{font-size: 24px;}
    .what-we-do-block h2{font-size: 19vw;line-height: 100%;}
    .what-we-do-block h3{padding: 0 20px; font-size: 40px;line-height: 35px;}
    .what-we-do-block h3 + h3{padding: 0 20px; font-size: 20px; line-height: 26px;margin-top: 5px;}
    .what-we-do-block h4{padding: 0 20px; font-size: 14px;}
    .what-we-do-block .btn{padding: 0 10px;}
    .search-tool-block .search-list{font-size: 18px;}
    .search-tool-block .search-list{padding: 0 20px;}
    .search-tool-block .search-list{line-height: 30px;}
    .search-tool-block .search-list ul {left: 20px; right: 20px;}
    header .mobile-nav{padding: 0 20px;z-index: 9}
    header .main-links li{font-size: 20px; line-height: 30px;}
    .header-search-block form .search-input{width: 90%; margin: 0 auto; display: block;}
    .header-search-block form .submit-input{margin: 0 auto; display: block;}
    .home-banner-caption .since-txt{margin-top: 0;}
    
    .right-navigation .select2 {margin: 0; margin-bottom: 12px;}
    .right-section .right-navigation.select-menu {padding-top: 12px;}
    .right-section .right-navigation.select-menu select {width: 80%; }
    .news-products-block article {width: 100%; height: 140px; padding-top: 20px; border-right: 0;}
    .contact-imformation .contact-link {margin-bottom: 20px;}
    .contact-imformation .contact-link span {width: 100%; height: 45px; display: block; margin-bottom: 10px; text-align: center;}
    .contact-imformation .contact-link object {padding-left: 0;}
    .contact-imformation .contact-link small {font-size: 20px; display: block; text-align: center;}
    .contact-form .dform_element.field_captcha {position: relative; width: 100%; height: 60px; }
    .contact-form .dform_element.field_captcha .dform_container{-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7); position: absolute; left: -45px; top: -10px;}
    .contact-imformation .contact-link .telephone-content {display: block; margin: auto;}
    .customers-button {font-size: 33px;}

    .right-section .vertical-slider {margin-top: 30px;}
}
@media (max-width:375px){
    .processes-container-mobile .right-absolute {right: 0;}
    .processes-container-mobile .left-absolute {left: 0;}
    .processes-container-mobile .blk_item.center-left-content {right: 0;}
    .processes-container-mobile .blk_item.center-right-content {left: 0;}
    .processes-container-mobile {max-width: 360px;}
    .right-section .vertical-slider .content-slider h2 {font-size: 100px;}
    
    .left-section h1 {font-size: 24px; line-height: 28px;}
}

@media (max-width:320px){
    .processes-container-mobile {max-width: 280px; overflow: hidden;}
    .processes-container-mobile .blk_item {width: 100%;}
    
    
    .processes-container-mobile .blk_item.center-left-content {right: 0;}
    .processes-container-mobile .blk_item.center-right-content {left: 0;}
    .processes-container-mobile .left-absolute {left: 0;}
    .processes-container-mobile .right-absolute {right: 0;}
    .left-section h1 {font-size: 20px; line-height: 24px;}
    .what-we-do-block h3 {font-size: 32px;}
    /*.dform-form .dform_file_upload input[type="file"] {margin-left: -85px;}
    .dform-form .dform_file_upload input[type="file"]::before {left: 80px;}*/

    .customers-button {font-size: 25px;}

}
@media (min-width:376px) and (max-width:767px){
    #iphone-5-less {display:none ;}
    #mobile-375-svg {display:none ;}
    #iphone-6-more {display:block;}
}
@media (min-width:321px) and (max-width:375px){
    #iphone-6-more {display:none ;}
    #mobile-375-svg {display:block;}
    #iphone-5-less {display:none ;}
}
@media (min-width:260px) and (max-width:320px){
    #iphone-5-less {display: block;}
    #mobile-375-svg {display: none;}
    #iphone-6-more {display: none;}
}
@media (max-width:1024px){
    #sb-nav {height: 100% !important; margin-top: 0 !important; top: 0 !important;}
    #sb-nav-close {position: absolute !important; top: -30px !important; right: 0 !important}
    #sb-nav-next, #sb-nav-previous {top: 50% !important; margin-top: -20px;}
}
@media (max-width:767px){
    #sb-nav-close {position: absolute !important; top: -16px !important; right: 0 !important}
    #sb-nav-close:before {width: 14px !important; height: 14px !important;}
}