@-viewport {  width: device-width; }
.m1 { margin:1px }.m2 { margin:2px }.m3 { margin:3px }.m4 { margin:4px }.m5 { margin:5px }.m6 { margin:6px }.m7 { margin:7px }.m8 { margin:8px }.m9 { margin:9px }.m10 { margin:10px }.m11 { margin:11px }.m12 { margin:12px }.m13 { margin:13px }.m14 { margin:14px }.m15 { margin:15px }.m16 { margin:16px }.m17 { margin:17px }.m18 { margin:18px }.m19 { margin:19px }.m20 { margin:20px }.m21 { margin:21px }.m22 { margin:22px }.m23 { margin:23px }.m24 { margin:24px }.m25 { margin:25px }.m26 { margin:26px }.m27 { margin:27px }.m28 { margin:28px }.m29 { margin:29px }.m30 { margin:30px }.p1 { padding:1px }.p2 { padding:2px }.p3 { padding:3px }.p4 { padding:4px }.p5 { padding:5px }.p6 { padding:6px }.p7 { padding:7px }.p8 { padding:8px }.p9 { padding:9px }.p10 { padding:10px }.p11 { padding:11px }.p12 { padding:12px }.p13 { padding:13px }.p14 { padding:14px }.p15 { padding:15px }.p16 { padding:16px }.p17 { padding:17px }.p18 { padding:18px }.p19 { padding:19px }.p20 { padding:20px }.p21 { padding:21px }.p22 { padding:22px }.p23 { padding:23px }.p24 { padding:24px }.p25 { padding:25px }.p26 { padding:26px }.p27 { padding:27px }.p28 { padding:28px }.p29 { padding:29px }.p30 { padding:30px }.w1 { width:10px }.w2 { width:20px }.w3 { width:30px }.w4 { width:40px }.w5 { width:50px }.w6 { width:60px }.w7 { width:70px }.w8 { width:80px }.w9 { width:90px }.w10 { width:100px }.w11 { width:110px }.w12 { width:120px }.w13 { width:130px }.w14 { width:140px }.w15 { width:150px }.w16 { width:160px }.w17 { width:170px }.w18 { width:180px }.w19 { width:190px }.w20 { width:200px }.w21 { width:210px }.w22 { width:220px }.w23 { width:230px }.w24 { width:240px }.w25 { width:250px }.w26 { width:260px }.w27 { width:270px }.w28 { width:280px }.w29 { width:290px }.w30 { width:300px } .w0{ width:100% } .h1 { height:10px }.h2 { height:20px }.h3 { height:30px }.h4 { height:40px }.h5 { height:50px }.h6 { height:60px }.h7 { height:70px }.h8 { height:80px }.h9 { height:90px }.h10 { height:100px }.h11 { height:110px }.h12 { height:120px }.h13 { height:130px }.h14 { height:140px }.h15 { height:150px }.h16 { height:160px }.h17 { height:170px }.h18 { height:180px }.h19 { height:190px }.h20 { height:200px }.h21 { height:210px }.h22 { height:220px }.h23 { height:230px }.h24 { height:240px }.h25 { height:250px }.h26 { height:260px }.h27 { height:270px }.h28 { height:280px }.h29 { height:290px }.h30 { height:300px } .h0{ height:100% }

.r {text-align:right;}.c {text-align:center;}.l{text-align:left;}.j{ text-align:justify;} .b{font-weight:bold}
.fl { float:left }
.fr { float:right }
.content .grid1, .content .max1, .content .grid2, .content .max2, .content .grid3, .content .max3, .content .grid4, .content .max4, .content .grid5, .content .max5, .content .grid6, .content .max6, .content .grid7, .content .max7, .content .grid8, .content .max8, .content .grid9, .content .max9, .content .grid10, .content .max10, .content .grid11, .content .max11, .content .grid12, .content .max12, .content .grid13, .content .max13, .content .grid14, .content .max14, .content .grid15, .content .max15, .content .grid16, .content .max16, .content .grid17, .content .max17, .content .grid18, .content .max18, .content .grid19, .content .max19, .content .grid20, .content .max20, .content .grid21, .content .max21, .content .grid22, .content .max22, .content .grid23, .content .max23, .content .grid24, .content .max24, .content .grid25, .content .max25, .content .grid26, .content .max26, .content .grid27, .content .max27, .content .grid28, .content .max28, .content .grid29, .content .max29,  , .XXX {  width:100%; overflow:hidden; position:relative; }
.content .grid1 > *,.content .max1, > * .content .grid2 > *,.content .max2, > * .content .grid3 > *,.content .max3, > * .content .grid4 > *,.content .max4, > * .content .grid5 > *,.content .max5, > * .content .grid6 > *,.content .max6, > * .content .grid7 > *,.content .max7, > * .content .grid8 > *,.content .max8, > * .content .grid9 > *,.content .max9, > * .content .grid10 > *,.content .max10, > * .content .grid11 > *,.content .max11, > * .content .grid12 > *,.content .max12, > * .content .grid13 > *,.content .max13, > * .content .grid14 > *,.content .max14, > * .content .grid15 > *,.content .max15, > * .content .grid16 > *,.content .max16, > * .content .grid17 > *,.content .max17, > * .content .grid18 > *,.content .max18, > * .content .grid19 > *,.content .max19, > * .content .grid20 > *,.content .max20, > * .content .grid21 > *,.content .max21, > * .content .grid22 > *,.content .max22, > * .content .grid23 > *,.content .max23, > * .content .grid24 > *,.content .max24, > * .content .grid25 > *,.content .max25, > * .content .grid26 > *,.content .max26, > * .content .grid27 > *,.content .max27, > * .content .grid28 > *,.content .max28, > * .content .grid29 > *,.content .max29, > *  , .XXX { vertical-align:middle; position:relative; width:auto; border:0px; margin:0px; padding:0px; overflow: hidden; } 

.left > img, .left > a > img { width:100%; display:block; }
.left , .right { float:left; width:100%; vertical-align:middle; position:relative; border:0px; margin:0px; padding:0px; overflow: hidden; }
.right { float:right }
 .grid,  .grid2,  .grid3,  .grid4,  .grid5,  .grid6,  .grid7,  .grid8,  .grid9,  .grid10,  .grid11,  .grid12,  .grid13,  .grid14,  .grid15,  .grid16,  .grid17,  .grid18,  .grid19,  .XXX { vertical-align:middle; display:table; position:relative; width:100%; border:0px; margin:0px; padding:0px; overflow: hidden; }  .grid > .left { width:100% ; display:block; }  .grid2 > .left { width:50% ; display:table-cell; }  .grid2 > .left2 { width:100% ; display:block; }  .grid3 > .left { width:33.33% ; display:table-cell; }  .grid3 > .left2 { width:66.67% ; display:table-cell; }  .grid3 > .left3 { width:100% ; display:block; }  .grid4 > .left { width:25% ; display:table-cell; }  .grid4 > .left2 { width:50% ; display:table-cell; }  .grid4 > .left3 { width:75% ; display:table-cell; }  .grid4 > .left4 { width:100% ; display:block; }  .grid5 > .left { width:20% ; display:table-cell; }  .grid5 > .left2 { width:40% ; display:table-cell; }  .grid5 > .left3 { width:60% ; display:table-cell; }  .grid5 > .left4 { width:80% ; display:table-cell; }  .grid5 > .left5 { width:100% ; display:block; }  .grid6 > .left { width:16.67% ; display:table-cell; }  .grid6 > .left2 { width:33.33% ; display:table-cell; }  .grid6 > .left3 { width:50% ; display:table-cell; }  .grid6 > .left4 { width:66.67% ; display:table-cell; }  .grid6 > .left5 { width:83.33% ; display:table-cell; }  .grid6 > .left6 { width:100% ; display:block; }  .grid7 > .left { width:14.29% ; display:table-cell; }  .grid7 > .left2 { width:28.57% ; display:table-cell; }  .grid7 > .left3 { width:42.86% ; display:table-cell; }  .grid7 > .left4 { width:57.14% ; display:table-cell; }  .grid7 > .left5 { width:71.43% ; display:table-cell; }  .grid7 > .left6 { width:85.71% ; display:table-cell; }  .grid7 > .left7 { width:100% ; display:block; }  .grid8 > .left { width:12.5% ; display:table-cell; }  .grid8 > .left2 { width:25% ; display:table-cell; }  .grid8 > .left3 { width:37.5% ; display:table-cell; }  .grid8 > .left4 { width:50% ; display:table-cell; }  .grid8 > .left5 { width:62.5% ; display:table-cell; }  .grid8 > .left6 { width:75% ; display:table-cell; }  .grid8 > .left7 { width:87.5% ; display:table-cell; }  .grid8 > .left8 { width:100% ; display:block; }  .grid9 > .left { width:11.11% ; display:table-cell; }  .grid9 > .left2 { width:22.22% ; display:table-cell; }  .grid9 > .left3 { width:33.33% ; display:table-cell; }  .grid9 > .left4 { width:44.44% ; display:table-cell; }  .grid9 > .left5 { width:55.56% ; display:table-cell; }  .grid9 > .left6 { width:66.67% ; display:table-cell; }  .grid9 > .left7 { width:77.78% ; display:table-cell; }  .grid9 > .left8 { width:88.89% ; display:table-cell; }  .grid9 > .left9 { width:100% ; display:block; }  .grid10 > .left { width:10% ; display:table-cell; }  .grid10 > .left2 { width:20% ; display:table-cell; }  .grid10 > .left3 { width:30% ; display:table-cell; }  .grid10 > .left4 { width:40% ; display:table-cell; }  .grid10 > .left5 { width:50% ; display:table-cell; }  .grid10 > .left6 { width:60% ; display:table-cell; }  .grid10 > .left7 { width:70% ; display:table-cell; }  .grid10 > .left8 { width:80% ; display:table-cell; }  .grid10 > .left9 { width:90% ; display:table-cell; }  .grid10 > .left10 { width:100% ; display:block; }  .grid11 > .left { width:9.09% ; display:table-cell; }  .grid11 > .left2 { width:18.18% ; display:table-cell; }  .grid11 > .left3 { width:27.27% ; display:table-cell; }  .grid11 > .left4 { width:36.36% ; display:table-cell; }  .grid11 > .left5 { width:45.45% ; display:table-cell; }  .grid11 > .left6 { width:54.55% ; display:table-cell; }  .grid11 > .left7 { width:63.64% ; display:table-cell; }  .grid11 > .left8 { width:72.73% ; display:table-cell; }  .grid11 > .left9 { width:81.82% ; display:table-cell; }  .grid11 > .left10 { width:90.91% ; display:table-cell; }  .grid11 > .left11 { width:100% ; display:block; }  .grid12 > .left { width:8.33% ; display:table-cell; }  .grid12 > .left2 { width:16.67% ; display:table-cell; }  .grid12 > .left3 { width:25% ; display:table-cell; }  .grid12 > .left4 { width:33.33% ; display:table-cell; }  .grid12 > .left5 { width:41.67% ; display:table-cell; }  .grid12 > .left6 { width:50% ; display:table-cell; }  .grid12 > .left7 { width:58.33% ; display:table-cell; }  .grid12 > .left8 { width:66.67% ; display:table-cell; }  .grid12 > .left9 { width:75% ; display:table-cell; }  .grid12 > .left10 { width:83.33% ; display:table-cell; }  .grid12 > .left11 { width:91.67% ; display:table-cell; }  .grid12 > .left12 { width:100% ; display:block; }  .grid13 > .left { width:7.69% ; display:table-cell; }  .grid13 > .left2 { width:15.38% ; display:table-cell; }  .grid13 > .left3 { width:23.08% ; display:table-cell; }  .grid13 > .left4 { width:30.77% ; display:table-cell; }  .grid13 > .left5 { width:38.46% ; display:table-cell; }  .grid13 > .left6 { width:46.15% ; display:table-cell; }  .grid13 > .left7 { width:53.85% ; display:table-cell; }  .grid13 > .left8 { width:61.54% ; display:table-cell; }  .grid13 > .left9 { width:69.23% ; display:table-cell; }  .grid13 > .left10 { width:76.92% ; display:table-cell; }  .grid13 > .left11 { width:84.62% ; display:table-cell; }  .grid13 > .left12 { width:92.31% ; display:table-cell; }  .grid13 > .left13 { width:100% ; display:block; }  .grid14 > .left { width:7.14% ; display:table-cell; }  .grid14 > .left2 { width:14.29% ; display:table-cell; }  .grid14 > .left3 { width:21.43% ; display:table-cell; }  .grid14 > .left4 { width:28.57% ; display:table-cell; }  .grid14 > .left5 { width:35.71% ; display:table-cell; }  .grid14 > .left6 { width:42.86% ; display:table-cell; }  .grid14 > .left7 { width:50% ; display:table-cell; }  .grid14 > .left8 { width:57.14% ; display:table-cell; }  .grid14 > .left9 { width:64.29% ; display:table-cell; }  .grid14 > .left10 { width:71.43% ; display:table-cell; }  .grid14 > .left11 { width:78.57% ; display:table-cell; }  .grid14 > .left12 { width:85.71% ; display:table-cell; }  .grid14 > .left13 { width:92.86% ; display:table-cell; }  .grid14 > .left14 { width:100% ; display:block; }  .grid15 > .left { width:6.67% ; display:table-cell; }  .grid15 > .left2 { width:13.33% ; display:table-cell; }  .grid15 > .left3 { width:20% ; display:table-cell; }  .grid15 > .left4 { width:26.67% ; display:table-cell; }  .grid15 > .left5 { width:33.33% ; display:table-cell; }  .grid15 > .left6 { width:40% ; display:table-cell; }  .grid15 > .left7 { width:46.67% ; display:table-cell; }  .grid15 > .left8 { width:53.33% ; display:table-cell; }  .grid15 > .left9 { width:60% ; display:table-cell; }  .grid15 > .left10 { width:66.67% ; display:table-cell; }  .grid15 > .left11 { width:73.33% ; display:table-cell; }  .grid15 > .left12 { width:80% ; display:table-cell; }  .grid15 > .left13 { width:86.67% ; display:table-cell; }  .grid15 > .left14 { width:93.33% ; display:table-cell; }  .grid15 > .left15 { width:100% ; display:block; }  .grid16 > .left { width:6.25% ; display:table-cell; }  .grid16 > .left2 { width:12.5% ; display:table-cell; }  .grid16 > .left3 { width:18.75% ; display:table-cell; }  .grid16 > .left4 { width:25% ; display:table-cell; }  .grid16 > .left5 { width:31.25% ; display:table-cell; }  .grid16 > .left6 { width:37.5% ; display:table-cell; }  .grid16 > .left7 { width:43.75% ; display:table-cell; }  .grid16 > .left8 { width:50% ; display:table-cell; }  .grid16 > .left9 { width:56.25% ; display:table-cell; }  .grid16 > .left10 { width:62.5% ; display:table-cell; }  .grid16 > .left11 { width:68.75% ; display:table-cell; }  .grid16 > .left12 { width:75% ; display:table-cell; }  .grid16 > .left13 { width:81.25% ; display:table-cell; }  .grid16 > .left14 { width:87.5% ; display:table-cell; }  .grid16 > .left15 { width:93.75% ; display:table-cell; }  .grid16 > .left16 { width:100% ; display:block; }  .grid17 > .left { width:5.88% ; display:table-cell; }  .grid17 > .left2 { width:11.76% ; display:table-cell; }  .grid17 > .left3 { width:17.65% ; display:table-cell; }  .grid17 > .left4 { width:23.53% ; display:table-cell; }  .grid17 > .left5 { width:29.41% ; display:table-cell; }  .grid17 > .left6 { width:35.29% ; display:table-cell; }  .grid17 > .left7 { width:41.18% ; display:table-cell; }  .grid17 > .left8 { width:47.06% ; display:table-cell; }  .grid17 > .left9 { width:52.94% ; display:table-cell; }  .grid17 > .left10 { width:58.82% ; display:table-cell; }  .grid17 > .left11 { width:64.71% ; display:table-cell; }  .grid17 > .left12 { width:70.59% ; display:table-cell; }  .grid17 > .left13 { width:76.47% ; display:table-cell; }  .grid17 > .left14 { width:82.35% ; display:table-cell; }  .grid17 > .left15 { width:88.24% ; display:table-cell; }  .grid17 > .left16 { width:94.12% ; display:table-cell; }  .grid17 > .left17 { width:100% ; display:block; }  .grid18 > .left { width:5.56% ; display:table-cell; }  .grid18 > .left2 { width:11.11% ; display:table-cell; }  .grid18 > .left3 { width:16.67% ; display:table-cell; }  .grid18 > .left4 { width:22.22% ; display:table-cell; }  .grid18 > .left5 { width:27.78% ; display:table-cell; }  .grid18 > .left6 { width:33.33% ; display:table-cell; }  .grid18 > .left7 { width:38.89% ; display:table-cell; }  .grid18 > .left8 { width:44.44% ; display:table-cell; }  .grid18 > .left9 { width:50% ; display:table-cell; }  .grid18 > .left10 { width:55.56% ; display:table-cell; }  .grid18 > .left11 { width:61.11% ; display:table-cell; }  .grid18 > .left12 { width:66.67% ; display:table-cell; }  .grid18 > .left13 { width:72.22% ; display:table-cell; }  .grid18 > .left14 { width:77.78% ; display:table-cell; }  .grid18 > .left15 { width:83.33% ; display:table-cell; }  .grid18 > .left16 { width:88.89% ; display:table-cell; }  .grid18 > .left17 { width:94.44% ; display:table-cell; }  .grid18 > .left18 { width:100% ; display:block; }  .grid19 > .left { width:5.26% ; display:table-cell; }  .grid19 > .left2 { width:10.53% ; display:table-cell; }  .grid19 > .left3 { width:15.79% ; display:table-cell; }  .grid19 > .left4 { width:21.05% ; display:table-cell; }  .grid19 > .left5 { width:26.32% ; display:table-cell; }  .grid19 > .left6 { width:31.58% ; display:table-cell; }  .grid19 > .left7 { width:36.84% ; display:table-cell; }  .grid19 > .left8 { width:42.11% ; display:table-cell; }  .grid19 > .left9 { width:47.37% ; display:table-cell; }  .grid19 > .left10 { width:52.63% ; display:table-cell; }  .grid19 > .left11 { width:57.89% ; display:table-cell; }  .grid19 > .left12 { width:63.16% ; display:table-cell; }  .grid19 > .left13 { width:68.42% ; display:table-cell; }  .grid19 > .left14 { width:73.68% ; display:table-cell; }  .grid19 > .left15 { width:78.95% ; display:table-cell; }  .grid19 > .left16 { width:84.21% ; display:table-cell; }  .grid19 > .left17 { width:89.47% ; display:table-cell; }  .grid19 > .left18 { width:94.74% ; display:table-cell; }  .grid19 > .left19 { width:100% ; display:block; } 
.content .gap1{margin-left:-1px;margin-top:-1px;}
.content .gap1 > *{padding-left:1px;margin-top:1px;}
.content .gaph1{margin-left:-1px;}
.content .gaph1 > *{padding-left:1px;}
.content .gap2{margin-left:-2px;margin-top:-2px;}
.content .gap2 > *{padding-left:2px;margin-top:2px;}
.content .gaph2{margin-left:-2px;}
.content .gaph2 > *{padding-left:2px;}
.content .gap3{margin-left:-3px;margin-top:-3px;}
.content .gap3 > *{padding-left:3px;margin-top:3px;}
.content .gaph3{margin-left:-3px;}
.content .gaph3 > *{padding-left:3px;}
.content .gap4{margin-left:-4px;margin-top:-4px;}
.content .gap4 > *{padding-left:4px;margin-top:4px;}
.content .gaph4{margin-left:-4px;}
.content .gaph4 > *{padding-left:4px;}
.content .gap5{margin-left:-5px;margin-top:-5px;}
.content .gap5 > *{padding-left:5px;margin-top:5px;}
.content .gaph5{margin-left:-5px;}
.content .gaph5 > *{padding-left:5px;}
.content .gap6{margin-left:-6px;margin-top:-6px;}
.content .gap6 > *{padding-left:6px;margin-top:6px;}
.content .gaph6{margin-left:-6px;}
.content .gaph6 > *{padding-left:6px;}
.content .gap7{margin-left:-7px;margin-top:-7px;}
.content .gap7 > *{padding-left:7px;margin-top:7px;}
.content .gaph7{margin-left:-7px;}
.content .gaph7 > *{padding-left:7px;}
.content .gap8{margin-left:-8px;margin-top:-8px;}
.content .gap8 > *{padding-left:8px;margin-top:8px;}
.content .gaph8{margin-left:-8px;}
.content .gaph8 > *{padding-left:8px;}
.content .gap9{margin-left:-9px;margin-top:-9px;}
.content .gap9 > *{padding-left:9px;margin-top:9px;}
.content .gaph9{margin-left:-9px;}
.content .gaph9 > *{padding-left:9px;}
.content .gap10{margin-left:-10px;margin-top:-10px;}
.content .gap10 > *{padding-left:10px;margin-top:10px;}
.content .gaph10{margin-left:-10px;}
.content .gaph10 > *{padding-left:10px;}
.content .gap12{margin-left:-12px;margin-top:-12px;}
.content .gap12 > *{padding-left:12px;margin-top:12px;}
.content .gaph12{margin-left:-12px;}
.content .gaph12 > *{padding-left:12px;}
.content .gap14{margin-left:-14px;margin-top:-14px;}
.content .gap14 > *{padding-left:14px;margin-top:14px;}
.content .gaph14{margin-left:-14px;}
.content .gaph14 > *{padding-left:14px;}
.content .gap16{margin-left:-16px;margin-top:-16px;}
.content .gap16 > *{padding-left:16px;margin-top:16px;}
.content .gaph16{margin-left:-16px;}
.content .gaph16 > *{padding-left:16px;}
.content .gap18{margin-left:-18px;margin-top:-18px;}
.content .gap18 > *{padding-left:18px;margin-top:18px;}
.content .gaph18{margin-left:-18px;}
.content .gaph18 > *{padding-left:18px;}
.content .gap20{margin-left:-20px;margin-top:-20px;}
.content .gap20 > *{padding-left:20px;margin-top:20px;}
.content .gaph20{margin-left:-20px;}
.content .gaph20 > *{padding-left:20px;}
.content .gap25{margin-left:-25px;margin-top:-25px;}
.content .gap25 > *{padding-left:25px;margin-top:25px;}
.content .gaph25{margin-left:-25px;}
.content .gaph25 > *{padding-left:25px;}
.content .gap30{margin-left:-30px;margin-top:-30px;}
.content .gap30 > *{padding-left:30px;margin-top:30px;}
.content .gaph30{margin-left:-30px;}
.content .gaph30 > *{padding-left:30px;}
.content .gap35{margin-left:-35px;margin-top:-35px;}
.content .gap35 > *{padding-left:35px;margin-top:35px;}
.content .gaph35{margin-left:-35px;}
.content .gaph35 > *{padding-left:35px;}
.content .gap40{margin-left:-40px;margin-top:-40px;}
.content .gap40 > *{padding-left:40px;margin-top:40px;}
.content .gaph40{margin-left:-40px;}
.content .gaph40 > *{padding-left:40px;}
.content .gap45{margin-left:-45px;margin-top:-45px;}
.content .gap45 > *{padding-left:45px;margin-top:45px;}
.content .gaph45{margin-left:-45px;}
.content .gaph45 > *{padding-left:45px;}
.content .gap50{margin-left:-50px;margin-top:-50px;}
.content .gap50 > *{padding-left:50px;margin-top:50px;}
.content .gaph50{margin-left:-50px;}
.content .gaph50 > *{padding-left:50px;}



@media only screen and (max-width: 1156px) {
    #home .sectors img { width:100%; }
}

@media only screen and (max-width: 1020px) {
    .wrap { padding:10px 15px; }
    #home .sectors h3 { min-height: 54px; }
    
}

@media only screen and (max-width: 940px) { 
    .footer .left2 > ul { margin-left:5px }
    .footer .contact i { display:none } 
    .market-sectors .grid8 .left2 > div > a > img { width:100%; }
    .market-sectors .grid8 .left2 > div h3 { min-height:60px; }
    .market-sectors .grid8 .left2 > div { padding:25px; } 
} 

@media only screen and (max-width: 920px) {
    .sub-menu { display:none; }
    .css-menu { float:right; }
}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 840px) {
    .body .page > .left3 { width:40%!Important }
    .body .page > .left7 { width:60%!Important }
    .product-list .grid4 > .left { width:50% }
    .market-sector .grid3 .left { width:50% }
}

@media only screen and (max-width: 835px) {
	.market-sectors .grid8 .left2 > div { min-height: 382px; }
}

@media only screen and (max-width: 740px) {
    #home .sectors .grid8 > .left2, #home .brands .grid8 > .left2, #home .home-gallary .grid8 > .left2{ width:50%; }
    #home .sectors img { width:auto }
    #home .sectors h3 { min-height:30px }  
    #home .sectors div.left > a { border:0; }
    #home .sectors div.left:nth-child(n+3) { border-top:1px solid #CCC }
    
    .footer .grid8 { margin:0; padding:0; }
    .footer .left2 { display:block; width:100%; margin:15px 0 0 0; padding:0; }
    .footer .left2 ul { margin:0 25px; }
    .footer .contact i { display:inline-block; color:#2C2C2C }
    
    #contact .grid3 > .left { width:100%; display:block } 
}

@media only screen and (max-width: 680px) {
    .page-top { height:auto }
    .page-top .left { width:100% }
    .page-top .left .text { margin-bottom:5px }
    .page-top form { margin:30px 0 }
    
    .body .page > .left { width:100%!Important }
    .body .page h1 { text-align:center } 
    
    .product .grid8 { margin:0; padding:0 }
    .product .grid8 .left { width:100%; margin:0; padding:0 }
}

@media only screen and (max-width: 620px) {
    .head .css-menu > ul { display:none; position: absolute; z-index: 8000; top: 85px; left:0; right:0; margin:0  }
    .head .css-menu > ol { display:block; margin: 18px 0px; }
    .head .css-menu ol > li > a { font-weight:600; font-size:20px; margin:5px 8px; }
    .head .css-menu ol > li { list-style-type:none; display:inline-block; padding:12px 0 }
    .head .css-menu > ul.show { display:block }
    .head .css-menu > ul > li { width:100%; float:none; background-color:#F0F0F0; padding:0; border-bottom:1px dotted #CCC }
    .head .css-menu > ul > li > a { padding:15px 0; text-align:center; }  
    #home .sectors p { font-size:14px; }
    .sectors { padding-bottom:50px }
    #storemap { margin:0 4%; width:92%!Important }
    
    .market-sectors .grid8 .left2 { width:50% }
}

@media only screen and (max-width: 570px) {
}

@media only screen and (max-width: 520px) {   
    #home .brands .grid8 { margin:0; padding:0 }
     #home .sectors .grid8 > .left2,  #home .brands .grid8 > .left2,  #home .home-gallary .grid8 > .left2 { width:100%;  margin:0; padding:0 }
     #home .home-gallary .grid8 > .left2 { margin-bottom:15px; }
     #home .sectors .grid8 > .left2 > a { height:auto }
     #home .sectors div.left:nth-child(n+2) { border-top:1px solid #CCC }
}

@media only screen and (max-width: 500px) {
    .product-list .grid4 > .left { width:100% }
    .product-search .left { width:100% } 
}

@media only screen and (max-width: 460px) {
    .copy .wrap > div { width:100%; text-align:center; margin-bottom:8px; }
     #contact .grid2 > .left { width:100%; display:block } 
     .market-sectors .grid8 .left2 { width:100%; display:block }
     .market-sectors .grid8 .left2 > div > a > img { width:200px }
     .market-sectors .grid8 .left2 > div > a > h3 { min-height:auto; }
     .market-sector .grid3 .left { width:100% }
}

@media only screen and (max-width: 400px) {
}

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