@charset "UTF-8";
#marketplace,.video{width:100%}
.eStore_container eStore_block980{width:980px}
.eStore_block980{width:980px;margin:0 auto}
.h1,.h2,.h3,.h4,.h5,p,.sub,.section-title,.feature-title,.feature-descript,.t-product-title, .t-product-des, .table-name, td, a{font-family:'Open Sans',Helvetica,Arial,sans-serif;}
.h1,.h2,.sub{padding:0}
.h1,.h3,p,ul{margin:0}
.h1,.h2,.h3 {text-align: left}
.h1{
    font-weight:600;
    font-size:52px;
    line-height:62px
}
.h2{	
	font-weight:400;
    font-size:25px;
    margin:15px 0;
	line-height: 32px;
}

.h2-title{
    padding-bottom:10px
}
.h3{
	font-size:15px;
	font-weight: 400px;
	padding:5px 10px 5px 0;
	border-bottom: none;
}
.subtitleh6{
    font-family:'Open Sans',Helvetica,Arial,sans-serif
}

/*align*/
.shop_by, .t-left{text-align:left}
.t-center {text-align:center}

/*Paddings*/
.top20 {padding-top:20px;}
.h2-selector{
    color:#fff;
    font-weight:400;
    padding-top:20px;
    margin-top:0;
    font-size:28px;
    padding-bottom:0;
    margin-bottom:0
}
.h2White{
    color:#fff;
    font-weight:700;
    border-bottom:1px solid #fff;
    margin-top:0;
    margin-bottom:5px;
    font-size:22px
}
.h5{
    color:#666;
    font-size:16px;
    padding-bottom:10px;
    text-align:center;
    font-weight:300
}
.p{
    font-size:15px;
	font-weight: 400;
    color:#666666;
    line-height:25px;
    margin-top:15px;
    margin-bottom:15px
}
.pWhite{
    color:#fff;
    font-size:12px;
    padding-bottom:10px;
    height:75px
}
.section-wrap {padding: 20px 0px;}
.section-title {
     color: #262854;
     border-bottom: none;
     font-size: 35px;
     text-align: center;
     font-weight: 600;
     text-transform: none;
	 margin: 30px 0px;
}
.feature-title-border {
	border: 1px solid #262854;
}
.feature-title{
	font-size: 14px;
	font-weight: 800;
	color: #333333;
}
.feature-descript {
	font-size: 14px;
	padding: 10px;
	width: 85%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 60px;
	line-height: 1.5em;
}
.t-product-title2 {
	color: #000000;
	font-size: 16px;
	width: 85%;
	margin: 0 auto;
	text-align: left;	
	font-weight: 600;
}
.t-product-title{
	color: #262854;
	font-size:18px;
	font-weight: 600;
	line-height: 1.5em;
	padding-top: 20px;
}
.t-product-des{
	color: #333333;
	font-size:16px;
	font-weight: 400;
	line-height: 1.5em;
}
.imglistbox {
	padding-bottom: 10px;
	position:relative;
}
/*colors*/
.white{color:#ffffff;}
.black {color:#000000;}
.ghost-blue{border:2px solid #004280}
.ghost-orange{border:2px solid #f39800}
.nav li a{text-transform:uppercase}

/*Full width banner area*/
.h2-subtitle {
	border: 2px solid; 
	border-radius: 30px;
	padding: 10px;
	text-align: center;
}
.main-title{
    position:absolute;
    top:5%;
    text-align:right;
    padding:1em 1em 1em 0;
    float:right;
    margin-left:0
}
.top{
    width:100%;
    height:auto;
    display:block
}
.main-cta-estore-orange{
    font-size:16px;
    background-color:#F39800;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    border:0
}
.main-cta-estore-orange:hover{
    font-size:16px;
    background-color:#FBB137;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    border:0
}
.main-cta-estore-blue{
    font-size:16px;
    background-color:#4398EF;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    border:0
}
.main-cta-estore-blue:hover{
    font-size:16px;
    background-color:#277ACF;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    border:0
}
/*table*/
.table-name {
	background-color: #0274b3;
	color: #ffffff;
}
.table-link {
	text-decoration: underline;
	color: #F38900;
}
/*contact-us*/
.parallax, .select1 {
     background-repeat: no-repeat 
}
.parallax{
	background-image: url(images/contact-us.jpg);
     max-height: 300px;
     background-attachment: fixed;
     background-position: right;
     background-size: cover;
     display: block;
     padding-bottom: 50px;     
	 clear: both;  
     color: #ffffff;
     font-size: 35px;
     font-family: 'Open Sans', Arial, sans-serif;
     text-align: center;
     font-weight: 300;
     margin-top: 60px;
     text-transform: none 
}
.contact-us-title {
	font-size: 30px;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #FFFFFF;	
	padding: 50px 0px;	
	text-align: center;
}
.contact-us-text {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #FFFFFF;	
	padding-bottom: 20px;
		text-align: center;
}
.contact-us-button{
    padding: 20px;
    text-align: center;
    font-size: 20px;
    background-color: #4398EF;
    color: #FFFFFF;
    border-radius: 3px;
	font-weight: 600;
}
.contact-us-button:hover{
    padding: 20px;
    text-align: center;
    font-size: 20px;
    background-color: #277ACF;
    color: #FFFFFF;
    border-radius: 3px;
}
.more-info-button{
    padding: 20px;
    text-align: center;
    font-size: 20px;
    background-color: #F38900;
    color: #FFFFFF;
    border-radius: 3px;
}
.more-info-button:hover{
    padding: 20px;
    text-align: center;
    font-size: 20px;
    background-color: #C77000;
    color: #FFFFFF;
    border-radius: 3px;
}
/*Buttons*/
.main-cta-estore-orange, .main-cta-estore-blue,.link,.button,.demo,.eStore_btn,.eStore_btn1,.view,.go-top,.manual,td.price>h5,.nav li a, .contact-us-button,.more-info-button{text-decoration:none}
.link:hover.go-top:hover{text-decoration:underline}
.nav li a:active,.nav li a:hover{background-color:#e47c01;color:#fff;text-decoration:none}
.manual a:hover{color:#2284e8;text-decoration:underline}
.compareBox,.cta,.eStore_btn,.eStore_btn1{
    min-width:120px
}
#ARK,#iDoor,.cta,.subtitleh6{
    text-align:center
}
.buttons,.clear,.video,div.sharing,div.tab{
    clear:both
}
.buttons{
    padding-top:20px;
    text-align:left
}
.button{
    font-weight:400
}

.button,.text{
    white-space:nowrap
}



.button,.eStore_btn,td.price>h5{
    text-align:center
}

.form,.share-buttons{
    margin-top:40px
}
.share-buttons li{
    padding-right:3px
}
.cta-ghost:hover,.cta:hover{
    background-color:#275f96;
    color:#fff
}
.cta{
    font-size:12px;
    background-color:#2d7cd9;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    border:0
}
.nav li a.compare,.orange,a.ctaorange-border:hover{
    background-color:#f39800
}
.ctaorange-border,.title .cta{
    font-size:15px
}

.ctaorange-border{
    border:2px solid #f39800;
    margin-left:8px;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    text-align:center;
    min-width:120px
}
a.ctaorange-border:hover{
    color:#fff
}

.ctablue-border{
    border:2px solid #f39800;
    margin-left:8px;
    color:#fff;
    border-radius:3px;
    padding:5px 20px;
    text-align:center;
    min-width:120px
}
a.ctablue-border:hover{
    color:#fff
}



.card1>p.p {
     font-size: 13px;
     text-align: left;
     padding-left: 10%;
     line-height: 20px 
}
.card1, .mid {
     text-align: center 
}
.card1 {
     display: inline-block;
     width:30%;
     margin-top: 30px;
     margin-right: 2%;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
     padding-left: 5px;
     padding-right: 10px;
     background-color: rgba(255, 255, 255, .9);
     border: 1px solid #efefef;
     border-radius: 10px;
     padding-bottom: 25px 
}
.card1 img {
     width: 100%;
     padding-top: 20px 
}

.nav,.nav li a,div{
    display:block
}
.col-5,.io,li{
    float:left
}
.li-title {
	font-family: 'Open sans', Arial;
	font-size: 16px;
	font-weight: 800;
	color:#F2A900;
	padding: 10px 0px;
}
.li-text {
	font-family: 'Open sans', Arial;
	font-size: 14px;
	font-weight: 400;
	color:#333333;
}
.t-v-li-title {
	font-family: 'Open sans', Arial;
	font-size: 14px;
	font-weight: 800;
	color:#333333;
	padding-bottom: 10px;
}
.t-v-li-text {
	font-size: 14px;
}
.t-v-text-2 {
	font-family: 'Open Sans', Arial;
    width:35%;
    padding: 10px;
}
.t-v-img-2 {
	font-family: 'Open Sans', Arial;
	font-weight: 300;
	padding-top:10px;
    float: left;
    width:15%;
	padding: 10px;
}

.col-10,.col-11,.col-12,.column,ul{
    overflow:hidden
}
.col-12 img,td img{
    max-width:100%
}

.sub{
    margin-bottom:20px;
    font-weight:400;
    color:#4C5559;
    text-align:center;
    font-size:28px
}
.io{
    width:25%
}
#quote{
    background-color:#efefef;
    margin-top:120px
}
.nav-background,ul.nav{
    background-color:#004280
}
/*tables*/
td{
    padding:8px;
	color:#333333;
    font-weight:400;
    font-size:15px;
	line-height: 1.5em;
}
td.content{
    font-family:'Open Sans',Verdana,Tahoma,sans-serif;
    font-size:13px;
    color:#666;
    font-weight:400;
    line-height:20px;
    border-bottom:thin dotted #CCC
}
.spec-table tr:nth-child(even) {background: #FFFFFF;}
.spec-table tr:nth-child(odd) {background-color: #F8F8F8;}
.spec-table td {border-left: #CCCCCC solid 1px;border-right: #CCCCCC solid 1px;}
.spec-table-bb {border-bottom: #CCCCCC solid 1px;}
.spec-table {width: 100%}
.vega-330-table tr:nth-child(even) {background: #FFFFFF;}
.vega-330-table tr:nth-child(odd) {background-color: #F8F8F8;}
.vega-330-table {border: 1px solid #CCCCCC;}

.customize{
    width:90%;
    border-bottom:none;
    text-align:left;
    font-family:'Open Sans',Helvetica,Arial,sans-serif
}
.expandable{
    margin-top:80px
}

.customize{
    margin:0;
    font-weight:700;
    font-size:19px;
    padding:20px 10px 5px 20px;
    color:#565656
}
element.style{
    width:100%;
    height:auto
}
.comparison{
    padding-top:20px
}
.emenu,.heat,.monitoring,.signage,.traffic,.waitlist{
    text-align:center;
    border-top:10px solid #C2E9E3
}

.criteria{
    border-bottom:thin dotted #CCC;
    font-family:'Open Sans',Verdana,Tahoma,sans-serif
}
.nav li a,ul.nav{
    text-align:center
}
.nav-background{
    width:100%
}
ul{
    list-style-type:none;
    padding:0
}
.nav,ul.nav{
    margin:0 auto
}
li{
    font-size:14px
}
.nav li a{
    color:#fff;
    padding:10px 20px
}
.criteria{
    text-align:right;
    font-size:13px;
    color:#666;
    padding-right:10px;
    font-weight:600;
    line-height:20px
}
.grey-bg {
	background-color: #ededed;
	padding: 20px 0px
}

.os-name{
    font-size:15px;
    font-weight:700
}

.nav{
    z-index:170;
    text-align:center
}
ul.nav.stickytop{
    position:fixed;
    top:0;
    width:100%;
    padding-left:22%;
    margin-left:0;
    background-color:#004280;
}

.eStore_btn{
    font-family:'Open Sans',Arial,Helvetica,sans-serif
}
.expansion{
    background-color:#eee
}
.no-pad{
    padding-top:30px;
    margin-top:0
}
.comparison{
    margin-top:20px;
    margin-bottom:30px
}
.descr{
    font-size:14px;
    line-height:16px;
    padding:10px 10px 20px;
    width:85%;
    margin:0 auto;
    text-align:left
}
.col-12{
    width:100%;
    margin-bottom:20px;
    margin-top:35px
}
.col-10{
    width:80%;
    margin-left:10%
}
.col-11{
    width:90%;
    margin-left:5%;
    margin-top:20px
}
.col-5{
    text-align:center;
    width:20%
}
.col-4,.col-4-product{
    width:23%
}
.col-4{
    margin-left:2%;
    float:left;
    text-align:center;
    margin-top:20px
}
.col-3,.col-4-product{
    margin-left:1%;
    text-align:center;
    float:left;
    margin-top:20px
}
.col-3{
    width:32%
}
.col-2{
    width:48%;
    float:left;
    text-align:left;
    margin-bottom:35px;
    margin-top:20px
}

.left{
    margin-right:2%
}
.top-margin{
    margin-top:0
}
.link{
    color:#275f96;
    padding-bottom:0
}

.button,.small{
    font-size:14px
}
.small{
    line-height:20px
}
.button{
    color:#FFF;
    background-color:#f38900;
    display:inline-block;
    padding:5px 30px;
    margin-bottom:0;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid transparent;
    border-radius:4px
}
.button:hover{
    background-color:#e47c01;
    color:#fff
}
.series{
    margin-left:15px
}
.eStore_btn{
    background-color:#4398ef;
    color:#fff;
    border-radius:3px;
    padding:5px 20px
}
span.from,td.price>h5{
    font-family:'Open Sans',Verdana,Tahoma,sans-serif;
    font-weight:400
}
.eStore_btn:hover{
    background-color:#2284e8
}
.intro{
    width:90%;
    margin:0 auto;
    padding:30px 0 60px
}
.banner{
    position:relative
}
span.from{
    color:#545454;
    font-size:12px
}
td.price>h5{
    color:#f39800;
    font-size:20px;
    margin:0 auto
}


.column{
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
    transition:.3s;
    float:left;
    margin-bottom:50px;
    width:32%;
    height:340px;
    background-color:#fff;
    margin-right:.5%;
    margin-left:.5%
}
.amo,.cards{
    overflow:auto
}
.column:hover{
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2)
}
.cards{
    width:100%;
    margin-bottom:70px
}
.description{
    text-align:center
}
.links{
    padding-left:5%;
    text-align:left
}
.waitlist,img.logo{
    padding:10px
}
.left-link{
    width:40%;
    float:left
}
.right-link{
    width:50%;
    float:right
}
.demo{
    color:#4498f0;
    font-size:14px;
    font-family:'Open Sans',Helvetica,Arial,sans-serif
}
.waitlist{
    text-align:center
}
.product{
    padding:20px 5px
}
.go-top{
    position:fixed;
    bottom:2em;
    right:2em;
    color:#fff;
    background-color:#004280;
    font-size:12px;
    padding:1em;
    font-family:'Open Sans',Arial,sans-serif;
    display:none
}
.benefits,.manual,.productPic,.subscriptionPrice{
    position:relative
}
.go-top:hover{
    background-color:#19558c;
    Color:#fff
}
.productPic{
    float:left;
    width:20%
}
.productDescription{
    position:relative;
    float:left;
    width:75%;
    margin-left:5%;
    padding-bottom:60px
}
.manual,.marketplace-info{
    width:50%
}
.h5,.video-title{
    margin:0;
    font-family:'Open Sans',Helvetica,Arial,sans-serif
}
.subscriptionPrice{
    width:50%;
    float:left
}
.video-title{
    color:#666;
    font-size:16px;
    padding-top:0;
    padding-bottom:0;
    text-align:left;
    font-weight:600
}
.manual{
    float:left;
    color:#4599f0;
    font-size:14px;
    font-family:'Open Sans',Helvetica,Arial,sans-serif;
    padding-top:17px
}

.subscription{
    color:#f39800;
    font-size:24px;
    font-family:'Open Sans',Helvetica,Arial,sans-serif
}
.nocolor{
    -webkit-filter:grayscale(90%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray
}
.nocolor:hover{
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    filter:none;
    transition:ease;
    transition:all .55s
}

.benefits,.video{
    margin-bottom:40px
}
.large{
    font-size:20px;
    padding-top:0
}
.peripher{
    margin-top:80px
}

.benefits,.card,.cart,.datasheet,.eStore_btn1,.ghost,.video,.view,a img{
    text-align:center
}
.no-border{
    border-bottom:none
}
.cart,.ghost{
    width:40%;
    border:1px solid #4498f0;
    border-radius:3px
}
.eStore_btn1{
    border:1px solid #4398ef;
    color:#4398ef;
    font-family:'Open Sans',Helvetica,Arial,sans-serif;
    border-radius:3px;
    padding:5px 8px
}
.h4,.view,div.tab div.tablinks{
    font-family:'Open Sans',Helvetica,sans-serif
}
.eStore_btn1:hover{
    background-color:#2284e8;
    border:1px solid #2284e8;
    color:#fff
}
.eSote_btn{
    border:1px solid #4398ef
}
.eStore_btn{
    border:1px solid #2284e8
}
div.tab{
    overflow:hidden;
    border-bottom:1px solid #efefef;
    background-color:#fff
}
div.tab div.tablinks{
    background-color:inherit;
    float:left;
    border:none;
    outline:0;
    cursor:pointer;
    padding:14px 16px;
    transition:.3s;
    font-size:14px;
    color:#666
}
div.tab div.tablinks:active,div.tab div.tablinks:hover{
    color:#4599f0;
    border-bottom:1px solid #4599f0
}
.margin4{
    margin-left:4%
}
.tabcontent{
    display:none;
    padding:6px 50px;
    border-top:none
}
.benefits,.clear,.video,.view,a img{
    display:block
}
.benefits{
    width:30%;
    float:left;
    margin-left:3%;
    margin-top:20px
}
.video{
    background-color:#275f96;
    padding:40px;
    width:100%;
    margin-top:70px
}
.video .sub{
    color:#fff
}
.film-background{
    background-image:url(img/1marketplace-36.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right 55px top -15px;
    padding-left:20px;
    padding-bottom:70px;
    padding-top:30px;
    margin-bottom:70px
}
.no-margin-top{
    margin-top:0
}
.h4{
    font-size:17px;
    font-weight:600;
    color:#666;
    margin-top:20px;
    margin-bottom:0
}
.card{
    width:23%;
    float:left;
    margin-top:10px;
    margin-right:2%;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
    transition:.3s;
    height:365px;
    border-top:5px solid #275f96;
    margin-bottom:70px;
    overflow:auto
}
.card:hover{
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2)
}
.product{
    padding-left:20px;
    padding-top:0;
    font-size:14px;
    margin-top:15px
}
a img{
    margin:0 auto
}
.communication{
    margin-top:30px;
    display:block;
    clear:both;
    overflow:hidden
}
.view{
    float:left;
    width:40%;
    background-color:#397ed1;
    border:1px solid #397ed1;
    color:#fff;
    border-radius:3px;
    padding:5px 8px;
    FONT-SIZE:14PX;
    margin-bottom:15px;
    margin-right:5%
}
.view:hover{
    background-color:#1f76cc;
    border:1px solid #1f76cc;
    color:#fff
}
.datasheet{
    color:#2d7cd9;
    font-size:14px
}

table{
    border-collapse:collapse;
    mso-table-lspace:0;
    mso-table-rspace:0;
    text-align:left
}

.link{
    margin:0;
    padding:0
}
#ARK,#iDoor{
    padding-top:20px;
    font-size:21px;
    margin-bottom:0;
    border-bottom:none
}
#ARK{
    margin-top:80px;
    border-top:1px solid #ccc
}
.h6,.subtitleh6{
    margin:0;
    color:#666;
    font-weight:400
}
.h6{
    font-size:11px;
    font-family:'Open Sans',Helvetica,sans-serif;
    padding-top:5px
}

.subtitleh6{
    padding:0;
    font-size:17px
}
.sharing{
    padding-left:0;
    padding-top:40px;
    margin-bottom:50px
}
ul.share-buttons>li{
    display:inline
}
ul.share-buttons>li a img{
    text-align:left;
    display:inline
}
ul.share-buttons{
    text-align:left;
    padding-left:0
}
.select1{
    margin-top:90px;
    padding-bottom:30px;
    width:100%;
    text-align:center;
    background-image:url(img/2017092.jpg);
    background-repeat:repeat-y;
    background-position:right center
}

.shop_by{
    width:100%;
    margin:0 auto;
    padding-top:15px;
    display:block;
    overflow:hidden
}
.thirty{
    width:28%;
    float:left;
    padding:0 10px 10px
}



.disclaimer{
    font-family:'Open Sans',sans-serif;
    font-size:12px;
    line-height:20px;
    color:grey;
    padding-top:10px;
    text-align:left
}
.compareBox{
    height:20px;
    border:1px solid #2d7cd9;
    border-radius:3px;
    padding:3px 40px
}
input,textarea{
    background-color:#f8f8f8;
    margin-bottom:20px;
    font-size:14px;
    line-height:20px;
    color:#333;
    font-family:'Open Sans',Tahoma,Arial,non-serif
}
.imgcontainer{
    width:100%
}
.overlay,.text{
    position:absolute;
    overflow:hidden
}
input[type=text]:focus,textarea:focus{
    outline:-webkit-focus-ring-color auto 5px
}
label{
    margin-top:20px;
    font-family:'Open Sans',Tahoma,Arial,non-serif;
    font-size:14px;
    line-height:20px;
    color:#666;
    margin-right:20px
}
.message{
    min-height:100px;
    width:50%
}
input{
    width:38%;
    border-radius:3px;
    border:1px solid #c8d6e0;
    margin-top:4px;
    padding:3px 5px
}
textarea{
    width:50%;
    height:150px;
    padding:5px 10px;
    box-sizing:border-box;
    border:1px solid #c8d6e0;
    border-radius:3px;
    resize:none;
    margin-top:10px
}
#sbSendEmail,.orange col-3{
    margin-bottom:50px
}
#sbSendEmail{
    padding:8px 20px;
    font-family:'Open Sans',Tahoma,Arial,non-serif;
    color:#fff;
    background-color:#4398ef;
    border:none;
    width:15%
}
#sbSendEmail:hover{
    background-color:#2284e8;
    cursor:pointer
}
.image{
    display:block;
    height:auto
}
.overlay{
    bottom:100%;
    left:0;
    right:0;
    background-color:rgba(243,153,3,.9);
    width:100%;
    height:0;
    transition:.7s ease
}
.imgcontainer:hover .overlay{
    bottom:0;
    height:100%
}
.text{
    color:#fff;
    font-size:17px;
    line-height:25px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
.margin-top{
    margin-top:50px
}

.case,.video-title{
    display:none
}

.widget-simple-form-btn-orange {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 24px;
    background-color: #f39800;
    color: white;
    border-radius: 3px;
}

.widget-simple-form-btn-orange:hover {
    background-color: #ffae27;
    color: #fff;
}

@media only screen and (max-device-width :1200px){
    .title{
        position:absolute;
        top:5%;
        text-align:right;
        width:100%;
        padding:1em 1em 1em 0;
        float:right;
        margin-left:0
    }
    .h1,.h2{
        padding:0;
        font-family:'Open Sans',Helvetica,Arial,sans-serif;
        color:#fff;
        text-align:left
    }
    .h1{
        margin:0;
        font-weight:700;
        font-size:50px;
        line-height:62px
    }
    .h2{
        margin:0 0 15px;
        font-weight:400;
        font-size:26px
    }
}
@media only screen and (max-device-width :1024px){
    .column,.title{
        margin-left:2%
    }
    .title{
        top:5%
    }
    .top{
        width:132%
    }
    .column{
        width:46%;
        margin-right:2%;
        height:335px
    }
    .go-top{
        bottom:1em;
        right:1em
    }
    .h1{
        font-size:45px;
        line-height:50px
    }
}
@media screen and (max-width:980px){
    .io,.mid,.productPic,.video-title{
        text-align:center
    }
    .cards{
        width:98%;
        margin:0 auto
    }
    top{
        width:120%
    }
    .column{
        width:46%;
        margin-left:1%;
        height:335px
    }
    .h1{
        font-size:33px;
        line-height:38px
    }
    .h2{
        font-size:21px;
        margin-top:5px;
        margin-bottom:0
    }
    .productPic{
        width:25%
    }
    .productDescription{
        width:70%;
        margin:0;
        padding-bottom:60px
    }
    .title{
        top:8%;
        margin-left:5%
    }
    .go-top{
        bottom:1em;
        right:1em
    }
    .subscriptionPrice{
        width:48%
    }
    .marketplace-info{
        width:100%:
    }
    .esotre_btn,.estore_btn1{
        width:45%
    }
    .videodescription,.videopic{
        width:50%;
        float:left;
        position:relative
    }
    .io{
        width:25%;
        float:left;
        padding-bottom:10px;
        height:150px
    }
    .nav li a{
        padding:10px 15px
    }
    .col-4{
        width:30%
    }
    .col-3{
        width:46%;
        margin-left:2%
    }
    .video-title{
        color:#666;
        font-size:16px;
        font-family:'Open Sans',Helvetica,Arial,sans-serif;
        margin:0 0 0 10%;
        padding-top:0;
        padding-bottom:0;
        width:80%;
        font-weight:600
    }
    .col-4-product{
        width:44%;
        margin-left:2%
    }
    .col-12{
        width:90%;
        margin-left:5%
    }
    .col-2 a img{
        width:80%
    }
    .nocolor{
        filter:none
    }
    .h4{
        padding:0;
        margin:0
    }
    iframe{
        width:450px;
        height:auto
    }
}
@media screen and (max-width:767px){
    .col-5,.productPic,.select1{
        text-align:center
    }
    .expandable{
        margin-top:40px
    }
    .cards{
        width:96%;
        margin:0 auto
    }
    .card,.column{
        margin-left:1%
    }
    .card{
        width:48%;
        margin-right:1%;
        height:380px
    }
    .column,.pWhite{
        height:auto
    }
    iframe{
        width:450px
    }
    .column{
        width:48%;
        margin-bottom:40px
    }
    .video{
        padding-left:0
    }
    .h1{
        font-size:35px;
        line-height:40px
    }
    .h2{
        font-size:20px
    }
    .h3{
        font-size:12px
    }
    .productPic{
        width:40%
    }
    .col2 iframe{
        margin:0 auto
    }
    .productDescription{
        width:60%;
        margin:0
    }
    .cart,.ghost,.subscriptionPrice{
        width:48%
    }
    .eStore_btn1{
        margin:10px 15px;
        display:block;
        line-height:25px
    }
    .marketplace-info{
        width:100%:
    }
    .top{
        width:150%
    }
    .title{
        top:8%;
        margin-left:5%
    }
    .go-top{
        bottom:1em;
        right:1em
    }
    .io{
        width:45%
    }
    .nav li a{
        padding:10px 46px
    }
    .select1{
        margin-top:90px;
        width:100%;
        background-color:#2d7cd9;
        background-image:none;
        padding:10px
    }
    .thirty{
        width:90%;
        float:left;
        padding:0 10px 10px;
        margin-bottom:30px;
        margin-top:20px
    }
    .col-5{
        width:33%;
        float:left
    }
    .col-4,.col-4-product{
        width:48%
    }
    .col-3{
        width:46%
    }
    .col-2{
        width:94%;
        margin-left:3%;
        margin-bottom:0
    }
    .col-2 a img{
        width:100%
    }
    .case{
        display:block;
        padding-top:10px
    }
}
@media screen and (max-width:480px){
	.card1 {

     width:50%;

}
 .card1 img {
     width:80%;
     padding-top: 20px 
}
    .case,.col-2 .button,.productPic,.select1{
        text-align:center
    }
    .column,.pWhite,img{
        height:auto
    }
    .cards{
        width:96%;
        margin:0 auto
    }
    iframe{
        width:450px
    }
    .column{
        width:80%;
        position:relative;
        margin:0 auto 25px 10%
    }
    .sub{
        font-size:20px
    }
    .h1{
        font-size:39px;
        line-height:45px
    }
    .top{
        width:55%
    }
    .nav li a{
        padding:10px 12px
    }
    .links{
        padding-left:8px
    }
    .productDescription,.productPic{
        width:95%
    }
    .cart,.ghost,.subscriptionPrice{
        width:100%;
        text-align:center
    }
    .estore_btn1{
        margin:10px 15px;
        display:block;
        line-height:25px
    }
    .h2,.h3{
        display:none
    }
    p{
        margin:0 20px
    }
    .h2-title,.h5 .subscription{
        margin-left:20px
    }
    .marketplace-info{
        width:100%:
    }
    .productDescription{
        margin-top:20px
    }
    .manual{
        margin:0 20px
    }
    .h5{
        margin-left:20px
    }
    .col-2 .button{
        margin:0 auto
    }
    .video-title{
        margin-left:0;
        width:100%
    }
    .case{
        margin-left:10%;
        width:80%
    }
    .ul.share-buttons{
        padding-left:20px
    }
    img{
        max-width:100%
    }
    .product,.video{
        padding-left:0
    }
    .datasheet,.view{
        width:90%
    }
    .go-top{
        right:1em;
        bottom:1em
    }
    .card{
        width:70%;
        margin-left:15%
    }
    .h3{
        font-size:14px;
        padding-top:15px
    }
    .select1{
        margin-top:90px;
        width:100%;
        padding:10px;
        background-color:#2d7cd9;
        background-image:none
    }
    .thirty{
        width:90%;
        float:left;
        padding:0 10px 10px;
        margin-bottom:30px;
        margin-top:20px
    }
    ul.nav.stickytop{
        position:fixed;
        top:0;
        width:100%;
        padding-left:22%;
        margin-left:0;
        display:none
    }
    .col-3,.col-4,.col-4-product{
        width:90%;
        margin-left:5%
    }
    .col-12,.col-2,.col-3{
        margin-left:2%
    }
    .col-3{
        margin-bottom:80px;
        width:96%
    }
    .card,.card-product{
        padding-top:30px
    }
    .col-2 a img{
        width:100%
    }
    .col-2{
        width:96%;
        margin-bottom:60px
    }
    .banner{
        width:250%
    }
    .col-12{
        width:96%
    }
    .p{
        margin:0
    }
    div.sharing{
        margin-left:2%
    }
    iframe{
        height:250px
    }
    .title{
        margin-left:1%;
        top:2%
    }
    .button{
        margin-top:20px
    }
}