
/* imac 21 4k inch Styles here */
@media (min-width: 1920px) and (max-width: 2560px) {

}


@media (min-width: 1920px) and (max-width: 2560px) {

}

@media (min-width: 1600px) and (max-width: 1919px) {

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .navbar-light .navbar-nav .nav-link {margin-right: 13px;padding: 35px 0;font-size: 12px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .navbar-light .navbar-nav .nav-link {margin-right: 13px;padding: 35px 0;font-size: 12px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px)  {
  .navbar-light .navbar-nav .nav-link {margin-right: 13px;padding: 35px 0;font-size: 12px;}

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */


/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 
   
    

}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
    .bannertopslider .topbanner img { width: 100%; height: auto;}
    .nav-bar { padding: 0 3rem;}
    .testimonials .testimonialbx {height: 100%;} 
    .about {overflow: hidden;}
    .career .processleft {margin-right: 30px;}
    .bannertopslider .topbanner .info {width: 80%;}
    .director .directorright {margin-left: 40px;}    
    .d-desk{display: none;}
    .d-mob{display: block;}
    .leaderinn .info {padding: 7px 20px;height: auto;}
    .awards .awardsbx { height: 410px;}
    .contact .contactbx {padding: 25px;height: 420px;}

    }


@media only screen and (min-device-width:481px) and (max-device-width:767px)
{
   

    }

/* Extra small */
@media (min-width: 320px) and (max-width: 767px)
{
 .director .directorright {margin-left: 10px;}
.offerings, .subsidiaries,.testimonials,.revenue {padding: 40px 0 !important;}
.about{padding: 40px 15px 0 15px;}
  .about a .aboutbx {padding: 10px; height: 250px;}
  .milestone {padding: 40px 0 20px 0;}
.director {padding: 40px 0;}
.director .directorright .directorq {margin-right: 15px;}
.testimonials .testinfo{padding-bottom: 80px;}
.testimonials .swiper-button-next, .testimonials .swiper-button-prev {top: 38%;}
.testimonials .swiper-button-prev {left: 0;}
.testimonials .swiper-button-next {left: 70px;}
.bannertopslider .topbanner img {height: 100%;}
.bannertopslider .swiper-slide-active img {animation: scale 1s ease forwards;}
.bannertopslider .topbanner .info {top: 40px;left: 0; width: 100%;padding: 8px;}
.bannertopslider .topbanner .info .title { font-size: 22px;line-height: inherit;}
.bannertopslider .topbanner .info p{font-size: 15px;}
.title {font-size: 26px;line-height: 32px;}
.subtit {font-size: 18px;}
.director .directorright .title{margin-top: 20px;}
.topfooter, .footerlink{padding: 10px;}
.d-desk{display: none;}
.d-mob{display: block;}
.director .directorpix .directorname h2 {font-size: 24px;}
.modal .modal-fluid {width: 100%; max-width: 100%;}
.bod-modal {width: 97%;}
.bod-modal .detail {margin: 0 20px 35px 20px; height: 190px; overflow-y: scroll; padding-right: 10px;}
.modal.show .modal-dialog {top: 60px;}
.item {margin-left: 12px;}
.visionbot {margin-top: -327px;}
.visionimg {overflow: hidden;}
.missionbg .info {padding: 0 0 0 0;}
.missionbg, .other, .career .careerprocess{padding: 40px 0;}
.contact {padding: 40px 0 0 0;}
.aboutinfobx {margin-top: 20px;}
.about h2 {font-size: 40px !important;}
.innerpages, .commitment {padding: 0 15px 40px 15px;}
.about .logotxt {display: none;}
.purpose {padding: 40px 0;margin-top: 0;}
.visionbot {right: 0;}
.leaderinn .info { padding: 25px; height: auto;}
.commwrp .commbx .commimg1, .commwrp .commbx .commimg1a, .commwrp .commbx .commimg1b { position: relative;right: 0;top: 0;width: 180px;}
.commwrp .commbx .commimg2, .commwrp .commbx .commimg2a { position: relative;left: 0;top: 0;width: 180px;}
.commwrp .commbx {padding: 15px 0;margin-top: 25px;}
.commwrp {margin-bottom: 40px;}
.about h2 {padding-bottom: 20px;}
.commitment .commitment-thumb {position: relative; top: 0;}
.commitment { margin-top: 60px;margin-bottom: 0;}
.commitment .title{padding-top: 40px;}
.section .title p {font-size: 16px;line-height: 24px; font-weight: 500;}
.pad40{padding-top: 40px;}
.future .furight {padding: 35px 35px 0 35px;}
.only-left {border-left: 0;border-right: 0;border-bottom: 0;border-top: 5px solid;}
.border-gradient-green {border-image-source: linear-gradient(to left, #0193c1, #39a447);}
.blogs .social a i { display: inline-block; margin: 10px;}
.testimonials .testimonialbx, .awards .awardsbx, .revenue .revenuebx, .h295, .h315 {height:auto}
.offerings .offertab ul li {margin-right: 0;}
.blogs .blog-content {padding: 0 15px;}
.footer .footerlink1 a {padding-top: 0;}
.career .careerprocess a .careerbx .num {right: 112px;}
.careerbg {padding: 0;}
.other .offertab ul li a img{width: 33px;}
.other .offertab ul li .active {line-height: 30px;}
.bx {width: 100%;}
.contact .branch {padding: 25px 0px 0 10px;}
.other .offertab ul li {font-size:15px;}
.contact .conbx .info {width: 80%;}
.blogs .resfeatures .reserchbx { padding: 10px;}
.blogs .obj {padding: 15px;text-align: center;}
/* .blogs p{text-align: center;} */
.blogs .resfeatures {padding: 40px 0;margin: 40px 0 0 0;}
.career .processleft {margin-right: 0;}
.career .pro-num, .career .pro-wrapper li::before {display: none;}
.pro-title { font-size: 1rem !important;width: calc(100% - 6rem) !important;}
.career .pro-icon {width: 80px;height: 80px;padding: 10px;}
.contact .contactbx {padding: 35px;margin-bottom: 30px;}
.contact-form {margin: 0 15px;}
.getintouch .locbx .branch {border-left: none;padding: 10px;text-align: center;}
.contactbg, .getintouch{padding: 40px 0;}
.contactbg .conbx {padding: 0;}
.career-form {margin: 0;}
.box1 img{height: 140px;object-fit: cover;}
.box2 img{width: 140px;}
.offerings .commodities{width:100%}
.offerings .box1 {height: 140px;object-fit: cover;}
.offerings .box2 img {height: 140px;object-fit: cover;width: 190px;}
.offerings .box2{height: 140px;}
.navbar-light .navbar-nav {border-top: 1px solid #EEEEEE;}
.dropdown-item {padding: 10px 0 12px 0;font-size: 13px;border-bottom: 1px solid #ccc;margin: 0;}
.navbar .dropdown-toggle::after{float:right;margin-right: 10px;}
.navbar-toggler {padding: 0;}
.logo{padding: 0 !important;margin:0 !important}
.dropdown-menu{border-left: none !important;border-right: none !important;border-top: none !important;}
.blogs .resobj { padding: 15px;}
.blogs .featuredbx .blogdetails {padding: 22px;}

.investor-tab ul.main-tab li {
 line-height: 16px;
  width: 39%;
}
#investors .nav-pills .nav-link.active, #investors .nav-pills .show > .nav-link {
  width: 100%;
  height: 100%;
  text-align: center;
}
#investors .nav-pills .nav-link { margin: 0 auto;}
#investors {
  padding: 40px 0;
}



}