/* Responsive CSS Styles Table of Contents */

.topbmenu{
	display:none;
	color:#fff
}
.topbmenu li{
	background:#f3f3f3;
	border-bottom:#e8e8e8 1px solid;
	
}
.topbmenu li:hover{
	background:#e8e8e8;
	border-bottom:#dddcdb 1px solid;
}
.solutionnav ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.solutionnav li{
	float:left
}
.solutionnav li a{
	display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;	
}
.solutionnav li a:hover{
	color:#000
}
.solutionnav li a:hover:not(.active) {
    background-color: #f8f8f8;
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
a.logo {
    margin: 1px 0px 0px 50px;
}

}


@media only screen and (min-width: 768px) and (max-width: 999px){
	
	.sticky-wrapper{ height:500px;}
	
.container{ width:94%;}

.topbar-left-items {
    width: 40%;
}
.topbar-right-items {
    width: 40%;
}
.feature-box1{
	margin-top:30px;
}
.pricetable-holder{
	margin-top:30px;
}
.feature-box2{
	margin-top:30px;
}
.feature-box3{
	margin-top:30px;
}
.blog-holder1 .post-infoicon{
	margin-bottom:8px;
}


.feature-box4{
	margin-top:30px;
}
.feature-box6{
	margin-top:30px;
}

.feature-Box38 {
	margin-right:80px;

	
}







}



@media only screen and (min-width: 640px) and (max-width: 767px){


.container{ width:94%;}

.topbar-left-items {
    width: 100%;
}
.topbar-right-items {
    width: 100%;
}
.feature-box1{
	margin-top:30px;
}
.pricetable-holder{
	margin-top:30px;
}
.feature-box2{
	margin-top:30px;
}
.feature-box3{
	margin-top:30px;
}
.blog-holder1 .post-infoicon{
	margin-bottom:8px;
}


.feature-box4{
	margin-top:30px;
}
.feature-box6{
	margin-top:30px;
}
.navbar-nav > li > a {
	background:#f3f3f3
}


}


@media only screen and (min-width: 480px) and (max-width: 639px){
	
.container{ width:94%;}

.topbar-right-items {
    width: 100%;
	display:none
}
.topbar-left-items {
    width: 100%;
	text-align:center
}
.feature-box1{
	margin-bottom:30px;
}
.pricetable-holder{
	margin-bottom:30px;
}
.feature-box2{
	margin-bottom:30px;
}
.feature-box3{
	margin-bottom:30px;
}
.blog-holder1 .post-infoicon{
	margin-bottom:8px;
	 }
.blog-holder1 .col-xs-6 {
    width: 100%;
}


.feature-box4{
	margin-bottom:30px;
}
.feature-box6{
	margin-top:30px;
}




.blog-holder-1 .post-date-box {
    width: 55px;
    height: 55px;
    font-size: 14px;
    padding: 3px 0px 0px;
}
.blog-holder-1 .post-date-box span {
    font-size: 9px;
    padding-top: 0px;
}
.blog-holder-1 .post-date-box.two {
    top: 54px;
}

.error-title-big {
    font-size: 120px;
}


.h1 {
	font-size: 27px;
}
.h2 {
	font-size: 23px;
}
.h3 {
	font-size: 21px;
}
h4 {
	font-size: 18px;
}
.h5 {
	font-size: 16px;
}
.topbmenu{
	display:block
}
.navbar-nav > li > a {
	background:#f3f3f3
}
.navbar-nav{
	display:none
}

}





@media only screen and (max-width: 479px){

.container{ width:94%;}

.topbmenu{
	display:block
}


.topbar-right-items {
    width: 100%;
	display:none
}
.topbar-left-items {
    width: 100%;
	text-align:center
}
.feature-box1{
	margin-bottom:30px;
}
.pricetable-holder{
	margin-bottom:30px;
}
.feature-box2{
	margin-bottom:30px;
}
.feature-box3{
	margin-bottom:30px;
}
.blog-holder1 .post-infoicon{
	margin-bottom:8px;
	 }
.blog-holder1 .col-xs-6 {
    width: 100%;
}


.feature-box4{
	margin-bottom:30px;
}
.feature-box6{
	margin-top:30px;
}

.blog-holder-1 .post-date-box {
    width: 55px;
    height: 55px;
    font-size: 14px;
    padding: 3px 0px 0px;
}
.blog-holder-1 .post-date-box span {
    font-size: 9px;
    padding-top: 0px;
}
.blog-holder-1 .post-date-box.two {
    top: 54px;
}
.blog-holder4 {
	width: 100%;
	float: left;
	border: 1px solid #efefef;
	background-color: #fff;
}

.footer-social-icons {
    margin: 10px 0 0 0;
}
.error-title-big {
    font-size: 120px;
}



.h1 {
	font-size: 27px;
}
.h2 {
	font-size: 23px;
}
.h3 {
	font-size: 21px;
}
h4 {
	font-size: 18px;
}
.h5 {
	font-size: 16px;
}
.navbar-nav > li > a {
	background:#f3f3f3
}
.navbar-nav{
	display:none
}
}