
@media only screen and (max-width: 959px){

	/* = Front Page
	---------------------------------------------------- */

	.page.home .page-header{
		padding-top: 100px;
		height: 520px;
	}

	.page.home .page-header .page-title-wrap{
		margin-bottom: 40px;
	}

	.page.home .search-form form{
		padding-right: 0;
	}

	.page.home .units-list .item{
		width: 33.33%;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		margin-top: 120px;
	}

}

@media only screen and (min-width: 768px){

	.site-navigation{
		right: 0 !important;
	}

	.site-navigation li ul{
		display: none !important;
	}

	.site-navigation li:hover ul{
		display: block !important;
	}

}

@media only screen and (max-width: 767px){

	/* = Document Setup
	---------------------------------------------------- */

	h1{
		font-size: 28px;
		line-height: 32px;
	}

	h2{
		font-size: 22px;
		line-height: 26px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.site-header-main{
		padding-bottom: 14px;
	}

	.site-header-main .wrap{
		position: static;
	}

	.site-logo{
		margin-right: 20px;
	}

	.site-title{
		min-height: 72px;
		padding-right: 50px;
		padding-top: 2px;
		margin-bottom: 0;
		display: table;
	}

	.site-title span{
		vertical-align: middle;
		display: table-cell;
	}

	.site-navigation{
		width: 100%;
		height: 4000px;
		background-color: rgba(255,255,255,0.98);
		background-image: none;
		font-size: 14px;

		position: absolute;
		z-index: 100;
		right: -100%;
		top: 100px;
	}

	.site-navigation li{
		border-bottom: 1px solid #005ffc;
	}

	.site-navigation li:first-child{
		border-top: 1px solid #005ffc;
	}

	.site-navigation > ul > li{
		margin-right: 0;
		float: none;
	}

	.site-navigation li a{
		padding: 10px 30px 10px 15px;
	}

	.site-navigation > ul > li:hover > a:after,
	.site-navigation > ul > li.current_page_item > a:after,
	.site-navigation > ul > li.current-menu-item > a:after,
	.site-navigation > ul > li.current_page_parent > a:after,
	.site-navigation > ul > li.current-menu-parent > a:after,
	.site-navigation > ul > li.current-page-ancestor > a:after,
	.site-navigation > ul > li.current-menu-ancestor > a:after{
		display: none;
	}

	.site-navigation > ul > li.menu-item-has-children > a{
		padding-right: 30px;
	}

	.site-navigation > ul > li.menu-item-has-children > a i{
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-position: 13px 13px;
		z-index: 10;
		right: 2px;
	}

	.site-navigation > ul > li.menu-item-has-children:hover > a i,
	.site-navigation > ul > li.menu-item-has-children.current_page_item > a i,
	.site-navigation > ul > li.menu-item-has-children.current-menu-item > a i,
	.site-navigation > ul > li.menu-item-has-children.current_page_parent > a i,
	.site-navigation > ul > li.menu-item-has-children.current-menu-parent > a i,
	.site-navigation > ul > li.menu-item-has-children.current-page-ancestor > a i,
	.site-navigation > ul > li.menu-item-has-children.current-menu-ancestor > a i{
		background-position: -13px 13px;
	}

	.site-navigation li ul{
		padding: 0;
		font-size: 13px;
		background-color: transparent;
		position: static;
		top: auto !important;
		left: auto;
	}

	.site-navigation li:hover ul{
		display: none;
	}

	.site-navigation li li:last-child{
		border-bottom: none;
	}

	.site-navigation li li a{
		white-space: normal;
		padding: 10px 30px;
		color: #005ffc;
	}

	.site-navigation li li:hover a,
	.site-navigation li li.current_page_item a,
	.site-navigation li li.current-menu-item a,
	.site-navigation li li.current_page_parent a,
	.site-navigation li li.current-menu-parent a,
	.site-navigation li li.current-page-ancestor a,
	.site-navigation li li.current-menu-ancestor a{
		text-decoration: none;
		color: #002561;
	}

	.navigation-button{
		display: block;
	}

	/* = Page Content
	---------------------------------------------------- */

	.page-content .tabs-list .item{
		padding: 6px 20px;
	}

	.share-buttons .btn{
		padding-left: 56px;
		line-height: 38px;
		height: 38px;
	}

	.share-buttons .btn .icon{
		padding: 7px 14px;
	}

	.share-buttons .btn.fb .icon i{
		background-position: -29px 0;
	}

	.share-buttons .btn.tw .icon i{
		background-position: -29px -25px;
	}

	.share-buttons .btn.gp .icon i{
		background-position: -29px -50px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .page-header{
		padding-top: 60px;
		height: 450px;
	}

	.page.home .page-header .page-title-wrap{
		margin-bottom: 30px;
		max-width: 400px;
		height: 150px;
	}

	.page.home .page-header .page-title{
		line-height: 50px;
		font-size: 40px;
	}

	.page.home .page-content{
		padding-bottom: 40px;
	}

	.page.home .search-form form{
		padding-left: 0;
	}

	.page.home .search-form .label{
		text-align: left;
		margin-bottom: 10px;
		position: static;
		right: auto;
		top: auto;
	}

	.page.home .search-form input[type="submit"]{
		margin-top: 12px;
	}

	.page.home .units-list .item{
		width: 50%;
	}

	/* = Search Page
	---------------------------------------------------- */

	.page.search .page-content{
		padding-bottom: 40px;
	}

	.page.search .search-form form{
		padding: 20px 25px;
	}

	.page.search .search-form .label{
		text-align: left;
		margin-bottom: 10px;
		position: static;
		right: auto;
		top: auto;
	}

	.page.search .search-form input[type="submit"]{
		margin-top: 12px;
		position: relative;
		float: right;
		right: auto;
		top: auto;
	}

	/* = Single Specialization
	---------------------------------------------------- */

	.page.specialization .page-header{
		padding-top: 30px;
		min-height: 400px;
	}

	.page.specialization .page-header .unit-logo{
		margin-bottom: 20px;
		width: 120px;
	}

	.page.specialization .page-content{
		padding-bottom: 40px;
	}

	/* = News Listing Page
	---------------------------------------------------- */

	.page.news-listing .page-content{
		padding-bottom: 40px;
		padding-top: 30px;
	}

	/* = Single News
	---------------------------------------------------- */

	.page.news .page-date{
		line-height: 40px;
	}

	/* = Default Page
	---------------------------------------------------- */

	.page.default .page-content{
		padding-bottom: 40px;
		padding-top: 30px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}

	.step-box{
		padding: 25px 30px 10px 140px;
		margin-bottom: 20px;
	}

	.step-box .number.long{
		margin-right: -110px;
		line-height: 100px;
		font-size: 160px;
	}

	.step-box .number.short{
		margin-right: -110px;
		line-height: 150px;
		font-size: 240px;
	}

	.step-box .title{
		line-height: 26px;
		font-size: 22px;
	}

	.font-size-10, .font-size-11, .font-size-12,
	.font-size-13, .font-size-14, .font-size-15,
	.font-size-16, .font-size-17, .font-size-18,
	.font-size-19, .font-size-20, .font-size-21,
	.font-size-22, .font-size-23, .font-size-24,
	.font-size-25, .font-size-26, .font-size-27,
	.font-size-28, .font-size-29, .font-size-30,
	.font-size-31, .font-size-32, .font-size-33,
	.font-size-34, .font-size-35, .font-size-36,
	.font-size-37, .font-size-38, .font-size-39,
	.font-size-40, .font-size-41, .font-size-42,
	.font-size-43, .font-size-44, .font-size-45,
	.font-size-46, .font-size-47, .font-size-48,
	.font-size-49, .font-size-50, .font-size-51,
	.font-size-52, .font-size-53, .font-size-54,
	.font-size-55, .font-size-56, .font-size-57,
	.font-size-58, .font-size-59, .font-size-60,
	.font-size-61, .font-size-62, .font-size-63,
	.font-size-64, .font-size-65, .font-size-66,
	.font-size-67, .font-size-68, .font-size-69,
	.font-size-70, .font-size-71, .font-size-72,
	.font-size-73, .font-size-74, .font-size-75,
	.font-size-76, .font-size-77, .font-size-78,
	.font-size-79, .font-size-80, .font-size-81,
	.font-size-82, .font-size-83, .font-size-84,
	.font-size-85, .font-size-86, .font-size-87,
	.font-size-88, .font-size-89, .font-size-90{
		font-size: inherit;
	}

	.line-height-10, .line-height-11, .line-height-12,
	.line-height-13, .line-height-14, .line-height-15,
	.line-height-16, .line-height-17, .line-height-18,
	.line-height-19, .line-height-20, .line-height-21,
	.line-height-22, .line-height-23, .line-height-24,
	.line-height-25, .line-height-26, .line-height-27,
	.line-height-28, .line-height-29, .line-height-30,
	.line-height-31, .line-height-32, .line-height-33,
	.line-height-34, .line-height-35, .line-height-36,
	.line-height-37, .line-height-38, .line-height-39,
	.line-height-40, .line-height-41, .line-height-42,
	.line-height-43, .line-height-44, .line-height-45,
	.line-height-46, .line-height-47, .line-height-48,
	.line-height-49, .line-height-50, .line-height-51,
	.line-height-52, .line-height-53, .line-height-54,
	.line-height-55, .line-height-56, .line-height-57,
	.line-height-58, .line-height-59, .line-height-60,
	.line-height-61, .line-height-62, .line-height-63,
	.line-height-64, .line-height-65, .line-height-66,
	.line-height-67, .line-height-68, .line-height-69,
	.line-height-70, .line-height-71, .line-height-72,
	.line-height-73, .line-height-74, .line-height-75,
	.line-height-76, .line-height-77, .line-height-78,
	.line-height-79, .line-height-80, .line-height-81,
	.line-height-82, .line-height-83, .line-height-84,
	.line-height-85, .line-height-86, .line-height-87,
	.line-height-88, .line-height-89, .line-height-90{
		line-height: inherit;
	}

	.desktop-content{
		display: none;
	}

	.mobile-content{
		display: block;
	}

	.space{
		padding-top: 0 !important;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		margin-top: 90px;
	}

}

@media only screen and (max-width: 599px){

	/* = Core Classes
	---------------------------------------------------- */

	.alignleft,
	.alignright{
		margin: 0 0 20px;
		float: none;
	}

	img.alignleft,
	img.alignright{
		display: block;
	}

	/* = Search Page
	---------------------------------------------------- */

	.page.search .search-results .table-header{
		display: none;
	}

	.page.search .search-results .table-row{
		padding: 10px 5px;
	}

	.page.search .search-results .table-cell{
		display: block;
	}

	.page.search .search-results .table-cell.code,
	.page.search .search-results .table-cell.title,
	.page.search .search-results .table-cell.unit,
	.page.search .search-results .table-cell.info{
		padding: 2px 0;
		width: auto;
	}

	.page.search .search-results .table-cell.info i{
		display: none;
	}

	.page.search .search-results .table-cell.info div{
		margin: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		position: static;
		display: block;
		right: auto;
		top: auto;
	}

	.page.search .search-results .table-cell.info div:after{
		display: none;
	}

	.page.search .search-results .table-cell.info div td.col-1{
		padding: 0 10px 0 0;
	}

	.page.search .search-results .table-cell.info div td.col-2{
		padding: 0;
	}

	.page.search .search-results .table-cell .label{
		display: inline-block;
	}

	/* = News Listing Page
	---------------------------------------------------- */

	.page.news-listing .post{
		margin-top: 10px;
	}

	.page.news-listing .post.with-image{
		padding-left: 20px;
		min-height: 0;
	}

	.page.news-listing .post.no-image .post-title{
		line-height: 21px;
		font-size: 18px;
	}

	.page.news-listing .post .post-thumb{
		display: none;
	}

}

@media only screen and (max-width: 539px){

	/* = Single News
	---------------------------------------------------- */

	.page.news .page-date{
		line-height: 24px;
	}

	.page.news .share-buttons{
		margin-bottom: 15px;
		text-align: left;
		float: none;
	}

}

@media only screen and (max-width: 479px){

	/* = Document Setup
	---------------------------------------------------- */

	h1{
		font-size: 24px;
		line-height: 28px;
	}

	h2{
		font-size: 20px;
		line-height: 24px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.site-logo{
		margin-right: 10px;
	}

	.site-title{
		padding-right: 45px;
	}

	/* = Page Content
	---------------------------------------------------- */

	.page-content .tabs-list .item{
		padding: 6px 15px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .page-header{
		height: 320px;
	}

	.page.home .page-header .page-title-wrap{
		max-width: 320px;
		height: 132px;
	}

	.page.home .page-header .page-title{
		line-height: 44px;
		font-size: 36px;
	}

	.page.home .page-header .scroll-btn{
		display: none;
	}

	.page.home .units-list .item{
		width: 100%;
	}

	/* = Single Specialization
	---------------------------------------------------- */

	.page.specialization .page-header{
		padding-top: 30px;
		min-height: 370px;
	}

	.page.specialization .page-header .unit-logo{
		margin-bottom: 15px;
		width: 100px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.step-box{
		padding: 20px 20px 1px 110px;
		margin-bottom: 15px;
	}

	.step-box .number.long{
		margin-right: -90px;
		line-height: 70px;
		font-size: 130px;
	}

	.step-box .number.short{
		margin-right: -90px;
		line-height: 110px;
		font-size: 200px;
	}

	.step-box .title{
		line-height: 24px;
		font-size: 20px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		margin-top: 60px;
		padding: 25px 0 40px;
	}

}

@media only screen and (max-width: 439px){

	/* = Page Content
	---------------------------------------------------- */

	.share-buttons .btn .count{
		display: none;
	}

}

@media only screen and (max-width: 399px){

	/* = Shortcodes
	---------------------------------------------------- */

	.step-box{
		padding-left: 80px;
	}

	.step-box .number.long{
		margin-right: -65px;
		line-height: 40px;
		font-size: 90px;
	}

	.step-box .number.short{
		margin-right: -65px;
		line-height: 70px;
		font-size: 140px;
	}

}