@media screen and (max-width:1024px) {
	/*header*/
	header .container { width: 1000px;}
	.logo-navbar nav { margin: 4px 0px 0px 2%;}
	.logo-navbar.white-header { padding-top: 21px;}
	.white-header .nav li .sub { top: 48px;}
	.nav li .sub { top: 52px;}
	.nav li .width455 { width: 460px !important;}
	.nav li .sub .width425, .nav li .sub .sublinks.width425 { width: 100% !important;}
	
	/*footer*/
	.footer .top h3 { font-size: 23px; padding: 6px 0px 0px !important;}
	.footer .top { padding: 20px 0px;}
	.footer .red_lg { padding: 10px 20px 8px; font-size: 14px;}
	.footer .navigation {     padding: 30px 0px;}
	.footer .navigation h3 a { font-size: 15px;}
	.footer .navigation h3, .footer .navigation p { margin: 0px 0px 8px;}
	.footer .navigation h3.mtop35 { margin-top: 11px !important;}
	footer .phone-contact span { font-size: 25px;}
	.footer .column { width: 25.7%;}
	
	/*homepage*/
	.item .business_outsourcing .title { font-size: 65px; }
	.item .business_outsourcing .text { margin: 20px 0px 0px;}
	.business_outsourcing .mtop50 { margin-top: 30px !important;}
	.owl-carousel .owl-item { height: 440px;}
	.item .business_outsourcing { margin: 13% 5% 0;}
	#owl-demo .owl-pagination { margin-top: -35px;}
	.statistics { padding: 50px 0px 0px; height: 415px; margin:0 auto;}
	.statistics.transform-business { height: 385px;}
	.statistics .stats-title, .statistics h1, .imagebg-container.offer-bg h1 { font-size: 45px; line-height: 45px;}
	.statistics .stats-subtitle, .statistics.contactbanner h2, .statistics.careerbanner h2, .statistics.corporatebanner h2, .offer-bg h2, .statistics.solutionsbanner h2, .statistics.innerbanner h2, .statistics.industriesbanner h2, .statistics.casebanner h2 { font-size: 18px;} 		
	.statistics .stats-bottom .container { width: 100%;}
	.statistics .stats-bottom { margin-top: 50px;}
	.stats-bottom ul.stats-info li { padding: 20px 2.5% 15px}
	.container { clear: both;} 
	.industry-solutions { margin: 20px 0px !important;}
	.services { padding: 35px 0px 35px;}
	ul.service-bottom {     margin: 40px 0px 40px;}
	ul.service-bottom li h2 {  font-size: 17px;}
	
	/*contact page*/
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner { background-position: center center;}
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner { padding: 150px 0px 0px;}
	.contactform dd { margin-right: 34px; width: 47%;}
	.contactform dt { float: left; width: 47%;}
	.contactform {  float: left; padding: 15px 30px;}
	.slideshow-area { width: 70% !important;}
	#slideshow { max-width: 100% !important; height: 350px !important;}
	.overlap-content { height: 350px !important; left: auto !important; right: 0 !important;}
	#slideshow img { left: 0px; right: 0px; width: 100%;}
	.phone { width: 72%;}
	.code { width: 26%;}
	.slideshow-area #innerRight { width: 100%; padding: 0px 35px;}
	.greybox .content { margin-bottom: 15px;} 
	.corporate-section .slideshow-area #innerRight .greybox { margin: 10px auto 0;}
	.rowfull.mtop40.mbottom40 { margin: 10px auto 0 !important;}
	#innerRight .buttons { max-width: 220px;} 
	.slideshow-area { float: right;}
	.service-section #maincontent { padding: 0px 20px; width: 52%;}
	.service-offerings { margin: 0 auto}
	.service-offerings .column.pdleft { margin-left: 0;}
	.service-offerings .column { width: 100%; margin: 8px auto;}
	#maincontent h2 { width: auto}
	.overlap-content { width: 290px !important;}
	.slidecontent { padding-top: 30px !important;}
	.slidecontent img { max-width: 90%;}
	.slidebutton img { max-width: 100%;}
	.content-below-slider, .content-below-slider .columns-area .columntxt { width: 100% !important;}
	.content-below-slider .columns-area .columntxt .row { margin: 0 auto !important;}
	.content-below-slider .columns-area .columntxt {  margin: 0 auto !important}
	select[multiple]  { background: #fff;}
	#maincontent .h2h, #maincontent h2, #mid-section-small h3, #mid-section-small h2 { width: 100%; margin: 10px auto;}
	.slideshow-area #innerRight .greybox { margin-bottom: 15px;}
	#maincontent .h2h, dl.column dd h2 a, #maincontent h2 { font-size: 18px; line-height: 20px;}
	dl.column { margin: 0px 1%;}
	#casestudies { width: 74%;}
	.cases1 .box { width: 31%; margin: 0px 0px 25px 10px;}
	.cases1 .box .thumbarea .read-cs { height: 90px; padding-top: 20px;}
	.cases1 .box .description { padding: 5px 10px; font-size: 14px;}
	.cases1 .box .description span { font-size: 15px;}
	.cases1 .box .thumbarea .read-cs, .cases1 .box .description, .cases1 .box .thumbarea, .cases1 .box .thumbarea img, .cases1 .box a { width: 100%;}
	.cases1 .box a { height: 300px;}
	#asideRight-lg { width: 17.5%; margin: 0;}
	#asideRight-lg img { max-width: 100%;height: auto;}
	
	/*offering section*/
	.offering-section {}
	.iphone-slider .slider-area, .iphone-slider .stepcarousel, .iphone-slider .stepcarousel .panel { max-width: 100%;}
	.iphone-slider .stepcarousel .panel .left-area, .iphone-slider .stepcarousel .panel .right-area-android { width: 50% !important;}
	.iphone-slider .stepcarousel .panel { max-width: 818px;}
	.iphone-slider .stepcarousel .panel .right-area-android img { max-width: 100%;}
	.offering-section .services-left-column { width: 64%;}
	.offering-section .xicom-features ul li { height: auto;}
	.offering-section .xicom-features li span { width: 80%;}
	.offering-section .wccus { width: 100%;}
	.offering-section .wccus .wccus-left { width: 45%;}
	.offering-section .wccus .wccus-left ul.check-list li:first-child { border-top: medium none; margin-top: 0;}
	.offering-section .wccus .wccus-left ul.check-list li { line-height: 18px; font-size: 14px; padding: 2px 0px 2px 10px;}
	.offering-section .wccus .wccus-right .yellow-area { padding: 15px;}
	.offering-section .wccus .wccus-right .yellow-area li {font-size: 14px;}
	.offering-section .our-brand li { padding: 0px 14px;}
	.offering-section .news-container.specialpage { padding: 0;}
	.offering-section .hsgroup { padding: 15px 0px 20px;}
	
	.imagebg-container.offer-bg .column-container { max-width: 100%; display: flex;}
	.imagebg-container.offer-bg .column-container .column1 { padding: 5px 15px 15px; width: 31%; height: auto;}
	.imagebg-container.offer-bg .column-container .column1 h3 { padding: 5px 0px; font-size: 14px;} 
	.imagebg-container.offer-bg .column-container .column1 .columntxt { height: auto; padding: 5px; margin-bottom: 10px;}
	.mainimg, .imagebg-container .column-container .column1 .mainimg { height: auto !important; min-height: 197px;}
	.mainimg img { width: 100px; /*transform: translate(0, 15% );*/ margin: 10px auto;}
	.imagebg-container.offer-bg .column-container .column1 h2 { margin: 8px 0px;}
	.offer-bg .red_small { padding: 13px 13px 10px; font-size: 13px;}
	
	
	.imagebg-container.offer-bg { height: auto; padding-bottom: 20px;} 
	.logo-navbar .logo { background:url(../images/xt_logo@3x.png) no-repeat 0 0; background-size:100%; width:90px; }
}

@media screen and (max-width:1023px) {
 	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; text-size-adjust: none;}
 	ul.navigation *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
	#wrapper, #body-area, .slider-container, .panel-container, .main-services, #innercontainer{width: 100%;}
	#wrapper .outer{width: 100%; padding: 0 10px;}
	
	/*== Header Section
	==========================*/
	#header{width: 100%;}
	#header .logo{position: absolute;}
	.pluseight{z-index: 9;}
	.phone-block{display: block;}
	.nav{width: 100%; height: 40px;}
	.nav ul{display: none; background: #6b6d7a; position: absolute; width: 100%; top: 40px;}
	.nav li{width: 100%;}
	.nav li div{display: none!important;}
	.nav li.rqstline, .nav li.floatRight, .nav li.leftline{display: none;}
	.nav li a{float: none; background: none; padding: 0;}
	.nav li a span{float: none; height: 40px; background: none; padding-left: 11px!important; margin: 0!important;}
	
	.menu-icon{position: absolute; left: 65px; top: 0; width: 50px; height: 40px; padding: 4px 10px 0; cursor: pointer;}
	.menu-icon span{ background: #FFF; height: 3px; display: block; margin: 6px 0;}
	.menu-icon.open span{display: none;}
	.menu-icon.open span:first-child{-webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; margin-top: 15px;}
	.menu-icon.open span:last-child{-webkit-transform: rotate(135deg); transform: rotate(135deg); display: block; margin-top: -8px;}
	
	#header #right-content{position: absolute; right: 0;}
	.drop-tab:hover a, .drop-tab a.droptab:hover{width: 35px;}
	
	.drop-tab a.droptab{height: 40px;}
	
	/*== Slider Section
	==========================*/
	.belt{width: 100%;}
	div.yoo-carousel div.panel div.slide{width: 100%;}
	.article div{width: 100%!important; text-shadow: 0 0 3px #333; background-position: center top!important; background-size: cover!important;}
	.article div.txt-cont{padding-left: 20px!important; padding-right: 20px!important; margin-top: 40px;}
	.article div.txt-cont img{max-width: 100%; height: auto;}
	
	/*== main-services Section
	==========================*/
	.main-services .services{width: 25%!important; height: 140px;}
	.main-services .services .container{height: 140px;}
	.main-services .services .drop-top{width: 100%!important;}
	.main-services .services .container .heading{width: auto; float: none; padding-left: 0; margin-left: 40px; display: block;}
	.main-services .services .container h2, .main-services .services .container h2 a{font-size: 12px;}
	.main-services .services .container{padding: 8px;}
	.main-services .services .drop-top .image{left: 8px; bottom: -38px;}
	.main-services .services ul{width: 100%; padding: 10px;}
	.main-services .services:hover li, .main-services .services li{width: 100%!important;}
	.main-services .services li a{font-size: 10px!important; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.main-services .services .drop-top{height: 150px;}
	
	/*== whitebox Section
	==========================*/
	.news-container-home{width: 100%; padding-right: 0;}
	
	.whitebox .column, .whitebox .column3, .whitebox .column4{width: 22%; margin: 0; padding: 0 10px!important;}
	.whitebox .column3{width: 34%;}
	.whitebox .column.left3{padding-left: 0;}
	.whitebox .column4.left25{padding-right: 0;}
	.whitebox .column select, .select{width: 100%;}
	
	.Adarea{width: 100%; margin: 20px 0 0 0;}
	.Adarea img{width: 100%; height: auto;}
	.Adarea .Ad1, .Adarea .Ad2{margin: 0; width: 49%;}
	.Adarea .Ad2 div{display: none;}
	.Adarea .Ad2{float: right;}
	
	/*== Footer Section
	==========================*/
	#footer{text-align: center; padding-bottom: 10px;}
	#footer .mleft2{width: 100%;}
	#footer .footerRight{width: 100%; text-align: center!important; padding-top: 10px;}
	.socialIcons{display: block; width: 100%;}
	.socialIcons a{float: none!important;}
	
	/*== Breadcrumb Section
	==========================*/
	.Breadcrumb{width: 75%!important;}
	
	/*== InnerRight Section
	==========================*/
	#innerRight{width: 25%;}
	#innerRight .greybox{width: 100%;}
	a.request-btn{height: 33px;}
	
	/*== InnerLeft Section
	==========================*/
	#innerleft{width: 20%;}
	
	/*== maincontent Section
	==========================*/
	#maincontent{width: 55%; margin: 0; padding: 0 20px;}
	
	/*navigation*/
	header .container { max-width: 100%;}
	header.logo-navbar { height: 70px; padding: 18px 0px 0px;}
	.logo-navbar nav, .nav { height: auto; display: inline-block; width: 100%;}
	.logo-navbar nav { box-sizing: border-box; background-color: rgba(0, 13, 20, 0.7); position: absolute; margin: 0 auto !important; left: 0; top: 52px;}
	.navbar-inverse .navbar-nav > li > a { margin: 0 auto;}
	.nav li, .navbar-nav li {  height: auto !important; width: 14%; padding: 10px 0px; margin: 0px; text-align: center; height: auto;}
	
	.logo-navbar.white-header .logo { background: transparent url("../images/xt_logo_black@3x.png") no-repeat 0 0; position: relative; top: 2px; background-size:100%; }
	.logo-navbar.white-header { padding-top: 14px; height: 60px;}
	.logo-navbar.white-header  nav { background-color: rgba(255, 255, 255, 1); top: 46px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { border: 0;}
	.footer .column { width: 33.1%;}
	footer .right-area { float: left; width: 100%; text-align: left;}
	footer .phone-contact { float: left;}
	.footer .top h3 {font-size: 20px;padding: 3px 0px 0px 0 !important;}

	.footer .navigation { padding: 20px 0px;}
	.footer .bottom { padding: 15px 0px;} 
	
	.item .business_outsourcing .title { font-size: 50px;}
	.item .business_outsourcing .sub-title { font-size: 15px;}
	.item .business_outsourcing .text { margin: 10px 0px 0px;}
	.business_outsourcing .mtop50 { margin-top: 20px !important;}
	.item .business_outsourcing { margin: 17% 5% 0px;}
	#owl-demo .owl-pagination { margin-top: -50px;}
	.owl-carousel .owl-item .item .black-overlay { height: 100%;}
	.owl-carousel .owl-item { height: 430px; overflow: hidden;}
	.owl-carousel .red_lg { padding: 13px 20px 11px;}
	
	.owl-carousel .owl-item img.first-slider { margin-top: -135px !important;}
	.owl-carousel .owl-item img.fourth-slider { margin-top: -80px !important;}
	
	.services { padding: 20px 0 20px 0;}
	.services .title span { font-size: 16px;}
	.industry-solutions aside { margin-top: 0}
	.industry-solutions h3 a { margin-bottom: 10px;}
	.industry-solutions aside h3 { margin-bottom: -12px;}
	.services .title {     font-size: 30px; line-height: 30px;}
	.services .our-services { margin: 20px 0px 0px;}
	.services .our-services .column { height: 195px;border-bottom: 1px solid #E5E5E5; width: 50%;}
	.services .our-services .column:first-child {border-bottom: 1px solid #E5E5E5 !important;}
	.services .our-services .column:nth-child(3) { border-left: 0; border-bottom: 0;}
	.services .our-services .column:nth-child(4) { border-bottom: 0;}
	.stats-bottom ul.stats-info li { padding: 20px 2.2% 15px;}
	.statistics .stats-bottom { padding: 18px 0px;}
	.statistics {     padding: 30px 0px 0px; height: 365px;}
	.statistics .stats-title, .statistics h1, .imagebg-container.offer-bg h1 { font-size: 35px; line-height: 40px;}
	.statistics .stats-subtitle, .statistics.contactbanner h2, .statistics.careerbanner h2, .statistics.corporatebanner h2, .offer-bg h2, .statistics.solutionsbanner h2, .statistics.innerbanner h2, .statistics.industriesbanner h2, .statistics.casebanner h2 { padding: 10px 100px 0px;}
	.statistics .stats-bottom { margin-top: 40px;}
	ul.coloured-graphic li { padding: 17px 3px;}
	ul.service-bottom { margin: 30px 0px;}
	
	#innerleft { width: 30%;}
	#mainwide { width: 65%;}
	.contactform dd { margin-right: 23px;}
	.phone { width: 71%;}
	
	.fl { padding: 10px 8px 0px !important;}
	
	ul.leftlinks li a h3 {     font-size: 15px;}
	.slideshow-area { padding: 0 0 0 20px;}
	#maincontent, .slideshow-area #innerRight, .slidecontainer { padding: 0;}
	.slideshow-area #innerRight, #maincontent { width: 100%;}
	#maincontent .h2h, #maincontent h2 { margin: 10px auto; width: 100%;}
	.service-section #innerleft, .service-section #maincontent { width: 70%; padding: 0;}
	.service-section #innerleft .testimonials { margin: 20px 0px 0px;} 
	/*.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { max-width: 100%;}*/
	.bootstrap-select > .btn {  padding-left: 10px; max-width: 100%;}
	.btn-group.bootstrap-select { max-width: 100%;}
	
	.slidebutton { width: 100%; padding-top: 28px;}
	#slideshow, .overlap-content { height: 257px !important;}
	.overlap-content {     width: 220px !important; padding: 0 20px !important;}
	.slidecontent {     padding-top: 20px !important;} 
	.slidebutton { padding-top: 20px !important;}
	#slideshow { margin: 0px auto !important;}
	.content-below-slider { margin: 30px auto !important;}
	dl.column { width: 31%;}
	dl.column dt, dl.column dt a span, dl.column dt a img, dl.column dt a { width: 100%; height: 86px;}
	
	.mbottom60 {     margin-bottom: 20px;}
	dl.column dd p { font-size: 14px; line-height: 17px;}
	#innercontainer.industries { padding-bottom: 10px;}
	
	#casestudies { width: 68%;}
	.cases1 .box { width: 45%; margin: 0px 0px 25px 20px;}
	.cases1 .box .thumbarea .read-cs { height: 93px;}
	#innerRight .greybox.first-gray { margin-bottom: 5px;}
	.service-section #maincontent { margin: 20px auto 0;}
	#mid-section-small { width: 70%;}
	#asideRight-lg { width: 65%;}
	#asideRight-lg .rowfull.mbottom15 { text-align: center; margin: 20px auto 0;}
	#asideRight-lg h2 { margin: 5px auto;}
	.offering-section .hsgroup h2 { font-size: 30px;}
	
	.offering-section .iphone-slider .stepcarousel .panel {     max-width: 650px;}	
	.offering-section .iphone-slider .slider-area { padding: 40px 30px 0px;}
	.offering-section .iphone-slider .stepcarousel .panel .left-area .portfolio-description h4 { font-size: 21px;}
	.offering-section .iphone-slider p { font-size: 16px; font-weight: normal; line-height: 20px;}	
	.offering-section .services-left-column { width: 100%; padding-right: 10px;}
	
	.custom_requirements { width: 100% !important; margin-bottom: 0 !important;}
	.container.offering-section form { width: 100%; display: inline-block;}
	.custom_requirements .buttons.red_small {     padding: 13px 13px 10px !important;}
	.services-right-column { width: 100%;}
	.thumb-slider-area { width: 100%; height: 250px;}
	.thumb-slider-area .testimonial { width: 54%;}
	.thumb-slider-area .thumbnail { border: 0 !important;}
	.thumb-slider-area ul.tabs { width: 100%; left: 0; right: 0; bottom: 3px; text-align: center; margin: 0 auto;}
	.thumb-slider-area ul.tabs li { float: none; display: inline-block;}
	
	.slider-area .row { max-width: 100%; width: 100%; margin: 0 auto;}
	.offering-section #innercontainer { padding: 30px 0px 0;}
	.offering-section .wccus .wccus-right { width: 50%; text-align: center;}
	.offering-section .wccus .wccus-right .yellow-area { float: none; display: inline-block; text-align: left;}
	.offering-section .wccus { height: auto;}
	.our-brand { padding: 18px 10px 6px; margin-bottom: 10px;}
	.our-brand li img { max-width: 69px;}
	.offering-section .our-brand li { padding: 0px 9px; display: inline-block; float: none; vertical-align: middle;}
	.hire-team-process { display: flex; flex-wrap: wrap;}
	ul.hire-team-process li { min-width: 50%; padding: 20px;}
	ul.hire-team-process li.step3 { border-left: 0; border-top: 1px solid #DDD;}
	ul.hire-team-process li.step4 { border-top: 1px solid #DDD;}
	.sitemapleft { width: 70%;}	
}

@media screen and (max-width:979px) {
	.stats-bottom ul.stats-info li figure span { font-size: 25px;}
	.stats-bottom ul.stats-info li { padding: 20px 1% 15px;}
	.stats-bottom ul.stats-info li figure.f16 {     font-size: 12px !important;}
	.statistics .stats-bottom .container { padding: 0 12px;}
	.statistics { padding: 40px 0px 0px;    height: 323px; }
	.statistics .stats-subtitle { padding: 4px 100px 0px;}
	.statistics .stats-bottom {  margin-top: 30px;     padding: 8px 0px;}
	.industry-solutions h3 a { font-size: 35px;}
	#mainwide { margin-left: 21px;     width: 70%;}
	#innerleft { width: 26%;}
	.contactform { padding: 10px 20px;}
	.statistics .stats-subtitle, .statistics.contactbanner h2, .statistics.careerbanner h2, .statistics.corporatebanner h2, .offer-bg h2, .statistics.solutionsbanner h2, .statistics.innerbanner h2, .statistics.industriesbanner h2, .statistics.casebanner h2 {     padding: 10px 100px 0px;  margin: 10px auto 0;}
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner {     padding: 140px 0px 0px;}
	#innercontainer {     padding: 30px 0px;}
	ul.leftlinks li a h3 { font-size: 15px;}
	.best-place-for-work .contentarea {font-size: 12px; line-height: 13px; width: 126px; height: 54px; padding: 5px;}
	.best-place-for-work .imgarea { width: 60px; height: 54px;}
	.best-place-for-work .imgarea img, .best-place-for-work { max-width: 100%;}
	.fl { padding: 10px 5px 0px !important;}
	/*.slideshow-area { padding: 0;}*/
	
	.sitemapleft .smcolumn { width: 50%; margin: 0 auto;}
	.sitemapleft .smcolumn ul { padding-bottom: 0px;}
	#fancybox-wrap,  #fancybox-outer { position: absolute; left: 0 !important; right:0 !important; width: 100% !important; padding: 0 !important; margin: 0 auto !important;}
	#fancybox-content { width: 100% !important;}
	#fancybox-wrap { max-width: 90%; }
}

@media screen and (max-width:767px) {
	/*== Slider Section
	==========================*/
	.article div.txt-cont p br{display: none;}
	
	/*== main-services Section
	==========================*/
	.main-services .services{width: 50%!important; padding: 20px; height: auto;}
	.main-services .services:nth-child(1){border-bottom: 1px solid #353535;}
	.main-services .services:nth-child(2){border-bottom: 1px solid #353535;}
	.main-services .services:nth-child(3){border-top: 1px solid #222;}
	.main-services .services:nth-child(4){border-top: 1px solid #222;}
	.main-services .services .drop-top{display: block; position: static;}
	.main-services .services .container{background: none; height: auto; min-height: 150px; text-decoration:none; background:#5c89ca;  color:#FFF !important;  }
	.main-services .services .container p{font-size: 12px!important; line-height: 1.4!important;}
	.main-services .services li a{font-size: 11px!important;}
	span.webdevImgBlue{background-position: -32px 0;}
	span.mobAppsImgBlue{background-position: -32px -47px;}
	span.itServImgBlue{background-position: -32px -94px;}
	span.buisProImgBlue{background-position: -32px -141px;}
	.main-services .services .drop-top .image{display: none!important;}
	
	/*== whitebox Section
	==========================*/
	.whitebox .column, .whitebox .column3, .whitebox .column4{width: 50%; margin: 0; padding: 0 10px!important;}
	.whitebox .column3{clear: both;}
	
	.navbar-header { float: left; margin-left: 0 !important;}
	header .container { padding-right: 65px;} 
	header .container .fr { float: none;}
	.navbar-toggle { margin: 0px auto; position: absolute; right: 0px; border:0;}
	.navbar-inverse .navbar-toggle .icon-bar { transition-duration: 0.3s;height: 3px;width: 24px;}
	.navbar-inverse .navbar-toggle.slide-active .icon-bar { width: 23px;}
	.logo-navbar.white-header .navbar-inverse .navbar-toggle .icon-bar { background: rgba(0, 13, 20, 1);}
	.navbar-inverse .navbar-toggle.slide-active .icon-bar:nth-of-type(2) { transform: rotate(135deg); top: 7px; position: relative; transition-duration: 0.3s;}
	.navbar-inverse .navbar-toggle.slide-active .icon-bar:nth-of-type(3) { transform: rotate(45deg);transition-duration: 0.3s;}
	.navbar-inverse .navbar-toggle.slide-active .icon-bar:nth-last-of-type(1) { opacity: 0;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: none;}
	.nav li, .navbar-nav li { width: 100%; text-align: left; padding: 6px 10px;}
	.logo-navbar nav { background: rgba(0, 0, 0,1); left: -100%; }
	.footer .top h3 {      margin: 0px auto 10px;     float: none;}
	.footer .red_lg { float: none;  display: inline-block;  margin: 0px auto;}
	.footer .top { text-align: center;}
	
	.item .business_outsourcing .title { font-size: 45px; letter-spacing: -2px;}
	.item .business_outsourcing { margin: 15% 5% 0px;}
	.owl-carousel .owl-item { height: 415px;}
	.owl-carousel .owl-item img.fourth-slider { margin-top: -70px !important;}
	.stats-bottom ul.stats-info li { padding: 20px 1% 15px;  width: 50%;}
	.stats-bottom ul.stats-info li:nth-child(3) { width: 100%; display:none; }
	.statistics {height: 480px;}
	.stats-bottom ul.stats-info li:first-child, .stats-bottom ul.stats-info li:nth-child(3), .stats-bottom ul.stats-info li:nth-child(4) { border-left: medium none !important;}
	.statistics .stats-subtitle { font-size: 17px;}
	.statistics .stats-title, .statistics h1, .imagebg-container.offer-bg h1 { letter-spacing: 0px;} 
	.services .title span, .industry-solutions p {     font-size: 15px;}
	
	#innercontainer {     padding: 20px 0px;}
	#innerleft, #mainwide { width: 100%; margin: 0 auto;}
	#innerleft .testimonials {  width: 50%; display: inline-block; height: auto; margin: 30px auto 0; }
	#innerleft.career-left-side .testimonials { width: 100%; text-align: left}
	#innerleft.career-left-side ul.leftlinks li { border-bottom: 1px solid #DADADA; min-width: 100%;}
	#innerleft.career-left-side .testimonials ul.leftlinks li:first-child { border-top: 1px solid #DADADA; }
	.best-place-for-work { width: auto; margin: 20px auto 10px; display: inline-block; float: none; text-align: left;}
	#innerleft.career-left-side { text-align: center;}
	.best-place-for-work .imgarea { width: 71px; height: 64px;}
	.best-place-for-work .contentarea { font-size: 15px; line-height: 18px; width: 180px; height: 64px; padding: 5px;} 
	
	#innerleft .testimonials:last-child { width: 100%; height: auto; margin-bottom: 15px;}
	#innerleft .testimonials p { margin: 0 auto;}
	ul.leftlinks { display: flex; flex-wrap: wrap; text-align: left}
	ul.leftlinks li { flex: 1; min-width: 50%; border-bottom: 1px solid #DADADA; border-top: 0;}
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner { max-height: 414px;}
	.contactform dt { width: 49.2%;}
	.phone { width: 72%;}
	.slideshow-area { width: 100%;}
	
	.service-section .greybox .content h3, .service-section .greybox .content h3 a, .service-section #innerRight h2 { font-size: 16px;}
	.greybox .content p { font-size: 14px;}
	 #innerRight .box .description, .content-below-slider .columns-area .columntxt { font-size: 14px !important; line-height: 18px !important;} 
	.greybox .content h3 { margin-bottom: 3px;}
	.slideshow-area { width: 100% !important; padding: 0;}
	#slideshow, .overlap-content {     height: 320px !important; overflow: hidden;}
	
	#mainwide, .slideshow-area { width: 100% !important;}
	
	#maincontent .h2h, .form-content #mainwide .h2h, .form-content #mainwide h2, #maincontent h2,  #mid-section-small h3, #mid-section-small h2 { font-size: 18px;}
	#maincontent p, #innerleft .testimonials p, ul.facts li, ul.webservices li, #mid-section-small p, #asideRight-lg p { font-size: 14px; line-height: 18px;}
	dl.column dt, dl.column dt a span, dl.column dt a img, dl.column dt a { height: auto;}
	
	#casestudies { width: 100%; margin: 25px auto;}
	.cases1 .box { width: 45%; margin: 0px 15px 25px;}
	
	#mid-section-small, #asideRight-lg { margin: 20px auto; width: 100%; padding: 0;}
	.offer-bg {     max-height: 594px !important;     padding: 90px 0px 0px;}
	.prev1 { left: 0 !important;}
	.next1 { right: 0 !important; left: auto !important; margin: 0 auto;}
	.iphone-slider .stepcarousel .panel .left-area .portfolio-description, .iphone-slider .stepcarousel .panel .left-area .app-store { padding-left: 0 !important;}
	.offering-section .iphone-slider .slider-area { padding: 10px 30px 0px; height: 400px; margin-bottom: 20px;}
	 .offering-section .iphone-slider p { margin-top: -30px;}
	 .thumb-slider-area .testimonial { width: 52%; padding-left: 30px;}
	 .offering-section .hsgroup h2 { font-size: 24px;}
	 .offering-section .hsgroup h4 { font-size: 16px;}
	 
	 .offering-section .iphone-slider .stepcarousel .panel { max-width: 550px;}
	 .thumb-slider-area .testimonial { width: 46%; padding-left: 20px;} 
}

@media screen and (max-width:735px) {
	.owl-carousel .owl-item { height: 375px;}
	#owl-demo .owl-pagination { margin-top: -43px;}
	.item .business_outsourcing .sub-title { margin: 0 auto;}
	.owl-carousel .owl-item img.first-slider { margin-top: -115px !important;}
	.item .business_outsourcing .text { font-size: 16px;}
	.item .business_outsourcing {     margin: 13% 2% 0px;}
	.statistics .stats-subtitle, .statistics.contactbanner h2, .statistics.careerbanner h2, .statistics.corporatebanner h2, .offer-bg h2, .statistics.solutionsbanner h2, .statistics.innerbanner h2, .statistics.industriesbanner h2, .statistics.casebanner h2 {    padding: 4px 10px 0px;}
	.stats .heading, .services .title { font-size: 27px;}
	.industry-solutions { margin-bottom: 0 !important;}
	ul.coloured-graphic li {     padding: 12px 3px 0;}
	ul.service-bottom { margin: 20px 0px;}
	ul.service-bottom li { padding: 0px 10px;}
	.statistics .stats-title, .statistics h1, .imagebg-container.offer-bg h1 { font-size: 29px; line-height: 35px;}
	.statistics .stats-bottom { margin-top: 25px;}
	.stats-bottom ul.stats-info li {     padding: 10px 1% 15px;    width: 50%;    height: auto;}
	.statistics {     height: 413px;}
	
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner { max-height: 414px;}    
	#mainwide h2, #mainwide .h2h { margin-bottom: 15px;}
	.contactform dt { width: 48.8%;}
	
	.industry-solutions ul.keypoints li { width: 100%;}
	.industry-solutions ul.keypoints { margin-left:10px;}
}

@media screen and (max-width:639px) {
	/*== main-services Section
	==========================*/
	.main-services .services .container{min-height: 195px;}
	.main-services .services li a{text-overflow: ellipsis; white-space: normal; overflow: visible;}
	.main-services .services .drop-top{height: 195px;}
	
	/*== whitebox Section
	==========================*/
	.Adarea{width: 100%; margin: 20px 0 0 0; padding: 10px;}
	
	.footer .legal { width: 64%; padding: 0px;}
	.footer { background-size: cover;}
	.footer .top h3 { font-size: 19px;}
	footer .phone-contact span { font-size: 20px;}
	footer .phone-contact { margin-bottom: 5px; padding-bottom: 10px;}
	.item .business_outsourcing .title { font-size: 40px;}
	.owl-carousel .owl-item img.first-slider { margin-top: -45px !important;}
	.owl-carousel .owl-item img.fourth-slider { margin-top: 0px !important;}
	.item .business_outsourcing .title { font-size: 35px; line-height: 60px;}
	.item .business_outsourcing .sub-title { font-size: 13px; line-height: 16px;}
	.item .business_outsourcing .text { font-size: 15px;} 
	.item .business_outsourcing {  margin: 15% 2% 0px;}
	.owl-carousel .owl-item { height: 320px;}
	#owl-demo .owl-pagination { margin-top: -13px;}
	.owl-theme .owl-controls .owl-page span { background: #D7D7D7;}
	ul.coloured-graphic li { width: 33%;}
	ul.coloured-graphic li.one { border-radius: 7px 0px 0px !important;}
	ul.coloured-graphic li.six { border-radius: 0px 0 7px 0px;}
	ul.coloured-graphic li.four { border-radius: 0px 0 0 7px; border-left:0;}
	ul.coloured-graphic li.three { border-radius: 0px 7px 0 0;} 
	ul.service-bottom li, ul.service-bottom li:first-child { width: 50%; padding-bottom: 10px; margin-bottom: 0px; border-bottom: 1px solid #E5E5E5 !important; padding-top: 10px;}
	
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner { padding: 120px 0px 0px; height: 320px;}
	#innerleft .testimonials { height: auto;}
	.contactform dt { width: 48%;}	
	.phone { width: 70.5%;}
	.service-section #innerRight, .service-section #innerleft, .service-section #maincontent { width: 100%;} 
	#innerRight .box .thumbarea { display: block; margin: 10px auto 0; float: none; max-width: 250px;}
	.service-section #innerleft .testimonials:last-child { padding: 0;}
	#maincontent p, #mid-section-small p, #asideRight-lg p { margin-bottom: 8px;}
	
	#slideshow, .overlap-content {     height: 280px !important; overflow: hidden;}
	.cases1 .box { margin: 0px 13px 25px;} 
	.stats-bottom ul.stats-info li { padding: 20px 1% 15px;  width: 50%; border-bottom:1px solid rgba(255, 255, 255, 0.15); }
	.stats-bottom ul.stats-info li:nth-child(4), .stats-bottom ul.stats-info li:nth-child(5) { border-bottom:none; }
	#maincontent img { max-width: 100%; height: auto;}
	.offer-bg { height: auto; max-height: none !important; padding-bottom: 20px;}
	.imagebg-container.offer-bg .column-container .column1 h2, .imagebg-container .column-container .column1 .logoarea h1 {      margin: 8px 0px; font-size: 17px; line-height: 18px;}
	.imagebg-container .column-container .column1 .solutionlist, .mainimg, .imagebg-container .column-container .column1 .mainimg, .imagebg-container.offer-bg .column-container .column1 .columntxt { display: none;}
	.offer-bg .red_small { padding: 7px 6px 7px; font-size: 10px;}
	.imagebg-container .column-container .column1 .logoarea { border: 0;} 
	.imagebg-container.offer-bg .column-container .column1:first-child h2 { top: 28px; position: relative;}
	.thumb-slider-area .thumbnail { width: 50%;}
	.thumb-slider-area .testimonial { width: 50%; padding-left: 15px;}
	
	
	.sitemapleft, .sitemapleft .smcolumn { width: 100%; margin: 0 auto;}
	.services .our-services .column { height:220px; padding-top: 22px;}
	.industry-solutions ul.keypoints li { width: 100%;}
}

@media screen and (max-width: 567px) {
	.contactform dl { margin: 0px auto; padding: 0px;}
	.contactform dd, .contactform dt, .contactform dd.full { width: 100%; margin: 5px auto 10px;}
	.cases1 .box { width: 100%; margin: 10px auto; max-width: 250px; float: none; clear: both; display: inline-block; text-align: left; height: auto;}
	.cases1 .box a { height: auto;}
	.cases1 .box .description { padding: 10px;}
	#casestudies.cases1 { text-align: center;}
	.cases1 .box .thumbarea .read-cs { height: 105px; padding-top: 25px;}
	.imagebg-container.offer-bg .column-container .column1 { padding: 5px 15px 15px;  height: auto; width: 100%; margin: 0px auto 2px;}
	.imagebg-container.offer-bg .column-container .column1:first-child h2 { position: relative;  top: 0px;}
	.imagebg-container .column-container .column1 .logoarea { height: auto;}
	.imagebg-container.offer-bg .column-container .column1 h2, .imagebg-container .column-container .column1 .logoarea h1 { margin: 8px 0px 0px; font-size: 17px;  line-height: 18px;  padding: 0px;}
	.offer-bg .red_small { padding: 7px 6px; font-size: 12px; margin-top: 10px;}
	.offer-bg { height: auto !important; max-height: none !important; padding-bottom: 20px !important;}
	.imagebg-container.offer-bg .column-container { display: inline-block; width: 100%;}
	.xicom-features ul { width: 100%; padding-left: 0;}
	.xicom-features ul li {  padding-left: 0;}
	.offering-section .iphone-slider .stepcarousel .panel { max-width: 324px;}
	.services .our-services { display: flex; flex-wrap: wrap;}
	.services .our-services .column { min-width: 50%; height: auto;}
	.statistics.transform-business {  height: auto;}
}

@media screen and (max-width:479px) {
	.phone-block{display: none;}
	
	/*== Slider Section
	==========================*/
	div.default div.yoo-carousel, .panel-container-br, .article div{height: 280px!important;}
	.statistics.contactbanner, .statistics.careerbanner, .statistics.corporatebanner, .offer-bg, .statistics.solutionsbanner, .statistics.innerbanner, .statistics.industriesbanner, .statistics.casebanner { padding: 85px 0px 0px; height: 230px; }
	.owl-carousel .owl-item { height: 280px; }
	
	/*== main-services Section
	==========================*/
	.main-services .services{width: 100%!important; padding: 10px; height: auto;}
	.main-services .services .container{min-height: 0;}
	.main-services .services .drop-top{height: auto;}
	.main-services .services .container h2, .main-services .services .container h2 a{font-size: 14px;}
	
	/*== whitebox Section
	==========================*/
	.whitebox .column, .whitebox .column3, .whitebox .column4{width: 100%; margin: 0 0 25px 0; padding: 0!important;}
	.Adarea .Ad1, .Adarea .Ad2{margin: 0; width: 100%;}
	.Adarea .Ad2{margin-top: 10px;}
	
	/*== Footer Section
	==========================*/
	#footer .mleft2 br{display: none;}
	
	header.logo-navbar { padding: 3px 0px 0px; height: 50px; }
	header .container .fr { float: none; position: absolute; top: auto; bottom: 5px; left: 15px;}
	.logo-navbar .contact-number, .logo-navbar .contact-number:hover {font-size: 11.6px; border: 0px none; padding: 0; display: none;}
	.navbar-header { margin-top: 7px}
	.logo-navbar.white-header { padding-top: 5px; height: 55px;}
	.navbar-inverse .navbar-toggle {border-color: #333; top: 4px;}
	.logo-navbar nav, .nav { margin-bottom: 0;}
	.nav li, .navbar-nav li { border-bottom: 1px solid  rgba(255, 255, 255, 0.2); }
	.logo-navbar.white-header .nav li, .logo-navbar.white-header .navbar-nav li { border-bottom: 1px solid #ddd;}
	.nav li:last-child, .navbar-nav li:last-child { border-bottom: 0;}
	
	.footer .column { width: 100%;}
	
	.show-xs { display: block;}
	.footer .navigation .column h3 { display: none;}
	.collapse { display:none;}
	.footer .navigation h3 a.plus-accord { font-size: 21px; float: right; line-height: 15px; font-family: "breuertextbold"; color:#fff;}
	.hide-xs { display:none !important;}
	.footer .navigation h3 { font-size: 15px; display:inline-block; width: 100%; margin: 8px auto 2px;}
	.logo-navbar.white-header .contact-number:hover { border: 0;}
	.footer .top h3 {     font-size: 17px;}
	.footer .navigation .panel-group { margin-bottom: 0px;}
	.footer .navigation { padding: 10px 0px;}
	.footer .social { float: none; display: inline-block; margin: 0 auto 6px;}
	.footer .legal, .footer .bottom { text-align:center; width: 100%; } 
	.footer .social a { width: 34px; height: 34px; padding: 5px 0 0 0; font-size: 18px;}
	
	.item .business_outsourcing .title { font-size: 25px; line-height: 30px; letter-spacing:-3px; margin-bottom:5px; }
	.item .business_outsourcing .text { display: none; }
	.item .business_outsourcing .sub-title { line-height: 16px; font-size:12px; margin-bottom:15px; letter-spacing:0; }
	.owl-carousel .red_lg { font-size: 15px; padding: 12px 20px 10px; }
	.item .business_outsourcing { margin: 80px 0 0px; }
	.owl-carousel .owl-item img.first-slider { margin: 0px !important; min-height: 320px; max-width: none; width: 115%; position: relative; left: -10% !important;}
	.owl-carousel .owl-item .item.second-slide img, .owl-carousel .owl-item .item.third-slide img, .owl-carousel .owl-item .item.fourth-slide img {    margin-top: 0px; min-height: 320px; max-width: none; width: 120%; left: -15%; position: relative;}
	.owl-carousel .owl-item .item.second-slide img { width: 150%; left: -25%;}
	.owl-carousel .owl-item .item .black-overlay, #owl-demo .container  { z-index: 1}
	
	.services .our-services { margin:0;}
	.services .our-services .column, .services .our-services .column:first-child { height: 280px; padding:15px 0;}
	.statistics .stats-title, .statistics h1, .imagebg-container.offer-bg h1 {font-size: 24px;line-height: 28px;}
	.services .our-services .column figure figcaption h2 { padding:10px 0 ; font-size:22px;}
	.services .our-services .column figure figcaption span { font-size:14px;}
	.statistics { height: 453px;}
	.industry-solutions aside { width: 100%; margin: 20px auto;}
	.industry-solutions ul.keypoints li {     width: 43%; margin: 0 10px;}
	.services .industry-solutions ul.keypoints li { margin: 0 ;}
	.services .title, .industry-solutions h3 a { line-height: 28px; font-family: "breuertextbold"; font-weight: normal; font-size: 28px; left:0; padding:10px 0; }
	.stats .heading { line-height: 21px; font-family: "breuertextbold"; font-weight: normal; font-size: 21px; left:0; padding:10px 0; }
	.industry-solutions { margin: 0 auto !important;}
	.services .our-services .column, .services .our-services .column:first-child { width: 100%; height: auto; border-left: 0;}
	.services .our-services .column:nth-child(3) { border-bottom: 1px solid #E5E5E5;}
	.statistics .stats-subtitle, .statistics.contactbanner h2, .statistics.careerbanner h2, .statistics.corporatebanner h2, .offer-bg h2, .statistics.solutionsbanner h2, .statistics.innerbanner h2, .statistics.industriesbanner h2, .statistics.casebanner h2 { font-size: 14px; line-height: 21px;}
	.statistics { height: 325px; }
	.statistics.transform-business { height: 415px;}
	.services .title span{ font-size: 12px; line-height: 16px;  }
	.industry-solutions p { font-size:16px; line-height:18px; text-align:center }
	.industry-solutions ul.keypoints li a { font-size:16px; }
	.services .title span { display:none;  }
	ul.service-bottom li, ul.service-bottom li:first-child { width: 100%; border-left: 0}
	ul.service-bottom li:last-child { border-bottom: 0 !important}
	
	#innerleft .testimonials { margin: 15px auto 0px; height: auto;}
	#innerleft .testimonials:last-child { width: 100%; height: auto; margin-bottom: 15px;}
	.contactform dd, .contactform dt, .contactform dd.full { width: 100%; margin: 5px auto 10px;}
	.contactform dl { margin: 0 auto; padding: 0;}
	.contactform .textarea { height: 140px;}
	ul.leftlinks li a h3, #innerleft .testimonials h3 { font-size: 15px;}
	#innerleft .testimonials { padding-right: 40px; height: auto;}
	#innerleft .testimonials h3 { margin-bottom: 4px;}
	#innerleft .testimonials p, #mainwide p { font-size: 14px;}
	#mainwide .h2h { margin-bottom: 10px;}
	.contactform { width: 100%; box-sizing: border-box;}
	.contactform dl label { vertical-align: top; max-width: 90%;}
	.contactform dl.black11.upper { margin: 10px auto 10px;}
	.statistics.contactbanner h1, .statistics.careerbanner h1, .statistics.corporatebanner h1, .offer-bg h1, .statistics.solutionsbanner h1, .statistics.innerbanner h1, .statistics.industriesbanner h1, .statistics.casebanner h1  { font-size: 22px;}
	#innerleft.career-left-side .testimonials { padding: 0;}
	.service-section .greybox .content h3, .service-section .greybox .content h3 a, .service-section #innerRight h2 { font-size: 18px;}
	
	#slideshow, .overlap-content {     height: 185px !important; overflow: hidden;}
	.overlap-content { padding: 0px 15px !important; width: 60% !important;}
	.slidecontent, .slidebutton {  padding-top: 10px !important;}
	.slidecontent img {     max-width: 60%;}
	.phone { width: 72%;}
	#innerleft .testimonials h3 a, #maincontent .h2h, #maincontent h2, .form-content #mainwide .h2h, .form-content #mainwide h2, .greybox .content h3, #mid-section-small h3, #mid-section-small h2 { font-size: 16px;}
	dl.column { width: 100%; margin: 0 auto;}
	.service-section ul.facts li, .service-section ul.points li a, dl.services dd, dl.services dt { font-size: 14px;}
	.service-section ul.points li {  margin-top: 0; padding-top: 0;}
	dl.services { margin-bottom: 0;}
	
	#innerleft .testimonials { width: 100%; padding: 0px 0 10px; border-bottom: 1px solid #DADADA;}
	
	.iphone-slider .stepcarousel .panel .left-area .portfolio-description { height: auto !important; padding: 0px 0px 0px 5px !important; display: inline-block; width: 100% !important;}
	.iphone-slider .stepcarousel .panel .left-area, .iphone-slider .stepcarousel .panel .right-area-android {  width: 100% !important;}
	.iphone-slider .stepcarousel .panel .right-area-android { padding: 15px 0px !important;}
	.offering-section .iphone-slider .slider-area { height: auto;}
	.offering-section .iphone-slider p {    margin-top: 0px;}
	.iphone-slider .stepcarousel .panel .left-area .grn-link-area { padding: 0 0 5px 0 !important;}
	.offering-section .iphone-slider .stepcarousel .panel .left-area .portfolio-description h4 { line-height: normal;}
	.offering-section .wccus .wccus-left, .offering-section .wccus .wccus-right { width: 100%;}
	.offering-section .wccus .wccus-right { margin:  10px auto;}
	.thumb-slider-area .thumbnail, .thumb-slider-area .testimonial, .thumb-slider-area {  width: 100%; height: auto;}
	.thumb-slider-area .testimonial { padding-bottom: 30px;}
	.offering-section .hsgroup h2 { font-size: 20px;}
	.thumb-slider-area .thumbnail img { max-width: 250px; margin: 0 auto;}
	.offering-section .hsgroup h4 {  font-size: 15px;}
	.imagebg-container.offer-bg .column-container { margin-top: 15px;}
	.offering-section .iphone-slider p, .cms p, .offering-section .xicom-features li span { font-size: 14px;line-height: 18px;}
	.offering-section .hsgroup h4 {  font-size: 14px;} 
	.commonh2 { font-size: 20px;}
	
	ul.hire-team-process li { min-width: 100%; padding: 20px; border-left: 0; border-top: 1px solid #DDD;}
	ul.hire-team-process li:first-child { border: 0;}
	.offering-section .news-container.specialpage { display: none;}
	ul.hire-team-process { padding-bottom: 10px;}
	ul.coloured-graphic li { height:70px; }
	.offering-section .services-left-column.benifit-column { padding-right: 0;}
	ul.service-bottom li h2 { font-size:18px; }
}

@media screen and (max-width: 375px) {
	.statistics .stats-title, .statistics h1, .imagebg-container.offer-bg h1 { font-size: 28px; line-height: normal; letter-spacing:-3px;  }
	.statistics .stats-bottom { margin-top: 20px; }
	ul.coloured-graphic { margin-top:10px;}
	ul.coloured-graphic li, ul.coloured-graphic li.one  { width: 49%; border-radius: 0 !Important; }
	ul.coloured-graphic li.three, ul.coloured-graphic li.five {margin-left:0;}
	ul.leftlinks li { min-width: 100%;}
	#innerleft .testimonials { width: 100%; padding: 0px 0 10px; border-bottom: 1px solid #DADADA;}

	.captcha { transform: scale(0.83); margin-left: -25px;}
	
	#slideshow, .overlap-content {     height: 153px !important; overflow: hidden;}
	.phone {  width: 71.5%;}
	.industry-solutions ul.keypoints li { width: 100%; }
	.industry-solutions ul.keypoints { margin-top : 20px;}
	dl.services dd, dl.services dt { width: 100%; margin: 4px auto 8px;}
	.statistics.contactbanner h1, .statistics.careerbanner h1, .statistics.corporatebanner h1, .offer-bg h1, .statistics.solutionsbanner h1, .statistics.innerbanner h1, .statistics.industriesbanner h1, .statistics.casebanner h1  { font-size: 23px;letter-spacing:-0.7px; }
	.statistics .stats-subtitle, .statistics.contactbanner h2, .statistics.careerbanner h2, .statistics.corporatebanner h2, .offer-bg h2, .statistics.solutionsbanner h2, .statistics.innerbanner h2, .statistics.industriesbanner h2, .statistics.casebanner h2 { font-size: 12px; line-height:14px; } 		
	.statistics .stats-subtitle { font-size:11px; }
	.red_small { padding: 13px 13px 10px;}
	
	.offering-section .iphone-slider .stepcarousel .panel { max-width: 284px;}
	.iphone-slider .stepcarousel { height: 550px !important;}
	
	.statistics.transform-business { height: 350px;}
	.logo-navbar nav { top: 46px;}
}

@media screen and (max-width: 374px) {	
/*for slider*/
	.offering-section .iphone-slider .stepcarousel .panel { max-width: 270px;}
	.statistics.transform-business { height: 350px;}
	.owl-carousel .owl-item { height: auto;}
}
@media screen and (max-width: 359px) {	
/*for slider*/
	.offering-section .iphone-slider .stepcarousel .panel { max-width: 230px;}
}