/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.container {
	width: 1000px;
	margin: auto;
}



}



@media only screen and (min-width: 768px) and (max-width: 999px){


.container {
	width: 747px;
	margin: auto;
}
.logo {
	width: 50%;
}
.menu_main {
	width: 93%;
	position: absolute;
}

.top_nav .left {
	width: 60%;
}
.top_nav .right {
	width: 40%;
}
.slidermar {
	margin-top: 0px;
}
.feature_section1 p {
	font-size:14px;
}
.feature_section1 .box {
	margin-top:0px;
}
.feature_section1 .box i {
	margin: 30px 0px 0px 27px;
}
.linebg_1{
	margin-bottom:40px;
}
.feature_section7 .clients-grid li, .testimonials-grid li {
	width: 25%;
}

.feature_section8 .box{
	float: left;
	width: 75%;
	padding:20px 50px ;
	text-align: center;
	background-color:#ff5252;
	margin-left:100px;
}

}


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



.container {
	width: 747px;
	margin: auto;
}
.logo {
	width: 50%;
}
.menu_main {
	width: 93%;
	position: absolute;
}

.top_nav .left {
	width: 60%;
}
.top_nav .right {
	width: 40%;
}
.slidermar {
	margin-top: 0px;
}
.feature_section1 p {
	font-size:14px;
}
.feature_section1 .box {
	margin-top:0px;
}
.feature_section1 .box i {
	margin: 30px 0px 0px 27px;
}
.linebg_1{
	margin-bottom:40px;
}
.feature_section7 .clients-grid li, .testimonials-grid li {
	width: 25%;
}

.feature_section8 .box{
	float: left;
	width: 75%;
	padding:20px 50px ;
	text-align: center;
	background-color:#ff5252;
	margin-left:100px;
}

}


@media only screen and (min-width: 480px) and (max-width: 639px){

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 440px;
	margin: auto;
}

.logo {
	width: 90%;
}
.menu_main {
	width: 93%;
	position: absolute;
}
.top_nav .left {
	width: 100%;
	text-align: left;
	font-size: 11px;
}
.top_nav .right {
	width: 100%;
	text-align: left;
	font-size: 11px;
}
.top_nav ul.topsocial {
	float: left;
}
.top_nav .topsocial li {
	margin: 0px 8px 0px 0px;
}
.feature_section1 h2 {
	font-size:21px;
}
.feature_section1 p {
	font-size:14px;
}
.feature_section1 .box {
	margin-top:0px;
}
.feature_section1 .box i {
	margin: 30px 0px 0px 90px;
}
.linebg_1{
	margin-bottom:40px;
}
.feature_section1 .one_fourth_less{
	margin:10px 0px;
}
.feature_section2 h2 {
	font-size:21px;
}
.feature_section3 .left {
	width: 100%;
}
.feature_section3 .right {
	width: 100%;
}
.feature_section4 .counters7 {
	float:left;
	width:100%;
	font-size:23px;
}
.feature_section4 .one_fifth {
	float:left;
	width:20%;
}
.feature_section4  h5 {
	font-size:12px;
}
.feature_section4 i {
	font-size:18px;
}
.feature_section5 li.post_comments {
	float:left;
	padding:0px 0px;
}
.feature_section5 h2{
	font-size:21px;
}
.feature_section5 p{
	font-size:14px;
}
.feature_section5 h4{
	font-size:18px;
}
.feature_section6 h2{
	font-size:21px;
}
.feature_section6 p{
	font-size:14px;
}
.feature_section7 h2{
	font-size:21px;
}
.feature_section7 p{
	font-size:14px;
}
.feature_section7 .clients-grid li, .testimonials-grid li {
	width: 50%;
}



}





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

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
.container {
	width: 300px;
	margin: auto;
}
.logo {
	width: 90%;
}
.menu_main {
	width: 93%;
	position: absolute;
}
.top_nav .left {
	width: 100%;
	text-align: left;
	font-size: 11px;
}
.top_nav .right {
	width: 100%;
	text-align: left;
	font-size: 11px;
}
.top_nav ul.topsocial {
	float: left;
}
.top_nav .topsocial li {
	margin: 0px 8px 0px 0px;
}
.feature_section1 h2 {
	font-size:21px;
}
.feature_section1 p {
	font-size:14px;
}
.feature_section1 .box {
	margin-top:0px;
}
.feature_section1 .box i {
	margin: 30px 0px 0px 90px;
}
.linebg_1{
	margin-bottom:40px;
}
.feature_section1 .one_fourth_less{
	margin:10px 0px;
}
.feature_section2 h2 {
	font-size:21px;
}

.feature_section3 .left {
	width: 100%;
}
.feature_section3 .right {
	width: 100%;
}
.feature_section4 .counters7 {
	float:left;
	width:100%;
	font-size:23px;
}
.feature_section4 .one_fifth {
	float:left;
	width:20%;
}
.feature_section4  h5 {
	font-size:12px;
}
.feature_section4 i {
	font-size:18px;
}
.feature_section5 li.post_comments {
	float:left;
	padding:0px 0px;
}
.feature_section5 h2{
	font-size:21px;
}
.feature_section5 p{
	font-size:14px;
}
.feature_section5 h4{
	font-size:18px;
}
.feature_section6 h2{
	font-size:21px;
}
.feature_section6 p{
	font-size:14px;
}
.feature_section7 h2{
	font-size:21px;
}
.feature_section7 p{
	font-size:14px;
}
.feature_section7 .clients-grid li, .testimonials-grid li {
	width: 50%;
}



}