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

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

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
    body {font-size: 12px;}
    .utnitsbiz{display: none;}    
    h1, h2, h3, h4, h5, h6 { margin-bottom:8px; margin-top: 20px;}
    h1 { font-size:20px;}
    h2 { font-size:20px; margin-top: 0; margin-bottom: 18px; }
    h3 { font-size:15px;}
    h4 { font-size:14px;}
    h5 { font-size:14px;}
    h6 { font-size:13px;}

    p { font-size:12px; margin-bottom:8px; }
    ul { margin:10px 0 20px; }
    ul li { font-size:12px; padding:0 0 0 16px; line-height: 1.5; }
    ul li:before{ width: 4px; height: 4px; top: 7px;}
    ol { margin:10px 0 20px; }
    ol li { font-size:12px; padding:0 0 0 16px; line-height: 1.5; }
    figcaption {padding: 0 10px; font-size: 10px;}

    .aligncenter, .alignleft, .alignright  {display: block; clear:both; margin:15px auto; float: none;}


    /* header */
    a.logo{max-width: 150px; margin-top: 10px;}
    .lang-menu {
        position: absolute;
        right: 53px;
        top: 2px;
    }
    .head-top .container{padding-left: 30px;  padding-right: 30px;}
    .search-right {display: none;}
    .main-menu {display: none;}
    .head-bottom ul.business-areas > li{width: 33.33%;}    
    .head-bottom ul.business-areas > li > a {height: 50px;line-height: 50px; width: 100%; font-size: 12px;}
    .head-top {padding: 14px 0 26px;}
    .mobile-nav-block{display:block;}   
    .slider-switch{display: block;} 
    .head-bottom .container{padding: 0;}
    .slider-switch .lines:before { top:6px }
    .slider-switch .lines:after { top:-6px }

    .banner{min-height: 358px;}
    .btn, a.btn { line-height: 36px; min-height: 40px; min-width: 180px; font-size: 10px;}  

    /* mega-menu */
    .mega-menu{box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.5); display:none;}
    .mega-menu .one-block{padding: 20px 20px;border-top: 1px solid #e5e5e5; border-left: none;} 
    .mega-menu .one-block h4 {font-size: 16px; margin-bottom: 14px;}    
    .mega-menu .one-block p{font-size: 12px;}    
    .mega-menu .one-block .one-block-inner ul li a{font-size: 12px;}
    .mega-menu .dis-table, .mega-menu .dis-table-cell{display: block;} 
    .mega-menu .three-col .one-block {width: 100%;}    
    .mega-menu .one-block.third {min-height: 100px;}
    .mega-menu .one-block .one-block-inner{width: 100%;}
    /*
    .mega-menu .two-col .one-block.first { width: 100%;}    
    .mega-menu .two-col .one-block.third{width: 100%;}
    */
    li.two-col .mega-menu .three-col .one-block.first,
    li.two-col .mega-menu .three-col .one-block.third{width: 100%;}
    .mega-menu .one-block .one-block-inner > a {font-size: 14px;}

    /* cookies */
    .cookies-box { padding: 15px;}
    .cookies-box-inner{width: 100%; padding-right: 0; margin-bottom: 10px;}
    .cookies-box-inner p{font-size: 12px;}
    .cookies-box-close{width: 100%; text-align: center;}  
    .cookies-box-close a.btn { width: auto; font-size: 10px;}    

    #cookieAgree{padding: 20px 0px 15px !important; }
    #cookieAgree a:last-child{font-size: 14px; margin:5px 5px 5px 5px;}


    /* banner */    
    .banner-position h1{margin: 0 0 12px; font-size: 20px;}
    .banner-position p{margin: 0 0 14px; font-size: 12px;}
    .banner a.play-btn {border: 2px solid #ffffff;font-size: 20px; height: 45px; line-height: 40px; width: 45px;}
    .banner a.play-btn i{margin-left: 6px;}
    .banner a.play-btn.playing i{margin-left: 0;}

    /* area-boxes */
    .img-box{width: 100%;}    
    .caption-box { padding: 30px 36px 30px; border-bottom: 1px solid #dcddde; width: 100%;}
    .caption-box a.arrow{display: none;}
    .caption-box h2{font-size: 17px; margin-bottom: 16px;}
    .single-box { width: 100%;}    
    .area-box-bottom .img-box {float: left;}   
    .full-box .equal-height {height: auto !important; min-height: 200px;}
    .full-box-inner{position: static; transform: none; -webkit-transform: none;  max-width: none;}
    .area-boxes { margin-bottom: 20px;}   
    .equal-height {height: auto !important; min-height: 170px;} 
    .img-box .img-box-bg{min-height: 170px;}    
    .caption-box p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}

    /* footer */    
    .footer-main .footer-left{width: 100%; text-align: center;}
    .footer-main .footer-right{width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}
    .footer-main .container{border: none; padding-bottom: 20px;}
    /*.footer-main address, .footer-main address a{color: #3a3a3a; font-size: 10px;}  */
    .footer-left p{font-size: 10px;}    
    .footer-left li a{font-size: 10px;}
    .footer-left ul li { padding: 0 0 0 18px;}
    .footer-left ul li:before{ top: 7px; left: 7px;}

    /* about page */   
    a.scrolldown, a.scrolltop{display: none;}  
    .banner-inner{min-height: 154px;}
    .breadcumb{display: none;}
    aside.scroll-nav { position: static; margin: -20px 0 0 0; padding: 20px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; border-bottom: 1px solid #e7e7e7; }
    .content-right{padding-right: 0; width: 100%;}
    aside ul.left-menu{line-height: 0;}
    aside ul.left-menu li { display: inline-block; vertical-align: top; margin: 0 20px 0 0; font-size: 12px;}
    .top-section {padding: 20px 0 20px;}    
    .top-section .container{padding-left: 0; padding-right: 0;}
    .top-section-inner{padding: 0;}
    .padding-content { padding-left: 20px; padding-right: 20px;}
    .content-right{padding: 16px 0 0;}
    aside ul.left-menu li:hover a{color: #828282;}

    /*--------- service page ------------*/
    a.contact-click {max-width: 240px; padding: 12px 40px 12px 10px; font-size: 12px;}
    .plus-minus::before, .plus-minus::after{line-height: 0;}
    .plus-minus{right: 14px;}
    .all-contact-person{margin: 10px -5px;}
    .contact-person { margin: 5px 5px 5px 5px; max-width: 240px;}
    .contact-person figcaption{padding: 15px;}
    .contact-person figcaption big {font-size: 14px;}
    .contact-person figcaption small {font-size: 12px;}

    /*--------- career page ------------*/
    #content-area{margin-bottom: 30px;}
    .section-second { padding: 30px 0;}
    .opening-list .single-opening { padding: 16px 60px 16px 20px;}
    .opening-list.no-opening-list .single-opening{padding: 30px 20px 30px 20px;}
    .opening-list .single-opening a.arrow{right: 20px; width: 32px; height: 32px; line-height: normal;font-size: 26px;}
    .opening-list.no-opening-list .single-opening a.arrow{left: 0; right: 0; margin: auto; line-height: 34px; font-size: 18px; top: -18px; }
    .opening-list .single-opening h4{font-size: 14px; margin: 0 0 4px; }
    .opening-list .single-opening h5{font-size: 10px; }
    .opening-list .single-opening h6{font-size: 9px; }
    .opening-list {margin-top: 30px;}


    /*--------- History page ------------*/
    .history-section{overflow: hidden;}    
    .history-section-one .max500{margin: 0 auto 30px;}
    .history-section-one .history-content p{font-size: 12px; margin-bottom: 10px;}
    .history-section-one > figure figcaption{margin-right: 0;}
    .history-section-one{padding-right: 0; margin: 0 0 30px; position: static;}
    .history-section-one > figure{ margin: -100px 0 0; position: static;}
    body .vco-slider .slider-item .content .content-container .text h3{ font-size:18px;}
    body .vco-slider .slider-item .content .content-container .text p{font-size:12px;}
    body .vco-slider .nav-previous{left: 10px !important; right: auto !important; margin: 0;}
    body .vco-slider .nav-next{right: 10px !important; left: auto !important; margin: 0;}  
    .history-figure figure img{margin: 30px auto;}


    /*--------- Contact page ------------*/
    .all-hotspots a.hot-america {left: 13%; max-width: 20px;}
    .all-hotspots a.hot-asia {left: 47%; max-width: 20px;}
    .all-hotspots a.hot-europe {left: 35%; max-width: 20px;}
    .all-hotspots a.hot-oceania {left: 73%; max-width: 20px;}
    .all-hotspots a{font-size: 0;}
    .contact-top {padding: 0 15px 0;}
    .contact-address address h3 {margin-bottom: 14px;}
    .contact-address .width50 {display: block; float: none; max-width: 280px; padding: 0; margin: 10px auto; vertical-align: top; width: 100%;}
    .contact-address {margin: 20px 0 0;}
    .contact-address address {min-height: 200px; padding: 20px;}
    .map-address-block{margin: 0;}
    .single-map-address{padding: 5px;}
    .single-map-address {width: 100%;}    
    .single-map-address address{padding: 20px; }
    .single-map-address address h3 {margin: 0 0 14px;}

    .respo-title-caption{display: block;font-size: 14px; padding: 16px 0;}
    .map-buttons{margin: 30px -10px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; text-align: center;  background-color: #fbfcfc;}
    .map-buttons ul{display: none; padding: 0 0 16px;}
    .map-buttons ul li{display: block; margin: 0;}
    .map-buttons ul li.active a {background-color: #fbfcfc; color: #3c7eaf; font-weight: 600;}
    .map-buttons ul li a{background-color: #fbfcfc; box-shadow: none;padding: 16px 0 16px; border: none; font-size: 11px; line-height: 1.4; color: #3a3a3a; font-weight: 600; text-transform: uppercase; }
    .map-buttons ul li.hovering a, .map-buttons ul li:hover a{background-color: #fbfcfc; box-shadow: none;}





    /*--------- News page ------------*/
    aside.sidebaar-news{width: 100%; padding: 20px 20px 0; margin: 0; }
    aside.sidebaar-news ul li {font-size: 12px; margin-bottom: 6px;}
    .single-sidebaar {margin-bottom: 24px;}    
    .all-news-list article {margin-bottom: 24px; padding-bottom: 24px;}
    .post-sub-detail span {font-size: 12px;}
    body.archive h2.page-title{padding: 0 20px;}


    /*--------- Trade page ------------*/
    .banner-inner-big{min-height: 180px;}
    .top-center{padding: 0 20px 0;}
    .all-business-block .single-business-block {width: 100%;}
    .all-business-block .single-business-block a.business-block-inner{max-width: 380px; width: 100%; padding: 20px; height: 320px;}
    .all-business-block { margin: 20px 0 0;}
    .all-business-block .single-business-block a.business-block-inner p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
    .all-business-block .single-business-block a.business-block-inner .move-effect{background-position: 0 bottom; opacity: 0.7;}
    .footer-main.footer-image {min-height: 140px;}


    /*--------- Search page ------------*/
    .search-top{padding: 0 15px; margin: 30px 0;}
    .search-here input[type="search"] {font-size: 14px;height: 50px; padding: 0 0 0 14px;}
    .search-here input[type="submit"]{line-height: 50px;}
    .search-row {padding: 30px 0 24px;}
    .show-more {padding-top: 20px;}
    .show-more a {font-size: 14px;}
    .search-result {padding: 0 15px;}
    ul.tab-menu li a{font-size: 11px; padding-bottom: 8px;}
    ul.tab-menu li { padding: 0 8px 0 0;}


    /*--------- 404 page ------------*/
    .error-content p {font-size: 18px;}
    .error-content h5 {font-size: 10px;}

    /*--------- industry pages ------------*/
    .main-contacts.industry-contact-person .all-contact-person {text-align: center; margin: 20px 0 20px; display: none;}
    .main-contacts.industry-contact-person .contact-click{display: block; margin: 0 auto;}
    .industry-contact-person .contact-person {max-width: none; margin: 5px 0;}
    .industry-contact-person .contact-person figure img{width:100%;}
    .region-single-inner {padding-left: 0;}
    aside.region-sidebaar{display: none;}
    .region-content{width: 100%;}
    aside.region-sidebaar-mobile{display: block; margin: 10px -10px 30px;}
    aside.region-sidebaar-mobile ul li > a{font-size: 12px;}
    aside.region-sidebaar-mobile .offices-business-row .sub-list-content .horizontal-scroll a{font-size: 11px;}
    aside.region-sidebaar-mobile .offices-business-row .sub-list-tab a{font-size: 13px;}
    .industry-map {margin: 28px 0 20px;}
    .single-office-left .contact-click {margin-top: 16px; max-width:none;}
    .single-office{padding-bottom: 20px; padding-top: 20px;}
    .single-office .all-contact-person{margin-top: 20px; padding-top: 20px;}
    .region-single h3 {margin: 0 0 14px;}
    .single-business-segments{padding-bottom: 20px; padding-top: 20px;}
    .business-segments-right{width: 32%;}
    .business-segments-left{width: 68%;}
    .business-segments-left img{width: 100px; margin: -20px 0 10px 15px;}
    .main-contacts.industry-contact-person{margin: 46px 0 5px;}
    .main-contacts.industry-contact-person .contact-click{max-width:none;}


    .single-office-right{display:none;}
    .single-office-left{width:100%;}

    .page-template-international .caption-head ,
    .page-template-international .main-contacts.industry-contact-person{padding:0 14px;}
    .page-template-international #scroll3.section-second{padding: 34px 0 30px;}

    .page-template-industry-main-landing .main-contacts.industry-contact-person {margin: 20px auto 5px; max-width: 280px;}

    /*--------------- CSR page --------------------*/
    ul.pdf-listing li:before{font-size: 14px; top: 4px;}
    ul.pdf-listing li{padding: 0 0 4px 22px;}


    .main-hq-label {right:0;}
    .main-hq ,
    .main-hq-label > span{width:8px; height:8px;}

    a.contact-btn {
        font-size: 12px;
        padding: 14px 20px 14px 20px;
    }


    .separate-contact .top-section-inner  {
        padding: 0 15px;
    }

    /*--------- new about page ------------*/   
    .top-section-about .content-right {width: 100%;}
    .bg-image {height: 300px; position: relative; margin: -20px -40px 20px; left: auto; right: auto;}

    .map-section .filter .ginput_container_select{width: 100%;padding-bottom: 20px;}       

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {

    h1, h2, h3, h4, h5, h6 { margin-bottom:8px; margin-top: 20px;}
    h1 { font-size:34px;}
    h2 { font-size:24px; margin-top: 0; margin-bottom: 20px;}
    h3 { font-size:20px;}
    h4 { font-size:18px;}
    h5 { font-size:15px;}
    h6 { font-size:14px;}
    .utnitsbiz{display: none;}    
    p { font-size:14px; margin-bottom:8px; }
    ul { margin:10px 0 20px; }
    ul li { font-size:14px; padding:0 0 4px 16px; }
    ul li:before{ width: 4px; height: 4px; top: 9px;}
    ol { margin:10px 0 20px; }
    ol li { font-size:14px; padding:0 0 4px 16px; }
    figcaption {padding: 0 10px;}

    /* header */
    a.logo{max-width: 200px;}
    .search-right {display: none;}
    .main-menu {display: none}
    .head-bottom ul.business-areas > li{width: 33.33%;}    
    .head-bottom ul.business-areas > li > a {height: 50px;line-height: 50px; width: 100%; font-size: 14px;}
    .head-top {padding: 12px 0 24px;}
    .mobile-nav-block{display:block;}   
    .slider-switch{display: block;} 
    .head-bottom .container{padding: 0;}


    /* mega-menu */
    .mega-menu{box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.5); display:none;}
    .mega-menu .one-block{padding: 20px 20px;border-top: 1px solid #e5e5e5; border-left: none;} 
    .mega-menu .one-block h4 {font-size: 20px; margin-bottom: 18px;}    
    .mega-menu .one-block p{font-size: 14px;}    
    .mega-menu .one-block .one-block-inner ul li a{font-size: 14px;}
    .mega-menu .dis-table, .mega-menu .dis-table-cell{display: block;} 
    .mega-menu .three-col .one-block {width: 100%;}    
    .mega-menu .one-block.third {min-height: 100px;}
    .mega-menu .one-block .one-block-inner{width: 100%;}
    /*.mega-menu .two-col .one-block.first { width: 100%;}    
    .mega-menu .two-col .one-block.third{width: 100%;}*/
    li.two-col .mega-menu .three-col .one-block.first,
    li.two-col .mega-menu .three-col .one-block.third{width: 100%;}


    /* cookies */
    .cookies-box { padding: 15px;}
    .cookies-box-inner{width: 100%; padding-right: 0; margin-bottom: 10px;}
    .cookies-box-inner p{font-size: 12px;}
    .cookies-box-close{width: 100%; text-align: center;}  
    .cookies-box-close a.btn { width: auto; font-size: 14px;}

    #cookieAgree{padding: 20px 0px 15px !important; }
    #cookieAgree a:last-child{font-size: 14px; margin:5px 5px 5px 5px;}


    /* banner */    
    .banner{min-height: 400px;}  
    .banner-position h1{margin: 0 0 12px; font-size: 34px;}
    .banner-position p{margin: 0 0 14px;}
    .banner a.play-btn {border: 2px solid #ffffff;font-size: 20px; height: 45px; line-height: 40px; width: 45px;}
    .banner a.play-btn i{margin-left: 6px;}

    /* area-boxes */
    .img-box{width: 100%;}  
    .caption-box { padding: 30px 20px 30px; border-bottom: 1px solid #dcddde; width: 100%;}
    .caption-box a.arrow{display: none;}
    .caption-box h2{font-size: 24px; margin-bottom: 20px;}
    .single-box { width: 100%;}    
    .area-box-bottom .img-box {float: left;}   
    .full-box .equal-height {height: auto !important; min-height: 170px;}
    .full-box-inner{position: static; transform: none; -webkit-transform: none; max-width: none;}
    .area-boxes { margin-bottom: 40px;}   
    .equal-height {height: auto !important; min-height: 170px;} 
    .img-box .img-box-bg{min-height: 300px;}    
    .caption-box p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}

    /* footer */    
    .footer-main .footer-left{width: 100%; text-align: center;}
    .footer-main .footer-right{width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}
    .footer-main .container{border: none; padding-bottom: 20px;}
    .footer-main address, .footer-main address a{color: #3a3a3a;}    

    /* about page */   
    a.scrolldown, a.scrolltop{display: none;}  
    .banner-inner{min-height: 200px;}
    .breadcumb{display: none;}
    aside.scroll-nav { position: static; margin: -20px 0 0 0; padding: 22px 20px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; border-bottom: 1px solid #e7e7e7; }
    aside ul.left-menu{line-height: 0;}
    aside ul.left-menu li { display: inline-block; vertical-align: top; margin: 0 20px 0 0; font-size: 12px;}
    aside ul.left-menu li:hover a{color: #828282;}
    .top-section {padding: 20px 0 40px;}   
    .content-right{padding-right: 0; width: 100%;}
    .top-section .container{padding-left: 0; padding-right: 0;}
    .top-section-inner{padding: 0;}
    .padding-content { padding-left: 20px; padding-right: 20px;}
    .content-right{padding: 24px 0 0;}

    /*--------- service page ------------*/
    a.contact-click {max-width: 280px; padding: 14px 50px 14px 20px;}
    .plus-minus::before, .plus-minus::after{line-height: 0;}
    .all-contact-person{margin: 10px -5px;}
    .contact-person { margin: 5px 5px 5px 5px; max-width: 240px;}
    .contact-person figcaption{padding: 15px;}


    /*--------- career page ------------*/
    #content-area{margin-bottom: 30px;}
    .section-second {padding: 40px 0;}
    .opening-list .single-opening { padding: 20px 60px 20px 30px;}
    .opening-list.no-opening-list .single-opening{padding: 30px 30px 30px 30px;}
    .opening-list .single-opening a.arrow{right: 20px; width: 50px; height: 50px; line-height: normal;}
    .opening-list.no-opening-list .single-opening a.arrow{left: 0; right: 0; margin: auto; line-height: 58px;}
    .opening-list .single-opening h4{font-size: 20px; }
    .opening-list .single-opening h5{font-size: 14px; }
    .opening-list .single-opening h6{font-size: 12px; }

    /*--------- History page ------------*/
    .history-section{overflow: hidden;}    
    .history-section-one .max500{margin: 0 auto 30px;}
    .history-section-one .history-content p{font-size: 14px; margin-bottom: 10px;}
    .history-section-one > figure figcaption{margin-right: 0;}
    .history-section-one{padding-right: 0; margin: 0 0 30px; position: static;}
    .history-section-one > figure{ margin: -100px 0 0; position: static;}
    body .vco-slider .slider-item .content .content-container .text h3{ font-size:20px;}
    body .vco-slider .slider-item .content .content-container .text p{font-size:14px;}  
    body .vco-slider .nav-previous{left: 10px !important; right: auto !important; margin: 0;}
    body .vco-slider .nav-next{right: 10px !important; left: auto !important; margin: 0;}

    /*--------- Contact page ------------*/
    .all-hotspots a.hot-america {left: 3%; max-width: 110px;}
    .all-hotspots a.hot-asia {left: 40%; max-width: 100px;}
    .all-hotspots a.hot-europe {left: 30%; max-width: 90px;}
    .all-hotspots a.hot-oceania {left: 63%; max-width: 112px;}
    .all-hotspots a{font-size: 15px;}
    .contact-top {padding: 0 15px 0;}
    .contact-address .width50 {display: block; float: none; max-width: 280px; padding: 0; margin: 10px auto; vertical-align: top; width: 100%;}
    .contact-address {margin: 20px 0 0;}
    .map-address-block{margin: 0;}
    .single-map-address {width: 50%;}    
    .single-map-address address{padding: 20px;}

    .respo-title-caption{display: block;}
    .map-buttons{margin: 40px -10px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; text-align: center;  background-color: #fbfcfc;}
    .map-buttons ul{display: none; padding: 0 0 17px;}
    .map-buttons ul li{display: block; margin: 0;}
    .map-buttons ul li.active a {background-color: #fbfcfc; color: #3c7eaf; font-weight: 600;}
    .map-buttons ul li a{background-color: #fbfcfc; box-shadow: none;padding: 17px 0 17px; border: none; font-size: 14px; line-height: 1.4; color: #3a3a3a; font-weight: 600; text-transform: uppercase; }
    .map-buttons ul li.hovering a, .map-buttons ul li:hover a{background-color: #fbfcfc; box-shadow: none;}


    /*--------- News page ------------*/
    aside.sidebaar-news{width: 100%; padding: 20px 20px 0; margin: 0; }
    aside.sidebaar-news ul li {font-size: 12px; margin-bottom: 6px;}
    .single-sidebaar {margin-bottom: 30px;}    
    .all-news-list article {margin-bottom: 30px; padding-bottom: 30px;}
    body.archive h2.page-title{padding: 0 20px;}


    /*--------- Trade page ------------*/
    .banner-inner-big{min-height: 300px;}
    .top-center{padding: 0 20px 0;}
    .all-business-block .single-business-block {width: 50%;}
    .all-business-block .single-business-block a.business-block-inner{max-width: 380px; width: 100%; padding: 20px; }
    .all-business-block .single-business-block a.business-block-inner p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
    .all-business-block .single-business-block a.business-block-inner .move-effect{background-position: 0 bottom; opacity: 0.7;}
    .all-business-block { margin: 30px 0 0;}
    .footer-main.footer-image {min-height: 200px;}


    /*--------- Search page ------------*/
    .search-top{padding: 0 20px; margin: 30px 0;}
    .search-here input[type="search"] {font-size: 18px;height: 50px; padding: 0 0 0 20px;}
    .search-here input[type="submit"]{line-height: 50px;}
    .search-row {padding: 40px 0;}
    .show-more {padding-top: 40px;}
    .show-more a {font-size: 16px;}

    /*--------- 404 page ------------*/
    .error-content p {font-size: 24px;}

    /*--------- industry pages ------------*/    
    .main-contacts.industry-contact-person .all-contact-person {text-align: center; margin: 20px 0 20px; display: none;}
    .main-contacts.industry-contact-person .contact-click{display: block; margin: 0 auto;}
    .industry-contact-person .contact-person {max-width: 240px;}
    .region-single-inner {padding-left: 0;}
    aside.region-sidebaar{display: none;}
    .region-content{width: 100%;}
    aside.region-sidebaar-mobile{display: block;}
    .industry-map {margin: 20px 0;}


    /*--------------- CSR page --------------------*/
    ul.pdf-listing li:before{font-size: 14px; top: 6px;}
    ul.pdf-listing li{padding: 0 0 4px 22px;}

    .main-hq-label {right:0;}

    .separate-contact .top-section-inner  {
        padding: 0 15px;
    }

    /*--------- new about page ------------*/   
    .top-section-about .content-right {width: 100%;}
    .bg-image {height: 300px; position: relative; margin: -20px -40px 20px; left: auto; right: auto;}


}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    /* header */
    a.logo{max-width: 200px;}
    .search-right {display: none;}
    .main-menu {display: none}
    .head-bottom ul.business-areas > li > a {height: 60px;line-height: 60px; width: 200px;}
    .head-top {padding: 12px 0 24px;}
    .mobile-nav-block{display:block;}   
    .slider-switch{display: block;} 

    .banner{min-height: 500px;}     

    /* mega-menu */
    .mega-menu .one-block{padding: 20px 20px;} 
    .mega-menu .one-block h4 {font-size: 20px; margin-bottom: 18px;}    
    .mega-menu .one-block p{font-size: 14px;}    
    .mega-menu .one-block .one-block-inner ul li a{font-size: 14px;}

    /* banner */    
    .banner-position h1{margin: 0 0 12px; font-size: 34px;}
    .banner-position p{margin: 0 0 14px;}
    .banner a.play-btn{font-size: 20px; height: 30px; width: 30px; line-height: 26px;  border: 2px solid #ffffff; font-size: 12px;}
    .banner a.play-btn i{margin-left: 2px;}
    .banner a.play-btn.playing i {margin-left: 0;}

    /* area-boxes */
    .caption-box { padding: 60px 20px 80px; border-bottom: 1px solid #dcddde;}
    .caption-box h2{font-size: 24px;}
    .single-box { width: 100%;}    
    .area-box-bottom .img-box {float: left;}   
    .full-box .equal-height {height: auto !important; min-height: 200px;}
    .full-box-inner{position: static; transform: none; -webkit-transform: none;}
    .area-boxes { margin-bottom: 40px;}   

    /* footer */    
    .footer-main .footer-left{width: 100%; text-align: center;}
    .footer-main .footer-right{width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px;}
    .footer-main .container{border: none; padding-bottom: 40px;}

    /* about page */  
    .banner-inner{min-height: 220px;}    
    aside.scroll-nav{width: 30%;}
    .content-right{padding-right: 0; width: 70%;}
    .padding-content { padding-left: 20px; padding-right: 20px;}    
    a.scrolldown, a.scrolltop{left: auto; right: 15px; margin: 0; bottom: 90px;}    
    a.scrolldown:hover, a.scrolltop:hover{bottom: 95px;} 

    /*--------- service page ------------*/
    .contact-person { margin: 5px 5px 5px 5px; max-width: 235px;}
    .all-contact-person{margin: 20px -5px;}
    .contact-person figcaption{padding: 15px;}
    .contact-person figcaption small {font-size: 12px;}

    /*--------- career page ------------*/
    .opening-list.no-opening-list .single-opening a.arrow{left: 0; right: 0; margin: auto;}


    /*--------- History page ------------*/
    .history-section{overflow: hidden;}    
    .history-section-one > figure figcaption{margin-right: 0;}
    .history-section-one{position: static;}
    .history-section-one > figure{ margin: 0; right: -200px;}
    body .vco-slider .nav-previous{left: 10px !important; right: auto !important; margin: 0;}
    body .vco-slider .nav-next{right: 10px !important; left: auto !important; margin: 0;} 

    /*--------- Contact page ------------*/
    .all-hotspots a.hot-america {left: 3%;}
    .all-hotspots a.hot-asia {left: 41%;}
    .all-hotspots a.hot-europe {left: 31%;}
    .all-hotspots a.hot-oceania {left: 66%;}
    .map-address-block{margin: 0;}
    .single-map-address {width: 50%;}    
    .single-map-address address{padding: 20px;}
    .map-buttons ul li{margin: 5px;}
    .map-buttons ul li a {font-size: 11px; min-width: 142px; padding: 15px 4px;}

    /*--------- News page ------------*/
    aside.sidebaar-news{width: 30%;}

    /*--------- Trade page ------------*/
    .banner-inner-big{min-height: 460px;}
    .all-business-block .single-business-block {width: 50%;}
    .all-business-block .single-business-block a.business-block-inner{max-width: 380px; width: 100%;}
    .all-business-block { margin: 60px 0 0;}


    /*--------- Search page ------------*/
    .search-here input[type="search"] {font-size: 20px;height: 60px; padding: 0 0 0 30px;}
    .search-here input[type="submit"]{line-height: 60px;}
    .search-row {padding: 40px 0;}

    /*--------- industry pages ------------*/
    .main-contacts.industry-contact-person .all-contact-person{margin: 60px 0 20px;}
    .industry-contact-person .contact-person {max-width: 240px;}
    .region-single-inner {padding-left: 60px;}

    .main-hq-label{right:0;}

    /*--------- new about page ------------*/   
    .top-section-about .content-right {width: 70%;}
    .bg-image {height: 300px; position: relative; margin: -20px -40px 0; left: auto; right: auto;}


}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
    a.logo{max-width: 200px;}
    .search-right { margin-left: 20px; padding-left: 20px;margin-top: 24px;}
    .main-menu ul li{padding: 0 0 0 20px;}
    .main-menu{margin-top: 24px;}
    .mega-menu .one-block{padding: 52px 20px;}    
    .caption-box { padding: 60px 20px 80px; border-bottom: 1px solid #dcddde;}
    .caption-box h2{font-size: 28px;}
    .single-box { width: 100%;}    
    .area-box-bottom .img-box {float: left;}   
    .full-box .equal-height {height: auto !important; min-height: 200px;}
    .full-box-inner{position: static; transform: none; -webkit-transform: none;}

    .content-right{padding-right: 0;}
    a.scrolldown, a.scrolltop{left: auto; right: 15px; margin: 0; bottom: 130px;}    
    a.scrolldown:hover, a.scrolltop:hover{bottom: 135px;} 

    .history-section{overflow: hidden;}    
    .history-section-one > figure figcaption{margin-right: 0;}
    .history-section-one{position: static;}
    .history-section-one > figure{ margin: 0; right: -200px;}
    body .vco-slider .nav-previous{left: 10px !important; right: auto !important; margin: 0;}
    body .vco-slider .nav-next{right: 10px !important; left: auto !important; margin: 0;}


    /*--------- Trade page ------------*/
    .all-business-block { margin: 60px 0 0;}

    /*--------- industry pages ------------*/
    .main-contacts.industry-contact-person .all-contact-person{margin: 60px 0 20px;}
    .industry-contact-person .contact-person {max-width: 230px;}
    .map-buttons ul li{margin:3px;}
    .map-buttons ul li a {font-size: 11px;min-width: 142px; padding: 15px 4px;}

    /*--------- new about page ------------*/   
    .top-section-about .content-right {padding-right: 260px;}     
    .top-section-about .padding-content {padding: 0 30px;}


}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1600px) {	
    .search-right { margin-left: 30px; padding-left: 30px;}
    .caption-box { padding: 40px 20px 50px;}
    .caption-box a.arrow{bottom: 16px; right: 26px; }
    .single-box .caption-box:hover a.arrow {right: 20px;}
    .caption-box h2{font-size: 26px; margin:0 0 24px; line-height: 1.2;}

    a.scrolldown, a.scrolltop{margin-left: 536px; bottom: 130px;}
    a.scrolldown:hover, a.scrolltop:hover{bottom: 135px;}   

    .history-section{overflow: hidden;}
    .history-section-one > figure figcaption{margin-right: 0;}
    .history-section-one{position: static;}
    .history-section-one > figure{ margin: 0; right: -200px;}
    body .vco-slider .nav-previous{left: 10px !important; right: auto !important; margin: 0;}
    body .vco-slider .nav-next{right: 10px !important; left: auto !important; margin: 0;}

}




@media (max-width:1023px) {

    .utnitsbiz{display: none;}
}


@media (max-width:1200px) {

    .utnitsbiz {left: 0%;}
}

@media (min-width:1024px) {
    .nav-content, body.open .overlay-full{display: none !important;}
    body.open { overflow: auto;}    
}
@media (min-width:768px) {
    .map-buttons ul{display: block !important;}
    body.open { overflow: auto;}    
}

@media (max-width:641px) {
    #trade_map .all-hotspots a.hot-amerika{left: 12%; max-width: 20px;}
    #trade_map .all-hotspots a.hot-europa{left: 36%; max-width: 20px;}
    #trade_map .all-hotspots a.hot-asia{left: 55%; max-width: 20px;}
    #trade_map .all-hotspots a.hot-africa{left: 43%; max-width: 20px;}
    #trade_map .all-hotspots a.hot-australia{left: 72%; max-width: 20px;}


    #industry_map .all-hotspots a.hot-latin_america{left: 16%; max-width: 20px;}
    #industry_map .all-hotspots a.hot-brazil{left: 37%; max-width: 20px;}
    #industry_map .all-hotspots a.hot-middle_east{left: 46%; max-width: 20px;}
    #industry_map .all-hotspots a.hot-sout_east_asia{left: 75%; max-width: 20px;}
    #industry_map .all-hotspots a.hot-china_hong{left: 85%; top: 40%; max-width: 20px;}
    #industry_map .all-hotspots a.hot-russia_ukraine{left: 53%; max-width: 20px;}
    #industry_map .all-hotspots a.hot-india_bangladesh{left: 66%; max-width: 20px;}

    #industry_map .all-hotspots a.hot-main_hq { left: 46%; max-width: 20px; top: 31%;}
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mapsvg-section svg{
        height: 583px;
    }
}