/* Copyright 2019  */
/*-----------------------------------------------------------------
[Master Stylesheet]

Project: Parichay
Version: 1.0.0
Author: Initialize Technologies
-------------------------------------------------------------------*/
/*-----------------------------------------------------
   Responsive CSS
-----------------------------------------------------*/
@media (min-width: 768px){
	button.po_menu_btn {
		display: none;
	}
}
@media (min-width: 767px){
	.po_main_menu ul li a:hover,
	.po_main_menu ul li a.active {
		color: #ffb633;
	}
	.po_main_menu ul li a:before,
	.po_main_menu ul li a.active:before {
		content: "";
		position: absolute;
		height: 1px;
		width: 0%;
		margin: auto;
		background: #ffb633;
		bottom: 18px;
		left: 0;
		right: 0;
	}
	.po_main_menu ul li a:hover:before,
	.po_main_menu ul li a.active:before {
		width: 100%;
	}
	.po_main_menu ul li a.active:before,
	.po_main_menu ul li a:before,
	.po_main_menu ul li a.active:hover:before,
	.po_main_menu ul li a:hover:before {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
}
@media (min-width: 992px){
	.po_mobile_view {
		display: none;
	}
	.po_about_social {
		transform: translateY(calc(24%));
	}
}
@media (max-width: 1366px){
	.po_banner_slider .owl-nav {
		right: -25%;
	}
	.po_testimonial_wrapper .owl-nav {
		right: 0%;
	}
	.po_service_wrapper .owl-nav {
		left: -3%;
	}
}
/*-----------------------------------------------------
    Laptop, Desktop
-----------------------------------------------------*/
@media (min-width:992px) and (max-width:1199PX){
	.po_main_menu ul li {
		margin-right: 20px;
	}
	.po_main_menu ul li a {
		font-size: 15px;
	}
	.po_contact_menu a {
		padding: 6px 10px;
		font-size: 15px;
	}
	.po_contact_info ul li {
		margin-right: 3px;
	}
	.po_widgets > p {
		font-size: 14px;
	}
	.po_banner_inner h1,
	.po_banner_inner h1 span {
		font-size: 45px;
	}
	.po_banner_inner h5 {
		font-size: 30px;
	}
	.po_banner_slider .owl-nav {
		right: -30%;
	}
	a.po_logo {
		padding: 20px 0 0;
	}
	.po_skills .po_skill {
		margin-bottom: 10px;
	}
	.po_hire_section_img {
		padding: 0;
	}
	.po_hire_section h1 {
		line-height: 1.3;
	}
	.po_partner_slider {
		width: 100%;
	}
	.po_about_social {
		transform: translateY(calc(23%));
	}
	.po_about_us_text {
		padding: 15px 0 30px;
		font-size: 14px;
	}
	.po_counter_inner h1 {
		font-size: 40px;
	}
}
/*-----------------------------------------------------
    Tablet
-----------------------------------------------------*/
@media (max-width:991px){
	.po_desktop_view {
		display: none;
	}
	.po_mobile_view {
		margin-bottom: 60px;
	}
	.po_resume_load.text-left a.po_re_load_btn span {
		margin-left: -20px;
	}
	.po_hire_section_img {
		padding: 0;
	}
	.po_hire_section h1 {
		line-height: 1.3;
	}
	.po_about_img img {
		width: auto;
	}
}
@media (min-width:768px) and (max-width:991px){
	.po_main_menu ul li {
		margin-right: 12px;
	}
	.po_main_menu ul li a {
		font-size: 12px;
		padding: 18px 0px;
	}
	.po_main_menu ul li a:before, .po_main_menu ul li a.active:before {
		bottom: 12px;
	}
	.po_contact_menu a {
		padding: 6px 4px;
		font-size: 11px;
	}
	.po_overlay ul li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.po_overlay {
		border: 8px solid #d5d6d1;
	}
	.po_overlay_text {
		bottom: 10px;
		left: 10px;
	}
	.po_overlay_text h4 {
		font-size: 15px;
		margin-bottom: 6px;
	}
	.po_overlay_text h6 {
		font-size: 10px;
	}
	.po_hire_section {
		padding: 60px 0 0;
	}
	.po_hire_section h1 {
		font-size: 25px;
	}
	.po_newsletter_text {
		text-align: center;
	}
	.po_banner_inner h1,
	.po_banner_inner h1 span {
		font-size: 40px;
	}
	.po_banner_inner h5 {
		font-size: 28px;
	}
	.po_banner_inner span {
		font-size: 18px;
	}
	.po_banner_slider .owl-nav {
		right: -30%;
	}
	.po_banner_slider .owl-nav button.owl-next,
	.po_banner_slider .owl-nav button.owl-prev {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 25px;
	}
	.po_banner_inner {
		padding: 250px 0 0;
	}
	.po_responsive {
		height: 405px;
	}
}
/*-----------------------------------------------------
    Large Mobile
-----------------------------------------------------*/
@media (max-width:767px){
	body {
		font-size: 14px;
	}
	.po_banner_slider .owl-nav button.owl-next,
	.po_banner_slider .owl-nav button.owl-prev {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	}
	.po_banner_img {
		padding-left: 0;
	}
	.po_header_wrap.fixed_menu {
		-webkit-animation-name: none;
		animation-name: none;
		position: unset;
	}
	.po_banner_slider .owl-nav {
		right: -32%;
	}
	.po_header_wrap.fixed_menu .po_menu_toggle {
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9;
	}
	a.po_logo {
		padding: 15px 0 0;
	}
	.po_main_menu ul li a.active {
		color: #111111;
	}
	.po_contact_menu ul {
		display: inline-block;
	}
	.po_header_wrap.fixed_menu button.po_menu_btn {
		position: fixed;
		z-index: 999;
		right: 10px;
		border-radius: 3px;
		text-align: center;
		margin: 0;
		top: 10px;
		padding: 0;
	}
	.po_menu_btn {
		margin-left: 6px;
		display: inline-block;
		float: none;
		border: none;
		width: 30px;
		height: 30px;
		color: #ffffff;
		background-color: #ffb633;
		border-radius: 3px;
		cursor: pointer;
		text-align: center;
	}
	.po_menu_btn:focus {
		border-radius: 3px;
	}
	.po_main_menu_wrapper {
		z-index: 9999999;
		overflow-y: scroll;
		position: fixed;
		left: 0px;
		top: 0px;
		bottom: 0px;
		background-color: #ffb633;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.po_main_menu_wrapper {
		width: 180px;
	}
	.po_main_menu_wrapper.po_main_menu_hide {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.po_main_menu ul {
		width: 100%;
	}
	.po_main_menu ul li {
		width: 100%;
	}
	.po_main_menu ul li a {
		padding: 10px;
		border-bottom: 1px solid #ffffff;
		color: #ffffff;
		width: 100%;
	}
	.po_contact_menu a {
		padding: 5px 6px;
		font-size: 11px;
		margin-bottom: 0;
	}
	.po_contact_menu {
		text-align: right;
		position: relative;
	}
	.po_banner_inner {
		padding: 270px 0 0;
	}
	.po_banner_inner h1,
	.po_banner_inner h1 span {
		font-size: 30px;
	}
	.po_banner_inner h5 {
		font-size: 18px;
		line-height: 1.3;
	}
	.po_banner_inner span {
		font-size: 16px;
	}
	.po_hire_section h1 {
		font-size: 30px;
	}
	.po_newsletter_text {
		text-align: center;
		margin-bottom: 30px;
	}
	.po_newsletter_wrapper form div.text-right {
		text-align: center;
	}
	.po_copyright_wrap {
		font-size: 12px;
	}
	.po_logo_wrap {
		text-align: center;
		margin-bottom: 15px;
	}
	.po_header_wrap button.po_menu_btn i,
	.po_header_wrap.fixed_menu button.po_menu_btn i {
		display: inline-block;
		font-size: 12px;
		position: relative;
		left: 0;
		right: 0;
		margin: auto;
	}
	.po_input_wrap input,
	.po_input_wrap textarea {
		-o-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;
		font-size: 14px;
	}
	.po_input_wrap {
		-o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		-ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
		margin-bottom: 30px;
	}
	.po_blog_img img {
		width: 100%;
	}
	.po_banner_inner a.po_btn {
		margin-bottom: 0;
	}
	.po_hire_section a.po_btn {
		margin-bottom: 30px;
	}
}
@media (min-width:480px) and (max-width:767px){
	.po_hire_section {
		padding: 80px 0 0;
		margin: auto;
		width: 75%;
		float: none;
	}
	.po_porfolio_section,
	.po_blog_section {
		margin: auto;
		float: none;
		width: 75%;
		margin-bottom: 30px;
	}
	.po_partner_img {
		padding: 100px;
	}
	.po_banner_slider .owl-nav {
		right: -25%;
	}
}
@media (max-width: 530px) and (min-width: 480px) {
	.po_banner_slider .owl-nav {
		right: -50%;
	}
	.po_banner_inner {
		padding: 220px 0 0;
	}
}
/*-----------------------------------------------------
   Medium Mobile
-----------------------------------------------------*/
@media (max-width: 479px){
	.po_download_wrap {
		text-align: center;
	}
	.po_about_folow p {
		font-size: 14px;
	}
	.po_banner_img {
		padding: 0;
	}
	.po_banner_slider.owl-carousel {
		margin-top: 180px;
	}
	.po_banner_slider .owl-nav button.owl-next, .po_banner_slider .owl-nav button.owl-prev {
		margin: 0px 25px;
	}
	.po_banner_slider .owl-nav {
		right: -35%;
	}
	.po_banner_inner a.po_btn {
		margin: 15px 0 0 0;
	}
	.po_banner_inner h1 span {
		margin-bottom: 12px;
	}
	.po_partner_slider {
		margin: auto;
	}
	.po_testimonial_wrapper .owl-nav button.owl-prev, .po_testimonial_wrapper .owl-nav button.owl-next {
		font-size: 20px;
	}
	.po_testimonial_wrapper .owl-nav button.owl-prev:before {
		height: 75px;
		left: -42px;
		bottom: -22px;
	}
	#po_loader img {
		width: 75%;
	}
	.po_top_btn {
		margin: 10px;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 15px;
	}
	.po_contact_menu a {
		margin-top: 10px;
	}
	.po_menu_btn {
		width: 26px;
		height: 26px;
	}
	.po_main_menu_wrapper {
		width: 150px;
		z-index: 9999999;
	}
	.po_banner_inner {
		padding: 190px 0 0;
	}
}
@media (max-width: 479px) and (min-width: 450px) {
	.po_about_social {
		transform: translateY(calc(28%));
		padding: 30px 0;
	}
}
@media (max-width:449px){
	.po_about_social {
		transform: translateY(calc(18%));
		padding: 20px 0;
	}
	.po_banner_inner {
		padding: 180px 0 0;
	}
	.po_top_btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.po_btn {
		padding: 6px 20px;
	}
}
/*-----------------------------------------------------
    Small Mobile
-----------------------------------------------------*/
@media (max-width:359px){
	.po_about_social {
		transform: translateY(calc(12%));
		padding: 30px 0;
	}
	.po_banner_inner h1, .po_banner_inner h1 span {
		font-size: 25px;
	}
}
@media (max-width:350px){
	.po_banner_slider .owl-nav {
		right: -55%;
	}
	.po_main_menu_wrapper {
		width: 130px;
	}
	.po_about_social {
		padding: 15px 0;
	}
	.po_banner_inner h1 span {
		margin-bottom: 6px;
	}
	.po_banner_inner {
		padding: 150px 0 0;
	}
	.po_about_folow h5 {
		font-size: 16px;
	}
	.po_resume_load.text-right a.po_re_load_btn span {
		margin-right: -6px;
	}
	.po_banner_inner h5 {
		font-size: 15px;
		line-height: 1.4;
	}
	.po_banner_inner a.po_btn {
		margin: 10px 0 0 0;
		padding: 5px 15px;
	}
	.po_banner_inner span {
		font-size: 15px;
	}
}