@media (min-width:1024px) and (max-width:1366px) {
	.flat-testimonials-post .owl-controls {
		display: none
	}

	.about-content {
		margin: 0
	}

	#mainnav .menu li a {
		font-size: 15px
	}

	.nav-wrap {
		margin-left: -30%
	}

	#header .site-header-right .button {
		margin-top: -2px;
		margin-left: 10px
	}

	#header .cart {
		padding-left: 15px
	}

	.features-home2 {
		left: 0;
		right: 0
	}

	.flat-features .features-box {
		display: unset
	}

	.flat-why-choose-us .button-read-more {
		left: unset
	}

	.flat-news-home2 .news-content-box {
		top: 155px
	}

	.flat-about .circel-inside {
		right: 220px
	}

	.flat-about .image-desc {
		text-align: unset
	}

	.flat-team .icon-top::after {
		top: 4px;
		right: 25px
	}

	.flat-profolio-home2 .list-box-profolio .image-profolio .active {
		height: 37.4%
	}

	.flat-profolio-home2 .list-box-profolio:hover .profolio-show {
		height: 70%
	}

	.flat-profolio-home2 .profolio-info .desc-box {
		max-width: 150px;
		max-height: 34px;
		overflow: hidden
	}

	.flat-profolio .item-four-column {
		width: 50%
	}

	.list-box-profolio .image-profolio {
		margin-bottom: 30px
	}

	.flat-testimonials .dividers-testimonials {
		height: 40px
	}

	.flat-about-2nd .content-right {
		padding: 60px 4.4% 178px 1.3%
	}

	.flat-contact .contact-address {
		bottom: 20px;
		left: -314px
	}

	.footer .footer-contact-info .location {
		padding-right: 0
	}

	.footer .footer-contact-info .phone-call {
		padding-left: 2.6%
	}

	.footer .footer-contact-info .email {
		padding-left: 5%
	}

	.footer .logo-footer {
		padding: 33px 25px
	}
}

@media (min-width:768px) and (max-width:1023px) {

	#header .header-wrap-home1,
	.top-header1 .top-bar-right {
		padding: 0;
		margin-left: 0;
		margin-right: 4%
	}

	.list-footer.wow.fadeInUp {
		margin-top: 100px;
		display: flex;
		flex-wrap: wrap
	}

	.flat-profolio-home2 .item-three-column,
	.list-footer .footer-item {
		width: 50%
	}

	.flat-why-choose-us .WCU-image {
		height: 160px
	}

	.flat-why-choose-us .button-read-more {
		left: 15%;
		transform: translate(0)
	}

	.flat-about-home2 .about-box-right {
		padding: 50px 25% 0 25px
	}

	.flat-about-home2 .about-content-left .about-count-year {
		bottom: -65px
	}

	.flat-about-2nd .content-right {
		margin-left: 10px !important;
		margin-right: 10px !important
	}

	.flat-profolio-home2 .item-flex-100 {
		display: flex;
		width: 100% !important
	}

	.item-flex-100 .list-box-profolio:first-child {
		margin-right: 15px
	}

	.item-flex-100 .list-box-profolio:last-child {
		margin-left: 15px
	}

	.flat-profolio-home2 .list-box-profolio:hover .profolio-show {
		height: 65%
	}

	.flat-profolio-home2 .list-box-profolio .image-profolio .active {
		height: 31.4%
	}

	.flat-profolio-home2 .list-box-profolio .profolio-info .profolio-btn::after {
		margin-left: unset;
		margin-right: 25px
	}

	.flat-profolio-home2 .desc-box {
		max-height: 30px;
		overflow: hidden
	}

	.flat-testimonials-home2 .testimonials-author-box {
		margin: 20px 0;
		width: unset
	}

	.flat-news-home2 .news-content-box {
		padding: 30px 20px 23px 25px
	}

	.flat-news-home2 .button-news {
		margin-right: unset;
		margin-top: 15%
	}

	.footer-style-2 .title-section-footer::before {
		top: 40%
	}

	.flat-team .icon-top::after,
	.flat-team .list-icon-hidden .fa {
		padding: 10px 11px;
		font-size: 10px
	}

	.widgets-nav-social {
		line-height: unset
	}

	.footer .logo-footer {
		padding: 38px 18px
	}

	.footer .content-email {
		max-width: 120px;
		overflow: hidden
	}

	.footer .footer-contact-info .email {
		padding-left: 4%
	}

	.footer .footer-contact-info .location {
		padding-left: 6.3%;
		padding-right: 0
	}

	#header .header-wrap-home1 .inner-header,
	.footer .footer-contact-info .phone-call {
		padding-left: 0
	}

	.footer .content-location {
		max-height: 80px;
		overflow: hidden
	}

	.flat-about-2nd .tag-logo {
		right: 0
	}

	.flat-about-2nd .content-left {
		margin-right: 0
	}

	.about-desc {
		width: 30%
	}

	.flat-about .circel-inside {
		right: 94px
	}

	#header .site-header-right .button,
	.contact .contact-address {
		display: none
	}

	#mainnav .menu li a {
		font-size: 15px
	}

	.footer .footer-contact-info .heading-16px-rubik {
		font-size: 12px
	}

	.about-inner .about-post {
		margin-top: 4.7%;
		margin-left: 80px;
		margin-right: 80px
	}

	.about-inner .about-content {
		margin-left: 0;
		margin-top: 11%
	}

	.team .list-team {
		margin: 71px 23% 0
	}

	.team .our-profolio {
		margin: 10px 3% 0 2.4%
	}

	.team .image-profolio {
		margin-bottom: 25px
	}

	.team .profolio-info {
		margin-left: 15.6px;
		margin-right: 15.6px;
		padding: 30px 20px 30px 30px;
		overflow: hidden
	}

	.team .image-profolio:hover .profolio-show {
		height: 36%
	}

	.about-2nd .about-content-left {
		padding-right: 0
	}

	.about-2nd .content-right {
		padding: 120px 0 203px 7.2%
	}

	.work-process .section-title {
		padding: 0 20% 0 20.5%
	}

	.contact {
		padding: 50px 5px 99px 0
	}

	.contact .contact-left {
		padding-right: 20%
	}

	.contact .contact-right {
		margin: 50px 0 0
	}

	.contact .contact-right .form-contact-right {
		padding: 58px 44px 51px
	}
}

@media only screen and (max-width:991px) {
	.about-content .button.hover-up {
		margin-top: 30px
	}

	.flat-services .item-four-column {
		width: 100%
	}

	.missions-card .item-four-column:last-child .our-services-box {
		justify-content: left
	}

	.btn-menu span,
	.btn-menu:after,
	.btn-menu:before {
		background-color: #1e2b61
	}

	#rev-slider2 h3 {
		line-height: 24px !important;
		text-align: left;
		padding-top: 30% !important
	}

	#mainnav-mobi a.btn {
		padding: 5px !important;
		font-size: 16px !important;
		width: 100%
	}

	.flat-contact .contact-address,
	.footer-style-2 .list-footer {
		width: 100% !important
	}

	.about-content,
	.features-home2 .features-home2-box,
	.features-home2 .section-desc,
	.flat-about .button,
	.flat-about-home2 .about-content-left,
	.flat-about-home2 .about-content-right,
	.flat-blog-detail,
	.flat-blog-home01 .blog-item,
	.flat-blog-standard,
	.flat-case-details,
	.flat-case-details .author-note,
	.flat-case-details .author-post,
	.flat-contact .contact-right,
	.flat-contact-page,
	.flat-counter .counter-content-left,
	.flat-counter .counter-content-right,
	.flat-faq,
	.flat-features,
	.flat-news-home2 .flat-news-box,
	.flat-news-home2 .section-title-box,
	.flat-profolio,
	.flat-profolio-home2,
	.flat-service-home2 .service-box,
	.flat-services .our-services-box,
	.flat-shop,
	.flat-shop .shop-item-box,
	.flat-team .list-team,
	.flat-testimonials,
	.flat-testimonials-home2 .testimonials-content-right,
	.flat-why-choose-us .flat-WCU-box,
	.flat-work-process .features-box,
	.footer .footer-contact-info,
	.footer .top-footer-left,
	.footer-style-2 .footer-form-home2,
	.footer-style-2 .list-footer,
	.footer-style-2 .widgets-menu-1 .list-menu-1,
	.inner-features,
	.subcribe-box,
	.subcribe-box .form-subcribe,
	.widgets-menu-1,
	.widgets-menu-2,
	.widgets-subcribes {
		margin: 0
	}

	#header .header-wrap,
	.flat-about-2nd .content-right,
	.flat-blog-home01,
	.flat-contact,
	.flat-contact .section-title,
	.flat-profolio,
	.flat-services,
	.flat-team,
	.flat-work-process,
	.footer-bottom,
	.list-footer,
	.widgets-nav-social {
		margin: 0;
		padding: 0
	}

	.top-header {
		padding: 0 20px
	}

	.features-home2 {
		left: 0;
		right: 0
	}

	#header .header-wrap {
		padding: 0 5px
	}

	.flat-profolio-home2 {
		padding: 0 10px
	}

	.flat-contact .contact-right .form-contact-right,
	.subcribe-box .inner-subcribe-box {
		padding: 30px
	}

	.subcribe-box .form-subcribe {
		margin-top: 10px
	}

	.flat-about-home2 .about-content-right,
	.flat-news-home2 .news-content-box,
	.flat-why-choose-us .content-features {
		padding-left: 15px;
		padding-right: 15px
	}

	.features-box,
	.flat-case-details .author-post,
	.flat-contact .contact-left,
	.flat-services .our-services-box,
	.flat-team .team-box,
	.flat-why-choose-us .WCU-image,
	.flat-work-process .content-features,
	.flat-work-process .features-box,
	.widgets-menu-1,
	.widgets-menu-2,
	.widgets-subcribes {
		margin-bottom: 30px
	}

	.about-content,
	.flat-about-2nd .content-right,
	.flat-blog-home01,
	.flat-case-details,
	.flat-contact,
	.flat-contact-page,
	.flat-faq,
	.flat-profolio,
	.flat-services,
	.flat-shop,
	.flat-team,
	.flat-testimonials-home2,
	.footer-style-2 .footer-form-home2 {
		padding: 60px 0
	}

	.flat-blog-detail,
	.flat-blog-standard {
		padding: 60px 0 120px
	}

	#mainnav,
	.cart,
	.flat-about-home2 .image-about-home2,
	.img-center,
	.search,
	.site-header-right {
		display: none
	}

	.flat-why-choose-us .features-box,
	.list-footer {
		display: block
	}

	.flat-about .about-post,
	.flat-case-details .author-post,
	.flat-case-details .post-inner-box,
	.flat-why-choose-us .features-box {
		text-align: center
	}

	.flat-about-2nd .content-right,
	.flat-about-home2,
	.flat-news-home2,
	.flat-testimonials-home2,
	.flat-why-choose-us,
	.flat-work-process,
	.footer {
		background-image: unset
	}

	.flat-service-home2 {
		height: unset
	}

	.flat-about-2nd .subcribe-about,
	.flat-contact .contact-address {
		position: unset
	}

	.flat-shop .tf-shop-item li,
	.item-four-column,
	.widget_lastest,
	.widgets-contact-info {
		width: 50%
	}

	.flat-shop .tf-shop-item {
		flex-wrap: wrap
	}

	.widget_lastest {
		float: left;
		padding-right: 10px
	}

	.widgets-contact-info {
		float: right;
		padding-left: 10px
	}

	.flat-profolio .image-profolio .active,
	.flat-profolio .image-profolio:hover .profolio-show {
		height: 38%
	}

	.flat-profolio-home2 .list-box-profolio .profolio-info .button-next {
		right: 0
	}

	.flat-profolio .profolio-info .desc-box,
	.flat-profolio-home2 .profolio-info .desc-box {
		max-width: 150px;
		max-height: 34px;
		overflow: hidden
	}

	.themesflat-pagination-style2 .text-left {
		padding: 38px 17px 38px 125px
	}

	.themesflat-pagination-style2 .text-right {
		padding: 38px 154px 38px 0
	}

	.flat-service-details .icon-services {
		padding: 40px
	}

	.flat-profolio .profolio-info {
		margin-right: 6.1%;
		padding-left: 20px;
		padding-right: 20px
	}

	.flat-profolio .list-box-profolio {
		width: 100%;
		margin-bottom: 25px
	}

	.flat-team .image-staff:not(:hover) .list-icon-hidden {
		right: -70%;
		transition: 1s
	}

	.flat-team .icon-top::after {
		top: 5px;
		right: 14px
	}

	.logo {
		display: inline-block
	}

	.btn-menu {
		position: absolute;
		display: block;
		right: 15px
	}

	.nav-wrap {
		position: relative
	}

	.content-blog-detail .input-yourname,
	.input-youremail {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.themesflat-map {
		height: 300px
	}
}

@media only screen and (max-width:767px) {

	#header .header-wrap-home1,
	.about-2nd .section-title,
	.features-home2 .features-home2-box,
	.flat-about-2nd .content-left,
	.flat-news-home2 .button-news,
	.flat-news-home2 .flat-news-box,
	.flat-service-details .services-item-left,
	.flat-service-details .services-item-right,
	.flat-team .list-team,
	.footer-style-2 .footer-form-home2,
	.footer-style-2 .list-contact-footer2,
	.footer-style-2 .widgets-about .widgets-nav-social,
	.footer-style-2 .widgets-menu-1,
	.footer-style-2 .widgets-menu-2,
	.list-footer .widgets-about {
		margin: 0 !important
	}

	.features-home2 .features-home2-box,
	.flat-case-details .author-note,
	.flat-service-details .create-by-author,
	.flat-work-process .icon-wp-box {
		padding: 20px
	}

	.features-home2 .features-home2-box,
	.flat-about .about-desc-box,
	.flat-about-2nd .box,
	.flat-news-home2 .button-news,
	.flat-service-details .services-item,
	.flat-work-process .features-box,
	.subcribe-box .btn-subcribe,
	.top-header,
	.top-header .top-bar-right {
		display: block
	}

	#header .site-header-right .button,
	.flat-case-details .paginate-box .content-features,
	.flat-work-process .icon-box,
	.flat-work-process .icon-box2,
	.flat-work-process .icon-box3,
	.footer .top-footer,
	.img-slide,
	.ripple {
		display: none
	}

	.features-home2 .features-left,
	.features-home2 .features-right,
	.flat-about .image,
	.flat-about .image-desc,
	.flat-service-details .post-inner-box img,
	.footer-style-2 .list-footer .footer-item,
	.footer-style-2 .widgets-about,
	.image-desc,
	.item-four-column,
	.item-three-column,
	.list-footer .footer-item,
	.subcribe-box .btn-subcribe,
	.top-header .top-bar-right,
	.top-header1 .top-bar-right,
	.widget_lastest,
	.widgets-contact-info {
		width: 100% !important
	}

	.flat-counter .background-counter {
		height: unset
	}

	.top-header .top-bar-left {
		display: block !important;
		float: unset
	}

	#header .header-wrap,
	.footer-bottom,
	.top-bar-right .widgets-nav-social,
	.top-footer-style2 .widgets-nav-social {
		justify-content: center
	}

	.section-title,
	.title-main {
		font-size: 37px
	}

	.features-home2 {
		bottom: -211px
	}

	.top-bar-right,
	.top-header .top-bar-left,
	.top-header .top-bar-right,
	.top-header-inner,
	.widgets-nav-social {
		line-height: unset
	}

	.top-header,
	.top-header1 {
		padding: 10px 0
	}

	.flat-counter .content-left-box {
		position: unset;
		width: unset
	}

	.flat-why-choose-us .flat-WCU-box:first-child,
	.top-header1 {
		margin-bottom: 60px
	}

	.list-footer,
	.top-footer-style2 {
		margin-top: 60px
	}

	.flat-contact .contact-right .form-contact-right,
	.flat-contact-page .contact-right .form-contact-right,
	.footer-style-2 .list-footer,
	.footer-style-2 .list-footer .footer-item,
	.widgets-contact-info {
		margin-top: 30px
	}

	.image-desc {
		margin: 30px 0
	}

	#header .header-wrap,
	#header .header-wrap-home1 .inner-header,
	.flat-profolio-home2,
	.flat-services .our-services-box .icon-size,
	.flat-services .our-services-box .icon-size2,
	.flat-services .our-services-box .icon-size3,
	.flat-services .our-services-box .icon-size4,
	.footer-style-2 .list-footer,
	.footer-style-2 .widgets-menu-1 .list-menu-1,
	.list-footer .text-decs,
	.widget_lastest,
	.widgets-contact-info,
	footer .widgets-about .widgets-nav-social {
		padding: 0 !important
	}

	.flat-about-home2 .content-features,
	.footer-style-2 .list-contact-footer2,
	.footer-style-2 .widgets-about .widgets-nav-social,
	.list-footer .text-decs {
		margin-top: 20px !important
	}

	.flat-profolio-home2 .list-box-profolio .profolio-info .profolio-btn::after {
		margin-left: 0;
		margin-right: 20px
	}

	.flat-profolio-home2 .list-box-profolio .image-profolio .active {
		height: 32.4%
	}

	.flat-profolio-home2 .list-box-profolio:hover .profolio-show {
		height: 62.4%
	}

	.flat-news-home2 .button-news {
		float: left
	}

	.flat-profolio-home2 .desc-box {
		max-height: 30px;
		overflow: hidden
	}

	.flat-about .about-desc-box,
	.flat-testimonials-home2 .testimonials-author-box,
	footer .widgets-about .widgets-nav-social {
		margin: 20px 0
	}

	.flat-testimonials-home2 .author-carousel {
		bottom: -20px;
		left: 0;
		padding: 0 15px
	}

	.flat-blog-detail,
	.flat-blog-standard {
		padding-bottom: 60px !important
	}

	.flat-about .button,
	.flat-about .image-desc,
	.flat-work-process .content-features,
	.flat-work-process .icon-wp-box,
	.subcribe-box .btn-subcribe,
	.top-footer-style2,
	.top-header,
	.top-header1 {
		text-align: center
	}

	.footer-style-2 .title-section-footer::before,
	.subcribe-box .btn-subcribe {
		position: unset
	}

	.flat-services .our-services-box {
		display: grid;
		text-align: center !important;
		padding-top: 30px;
		margin: 0 0 30px;
		justify-content: center
	}

	.flat-services .content-features {
		padding: 24px 20px 12px
	}

	.flat-contact-page .contact-right .form-contact-right {
		padding: 0 15px
	}

	.flat-testimonials .list-testimonials {
		margin: 103px 0 120px
	}

	.subcribe-box {
		height: unset;
		padding-bottom: 37px
	}

	.flat-team .list-team {
		margin-left: -15px;
		margin-right: -15px
	}

	.flat-about-2nd .content-left {
		height: 500px
	}

	.flat-about-2nd .desc-features {
		padding-right: 15px
	}

	.flat-service-details .post-inner-box,
	.res-btn-slider {
		margin-bottom: 20px
	}

	.flat-work-process .icon-box2 {
		position: absolute;
		top: 42%;
		right: -44px
	}

	.flat-work-process .icon-box3 {
		position: absolute;
		top: 43%;
		right: -42px
	}

	#rev-slider2 .button-box {
		display: unset;
		margin-top: 170px
	}

	.flat-work-process .content-features {
		padding: 34px 35px 0 15px
	}

	.flat-contact .info {
		max-height: 80px;
		overflow: hidden
	}

	.content-blog-detail .box-2,
	.flat-contact .contact-right .input-phone,
	.flat-contact-page .contact-right .input-phone,
	.input-services {
		margin-left: 0
	}

	.footer-style-2 ul.list-menu-1,
	.list-menu-1,
	.list-menu-2 {
		margin-left: 20px !important
	}

	.about-box,
	.flat-about-2nd .content-right .about-box,
	.flat-contact .contact-right .input-name,
	.flat-contact-page .contact-right .input-name,
	.flat-shop .tf-shop-item li,
	.input-email,
	.input-phone,
	.input-services,
	.item-two-column,
	.missions-icon {
		width: 100%
	}

	.flat-contact .contact-right .input-row,
	.flat-contact-page .contact-right .input-row {
		display: unset
	}

	.box-counter-wrap .wrap-counter,
	.flat-work-process .section-title {
		padding: 0
	}

	.subcribe-box .form-subcribe {
		margin: 20px 0 0
	}

	.subcribe-box .inner-subcribe-box {
		padding-top: 40px;
		padding-left: 25px
	}

	.flat-about-2nd .tag-logo {
		right: 0
	}

	.flat-profolio .list-box-profolio {
		width: 100%;
		margin-left: 0;
		margin-bottom: 25px
	}

	.flat-team .icon-top::after {
		top: 12px;
		right: 25px
	}

	.tf-features .desc-features {
		margin-bottom: 20px;
		max-height: 80px;
		overflow: hidden
	}

	.service-inner .desc-features {
		max-height: 88px;
		overflow: hidden
	}

	.about-2nd .content-right {
		padding: 98px 0 160px 5%
	}

	.flat-case-study .list-box-profolio .image-profolio .active,
	.flat-case-study .list-box-profolio .image-profolio:hover .profolio-show {
		height: 40%
	}

	.btn-menu span,
	.btn-menu:after,
	.btn-menu:before {
		background-color: #1e2b61
	}

	.top-header1 {
		margin-bottom: 45px
	}

	#mainnav-mobi a.btn {
		padding: 5px !important;
		font-size: 16px !important;
		width: 100%
	}

	h2.title-slider.text-pri2-color {
		font-size: 32px !important;
		line-height: 38px !important;
		text-align: center
	}

	.about-content .button.hover-up {
		margin-top: 22px;
		text-align: left
	}

	.input-company {
		margin: 0 !important;
		width: 100%
	}

	#rev-slider2 .btn {
		margin-right: 0;
		width: 100%
	}

	#rev-slider2 h3.sub-title {
		line-height: 24px !important;
		padding-top: 50% !important;
		text-align: center
	}

	.widgets-menu-1.padding-top-listfooter {
		padding-top: 30px !important
	}

	.footer-bottom .copyright-text {
		margin-top: 10px
	}

	.about-main-page .about-content {
		padding-top: 50px
	}

	.missions-icon img {
		width: 70px
	}

	.missions-icon .path1 {
		left: auto
	}

	.flat-services .our-services-box:hover .missions-icon-hover {
		margin: auto
	}
}


/* Start - Responsive Styles */
@media (max-width: 1367px) {
	.flat-contact .contact-address{
		left: -386px;
	}
}

@media (max-width: 1199px) {
	.flat-contact{
		padding-right: 0;
		padding-top: 100px;
	}
	.flat-contact .section-title {
	    margin-top: 0;
	}
	.flat-contact .contact-left {
	    margin: 0 0 30px 0;
	}
	.flat-contact .contact-right {
	    margin-left: 0;
	}
	.contact-right .form-contact-right{
		padding: 55px;
	}
	.flat-contact .contact-address {
	    position: relative;
	    bottom: auto;
	    left: auto;
	    width: 100%;
	    margin-top: 30px;
	}
}

@media (max-width: 1024px) {

}

@media(max-width: 991px) {
	.list-footer .widgets-about{
		margin-left: 0;
		padding-right: 0;
		margin-bottom: 40px;
	}
	.list-footer .text-decs {
	    padding-top: 15px;
	    padding-right: 0!important;
	}
	.widgets-menu-1 .list-menu-1 {
	    padding: 15px 18px 0;
	}
}

@media(max-width: 767px) {

}

@media(max-width: 575px) {
	.flat-contact .contact-address{
		padding: 20px 15px 20px 15px;
	}
	.flat-contact .contact-address .box-3:last-child{
		margin-bottom: 0px;
	}
	.flat-contact .contact-right .form-contact-right{
	    padding: 20px;
	}
	#rev-slider2 h1 {
	    font-size: 35px !important;
	    line-height: 43px !important;
	}
	#rev-slider2 h3.sub-title {
	    padding-top: 55% !important;
	    text-align: left;
	}
}