@media only screen and (max-width: 1184px) 
{
.navbar-nav > li	{padding: 0 8px;}
div .corporate-governance-section {min-height: 700px;}
}
@media only screen and (max-width: 1034px) 
{
.our-business-left-section p {height: 222px;}
/* .bx-wrapper .bx-prev {left: -30px !important;}
.bx-wrapper .bx-next {right: -30px !important;} */
.banner-text ul li {font-size: 55px;}
.banner-text  ul li  {padding-left:6%;}
.thumbnail {height: 275px;}
}

@media only screen and (max-width: 988px) 
{
.copyright .pull-right, .copyright .pull-left {text-align:center;}
body {margin-bottom: 56px;}
.navbar-nav > li > .dropdown-menu {top: 175%;}
.dropdown-menu {left: 7px !important;}
.sticky .navbar-nav > li > .dropdown-menu {top: 130%;}
.our-business-left-section p {height: 100px;}
.banner-text ul {padding-left: 0;}
.thumbnail {height: 220px;}
.board-name{width: 100%;}
.contact-address, .contact-address .col-xs-12 {padding:0;}

}
@media only screen and (max-width: 900px) 
{
.banner-text {padding: 4% 0 12% 0;}
.banner-text ul li {font-size: 50px;}
.navbar-right {    margin-right: 0;}
}
@media only screen and (max-width: 800px) 
{
.banner-text ul li {font-size: 35px;line-height: 50px;}
.div-border {margin: 0 5px 0 5px;}
.no-space-left{padding-left: 0;}
.bx-wrapper .bx-prev {left: -30px !important;}
.bx-wrapper .bx-next {right: -30px !important;} 
.infra-pg-img ul {padding-left: 0;}
.infra-pg-img ul li {    width: 46%;}
}
@media only screen and (max-width: 768px) 
{
.bx-wrapper .bx-prev {left: -45px !important;}
.bx-wrapper .bx-next {right: -45px !important;}
.banner-text ul li {    background-size: 25px;    padding-left: 5%;}
.banner-text ul { padding-left: 3%;}
.our-business-section {padding: 0 3%;}
.breadcrumb-section .container{padding-left:15px;}
.page-title .container{padding-left: 15px;}
.ongoing-project-section .no-space-left {padding-right: 15px;    padding-left: 15px;}
.contact-form, .contact-address {padding-right: 15px;    padding-left: 15px;}
.service-box {height:360px;}
.infra-page .page-title{margin:2% 0;}
}
@media only screen and (max-width: 766px) 
{
.navbar-right {margin-top: 0;padding: 1% 3%; background-color:#4859ab}
.nav > li.active > a {color: #fff;}
.navbar-nav > li {border-bottom: 1px solid #fff;padding: 1% 2%;}
.nav > li > a:hover, .nav > li > a:active {color:#fff;}
.navbar-nav > li > .dropdown-menu {top: 0;}
.dropdown-menu li:before {border-bottom: none;position: static;top: 0;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {color:#fff;}
.navbar-collapse.in {overflow:hidden;}
.navbar-toggle {margin-top:0; margin-bottom:5px;}
.navbar {min-height: 60px;}
.why-us-left {transform: translate(0, 25%);}
.why-us ul {margin: 5% auto;padding: 0 5%;}
.bx-viewport {    height: 215px !important;}
.thumbnail {height: inherit;}
.about-company-section, .contact-form {padding:0 15px;}
.hr-with-margin {display:none;}
.board-of-dir-div {height: inherit;margin-bottom: 2%;border-bottom: 1px solid #ccc;}
.board-of-dir-div:first-child {border-right:none;}
.service-box {    height: inherit;    border-bottom: 1px solid #eaeaea;}
.small-fixed-txt {    position: static;  top: 0;  left: 0;  transform: initial;  padding: 0 2%;}
.small-fixed-txt h2{ font-size: 18px;}
}
@media only screen and (max-width: 480px) 
{
.navbar-brand {width: 70%; padding: 9px 5px;}
.our-business-left-section {  display: initial;   justify-content: initial;}
.our-business-left-section p {height: initial;}
.div-border {    margin: 1% 0; width:100%;}
.banner-text ul li {font-size: 22px;line-height: 25px;padding-left: 6%;background-size: 18px;}
.banner-text ul {padding-left: 4%;}
.banner-text {padding: 8% 0 8% 0;}
.footer {    padding: 1% 0;}
.footer ul li {padding: 2% 2% 1% 2%;   text-align: center;margin:0;}
.page-title h2 {    font-size: 22px;}
.breadcrumb-section {    padding: 3% 0;}
.breadcrumb-section h1 {    font-size: 20px;}
.breadcrumb {    padding: 0px 0;}
.why-us-left h2 {font-size: 45px;}
.thumbnail {height: 230px;}
h3.sub-title {    font-size: 22px;}
p, .about-company-section ul li {font-size:15px;}

.rmc-page {margin:5% 0 22% 0;}
div .corporate-governance-section {min-height: 600px;}
}
@media only screen and (max-width: 412px)
{
body {margin-bottom: 70px;}
}
@media only screen and (max-width: 414px)
{
body {margin-bottom: 54px;}
.rmc-page {margin:5% 0 25% 0;}
.small-fixed-txt-footer {position: fixed;  bottom: 8%;}

}
@media only screen and (max-width: 384px)
{
body {    margin-bottom: 13%;}
.footer ul li {    padding: 2% 1% 1% 1%;}
.copyright p {    font-size: 10px;}
.banner-text ul li {    font-size: 19px;}
.thumbnail {height: 230px;}
.page-title {margin-bottom: 8%;}
.board-of-dir-div {margin-bottom: 7%;}
.breadcrumb-section h1 {    font-size: 17px;}
.breadcrumb li a, .breadcrumb>.active {    font-size: 13px;}
.rmc-page {margin:5% 0 30% 0;}
.small-fixed-txt-footer {position: fixed;  bottom: 7%;}

}
