@import url(https://fonts.googleapis.com/css?family=Oswald);

		#tabicon .tabcon{
			width:100%;
			/*background-color: #666;*/
			margin:0 auto;
			clear:both;
			margin-bottom: 10%;
			display:none;
		}
		#tabicon ol li{
			float: left;	
			text-align: center;
			transition:all 0.3s linear;
		}
		#tabicon .triP{
			background-color: #ff7200;
			width:100px;
			height:20px;
		}

		

		#tabicon ol li{
			list-style: none; 
			float: left;
			width:auto;
			cursor: pointer;
			border:1px solid #FF6600;
			
		}
		/*
		#tabicon ol li:hover{
			border:10px solid #FF6600;
		}
		*/

		.iconall{
			width:50%;
			margin:0 auto;
		}
		
		#tabbox {
			min-height:900px;
		}


		.trianglediv::after {
		    content: "";
		    position: absolute;
		    border-top: #FF6600 16px solid;
		    border-right: transparent 10px solid;
		    border-bottom: transparent 10px solid;
		    border-left: transparent 10px solid;
		    margin-top:10px;
		    z-index:1;
		}


		#fourway {
            background-color: #000;
            background-image: url(../images/four-way-graphics_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1160px;
        }
        #fourway .center{
			width:70%;
        }
		

		#triplepcie{
            background-color: #000;
            background-image: url(../images/triple_1920.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1090px;
        }

        #triplepcie .center{
			width:60%;
        }

		#m2{
            background-color: #000;
            background-image: url(../images/M.2_1920.png);
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 2300px;
        }

		#m2 .title{
			margin-top:3%;
		}

		#m2 .title1{
			width:91%;
			float:right;
			font-size:1.3em;
			color: hsla(183,100%,50%,1.00);
			margin-top:35%;
		}

		#m2 .title2{
			width:86%;
			float:right;
			font-size:1.3em;
			margin-top:37%;
		}

		#m2 .note{
			width:20%;
			float:right;
			margin-top:3%;
		}

		#m2 .title3{
			width:93%;
			float:right;
			font-size:1.5em;
			color: hsla(205,100%,50%,1.00);
			margin-top:23%;
		}

		#m2 .title4{
			width:67%;
			float:right;
			font-size:1.1em;
			color: hsla(47,100%,50%,1.00);
			margin-top:29%;
			line-height:50px;
		}

		#m2 .title5{
			width:95%;
			float:right;
			font-size:0.6em;
			color:#938F8F;
			margin-top:1%;
		}

		#GoldPlatedSolid{
			background-image: url(../images/GoldPlatedSolid_1920.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 800px;
		}
		
		#GoldPlatedSolid .title2{
			font-size:1em;
		}

		#GoldPlatedSolid .title{
			margin-top:60px;
		}

		#digitalpower{
            background-image: url(../images/digitalpower_1920.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 1100px;
        }

        #digitalpower .turbotitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }

        #digitalpower .digipotext{
            width:50%;
            float:right;
        }
		
		#slihb{
			background-image: url(../images/graybg.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            background-position: center; center;
		}
		
		

		.graylinebg{
			background-image: url(../images/graylinebg.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 80px;
		}
		


@media screen and (max-width: 1680px) {

		#tabicon ol li{
			list-style: none; 
			float: left;
			margin-left: 0px;
			cursor: pointer;
			border:1px solid #FF6600;
			/*margin-left:4%;*/
		}

   
}



@media screen and (max-width: 1366px) {      

		.iconall{
			width:66%;
			margin:0 auto;
		}

		#tabicon ol li{
			width:30%;
			margin-bottom:1%;
			list-style: none; float: left;
			cursor: pointer;
			border:1px solid #FF6600;
			/*margin-left:4%;*/
		}

		#tabicon ol li:hover{
			border:10px solid #FF6600;
		}

		#tabicon img{
			width:100%;
		}

		#tabicon .tabcon{
			width:100%;
			margin:0 auto;
			overflow: visible;
			display:none;
		}

       	.tabbox{
       		overflow: visible;
			min-height:800px;
       	}


       	#fourway {
            background-color: #000;
            background-image: url(../images/four-way-graphics_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1060px;
        }
        #fourway .center{
			width:70%;
        }
		

		#triplepcie{
            background-color: #000;
            background-image: url(../images/triple_1366.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 900px;
        }

        #triplepcie .center{
			width:60%;
        }

		#m2{
            background-color: #000;
            background-image: url(../images/M.2_1366.png);
            background-position: 50% bottom;
            background-repeat: no-repeat;
            min-height: 1720px;
        }

		#m2 .title{
			margin-top:7%;
		}

		#m2 .title1{
			width:92%;
			float:right;
			font-size:0.9em;
			color: hsla(183,100%,50%,1.00);
			margin-top:35%;
		}

		#m2 .title2{
			width:86%;
			float:right;
			font-size:0.9em;
			margin-top:39%;
		}

		#m2 .note{
			width:27%;
			float:right;
			margin-top:3%;
		}

		#m2 .title3{
			width:93%;
			float:right;
			font-size:1.5em;
			color: hsla(205,100%,50%,1.00);
			margin-top:21%;
		}

		#m2 .title4{
			width:67%;
			float:right;
			font-size:1.1em;
			color: hsla(47,100%,50%,1.00);
			margin-top:27%;
			line-height:50px;
		}

		#m2 .title5{
			width:97%;
			float:right;
			font-size:0.6em;
			color:#938F8F;
			margin-top:1%;
		}

		#GoldPlatedSolid{
			background-image: url(../images/GoldPlatedSolid_1366.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 700px;
		}
		
		#GoldPlatedSolid .title2{
			font-size:1em;
		}


		#digitalpower{
            background-image: url(../images/digitalpower_1366.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 1240px;
        }

        #digitalpower .turbotitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }

        #digitalpower img{
            margin-top:4%;
        }

        #digitalpower .digipotext{
            width:50%;
            float:right;
        }


}


@media screen and (max-width: 960px) {

       	.tabbox{
       		overflow: visible;
			min-height:700px;
       	}


       	#fourway {
            background-color: #000;
            background-image: url(../images/four-way-graphics_960.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 860px;
        }
        #fourway .center{
			width:100%;
        }
		

		#triplepcie{
            background-color: #000;
            background-image: url(../images/triple_960.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 900px;
        }

        #triplepcie .center{
			width:100%;
        }

		#m2{
            background-color: #000;
            background-image: url(../images/M.2_960.png);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            min-height:1170px;
        }

		#m2 .title{
			margin-top:-20px;
		}

		#m2 .title1{
			width:94%;
			font-size:0.6em;
			color: hsla(183,100%,50%,1.00);
			margin-top:40%;
		}

		#m2 .title2{
			width:86%;
			float:right;
			font-size:0.6em;
			margin-top:40%;
		}

		#m2 .note{
			width:52%;
			float:right;
			margin-top:1%;
		}

		#m2 .title3{
			width:95%;
			float:right;
			font-size:1em;
			color: hsla(205,100%,50%,1.00);
			margin-top:22%;
		}

		#m2 .title4{
			width:67%;
			float:right;
			font-size:0.8em;
			color: hsla(47,100%,50%,1.00);
			margin-top:27%;
			line-height:32px;
		}

		#m2 .title5{
			width:99%;
			float:right;
			font-size:0.6em;
			color:#938F8F;
			margin-top:3%;
		}

		#GoldPlatedSolid{
			background-image: url(../images/GoldPlatedSolid_960.jpg);
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 700px;
		}
		
		#GoldPlatedSolid .title2{
			font-size:1em;
		}


		#digitalpower{
            background-image: url(../images/digitalpower_960.jpg);
			background-position: top center;
            background-repeat: no-repeat;
            min-height: 1600px;
        }

        #digitalpower .turbotitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }

        #digitalpower img{
            margin-top:4%;
        }

        #digitalpower .digipotext{
            width:100%;
        }


   
}


@media screen and (max-width: 640px) {      

		#tabicon .iconall{
			width:70%;
		}

		#tabicon ol li{
			width:28%;
			margin-bottom:10%;
			list-style: none; float: left;
			cursor: pointer;
			border:1px solid #FF6600;
			/*margin-left:4%;*/
		}

		#tabicon ol li:hover{
			border:6px solid #FF6600;
		}

		#tabicon img{
			width:100%;
		}
		

		#tabicon .tabcon{
			width:100%;
			margin:0 auto;
			overflow: visible;
			min-height:750px;
			display:none;
		}

       	.tabbox{
       		overflow: visible;
       	}


       	#fourway {
            background-color: #000;
            background-image: url(../images/four-way-graphics_640.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 620px;
        }
        #fourway .center{
			width:100%;
        }
		

		#triplepcie{
            background-color: #000;
            background-image: url(../images/triple_640.jpg);
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 600px;
        }

        #triplepcie .center{
			width:100%;
        }

		#m2{
            background-color: #000;
            background-image: url(../images/M.2_640.png);
            background-position: 50% bottom;
            background-repeat: no-repeat;
            min-height:790px;
        }

		#m2 .title{
			margin-top:-25px;
		}

		#m2 .title1{
			width:100%;
			font-size:0.5em;
			color: hsla(183,100%,50%,1.00);
			margin-top:40%;
		}

		#m2 .title2{
			width:100%;
			float:right;
			font-size:0.5em;
			margin-top:47%;
		}

		#m2 .note{
			width:78%;
			float:right;
			margin-top:5%;
		}

		#m2 .title3{
			width:95%;
			float:right;
			font-size:0.5em;
			color: hsla(205,100%,50%,1.00);
			margin-top:30%;
		}

		#m2 .title4{
			width:67%;
			float:right;
			font-size:0.5em;
			color: hsla(47,100%,50%,1.00);
			margin-top:27%;
			line-height:22px;
		}

		#m2 .title5{
			width:99%;
			float:right;
			font-size:0.4em;
			color:#938F8F;
			margin-top:3%;
		}

        #m2 .frame .cell{
            float:left;
            width:100%;
        }

		#GoldPlatedSolid{
			background-image: url(../images/GoldPlatedSolid_640.jpg);
			background-position: 50% bottom;
			background-size: 100%;
            background-repeat: no-repeat;
            min-height: 780px;
		}
		
		#GoldPlatedSolid .title2{
			font-size:1em;
		}


		#digitalpower{
            background-image: url(../images/digitalpower_640.jpg);
			background-position: top center;
            background-repeat: no-repeat;
            min-height: 1400px;
        }

        #digitalpower .turbotitle{
            font-weight:bold;font-size:1.2em;line-height:1.4em;
        }

        #digitalpower img{
            margin-top:4%;
        }

        #digitalpower .digipotext{
            width:100%;
        }

         

}


@media screen and (max-width: 480px) { 

		#tabicon .tabcon{
			min-height:600px;
		}

		#digitalpower{
            background-image: url(../images/digitalpower_640.jpg);
			background-position: bottom center;
			background-repeat: no-repeat;
            min-height: 1200px;
		}
		
		#GoldPlatedSolid{
			background-image: url(../images/GoldPlatedSolid_640.jpg);
			background-position: bottom center;
            background-repeat: no-repeat;
			min-height: 700px;
			margin-bottom: 10%;
		}

 }