@media only screen and (max-width: 959px) {} @media only screen and (min-width: 768px) and (max-width: 959px) {} @media only screen and (max-width: 767px) {} @media only screen and (min-width: 480px) and (max-width: 767px) {} @media only screen and (max-width: 479px) {}.pricingcontainer * { 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
} .pricingcontainer                                  { position: relative; width: 100%; margin: 0 auto; padding: 0; margin: 0;}
.pricingcontainer dl                               { margin-bottom: 0; margin-top: 0; }
.pricingcontainer dl.plan                               { margin-bottom: 25px }
.pricingcontainer dd                               { margin-left: 0; }
.pricingcontainer .columns 						{ float: left; display: inline; padding-left: 4px; padding-right: 4px; }
.pricingcontainer .one.column,
.pricingcontainer .one.columns,
.pricingcontainer .two.columns,
.pricingcontainer .three.columns,
.pricingcontainer .four.columns,
.pricingcontainer .five.columns,
.pricingcontainer .six.columns,
.pricingcontainer .seven.columns,
.pricingcontainer .eight.columns,
.pricingcontainer .nine.columns,
.pricingcontainer .ten.columns,
.pricingcontainer .eleven.columns,
.pricingcontainer .twelve.columns,
.pricingcontainer .thirteen.columns,
.pricingcontainer .fourteen.columns,
.pricingcontainer .fifteen.columns,
.pricingcontainer .sixteen.columns,
.pricingcontainer .one-third.column,
.pricingcontainer .two-thirds.column  				{ width: 100%; } .pricingcontainer .offset-by-one,
.pricingcontainer .offset-by-two,
.pricingcontainer .offset-by-three,
.pricingcontainer .offset-by-four,
.pricingcontainer .offset-by-five,
.pricingcontainer .offset-by-six,
.pricingcontainer .offset-by-seven,
.pricingcontainer .offset-by-eight,
.pricingcontainer .offset-by-nine,
.pricingcontainer .offset-by-ten,
.pricingcontainer .offset-by-eleven,
.pricingcontainer .offset-by-twelve,
.pricingcontainer .offset-by-thirteen,
.pricingcontainer .offset-by-fourteen,
.pricingcontainer .offset-by-fifteen 				{ padding-left: 0; } @media only screen and (min-width: 480px) {      
.pricingcontainer                                  { }
} @media only screen and (min-width: 767px) {
.pricingcontainer .columns                         { padding-left: 0px; padding-right: 0px;}
.pricingcontainer .one.columns                     { width: 100%; }
.pricingcontainer .two.columns                     { width: 50%; }
.pricingcontainer .three.columns                   { width: 33.33333333%; }
.pricingcontainer .four.columns                    { width: 25%; }
.pricingcontainer .five.columns                    { width: 20%; } .pricingcontainer .offset-by-one                   { padding-left: 6.25%; }
.pricingcontainer .offset-by-two                   { padding-left: 12.5%; }
.pricingcontainer .offset-by-three                 { padding-left: 18.75%; }
.pricingcontainer .offset-by-four                  { padding-left: 25%; }
.pricingcontainer .offset-by-five                  { padding-left: 31.25%; }
.pricingcontainer .offset-by-six                   { padding-left: 37.5%; }
.pricingcontainer .offset-by-seven                 { padding-left: 43.75%; }
.pricingcontainer .offset-by-eight                 { padding-left: 50%; }
.pricingcontainer .offset-by-nine                  { padding-left: 56.25%; }
.pricingcontainer .offset-by-ten                   { padding-left: 62.5%; }
.pricingcontainer .offset-by-eleven                { padding-left: 68.75%; }
.pricingcontainer .offset-by-twelve                { padding-left: 75%; }
.pricingcontainer .offset-by-thirteen              { padding-left: 81.25%; }
.pricingcontainer .offset-by-fourteen              { padding-left: 87.5%; }
.pricingcontainer .offset-by-fifteen               { padding-left: 93.75%; }
}  .pricingcontainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}.plan_features:nth-child(odd){
background: none repeat scroll 0 0 #FAFAFA;
font-size: 13px;
font-weight: bold;
padding: 10px 5px;
}
.plan_features:nth-child(even){
background: none repeat scroll 0 0 #fff;
font-size: 13px;
font-weight: bold;
padding: 10px 5px;
}
.plan_price{
color:#26bdef;
font-size: 35px;
font-weight: bold;
padding: 30px;
text-align: center;background-color: #F5F5F5;
border-bottom: 1px solid #F5F5F5;
}
.plan_title{
background: none repeat scroll 0 0 #555;
color: #FFFFFF;
font-family: helvetica;
font-size: 20px;
font-weight: bold;
padding: 20px;
text-align: center;
}
.plan_title.recommended_plan_title {
background-color: #26bdef;
padding-top: 30px;
margin-top: -5px;
}
.plan{
margin-bottom: 15px;
}
.plan_buy{
border-radius: 0 0 3px 3px;
padding: 20px;
background-color: #F5F5F5;
border-top: 1px solid #EBEBEB;
}
.plan_buy a{
border-radius: 4px 4px 4px 4px;
display: block;
margin: auto;
padding: 10px 5px;
text-align: center;
text-decoration: none;
width: 90px;
color: #fff;
background-color: #26bdef;
}
.plan_buy a:hover{
color: #ddd;	
}
.plan_buy.recommended_plan_title a:hover {
}
.plan_more{
background: none repeat scroll 0 0 #fff;
font-size: 13px;
font-weight: bold;
padding: 10px 5px;
display: none;
}
.more_icon{
background-image: url(//1001atom.com/contents/wp-content/themes/bostan/framework/wp-pricing-table/plus_minus_icons.png);
background-position: 25px -3px;
float: right;
height: 25px;
width: 25px;
}
.more_icon:hover{
cursor: pointer;
}
.less_icon{
background-image: url(//1001atom.com/contents/wp-content/themes/bostan/framework/wp-pricing-table/plus_minus_icons.png);
background-position: 0px -3px;
float: right;
height: 25px;
width: 25px;
}
.less_icon:hover{
cursor: pointer;
}
.plan_features img{
float:left;
}
.feature_desc{
color: #4E4E4E;
font-family: arial;
text-align: center;
}
.pricinghighlight{
color: #333233;
font-family: helvetica;
font-weight: normal;
}  @media only screen and (min-width: 768px) and (max-width: 959px) {
}  @media only screen and (min-width: 320px) and (max-width: 767px) {
.plan_title{
width:45%;
float:left;
border-radius:3px 0 0 0;
}
.plan_price{
width:55%;
padding:20px 2%;
border-top:none !important;
float:left;
}  
.plan_more{
display: block;
clear: both;
}
.plan_buy{
padding: 10px;
}
.plan > dd {
height: 0;
overflow: hidden;
padding:0 !important;
opacity: 0;
filter: alpha(opacity=0); -webkit-transition: opacity 0.9s ease-in-out;
-moz-transition: opacity 0.9s ease-in-out;
-o-transition: opacity 0.9s ease-in-out;
-ms-transition: opacity 0.9s ease-in-out;
transition: opacity 0.9s ease-in-out;
}
.plan:target > dd{
padding: 10px 5px !important;
height: auto;
opacity: 1;
filter: alpha(opacity=100); }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
#pricing_plan4,#pricing_plan3,#pricing_plan2,#pricing_plan1{
width: 50%;
}
.plan_title{
width:auto;
float:none;
border-radius: 3px 3px 0 0;
}
.plan_price{
width:auto;
float:none;
border-top: 1px solid #F83333;
}
.plan_more{
display: none;
}
.plan > dd {
padding: 10px 5px !important;
height:auto;
opacity: 1;
filter: alpha(opacity=1); -webkit-transition: opacity 0.9s ease-in-out;
-moz-transition: opacity 0.9s ease-in-out;
-o-transition: opacity 0.9s ease-in-out;
-ms-transition: opacity 0.9s ease-in-out;
transition: opacity 0.9s ease-in-out;
}
}