

.proxima-boldlt {font-family:'proxima-boldlt';}
.proxima-semibold {font-family:'proxima-semibold';}
.proxima-extrabold {font-family:'proxima-extrabold';}

.proxima-black {font-family:'proxima-black';}
.italic {font-style:italic;}
html,body { margin: 0; padding: 0; border: 0; background-color: #fff;font-family: objektiv-mk1;font-weight:400;color:#fff;}
html { font-size: 100%; -webkit-touch-callout:none; -webkit-text-size-adjust:none;
 -ms-text-size-adjust:100%;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, 
section { display:block; }


/*PG CSS*/
.blu-pg-sec {width:100%;padding:0;position:relative;}
.blu-pg-sec-omega {width:1400px; margin:0 auto;position:relative;z-index: 1;}
.blu-pg-sec-ttl {font-size:55px; margin-bottom:20px;line-height: 1.05;font-weight:700;letter-spacing: -2.5px;}
.blu-pg-txt {text-align:left;}
p {font-size:19px;;line-height:1.3;}
.d-txt {display: block;}
.m-txt {display: none;}
.zero {opacity: 0;animation-delay: 0.5s;-webkit-animation-delay: 0.5s}
.black-body-bg {background: black}
.m-blu-pg-sec-ttl {display:none;}
.smll-ttl {font-family: atrament-web, sans-serif;font-weight: 300;font-style: normal;font-size:28px;letter-spacing: 2px;margin-bottom:10px;padding-left: 3px;}


.blu-sec-1 {position:relative;height:1286px;background:url('images/g9-1.jpg') center center;background-size:cover;margin-top:0px}
.banner-links {position: absolute;top:165px;left:780px;background:#6235e4;padding:5px 0px}
.banner-links a{color: #fff;font-size: 1.5rem;text-decoration: none;font-family: atrament-web, sans-serif;font-weight: 300;font-style: normal;letter-spacing: 2px;padding:3px 15px;background: #6235e4;}
.name-sec-1 {position:absolute;width:350px;top:80px;left:400px;}



/* --- SEC 1 Animation Starts--- */

.blue-cover {position:absolute;background:#251980;height:1286px;width:100%;top:0px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1.2s !important;
    animation-duration: 2s !important;
    -webkit-animation-delay: 2s;
    animation-delay:0s;
    z-index: 0;}


.vgo-front {width:870px;position:absolute;left:190px;top:260px;
    -webkit-animation-name: vgofront;
    animation-name: vgofront;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 4;}
  
@-webkit-keyframes vgofront {
    0%   {opacity:0; top:360px; left:100px;}
    20% {opacity:0; top:360px; left:100px;}
    100% {opacity:1; top:260px; left:190px;}
}
@keyframes vgofront {
    0% {opacity:0; top:360px; left:100px;}
    20% {opacity:0; top:360px; left:100px;}
    100% {opacity:1; top:260px; left:190px;}
}

.vgo-back {width:850px;position:absolute;left:337px;top:445px;
    -webkit-animation-name: vgoback;
    animation-name: vgoback;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;}
    
@-webkit-keyframes vgoback {
    0% {opacity:0;top:360px;left:450px}
    20% {opacity:0;top:360px;left:450px}
    100% {opacity:1;top:445px;left:337px}
}
@keyframes vgoback{
    0% {opacity:0;top:360px;left:450px}
    20% {opacity:0;top:360px;left:450px}
    100% {opacity:1;top:445px;left:337px}
}

.vgo-txt {
    -webkit-animation-name: vgoname;
    animation-name: vgoname;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;}
@-webkit-keyframes vgoname {
    0% {opacity:0}
    60% {opacity:0}
    100% {opacity:1}
}
@keyframes vgoname{
    0% {opacity:0}
    60% {opacity:0}
    100% {opacity:1}
}


/* --- SEC 1 Animation Ends--- */


.blu-sec-2 {position:relative;height:1000px;background:url('images/g9-2.jpg') center center;background-size:cover;}
.blu-sec-2 .blu-pg-txt {position:absolute;top:550px;width:575px;left:780px;}

.blu-sec-3 {position:relative;height:940px;background:url('images/g9-3.jpg') center center;background-size:cover;}
.blu-sec-3 .blu-pg-txt  {position: relative;margin:0 auto;top:25px;width:1030px; text-align: center;}
.blu-sec-3 img {width:800px}

.blu-sec-4 {position:relative;height:950px;background:url('images/g9-4.jpg') center center;background-size:cover;}
.blu-sec-4 .blu-pg-sec-omega {height:900px; overflow: hidden;top:50px;}
.blu-sec-4 .blu-pg-txt {position: absolute;top:445px;width:400px;left:200px}
.sec-4-shadow {position:absolute;opacity: 0.8;}

#d-sec-5 {display:block;}
#t-sec-5 {display: none;}
#m-sec-5 {display: none}

.blu-sec-5 {position:relative;height:950px;/*background:url('images/g9-5.jpg') center center;background-size:cover;*/}
.blu-sec-5 .blu-pg-sec-omega {height:900px; overflow: hidden;top:0px;}
.blu-sec-5 .blu-pg-txt {position:absolute;top:310px;right:125px;width:440px;}
.sec-5-front {width:515px; position:absolute;left:-120px;top:90px;z-index:2}
.sec-5-back {width:500px; position: absolute;left:210px;top:190px;z-index:1}
.black-lyr {position:absolute; top:50px; height: 900px; width:100%; background: black; z-index:3; opacity: 0}
.sec-5-specs {width:320px;}

.t-blu-pg-sec {display:none;}
 
.blu-sec-6 {position:relative;height:1000px;background:url('images/g9-6.jpg') center center;background-size:cover;}
.blu-sec-6 .blu-pg-txt {position:relative;margin:0 auto;top:265px;width:520px;text-align: center;}
.t-g9-6-specs {width:370px}
.m-g9-6-specs {display:none}

.blu-sec-7 {position:relative;height:950px;background:url('images/g9-7.jpg') center center;background-size:cover;}
.blu-sec-7 .blu-pg-txt  {position:absolute;top:250px;width:335px;left:890px;}
.blu-sec-7 .blu-pg-sec-ttl {width:260px}
.g9-7-specs {width:330px;}
.m-g9-7-specs {display:none}

.blu-sec-8 {position:relative;height:900px;background:url('images/g9-8.jpg') center center;background-size:cover;}
.blu-sec-8 .blu-pg-txt {position: absolute;top:340px;width:370px;left:105px;}
.blu-sec-8 .blu-pg-sec-ttl {width:320px;}
.g9-8-specs {display: block; width:350px;}
.m-g9-8-specs {display: none}

.blu-sec-9 {position:relative;height:950px;background:url('images/g9-9-original.jpg') center center;background-size:cover;}
.blu-sec-9 .blu-pg-txt {position:absolute;top:375px;left:877px;width:360px;}
.blu-sec-9 img {width:1400px;position: absolute;opacity: 0;}

/*.blu-sec-9 {position:relative;height:950px;background:url('images/g9-9.jpg') center center;background-size:cover;}
.blu-sec-9 .blu-pg-sec-omega {height:900px;overflow: hidden;top:50px}
.blu-sec-9 .blu-pg-txt {position:absolute;top:-300px;left:877px;width:460px;height:900px;z-index:4;}
.blu-sec-9 img {width:1400px;position: absolute;}
.camera-gallery {z-index: 1;}
.cam-1 {z-index: 3; opacity: 0}
.cam-2 {z-index: 2; opacity: 1}
.cam-3 {z-index: 1; opacity: 1 !important}
.txt-1, .txt-2, .txt-3 {position: absolute;z-index:4}
*/

.blu-sec-10  {position:relative;height:950px;background:url('images/g9-10.jpg') center center;background-size:cover;}
.blu-sec-10 .blu-pg-txt {position:relative;margin:0 auto;width:790px;text-align:center;top:60px}

.blu-sec-11 {position:relative;height:950px;background:url('images/g9-11.jpg') center center;background-size:cover;}
.blu-sec-11 .blu-pg-txt {position: absolute;top:300px;width:400px;left:185px;z-index:1}
.g9-11-specs {width:277px}
.m-g9-11-specs {display:none;}
#batteryVid {position:absolute;width:890px;right:0px}

.blu-sec-12 {position:relative;height:950px;background:url('images/g9-12.jpg') center center;background-size:cover;}
.blu-sec-12 .blu-pg-txt {position:absolute;top:255px;left:76px;width:500px;}

.blu-sec-13 {position:relative;height:950px;background:url('images/g9-13.jpg') center center;background-size:cover;}
.blu-sec-13 .blu-pg-txt {position: relative;margin:0 auto;top:475px;;width:1100px;text-align:center;color:white}




/*gallery*/
.slider {/*background:url('images/gallery-bg.jpg') center center;background-size:cover;*/background:#0d0d0d;overflow:hidden;height:950px}
.custom-navigation {display: table;width: 100%;table-layout: fixed;padding-top:10px;}
.custom-navigation > * {display: table-cell;}
.custom-navigation {position:relative;}
.custom-navigation > a {width: 100%;position:relative;}
.custom-navigation .flex-next {text-align: right;}
#main {margin:0px;}
.custom-controls-container {display:none;} 
a.flex-prev {position:absolute;left:100px;top:-425px;z-index:9999999999;display:block;width:54px;height:64px;background:url('images/gallery/arrow-left.png') center center no-repeat;}
a.flex-next {position:absolute;right:100px;top:-425px;width:54px;height:64px;background:url('images/gallery/arrow-right.png') center center no-repeat;}
.slides li {width:100%;height:850px;}
ul.slides {margin-left:-40px;}
.first {background:url('images/gallery/black1.jpg') center center no-repeat;}
.second {background:url('images/gallery/black2.jpg') center center no-repeat;}
.third {background:url('images/gallery/black3.jpg') center center no-repeat;}
.fourth {background:url('images/gallery/black4.jpg') center center no-repeat;}
.fifth {background:url('images/gallery/black5.jpg') center center no-repeat;}
.colorBtnWrap {width:850px;margin:0 auto;text-align:center;padding-bottom:0px;}
.colorBtn {float:left;width:20%;margin:0 1%;cursor:pointer;
font-size:18px;padding: 0% 0;text-align:center;text-transform:uppercase;}
.black {margin-left:380px;	border-radius: 50%;	width: 35px;	height: 35px; border:solid 2px #4b4b4b;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#727272+0,000000+100 */
background: #727272; /* Old browsers */
background: -moz-linear-gradient(top, #727272 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #727272 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #727272 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.gold {	background: #ffe4c1;  margin-left:20px;   border-radius: 50%;	width: 35px;	height: 35px; }
.green { background: #000000; margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px; }
.navy {	background: #2e3554; margin-left:20px;  margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px; }
.colors-sec {margin:0 auto;width:100%;text-align:center;position:relative; }
.blue {background: #138eff;  margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px;}
.silver {background: #9da0a8;  margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px;}
.g-blue {margin-left:20px;   border-radius: 50%;	width: 35px;	height: 35px;
    background: #0b0054; /* Old browsers */
    background: -moz-linear-gradient(top, #0b0054 0%, #3b0a99 50%, #1aa9e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0b0054 0%,#3b0a99 50%,#1aa9e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0b0054 0%,#3b0a99 50%,#1aa9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0054', endColorstr='#1aa9e4',GradientType=0 ); /* IE6-9 */}


/*specs*/
.blu-sec-specs {/*background:url('images/specs-bg.jpg') center center;background-size:cover;*/background:#0d0d0d;margin-top:0px;height:840px;padding:50px 0px}
.blu-sec-specs .blu-pg-sec-omega {width:1200px;}
.spec-txt-w {width:100%;text-align:center;padding-bottom:4%;}
.spec-tagline {width:100%;text-align:center;color:white;font-size:40px;text-transform: uppercase;}
.spec-tagline span {font-style:italic;}
.device_name{ width:397.5px; }
.spec-sub { font-size:25px;}
.specsGrid {float:left;width:24.8%;border:0px solid #484848;height:280px;}
.specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:60%;font-weight:400;font-size: 16px;}

.spec_4g {background:url('images/specs/w-specs-tech.png') top 40px center no-repeat; background-size: 100px;}
.spec_mtk {background:url('images/specs/w-specs-chip.png') top 40px center no-repeat; background-size: 100px;}
.spec_os { background:url('images/11-specs-tech.png') top 40px center no-repeat; }
.spec_cpu {background:url('images/11-specs-processor.png') top 40px center no-repeat;}
.spec_gorilla {background:url('images/specs/w-specs-gorilla.png') top 90px center no-repeat;}
.spec_audio {background:url('images/specs/w-specs-audio.png') top 90px center no-repeat;}
.spec_nougat {background:url('images/specs/w-specs-nougat.png') top 60px center no-repeat;}
.spec_fingerprint {background:url('images/specs/w-specs-fingerprint.png') top 40px center no-repeat;background-size: 100px;}

.spec_memory {background:url('images/specs/w-specs-memory.png') top 40px center no-repeat;background-size: 100px;}
.spec_display {background:url('images/specs/w-specs-display.png') top 40px center no-repeat; background-size: 100px;}
.spec_camera {background:url('images/specs/b-specs-camera.png') top 40px center no-repeat; background-size: 100px;}
.spec_dual_camera {background:url('images/specs/w-specs-dual-camera.png') top 40px center no-repeat; background-size: 100px;}
.spec_battery {background:url('images/specs/w-specs-battery.png') top 40px center no-repeat; background-size: 100px;}
.spec_connection {background:url('images/specs/b-specs-wifi.png') top 40px center no-repeat; background-size: 100px;}
.spec_dimensions {background:url('images/specs/w-specs-dimension.png') top 40px center no-repeat; background-size: 100px;}


/* -------- Buy Now and Sales Guide Buttons Starts -------- */
.btn-wrap {width: 400px;margin-top: 60px;position: relative;height: 30px;left: 435px;}
.buyNow, .salesGuide {width: 175px;float: left;text-align: center;}
.buyNow a, .salesGuide a {color:#fff;;padding:15px 24px;text-decoration: none;font-weight:600;font-size:20px;border-bottom:solid 4px #c8ddf8;}
/* -------- Buy Now and Sales Guide Buttons Starts -------- */


footer {width:100%;background:black;text-align:center;margin-top:0px;}

@media (max-width: 1400px) {

.blu-pg-sec-omega {width:980px;}
.device_name{ width:300px; }
p {font-size:17px;line-height:1.3;}
.blu-pg-sec-ttl {font-size:50px;margin-bottom:15px;line-height: 1.1}
.smll-ttl {font-size:24px;margin-bottom:5px;}

.blu-sec-1 {position:relative;height:800px;background:url('images/t-g9-1.jpg') center center;background-size:cover;margin-top:50px}
.banner-links {top:100px;left:545px;}
.banner-links a{font-size: 1.2rem;letter-spacing: 0.7px;}
.name-sec-1 {width:270px;top:45px;left:250px}


/* --- SEC 1 Animation Starts--- */

.blue-cover {position:absolute;background:#251980;height:1600px;width:100%;top:0px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1.2s !important;
    animation-duration: 2s !important;
    -webkit-animation-delay: 2s;
    animation-delay:0s;
    z-index: 0;}


.vgo-front {width:520px;position:absolute;left:180px;top:180px;}
  
@-webkit-keyframes vgofront {
    0%   {opacity:0; top:280px; left:90px;}
    20% {opacity:0; top:280px; left:90px;}
    100% {opacity:1; top:180px; left:180px;}
}
@keyframes vgofront {
    0%   {opacity:0; top:280px; left:90px;}
    20% {opacity:0; top:280px; left:90px;}
    100% {opacity:1; top:180px; left:180px;}
}

.vgo-back {width:520px;position:absolute;left:270px;top:285px;}
    
@-webkit-keyframes vgoback {
    0% {opacity:0;top:185px;left:390px}
    20% {opacity:0;top:185px;left:390px}
    100% {opacity:1;top:285px;left:270px}
}
@keyframes vgoback{
    0% {opacity:0;top:185px;left:390px}
    20% {opacity:0;top:185px;left:390px}
    100% {opacity:1;top:285px;left:270px}
}

.vgo-txt {
    -webkit-animation-name: vgoname;
    animation-name: vgoname;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;}
@-webkit-keyframes vgoname {
    0% {opacity:0}
    60% {opacity:0}
    100% {opacity:1}
}
@keyframes vgoname{
    0% {opacity:0}
    60% {opacity:0}
    100% {opacity:1}
}


/* --- SEC 1 Animation Ends--- */


	
.blu-sec-2 {position:relative;height:650px;background:url('images/t-g9-2.jpg') center center;background-size:cover;}
.blu-sec-2 .blu-pg-txt  {top:330px;width:475px;left:420px;}

.blu-sec-3 {position:relative;height:650px;background:url('images/t-g9-3.jpg') center center;background-size:cover;}
.blu-sec-3 .blu-pg-txt  {top:30px;width:920px;}
.blu-sec-3 img {width:730px;}

.blu-sec-4 {position:relative;height:650px;background:url('images/t-g9-4.jpg') center center;background-size:cover;}
.blu-sec-4 .blu-pg-txt {top:320px;width:370px;left:70px}
.blu-sec-4 .blu-pg-sec-omega {height:600px}

#d-sec-5 {display:none}

.blu-sec-5 {display:none}
.blu-sec-5 .blu-pg-txt {display:none}
.sec-5-front {display:none;}
.sec-5-back {display:none;}
.black-lyr {display:none;}
.sec-5-bg {display:none;}

#t-sec-5 {display: block;}
#m-sec-5 {display:none}
.t-blu-sec-5 {display:block;position:relative;height:650px;/*background:url('images/t-g9-5.jpg') center center;background-size:cover;*/background: black}
.t-blu-pg-sec-omega {width:980px;margin:0 auto;position:relative;height:650px;}
.t-blu-sec-5 .t-blu-pg-txt {position:absolute;left:515px;top:155px;width:380px;}
.t-sec-5-specs {width:286px}
.t-sec-5-front {position:absolute;left:-333px;top:52px;z-index:2}
.t-sec-5-back {position: absolute;left:-30px;top:145px;z-index:1}
.t-black-lyr {position:absolute; top:0px; height: 650px; width:100%; background: black; z-index:3; opacity: 0}

.blu-sec-6 {position:relative;height:650px;background:url('images/t-g9-6.jpg') center center;background-size:cover;}
.blu-sec-6 .blu-pg-txt  {top:150px;width:430px;}
.blu-sec-6 img {width:325px}

.blu-sec-7 {position:relative;height:650px;background:url('images/t-g9-7.jpg') center center;background-size:cover;}
.blu-sec-7 .blu-pg-txt  {top:155px;width:385px;left:545px}
.blu-sec-7 .blu-pg-sec-ttl {width:230px}
.g9-7-specs {width:290px;margin-top:10px;}

.blu-sec-8 {position:relative;height:650px;background:url('images/t-g9-8.jpg') center center;background-size:cover;}
.blu-sec-8 .blu-pg-txt {top:230px;width:350px;left:17px;}
.blu-sec-8 .blu-pg-sec-ttl {width:230px}

.blu-sec-9 {position:relative;height:650px;background:url('images/t-g9-9.jpg') center center;background-size:cover;}
.blu-sec-9 .blu-pg-txt {top:145px;left:625px;width:340px;}

.blu-sec-10  {position:relative;height:650px;background:url('images/t-g9-10.jpg') center center;background-size:cover;}
.blu-sec-10 .blu-pg-txt {top:40px;width:660px;}

.blu-sec-11 {position:relative;height:650px;background:url('images/t-g9-11.jpg') center center;background-size:cover;}
.blu-sec-11 .blu-pg-txt {top:180px;width:400px;left:20px}
.g9-11-specs {width: 247px; margin-top:8px}
#batteryVid {display:none}

.blu-sec-12 {position:relative;height:650px;background:url('images/t-g9-12.jpg') center center;background-size:cover;}
.blu-sec-12 .blu-pg-txt {top:115px;left:25px;width:400px;}

.blu-sec-13 {position:relative;height:650px;background:url('images/t-g9-13.jpg') center center;background-size:cover;}
.blu-sec-13 .blu-pg-txt {top:285px;;width:870px;}


.blu-sec-specs .blu-pg-sec-omega {width:980px}
.blu-pg-sec {margin-top:0px;}

.specsGrid {float:left;width:24.75%;border:none;height:280px;}
.specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:70%; }
.specsGrid ul {font-size: 14px;font-weight:500; }

/* -------- Buy Now and Sales Guide Buttons Starts -------- */
.btn-wrap {left: 294px;}
/* -------- Buy Now and Sales Guide Buttons Starts -------- */

}
 
 @media (max-width: 980px) {
.slider {display: none;}
video {display: none;}
.blu-pg-sec-omega {width:380px; margin:0 auto;position:relative;}
.d-txt {display: none;}
.m-txt {display: block;margin-top:-5px;}
.blu-pg-sec-ttl {font-size: 30px;font-weight: 500;}
p {font-size: 14px;line-height: 1.4;margin: 0px;}
.device_name{ width:300px; }
.blu-pg-sec {margin:0px 0px 0px 0px;}
.blu-sec-specs {height: 1510px}
.m-blu-pg-sec-ttl {display:block;margin-bottom: 10px; font-size:35px;letter-spacing: -2px;font-weight: 300;line-height: 1.3}
.smll-ttl {font-size:20px;margin-bottom:5px;}

.blu-sec-1 {position:relative;height:800px;background:url('images/m-g9-1.jpg') center center;position:relative;background-size:cover;background-color: black}
.banner-links {position:relative;margin:0 auto;top:125px;left:0px;width:230px;text-align:center;}
.banner-links a{font-size: 22px;letter-spacing: 1px;}
.d-img {display: none;}
.name-sec-1 {width:230px;top:30px;left:55px;}

.blu-sec-2 {height:650px;background:url('images/m-g9-2.jpg') center center no-repeat; background-size:cover;}
.blu-sec-2 .blu-pg-txt {position:relative;margin:0 auto;top:22px;width:300px;text-align: center;left:0px;}
	 
.blu-sec-3 {height:650px;background:url('images/m-g9-3.jpg') center center no-repeat; background-size:cover;}
.blu-sec-3 .blu-pg-txt {position:relative;margin:0 auto;top:45px;width:330px;text-align: center;left:0px;}
.blu-sec-3 img {display: none !important;width:200px;}

.blu-sec-4 {height:650px;background:url('images/m-g9-4.jpg') center center;position:relative; background-size:cover;}
.blu-sec-4 .blu-pg-txt {position:relative;margin:0 auto;top:0px;width:300px;text-align: center;left:0px;}
	 
/*.blu-sec-5 {height:650px;background:url('images/m-g9-5.jpg') center center;position:relative; background-size:cover;}
.blu-sec-5 .blu-pg-txt {position:relative;margin:0 auto;top:62px;width:310px;text-align: center;left:0px;}*/

#d-sec-5 {display: none;}
#t-sec-5 {display: none;}
#m-sec-5 {display: block}

.m-blu-sec-5 {height:650px;background:url('images/m-g9-5.jpg') center center;position:relative; background-size:cover;}
.m-blu-sec-5 .m-blu-pg-txt {position:relative;margin:0 auto;top:30px;width:310px;text-align: center;left:0px;}
.m-sec-5-specs {width:235px;margin-top:10px}

.blu-sec-6 {height:650px;background:url('images/m-g9-6.jpg') center center;position:relative; background-size:cover;}
.blu-sec-6 .blu-pg-txt {position:relative;margin:0 auto;top:170px;width:310px;text-align: center;left:0px;}
.t-g9-6-specs {display:none}
.m-g9-6-specs {display:block;width:270px !important;margin-top:20px !important;position:relatiive;margin:0 auto;}

.blu-sec-7 {height:650px;background:url('images/m-g9-7.jpg') center center no-repeat;position:relative; background-size:cover;}
.blu-sec-7 .blu-pg-txt {position:relative;margin:0 auto;top:45px;width:340px;text-align: center;left:0px;}
.blu-sec-7 .blu-pg-sec-ttl {width: 100%;}
.g9-7-specs {display:none;}
.m-g9-7-specs {display:block;width:270px;position:relative;margin:0 auto;}

.blu-sec-8 {height:650px;background:url('images/m-g9-8.jpg') center center no-repeat;position:relative; background-size:cover;color:white;}
.blu-sec-8 .blu-pg-txt {position:relative;margin:0 auto;top:50px;width:340px;text-align: center;left:0px;}
.blu-sec-8 .blu-pg-sec-ttl {width:100%}
.g9-8-specs {display: none}
.m-g9-8-specs {display: block; width:155px;position:relative;margin:0 auto;margin-top:15px}

	 
.blu-sec-9 {height:650px;background:url('images/m-g9-9.jpg') center center;position:relative; background-size:cover;}
.blu-sec-9 .blu-pg-txt {position:relative;margin:0 auto;top:25px;width:290px;text-align: center;left:0px;}


.blu-sec-10 {height:650px;background:url('images/m-g9-10.jpg') center center;position:relative; background-size:cover;}
.blu-sec-10 .blu-pg-txt {position:relative;margin:0 auto;top:40px;width:330px;text-align: center;left:0px;}

.blu-sec-11 {height:650px;background:url('images/m-g9-11.jpg') center center no-repeat;position:relative; background-size:cover;color:white;}
.blu-sec-11 .blu-pg-txt {position:relative;margin:0 auto;top:30px;width:290px;text-align: center;left:0px;}
.m-g9-11-specs {display:block;position:relative;margin:0 auto;width:202px;margin-top:18px}
.g9-11-specs {display:none;}

.blu-sec-12 {height:650px;background:url('images/m-g9-12.jpg') center center;position:relative; background-size:cover;}
.blu-sec-12 .blu-pg-txt {position:relative;margin:0 auto;top:40px;width:270px;text-align: center;left:0px;}


.blu-sec-13 {height:650px;background:url('images/m-g9-13.jpg') center center;position:relative; background-size:cover;}
.blu-sec-13 .blu-pg-txt {display: none}

.blu-sec-14 {height:650px;background:url('images/m-g9-14.jpg') center center;position:relative; background-size:cover;}
.blu-sec-14 .blu-pg-txt {position:relative;margin:0 auto;top:55px;width:330px;text-align: center;left:0px;}

.blu-sec-15 {height:650px;background:url('images/m-g9-15.jpg') center center;position:relative; background-size:cover;}
.blu-sec-15 .blu-pg-txt {position:relative;margin:0 auto;top:400px;width:290px;text-align: center;left:0px;}

.blu-sec-16 {display: none}
/*
.blu-sec-16 {height:650px;background:url('images/m-g9-16.jpg') center center;position:relative; background-size:cover;}
.blu-sec-16 .blu-pg-sec-omega {background: none;}
.blu-sec-16 .blu-pg-txt {position:relative;margin:0 auto;top:52px;width:300px;text-align: center;left:0px;}
*/

.blu-sec-17 {height:650px;background:url('images/m-g9-17.jpg') center center;position:relative; background-size:cover;}
.blu-sec-17 .blu-pg-sec-omega {background: none;}

.blu-sec-18 {height:650px;background:url('images/m-g9-18.jpg') center center;position:relative; background-size:cover;}
.blu-sec-18 .blu-pg-sec-omega {background: none;}
.blu-sec-18 .blu-pg-txt {position:relative;margin:0 auto;top:55px;width:290px;text-align: center;left:0px;}

/* -------- Buy Now and Sales Guide Buttons Starts -------- */
.btn-wrap {height: 120px;left: 150px}
.buyNow {float: inherit;margin-bottom: 45px;}
.salesGuide {float: inherit;margin-top: 30px;}
/* -------- Buy Now and Sales Guide Buttons Starts -------- */

}
 
 @media (max-width:980px) {
 .blu-sec-specs .blu-pg-sec-omega {width:500px;}
 .specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:70%;}
 .specsGrid {float:left;width:49%;border:none;height:280px;}    
 .spec-tagline {padding:8% 0px;} 
 }
 
 
 
 @media (max-width: 797px) { 
   nav ul li:first-child img {top:-57px;width:14%;left:43%;display:block;border:1px solid black;}    
   nav ul li {display:block;}  
   .navWrapIn ul {display:none !important;}
   .mobBtnO {display:block;}
   .mobNav {display:block;background:rgba(0,0,0,0);height:1px;position:absolute;top:40px;left:-999px;z-index:999999;}   
   .blu-pg-l-ttl1, .blu-pg-r-ttl1 {margin-top:-30px;}
   
  
  }
  @media (max-width: 661px) { 
   .d-none {display:none;}
   .slider {display:none;}
  }
 
 @media (max-width: 600px) {
    nav ul li:first-child img {top:-56px;width:20%;left:40%;} 
    .colorBtnWrap {width:380px;margin:0 auto;text-align:center;}
.colorBtn {float:left;width:19.5%;cursor:pointer;font-size:21px;}
  
  } 
   @media (max-width: 524px) {
  
   .blu-sec-specs .blu-pg-sec-omega {width:380px;}
   .specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:85%;}
   .specsGrid {float:left;width:49.25%;border:none;height:280px;}    
   .spec-tagline {padding:8% 0px;}

   /* -------- Buy Now and Sales Guide Buttons Starts -------- */
   .btn-wrap {width:100%;padding-top:0%;margin-bottom:5%;left:0px;}
   .buyNow {width: 260px;height: 49px;margin: 0 auto;position: relative;float: none;text-align: center;}
   .salesGuide {width: 240px;position: relative;margin: 0 auto;height: 49px;float: none;text-align: center;margin-top: 35px;}
   /* -------- Buy Now and Sales Guide Buttons Ends -------- */

}
   

   @media (max-width: 400px) {
    .blu-pg-sec-omega {width:96%;margin-left:2%;}
    .blu-sec-specs .blu-pg-sec-omega {width:96%;margin-left:2%;}
    .specsGrid {width:99%;}
    .specsGrid ul{margin-top:50%;}
    .btn-wrap {padding-top:8%;}
    .blu-sec-specs {height: 2640px}
   }
   
 