

@media (max-width: 991px) {
.navbar-collapse.collapse {
    
    padding-right: 10%;
}
.wel-main {
   
    padding: 30px 0px 0px 0px;
}
.invest-main img {
    
    width: 100%;
}

.right-scl li {
   
    width: 20%;
}

.right-scl li a {
   
    padding: 0px 4px;
	font-size: 14px;
}


}






@media (max-width: 767px) {

.navbar-toggle {
   
    background-color: #000;
    background-image: none;
    border: #000;
   
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #333;
    border-color: #337ab7;
}
.dropdown-menu > li > a{
        color: #fff;
}
.navbar-toggle .icon-bar {
  
    background: #fff;
}

.navbar-collapse.in {
    background: #333;
}

.nav > li > a {
    color: #fff;
}

.nav > li > a:focus, .nav > li > a:hover {
    
    background: #06b0fd;
}
.slide-text > p {
  
    display: none;
}


.slide-text > a.btn-default , .slide-text > a.btn-primary{
   
    display: none;
}

.slide-text h1 {
    font-size: 30px;
  
}

.top-left, .top-right {
  
    border-bottom: 1px solid #fff;
}


.top-left {
    
    padding-left: 20%;
}

.right-scl {
   
    padding: 1% 38% 0% 0%;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #e5630d;
    color: #fff;
}

.abt-pge-main h2 {
    text-align: center;
}

.abt-pge-main ul.breadcrumb {
    
    text-align: center;
}

.lft-txt {
   
    text-align: center;
}

.rgt-txt {
   
    text-align: center;
}

.ser-bx1 {
	min-height:inherit;
   height: auto;
    margin-bottom: 20px;
}
  
.wel-main h1 { text-align:center; }
p { float:left;
}

.wel-main img { width:100%; height:auto; float:left;}
}



 @media (max-width: 550px) {


.left-text {
    
    width: 100%;
  
}

.left-text li {
    width: 100%;
	padding: 0px 0px;
	text-align: center;
	border-right:none;
}

.top-left, .top-right {
    border-bottom: 1px solid #fff;
}

.left-text li {
    padding: inherit;   
    border-right:none;
    width: 100%;
    text-align: center;
}
.left-text li:first-child {
    padding-left:none;
}

.top-left {
    padding-left: inherit;
}

.left-text {
   
    float:none;
}
.right-scl {
    padding: 1% 32% 0% 0%;
}
     .table {
    width: 100%;

}
.control-round .carousel-control {
    top: 45%;
    width: 30px;
    height: 30px;
    font-size: 15px;
   
    line-height: 30px;
    
}



 }
 
 
 @media (max-width: 320px) {
 
.right-scl {
    padding: 1% 23% 0% 0%;
}

.right-scl li a {
    padding: 0px 8px;
   
}

}