/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
	.flat-testimonials-post .owl-controls {
		display: none;
	}

}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {

	.widget-infomation ul.infomation-footer li,
	.flat-list {
		margin-bottom: 5px;
	}

	.flat-carousel .owl-controls {
		display: none;
	}

	.flat-benefit {
		padding: 96px 0px 0;
	}

	article.post.style3 .content-post {
		overflow: visible;
	}

	.flat-callback-form .flat-field .field-one-half label.error {
		position: relative;
		top: 0;
		right: 0;
	}

	.flat-callback-form .flat-field .field-one-half.field-email label.error {
		top: 0;
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {

	.add-us {
		width: 40px !important;
	}

	.thank-you {
		background-size: 400px;
		height: 453px;
		margin-top: 105px;
	}

	.top-firm {
		margin: 36px;
	}

	.bagde {
		display: inline-flex;
	}

	.banner-section {
		background-image: url(../images/slides/ind-phone.png);
		padding-top: 150px;
	}

	.banner-section-zmb {
		background-image: url(../images/slides/zmb-phone.png);
		padding-top: 150px;
	}

	.banner-section-aus {
		background-image: url(../images/slides/aus-phone.png);
		padding-top: 150px;
	}

	.banner-section-us {
		background-image: url(../images/slides/us-phone.png);
		padding-top: 150px;
	}

	.banner-flex {
		flex-direction: column;
	}

	.outer-right-form {
		margin: 0 auto !important;
	}

	.left-side p {
		margin-bottom: 25px;
	}

	.left-style {
		width: 100%;
	}

	#mainnav-mobi ul.sub-menu>li>a {
		padding: 0 35px;
	}

	.animated-title>div.text-top {
		top: 57%;
	}

	.animated-title>div.text-top {
		width: 85%;
	}

	.flot {
		top: 81%;
	}

	/* ====country */
	.dropdown {
		display: block;
		width: 100%;
		position: relative;
		position: fixed;
		bottom: 0px;
		height: 60px;
		z-index: 1001;
		top: 0px;
		margin: 0 auto;
		right: 0px;
	}

	.dropdown__options--visible .dropdown__skeleton {
		box-shadow: 0 11px 12px -5px #dbe0f5;
	}

	.dropdown__options--visible .dropdown__options {
		animation: showit 0.35s forwards ease-out;
	}

	.dropdown__options--visible .dropdown__arrow {
		transform: rotate(-180deg);
		right: 26px;
	}

	.dropdown__skeleton {
		/* border: 2px solid #dbe0f5; */
		border: 2px solid #fff;
		background-color: #fff;
		/* border-radius: 5px; */
		/* padding: 17px 30px; */
		position: relative;
		transition: box-shadow 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
		cursor: pointer;
		user-select: none;
	}

	.dropdown__skeleton label {
		font-weight: 700;
		text-transform: uppercase;
		color: #9297ab;
		font-size: 0.8rem;
		letter-spacing: 0.64px;
		margin-bottom: 0px;
		display: block;
		cursor: pointer;
	}

	.dropdown__option {
		display: flex;
		align-items: center;
		justify-content: space-around;
		padding: 7px 25px 5px 5px;
	}

	.dropdown__option span {
		margin-left: 10px;
		font-weight: 700;
		color: #5e6582;
		font-size: 1.1rem;
	}

	.dropdown__arrow {
		position: absolute;
		/* top: 68%; */
		right: 2px;
		width: 30px;
		height: 0px;
		top: 20px;
		transition: all 0.2s ease-in-out;
		transform-origin: top;
	}

	.dropdown__arrow::before, .dropdown__arrow::after {
		--angle: 45deg;
		content: "";
		width: 15px;
		background-color: #5e6582;
		display: block;
		padding: 2px;
		border-radius: 2px;
		position: absolute;
	}

	.dropdown__arrow::before {
		transform: rotate(var(--angle));
	}

	.dropdown__arrow::after {
		transform: rotate(calc(var(--angle) * -1));
		margin-left: 9px;
	}

	.dropdown__options {
		position: absolute;
		top: 94%;
		right: 13px;
		border: 2px solid #dbe0f5;
		border-radius: 5px;
		padding: 20px 10px;
		background-color: #fff;
		width: 165px;
		transform: scale(0);
		z-index: 1;
	}

	@keyframes showit {
		0% {
			transform: scale(0);
		}

		70% {
			transform: scale(1.05);
		}

		80% {
			transform: scale(0.95);
		}

		100% {
			transform: scale(1);
		}
	}

	.dropdown__options .dropdown__option {
		padding: 6px 10px;
		transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		cursor: pointer;
		opacity: 0.7;
		border-radius: 5px;
	}

	.dropdown__options .dropdown__option:not(:last-child) {
		margin-bottom: 15px;
	}

	.dropdown__options .dropdown__option:hover {
		background-color: #eee;
		opacity: 1;
	}

	.dropdown__options .dropdown__option--selected {
		opacity: 1;
	}

	.dropdown__options::before {
		content: "";
		position: absolute;
		bottom: calc(100% - 3px);
		right: 20px;
		height: 10px;
		width: 10px;
		background-color: #fff;
		border-top: 2px solid #dbe0f5;
		border-left: 2px solid #dbe0f5;
		transform: rotate(45deg);
	}

	.page-title {
		padding: 150px 0 22px;
	}

	.fa-angle-down {
		display: none;
	}

	.country-data.show-panel {
		display: none;
	}

	.transparent {
		position: fixed;
		z-index: 999;
		width: 100%;
	}

	.nav-wrap {
		position: fixed;
	}

	.mainnav::-webkit-scrollbar {
		width: 0px;
		background: transparent;
	}

	.mainnav {
		position: fixed !important;
		top: 109px;
		/* overflow-x: hidden; */
		/* overflow: hidden; */
		overflow-y: scroll;
		max-height: 400px;
		z-index: 9999;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.country-link {
		display: none;
	}



	.logo {
		display: inline-block;
		float: left;
	}

	.btn-menu {
		display: block;
	}

	.nav-wrap {
		position: relative;
	}

	#mainnav {
		display: none;
	}

	.top,
	.top .flat-questions {
		text-align: center;
	}

	.top .flat-socials,
	.top .flat-questions {
		float: none;
	}

	.flat-socials {
		display: none;
	}

	.top .col-md-6.text-right {
		padding-top: 20px;
	}

	.imagebox-item,
	.iconbox-item {
		margin-bottom: 30px;
	}

	.height80 {
		height: 0px;
	}

	.widget-infomation ul.infomation-footer li,
	.flat-list {
		margin-bottom: 15px;
	}

	.flat-infomation {
		float: none;
		margin-bottom: 20px;
		display: none;
	}

	.flat-iconbox.iconbox-style1,
	.flat-iconbox.iconbox-style2,
	.flat-iconbox.style-3 {
		margin-bottom: 40px;
	}

	.flat-iconbox.iconbox-style1+.vc_empty_space,
	.flat-iconbox.iconbox-style2+.vc_empty_space,
	.flat-iconbox.style-3+.vc_empty_space {
		height: 0 !important;
	}

	.imagebox-image img,
	.page-wrap.sidebar-right .content-area,
	.page-wrap.sidebar-right .widget-area,
	.page-wrap.sidebar-left .widget-area,
	.page-wrap.sidebar-left .content-area,
	.flexslider .slides img,
	.page-wrap.sidebar-left .single-page .widget-area,
	.page-wrap.sidebar-right .single-page .widget-area,
	.page-wrap.sidebar-left .single-page .content-area,
	.page-wrap.sidebar-right .single-page .content-area {
		width: 100%;
	}

	.call-back-form,
	.page-wrap.sidebar-left .content-area,
	.footer-widgets #nav_menu-2 {
		padding-left: 0 !important;
	}

	.call-back-form,
	.page-wrap.sidebar-right .content-area,
	.page-wrap.sidebar-left .single-page .content-area,
	.page-wrap.sidebar-right .single-page .content-area {
		padding-right: 0 !important;
	}

	.flat-your-contact .contact-thumb {
		max-width: 100%;
	}

	.portfolio-filter li {
		padding: 0 10px;
	}

	.flat-portfolio .item,
	.flat-portfolio .one-four .item,
	.blog-grid.blog-four-columns article {
		width: 50%;
	}

	.comments-area ul.children {
		margin-left: 50px;
	}

	/* Header Style2 */
	.header.widget-header .logo {
		width: 25%;
	}

	.header.widget-header .wrap-widget-header {
		width: 65%;
	}


	/* Home layout 02 */
	.flat-single-images {
		position: relative;
		left: 0;
		top: auto;
		bottom: -89px;
	}

	.counter {
		text-align: center;
		margin-bottom: 40px;
	}


	.top .flat-questions {
		padding: 5px;
		margin-bottom: 3px;
	}

	.header.widget-header {
		padding: 0 0 0;
	}


	.flat-team.team-grid {
		margin-bottom: 30px;
	}

	.flat-team.team-grid {
		text-align: center;
	}

	.flat-callback-form {
		padding-left: 0;
	}

	.flat-callback-form .flat-field {
		padding-right: 0;
	}

	#subscribe-email {
		width: 100%;
	}


	.flat-text-block-timeline .flat-timeline-content {
		padding-left: 15px;
	}

	.top.style2 .logo,
	.top.style2.v1 .logo {
		margin-top: 20px;
		line-height: 50px;
		float: none;
	}

	.top.style2 .flat-open-hours,
	.top.style2 .flat-address,
	.top.style2.v1 .flat-open-hours,
	.top.style2.v1 .flat-address {
		margin-top: 20px;
		width: 50%;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.header.style2 .show-search a {
		margin: 28px 0;
	}

	.header.style2.v1 {
		background-color: #3a526a;
	}

	.header.style2.v1 .flat-header-wrap {
		position: relative;
		bottom: 0;
		padding: 0;
	}

	.header.style3 {
		position: relative;
		top: 0;
	}

	.header.style3 {
		background-color: #fff;
	}

	.header.style3 .show-search a i {
		color: #18ba60;
	}

	.top.style2.v1 {
		padding: 0;
	}

	.text-block-callback {
		text-align: center;
	}

	.iconbox.style3 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}

	.flat-benefit {
		padding: 0 15px;
	}

	.benefit-image {
		margin-bottom: 50px;
	}

	article.post.style3 {
		width: 100%;
		float: none;
		overflow: hidden;
		margin-bottom: 30px;
	}

	article.post.style3 .content-post {
		overflow: visible;
	}

	article.post.style4 {
		margin-bottom: 40px;
	}

	.flat-imagebox.item {
		width: 50%;
		margin-bottom: 50px;
	}

	.flat-block-quote-slider .flex-control-nav {
		position: relative;
		padding-right: 0;
	}

	.testimonials-post .featured-post {
		margin-bottom: 20px;
	}

	.flexslider.s2,
	.flexslider.s1 {
		margin-bottom: 50px;
	}

	.wrap-main-post.about-v1,
	.wrap-main-post.about-v3 {
		padding: 0;
	}

	.wrap-button.s1 {
		margin-top: 0;
	}

	.sidebar.right {
		padding-left: 0;
	}

	.post-wrap {
		margin-bottom: 50px;
	}

	.form-info input[type="submit"] {
		margin-bottom: 30px;
	}

	.page-wrap.sidebar-left .widget-area,
	.page-wrap.sidebar-left .single-page .widget-area,
	.page-wrap.sidebar-right .widget-area {
		padding-top: 30px;
	}

	.flat-imagebox.style2 {
		padding: 50px 0 0;
	}

	.flat-iconbox,
	.pd-imagebox,
	.flat-owl-stage,
	.flat-callback,
	.flat-news,
	.pd-imagebox-s3,
	.flat-counter,
	.flat-testimonials,
	.flat-news-s2,
	.flat-iconbox.style2,
	.flat-progress-accordion,
	.pd-about-post,
	.pd-services-post,
	.pd-portfolio-s1,
	.pd-contact-v1,
	.pd-contact-v2 {
		padding: 50px 0;
	}

	.dividers.dividers-about-post,
	.dividers.dividers-imagebox {
		height: 50px;
	}

	.dividers-pagination {
		height: 0;
	}

	.sticky {
		position: relative;
	}

	/* .header.fixed-header {
		top: 0px !important;
	} */

	/* .header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		background-color: #ffffff;
		width: 100%;
	} */

	/* header {
		display: contents !important;
	} */

	#mainnav .menu>li>.double-sub-menu {
		height: 450px;
		width: 100%;
		overflow-y: auto;
	}

	.mob-sub {
		width: 100%;
	}

	.column {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.sticky-cta {
		position: fixed;
		width: 100%;
		z-index: 99;
		left: 0;
		bottom: 0;
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		background-color: #fff;
		justify-content: space-around;
		padding: 5px;
		box-shadow: 0 8px 10px 8px rgb(20 8 8 / 50%);
	}


	/* .sticky-cta button {
		display: inline-block;
		background: rgba(241 90 41);
		color: #fff;
		cursor: pointer;
		font-size: 17px;
		font-weight: bold;
		line-height: 26.8px;
		padding: 7px 23px;
		border-radius: 5px;
		letter-spacing: 0;
		/* border: 2px solid transparent; */
	/* -webkit-transition: .2s ease all;
		-o-transition: .2s ease all;
		transition: .2s ease all;
	}  */

	.top {
		background-color: transparent;
		padding: 0;
	}

	.logo img {
		width: 200px;
	}

	/* .logo img {
		width: 130px;
	} */

	.footer-bottom .menu-footer {
		padding-top: 34px;
	}

	.solid {
		padding: 0 !important;
	}

	.sticky {
		background-color: transparent;
	}

	.card-services-details {
		flex-direction: column;
	}

	.sticky-btn {
		display: none;
	}

	.header {
		top: 40px !important;
	}

	.location {
		width: 45px !important;
	}

	#user-bar {
		display: block;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {



	/* img {
	max-width: 26px;
	display: block;
  } */

	/* country end */

	.top .col-md-6.text-right {
		padding-top: 5px;
	}

	.widget-infomation ul.infomation-footer li i.fa {
		float: left;
	}

	.widget-infomation ul.infomation-footer li a {
		overflow: hidden;
	}

	.flat-questions a.appoinment {
		margin: 0 5px;
	}

	.flat-callback-form .flat-field .field-one-half,
	article.post.s1,
	article.post.s1 .featured-post img,
	article.post.style2 .featured-post img,
	article.post.style4 .featured-post img {
		width: 100%;
	}

	article.post.style2 {
		margin-bottom: 40px;
	}

	.flat-callback-form .flat-field .field-one-half select {
		margin-bottom: 0;
	}

	.footer-widgets .widget.widget_nav_menu {
		padding-left: 0;
	}

	#menu-bottom li a {
		padding-left: 0;
		padding-right: 20px;
	}

	.author-post .info {
		padding: 15px;
	}

	.flat-portfolio-single-slider {
		margin-top: 30px;
	}

	.flat-portfolio-single-slider li img {
		width: 100%;
	}

	.single-portfolios .page-wrap {
		padding: 70px 0 30px;
	}

	article .wrap-entry-title,
	.comments-area ol.comment-list article .comment_content .comment_text {
		overflow: visible;
	}

	.comments-area ul.children {
		margin-left: 30px;
	}

	.wrap-widget-header {
		display: none;
	}

	.header.widget-header .logo {
		width: 100%;
	}

	.header.widget-header .btn-menu {
		top: -120px;
	}

	.page-title.pagetitle_style_2 .page-title-heading,
	.page-title.pagetitle_style_2 .breadcrumbs,
	.page-title.pagetitle_style_3 .page-title-heading,
	.page-title.pagetitle_style_3 .breadcrumbs {
		display: table;
		width: 100%;
		text-align: left;
	}

	.iconbox-slider .slides .item {
		width: 100%;
	}

	.iconbox-slider .slides .item .featured-post img {
		width: 100%;
	}

	.one-half {
		width: 100%;
	}

	.wrap-one-half.services {
		padding: 0 15px;
	}

	.wrap-one-half.services .one-half {
		padding: 0;
	}

	.form-sec img {
		display: none;
	}

	.location {
		width: 44px !important;
	}

	.layer-text-center h1 {
		font-size: 24px;
	}

	.layer-text {
		left: 15px;
	}
}


/* Mobile Portrait Size */
@media only screen and (max-width: 549px) {
	.animated-title>div.text-top {
		width: 100%;
	}

	.form-sec {
		flex-direction: column-reverse;
	}

	.flat-questions a.appointment {
		display: -webkit-inline-box;
	}

	.flat-questions a.questions {
		margin-right: 0;
	}

	.flat-infomation li.phone {
		border-right: none;
	}

	.flat-callback-form .flat-field {
		padding-right: 0;
	}

	.imagebox.style1 .imagebox-content .imagebox-button a {
		margin-top: 10px;
		padding: 10px 52px 10px 30px;
	}

	.iconbox-slider .slides .item .title-post {
		width: 100%;
	}

	.widget-infomation ul.infomation-footer li,
	.flat-list {
		margin-right: 0;
	}

	/* .footer-bottom .menu-footer {
		float: none;
	} */

	/* .footer-bottom .menu-footer li:last-child {
		display: block;
		text-align: center;
		margin-left: 0;
	} */

	.testimonial-slider.style-2 .testimonial-image {
		max-width: 100%;
		margin: 0 0 0;
	}

	.flat-portfolio .item,
	.blog-shortcode.blog-list article {
		width: 100%;
	}

	.portfolio-filter li a {
		line-height: 45px;
	}

	article .entry-title {
		font-size: 18px;
	}

	.author-post .info {
		overflow: visible;
	}

	.author-post .author-avatar {
		margin-right: 10px;
		max-width: auto;
	}

	.comments-area ul.children {
		margin-left: 15px;
	}

	.top .flat-infomation ul li:after,
	.top .flat-questions:before {
		display: none;
	}

	.flat-imagebox .flat-imagebox-header .flat-imagebox-title,
	.page-template-tpl .vc_toggle_title>h4 {
		font-size: 13px;
	}

	.flat-imagebox .box-header {
		left: 0;
		bottom: 0;
		right: 0;
	}

	.flat-imagebox .box-header {
		padding: 18px 80px 10px 20px;
	}

	.testimonial-slider {
		padding: 0 15px 53px;
	}

	.block-quote .quote-content blockquote {
		padding: 80px 0 0 0;
	}

	.flat-team .team-image {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}

	.flat-team .team-image img {
		width: 100%;
	}

	#text-5 {
		margin-bottom: 0;
	}

	.flat-portfolio .one-four .item,
	.flat-portfolio .one-half .item,
	.blog-grid.blog-four-columns article {
		width: 100%;
	}

	article .entry-meta ul li {
		padding-left: 17px;
		margin-right: 9px;
	}

	.flat-team.team-grid {
		margin-bottom: 30px;
	}

	.flat-before-footer .flat-infomation>div {
		margin-right: 0;
	}

	.page-template-front-page .wrap-header-style3 {
		padding: 0 15px;
	}

	.testimonial-slider.style-2 .testimonial-image {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.flat-imagebox .box-content {
		padding: 15px;
	}

	.flat-imagebox .flat-imagebox-button {
		margin-top: 0;
	}

	.flat-imagebox .flat-imagebox-button a {
		padding: 9px 52px 8px 14px;
	}

	.flat-imagebox .flat-imagebox-button a:after {
		top: 9px;
	}

	.footer-bottom .copyright,
	.widget-custom-menu {
		text-align: center;
	}

	.footer-bottom .copyright {
		margin-bottom: 20px;
	}

	.footer-bottom p,
	#menu-bottom li {
		line-height: normal;
	}

	article.post.style3 .featured-post {
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.flat-accordion .toggle-title {
		font-size: 14px;
	}

	.page-title .breadcrumbs {
		float: left;
	}

	.page-title .page-title-heading {
		float: none;
	}

	.entry-post-title ul.entry-meta li {
		margin-left: 0;
	}

	.top.style2 .flat-open-hours,
	.top.style2 .flat-address,
	.top.style2.v1 .flat-open-hours,
	.top.style2.v1 .flat-address,
	.flat-imagebox.item {
		width: 100%;
	}

	.footer-bottom .menu-footer li {
		margin-left: 10px;
	}

	.footer-logo {
		width: 320px;
	}

	.location {
		width: 68px !important;
	}

	.location {
		width: 58px !important;
	}

	.animated-title>div.text-top {
		top: 35%;
	}

	.flot {
		top: 79%;
	}

	.animated-title>div {
		height: 70%;
	}

}

@media (max-width: 1017px) {
	.tp-caption h1 {
		font-size: 20px;
		font-weight: 600;
		line-height: 1;
	}
}

@media (max-width: 425px) {

	.banner-section {
		padding-top: 195px;
	}

	.location {
		width: 79px !important;
	}

	.country-select {
		display: none;
	}

	.country-link {
		/* display: flex; */
		flex-wrap: wrap;
		justify-content: space-around;
		align-content: space-between;
		align-items: center;
	}



	.form-top-sec {
		flex-direction: column;
	}

	.btn-menu {
		top: 0;
	}

	.tp-parallax-wrap {
		/* position: absolute;
		display: block;
		visibility: visible; */
		left: 8.1px !important;
		/* top: 100px !important; */
		/* z-index: 16; */
	}

	.tp-mask-wrap {
		left: 0px;
		top: 55px;
	}

	.tp-caption h1 {
		font-size: 17px;
	}

	.text-top h1 {
		font-size: 24px;
		font-weight: 600;
		line-height: 35px;
	}

	.text-top p {
		font-size: 17px;
		font-weight: 500;
	}

	.flot {
		top: 86%;
	}

	.layer-text button {
		margin: 0;
	}


	.flot button {
		padding: 0 20px 0 20px;
	}

	.top-firm {
		padding-top: 10px;
	}

	.widget-box {
		padding: 52px 0 25px;
	}

	.logo img {
		width: 200px;
	}

	.clients-flex-box {
		width: 100%;
	}

	.thank-you {
		background-size: 250px;
		height: 348px;
		/* width: 500; */
		margin-top: 101px;
	}

	.top-firm {
		margin: 36px;
	}

}

@media (max-width: 375px) {
	.location {
		width: 91px !important;
	}

	.btn-menu {
		margin: 19px 0px 35px 15px;
	}

	.tp-caption h1 {
		margin-top: 12px;
	}

	.tp-caption h1 {
		font-size: 14px;
	}

	.mainnav {
		top: 111px;
	}

	.animated-title>div.text-top {
		top: 36%;
	}

	.flot {
		top: 87%;
	}

}

@media (max-width: 320px) {
	.location {
		width: 115px !important;
	}

	.tp-caption h1 {
		font-size: 12px;
	}

}