/*-----------------------------------------------*/
/*Width Definition*/
/*-----------------------------------------------*/

.tenth {
	width:100%;
}
.eigth{
	width:80%;
}
.sixth{
	width:60%;
}
.fourth{
	width:40%;
}
.second{
	width:20%;
}
.half{
	width:50%;
}

/*-----------------------------------------------*/
/*Color Definition*/
/*-----------------------------------------------*/

.white {
	color:#fff;
}
.white_background {
	background-color:#fff;
}
.white_hover:hover {
    text-decoration: none;
    color: #fff;
}

.black {
	color:#000;
}
.black_background {
	background-color:#000;
}

/*mouse over for blocks (product, details, core e.g.)*/
.grey_block_hover_background:hover {
	background-color:#f2f2f2;
}

.grey_light {
	color:#d9d9d9;
}
.grey_light_background {
	background-color:#d9d9d9;
}

.grey_mid {
	color:#a6a6a6;
}

.grey_mid_dark {
	color:#808080;
}

.grey_dark {
    color: #3b3b3b;
}
.grey_dark_background {
    background-color: #3b3b3b;
}
.grey_dark_hover:hover {
    text-decoration: none;
    color: #3b3b3b;
}

.blue {
	color:#0070c0;
}

.blue_light_background{
	background-color:#4472c4;
}

.blue_background {
	background-color:#0070c0;
}
.blue_dark_hover:hover {
    text-decoration: none;
    color: #005490;
}

.green {
	color:#5a8b39;
}
.green_background {
	background-color:#5a8b39;
}
 .green_dark {
	color:#2d451d;
}

.green_light {
    color: #83B262; 
}
.green_light_background {
    background-color: #83b262; 
}

.yellow {
	color:#f0b504;
}
.yellow_background {
	background-color:#f0b504;
}

.yellow_dark {
	color:#7f6000;
}

.yellow_dark_hover {
	color:#7f6000;
}

.orange {
	color:#ff6700;
}
.orange_background {
	background-color:#ff6700;
}
.orange_dark {
	color:#7f3400;
}

.violett {
	color:#442359;
}
.violett_background {
	background-color:#442359;
}

.black_top_header_background {
    background-color: rgba(29, 29, 29, 0.9);
}

.black_light_top_header_background {
    background-color: rgba(29, 29, 29, 0.4);
}

.black_footer_background {
    background-color: #252525;
}

.red{
    color:#FF0000;
}

.golden{
    color:#BF9000;
}

.light_green{
    color:#5A8B39;
}

.light_blue{
    color:#0070C0;
}

.purple{
    color:#653E76;
}


/*-----------------------------------------------*/
/*WhiteSpace Definitions*/
/*-----------------------------------------------*/
.whiteSpace_10{
    padding: 10px 0;
}
.whiteSpace_20 {
    padding: 20px 0;
}
.whiteSpace_30 {
    padding: 30px 0;
}
.whiteSpace_50 {
    padding: 50px 0;
}
.whiteSpace_60 {
    padding: 60px 0;
}
.whiteSpace_80 {
    padding: 80px 0;
}

/*-----------------------------------------------*/
/*General Definitions*/
/*-----------------------------------------------*/

img {
    max-width: 100%;
}

a:hover, a:focus, a:active, a:visited{
    outline:none;
    border: none;
    text-decoration: none;
    color: none;
}

.noborder {
    border: none !important;
}

.displaytable{
    display:table;
}

p,ul, ul li{
    font-size: 16px;
}

.clear{
    clear:both;
}

.condensed{
    display: inline-block;
    letter-spacing: -1.5px;
    text-indent: -2.5px;
}
/*-----------------------------------------------*/
/*Global Styles*/
/*-----------------------------------------------*/


/*Top Header Menu Icon*/

.menu_bars {
    color: #fff;
    cursor: pointer;
    font-size: 30px !important;
    text-align: right;
    height: 40px;
    width: 40px;
    display: inline-block;
}


/*Menu Block*/
/*-----------------------------------------------*/

.menu_area {
    width: 280px;
    float: right;
    transition: all 0.5s ease 0s;
    background-color: #F0B504;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 10;
    padding: 0px;
}

.menu_top_header {
    width: 100%;
    float: left;
}

.menu_close {
    position: relative;
    font-size: 24px !important;
    cursor: pointer;
    float: right;
    width: 24px;
	height:24px;
	color:#a77d00;
	text-align:center;
	margin-top:5px;
}
.menu_close i{
	vertical-align:top;
}

.menu_area_open {
    right: 0;
    padding: 20px;
}

.menu_content {
    float: left;
    width: 100%;
}

.menu_link {
    display: block;
    padding: 10px 0;
    color: #a77d00;
    font-family: "open sans";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    transition: all 0.5s;
    position: relative;
}

.menu_link:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 10%;
    height: 1px;
    background-color: #454545;
    transition: all 0.5s;
}

.menu_link:hover {
    text-decoration: none;
    color: #fff !important;
}

.menu_link:hover:after {
    background-color: #fff;
    width: 60%;
}

.menu_bars {
    color: #fff;
    cursor: pointer;
    font-size: 30px !important;
    text-align: right;
    height: 40px;
    width: 40px;
    display: inline-block;
}

.menuitem {
	height: 40px;
    width: 40px;
	color:#FFF;
	display:inline-block;
	margin-left:15px;
}

.menuitem .backlink{
	background: rgba(0, 0, 0, 0) url("../../images/backlink.png") no-repeat scroll center center;
    border: medium none;
    height: 40px;
    text-indent: -3000px;
    white-space: nowrap;
    width: 40px;
	font-family:"open sans";
}

.menuitem .backlink:hover{
	text-indent:-240px;
}

.menuitem:hover{
	background:rgba(0,0,0,0.2)
}


/*Menu Block Language*/

.languages {
    width: 80%;
    float: left;
    margin-bottom: 30px;
    padding: 5px 0;
}

.lang {
    display: inline-block;
}

.lang > a {
    margin: 0 5px;
}


/*Product Heading Panel*/
/*-----------------------------------------------*/
/*Can be overwritten at product CSS if needed*/
.product_heading {
    position: relative;
    padding: 15px 0 15px 0;
}

.product_heading_text {
    font-family: "open sans";
    font-weight: 100;
    font-size: 20px;
    /* text-transform: capitalize; */
}

.product_heading_down_arrow {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.product_heading_arrow_section {
    width: 50%;
    float: left;
    background-color: transparent;
}

.product_heading_left_down_arrow {
    float: right;
    border-left: 25px solid transparent;
    border-top: 20px solid #3b3b3b;
}

.product_heading_right_down_arrow {
    float: left;
    border-right: 25px solid transparent;
    border-top: 20px solid #3b3b3b;
}


/*Testimonial Heading Panel*/
/*-----------------------------------------------*/

.testimonial_heading {
    position: relative;
    padding: 10px 0 10px 0;
}

.testimonial_heading_text {
    font-family: "open sans";
    font-weight: 100;
    font-size: 20px;
    /* text-transform: capitalize; */
}


/*Testimonial Block*/
/*-----------------------------------------------*/

.testimonial {
    padding: 100px 0;
    text-align: center;
}

.testimonial_tab {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.testimonial_text {
    font-family: "open sans";
    font-size: 20px;
    position: relative;
}

.testimonial_quotes {
    font-size: 32px !important;
    top: -5px;
}

.dots_divider {
    margin: 10px auto;
}

.testimonial_dots {
    width: 15px;
    height: 2px;
    display: inline-block;
}

.testimonial_customer {
    font-family: "open sans";
}

.testimonial_customer_name {
    font-size: 16px;
    font-weight: 100;
}

.testimonial_customer_company {
    font-size: 16px;
    font-weight: 100;
}


/*Clients Logos Block*/
/*-----------------------------------------------*/

.clients {
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
}


/*More Details Heading Panel*/
/*-----------------------------------------------*/
/*Can be overwritten at product CSS if needed*/
.more_details_heading {
    position: relative;
    padding: 15px 0 15px 0;
}

.more_details_heading_text {
    font-family: "open sans";
    font-weight: 100;
    font-size: 20px;
    /*text-transform: capitalize;*/
}

.more_details_down_arrow {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 1;
}

.more_details_arrow_section {
    width: 50%;
    float: left;
    background-color: transparent;
}

.more_details_left_down_arrow {
    float: right;
    border-left: 25px solid transparent;
    border-top: 20px solid #f0b504;
}

.more_details_right_down_arrow {
    float: left;
    border-right: 25px solid transparent;
    border-top: 20px solid #f0b504;
}


/*Contact Block*/
/*-----------------------------------------------*/

.button_tabs {
    padding: 60px 0;
    text-align: center;
    font-family: "open sans";
}

.button_block {
    display: inline-block;
    margin: 0 10px;
	min-width:215px;
}

.contact {
    text-transform: uppercase;
    border: 1px solid #FF6700;
    padding: 15px 30px;
    color: #0070c0;
    transition: all 0.5s;
    font-size: 16px;
    font-weight: bold;
    width:100%;
}

.button_block > p {
    margin-top:5px;
    font-size: 11px;
    font-family: "open sans";
    color: #888;
}

.contact:hover {
    color: #ffffff;
    background-color: #FF6700;
}

a.contact:visited,a.contact:focus{
    border: 1px solid #FF6700;
}


/*Footer Block*/
/*-----------------------------------------------*/

footer{
    padding:60px 0 50px 0;
    text-align: center;
    float: left;
    width: 100%;
}

.footer_line{
	width:100%;
	border-bottom:1px solid #4cae4c;
}

.footer_info{
    font-family: "open sans";
    font-size:16px;
    text-align: left;
    padding:20px 30px;
    float: left;
    width:80%
}



/*--------------------------------------------------------------*/
/*Product Page*/
/*--------------------------------------------------------------*/

/*product panel with square image*/
/*add square image otherwise it will be stretched to square*/
/*default: 120*120 px*/

/*product panel with rectangel image*/
/*add rectangle image otherwise it will be stretched*/
/*default: 360*153 px*/


/*Gap between image and text*/
.product-imagewrap {
	margin:0 60px 0 0;
}

.pull-right.product-imagewrap{
	margin:0 0 0 60px;
}

/*center whole panel*/
.centerblock{
	display:table;
	margin:0 auto;
	width:100%;
}

.sticky {
     position: fixed; 
     width: 100%; 
     left: 0; 
     top: 0; 
     z-index: 8; 
     border-top: 0;
}

.clone ul {
    padding:0;
    margin:0;
}

.sticky_top { /*position: -webkit-sticky;*/ }

/*topic navigation used if there are two menu level*/
#firstnav a{
	color:#FFF
}
#firstnav a.active{
	background:#0077c0;
}
#firstnav ul{
	margin-bottom:0;
	z-index:9999;
}

/*default topic navigation with one menu level*/
.secondnav ul {
	display:none;
}
.secondnav ul:first-child{
	display:block;
}
.tooltips span:last-child{
	display:none !important;
}
.second-nav {
     text-align: center;
}

.second-nav ul {
     margin: 0; 
     padding: 0;
}

.second-nav ul li {
     display: inline;
}

.second-nav ul li a {
     padding: 26px 20px; 
     display: inline-block; 
     color: #a5a5a5; 
     text-decoration: none; 
     font-size: 16px; 
     font-family: "open sans";
}

.second-nav ul li a span {
     padding-bottom: 5px; 
     padding-left: 5px; 
     padding-right: 5px;
}

.second-nav ul li a:hover span, .second-nav ul li.active span {
     border-bottom: 5px solid #5c8a3e; 
     padding-left: 5px; 
     padding-right: 5px;
}

.title-bar {
     position: relative; 
     padding: 20px 0; 
     background-color: #5B5B5B;
}

.title-bar h1 {
     font-family: "open sans"; 
     color: #aeaeae; 
     font-weight: 500; 
     font-size: 20px; 
     text-transform: capitalize; 
     padding: 0; 
     margin: 0; 
     font-size: 24px;
     min-height:26px;
}

.title-bar h1 span.white {
     color: #fff;
}

.product-content1 {
     overflow: hidden; 
     margin: 0 auto;
}

.product-content1 h1 {
     font-size: 30px; 
     text-align: center; 
     margin-top: 60px;
}

.product-content1 h2 {
     font-size: 26px; 
     padding: 0; 
     margin: 0; 
     margin-bottom: 20px;
}

.product-content1 img {
     width: 100%;
}

.product-content1 p {
     font-size: 16px;
}

.product-content1 .border-bottom {
     border-bottom: 1px solid #ccc; 
     margin-top: 60px; 
     padding-bottom: 60px;
}

.product-content1 .right {
     float: right;
}

/** General Class**/
/*-------------------------------------------------------------*/
ul.panellist{
    padding-left:15px;
}

p.smalltext{
    font-size:15px;
}

.wrapper{
    padding: 40px 0;
}
.maintitle{
    
}
.subtitle{
    font-size:24px;
    margin: 10px 0;
}
.highlight{
    font-size: 12px;
    padding:6px 8px;
    display:inline-block;
    color:#FFF;
}

/*Purchase Plan Block*/
/*--------------------------------------------------------------*/

.plan {
     background-color: #5a8b39; 
     padding: 50px 0px; 
     overflow: hidden; 
     position: relative;
}

.plan:after {
     border-color: #ffffff transparent transparent; 
     border-style: solid; 
     border-width: 15px 20px 0; 
     content: ""; 
     height: 0; 
     left: 0; 
     margin: 0 auto; 
     position: absolute; 
     right: 0; 
     width: 0; 
     z-index: 7; 
     top: 0px;
}

.plan .block {
     width: 55%; 
     margin: 0 auto; 
     overflow: hidden;
}

.plan .box {
     width: 100%; 
     border: 1px solid #6f9a52; 
     border-radius: 5px; 
     text-align: center; 
     transition: all 0.3s;
}

.plan .box ul > li:last-child {
     border-bottom: 1px solid transparent;
}

.plan .box:hover {
     background-color: #fff; 
     border-color: #fff;
}

.plan .box:hover h1 {
     color: #0b76c2;
}

.plan .box:hover h2 {
     color: #5c5c5c;
}

.plan .box:hover li {
     color: #a7a7a7;
}

.plan .box a {
     display: block; 
     color: #fff; 
     font-family: "open sans"; 
     text-decoration: none;
}

.plan .box a h1 {
     padding: 0; 
     margin: 0; 
     font-size: 26px; 
     font-weight: 600; 
     padding: 20px 0px !important; 
     border-bottom: 1px solid #6f9a52;
}

.plan .box a h2 {
     padding: 0; 
     margin: 0; 
     font-size: 20px; 
     padding: 15px 0px !important; 
     border-bottom: 1px solid #6f9a52;
}

.plan ul {
     padding: 0; 
     margin: 0px 30px;
}

.plan ul li {
     list-style: none; 
     font-size: 15px; 
     font-weight: normal; 
     border-bottom: 1px solid #6f9a52; 
     padding: 10px 0;
}


/*--------------------------------------------------------------*/
/*Support Home Page*/
/*--------------------------------------------------------------*/


/*Breadcrumb*/
/*--------------------------------------------------------------*/

.page_path{
    padding: 25px 0;
}

.page_path > a:last-child:after{
    content: '';
}

.path_links{
    padding-right: 15px;
    /* text-transform: capitalize; */
    font-family: "open sans";
    font-size:16px;
}

.path_links:after{
content: '/';
    margin-left: 15px;
}


/*Support Heading Panel*/
/*--------------------------------------------------------------*/
.get_help_block {
    padding: 15px 0;
}

.after_header_block {
    padding-top: 70px;
}

.support_home_heading {
    font-family: "open sans";
    font-weight: bold;
    font-size: 24px;
    /* text-transform: capitalize; */
}

.help_div {
    padding: 40px 0;
}


/*Support Topic Tiles*/
/*--------------------------------------------------------------*/
.block {
    min-height: 250px;
    padding: 0 15px;
    margin-bottom: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.help_topic_heading {
    font-family: "open sans";
    /* font-weight: bold; */
    font-size: 20px;
    /* text-transform: capitalize; */
    position: relative;
    padding: 10px 0;
}

.heading_underline {
    content: '';
    position: relative;
    left: 0;
    bottom: 0;
    width: 80%;
    height: 2px;
    margin: 0 -15px 30px -15px;
}

.help_topics {
    font-family: "open sans";
    font-weight: normal;
    font-size: 16px;
    /* text-transform: capitalize; */
    transition: all 0.5s;
    padding: 2px 0;
    display: block;
}

.user_help_topics:hover {
    text-decoration: none;
    /* color: #3b3b3b; */
}


/*--------------------------------------------------------------*/
/*Support Menu Page*/
/*--------------------------------------------------------------*/

.after_header_block {
    padding-top: 70px;
}

.tab_heading{
    font-family: "open sans";
    font-size:20px;
    text-transform: capitalize;
    background-color: transparent;
    transition: all 0.3s;
}

.vert_tab{
    /*background-color: #ebebeb;*/
}

.tab-content {
    margin-left: 45px;
}
.tab-content .tab-pane {
    display: none;
    padding:0px 20px 20px 10px ;
    overflow-y: auto;
}
.tab-content .active {
    display: block;
}

.tabs-left {
    margin-top: 3rem;
}

.nav-tabs {
    float: left;
    border-bottom: 0;
}
.nav-tabs li {
    float: none;
    margin: 0;
    transition: all 0.1s;
}

.nav-tabs li a {
    margin-right: 0;
    border: 0;
    background-color: #fff;
    border-radius:0px;
    padding:20px 15px;
    color: #828282;
    transition: all 0.3s;
}

.nav-tabs li a:hover {
    background-color: #d9d9d9;
    color: #828282;
}

.nav-tabs li.active:hover {
    background-color: #D9D9D9;
}

.nav-tabs > li.active > a{
    background-color: transparent !important;
    transition: all 0.5s;
    font-weight:700;
}

.nav-tabs .glyphicon {
    color: #fff;
}
.nav-tabs .active .glyphicon {
    color: #333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0;
    color:#328CCC;
}

/*right menu*/
.panel_links{
    font-family: "open sans";
    font-weight:normal;
    font-size:16px;
    color:#828282;
    padding:20px 10px;
    border-bottom: 1px solid #828282;
    display: block;
    position: relative;
    /*transition: all 1s;*/
}

.panel_links:hover{
    color:#828282;
    border-bottom: 1px solid #828282;
    background-color: #D9D9D9;
}

.tab-pane > .panel_links:last-child{
    border-bottom:none;
}


/*--------------------------------------------------------------*/
/*Content Detail Page*/
/*--------------------------------------------------------------*/


/*Screencast Content Panel*/
/*--------------------------------------------------------------*/

.screen_cast{
    padding:30px 0;
}

.screencast_duration{
    font-family: "open sans";
    font-size:10pt;
    margin-bottom:10px;
}

.screen_cast_image{
    width:100%;
    text-align: center;
    margin:0 auto;
    margin-bottom: 30px;

}

.image_center {
    text-align: center;
    width: auto;
    border:1px solid grey;
	display:table;
	margin:0 auto;
}

.detail_h1{
    font-family: "Open Sans Semibold";
    font-weight: 600;
    font-size:24pt;
    padding:15px 0;
}

.detail_text{
    font-family: "open sans";
    font-size: 12pt;
    padding:10px 0;
}

.detail_h2{
    font-family: "Open Sans Semibold";
    font-weight: 600;
    font-size:16pt;
    padding:10px 0;
}

.detail_normal_h2{
    font-family: "Open Sans";
    font-weight: 300;
    font-size:16pt;
    padding:10px 0;
}

.detail_h3{
    font-family: "Open Sans Semibold" ;
    font-weight:600;
    font-size: 14pt;
    padding:10px 0;
}

.detail_h4{
    font-family: "Open Sans Semibold" ;
    font-weight:600;
    font-size: 14pt;
}


.detail_image{
    float: left;
    width:100%;
    padding:0 15px;
}

.image_wrap_left{
    float: left;
    margin-right:20px;
    border:1px solid grey;
}

.image_wrap_right{
    float: right;
    margin-right:20px;
    border:1px solid grey;
}


/****************************
		Topic Block 
 ****************************/

.topicblock {
    display: table;
}
.block_square {
     width:20%;/*resize the block size*/
}
.block_rectangle {
     width:40%;/*resize the block size*/
}
.topicinnerblock {
    float:left;
    display:table;
    font-family:"open sans";
    position:relative;
}
/*if no image class is set, then image will fit with the width*/
.topicinnerblock img {
    max-width:100%;
}
/*for small image it will be at center*/
.topicinnerblock img.centerImage {
    width:auto;
}
/*image will be at background and you can add text*/
.topicinnerblock img.backgroundImage {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}
.topicinnerblock p {
    padding:10px 5px;
    z-index:2;
    color:#FFF;
    position:relative;
    margin:0;
}
.topicwrapblock {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}



/*************************
		 ToolTip
**************************/

.qtip {
position:absolute;
left:-28000px;
top:-28000px;
display:none;
max-width:280px;
min-width:50px;
font-size:10.5px;
line-height:12px;
direction:ltr;
box-shadow:none;
padding:0;
}

.qtip-content {
position:relative;
overflow:hidden;
text-align:left;
word-wrap:break-word;
padding:5px 9px;
}

.qtip-titlebar {
position:relative;
overflow:hidden;
font-weight:700;
border-width:0 0 1px;
padding:5px 35px 5px 10px;
}

.qtip-titlebar + .qtip-content {
border-top-width:0!important;
}

.qtip-close {
position:absolute;
right:-9px;
top:-9px;
z-index:11;
cursor:pointer;
outline:medium none;
border:1px solid transparent;
}

.qtip-titlebar .qtip-close {
right:4px;
top:50%;
margin-top:-9px;
}

* html .qtip-titlebar .qtip-close {
top:16px;
}

.qtip-titlebar .ui-icon,.qtip-icon .ui-icon {
display:block;
text-indent:-1000em;
direction:ltr;
}

.qtip-icon,.qtip-icon .ui-icon {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
text-decoration:none;
}

.qtip-icon .ui-icon {
width:18px;
height:14px;
line-height:14px;
text-align:center;
text-indent:0;
font:normal bold 10px/13px Tahoma,sans-serif;
color:inherit;
background:transparent none no-repeat -100em -100em;
}

.qtip-default {
border:1px solid #F1D031;
margin-top:10px;
background-color:#FFFFA3;
color:#555;
}

.qtip-default .qtip-titlebar {
background-color:#FFEF93;
}

.qtip-default .qtip-icon {
background:#F1F1F1;
color:#777;
border-color:#CCC;
}

.qtip-default .qtip-titlebar .qtip-close {
color:#111;
border-color:#AAA;
}

.qtip-rounded,.qtip-tipsy,.qtip-bootstrap {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.qtip-rounded .qtip-titlebar {
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}

.qtip-custom {
font-family:"open sans";
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:2px solid #5A8B39;
background-color:#f1f1f1;
}

.qtip-custom .qtip-titlebar {
background-color:rgba(0,0,0,0);
}

.qtip-custom .qtip-content {
font-family:'Open Sans';
font-weight:300;
font-size:14px;
line-height:22px;
padding:.75em;
}

.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar {
filter:none;
-ms-filter:none;
}

.qtip-custom .qtip-icon,.qtip-custom .qtip-titlebar .ui-state-hover {
border-color:#5A8B39;
}


@media only screen and (max-width: 1024px) {
	.eigth,.sixth,.fourth,.second,.half{
		width:80%;
	}
}

@media only screen and (min-width: 1024px) {
    
    .product_block {
        text-align: center;
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.eigth,.sixth,.fourth,.second,.half{
		width:80%;
	}
    .banner_main_heading {
        font-size: 24px;
    }

    .banner_sub_heading {
        font-size: 18px;
    }

    .container_type {
        width: 90%;
        margin: 0 auto;
    }

    .product_block {
        text-align: center;
        padding: 20px 35px;
    }
}

@media only screen and (max-width: 980px) {
    
}
@media only screen and (max-width: 767px) {
.after_header{
        position: relative;
        margin-top:66px;
    }
    .top_header{
        background-color: rgba(69,69,69,0.9);
    }

    .banner_main_heading {
        font-size: 18px;
    }

    .banner_sub_heading {
        font-size: 14px;
    }

    .container_type {
        width: 90%;
        margin: 0 auto;
    }

    .product_block {
        text-align: center;
        padding: 20px 35px;
    }

    .testimonial_tab{
        width:90%;
    }

    .review{
        font-size:16px;
    }

    .info{
        width:100%;
        float: none;
        text-align: center;
    }

    .comparo{
        display: none;
    }
	
    .plan .box {
        margin-bottom:20px;
    }

    .more_details_block_titel{
        font-size:20px;
    }
    .qtip {
        display:none !important;
    }
    .block_square{
        width:50% !important;
    }
    .block_rectangle{
        width:100% !important;
    }
}
@media only screen and (max-width: 480px) {
    .title-bar h1{
        font-size: 18px;
        line-height: 26px;
    }
    .eigth,.sixth,.fourth,.second,.half{
            width:100%;
    }
    .pull-right.product-imagewrap,.pull-left.product-imagewrap{
            padding: 0;
            float:none !important;
            margin:0 0 20px 0;
    }
    .pull-right.product-imagewrap img, .pull-left.product-imagewrap img{
            width:auto;
            display:block;
            margin:0 auto;
    }
}
@media only screen and (max-width: 380px) {
    .title-bar h1{
        font-size: 16px;
    }
}
@media only screen and (max-width: 320px) {
    .title-bar h1{
        font-size: 14px;
    }
}