.container {width: 100%; max-width: 2000px; margin-top: 150px;  position: relative; margin-left:auto; margin-right: auto;}
.inner {position: relative!important; }
.tab-container {width: 100%; text align: center; width: 55%; margin-left: auto; margin-right: auto;}
.tab-content { margin-left: auto; margin-right: auto; position: relative;  width: 75%;}
.tab-content-inner {width: 100%; border: 1px solid #1b9bd7; border-radius: 12px; float: left;}
		
.one {width: 16%; display: inline-block;}
.two {width: 16%; display: inline-block;}
.three {width: 16%; display: inline-block;}
.four {width: 16%; display: inline-block;}
.five {width: 16%; display: inline-block;}
.six {width: 16%; display: inline-block;}
				
.one img {width: 100%; height: auto; opacity: 0.5;  transition: all 300ms ease-in-out; }
.two img {width: 100%; height: auto; opacity: 0.5; transition: all 300ms ease-in-out; }
.three img {width: 100%; height: auto; opacity: 0.5;  transition: all 300ms ease-in-out; }
.four img {width: 100%; height: auto; opacity: 0.5; transition: all 300ms ease-in-out; }
.five img {width: 100%; height: auto; opacity: 0.5; transition: all 300ms ease-in-out; }
.six img {width: 100%; height: auto; opacity: 0.5; transition: all 300ms ease-in-out; }
		
.one img:hover {width: 100%; height: auto; opacity: 1;}
.two img:hover {width: 100%; height: auto; opacity: 1;}
.three img:hover {width: 100%; height: auto; opacity: 1;}
.four img:hover {width: 100%; height: auto; opacity: 1;}
.five img:hover {width: 100%; height: auto; opacity: 1;}
.six img:hover {width: 100%; height: auto; opacity: 1;}
		
img#one.active {width: 100%; height: auto; opacity: 1;}
img#two.active {width: 100%; height: auto; opacity: 1;}
img#three.active {width: 100%; height: auto; opacity: 1;}
img#four.active {width: 100%; height: auto; opacity: 1;}
img#five.active {width: 100%; height: auto; opacity: 1;}
img#six.active {width: 100%; height: auto; opacity: 1;}

		.main {background-color: red;}
		
	
.tab-left {width: 45%; float: left; text-align: center;padding: 2.5%;}

.tab-right {width: 50%; float: left;}

.tab-right img {width: 100%; height: auto;}
		
		.tab-left-avaara {width: 45%; float: left; text-align: center;padding: 2.5%;}

.tab-right-avaara {width: 60%; float: left;}

.tab-right-avaara img {width: 100%; height: auto;}

.tabs-button {background-color: #169BD7; color: white; text-transform: uppercase; font-family:'Montserrat',sans-serif; font-weight: 400; text-decoration: none; padding-top: 8px; padding-bottom:8px; padding-left: 44px; padding-right: 44px; border-radius: 55px; font-size: 14px; 	}
		
.tabs-button:hover {color: #169BD7; background-color: white; }
		
		.starlink-tabs-button {background-color: #169BD7; color: white; text-transform: uppercase; font-family:'Montserrat',sans-serif; font-weight: 400; text-decoration: none; padding-top: 8px; padding-bottom:8px;   width: calc(50% - 10px);
 margin-left: 5px; margin-right: 5px; margin-bottom: 10px; float: left; border-radius: 55px; font-size: 14px; 	}
		
.starlink-tabs-button:hover {color: #169BD7; background-color: white; }

.tab-left h2 {color: #169BD7;  text-transform: uppercase; font-family:'Montserrat',sans-serif; font-weight: 400; border-bottom: 1px solid #169BD7; width: 100%; font-size: 36px; font-weight: normal; margin-bottom: 22px; padding-bottom:12px;	}
		
.tab-left p {color: white; font-family:'Montserrat',sans-serif; font-weight: 400; font-size: 16px; }

.tab-left p.bold {color: #169BD7; font-family:'Montserrat',sans-serif; font-style: bold; font-weight: 800; font-size: 16px; padding-bottom: 30px; }

		.tab-left-avaara h2 {color: #169BD7;  text-transform: uppercase; font-family:'Montserrat',sans-serif; font-weight: 400; border-bottom: 1px solid #169BD7; width: 100%; font-size: 36px; font-weight: normal; margin-bottom: 22px; padding-bottom:12px;	}
		
.tab-left-avaara p {color: white; font-family:'Montserrat',sans-serif; font-weight: 400; font-size: 16px; }

.tab-left-avaara p.bold {color: #169BD7; font-family:'Montserrat',sans-serif; font-style: bold; font-weight: 800; font-size: 16px; padding-bottom: 30px; }

		.tab-icons {width: 100%; text-align: center; padding-top: 50px;}
		.tab-icons img {width: 100%; height: auto; max-width: 370px}
		
@media only screen and (max-width: 900px) {
.tab-container {width: 100%; padding:5%; text align: center;margin-left: auto; margin-right: auto;}
.tab-content { margin-left: auto; margin-right: auto; position: relative;  width: 100%;}
.tab-left {width: 100%; float: left; text-align: center;padding: 5%;}
.tab-right {width: 100%; padding:5%; float: left;}
	
	.one {width: 30%; display: inline-block;margin: 0; padding:0;}
.two {width: 30%; display: inline-block;margin: 0; padding:0;}
.three {width: 30%; display: inline-block;margin: 0; padding:0;}
.four {width: 30%; display: inline-block;margin: 0; padding:0;}
.five {width: 30%; display: inline-block;margin: 0; padding:0;}
.six {width: 30%; display: inline-block;margin: 0; padding:0;}
	

		

.tab-left p.bold { padding-bottom: 0px; }
		}