/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
    .title-section .flat-title {
        font-size: 44px;
        padding-bottom: 20px !important;
    }

    .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 15px !important;
    }

    .tf-image-box .image img {
        width: 50%;
    }

    .tf-coutor .box .icon-wrap i {
        font-size: 38px;
    }

    .tf-coutor {
        margin: -10% 0 0 0;
        padding: 80px 0 80px 0px;
    }

    .tf-coutor .box .icon-wrap {
        width: 68px;
        height: 68px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 20%);
        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 0;
        background-color: #4d4d4d;
    }
}

/* Smaller than standard 1200 */
@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,
	/* #mainnav-mobi, */
	.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: 5px !important;
        padding-right: 15px !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 0px 0 15px;
    }

    .nav-wrap {
        height: 90px;
    }

    .header .logo {
        padding: 40px 22px 40px 35px;
    }

    /* About-us */
    .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 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 50px;
    }

    .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: 0px;
    }

    .portfolio {
        padding-top: 150px;
    }

    .tf-coutor {
        margin: -13% 0 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: 0px !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 {
        left: -15%;
        top: 50%;
        margin-top: -8px !important;
    }

    /* about2 */
    .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;
    }

    /* subscribe */
    .sub-style2 .box2-subscribe button {
        top: 37px !important;
        right: 11%;
    }

    /* features */
    .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;
    }
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
    #mainnav-mobi {
        max-height: calc(100vh - 100px);
        overflow-y: auto;
    }

    .image-box .meta-blog {
        margin: 0 0 0 0 !important;
    }

    .page-title-content {
        padding: 40px 0 50px !important;
    }

    .tf-tabs-style .tabs-case-study .image-profolio {
        width: calc(50% - 30px);
    }

    .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 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: 100% !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: 0px !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-right: 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: 0px !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;
        left: 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%;
    }

    /* .window-service */
    .box-border ul li {
        padding: 28px 5px 33px 5px;
    }

    .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 30px;
        z-index: 99;
    }

    .about-us .col-md-6 {
        margin-bottom: 80px;
    }

    /* blog-post  */
    .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: 0px !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 */
    .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 20px;
    }

    .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;
    }

    /* footer */
    .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;
    }

    /* home 02  */
    .tf-coutor {
        margin: -16% 0 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: 0px !important;
    }

    .iconlist-about li {
        margin: 0px;
    }

    .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%;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .flat-slider .title2 {
        font-size: 34px !important;
    }

    .tf-tabs-style .tabs-case-study .image-profolio {
        width: calc(100% - 30px);
    }

    .main-post .conten-section {
        margin: 0 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: 30px !important;
    }

    .what-we-do-content .image-box .title-imagebox {
        top: 69% !important;
    }

    /* about-us  */
    .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;
    }

    /* .window-service2-style */
    .carosel-testimonials .boxtestimonial {
        padding: 30px 15px !important;
    }
    .questions-style .form-questions,
    .window-service2-style p {
        padding: 0 15px 20px 15px !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: 0px !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: #4d4d4d;
        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 0;
    }

    .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;
    }

    /* Blog  */
    .testimonials-style,
    .footer .colum1 img {
        margin-top: 0px !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;
    }

    /* Footer  */
    .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 */
    .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 0px;
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none !important;
    }

    .tf-coutor {
        margin: -16% 0 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;
    }
}

/* Mobile Portrait Size */
@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: 0px !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: 0px !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: 0px !important;
    }

    .icon-select-search-style3::before {
        top: 209px;
        left: 90.4%;
    }
    .icon-box-infor,
    .icon-box-infor li {
        padding-left: 0px !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: 0px 20px 0 20px;
    }

    .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 {
        left: -20%;
    }

    .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: 0px !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: 0px;
    }

    .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: #65afd8 !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;
    }
}