You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1777 lines
38 KiB
CSS

@media only screen and (max-width: 1366px) {
.title-section .flat-title {
font-size: 44px;
}
.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;
}
.flat-tabs .image-profolio {
margin-top: -11px;
}
.window-services-style2 {
padding-bottom: 260px;
}
.page-title {
padding-bottom: 120px;
}
.partners-style2 .btn-tab {
display: block !important;
}
.iconbox-service {
margin-bottom: 30px;
}
.flat-testimonials-post .owl-controls,
.btn-tab {
display: none !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) {
.btn-style-one .btn-title{
font-size: 14px;
}
#mainnav ul > li > a{
font-size: 14px;
}
.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) {
.Mygrids {
grid-template-columns: repeat(2, 1fr) !important;
}
#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: 100% !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: none !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 0.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(0.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: none !important;
}
.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: 40px !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 0.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: 38px !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) {
.Mygrids {
grid-template-columns: repeat(1, 1fr) !important;
}
.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 {
min-width: 100%;
height: auto;
}
.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 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.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: 85px;
}
}
.meta-post .content-post {
margin: 30px auto !important;
width: 100% !important;
}
/* */
.Mygrids {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.MyImge {
height: 100%;
width: 100%;
}