@media only screen and (max-width:1366px) {
.title-section .flat-title {
	font-size: 30px
}
.tf-topbar {
	padding-left: 23%!important
}
.testimonials-style .subscribe {
	width: 87.5%;
	left: 6.2%;
	top: -15.5%!important
}
.tfnewslatter-style {
	margin-top: -950px
}
.image-profolio-style2 img, .tf-coutor, .window-services-style2 .content-service-title, .icon-box {
	width: 100%
}
.content-blog-style2 .title-blog, .icon-box {
	padding-left: 0!important
}
.show-search {
	margin-left: 30px
}
.flex-header .flat-show-search {
	float: left
}
.questions-style .title-section .flat-title {
	padding: 0 160px
}
.content-blog {
	padding: 10px 0
}
.content-blog, .image-box .content-box, .title-blog {
	padding-left: 15px;padding-right: 15px;
}
.flat-tabs .image-profolio {
	1margin-top: -11px
}
.window-services-style2 {
	padding-bottom: 260px
}
.page-title {
	1padding-bottom: 120px
}
.partners-style2 .btn-tab {
	display: block!important
}
.iconbox-service {
	margin-bottom: 30px
}
.flat-testimonials-post .owl-controls, .btn-tab {
	display: block!important
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	position: absolute
}
.tf-coutor .box {
	width: 23%;
	margin-left: 15px!important
}
.about2 .bg-img {
	left: -6.1%
}
.newslatter .btn-style-6 .btn-title {
	padding: 0 40px
}
.features .iconbox-features .icon-list {
	padding-left: 17%
}
.partners-style2 .owl-carousel .owl-dots.disabled, .partners-style2 .owl-carousel .owl-nav.disabled {
	display: block!important;
	text-align: center;
	top: -54%;
	right: 6.2%
}
.partners-style2 .owl-carousel .content-title a {
	font-size: 18px!important
}
.partners-style2 .profolio-show {
	padding: 23px 15px 10px!important
}
.tf-image-box .image img {
	width: 50%
}
.tf-coutor .box .icon-wrap i {
	font-size: 38px
}
.tf-coutor {
	margin: -10% 0 0;
	padding: 80px 0 80px 0
}
.tf-coutor .box .icon-wrap {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background-color: transparent;
	text-align: center;
	padding-top: 13px
}
.icon-wrap-style2 {
	padding-top: 17px!important
}
.tf-coutor .box .icon-wrap .icon-iconcoutor3 {
	font-size: 40px!important;
	padding-top: 10px!important
}
.tf-coutor .icon-wrap {
	margin-left: 15px!important
}
.tf-coutor .coutor-box {
	margin-left: 100px
}
.flat-case-study-style {
	margin-top: -34.5%;
	padding: 0 0 90px;
	background-color: #434e6e
}
}
@media only screen and (max-width:1199px) {
.tf-topbar {
	width: 82.5%!important
}
header.fixed-header {
	position: fixed!important;
	left: 0!important;
	top: 0!important;
	width: 100%!important;
	z-index: 999!important
}
.box-border {
	min-width: 100%
}
.iconlist-about-style2 li, .tf-icon-box-style, .image-profolio-style2 img, .service-slider, .service-content, .window-service-style4 .col-md-7, .window-service-style4 .col-md-5, .image-box-about .image img, .tf-contact-us .col-md-4, .tf-information .image, .about2 .image, .tf-coutor, .content-service, .content-service-title, .image-hoverstyle2 .image img {
	width: 100%!important
}
.image::before {
	left: -100%
}
.list-window2 .content-tab .content-inner .d-lg-flex {
	flex-direction: column
}
.tf-company-team .col-md-3 {
	width: 50%;
	margin-bottom: 30px
}
.partners-style3 .owl-carousel .owl-nav .owl-next {
	margin-left: 240px
}
.window-style2 ul li {
	width: 46.3%
}
.list-window1 .icon-box-dor li, .questions-contact .content-form {
	width: 40%
}
.what-we-do-style2 .image-box {
	width: 30.2%;
	padding: 15px
}
.questions-contact .content-form {
	padding-bottom: 34px!important
}
.tf-icon-box-style li {
	padding-left: 15px!important;
	padding-right: 5px!important
}
.icon-box-details li {
	width: 31.6%
}
.questions-style2 .form-questions {
	width: 60%
}
.iconlist-about li {
	width: 48%
}
.rev-slider1 .text-image, .text-image, .image-slider {
	display: none!important
}
.about2, .about-us, .header-style2 .content-menu .nav-wrap, .header-style2, .tf-coutor {
	position: relative
}
.about-style .btn-about, .about2 .icon-box-style2, .flex-header .btn-menu, .content .btn-tab {
	position: absolute
}
.about-style .btn-about {
	bottom: -60px
}
#mainnav>ul>li {
	margin: 0 15px
}
.nav-wrap {
	height: 90px
}
.header .logo {
	padding: 40px 35px 40px 22px
}
.icon-box-dor li {
	float: none
}
.header-style2 .content-menu .search-btn {
	width: 35%
}
.tf-coutor .box {
	width: 25%!important
}
.image-box-team .image-box .meta-blog .content-blog, .image-box-team .title-blog, .btn-about a, .iconlist-about, .tf-slider-style, .list-window2 .flat-tabs .content-tab .image, .content-about, .header-style2, .tf-image-box .pd-center {
	padding: 0
}
.image-profolio {
	text-align: center
}
.margin-botom35, .btn-about a, .header-style2, .flex-header .btn-menu {
	margin: 0
}
.about2 .no-padding-right, .what-we-do-style .image-box {
	margin-bottom: 50px
}
.icon-box {
	padding-left: 0;
	width: 90%
}
.image-box:hover .title-imagebox {
	top: 36%!important
}
.content .btn-tab {
	right: 15px
}
.list-window2 .menu-tab li, .list-window1 .title-section, .tf-contact-us .col-md-4, .icon-box-details li {
	margin-bottom: 30px
}
.questions-contact .content-form .title-section, .about-style .col-md-6, .tf-coutor .box, .features .title-section, .flat-tabs .col-md-8 .row {
	margin-bottom: 20px!important
}
.window-service2-style p {
	padding: 0 160px
}
.window-style2 ul li {
	width: 46.3%
}
.window-col1, .window-col2 {
	padding: 32px 0
}
.testimonials-style .subscribe {
	padding: 54px 30px;
	top: -125px!important
}
.testimonials-style .icon-list {
	margin-top: 105px!important
}
.testimonials-style .form-email button {
	top: 91px;
	right: 35px
}
.testimonials-style .boxtestimonial, .testimonials-style .imagebox-style2 {
	padding: 35px 20px 30px 26px
}
.questions-style .form-questions {
	padding: 1px 50px 42px
}
.iconlist-about, .questions-style .comment-respond {
	margin-top: 20px
}
.image-box-team .image-box .meta-blog .content-blog, .comment-respond form {
	padding-top: 20px
}
.image-box-team .image-box .meta-blog {
	padding-bottom: 20px
}
.questions-style #commentform .message-wrap textarea {
	height: 120px!important
}
.questions-style .flat-title {
	padding: 0 190px
}
.questions-style .image-form .contact {
	width: 87%
}
.testimonials-style .flat-title-style2 {
	font-size: 38px!important
}
.flat-tabs .image-profolio {
	margin-top: 0
}
.portfolio {
	padding-top: 150px
}
.tf-coutor {
	margin: -13% 0 0;
	padding: 80px 0 160px 15px
}
.iconlist-about .margin-left, .list-window2 .menu-tab, .flat-tabs-about, .content-about-style2, .tf-coutor .box {
	margin-left: 0!important
}
.list-window2 {
	text-align: center
}
.tf-coutor .box {
	float: left;
	width: 25%!important
}
.header-style2 .content-menu .search-btn {
	float: right
}
.header-style2 .content-menu .nav-wrap {
	width: 65%;
	padding-left: 50px
}
.flex-header .btn-menu {
	right: -15%;
	top: 50%;
	margin-top: -8px!important
}
.about2 .no-padding-right {
	padding-right: 15px
}
.padding-center {
	padding: 0 15px
}
.about2 .bg-img {
	left: -2.1%
}
.about2 .icon-box-style2 {
	bottom: 13%;
	z-index: 100
}
.sub-style2 .box2-subscribe button {
	top: 37px!important;
	right: 11%
}
.about-style .content-about .title-section, .iconbox-features .iconbox-content li {
	margin-bottom: 10px
}
.iconbox-features .iconbox-content li a {
	margin-left: 20px!important;
	font-size: 14px!important
}
.features .iconbox-features .icon-list {
	margin-bottom: 27px!important;
	padding-left: 45px
}
.iconbox-features .iconbox-content p {
	letter-spacing: 1.2px!important
}
.features .iconbox-content .btn-style-4 .btn-title {
	padding: 0 31px
}
.partners-style2 .image-profolio:hover .profolio-show {
	height: 114px
}
.window-service-style .window {
	top: 55%;
	left: 25%!important
}
.meta-blog-style2 .entry-calendar {
	top: 180px
}
.footer-h2 {
	margin-top: -25.5%
}
.service-slider .owl-carousel .owl-dots.disabled, .service-slider .owl-carousel .owl-nav.disabled {
	top: 160px
}
}
@media only screen and (max-width:991px) {
#mainnav-mobi {
	max-height: calc(100vh - 100px);
	overflow-y: auto
}
.image-box .meta-blog {
	margin: 0!important
}
.page-title-content {
	padding: 40px 0 50px!important
}
.tf-tabs-style .tabs-case-study .image-profolio {
	width: 47%!important
}
.tf-topbar {
	padding-left: 15px!important
}
.image-box-team .image img, .tf-information .image-hover .image img, .flat-tabs-porpolio .image-profolio .image img, .window-service-style .service .image img, .tf-icon-box-style li, .tabs-garallry .col-sm-4, .tf-product .col-md-4, .service-slider .image-profolio .image img, .tabs-case-study .image img, .no-column .col-left, .questions-contact .form-questions .text-wrap fieldset, .tf-windows-service .col-md-5 .image img, .what-we-do-style .image img, .window-service2-style .col-md-6 .image img, .service-slider, .service-content, .list-window1, .list-window2, .list-window2 .flat-tabs .content-tab img, .tf-icon-box .icon-box2, .tf-coutor, .box1-subscribe, .box2-subscribe, .blog-content .col-right, .questions-style .image-form, .questions-style .form-questions, .main-top {
	width: 100%!important
}
.header .main-top {
	transform: translateY(0)
}
.header .logo, .content-wrap .nav-wrap {
	height: 100px
}
.page-title {
	padding-top: 130px;
	padding-bottom: 150px
}
.page-title-inner {
	padding-top: 260px!important;
	padding-bottom: 20px!important
}
.header .logo {
	padding: 15px
}
.tf-window-door .image img {
	width: auto!important
}
.tf-image-box .image i {
	bottom: 15px!important
}
.flat-tabs-type4 .content-tab .case-tab {
	margin-left: 25px!important
}
.partners-style2 .owl-carousel .content-title a {
	font-size: 20px!important
}
.flat-tabs-about .flex {
	display: block!important
}
.box-company {
	margin: 0 15px;
	margin-top: -50px
}
.sidebar-service .inner-sidebar {
	width: 100%!important;
	display: flex;
	flex-direction: column
}
.select-product, .widget-style2, .image-box-style3 {
	width: 48%;
	float: left
}
.widget-style2 {
	margin-right: 2%
}
.image-box-style3 {
	margin-left: 2%
}
.sidebar-service .widget-category, .sidebar-service .category-wrap, .flat-tabs-porpolio .content-tab .row .col-sm-4, .tf-window-door .col-sm-4, .footer .col-sm-3, .tf-company-team .col-sm-3, .questions-contact .content-form, .questions-contact .form-questions, .tf-icon-box .icon-box1, .tf-icon-box .icon-box3, .tf-coutor .box, .flat-portfolio .item, .flat-portfolio .one-four .item, .blog-grid.blog-four-columns article {
	width: 50%!important
}
.what-we-do-style2 .image-box {
	width: 45.999999999999999%
}
.header-style2 .nav-wrap {
	width: 75%!important
}
.header-style2 .search-btn {
	width: 25%!important
}
.tf-about .what-we-do-content .col-sm-4 {
	width: 33.33%
}
.tf-window-door .image img {
	text-align: left!important
}
.select-product-style {
	margin-left: 4%;
	margin-top: 2px
}
.icon-select-search-style3::before {
	top: 68px;
	left: 43%
}
.flat-show-search {
	float: right!important
}
.what-we-do-style1 .col-sm-4 {
	width: 33.33%!important
}
.col-right .widget_lastest, .col-right .blog-contact, .col-sm-4, .footer .col-sm-3 {
	float: left
}
.col-right .blog-contact {
	margin-left: 4%;
	margin-top: 55px
}
.tf-about .title-section p {
	padding: 0 15px
}
.tf-company-team .col-md-3 {
	text-align: center
}
.tf-product .col-md-4, .window-style3 .text, .tf-icon-box .icon-box1 {
	display: flex
}
.testimonials-style .box-testimonials .icon-list .box, .tf-icon-box .icon-box1, .tf-icon-box .icon-box3 {
	display: inline-block
}
.testimonials-style .box-testimonials .icon-list .box .icon-material::before, .testimonials-style .box-testimonials .icon-list .box .icon-heart::before, .testimonials-style .box-testimonials .icon-list .box .icon-ios-people::before {
	padding: 40px;
	font-size: 40px
}
.tf-icon-box .icon-box2 .image::before {
	left: -85%!important
}
.tf-spacer {
	height: 130px
}
.questions-contact .content-form {
	padding: 43px 23px 184px 43px!important
}
.flat-carousel-box-style2 .image-box .content-box, .profolio-show, .window-service-style .col-md-6, .icon-box-dor li {
	padding-left: 15px!important
}
.about-style .about-image .imgstyle1, .iconbox-features .iconbox-content li span {
	margin-left: 0!important
}
.iconbox-features .iconbox-content li::before {
	left: -15px!important
}
.profolio-show .btn-tab, .partners-style2 .profolio-show .btn-tab, .btn-tab, .custom .tp-bullet, .btn-menu {
	display: block!important
}
.icon-box-dor-style2 li a {
	padding-left: 13px!important
}
.btn-menu, .tf-window-door .box-style2, .about2 .icon-box-style2 {
	position: absolute!important
}
.testimonials-style .box-testimonials .icon-list .box, .main-top .logo {
	min-width: 30%
}
.content-wrap {
	width: 70%
}
.list-window1 .title-section, .tf-image-box .pd-center, .col-md-6 .margin5-28 {
	margin-bottom: 0!important
}
.header-style2 .btn-top, .carosel-testimonials .owl-nav button.owl-next, .carosel-testimonials button.owl-prev, .imagebox-style2 .image::before, .partners-style3 .owl-carousel .owl-nav button, .partners-style3 .owl-carousel .owl-nav .owl-next, .content-wrap .flat-appointment {
	display: block!important
}
.main-top .content {
	max-width: 70%!important
}
.btn-menu {
	top: 50%;
	margin-top: -8px;
	right: 15px
}
.nav-wrap {
	z-index: 100
}
.tf-window-door {
	position: relative
}
.tf-window-door .box-style2 {
	bottom: -480px
}
#header {
	top: 0
}
.bg-img-style2, .tf-window-door .box-style2 {
	left: 0
}
.carousel, header {
	padding-top: 50px
}
.service-slider, .tf-about .what-we-do-content .col-sm-4, .what-we-do-content .col-md-4, .tf-windows-service .col-md-7, .about-us .col-md-6 {
	margin-bottom: 50px
}
.image-box:hover .title-imagebox {
	top: 68%;
	transition: all .5s ease-in-out
}
.what-we-do-content .content-service-title {
	margin-top: 7px
}
.tf-window-door .icon-box-dor li {
	height: 60px;
	line-height: 60px
}
.tf-window-door .icon-box-dor li, .iconlist-about-style li, .blog-post-content .title-section .flat-title, .tf-blog-slider .col-md-7, .flat-tabs .style2 {
	margin-bottom: 20px!important
}
.icon-box {
	width: 85%
}
.btn-about {
	margin-top: 140px
}
.what-we-do-content .image-box:hover .title-imagebox {
	top: 66%
}
.menu-wrap .btn-menu {
	height: 24px
}
.btn-tab {
	right: 5%
}
.box-border ul li {
	padding: 28px 5px 33px
}
.window-service {
	padding-bottom: 0
}
.window-service-style .window {
	margin-top: 250px!important;
	left: 0%!important;
	margin: 0 auto;
	position: relative!important;
	padding: 0 15px
}
.window-service2-style p {
	padding: 0 80px
}
.window-style2 ul li {
	width: 47.9%
}
.list-window2, .margin-top71, .tf-blog-slider, .blog-new .image-box, .window-service2-style .image-change {
	margin-top: 30px
}
.tf-newslatter .subscribe, .overlay-img, .tf-newslatter .subscribe {
	height: 100%
}
.tf-newslatter .subscribe {
	padding: 30px 30px 260px;
	z-index: 99
}
.about-us .col-md-6 {
	margin-bottom: 80px
}
.tf-company-team .col-sm-3, .list-window2 .flat-tabs .menu-tab li, .content-blog .col-md-4 {
	margin-bottom: 40px!important
}
.iconlist-about li, .questions-style .image-form, .questions-style .form-questions {
	margin-bottom: 20px!important
}
.questions-style .image-form .contact {
	width: 93.5%
}
#main-top .content-wrap {
	width: 70%
}
.service-details .col-md-8, .testimonials-style .box-testimonials .icon-list .box .material, .testimonials-style .box-testimonials .icon-list .box .heart, .testimonials-style .box-testimonials .icon-list .box .people, .testimonials-style .icon-list, .testimonials-style .carosel-testimonials, .col-right {
	margin-top: 50px!important
}
.testimonials-style .box-testimonials .icon-list .box {
	margin: 0!important
}
.box2-style {
	margin-top: 5px!important
}
.sub-style2 .box2-subscribe button {
	top: 124px!important;
	right: 11%
}
.col-right .widget_lastes, .col-right .blog-contact {
	display: inline-block
}
.widget_lastest, .blog-contact {
	width: 48%
}
.service-slider .image-profolio .image, .list-window2, .top, .top .flat-questions {
	text-align: center
}
.service-slider .owl-carousel .owl-dots.disabled, .service-slider .owl-carousel .owl-nav.disabled {
	right: 50px;
	top: 41.6%
}
.service-slider .owl-carousel .owl-nav .owl-next {
	margin-left: 450px!important
}
.list-window2 .content-tab .col-tab {
	justify-content: center
}
.testimonials-style .form-email button {
	top: 77px;
	right: 24px
}
.portfolio, .content-wrap, .content-blog .title-blog, .content-blog .post-meta li, #footer .footer-widget, .title-section, .flat-title, #footer .footer-contact, .questions-contact .flat-title, .list-window2, .iconlist-about, .col-right, .carosel-testimonials p {
	padding: 0!important
}
.testimonials .boxtestimonial {
	padding: 35px 20px 35px 50px;
	border-radius: 5px
}
.testimonials-style .subscribe {
	top: -10%!important
}
.testimonials-style {
	padding-top: 50px
}
.testimonials-style .subscribe {
	padding: 20px 20px 0
}
.testimonials-style .form-email button {
	top: 78px
}
.testimonials-style .padding-top29 {
	padding-top: 10px
}
.flat-title-style2 {
	font-size: 30px
}
.subscribe .form-email input {
	padding: 43px 0 38px 15px;
	width: 100%!important
}
.icon-box-infor li, .content-blog .post-meta li, #topbar .topbar-socials, .footer .colum1 {
	padding-right: 15px!important
}
.footer .col-sm-3 {
	margin-bottom: 30px
}
.footer .colum3 {
	margin-top: 5px
}
.footer .colum1 img {
	margin-top: 20px!important
}
.footer-style2 .logo {
	padding: 0 40px
}
.tf-newslatter .box2-subscribe, .top .col-md-6.text-right {
	padding-top: 20px!important
}
.themesflat-pagination ul li .page-numbers {
	height: 45px;
	width: 45px;
	line-height: 45px
}
.what-we-do-content .image-box h4 {
	font-size: 15px
}
.about-style {
	padding-bottom: 50px
}
.portfolio-filter li {
	padding: 0 10px
}
.comments-area ul.children {
	margin-left: 50px
}
.tf-coutor {
	margin: -16% 0 0;
	padding: 41px 0 227px 15px
}
.partners-style2 .owl-carousel .owl-dots.disabled, .partners-style2 .owl-carousel .owl-nav.disabled {
	top: -107px
}
.subscribe .form-email input {
	padding: 20px 0 20px 15px
}
.icon-box-style2 .margin-right {
	margin-left: 0
}
.content-blog .title-blog, .list-window2 .flat-tabs .content-tab .image, .btn-about a {
	margin: 0!important
}
.window-services-style2 .iconbox-service-style2, .window-services-style2 .iconbox-service-style2 .tf-icon-box-style {
	margin-top: 0!important
}
.iconlist-about li {
	margin: 0
}
.tf-topbar {
	padding-left: 15px;
	position: relative;
	width: 100%;
	width: 100%!important
}
.newslatter .case-study .flat-filter-isotope {
	padding-left: 12px
}
.features .iconbox-features .icon-list {
	padding-left: 10px
}
.tf-testimonials {
	padding-bottom: 130px
}
.meta-blog-style2 .entry-calendar {
	top: 469px
}
.footer-h2 {
	margin-top: -35.5%
}
.partners-style3 .owl-carousel .owl-nav .owl-next {
	margin-left: 280px
}
.partners-style3 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	right: 154px
}
.icon-window {
	width: 55px;
	height: 55px;
	text-align: center;
	transform: translateY(-30px)!important
}
.icon-window img {
	transform: scale(.6);
	margin-top: -22px
}
.what-we-do-content-style .button-imagebox {
	left: 37%
}
}
@media only screen and (max-width:767px) {
.flat-slider .title2 {
	font-size: 50px!important
}
.tf-tabs-style .tabs-case-study .image-profolio {
	width: 100%!important
}
.main-post .conten-section {
	margin: 0!important
}
.widget-style2, .image-box-style3, .about-image .image img, .tabs-case-study .image-profolio, .tabs-garallry .content-tab .image-profolio, .flat-tabs-type2 .content-tab .row .col-sm-4, .what-we-do-style1 .col-sm-4, .tf-about .what-we-do-content .col-sm-4, .what-we-do-style2 .image-box, .iconbox-features, .meta-post .content-post, .footer .col-sm-3, .content-tab .col-sm-4, .tf-company-team .col-sm-3, .list-window1 .icon-box-dor li, .icon-box-details li, .questions-contact .content-form, .questions-contact .form-questions, .tf-list-service .list-window, .tf-list-service .list-service, .top-bar-style2 .top-content, .box-col1, .box-col2, .tf-coutor, .iconbox-features, .iconbox-features-style2, .sub-style2, .flat-cases .case, .icon-box-style2 li, .footer-wrap .col-sm-4, .top-bar-style2 .topbar-socials, .tag-socical .tag, .tag-socical .socical, .what-we-do-content .content-service-title, .what-we-do-content .content-service, .icon-box, .blog-contact img, .blog-contact, .widget_lastest {
	width: 100%!important
}
.page-title {
	padding-top: 215px
}
.header .logo {
	width: 35%
}
.header .content-wrap {
	width: 65%
}
.tf-icon-box-style li, .tf-coutor .box, .iconlist-about li {
	width: 50%!important
}
.tf-newslatter .subscribe {
	padding-bottom: 300px!important
}
.tf-topbar .top-content {
	justify-content: center;
	justify-items: center;
	width: 100%
}
.tf-topbar .topbar-socials {
	width: 100%;
	text-align: center
}
.iconbox-features .iconbox-content li::before {
	left: 28%!important
}
.icon-select-search-style3::before {
	top: 68px;
	left: 43%
}
.flat-tabs-type4 .content-tab .case-tab {
	margin-left: 5%!important;
	margin-right: 5%!important;
	width: 39.5%!important
}
.window-style2 ul li {
	float: left;
	width: 48%;
	margin-bottom: 30px!important;
	padding: 30px 0!important
}
.meta-post .content-post {
	margin: 30px auto!important;
	padding: 20px 15px;
	box-shadow: 0 10px 30px rgb(0 0 0/10%)
}
.bg-img-style2, .meta-blog-style2 .entry-calendar, .partners-style2 .owl-carousel .owl-dots.disabled, .partners-style2 .owl-carousel .owl-nav.disabled, .tp-bullet, .window-service-style .window, .content-wrap .flat-appointment {
	display: block!important
}

.flat-appointment {
    position: absolute;
    right: 30px;
}
.tabs-case-study .profolio-show .btn-tab, .tf-windows-service .tf-list-service .flex, .topbar .topbar-socials, .top-bar-style2 .topbar-socials, .features .d-lg-flex {
	display: block!important
}
.tabs-case-study .image-profolio .profolio-show .tftitle-style2 {
	font-size: 20px!important
}
.footer .colum3 {
	margin-top: 21px
}
.tf-topbar .top-content li, .top-bar-style2 .top-content li, .top-bar-style2 .topbar-socials {
	height: 30px!important
}
.what-we-do-content .image-box .title-imagebox {
	top: 69%!important
}
.tf-topbar .top-content li {
	margin: 0 15px
}
.window-service2-style .title-section, .what-we-do-style2 {
	padding: 0 15px
}
.tf-about .what-we-do-content .button-imagebox, .what-we-do-content-style .button-imagebox {
	left: 42.7%!important
}
.image-box:hover .title-imagebox {
	top: 67.5%;
	transition: all .5s ease-in-out
}
.testimonials-style .boxtestimonial {
	border-radius: 5px;
	margin-bottom: 15px
}
.questions-style .flat-title {
	padding: 0
}
.questions-contact .content-form {
	padding: 43px 23px 50px 43px!important
}
.questions-style #commentform .name-wrap, .questions-style #commentform .mail-wrap, .questions-style #commentform .select-wrap, .questions-style #commentform .phone-wrap {
	width: 47%
}
.questions-style .image-form .contact {
	width: 92%
}
.title-section .flat-title {
	font-size: 24px!important
}
.meta-post .tf-post, .content-about, .flat-tabs .menu-tab li, .blog-post-content .flat-title {
	margin-bottom: 20px!important
}
.carosel-testimonials .boxtestimonial {
	padding: 30px 15px!important
}
.questions-style .form-questions, .window-service2-style p {
	padding: 0 15px 20px!important
}
.top-content .email, .col-right .blog-contact {
	margin-left: 0
}
.top-content .email {
	margin-right: 4%
}
.margin-left30 {
	margin-left: 4%
}
.testimonials-style, .window-service {
	padding-bottom: 0!important
}
.testimonials-style {
	padding-bottom: 50px
}
.testimonials-style .form-email button {
	right: 3.6%;
	top: 67.3%
}
.testimonials-style .form-email button span {
	background-color: #434e6e;
	color: #fff
}
.testimonials-style .subscribe {
	padding: 36px 20px 80px 31px;
	top: -13%!important
}
.testimonials-style .form-email button {
	left: 7.5%!important;
	top: 77.3%!important;
	width: 88%!important
}
.widget-style2, .image-box-style3, .what-we-do-style2 .image-box, .box-company, #botom .bottom-wrap #copyright, .what-we-do-content .content-service-title {
	margin: 0!important
}
.tf-list-service .list-window, .tf-list-service .list-service {
	margin: 0 0 30px
}
.testimonials-style .flat-title-style2 {
	font-size: 27px!important
}
.flat-slider .text-right img {
	height: auto!important
}
#rev-slider2 .text-right {
	margin-top: 171px!important
}
#rev-slider2 h5 {
	font-weight: 400!important;
	font-size: 15px!important;
	line-height: 41px!important;
	color: #fff;
	font-family: rajdhani, sans-serif!important
}
.image-puzzle .img-bg2 {
	left: 10%
}
.button-imagebox {
	left: 46.7%!important
}
.testimonials-style {
	padding-top: 50px!important
}
.testimonials-style, .footer .colum1 img {
	margin-top: 0!important
}
.footer .colum1 {
	padding-right: 15px
}
.content-service-title {
	margin-top: 25px!important
}
.about-style .col-sm-6, .what-we-do-content-style .col-sm-4 {
	margin-bottom: 50px
}
.top-bar-style2, .tag-socical .tag, .tag-socical .socical {
	padding-bottom: 20px
}
.top .col-md-6.text-right {
	padding-top: 5px!important
}
.margin-botom35, .questions {
	padding-top: 50px
}
.features .d-lg-flex {
	display: block!important
}
.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
}
.tf-topbar {
	height: 90px
}
.top-bar-style2 {
	height: auto!important
}
.iconbox-features .icon-list, .footer-wrap .logo img, .top-bar-style2 .topbar-socials {
	text-align: center!important
}
.header-style2 .col-md-2 {
	width: 40%
}
.header-style2 .col-md-7 {
	width: 60%
}
.nav-wrap {
	padding-right: 10px
}
.comment-list .children>li, .menu-wrap .btn-menu {
	padding: 0!important
}
.top-bar-style2 .top-content {
	display: flex;
	flex-direction: column
}
.footer-wrap .col-sm-4 {
	text-align: center
}
.iconbox-service-style2, .icon-box-style2 .padding-left20, #text-bottom {
	padding-left: 0!important
}
.footer-wrap .logo img {
	float: none;
	margin: 10px 0
}
.content-style2 .content-service-title {
	margin-top: 7px;
	width: 100%!important
}
.about2 .icon-box-style2 {
	bottom: 10%
}
.content-about .flat-title {
	padding-right: 0
}
.window-services-style2 .iconbox-service ul li, .iconbox-service ul li {
	width: 46%!important
}
.sub-style2 .box2-subscribe button {
	top: 171px!important
}
.sub-style2 {
	padding: 43px 0 38px 0
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none!important
}
.tf-coutor {
	margin: -16% 0 0
}
.tf-image-box .image img {
	width: 40%
}
.footer-h2 {
	margin-top: -52.5%
}
#footer .footer-widget {
	padding-bottom: 15px
}
#botom {
	height: 60px!important;
	line-height: 60px!important
}
.flat-tabs-type2 .d-lg-flex {
	flex-direction: column!important;
	display: block!important
}
.icon-window {
	width: 100px;
	height: 100px;
	text-align: center;
	transform: translateY(-45px)!important;
	padding-top: 43px!important
}
.image-box img {
	transform: scale(1)
}
}
@media only screen and (max-width:594px) {
.about-us .col-md-6 {
	margin-bottom: 0!important
}
.meta-blog-style2 .entry-calendar {
	top: 64.6%!important
}
.about-style .about-image .imgstyle1, .about-us .icon-box li, .about-us .icon-box .margin-right {
	margin: 0
}
.tf-window-door .box-style2 {
	position: relative!important;
	bottom: 0!important
}
.about-us .icon-box li, .tf-window-door .col-sm-4 {
	margin-bottom: 15px!important
}
.tf-window-door .col-sm-4, .tf-window-door .col-sm-4 li, .about-style .about-image .imgstyle1, .about-style .about-image .imgstyle2, .image-hover .imgstyle1 .image, .image-hover .imgstyle2 .image, .image-hover .imgstyle1 .image img, .image-hover .imgstyle2 .image img {
	width: 100%!important
}
.iconbox-features .iconbox-content li::before {
	left: 12%!important
}
}
@media only screen and (max-width:549px) {
.header .logo {
	width: 45%;
	padding: 15px
}
.header .logo img {
	width: 100%;
	height: 70px;
}
.header .logo, .content-wrap .nav-wrap {
	height: 112px
}
.tf-window-door .box-style2 {
	left: 0
}
.tf-window-door .box-style2 {
	right: 0
}
#header {
	height: auto
}
.header-style2 .logo {
	padding-left: 0!important
}
.header .content-wrap {
	width: 55%
}
.page-title {
	padding-top: 250px
}
.content-tab .profolio-show {
	padding: 30px 30px 30px 15px
}
.questions-style .flat-title {
	font-size: 30px;
	line-height: 40px;
	padding: 0!important
}
.flat-tabs-about .flex {
	display: block!important
}
.questions-style .image-form .contact {
	width: 86%
}
.tf-topbar {
	height: 120px
}
.tf-topbar .top-content, .flex-style2 {
	flex-direction: column
}
.tf-icon-box-style {
	margin-top: 30px
}
.list-window2 {
	margin-top: 50px
}
.newslatter .case-study .flat-filter-isotope {
	padding-left: 12px;
	height: 126px;
	width: 44%;
	border: 1;
	background-color: transparent;
	border-radius: 5px
}
.blog-post-content .btn-blog {
	float: left
}
.flat-tabs-type4 .menu-tab {
	height: 138px;
	padding-top: 8px;
	width: 69%
}
.flat-tabs-type4 .menu-tab li a {
	margin-right: 0!important
}
.iconbox-service ul li {
	width: 45%!important;
	margin-top: 20px
}
.flat-title {
	font-size: 34px!important;
	line-height: 45px!important
}
.btn-about {
	margin-top: 300px
}
.button-imagebox {
	left: 42.7%
}
.iconlist-about li {
	margin: 0;
	padding: 0
}
.select-product, .about-image, .box-details .image-hover, .box-details .content-box, .iconbox-service ul li, .iconlist-about li {
	margin-bottom: 15px!important
}
.box-testimonials .box, .tf-icon-box-style li, .flat-tabs .tf-iconlist-about li, .box-details .image-hover, .box-details .content-box, .tf-about .what-we-do-content .col-sm-4, .select-product, .col-sm-4, .tf-coutor .box, .tabs-case-study .image-profolio .image img, .tag-social .list-tag, .tag-social .social, .icon-box-infor li, .iconlist-about li, .box2-subscribe .form-email input, .iconbox-slider .slides .item .title-post, .flat-portfolio .item, .blog-shortcode.blog-list article, .flat-team .team-image, .flat-team .team-image img, .footer .colum1, .footer .colum2, .footer .colum3, .footer .colum4, .subscribe .box1-subscribe, .subscribe .box2-subscribe, .questions-style #commentform .name-wrap, .questions-style #commentform .mail-wrap, .questions-style #commentform .select-wrap, .questions-style #commentform .phone-wrap {
	width: 100%!important
}
.box-testimonials .box {
	display: flex!important
}
.box-testimonials .box .icon-material::before, .box-testimonials .box .icon-heart::before {
	padding: 30px!important
}
.box-testimonials .box .icon-ios-people::before {
	padding: 30px 23px!important
}
.testimonials-style .box-testimonials .icon-list .box .material, .testimonials-style .box-testimonials .icon-list .box .heart, .testimonials-style .box-testimonials .icon-list .box .people {
	margin-top: 0!important
}
.icon-material, .icon-heart, .icon-ios-people {
	margin-top: 15px!important
}
.tf-product .col-md-4 {
	flex-direction: column
}
.select-product {
	margin-left: 0!important
}
.icon-select-search-style3::before {
	top: 209px;
	left: 90.4%
}
.icon-box-infor, .icon-box-infor li {
	padding-left: 0!important
}
.comment-content .comment-meta .comment-time, .pagination-style, .flat-slider .text-three h5, .flat-slider .text-right img {
	display: none!important
}
.subscribe .flat-title-style2 {
	font-size: 28px;
	line-height: 45px;
	margin-top: 0
}
.subscribe .btn-style-6 .btn-title {
	font-size: 15px;
	padding: 0 20px 0
}
.box2-subscribe {
	padding-top: 0
}
.image-box .icon-window {
	top: 37%!important
}
.what-we-do-content .image-box:hover .title-imagebox {
	top: 44%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.window-services-style2 {
	padding-bottom: 330px!important
}
.about-style {
	padding-bottom: 50px
}
.window-services-style2 .iconbox-service ul li {
	width: 90%!important
}
.nav-wrap {
	height: 150px;
	padding-right: 10px
}
.flex-header .nav-wrap {
	height: 90px
}
.flex-header .btn-menu {
	right: 0%
}
.flat-slider .img-center {
	height: 400px!important
}
#rev-slider2 h5 {
	font-weight: 400!important;
	font-size: 16px!important;
	line-height: 41px!important;
	color: #fff;
	font-family: rajdhani, sans-serif!important
}
.flat-tabs-type4 .menu-tab li {
	margin-bottom: 0!important
}
.tftitle-section-info, .window-service2-style .title-section, .footer .colum1, .footer .colum2, .footer .colum3, .footer .colum4 {
	padding: 0 15px!important
}
.form-questions .select-wrap, .footer .colum1, .footer .colum2, .footer .colum3, .footer .colum4 {
	margin-bottom: 40px!important
}
.testimonials-style .box-testimonials .icon-list .box {
	margin-bottom: 60px!important
}
.flat-questions a.appointment {
	display: -webkit-inline-box
}
.footer .colum3, .footer .colum1 img {
	margin-top: 0
}
.flat-infomation li.phone {
	border-right: none
}
.flat-callback-form .flat-field {
	padding-right: 0
}
.questions-location, .flat-title, .imagebox.style1 .imagebox-content .imagebox-button a {
	margin-top: 10px!important
}
.imagebox.style1 .imagebox-content .imagebox-button a {
	padding: 10px 52px 10px 30px
}
.footer-bottom .menu-footer {
	float: none
}
.flat-tabs-type4 .menu-tab li, .case-study .flat-filter-isotope li, .footer-bottom .menu-footer li:last-child {
	display: block!important
}
.case-study .flat-filter-isotope li a {
	background-color: #fff
}
.case-study .flat-filter-isotope li a:hover {
	background-color: #e3cca1!important
}
.top-bar-style2 .top-content {
	display: flex!important
}
.box-details .content-box, .footer-bottom .menu-footer li:last-child {
	margin-left: 0!important
}
.footer-bottom .menu-footer li:last-child {
	text-align: center
}
.comments-area ul.children {
	margin-left: 15px
}
.subscribe .box2-subscribe input, .icon-box .padding-left20, .iconbox-service .padding-left23 {
	padding-left: 14px!important
}
.flat-tabs-about .menu-tab-about li, .tag-social .list-tag, .tag-social .social {
	margin-bottom: 30px!important
}
.tag-social {
	padding-bottom: 110px
}
.themesflat-pagination ul li {
	margin-right: 5px
}
.case-study .flat-filter-isotope li {
	margin-bottom: -40px
}
.tf-coutor {
	padding-bottom: 447px
}
.carousel {
	padding-top: 150px
}
.tf-testimonials-door {
	padding-top: 50px
}
.flat-carousel-box-style2 .tf-testimonial .boxtestimonial {
	padding-left: 30px!important;
	padding-right: 30px!important
}
}
@media only screen and (max-width:460px) {
.header .logo, .content-wrap .nav-wrap {
	height: 105px
}
}
@media only screen and (max-width:420px) {
.header .logo, .content-wrap .nav-wrap {
	height: 95px
}
}
@media only screen and (max-width:375px) {
.header .logo, .content-wrap .nav-wrap {
	height: 99px
}
}
