/* 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%;
}
.feature_section1 .box1{
	width:100%;
	padding-right:30px;
	padding-left:10px;
}
.feature_section1 .contant {
	width:100%;
	padding:30px 30px 30px 20px;
}
.feature_section1  i{
	margin-left:155px;
	margin-bottom:-55px;
}
.feature_section1 .box2{
	width:100%;
	padding-right:30px;
	padding-left:10px;
}
.feature_section1 .box3{
	width:100%;
	padding-right:30px;
	padding-left:10px;
}
.feature_section4 .boxed01{
	width:33.333%;
}
.feature_section4 .boxed02{
	width:33.333%;
}
.feature_section4 .boxed03{
	width:33.333%;
}
.feature_section4 #site-searchform #s{
	width:50%;
}
.feature_section5 .contant{
	margin-top:100px;
}

.button.five {
	margin-left:-170px;
}	

.button.four {
	padding:10px 10px ;
}

}


@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%;
}
.feature_section1 .box1{
	width:100%;
	padding-right:30px;
	padding-left:10px;
}
.feature_section1 .contant {
	width:100%;
	padding:30px 30px 30px 20px;
}
.feature_section1  i{
	margin-left:155px;
	margin-bottom:-55px;
}
.feature_section1 .box2{
	width:100%;
	padding-right:30px;
	padding-left:10px;
}
.feature_section1 .box3{
	width:100%;
	padding-right:30px;
	padding-left:10px;
}
.feature_section4 .boxed01{
	width:33.333%;
}
.feature_section4 .boxed02{
	width:33.333%;
}
.feature_section4 .boxed03{
	width:33.333%;
}
.feature_section4 #site-searchform #s{
	width:50%;
}

.feature_section5 .contant{
	margin-top:100px;
}
.button.five {
	margin-left:-170px;
}	
.button.four {
	padding:10px 10px ;
}


}

@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: 85%;
}
.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 .box1{
	width:100%;
}
.feature_section1 .contant {
	width:100%;
}
.feature_section1  i{
	margin-left:200px;
	margin-bottom:-55px;
}
.feature_section1 .box2{
	width:100%;
}
.feature_section1 .box3{
	width:100%;
}
.button.two {
	padding:8px 20px;
}
.button.three {
	padding:10px 20px;
}
.feature_section4 .boxed01{
	width:100%;
}
.feature_section4 .boxed02{
	width:100%;
}
.feature_section4 .boxed03{
	width:100%;
}
.feature_section4 #site-searchform #s{
	width:75%;
}
.feature_section5 .contant{
	width:100%;
	margin-left:0px;
	margin-top:0px;
}
.button.five {
	margin-left:20px;
}

}





@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 .contant {
	width:100%;
}
.feature_section1  i{
	margin-left:200px;
	margin-bottom:-55px;
}
.feature_section1 .box1{
	width:100%;
}
.feature_section1 .box2{
	width:100%;
}
.feature_section1 .box3{
	width:100%;
}
.feature_section1  i{
	margin-left:180px;
}
.button.two {
	padding:8px 20px;
}
.button.three {
	padding:10px 20px;
}
.feature_section4 .boxed01{
	width:100%;
}
.feature_section4 .boxed02{
	width:100%;
}
.feature_section4 .boxed03{
	width:100%;
}
.feature_section4 #site-searchform #s{
	width:75%;
}
.feature_section5 .contant{
	width:100%;
	margin-left:0px;
	margin-top:0px;
}
.button.five {
	margin-left:20px;
}