/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	#mainmenu > ul { display:block !important; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1400px) { 
.section-image video { height: 100vh; width: auto;}
}
/*==========================================================================================================*/
@media only screen and (max-width: 1200px) { 
	.inner-banner-box p { font-size: 20px; }
	.sticky-sidebar-main { right: 20px;}
	.values-row .cols { margin: 0 -20px; }
	.values-row .cols .col {padding: 0 20px;}
	.values-box { line-height: inherit;	} 
	.values-box h4 { font-size: 28px;}
	.numbers-section { padding: 90px 0 70px;}
	.values-section { padding: 75px 0 95px; }
	.sustainability-box h1 { font-size: 60px; }
	.sticky-sidebar-main { left: calc(50vw + 200px);}
        
        /*client page*/
	.client-main-box { padding: 80px 0; }
	.client-main-box .client-title h3 {	font-size: 28px; margin-bottom: 40px; } 
	.client-img-box ul li { width: 20%; }
    .img-box img { width: 100%;  max-width: 680px; }
	.sustainability-box { max-width: 750px; }
	

}
/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; font-size: 16px;line-height: 1.5; }
	h1, h2 { font-size: 40px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:100%; max-width: 100%; padding:0 20px; }
	#logo { padding: 12px 53px;}
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	/*home page banner- section*/
	.banner-slider .swiper-pagination .swiper-pagination-bullet {height: 10px;width: 10px;font-size: 0;padding: 0; border-radius: 50%; border: 1px solid #fff; margin: 0 5px; transition: 550ms all;}
	.banner-slider .swiper-pagination .swiper-pagination-bullet::before { display: none;}
	.banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff;}
	.banner-box h2 { font-size: 50px;}
	.banner-box h4 { font-size: 22px;}
	.about-box {padding: 25px 25px 40px; }
	.highlight-row {min-height: 450px; }
	.highlight-box h2 { margin-bottom: 20px;}
	.values-section { padding: 60px 0 70px; }
	.values-section .section-title { margin-bottom: 30px; }
	.news-section { padding: 70px 0; 	}
	.inner-banner-box h2 { font-size: 60px; }
	.inner-banner-box p { font-size: 16px; }


	.contact-main .banner-box h2 { font-size: 60px; }
	.footer-info .col:nth-child(1) { width: 25%; }
	.footer-info .col:nth-child(2) { width: 50%; }
	.footer-info .col:nth-child(3) { width: 15%; }
	.footer-info .col:nth-child(4) { width: 10%;}
	.footer-logo {  width: auto;}

	.sticky-sidebar {margin: 0;	padding: 10px 0;list-style-type: none;	padding-right: 0;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;	justify-content: center;
	}
	.sticky-sidebar li { margin-right: 50px;}
	.sticky-sidebar li:last-child { margin-right: 0;}
	.sticky-sidebar-main {position: fixed;top: 0;z-index: 9;color: #fff;flex-direction: column;justify-content: center;text-align: right;right: 0;display: flex;background: #4470b4;
	right: 0;width: 100%;top: 80px;	}
	.policies-section { padding: 80px 0;}
	.policies-section .section-title { margin-bottom: 20px;}
	.cols4 .col { width: 33.333%;}
	.policies-box .col {margin-bottom: 30px;}
	.sustainability-box h1 { font-size:55px; }

	.about-section { padding: 70px 0 0; }
	.page-nav { font-size: 16px; }
	.page-nav i{  font-size: 12px;}

	.sticky-sidebar-main { transform:none; display: none;}
	.graphs-info h2 { text-align: center;}
	.numbers-section { padding: 80px 0 50px; }
	.numbers-box .graphs-info { margin-bottom: 15px;}
	.numbers-box .numbers-info {width: 100%; }
	.numbers-box { flex-direction: column; overflow: hidden; }
	.numbers-box .numbers-info { padding-left: 20px; text-align: center;}
	.numbers-row .cols .col { width: 50%;	}
	.numbers-row .cols { margin: 0 -15px -46px;	}
	.numbers-row .cols .col { padding: 0 15px; margin-bottom: 30px;}
	.news-row .cols { margin: 0 -20px;} 
	.news-row .cols .col { padding: 0 20px;}
	.highlight-box .button { margin-top: 35px; }
	.section-title { margin-bottom: 40px;}
	.about-detail-section { padding: 70px 0 50px;}
	.about-detail-section figure {padding-left: 0; }
	.approach-row figure { padding-right: 0; }
	h4 { font-size: 25px; }
	.about-banner-img {	padding: 40px 0 80px; }
	
	
	.business-row-main .cols2:nth-child(2n + 1) .col:last-child .business-text { padding: 0; padding-left: 40px;}
	.business-row-main .cols2:nth-child(2n) .col:last-child .business-text {padding: 0; padding-right: 40px; }
	.business-row-main .cols { margin-bottom: 50px;}
	.business-row-main .cols:last-child { margin: 0; }
	.contact-box { padding: 60px 0;}
	.contact-box .form-block .form-group { padding: 15px 0 5px;}
	.contact-box .form-block .captcha.form-group { padding-top: 25px; }
	.sustainability-main-section { height: auto;}
	.home-banner .btn-down { transform: translateX(-50%);}
        
	/*client page*/
	.client-img-box ul li { width: 25%; }
        
	.sustainability-box { max-width: 100%;}
	.img-box  { text-align: center; }
	.sustainability-main-section.sustainability-first {  height: auto; }

} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	body.overflowhidden { overflow: hidden; }
	.cols4 .col { width: 50%;}
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#6d6d83; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #616176; }
	#mainmenu ul li a { padding:8px 15px; display:block;  }
	#mainmenu ul li a:after { display:none; }
	.nav-box ul li { margin-bottom: 12px; }
	.nav-row .col:last-child { margin-bottom: 0; }
	#navigation { height: calc(100vh - 80px); overflow: auto; }
	.default-grid.cols3 .col { width:50%; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; }
	
	/*home page banner- section*/
	h1, h2 { font-size:36px; }
	body{ padding-top: 80px;}
	.cols3 .col {width: 100%;	}
	.about-box h4 {	margin-bottom: 10px;}
	.numbers-section {padding: 40px 0 20px;}
	.values-row .cols { margin: 0 -15px;}
	.values-row .cols .col {padding: 0 15px;	margin-bottom: 30px;}
	.values-box h4 { font-size: 25px; margin-bottom: 8px; line-height: normal;}
	.news-row .cols { margin: 0 -15px;}
	.news-row .cols .col {padding: 0 15px;}
	.numbers-row .cols { margin: 0 -15px;}
	.numbers-row .cols .col { padding: 0 15px; }
	.nav-row .col {	margin-bottom: 25px;} 
	.nav-main { padding: 40px 0; } 
	.cols2 .col { width: 100%;}
	.about-details {max-width: 100%; }
	.about-detail-section .cols { flex-direction: column-reverse; }
	.about-detail-section .col { margin-bottom: 30px;}
	.about-detail-section figure {padding-left: 0; }
	.about-detail-section {	padding: 70px 0;}
	img { width: 100%;}
	.approach-row figure { padding-right: 0; }
	.approach-row .col { margin-bottom: 30px; }
	.about-banner-img {	padding: 20px 0 50px; }
	.approach-row .col:last-child { margin: 0; }
	.inner-banner-box h2 { font-size: 50px; }
	.about-detail-section .col:first-child { margin: 0;	}
	.business-text { padding: 0;}
	.business-row-main .col {margin-bottom: 20px;}
	.business-section { margin-bottom: 20px; }
	.contact-box { padding: 60px 0; }
	.form-group { padding: 10px 0; }

	.section-title h2 { margin-bottom: 20px; }

	.contact-page-box .form-block .form-group { width: 100%;}
	.contact-page-box .form-block { flex-direction: column;}
	.contact-page-box .form-block .form-group { padding: 10px 10px;}
	.contact-footer .col {margin-bottom: 50px;}
	.contact-footer-info i { font-size: 40px; color: #4470B4; margin-bottom: 15px; display: block;}
	.contact-footer-info h4 { margin-bottom: 5px;}
	.contact-footer .col:last-child { margin-bottom: 0;}
	.contact-main .banner-box h2 { font-size: 50px; }
	.contact-info span { font-size: 22px;}
	.contact-info a { font-size: 18px; }
	.contact-main .banner-row { padding: 100px 0 60px;}

	.footer-info .col:nth-child(1) { width: 100%; }
	.footer-info .col:nth-child(2) { width: 100%; }
	.footer-info .col:nth-child(3) { width: 50%; }
	.footer-info .col:nth-child(4) { width: 50%; }
	.footer-logo { max-width: 300px; margin: 0;}
	.footer-info .col { margin-bottom: 30px;}
	.footer-info .col:last-child { margin-bottom: 0px;}
	.footer-links { max-width: 100%;}
	.contact-page-box {  padding: 0 0 60px; }
	.sticky-sidebar-main {position: relative; top: 0; }
	.policies-section { padding: 60px 0;}
	.news-info {padding: 20px 0 0;	}
	.sticky-sidebar { padding-right: 20px;}
	.sticky-sidebar li{ width: 100%; margin-right: 0;}
	.sustainability-box h2 { font-size: 34px; }
	.sustainability-box h1 {font-size: 48px;	}
	.sustainability-main-section { height: auto;}
	.service-contact-box { padding: 80px 0;	}
	.page-nav { font-size: 14px;}
	.contact-pagination { margin: 0 0 50px;}
	.news-info h5 { line-height: normal; }
	.business-row-main .cols2:nth-child(2n + 1) .col:last-child .business-text { padding: 0;}
	.business-row-main .cols2:nth-child(2n) .col:last-child .business-text {padding: 0;}
	.business-row-main .cols {	margin-bottom: 0; }
	.banner-main { padding: 60px 0;}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { height: 40px; font-size: 12px; padding: 5px 12px;}
	.customfile { height: 40px;}
	.customfile span.cust-btn { line-height: 38px; font-size: 14px; }
	.contact-box .submit { min-width: 160px; padding: 14px 34px; }
	.contact-page-box .form-block .form-group {  margin-bottom: 10px;	}
	.contact-page-box .form-block {  padding: 0;}
	.values-section { padding: 40px 0; }
	.customfile span.cust-field { line-height: 28px; }
	.customfile { font-size: 14px; padding: 4px 160px 4px 11px;}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: 14px;}
	.banner-box h4 {font-size: 20px;}
        
        /*client page*/
	.client-main-box .client-title h3 {	font-size: 24px; }
	.client-img-box ul li { width: 33.33333%; }
	.client-main-box { padding: 60px 0;	}

	#stormlands-delivering-analytics-as-a-service .img-box {  margin-bottom: 30px; }
.banner-default .inner-banner-box h2 { font-size: 55px; }
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	body { padding-top: 68px; }
	.cols4 .col { width: 100%;}
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:100%; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 6px; } 
	table.res-table { border-top:0; }	
	#logo { width:200px; }
	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:32px; }

	/**/
	.header-row { justify-content: space-between; align-items: center;}
	#navigation { height: calc(100vh - 68px); }
	.banner-box h2 { font-size: 35px; line-height: 1.2; }
	.section-title { margin-bottom: 40px;}
	.banner-box h4 { font-size: 17px; margin-bottom: 20px;}
	#logo figure { width: auto; }
	#logo { background: #fff; position: relative; left: 0; top: 0; transform: translate(0); padding: 0;border-radius: 100px;}
	.about-box h4 { font-size: 25px;}
	.about-detail-section { padding: 50px 0;}

	.footer-links ul li { width: 100%; }
	.contact-main .banner-box h2 { font-size: 40px;	}
	.sustainability-box h1 { font-size: 40px;}

	.section-title h2 { margin-bottom: 15px; }

	.page-nav.next-btn { text-align: right;	}
	.footer-links ul { width:50%;}
	.footer-links { flex-wrap: wrap;}
	.section-title { font-size: 20px; }
	.section-title p { line-height: 1.3; }
	.banner-main {	min-height:400px;}
	.inner-banner-box h2 {font-size: 46px;	}
	.banner-btn { margin-top: 30px;	margin-bottom: 50px; }
	.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {	padding: 12px 30px;	font-size: 16px; }
	.contact-box .form-block .form-group { padding: 8px 0 5px; }
	.customfileinput { padding-top: 10px; }
	.customfile span.cust-btn { font-size: 12px;}
	.form-group.submit { margin-top: 10px; }
	.contact-main .banner-row {	padding: 60px 0; }
	.form-group .submit-white {	min-width: 120px; }
	.contact-footer-section { padding: 60px 0;}
	.page-nav { font-size: 12px; }
	.page-nav i { width: 30px;height: 30px;	line-height: 30px;}
	.contact-pagination .page-nav { display: flex;	flex-direction: column; align-items: center; }
	.page-nav.prev-btn i {margin-right: 0; }
	.page-nav.next-btn i {	margin-left: 0;	}
	.contact-pagination  .page-nav.next-btn {flex-direction: column-reverse}
	.page-nav.prev-btn i, .page-nav.next-btn i { margin-bottom: 10px;}
	.customfile { padding: 4px 130px 4px 10px;}
	.banner-slider .swiper-pagination { bottom: 20px;}
	.graphs-info h2 { font-size: 36px;}
	.header-main { padding: 18px 0;}
	.menulines::after { top: -8px; }
	.menulines::before { top: 8px; }
	textarea { height: 70px;}
	.section-title h2 { font-size:25px;}
	.contact-main .banner-box h2 { margin-bottom: 15px;}
	.section-title p { font-size:18px;}


	.about-contents .default-grid .col:first-child { width: 100%; }
	.about-contents .default-grid .col { margin-bottom: 30px;}
	.about-contents .content h3 {font-size: 30px; margin-bottom: 10px;}
	.about-contents .default-grid .col:last-child { margin: 0; }
	.about-contents .default-grid { padding-bottom: 10px;}
	.banner-row { padding: 30px 0 60px;}
        
	/*client page*/
	.client-img-box ul li { width: 50%; }
     #overview .section-title h2 { font-size: 42px; }   
	.banner-default .inner-banner-box h2 { font-size: 45px; }
	.banner-default .banner-main {	min-height: 180px; }
	.banner-default {  height: 180px;}
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	.form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#navigation { height: calc(100vh - 68px); }
	.sustainability-box h2 {font-size: 30px;}
	.news-info h5 {	font-size: 22px; }
	.contact-box .submit {	min-width: 120px; }	
	.about-contents .default-grid .col { margin-bottom: 20px; }
	.about-contents .content h3 {font-size: 24px;margin-bottom: 10px;}
        /*client page*/
	.client-img-box ul li { width: 100%; }
	.client-main-box .client-title h3 { font-size: 22px; }
	#overview .section-title h2 { font-size: 38px; }  
} 
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/