/*------------------------------------------------------------------

Project:	A Future HTML UI Kit
Version:	1.0.0
Author: 	webstrot 

------------------------------------------------------------------
[Table of contents]
 

1. section_1 css
2. section_2 css
3. section_3 css
4. section_4 css
5. section_5 css

*/


/* custom css */

.close_wrapper{
	float:left;
	width:100%;
	padding-top:100px;
	background:#fff;
}
#page_header1_section, #page_header2_section, #page_header3_section,
#page_header4_section , #page_header5_section, #page_header6_section,
#page_header7_section{
	float:left;
	width:100%;
}

/* custom css end*/


/* section_1 start */

#main-wrapper{
    float: left;
    width: 100%;
    padding-bottom: 100px;
}	
.section_1{
	width:100%;
	float:left;
	background:#f4f4f4;
	padding:30px 0px;
}
.section_1 .page_header_title h1 {
    font-size: 33px;
    color: #111;
}
.section_1 .sub_title_section{
    float: right;
}
.section_1 .sub_title li{
	float: left;
    font-size: 16px;
    color: #999;
	font-weight: 300;
}
.section_1 .sub_title li:last-child{
	color: #4285f4;
}
.section_1 .sub_title a {
    color: #999;
}
.section_1 .sub_title a:hover {
    color: #4285f4;
}
.section_1 .sub_title i {
    padding: 0px 15px;
}

/* section_1 end*/


/* media  query css for ipad */

@media(max-width: 1200px) {
	

}

@media(min-width: 767px) and (max-width: 991px) {
	
	
	
}

/* media query css for ipad end */


/* media query css for mobile */

@media(max-width: 767px){

	.section_1, .section_2 {
		text-align: center;
	}
	.section_1 .sub_title_section, .section_2 .sub_title_section{
		float: none;
		display: inline-block;
		margin-top: 20px;
	}
	.section_3 .page_header_title h1, .section_4 .page_header_title h1  {
		font-size: 26px;
	}
	.section_5{
		text-align:center;
	}
	.section_5 .sub_title_section {
		float: none;
		display:inline-block;
	}
	.section_5 .page_header_title {
		float: none;
		display:inline-block;
	}
	.section_5 .sub_title li {
		font-size: 15px;
	}
	.section_5 .page_header_title h1 {
		font-size: 24px;
		margin-top:10px;
	}
	.section_6{
		text-align:center;
	}
	.section_6 .page_header_title h1 {
		font-size: 24px;
	}
	.section_6 .sub_title_section{
		float: none;
		display:inline-block;
		margin-top:10px;
	}
	.section_7 .sub_title_section {
		width: 100%;
		top: 60px;
		padding: 16px 0px 8px 0px;
	}
	.section_7 .sub_title_section .sub_title {
		display: inline-block;
		line-height:0;
	}
	.section_7 .sub_title li {
		line-height:35px;
	}
	.section_7 .page_header_title {
		position: relative;
		bottom: 27px;
		float: none;
		display: inline-block;
	}

	
}

@media only screen and (max-width : 480px) {
	
	.section_1 .page_header_title h1, .section_2 .page_header_title h1 {
		font-size: 24px;
	}
	.section_1 .sub_title i, .section_2 .sub_title i{
		padding: 0px 5px;
	}
	.section_1 .sub_title li, .section_2 .sub_title li  {
		font-size: 15px;
	}
	.section_3 .page_header_title h1, .section_4 .page_header_title h1  {
		font-size: 22px;
	}
	.section_3 .sub_title li, .section_4 .sub_title li {
		font-size: 15px;
	}
	.section_6 .page_header_title h1 {
		font-size: 18px;
	}
	.section_8 .page_header_title h1 {
		font-size: 24px;
	}
	.section_7 .page_header_title h1 {
		font-size: 20px;
	}
	.section_7 .sub_title_section {
		width: 100%;
		top: 60px;
	}
	.section_7 .sub_title li {
		font-size: 14px;
	}

}

/* media query css for mobile end */