@media only screen and (max-width: 1500px) {
	/*.video-section{ height: 650px }*/
}
@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 1200px) {
	h1, h2, h3, .office h3 { font-size: 40px;}
	.investor-pdf h1 span, .notfound-txt h1{ font-size: 28px; }
	.time-line h2{ font-size: 32px }
	.logo{ width: 200px }
	/*.video-section{ height: 600px }*/

	nav ul li{ margin: 0 10px; }
	nav ul li a{ font-size: 16px; }

	.notfound-txt{ padding: 60px 30px; }
	.notfound-txt a.btn-2{ margin-right: 0 }

} 
@media only screen and (max-width: 1169px) {
    
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1024px) {
	header .tgmenu { right: 15px;}
	/*.video-section{ height: 500px }*/
	.timeline__nav ul li { width: 130px  }
	.timeline__nav ul { margin-top: 20px; }
}
@media only screen and (max-width: 1023px) {
	.prev-buttons { right: 0; z-index: 9  }
	.next-buttons { left: 0; z-index: 9   }
	.timeline__nav ul li { width: 100px; }
	
}
@media only screen and (max-width: 1022px) {
}

@media only screen and (max-width:979px){
	h1, h2, h3, .office h3{ font-size: 40px;}
	.notfound-txt h1{ font-size: 28px; }
	p{ font-size: 18px; }
	.sub-title, .img-boxes .cp-title, .single-blog-content h3, .sm-title{ font-size: 20px; }
	.quote p{ font-size: 20px; line-height: 25px }
	.time-line h2{ font-size: 26px }

	header .tp-right{ display: none; }
	header .logo{ width: 200px; margin-top: 15px; }
	header .tgmenu{ top: 40px; }

	.caption{ width: 100%; left: 2%; padding: 0 0 0 10px; }
	.caption h1 br, .caption p br{ display: none; }

	footer .policy-links, footer .copyright{ float: none; text-align: center; }
	footer .text-left.copyright p{ margin-bottom: 10px; }
	.single_blog {margin-bottom: 50px;}

	.quote{ padding: 20px 100px 20px 20px; margin-bottom: 50px; }
	.right-side{ padding-left: 0 }
	.address{ background-size: 22%; padding: 80px 15px; margin-bottom: 80px;}

	/*humburger-menu*/
	.tgmenu{ display: block; }
	.humburger-menu.open{ width: 350px;}

	/*.video-section{ height: 450px }*/

	.st-sec-3 .row{ padding-bottom: 60px; }

	
	.investor-box h2.resp-accordion{ border: 1px solid #0068B4 !important; background: #fff !important; margin: 6px 0; color: #0068B4; }
	.investor-box h2.resp-accordion.resp-tab-active{ background: #0068B4 !important; color: #fff }
	.investor-box .resp-arrow{ border-top: 12px solid #0068B4; }
	.investor-box h2.resp-tab-active span.resp-arrow{ border-bottom: 12px solid #fff; }

	.investor-box .accordion-pdf{ margin-bottom: 15px; }
	.investor-box .accordion-pdf .acrd-titlepdf{ font-size: 16px; padding: 10px 15px;}
	.investor-pdf h1 span, .investor-pdf h1:after{ display: none; }

	.press-release .mobile-filter{ display: block; position: absolute; left: 0; top: 0; width: 40%; height: 50px; z-index: 1; cursor: pointer; }
	.press-release .year-filter{padding-top: 50px; position: relative; overflow: hidden; height: 50px;}
	.year-filter .year-txt{ display: block; padding: 0; width: 40%}
	.year-filter .year-txt.active{ position: absolute; left: 0; top: 0; width: 40%; }
	.year-filter{ margin: 0; border: 0; }
	.open{ height: 100% !important }

	.filter-prbox{ margin-top: 20px; }
	.aboutsec-04 .col-lg-4, .aboutsec-03 .col-md-6{ margin-bottom: 30px; }
	.img-leader-img{ height: auto; }
	.st-sec-1, .sec05{padding-bottom: 50px;}
	.noticeWrap, .cat-wrapper{ max-width: 100%; margin: 8% 2%; }
	.pop-upsocial{ position: relative; right: 0; top: 0; margin: 20px 0 0; }
	.how-sec-img img,.business-sec2-img img {
    margin: 20px auto;
}
.bs-pad {margin: 0% 0 0 0;}
.business-sec2:after {width: 100%;    background: transparent; } 
.business-sec2-content-area{background: #F8F8F8;}
.business-sec2-img {
    margin-top: 0%;
    padding-bottom: 0%;
}
.business-content-area:after{width: 100%;height: 100%;}
.business-content-area .our-para-bottom {padding-bottom: 0px;}
.business-img {
    float: left;
    width: 50%;
    margin: -4% 1% 1% 0;
}


.media-res .row.justify-content-center{
	justify-content: flex-start !important;
}
	
}
@media only screen and (max-width: 800px) {
   
}

@media only screen and (max-width:767px){
	h1, h2, h3{ font-size: 35px;}
	.office h3 { font-size: 35px; margin-bottom: 10px;}
	.time-line h2{ font-size: 26px }
	.notfound-txt h1{ font-size: 22px; }
	.discp h3{ font-size: 20px; }
	.com-pad{ padding: 30px 0 }
	.sub-title, .img-boxes .cp-title, .single-blog-content h3{ font-size: 18px; }
	.quote p{ font-size: 18px; line-height: 23px }
	p{ font-size: 18px; line-height: 24px; }

	/*header .logo{ width: 150px; }*/
	.bgimg, .sec03 .bgimg{ height: 350px; display: none;}
	.insdBg, .sec03 .insdBg, .sec04 .insdBg{ height: inherit; padding: 40px 15px; }
	.insdBg p br{ display: none; }
	.img-boxes{ margin-bottom: 15px }

	.inrbanner .desktop{ display: none; }
	.inrbanner .mobile{ display: block; }

	.cmn-sec01{padding: 30px 0;}
	.cmn-sec02{ padding: 30px 0 }
	.single_blog {margin-bottom: 30px;}
	.quote{ padding: 15px 100px 15px 15px; margin-bottom: 30px; }
	.mg-bt50{ margin-bottom: 30px }
	.address{ background-size: 35%; padding: 60px 15px; margin-bottom: 50px;}
	.adrs-box .col-md-4{ margin-bottom: 10px; }
	.related-blog .post .next-thumb, .related-blog .post .next-txt, .related-blog .post:after, .related-blog .post.last:after{ display: none; }
	.related-blog .post a span{ width: 100%; text-align: center; float: none; padding: 0 !important; }
	.mg-tp20{ margin: 0 }
	.related-blog .post a span{ font-size: 18px }
	.humburger-menu.open{ width: 100%;}
	.humburger-menu .right-sidemenu{ width: 100%; }
	.caption p{ font-size: 18px; margin-bottom: 10px; }
	.video-section{ height: 350px }
	.play-btn, .stop-btn{ height: 35px; width: 35px; bottom: 15px; padding: 10px 6px; }

	.st-sec-3 .row{ padding-bottom: 40px; }
	.accreditations-bx .img-box-auto { margin-bottom: 20px; }

	.investor-box .accordion-pdf .acrd-contentpdf .list-name{ float: none; width: 100%; padding-right: 0}
	.investor-box .accordion-pdf .acrd-contentpdf .download-link{ float: none; width: 100%; padding-right: 0}
	.child-item-accordion .child-item-content{ padding: 0 0 10px; }
	.child-item-accordion .child-accordion-title:before{ right: 17px }
	.child-item-accordion .child-accordion-title:after{ right: 10px; }
	.notfound-txt a.btn-2{ margin-top: 10px; }

	.pr-bx{ margin-bottom: 30px; }

	.timeline__nav{ margin: 0 30px; }
	.timeline__nav ul li{ width:62px; font-size: 15px }

/*	.timeline__nav ul li.active { -webkit-transform: scale(1.3); transform: scale(1.3);}*/
	.time-line:before{ left: 20px }
	.milestone .time-right:after{ height: 18px; width: 18px; border: 3px solid #fff;}
	.milestone .time-right{ float: none !important; width: 100% !important; }
	.milestone:nth-child(odd) .time-right:after { left: 14px;}
	.milestone:nth-child(odd) .time-right{ padding-left: 100px }
	.milestone:nth-child(odd) .time-right:before{ top: 10px; left: 35px; width: 65px; }
	.milestone.showimg span{ left: 5px; top: 0px; height: 35px; width: 35px; }

	.milestone:nth-child(even) .time-right{ padding-right: 0; padding-left: 100px; text-align: left; }
	.milestone:nth-child(even) .time-right:before{ right: 0; left: 35px; width: 65px; }
	.milestone:nth-child(even) .time-right:after{ right: 0; left: 14px }
	.prev-buttons{ right: 0 }
	.next-buttons{ left: 0 }
	.milestone.showimg:nth-child(even) span{ left: 5px; right: 0 }

	.aboutsec-04 .col-lg-4, .aboutsec-03 .col-md-6{ margin-bottom: 20px; }
	.pd-right{ padding-right: 0 }
	.content{ padding: 30px 15px 0 15px; }
	.st-sec-1, .sec05{padding-bottom: 30px;}
	.content-condition-pages .sub-title{ margin: 15px 0 10px; }
	.blog-detail .quote {margin: 40px 0 0px; }
	.modalimg img{ width: 100% }

	/*our-business*/
	.business-sec2:after{width: 100%;}
  .how-sec-img img {
    margin: 20px auto;
}
.business-sec3-content-area {
    padding-left: 0;
}
.business-sec2-img {
    padding-bottom: 0%;
}
.business-sec2-content-area {
    background: #F8F8F8;
}
.innovation-bg {
    padding: 0;
}
.business-img {
    float: inherit;
    width: 100%;
    margin: 0;
}
.bs-mt-5 {
    margin: 0;
}

.business-img.fl img,.content-img {
    width: 95%;
    margin: 20px auto;
}
.business-content-area.fr {
    float: inherit;
    width: 100%;
    }
.about-mobile-pd{padding-top: 0;}
.about-mobile-pd .vision-box {
    padding: 16px 25px 25px;
}
		.business-content-area:after {width: 100%;height: 100%;}
		.business-content-area .our-para-bottom{padding-bottom:0px;}
		.careers-form .custom-input {width: 193px;}
		.careers-form div.title {background-size: 15%;}

		.about-offset-position{position: absolute;top: -90px;}
		.accor-about-offset-position{position: absolute;top: -190px;} 
		.milstone-about-offset-position{position: absolute;top: -140px;} 
		.leadership-about-offset-position{position: absolute;top: -90px;}
		.scroll-business-div {top: -80px;}
		.investor-box .resp-arrow{border: none;
			background: url(../img/invest-arrow2.svg) no-repeat top left!important; width: 21px!important;
    height: 17px!important; background-size: 21px 17px!important; right: 12px!important;
    transform: rotate(0deg)!important;

		}
		.investor-box h2.resp-tab-active span.resp-arrow{
		background: url(../img/invest-arrow-white2.svg) no-repeat top left!important; width: 21px!important;
    height: 17px!important; background-size: 21px 17px!important; right: 12px!important;
    transform: rotate(90deg)!important;	
    border: none!important;
		}

		.investor-box .resp-vtabs .resp-tabs-container{ padding: 0 }

}

@media only screen and (max-width: 639px) {
	.banner .item{ background: #242424 }
	.caption{ position: relative; top: 0; left: 0; padding: 20px 15px; }
	.video-section{ height: 290px }
}
@media only screen and (max-width: 550px) {
	h1, h2, h3, .office h3 { font-size: 30px;}
	header .logo{ width: 170px; }
	.st-sec-3 .row{ padding-bottom: 20px; }

	.press-release .mobile-filter, .year-filter .year-txt, .year-filter .year-txt.active{ width: 100% }
		.business-sec5-area.text-center h6 br {
    display: none;
}
.business-sec5-area {
    padding: 5% 3%;
}
.business-sec5-area h6 {
    font-size: 18px;
    line-height: 25px;
}
}
@media only screen and (max-width: 479px) {
   .video-section{ height: 230px }
   .timeline__nav ul li {
    width: 70px; }

}
@media only screen and (max-height: 450px) {

}
@media only screen and (max-width: 375px) {

	.timeline__nav ul li{ width:55px;  }

    
}