.body.content
{
    width: 100%;
    top: 95px;
    position: absolute;
	overflow-x: hidden;
}

.column
{
    
    float: right;
    padding: 10px 0;
    display: none;
    width: 220px;
    
}

.contact.row
{
    width: 50%;
    float:left;
}

.contact.span4
{
    width: 90% !important;
    margin-left: 0 !important;
}
.contact.span8
{
    width: 96%;
}

@media (min-width: 1200px){


.hero-unit h1 
{
    font-size: 2em !important;
}
.offset1_1.index {
    height: 460px !important;
}
.product-list {
    padding: 10px;
}
.detail-list {
    height: 180px;
    margin-bottom: 20px;
}     
}


@media (min-width: 980px) and (max-width: 1199px){


.hero-unit h1 
{
    font-size: 2em !important;
}
.offset1_1.index {
    height: 450px !important;
}
.product-list {
    padding: 10px;
}
.detail-list {
    height: 240px;
    margin-bottom: 20px;
}

.span4
{
    width:34% !important;
} 
.span5.plan
{
    width: 45% !important;
}
.span4.offset1
{
    width:40% !important;
}

.span13 
{
    width: 29.88% !important; /*width: 28% !important;*/
}

.span13.insight.features.insight--features /*.span13.insight.features*/ 
{
height: 480px; /*380px !important*/
}
  
.offset1
{
    margin-left: 10% !important;
} 

.login_layout2 
{
    padding-bottom: 50px !important;
}

.span3.insight.price.offset4
{
    height: auto !important;
    margin-bottom: 10px;
}

.span16
{
    width:50% !important;
}
.span15
{
    width: 90% !important;
}
.span14
{
    width: 90% !important;
}   

.index_go
{
    font-size: 1em !important;
}

    
}




@media (min-width: 740px) and (max-width: 979px){

.hero-unit h1 
{
    font-size: 1em !important;
    
}

.product1.content
{
    width: 95% !important;
    padding-bottom: 15px;
}


.span3 
{
    width: 48% !important; 
    margin: 4px 4px;
    height: 225px;
}
.span4{width:45% !important;}
.span5 {width: 38% !important;} 
.span5.plan
{
    width: 45% !important;
}

.span4.offset1
{
     width:47% !important;
}
.span13 
{
width: 43% !important;
}
section.feats .feature-content
{
}

.span13.insight.features.insight--features /*.span13.insight.features*/
{
height: auto; /*355px !important*/
}

.span3.insight.price.offset4
{
    height: auto !important;
    margin-bottom: 10px !important;
}
.span2.insightbtn
{
    width: 25% !important;
}

  
.offset1
{
    margin-left: 3% !important;
}


.login_layout2 
{
padding-bottom: 70px !important;
}

.product.content
{
    width: 48.5%;
}
.index.content
{
    width: 100%;
}

.offset1.index
{
   width: 100%;
}

.contact.span4
{
    width: 42% !important;
}

.span16
{
    width:50% !important;
}

.span15
{
    width: 90% !important;
}
.span14
{
    width: 90% !important;
}

.span17
{
   width: 85% !important; 
}

.index_go
{
    font-size: 1em !important;
}

}




@media (min-width: 420px) and (max-width: 739px){
    
.container
{
    width:80% !important; 
}

.product1.content
{
    width: 95% !important;
    padding-bottom: 15px;
}

.hero-unit h1 
{
    font-size: 1em !important;
}

.span3 {width: 43% !important; }
.span4{ width:45% !important;}
.span6{ width:90% !important;}
.span5 {width: 80% !important;}

.span5.plan
{
    width: 95% !important;
}

h2
{
 font-size: 1.5em !important;  
}
h4 
{
font-size: 1em !important;
}

.layoutleft {
width: 90%;
}

.offset1
{
    margin-left: 3.5% !important;
    margin-top: 1% !important;
}

.column
{
    
    display: block !important;   
}

.nav-collapse.collapse
{
    display: none !important;   
}

header .logo img, .header .logo img 
{
  max-width: 175% !important;
  margin-top: 7px !important;
  position: relative;
  z-index: 1;
}

.navbar-fixed-top, .navbar-fixed-bottom
{
    position: relative !important;
}

.body.content
{
    top: 0 !important;
}

.plans
{
    margin-left: 0 !important; 
}
.span13 
{
width: 90% !important;
height: 100% !important;
}

.span2.insightbtn a {
margin: 0 auto !important;
width: 90% !important;
}

.span2.insightbtn
{
    width: 90% !important;
}
.span5.plan.pricing img, .span5.plan.pricing a
{
    margin-top: 5px !important;
}

.product.content
{
    width: 100% !important;
}
.index.content
{
    width: 100% !important;
    margin: 0 auto ;
}

.offset1.index
{
   width: 90% !important;
}

.span8
{
    width: 96% !important;
}
.contact.span4
{
    width: 96% !important;
    margin-left:0 !important;
}

.contact.row
{
    width: 100% !important;
}

.span16
{
    width:100% !important;
}

.span15
{
    width: 90% !important;
}
.span14
{
    width: 90% !important;
}
.span3.insight.price.offset4
{
    margin-left: 20px !important;
}
.span17 {
width: 40% !important;
}
.span17
{
   width: 85% !important; 
}
.col-md-6
{
    width: 96% !important;
}
#userguide
{
    position: relative !important;
    top: 0 !important;
}

.helplink 
{
    width: 35% !important;
}

.index_go
{
    font-size: 1em !important;
}

    
}



@media (max-width: 419px){
    

.container
{
    width:95% !important; 
}

.product1.content
{
    width: 95% !important;
    padding-bottom: 15px;
}


.hero-unit h1 
{
    font-size: 1em !important;
}

.span3 {width:90% !important; }
.span4{width:90% !important;}
.span5 {width:80% !important;}
.span6{width:90% !important;}

.span11 
{
width: 90%;
}

h2
{
 font-size: 1.5em !important;  
}
h3
{
 font-size: 1.2em !important;  
}
h4 
{
font-size: 1em !important;
}

.offset1
{
    margin-left: 4% !important;
    margin-top: 1% !important;
}

.layoutleft {
width: 90% !important;
}
.column
{
    
    display: block !important;   
}

.nav-collapse.collapse
{
    display: none !important;   
}

header .logo img, .header .logo img 
{
  max-width: 310% !important;
  margin-top: -5px !important;
  position: relative;
  z-index: 1;
}

.navbar-fixed-top, .navbar-fixed-bottom
{
    position: relative !important;
}

.body.content
{
    top: 0 !important;
}

.product-comparison 
{ 
width: 100% !important;
}

.table.table-bordered.table-striped.products {
display: block;
width: 100% !important;
overflow: scroll;
}

.plans
{
      margin-left: 0 !important; 
}

.span5.plan
{
    width: 95% !important;
}

.span13 
{
width: 90% !important;
height: 100% !important;
}

.span2.insightbtn a {
margin: 0 auto !important;
width: 90% !important;
}

.span2.insightbtn
{
    width: 90% !important;
}

.span5.plan.pricing img, .span5.plan.pricing a
{
    margin-top: 5px !important;
}

.product.content
{
    width: 100% !important;
}
.index.content
{
    width: 100% !important;
    margin: 0 auto ;
}

.offset1.index
{
   width: 90% !important;
}


.contact.row
{
    width: 100% !important;
}
.contact.span4
{
    width: 96% !important ;
    margin-left:0 !important;
}

.span16
{
    width:100% !important;
}

.span15
{
    width: 90% !important;
}
.span14
{
    width: 90% !important;
}
.span3.insight.price.offset4
{
    margin-left: 20px !important;
}

.span17 {
width: 96% !important;
}

.col-md-6
{
    width: 96% !important;
}

#userguide
{
    position: relative !important;
    top: 0 !important;
}

.helplink 
{
    width: 35% !important;
    }
    
    .btn-large
{
/* padding: 0 2px !important;
font-size: 7pt !important;   */
}
.index_go
{
    font-size: 1em !important;
}

}


@media only screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio: 1) 
{ 

.feats .iconic
{
   text-indent: 999em !important; 
}   

.iconic.list
{
    background: url(../img/icons/list.jpg) no-repeat !important;
    margin: 0 100px !important;
}

.iconic.cloud_download
{
    background: url(../img/icons/cloud.jpg) no-repeat !important;
    margin: 0 100px !important;
}

.iconic.wrench
{
    background: url(../img/icons/setup.jpg) no-repeat !important;
    margin: 0 100px !important;
}
.iconic.loop_alt2
{
    background: url(../img/icons/access.jpg) no-repeat !important;
    margin: 0 100px !important;
}
.iconic.share
{
    background: url(../img/icons/multi.jpg) no-repeat !important;
    margin: 0 100px !important;
}
.iconic.key_stroke
{
    background: url(../img/icons/private.jpg) no-repeat !important;
    margin: 0 100px !important;
}
.iconic.bars_alt
{
    background: url(../img/icons/data.jpg) no-repeat !important;
    margin: 0 100px !important;
}
.iconic.image
{
    background: url(../img/icons/trend.jpg) no-repeat !important;
    margin: 0 100px !important;
}


}