body, html {
  height: 100%;
  margin: 0;   
  overflow-x: hidden;  
}
a:hover{
    font-weight: bold;
}

div#sub-menu {
    position: absolute;
    margin-left: 51px;
    margin-top: 32px;
    z-index: 999999;
}

.icons-2{
    margin-left: -352px;
    margin-top: -93px;
}

 

.bg {
    
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    width: 1200px;
    margin: 0 auto;
    margin-top: -77px;
 
}
 
.logoimg{
	margin-top: 170px;
    width: 123px;
    margin-left: 34px;
}
.bottom-social {
    float: right;
    margin-right: 349px;
    top: 68%;
    position: relative;
}

.bg2 {
   /* background-image: url(header.jpg);*/
    height: 1114px;
    background-position: 194px 163px;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 1292px;
    margin: 0 auto;
    margin-top: -163px;
     


}
/*.bg2 .mainSlider img{height: 100%;width: 100%; max-height: 400px}
*/.mainSlider {    position: relative; 
    top: 8%;
    left: 12%; 
    width: 100%;}
.mainSlider img { position:absolute; left:0; top:0; width: 75% }
  .mainSlider img{width: 75%; height: auto; display: block; margin: auto;}
.bg2 .mainSlider img{width: 70%}
 .bg2 #main-menu{position: relative}
.bg2 .other-margin{padding-top: 232px;}
.bg2 .mainSlider {    position: relative; 
    top: 14%;
    left: 15%; 
    width: 100%;}
.logoimg2 {
    width: 123px;
    margin-left: 118px;
}
.red{
	color: #ed1d24;
}
.other-margin {
    margin-top: 0px;
    margin-left: -50px;
    font-size: 12px;
    padding-top: 650px;
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.container{position: relative;top: 0px;}
.b2bottom{

	 background-image: url(aboutus/aboutbottom.png);
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}


	#main-menu2 {
    padding-top: 292px;
    width: 203px;
    margin-left: 376px;
    position: absolute;
    font-size: 12px;
}

	a:hover {
    color: #fff;
    text-decoration: underline;
}


	.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
a {
    color: #fff;
 }

.list-group-item {
    position: relative;
    display: block;
    padding: 1px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid #fff;
}
@media only screen and (max-width: 767px) and (min-width: 320px)  {
	body, html{overflow-x: unset;}
    .bg2 {width: 1495px;}
.bg2 .other-margin {
    padding-top: 312px;
}

    .bg {
    height: 1018PX;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    width: 1495px;
    margin: 0 auto;
    margin-top: -77px;
   
}

.bg .bottom-social {
    float: right;
    margin-right: 427px;
    top: 68%;
    position: relative;
}
}
@media only screen and (max-width: 992px) and (min-width: 768px)  {
    .textmain{
    width: 366px;
    font-size: 13px;
}
    .sideimg {
    width: 395px !important;
    padding-top: 29px;
    margin-left: 68px;
}
.other-margin {
    margin-top: 0px;
    margin-left: -218px;
}

	#main-menu {
    margin-left: 96px !important;
}

	}

@media only screen and (max-width: 1199px) and (min-width: 992px)  {
    .sideimg{
    width: 417px !important;
}
 .bg2 {width: 1120px;}
 .bg{width: 1029px}
.bg .mainSlider {
    position: relative;
    top: 8%;
    left: 12%;
    width: 100%;
}

.bg .bottom-social {
    float: right;
    margin-right: 274px;
    top: 60%;
    position: relative;
}

    .other-margin {
   margin-left: -119px;
}
    
.bg2 #main-menu {
    padding-top: 324px;
    width: 203px;
    margin-left: 214px !important;
    position: absolute;
    font-size: 12px;
}
#main-menu {
    padding-top: 257px;
    width: 108px;
    margin-left: 346px;
    position: absolute;
    font-size: 10px;
}

.icons-2 {
    margin-left: -287px;
    margin-top: -133px;
}

.bg2 #main-menu {
    position: relative;
    LEFT: 17%;
}
    }  

@media only screen and (max-width: 767px) and (min-width: 576px)  {    

.container {
    max-width: 744px;
}  
.sideimg {
    width: 350px;
    padding-top: 7px !important;
}
}

@media only screen and (max-width: 575px) and (min-width: 320px)  {    

.container {
    width: 58%;
    }
    .sideimg {
    width: 100%;
    padding-top: 26px;
    height: 253px;
}
}


#main-menu2 {
    padding-top: 300px;
    width: 203px;
    margin-left: 375px;
    position: absolute;
    font-size: 12px;
}
#main-menu {
    padding-top: 345px;
    width: 108px;
    margin-left: 346px;
    position: absolute;
    font-size: 10px;
}

a.list-group-item.item {
    padding-left: 10px;
}
.list-group-item:first-child {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.sideimg{
    width: 376px;
    padding-top: 29px;
}
.list-group-item {
    border: none !important;
}