/* Responsive CSS Styles Table of Contents */


@media only screen and (min-width: 1000px) and (max-width: 1169px){
a.logo {
    margin: 1px 0px 0px 50px;
}


.layout-1-section4 .right {
	width: 50%;
	padding: 80px 40px 40px 30px;
}
.feature_section1 .box i {
    height: 78px;
	width: 78px;
    line-height: 75px;
    font-size: 27px;
	margin: -65px 0px 0px 54px;
}
.feature_section1 .linebtn.one{
	padding:8px 20px;
}
.feature_section1 .box i {
	margin-left: 110px;
}
.feature_section1 .box {
	width: 100%;
	margin: 0 auto 50px auto;
}
.pricing-table .btn-2 {
	font-size: 11px;
	padding: 11px 4px;
}
.table-content {
	padding: 20px ;
	border:solid 12px #4d8bf5;
}	
}


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

.logo {
	width: 50%;
}
.topbar-1 .left {
	width: 60%;
}
.topbar-1 .right {
	width: 40%;
}
.menu_main {
	width: 97%;
	position: absolute;
}
.team-box1 .hover-box {
	width:100%;
	top: 340px;
	padding-left:40px;
	padding-right:40px;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
	top: 200px;
}
.layout-1-section2 .cirbox {
	width: 100%;
	margin: 0 auto;
}
.layout-1-section2 .cir1 {
	float: left;
	width: 150px;
	height: 150px;
	padding: 10px 5px 0px 5px;
	margin: 0px 10px;
}
.layout-1-section3 .slidesec {
	padding: 20px 5px;
}
.layout-1-section3 .slidesec .contentbox {
	padding: 20px 5px;
}
.layout-1-section4 .left {
	float: left;
	width: 30%;
}
.layout-1-section4 .right {
	width: 70%;
	padding: 80px 10px 40px 30px;
}
.pricing-table .btn-2 {
	font-size: 11px;
	padding: 11px 4px;
}
.text-big {
	font-size:52px;
	line-height:52px;
}
.demo1_blog .share-icon {
	margin-left:162px;
}
.feature_section7 .contbox{
	width:100%;
	float:left;
	background-color: #f1f1f1;
	padding:20px 20px;
}
.feature_section1 .box i {
    height: 68px;
	width: 68px;
    line-height: 65px;
    font-size: 27px;
	margin: -59px 0px 0px 35px;
}
.feature_section1 .linebtn.one{
	padding:8px 14px;
}
.feature_section1 .box i {
	margin-left: 110px;
}
.feature_section1 .box {
	width: 100%;
	margin: 0 auto 50px auto;
}
.feature_section3  i{
	margin-left:134px;
}
.table-content {
	padding: 20px ;
	border:solid 12px #4d8bf5;
}
}



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


.container{ width:94%;}
.logo {
	width: 50%;
}
.topbar-1 .left {
	width: 60%;
}
.topbar-1 .right {
	width: 40%;
}
.menu_main {
	width: 97%;
	position: absolute;
}
.team-box1 .hover-box {
	width:100%;
	top: 340px;
	padding-left:40px;
	padding-right:40px;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
	top: 200px;
}
.layout-1-section2 .cirbox {
	width: 100%;
	margin: 0 auto;
}
.layout-1-section2 .cir1 {
	float: left;
	width: 150px;
	height: 150px;
	padding: 10px 5px 0px 5px;
	margin: 0px 10px;
}
.layout-1-section3 .slidesec {
	padding: 20px 5px;
}
.layout-1-section3 .slidesec .contentbox {
	padding: 20px 5px;
}
.layout-1-section4 .left {
	float: left;
	width: 30%;
}
.layout-1-section4 .right {
	width: 70%;
	padding: 80px 10px 40px 30px;
}
.pricing-table .btn-2 {
	font-size: 12px;
	padding: 11px 14px;
}
.text-big {
	font-size:52px;
	line-height:52px;
}
.demo1_blog .share-icon {
	margin-left:162px;
}
.feature_section7 .contbox{
	width:100%;
	float:left;
	background-color: #f1f1f1;
	padding:20px 20px;
}
.feature_section1 .box i {
	margin-left: 200px;
}
.feature_section1 .box {
	width: 100%;
	margin: 0 auto 50px auto;
}
.feature_section3  i{
	margin-left:134px;
}

}

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

.logo {
	width: 100%;
}
.topbar-1 .left {
	width: 100%;
	text-align: left;
}
.topbar-1 .right {
	width: 100%;
	text-align: left;
}
.topbar-1 ul.topsocial {
	float: left;
}
.menu_main {
	width: 97%;
	position: absolute;
}

.team-box1 .hover-box {
	padding-left:30px;
	padding-right:30px;
}
.layout-1-section2 .cir1 {
	margin: 10px 10px;
}
.layout-1-section3 .slidesec {
	padding: 20px 5px;
}
.layout-1-section3 .slidesec .contentbox {
	padding: 20px 5px;
}
.layout-1-section2 .cir1 {
	margin: 10px 10px;
}
.cirbut2 {
	display:none;
}
.layout-1-section4 .left {
	float: left;
	width: 100%;
}
.layout-1-section4 .right {
	width: 100%;
	padding: 10px 10px 40px 30px;
}
.text-big {
	font-size:42px;
	line-height:42px;
}
.demo1_blog .share-icon {
	margin-left:222px;
}
.feature_section7 .contbox{
	width:100%;
	float:left;
	background-color: #f1f1f1;
	padding:20px 20px;
}
.feature_section7  .btn3{
	display:none;
}

.feature_section1 .box i {
	margin-left: 75px;
}
.feature_section1 .box {
	width: 100%;
	margin: 0 auto 50px auto;
}
.feature_section3  i{
	margin-left:214px;
}
.less6 {
	width: 100%;
}
}


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

.container{ width:94%;}
.logo {
	width: 100%;
}
.topbar-1 .left {
	width: 100%;
	text-align: left;
}
.topbar-1 .right {
	width: 100%;
	text-align: left;
}
.topbar-1 ul.topsocial {
	float: left;
}
.menu_main {
	width: 97%;
	position: absolute;
}
.team-box1 .hover-box {
	padding-left:30px;
	padding-right:30px;
}
.layout-1-section2 .cir1 {
	margin: 10px 10px;
}
.layout-1-section3 .slidesec {
	padding: 20px 5px;
}
.layout-1-section3 .slidesec .contentbox {
	padding: 20px 5px;
}

.cirbut2 {
	display:none;
}
.layout-1-section4 .left {
	float: left;
	width: 100%;
}
.layout-1-section4 .right {
	width: 100%;
	padding: 10px 10px 40px 30px;
}
.text-big {
	font-size:42px;
	line-height:42px;
}
.demo1_blog .share-icon {
	margin-left:222px;
}

.feature_section7  .btn3{
	display:none;
}

.feature_section1 .box i {
	margin-left: 75px;
}
.feature_section1 .box {
	width: 100%;
	margin: 0 auto 50px auto;
}
.feature_section3  i{
	margin-left:214px;
}
.less6 {
	width: 100%;
}

}