@media only screen and (min-width: 1801px) {
  .ttm-left-span > .ttm-col-wrapper-bg-layer {
    margin-left: -500px;
  }
  .ttm-right-span > .ttm-col-wrapper-bg-layer {
    margin-right: -500px;
  }
  .slider-portfolio-sec {
    margin-right: -375px !important;
  }
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .ttm-left-span > .ttm-col-wrapper-bg-layer {
    margin-left: -400px;
  }
  .ttm-right-span > .ttm-col-wrapper-bg-layer {
    margin-right: -400px;
  }
  .slider-portfolio-sec {
    margin-right: -315px !important;
  }
}

@media only screen and (min-width: 1701px) and (max-width: 1800px) {
  .banner-slider-arrow-info.arrow-info1 {
    position: absolute;
    left: 8%;
    top: 57%;
  }
  .banner-slider-arrow-info.arrow-info2 {
    position: absolute;
    left: 25%;
    top: 35%;
  }
  .banner-slider-arrow-info.arrow-info3 {
    position: absolute;
    left: 46%;
    top: 46%;
  }
  .banner-slider-arrow-info.arrow-info4 {
    position: absolute;
    left: 63%;
    top: 35%;
  }
  .banner-slider-arrow-info.arrow-info5 {
    position: absolute;
    left: 77%;
    top: 57%;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .banner-slider-arrow-info.arrow-info1 {
    position: absolute;
    left: 6%;
    top: 54%;
  }
  .banner-slider-arrow-info.arrow-info2 {
    position: absolute;
    left: 24%;
    top: 33%;
  }
  .banner-slider-arrow-info.arrow-info3 {
    position: absolute;
    left: 46%;
    top: 43%;
  }
  .banner-slider-arrow-info.arrow-info4 {
    position: absolute;
    left: 64%;
    top: 33%;
  }
  .banner-slider-arrow-info.arrow-info5 {
    position: absolute;
    left: 78%;
    top: 54%;
  }
}
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
  .banner-slider-arrow-info.arrow-info1 {
    position: absolute;
    left: 3%;
    top: 54%;
  }
  .banner-slider-arrow-info.arrow-info2 {
    position: absolute;
    left: 22%;
    top: 33%;
  }
  .banner-slider-arrow-info.arrow-info3 {
    position: absolute;
    left: 45%;
    top: 43%;
  }
  .banner-slider-arrow-info.arrow-info4 {
    position: absolute;
    left: 65%;
    top: 33%;
  }
  .banner-slider-arrow-info.arrow-info5 {
    position: absolute;
    left: 82%;
    top: 54%;
  }
}
@media (max-width: 1500px) {
  .banner_slider_1 .slide__content .banner-slider-arrow-info h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .banner_slider_1 .slide__content .banner-slider-arrow-info span {
    font-size: 12px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1500px) {
  .banner-slider-arrow-info.arrow-info1 {
    position: absolute;
    left: 6%;
    top: 54%;
  }
  .banner-slider-arrow-info.arrow-info2 {
    position: absolute;
    left: 24%;
    top: 34%;
  }
  .banner-slider-arrow-info.arrow-info3 {
    position: absolute;
    left: 46%;
    top: 42%;
  }
  .banner-slider-arrow-info.arrow-info4 {
    position: absolute;
    left: 64%;
    top: 34%;
  }
  .banner-slider-arrow-info.arrow-info5 {
    position: absolute;
    left: 80%;
    top: 54%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {
  .banner-slider-arrow-info.arrow-info1 {
    position: absolute;
    left: 3%;
    top: 56%;
  }
  .banner-slider-arrow-info.arrow-info2 {
    position: absolute;
    left: 23%;
    top: 34%;
  }
  .banner-slider-arrow-info.arrow-info3 {
    position: absolute;
    left: 46%;
    top: 42%;
  }
  .banner-slider-arrow-info.arrow-info4 {
    position: absolute;
    left: 65%;
    top: 34%;
  }
  .banner-slider-arrow-info.arrow-info5 {
    position: absolute;
    left: 82%;
    top: 56%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .banner-slider-arrow-info.arrow-info1 {
    position: absolute;
    left: 2%;
    top: 58%;
  }
  .banner-slider-arrow-info.arrow-info2 {
    position: absolute;
    left: 19%;
    top: 35%;
  }
  .banner-slider-arrow-info.arrow-info3 {
    position: absolute;
    left: 46%;
    top: 41%;
  }
  .banner-slider-arrow-info.arrow-info4 {
    position: absolute;
    left: 67%;
    top: 35%;
  }
  .banner-slider-arrow-info.arrow-info5 {
    position: absolute;
    left: 85%;
    top: 58%;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
  .ttm-left-span > .ttm-col-wrapper-bg-layer {
    margin-left: -300px;
  }
  .ttm-right-span > .ttm-col-wrapper-bg-layer {
    margin-right: -300px;
  }
  .slider-portfolio-sec {
    margin-right: -215px !important;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 1200px) {
  .slider-portfolio-sec {
    margin-right: -115px !important;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 1171px) {
  .ttm-left-span > .ttm-col-wrapper-bg-layer {
    margin-left: -200px;
  }
  .ttm-right-span > .ttm-col-wrapper-bg-layer {
    margin-right: -200px;
  }
}

@media only screen and (min-width: 1300px) {
  .ttm-header-style-02 .ttm-slider-wide {
    margin: 0 70px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  .ttm-header-style-01 .site-navigation .header_extra .widget_info:last-child {
    display: none !important;
  }
  .header_extra .widget_info:not(:last-child):after {
    left: 0;
  }
  .header_extra .widget_info {
    padding-right: 0 !important;
  }
  .ttm-header-style-01 .site-navigation .site-menubar {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 1366px) {
  .slider-imagebox1 {
    right: 0px;
  }
  .slider-imagebox2 {
    right: 50px;
  }
}
@media only screen and (max-width: 1365px) and (min-width: 1200px) {
  .slider-imagebox1 {
    right: 40px;
  }
  .slider-imagebox2 {
    right: 70px;
  }
  .featured-icon-box.style9 {
    left: 0px;
    top: 88px;
  }
  .ttm-header-style-03 .site-navigation .header_extra > div:not(:last-child) {
    padding: 0 20px;
  }
  .ttm-header-style-02 .site-navigation .site-branding {
    padding-right: 30px;
  }
  .ttm-header-style-03 .site-navigation nav.main-menu {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1650px) and (min-width: 1200px) {
  .ttm-header-style-03 .site-navigation .header_extra .widget_info {
    display: none !important;
  }
}
@media only screen and (max-width: 1079px) and (min-width: 992px) {
  .spacing-4 {
    padding: 200px 0;
  }
}
@media only screen and (max-width: 1012px) and (min-width: 992px) {
  .spacing-19 {
    padding-top: 347px;
  }
}

@media (max-width: 1175px) {
  .tm_coverimgbox_wrapper {
    display: block;
    background-color: transparent;
  }
  .tm_coverimgbox_wrapper .tm_coverbox_contents {
    padding: 60px 15px 50px;
    border-right: none;
    height: auto;
    margin-bottom: 15px;
  }
  .tm_coverimgbox_wrapper .tm_coverbox_contents .coverbox-img-reposive {
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .tm_coverimgbox_wrapper .tm_coverbox_img {
    display: none;
  }
  .tm_coverimgbox_wrapper .tm_coverbox_contents.style1 {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  /* header */
  .ttm-stickable-header.fixed-header {
    display: block;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 111;
    margin-top: 0;
    box-shadow: 0 1px 13px 0 rgb(0 10 41 / 4%);
  }

  /* ttm-header-style 01*/
  header.ttm-header-style-01 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
  }
}

@media all and (max-width: 1199px) {
  .res-1199-ml-0 {
    margin-left: 0 !important;
  }
  .res-1199-mr-0 {
    margin-right: 0 !important;
  }
  .res-1199-mt-0 {
    margin-top: 0 !important;
  }
  .res-1199-mb-0 {
    margin-bottom: 0 !important;
  }

  .res-1199-ml-10 {
    margin-left: 10px !important;
  }
  .res-1199-ml-15 {
    margin-left: 15px !important;
  }
  .res-1199-ml-20 {
    margin-left: 20px !important;
  }

  .res-1199-mr-10 {
    margin-right: 10px !important;
  }
  .res-1199-mr-15 {
    margin-right: 15px !important;
  }
  .res-1199-mr-20 {
    margin-right: 20px !important;
  }

  .res-1199-mr_330 {
    margin-right: -330px !important;
  }
  .res-1199-mx-auto {
    margin: auto !important;
  }

  .res-1199-pt-0 {
    padding-top: 0 !important;
  }
  .res-1199-pr-0 {
    padding-right: 0 !important;
  }
  .res-1199-pl-0 {
    padding-left: 0 !important;
  }
  .res-1199-pb-0 {
    padding-bottom: 0 !important;
  }
  .res-1199-pl-15 {
    padding-left: 15px !important;
  }

  .res-1199-pt-15 {
    padding-top: 15px !important;
  }
  .res-1199-pt-50 {
    padding-top: 50px !important;
  }
  .res-1199-pr-15 {
    padding-right: 15px !important;
  }
  .res-1199-mt-15 {
    margin-top: 15px !important;
  }
  .res-1199-mt-30 {
    margin-top: 30px !important;
  }
  .res-1199-mt-50 {
    margin-top: 50px !important;
  }
  .res-1199-mb-15 {
    margin-bottom: 15px !important;
  }
  .res-1199-mb-20 {
    margin-bottom: 20px !important;
  }
  .res-1199-mb-30 {
    margin-bottom: 30px !important;
  }
  .res-1199-mb-50 {
    margin-bottom: 50px !important;
  }

  .res-1199-w-100 {
    width: 100% !important;
  }

  .top_bar {
    display: none;
  }
  .header .site-header-menu {
    background-color: rgba(255, 255, 255, 1);
  }
  .site-navigation .site-branding:before {
    display: none;
  }
  .ttm-page-title-row-inner {
    padding: 88px 0 94px;
  }
  header .container {
    max-width: 100%;
  }
  .site-navigation .site-menubar {
    margin-right: 0;
    cursor: pointer;
  }
  .header_extra,
  .widget_info {
    display: none !important;
    visibility: hidden;
  }
  .site-navigation .site-menubar:before {
    display: none;
  }
  .site-navigation nav.main-menu ul.menu > li > a {
    line-height: 20px !important;
    padding: 20px 15px !important;
  }

  .ttm-header-style-01 .menubar-inner,
  .ttm-header-style-01 .menubar-inner:after,
  .ttm-header-style-01 .menubar-inner:before {
    background-color: #000;
  }
  .ttm-header-style-01 .site-header-menu {
    border: none;
  }
  .ttm-header-style-01 .site-header-menu .site-header-menu-inner {
    padding: 0;
    background-color: #fff;
  }

  .ttm-header-style-02 .top_bar_contact_sec:after {
    height: 100%;
  }
  .ttm-header-style-02 .top_bar_contact_sec .top_bar_contact_item:last-child {
    padding-right: 30px;
  }
  .ttm-header-style-02 .site-navigation nav.main-menu ul.menu > li > a:after {
    position: relative !important;
    float: right;
  }
  .ttm-header-style-02 .site-header-menu .site-header-menu-inner {
    padding: 0;
  }

  .ttm-header-style-03 .site-header-menu .site-header-menu-inner {
    padding: 0;
  }
  .ttm-header-style-03 .site-navigation nav.main-menu ul.menu > li > a:before {
    display: none;
  }

  .site-branding {
    text-align: center;
    background-color: transparent;
    padding-left: 0;
  }
  .header.logo-with-bg-shape
    .site-header-menu-inner:not(.fixed-header)
    .site-branding,
  #site-header-menu .site-navigation {
    height: 80px;
  }
  .row-title .section-title:after {
    content: unset;
  }

  .ttm-row .container,
  .ttm-row .container-fluid,
  .ttm-page-title-row .container,
  footer .container {
    max-width: 100%;
  }

  .ttm-row .container,
  footer .container,
  .element-row .container,
  .sidebar .container {
    padding: 0;
  }

  .ttm-row .container > .row,
  .ttm-page-title-row .container > .row,
  footer .container .row {
    margin: 0;
  }

  .slick-slide.slick-current.slick-active
    .featured-imagebox.featured-imagebox-portfolio.style1 {
    border: none;
    transform: scale(1);
  }

  .ttm-row.about-section-4 {
    padding: 100px 0 100px;
  }
  .ttm-row.services-section-3 {
    padding: 100px 0 100px;
    margin-top: 0px;
  }
  .ttm-row.section-title-section {
    padding: 93px 0 240px;
  }
  .ttm-row.solution-section {
    margin-top: -240px;
  }
  .ttm-row.testimonial-section-homepage {
    margin-top: 0px;
  }
  .ttm-row.consultant-section {
    padding: 92px 0 100px;
  }

  .spacing-7 {
    padding: 40px 30px 40px 15px;
    margin-right: -30px;
  }
  .spacing-9 {
    padding: 0;
  }
  .spacing-11 {
    margin-right: 0;
  }
  .spacing-12 {
    padding: 50px 50px 0;
  }
  .spacing-17 {
    padding: 10px 15px 10px 15px;
  }
  .spacing-21 {
    padding: 49px 15px 41px;
    margin-right: 0;
  }
  .spacing-24 {
    padding: 0;
  }

  .slider-imagebox1 {
    display: none;
  }
  .slider-imagebox2 {
    display: none;
  }

  .about-section-fid {
    left: -15px;
  }
  .ttm-processbox-wrapper:before {
    display: none;
  }

  .portfolio-experience-section .slick-slide,
  .portfolio-experience-section-2 .slick-slide {
    padding: 0 15px;
  }
  .ttm-row.services-section-3 .section-title h2 {
    color: var(--base-dark);
  }

  .featured-icon-box.style14
    .ttm-icon.ttm-icon_element-size-md.style1.ver-line:before {
    display: none;
  }
  .contact-info {
    margin: 0;
  }
  .featured-icon-box.style9 {
    left: -75px;
    top: 88px;
  }

  .ttm-blog-classic .entry-header .entry-title {
    margin-bottom: 0;
  }
  .ttm-blog-classic .ttm-blog-classic-content .post-meta {
    padding-bottom: 15px;
  }
  article.ttm-blog-classic .ttm-blog-classic-content .entry-content {
    padding-top: 15px;
  }
  article.ttm-blog-classic
    .ttm-blog-classic-content
    .entry-content
    .ttm-postbox-desc-footer {
    padding-top: 0;
  }

  .testimonials.style5 .testimonial-content {
    height: auto;
  }
  .banner_slider_1 .slide__content .banner-slider-arrow-info {
    display: none !important;
  }
  .testimonials.style6 {
    display: none;
  }
  .ttm-blog-single blockquote {
    padding: 30px 80px 23px 45px;
  }
}

@media (max-width: 991px) {
  .ttm-equal-height-image,
  .featured-imagebox img,
  .ttm_single_image-wrapper,
  .ttm_single_image-wrapper img,
  [class*="col-lg"] .ttm-equal-height-image {
    text-align: center;
    margin: 0 auto;
  }
  [class*="col-lg"] .ttm-equal-height-image {
    display: block;
    width: 100%;
  }
  .featured-imagebox img {
    min-width: 100%;
  }

  .page-title-heading h2 {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 5px;
  }
  .page-title-heading p {
    margin-bottom: 8px;
  }
  .ttm-page-title-row-inner {
    padding: 65px 0;
  }

  .ttm-header-style-02 .contact_bar_section {
    display: none;
  }
  .heading-section.ttm-bgcolor-grey p {
    padding-left: 0;
  }
  .ttm-header-style-02 .contact_bar_section {
    margin-bottom: 0px;
  }

  .res-991-display-none {
    display: none;
  }

  [class*="col-lg"] .ttm-col-bgimage-yes,
  .bg-layer-equal-height [class*="col-lg"] .ttm-col-bgcolor-yes {
    height: auto !important;
  }
  .bg-layer > .container > .row > [class*="col-lg"] {
    padding: 0;
  }

  h1 {
    font-size: 60px;
    line-height: 72px;
  }
  h2 {
    font-size: 30px;
    line-height: 40px;
  }
  h3 {
    font-size: 21px;
    line-height: 30px;
  }
  h4 {
    font-size: 28px;
    line-height: 38px;
  }
  h5 {
    font-size: 20px;
    line-height: 30px;
  }
  h6 {
    font-size: 15px;
    line-height: 18px;
  }

  .section-title .title-header h2.title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0;
  }
  .section-title {
    margin-bottom: 20px;
  }
  .section-title.style2 .title-header {
    width: 100%;
    padding-bottom: 0px;
  }
  .section-title.style2 {
    margin-bottom: 30px;
  }
  .section-title.style2 .title-header,
  .section-title.style2 .title-desc {
    display: block;
  }
  .section-title.style2 .title-header:after {
    content: unset;
  }
  .row-title .section-title h2.title {
    font-size: 60px !important;
    line-height: 70px !important;
  }
  .section-title.title-style-center_text {
    padding-left: 0px;
    padding-right: 0px;
  }

  body .page.ttm-sidebar-true .site-main,
  .ttm-row {
    padding: 50px 0 !important;
  }
  .ttm-row.broken-section {
    padding: 0 0 !important;
  }
  .ttm-row.top_zero_padding-section {
    padding: 0px 0 50px !important;
  }
  .ttm-row.bottom_zero_padding-section {
    padding: 50px 0 0 !important;
  }
  .ttm-row.zero_padding-section {
    padding: 0 0 0px !important;
  }
  .ttm-row.bolg-section {
    padding: 50px 0 45px !important;
  }
  .ttm-row.portfolio-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.blog_faq-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.blog-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.cta-section {
    padding: 50px 0 0 !important;
  }
  .ttm-row.services_2-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.contact-section {
    padding: 0 0 !important;
  }
  .ttm-row.portfolio_2-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.process-section {
    padding: 50px 0 25px !important;
  }
  .ttm-row.action-section {
    padding: 53px 0 157px !important;
  }
  .ttm-row.top_zero_padding-section.testimonial-section {
    padding: 0 !important;
  }
  .ttm-row.heading-section {
    padding: 120px 0 42px !important;
    margin-top: -80px;
  }
  .ttm-row.portfolio-experience-section-2 {
    padding: 50px 0 35px !important;
  }
  .ttm-row.zero_padding-section.health-cure-type-section-2 {
    margin-top: 0px;
  }
  .ttm-row.zero_padding-section.procedure-section {
    margin-top: 0px;
  }
  .ttm-row.about-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.about-section-2 {
    padding: 50px 0 35px !important;
  }
  .ttm-row.testimonial-section-2 {
    padding: 15px 0 50px !important;
  }
  .ttm-row.services-section-2 {
    padding: 50px 0 35px !important;
  }
  .ttm-row.progress-section {
    margin-top: 0 !important;
  }
  .ttm-row.fid-section {
    padding: 45px 0 0 !important;
    margin-top: 0;
  }
  .ttm-row.success-section {
    padding: 98px 0 50px !important;
  }
  .ttm-row.pricing-plan-section {
    padding: 50px 0 35px !important;
  }
  .ttm-row.section-title-section {
    padding: 50px 0 75px !important;
  }
  .ttm-row.solution-section {
    padding: 0 !important;
    margin-top: -90px;
  }
  .ttm-row.explanation-section {
    padding: 50px 0 50px !important;
  }
  .ttm-row.welcome-section {
    padding: 35px 0 35px !important;
  }
  .ttm-row.our-team {
    padding: 35px 0 !important;
  }
  .ttm-row.personal-info-section {
    padding: 50px 0 32px !important;
  }
  .ttm-row.experience-section {
    padding: 50px 0 28px !important;
  }

  .spacing-1 {
    padding: 0px 0 25px;
  }
  .spacing-2 {
    padding: 15px 0px 0px;
    margin: 0;
  }
  .spacing-3 {
    padding: 30px 15px;
  }
  .spacing-4 {
    padding: 0;
  }
  .spacing-5 {
    margin-top: 0px;
  }
  .spacing-6 {
    padding: 20px 15px 20px !important;
    margin: 0 -15px !important;
  }
  .spacing-7 {
    padding: 50px 15px;
    margin-right: 0;
  }
  .spacing-8 {
    margin-top: -1px;
  }
  .spacing-10 {
    padding: 42px 15px 50px;
    margin-left: 0;
  }
  .spacing-12 {
    padding: 0 50px 0;
  }
  .spacing-13 {
    padding: 5px 15px 50px;
  }
  .spacing-17 {
    padding: 5px 5px 5px 15px;
  }
  .spacing-19 {
    padding: 0;
    margin-top: 20px;
  }
  .spacing-22 {
    margin: 0 !important;
    padding: 50px 15px 50px;
  }

  /* spacing */
  .res-991-p-0 {
    padding: 0px !important;
  }
  .res-991-p-20 {
    padding: 20px !important;
  }
  .res-991-pt-0 {
    padding-top: 0 !important;
  }
  .res-991-pt-10 {
    padding-top: 10px !important;
  }
  .res-991-pt-15 {
    padding-top: 15px !important;
  }
  .res-991-pt-20 {
    padding-top: 20px !important;
  }
  .res-991-pt-30 {
    padding-top: 30px !important;
  }
  .res-991-pt-35 {
    padding-top: 35px !important;
  }
  .res-991-pt-40 {
    padding-top: 40px !important;
  }
  .res-991-pt-50 {
    padding-top: 50px !important;
  }
  .res-991-pt-60 {
    padding-top: 60px !important;
  }
  .res-991-pt-80 {
    padding-top: 80px !important;
  }
  .res-991-pt-100 {
    padding-top: 100px !important;
  }

  .res-991-pb-0 {
    padding-bottom: 0 !important;
  }
  .res-991-pb-15 {
    padding-bottom: 15px !important;
  }
  .res-991-pb-20 {
    padding-bottom: 20px !important;
  }
  .res-991-pb-25 {
    padding-bottom: 25px !important;
  }
  .res-991-pb-30 {
    padding-bottom: 30px !important;
  }
  .res-991-pb-35 {
    padding-bottom: 35px !important;
  }
  .res-991-pb-40 {
    padding-bottom: 40px !important;
  }
  .res-991-pb-50 {
    padding-bottom: 50px !important;
  }
  .res-991-pb-60 {
    padding-bottom: 60px !important;
  }
  .res-991-pb-70 {
    padding-bottom: 70px !important;
  }
  .res-991-pb-80 {
    padding-bottom: 80px !important;
  }

  .res-991-pr-0 {
    padding-right: 0 !important;
  }
  .res-991-pr-15 {
    padding-right: 15px !important;
  }
  .res-991-pr-20 {
    padding-right: 20px !important;
  }
  .res-991-pr-30 {
    padding-right: 30px !important;
  }
  .res-991-pr-50 {
    padding-right: 50px !important;
  }
  .res-991-pr-60 {
    padding-right: 60px !important;
  }

  .res-991-pl-0 {
    padding-left: 0 !important;
  }
  .res-991-pl-15 {
    padding-left: 15px !important;
  }
  .res-991-pl-20 {
    padding-left: 20px !important;
  }
  .res-991-pl-30 {
    padding-left: 30px !important;
  }
  .res-991-pl-50 {
    padding-left: 50px !important;
  }
  .res-991-pl-60 {
    padding-left: 60px !important;
  }

  .res-991-mx-auto {
    margin: auto !important;
  }
  .res-991-m-0 {
    margin: 0 !important;
  }
  .res-991-mt-0 {
    margin-top: 0 !important;
  }
  .res-991-mt-10 {
    margin-top: 10px !important;
  }
  .res-991-mt-15 {
    margin-top: 15px !important;
  }
  .res-991-mt-20 {
    margin-top: 20px !important;
  }
  .res-991-mt-30 {
    margin-top: 30px !important;
  }
  .res-991-mt-40 {
    margin-top: 40px !important;
  }
  .res-991-mt-45 {
    margin-top: 45px !important;
  }
  .res-991-mt-50 {
    margin-top: 50px !important;
  }
  .res-991-mt-60 {
    margin-top: 60px !important;
  }

  .res-991-mt_10 {
    margin-top: -10px !important;
  }
  .res-991-mt_15 {
    margin-top: -15px !important;
  }
  .res-991-mt_20 {
    margin-top: -20px !important;
  }
  .res-991-mt_30 {
    margin-top: -30px !important;
  }
  .res-991-mt_40 {
    margin-top: -40px !important;
  }
  .res-991-mt_50 {
    margin-top: -50px !important;
  }
  .res-991-mt_60 {
    margin-top: -60px !important;
  }

  .res-991-mb-0 {
    margin-bottom: 0 !important;
  }
  .res-991-mb-5 {
    margin-bottom: 5px !important;
  }
  .res-991-mb-15 {
    margin-bottom: 15px !important;
  }
  .res-991-mb-10 {
    margin-bottom: 10px !important;
  }
  .res-991-mb-20 {
    margin-bottom: 20px !important;
  }
  .res-991-mb-25 {
    margin-bottom: 25px !important;
  }
  .res-991-mb-30 {
    margin-bottom: 30px !important;
  }
  .res-991-mb-40 {
    margin-bottom: 40px !important;
  }
  .res-991-mb-50 {
    margin-bottom: 50px !important;
  }
  .res-991-mb-60 {
    margin-bottom: 60px !important;
  }

  .res-991-mb_15 {
    margin-bottom: -15px !important;
  }
  .res-991-mb_20 {
    margin-bottom: -20px !important;
  }
  .res-991-mb_25 {
    margin-bottom: -25px !important;
  }
  .res-991-mb_30 {
    margin-bottom: -30px !important;
  }
  .res-991-mb_40 {
    margin-bottom: -40px !important;
  }
  .res-991-mb_50 {
    margin-bottom: -50px !important;
  }
  .res-991-mb_60 {
    margin-bottom: -60px !important;
  }
  .res-991-mb_70 {
    margin-bottom: -70px !important;
  }
  .res-991-mb_80 {
    margin-bottom: -80px !important;
  }

  .res-991-ml-0 {
    margin-left: 0 !important;
  }
  .res-991-ml-15 {
    margin-left: 15px !important;
  }
  .res-991-ml-20 {
    margin-left: 20px !important;
  }
  .res-991-ml-30 {
    margin-left: 30px !important;
  }
  .res-991-ml-40 {
    margin-left: 40px !important;
  }
  .res-991-ml-50 {
    margin-left: 50px !important;
  }

  .res-991-ml_15 {
    margin-left: -15px !important;
  }
  .res-991-ml_30 {
    margin-left: -30px !important;
  }
  .res-991-ml_50 {
    margin-left: -50px !important;
  }

  .res-991-mr-0 {
    margin-right: 0 !important;
  }
  .res-991-mr-15 {
    margin-right: 15px !important;
  }
  .res-991-mr-20 {
    margin-right: 20px !important;
  }
  .res-991-mr-30 {
    margin-right: 30px !important;
  }
  .res-991-mr-40 {
    margin-right: 40px !important;
  }
  .res-991-mr-50 {
    margin-right: 50px !important;
  }

  .res-991-mr_15 {
    margin-right: -15px !important;
  }
  .res-991-mr_30 {
    margin-right: -30px !important;
  }
  .res-991-mr_50 {
    margin-right: -50px !important;
  }
  .res-991-mr_60 {
    margin-right: -60px !important;
  }

  .res-991-plr-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .res-991-w-100 {
    width: 100% !important;
  }

  .ttm-vertical_sep > [class*="col-lg"]:not(:last-child):before {
    content: unset;
  }

  .featured-imagebox.featured-imagebox-portfolio.style1 {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .featured-imagebox-portfolio.style1.active:before,
  .featured-imagebox-portfolio.style4.active:before {
    opacity: 1;
    backface-visibility: visible;
  }
  .featured-imagebox-portfolio.style1.active .featured-thumbnail,
  .featured-imagebox-portfolio.style4.active .featured-thumbnail {
    opacity: 0;
  }
  .featured-imagebox-portfolio.style1.active:hover .featured-thumbnail,
  .featured-imagebox-portfolio.style4.active:hover .featured-thumbnail {
    opacity: 1;
  }
  .featured-imagebox-portfolio.style1.active .featured-content,
  .featured-imagebox-portfolio.style4.active .featured-content {
    color: #232323;
    background-color: var(--base-white);
  }
  .featured-imagebox-portfolio.style1.active:hover .featured-content,
  .featured-imagebox-portfolio.style4.active:hover .featured-content {
    color: var(--base-white);
    background-color: transparent;
  }
  .featured-imagebox-portfolio.style1.active:hover
    .ttm-footer
    .ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
    border-color: var(--base-white);
    color: var(--base-white);
  }
  .featured-imagebox-portfolio.style1 .featured-content {
    padding: 60px 35px 62px 35px;
  }
  .featured-imagebox-portfolio.style1.active
    .ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
    color: var(--base-dark);
    border-color: var(--base-dark);
  }
  .featured-imagebox-portfolio.style4:hover .ttm-footer .ttm-btn:before,
  .featured-imagebox-portfolio.style4:hover .ttm-footer .ttm-btn:after {
    border-color: var(--base-white);
  }

  .featured-imagebox-portfolio.style1.active .featured-title h3 a,
  .featured-imagebox-portfolio.style4.active .featured-title h3 a {
    color: var(--base-dark);
  }
  .featured-imagebox-portfolio.style1
    .ttm-footer
    .ttm-btn
    .featured-imagebox-portfolio.style4
    .ttm-footer
    .ttm-btn {
    color: var(--base-dark);
    border-color: var(--base-dark);
    background-color: transparent;
  }
  .featured-imagebox-portfolio.style1.active:hover .featured-title h3 a,
  .featured-imagebox-portfolio.style4.active:hover .featured-title h3 a {
    color: var(--base-white);
  }
  .featured-imagebox-portfolio.style1:hover .ttm-footer a,
  .featured-imagebox-portfolio.style4:hover .ttm-footer a {
    border-color: var(--base-white);
  }
  .featured-imagebox-portfolio.style1 .ttm-footer .ttm-btn:hover,
  .featured-imagebox-portfolio.style4 .ttm-footer .ttm-btn:hover {
    background-color: transparent;
    color: #2f2f2f;
    border-color: #2f2f2f;
  }
  .featured-imagebox-portfolio.style4.active:hover
    .ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
    border-color: var(--base-white) !important;
    color: var(--base-white);
  }
  .featured-imagebox-portfolio.style4.active
    .ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
    color: var(--base-dark);
    border-color: var(--base-dark);
  }
  .ttm-box-view-left-image .featured-content .ttm-box-desc,
  .ttm-box-view-left-image .featured-content .featured-desc {
    padding-bottom: 0px;
  }
  .ttm-highlight-fid-style1 {
    left: 15px;
    width: 75%;
    max-width: 75%;
    top: 0px;
  }
  .row
    .col-lg-3:last-child
    .featured-icon-box.style11
    .tm-steps-seperator
    .tm-sepeline:before,
  .row
    .col-lg-3:last-child
    .featured-icon-box.style11
    .tm-steps-seperator
    .tm-sepeline:after {
    content: "";
  }
  .row
    .col-lg-3:last-child
    .featured-icon-box.style14
    .tm-steps-seperator
    .tm-sepeline:before,
  .row
    .col-lg-3:last-child
    .featured-icon-box.style14
    .tm-steps-seperator
    .tm-sepeline:after {
    content: "";
  }
  article.ttm-blog-classic {
    margin-bottom: 50px;
  }
  .featured-icon-box.style13 {
    margin: 0;
  }
  .play-icon {
    right: auto;
  }
  .widget-wrap-text {
    right: 0;
    position: relative;
  }
  .testimonials.style1 {
    margin-bottom: 0;
  }
  .featured-imagebox-portfolio.style1 .featured-thumbnail img {
    height: 383px;
  }

  .sidebar .sidebar-right {
    margin-top: 60px !important;
    order: 1;
    width: 100%;
  }
  .sidebar .sidebar-left {
    margin-top: 40px !important;
    width: 100%;
  }

  section.error-404 {
    padding: 50px 0;
  }
  section.error-404 h2 {
    font-size: 280px;
  }
  section.error-404 .page-header img {
    width: 280px;
    height: 280px;
  }
  section.error-404 .page-header > div > div:last-child {
    margin-left: -64px;
  }

  .featured-icon-box.style4 {
    padding: 30px 0px !important;
  }
  .featured-icon-box.style7 {
    padding: 30px 0px !important;
  }
  .featured-icon-box.icon-align-before-content.style2 {
    margin: 15px 0;
  }
  .featured-icon-box.icon-align-top-content.style1 {
    padding: 45px 15px 48px;
  }

  .about-image-class {
    display: block;
    margin: 0 auto;
  }
  .about-image1 {
    top: 0px;
    right: -20px;
  }
  .about-image2 {
    padding-bottom: 0px;
  }
  .about-section-fid {
    position: relative;
    top: 0;
    left: 0;
  }
  .testimonials.style2 .testimonial-content blockquote {
    padding: 35px 20px;
  }
  .testimonials.style2 .testimonial-content blockquote {
    font-size: 28px;
    line-height: 40px;
  }
  .about-image3 {
    left: 0;
    top: 0;
    margin-top: 30px;
  }
  .about-image3 img {
    border: none;
  }

  .widget.widget-nav-menu ul {
    display: block;
  }
  .widget.widget-nav-menu ul li {
    width: 100%;
    text-align: left;
  }
  .widget.widget-nav-menu ul li a {
    padding-left: 15px;
  }

  .featured-icon-box.style14 {
    margin-top: 0;
  }
  .featured-icon-box.style5 {
    right: -40px;
    top: 40px;
  }
  .featured-icon-box br {
    display: none;
  }
  .featured-icon-box.style15 {
    margin: 0;
  }

  .featured-icon-box.style19 .featured-bottom {
    bottom: -10px;
  }

  .addres-info:after {
    display: none;
  }
  .contact-info {
    margin: 0;
  }

  .fid-section h3.title {
    font-size: 30px;
    line-height: 36px;
  }
  .tm_coverbox_contents {
    min-height: 452px;
  }
  .testimonials.style5 {
    padding: 0px 0;
  }

  .ttm-progress-bar.style2 .progress-bar-title,
  .ttm-progress-bar.style2 .progress-bar-inner {
    margin-left: 80px;
  }

  .first-footer {
    padding-top: 30px;
  }
  .newsletter-form-title {
    padding-bottom: 20px;
  }
  .newsletter-form-div {
    margin-top: 0;
    display: block;
    margin-right: 0;
  }
  .newsletter-form-div:before,
  .newsletter-form-div:after {
    display: none;
  }
  .first-footer p {
    width: 100%;
  }
  .second-footer {
    padding: 25px 0 15px;
  }
  .second-footer .widget-area .widget {
    padding: 0px 0 21px;
  }
  .footer-nav-menu {
    text-align: center;
  }
  .widget-area.sidebar-top {
    padding-bottom: 20px;
  }

  .featured-icon-box.style19 {
    padding: 31px 15px 35px;
  }
  .banner_slider_2 .slide__content p {
    margin-bottom: 25px;
    padding-top: 10px;
  }
  .featured-icon-box.style12 {
    margin: 20px 0 0;
  }
  .tm_coverimgbox_wrapper .tm_coverbox_contents.style1 .featured-content {
    padding: 30px 15px;
  }
  .featured-imagebox-achivements .featured-thumbnail {
    padding: 0 0px 0;
  }
  .featured-icon-box.style20 {
    padding-top: 10px;
  }
}

@media (min-width: 992px) {
  .sidebar .sidebar-left {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sidebar.ttm-sidebar-left .content-area {
    padding-left: 0px;
    padding-right: 15px;
  }

  .sidebar .sidebar-right {
    padding-right: 15px;
    padding-left: 15px;
  }
  .sidebar.ttm-sidebar-right .content-area {
    padding-right: 15px;
    padding-left: 15px;
  }

  .sidebar.ttm-sidebar-top .sidebar-top,
  .sidebar.ttm-sidebar-top .content-area {
    flex: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .ttm-fid.inside.style1 h4 span {
    font-size: 80px;
    line-height: 80px;
  }
  .ttm-fid.inside.style1:before {
    width: 100px;
    height: 140px;
  }
  .featured-icon-box.icon-align-before-title.style4 {
    padding: 30px 0;
    margin: 0 0;
  }
  .testimonials-info .testimonials .testimonial-content blockquote {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    margin: 0 0 20px;
  }
  .section-title .title-header h2.title,
  .section-title h2.title {
    font-size: 30px;
    line-height: 40px;
  }
  .section-title h3 {
    font-size: 14px;
  }
  .section-title,
  .section-title.style2 {
    margin-bottom: 20px;
  }
  .row-title .section-title h2.title {
    font-size: 46px !important;
    line-height: 56px !important;
  }

  .featured-icon-box.icon-align-before-content.style2 .featured-content p {
    font-size: 18px;
    line-height: 28px;
  }
  .testimonials.style1 .testimonial-content blockquote {
    font-size: 16px;
    line-height: 26px;
  }
  br {
    display: none;
  }

  .spacing-15 {
    padding: 50px 30px;
  }
  .spacing-17 {
    padding: 25px 15px 22px 15px;
  }

  .res-767-mt-0 {
    margin-top: 0px !important;
  }
  .res-767-mt-10 {
    margin-top: 10px !important;
  }
  .res-767-mt-15 {
    margin-top: 15px !important;
  }
  .res-767-mt-20 {
    margin-top: 20px !important;
  }
  .res-767-mt-30 {
    margin-top: 30px !important;
  }
  .res-767-mt-40 {
    margin-top: 40px !important;
  }
  .res-767-mt-50 {
    margin-top: 50px !important;
  }

  .res-767-mb-0 {
    margin-bottom: 0px !important;
  }
  .res-767-mb-30 {
    margin-bottom: 30px !important;
  }

  .res-767-p-30 {
    padding: 30px;
  }
  .res-767-pt-0 {
    padding-top: 0 !important;
  }
  .res-767-pb-0 {
    padding-bottom: 0 !important;
  }
  .res-767-pl-0 {
    padding-left: 0 !important;
  }
  .res-767-pl-15 {
    padding-left: 15px !important;
  }
  .res-767-pl-30 {
    padding-left: 30px !important;
  }
  .res-767-pr-0 {
    padding-right: 0 !important;
  }
  .res-767-pr-15 {
    padding-right: 15px !important;
  }
  .res-767-ml-0 {
    margin-left: 0 !important;
  }

  .res-767-pt-10 {
    padding-top: 10px !important;
  }
  .res-767-pt-15 {
    padding-top: 15px !important;
  }
  .res-767-pt-20 {
    padding-top: 20px !important;
  }
  .res-767-pt-30 {
    padding-top: 30px !important;
  }
  .res-767-pt-40 {
    padding-top: 40px !important;
  }
  .res-767-pt-50 {
    padding-top: 50px !important;
  }

  .res-767-pb-10 {
    padding-bottom: 10px !important;
  }
  .res-767-pb-15 {
    padding-bottom: 15px !important;
  }
  .res-767-pb-30 {
    padding-bottom: 30px !important;
  }
  .res-767-pb-40 {
    padding-bottom: 40px !important;
  }
  .res-767-pb-50 {
    padding-bottom: 50px !important;
  }

  [class*="col-md"] .ttm-equal-height-image {
    text-align: center;
    margin: 0 auto;
  }
  [class*="col-md"] .ttm-equal-height-image {
    display: block;
  }
  [class*="col-md"] .ttm-col-bgimage-yes,
  .bg-layer-equal-height [class*="col-md"] .ttm-col-bgcolor-yes {
    height: auto !important;
  }

  .ttm-header-style-01 .site-navigation nav.main-menu ul.menu > li > a,
  .ttm-header-style-02 .site-navigation nav.main-menu ul.menu > li > a,
  .ttm-header-style-03 .site-navigation nav.main-menu ul.menu > li > a {
    line-height: 32px;
    padding: 10px;
  }

  .title-box .page-title-heading h1 {
    font-size: 38px;
    line-height: 41px;
  }
  .slick_slider .slick-arrow,
  .slick_slider .slick-dot {
    display: none;
    visibility: hidden;
  }
  #menu-footer-menu,
  .copyright,
  .copyright .social-icons {
    text-align: center;
    display: block !important;
  }

  .copyright {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .testimonials.style2 .testimonial-content blockquote {
    font-size: 24px;
    line-height: 32px;
  }

  .ttm-tabs.ttm-tab-style-01 ul.tabs {
    display: block;
  }
  .ttm-tabs.ttm-tab-style-01 ul.tabs li.active {
    border-bottom-color: #e7e7e7;
  }
  .ttm-tabs.ttm-tab-style-01 ul.tabs li {
    border: 1px solid #e7e7e7;
    margin-bottom: 10px;
    padding-left: 15px;
  }
  .ttm-tabs.ttm-tab-style-01 ul.tabs li.active:before,
  .ttm-tabs.ttm-tab-style-01 ul.tabs li.active:after {
    content: unset;
  }
  .featured-imagebox-portfolio.style1 {
    border-right: none;
  }
  .featured-imagebox-post.style4 {
    margin: 15px 0px;
  }
  .featured-icon-box.icon-align-before-content.icon-ver_align-top.style12 {
    padding: 40px 15px 0;
    margin-top: 0;
  }
  .featured-imagebox-portfolio.style1 .featured-thumbnail img {
    height: 380px;
  }
  .featured-imagebox-portfolio.style1 .featured-desc p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .ttm-pricing-plan {
    margin-top: 0;
    padding-bottom: 30px;
  }
  .ttm-fid.inside.style1 h4,
  .ttm-fid.inside.style1 h4 span {
    font-size: 72px;
    line-height: 72px;
  }
  .ttm-fid.inside.style2 h4,
  .ttm-fid.inside.style2 h4 span {
    font-size: 30px;
    line-height: 40px;
  }
  .featured-icon-box.style9 {
    position: relative;
    left: 0px;
    top: 0px;
  }
  .overlay-border {
    display: none;
  }
  .about-btn {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 30px;
  }
  .ttm-fid.inside.style5 {
    display: none;
  }
  .featured-icon-box.style5 {
    top: 65px;
  }
  article.ttm-blog-classic .ttm-blog-classic-content {
    padding: 5px 30px 20px 20px;
  }
  .ttm-blog-single blockquote .qoute-text {
    padding-right: 80px;
  }
  .ttm-blog-single blockquote {
    padding: 30px 30px 23px 30px;
  }
  .ttm-btn.ttm-btn-size-md.style5 {
    font-size: 13px;
  }
  .tm_coverbox_contents {
    min-height: 375px;
  }

  .border-left,
  .border-right,
  .border-bottom {
    border: 0px !important;
  }

  .ttm-blog-single blockquote .qoute-text br {
    display: none;
  }
  article.ttm-blog-classic {
    margin-bottom: 30px;
  }
  .testimonials.style5 .testimonial-content .testimonial-desc {
    padding: 15px 15px 20px;
  }
  .testimonials.style4 .testimonial-content blockquote {
    padding: 40px 15px 40px;
  }
  .testimonials.style5 .testimonial-content .testimonial-desc:after {
    display: none;
  }

  .ttm-fid.inside.ttm-fid-boxed-view.style4 {
    width: 100%;
  }
  .ttm-list.ttm-list-style-icon.style1 {
    padding: 15px 0;
  }

  .ttm-progress-bar.style2 .progress-bar-title,
  .ttm-progress-bar.style2 .progress-bar-inner {
    margin-left: 80px;
  }
}

@media (max-width: 575px) {
  .second-footer .widget-area:nth-child(2) {
    margin-top: 0;
  }
  .ttm-row.heading-section .section-title h2 {
    font-size: 50px;
    line-height: 60px;
  }
  .ttm-row.heading-section h4 span {
    font-size: 50px;
    line-height: 60px;
  }
  .text-style2,
  .text-style1 {
    font-size: 15px;
    line-height: 26px;
  }
  .row-title .section-title h2.title {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .res-575-mb-0 {
    margin-bottom: 0px !important;
  }
  .res-575-mb-15 {
    margin-bottom: 15px !important;
  }
  .res-575-mb-30 {
    margin-bottom: 30px !important;
  }
  .res-575-mt-0 {
    margin-top: 0px !important;
  }
  .res-575-mt-10 {
    margin-top: 10px !important;
  }
  .res-575-mt-15 {
    margin-top: 15px !important;
  }
  .res-575-mt-20 {
    margin-top: 20px !important;
  }
  .res-575-mt-30 {
    margin-top: 30px !important;
  }
  .res-575-mt_15 {
    margin-top: -15px !important;
  }
  .res-575-ml-0 {
    margin-left: 0px !important;
  }
  .res-575-mr-50 {
    margin-right: 50px !important;
  }
  .res-575-mr-150 {
    margin-right: 150px !important;
  }
  .res-575-mr-auto {
    margin-right: auto !important;
  }
  .res-575-mr-0 {
    margin-right: 0px !important;
  }

  .res-575-pt-0 {
    padding-top: 0 !important;
  }
  .res-575-pb-0 {
    padding-bottom: 0 !important;
  }
  .res-575-pl-0 {
    padding-left: 0 !important;
  }
  .res-575-pl-15 {
    padding-left: 15px !important;
  }
  .res-575-pl-30 {
    padding-left: 30px !important;
  }
  .res-575-pr-0 {
    padding-right: 0 !important;
  }

  .res-575-pt-10 {
    padding-top: 10px !important;
  }
  .res-575-pt-15 {
    padding-top: 15px !important;
  }
  .res-575-pt-20 {
    padding-top: 20px !important;
  }
  .res-575-pt-30 {
    padding-top: 30px !important;
  }
  .res-575-pt-40 {
    padding-top: 40px !important;
  }

  .res-575-pb-15 {
    padding-bottom: 15px !important;
  }
  .res-575-pb-30 {
    padding-bottom: 30px !important;
  }
  .res-575-pb-40 {
    padding-bottom: 40px !important;
  }

  .row.ttm-vertical_sep > [class*="col-"]:not(:last-child):before {
    content: unset;
  }
  .ttm-tabs.ttm-tab-style-01 ul.tabs li {
    margin-left: 0;
    margin-right: 0;
  }
  .ttm-blog-single blockquote {
    padding: 30px;
  }
  .ttm-blog-single blockquote .qoute-text {
    font-size: 18px;
    padding-right: 0;
  }
  .ttm-blog-single blockquote:before,
  .ttm-blog-single blockquote:after {
    display: none;
  }

  .comments-area .comment-form .comment-form-author,
  .comments-area .comment-form .comment-form-email,
  .comments-area .comment-form .comment-form-url {
    width: 100%;
  }
  .ttm-single-product-details div.images,
  .ttm-single-product-details div.summary {
    width: 100%;
    float: none;
  }
  .ttm-single-product-details ul.tabs li a {
    width: 100%;
    margin-bottom: 10px;
  }
  #reviews #comments ol.commentlist li img.avatar {
    position: unset;
  }
  #reviews #comments ol.commentlist li .comment-text {
    margin-left: 0;
  }

  table.shop_table:not(.checkout-review-order-table) tr td {
    display: block;
    text-align: right;
  }
  table .cart_item .product-thumbnail,
  .shop_table_responsive thead {
    display: none;
  }
  table.shop_table:not(.checkout-review-order-table) tbody tr {
    display: block;
  }
  table.shop_table_responsive tr.cart_item td:not(.product-remove)::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }
  .coupon {
    float: none;
    padding-bottom: 0.5em;
  }
  td.actions button {
    width: 100%;
  }
  .coupon input,
  td.actions .coupon .button {
    width: auto;
  }
  .quantity {
    display: inline-block;
  }
  .cart-collaterals {
    margin-top: 0px;
  }
  .cart-collaterals .cart_totals {
    width: 100%;
    float: none;
  }
  .featured-icon-box.icon-align-before-content.style2 .featured-content p {
    font-size: 16px;
    line-height: 26px;
  }

  .footer-logo {
    text-align: center;
  }
  .newsletter-form-div {
    padding: 0;
  }
  .widget-footer .ttm_subscribe_form {
    display: block;
  }
  .widget-footer .ttm_subscribe_form input[type="email"] {
    width: 100%;
  }
  .widget-footer .ttm_subscribe_form button[type="submit"] {
    position: unset;
    margin: 15px auto 30px;
    display: block;
  }
  .second-footer .widget-area .widget h3.widget-title {
    font-size: 24px;
    line-height: 32px;
  }

  .featured-icon-box.icon-align-before-content.style3 {
  }
  .testimonials.style2 .testimonial-content blockquote {
    font-size: 20px;
    line-height: 30px;
  }

  .about-image-class,
  .about-image1,
  .about-section-fid {
    display: block;
    position: relative;
  }
  .about-section-fid {
    top: 0%;
    left: 0px;
    transform: translatey(0px);
  }
  .about-image1 {
    display: none;
  }
  .about-image-class {
    margin-right: 0px;
  }

  .testimonials.style4 .testimonial-content blockquote {
    width: 100%;
  }
  .ttm-fid.inside.style2 h4,
  .ttm-fid.inside.style2 h4 span {
    font-size: 24px;
    line-height: 36px;
  }
  .ttm-fid.inside.style1 h4,
  .ttm-fid.inside.style1 h4 span {
    font-size: 52px;
    line-height: 52px;
  }
  .ttm-fid.inside.style1 h4.ttm-fid-inner span:nth-child(2) {
    font-size: 36px;
    line-height: 36px;
  }
  .featured-icon-box.style9 {
    position: relative;
    top: 0;
    left: 0;
  }
  .overlay-border {
    display: none;
  }

  .explanation-section .accordion .toggle-title a {
    font-size: 18px;
    line-height: 28px;
  }
  .explanation-section
    .accordion
    .toggle.ttm-toggle_style_classic
    .toggle-title
    a:after {
    right: 10px;
  }

  .featured-icon-box.style5 {
    top: 90px;
  }
  .text-style1 .ttm-list li {
    padding-bottom: 12px;
  }

  .featured-icon-box.style19 .featured-title h3 {
    font-size: 20px;
  }

  section.error-404 .title-with-img {
    flex-direction: column;
  }
  section.error-404 h2 {
    font-size: 224px;
  }
  section.error-404 .page-header img {
    width: 224px;
    height: 224px;
  }
  section.error-404 .page-header > div > div:last-child {
    margin-left: 0px;
  }

  ul.ttm-list.style2 {
    padding: 60px 30px 40px 50px;
  }

  .tm_coverimgbox_wrapper .tm_coverbox_contents.style1 .featured-content {
    padding: 12px 20px;
  }
  .tm_coverbox_contents {
    min-height: 250px;
  }
  .featured-icon-box.style12 {
    padding: 56px 20px 50px;
  }
  .ttm-row.project-details-section
    button.ttm-btn-style-border.ttm-btn-color-grey {
    float: none;
    clear: both;
    display: block;
    margin-top: 20px;
  }
  #onclick-icon-share {
    float: left;
    transform: translateX(100px);
    left: 0;
  }
  .tm_coverimgbox_wrapper .tm_box_overlay.style1 {
    background: rgba(0, 0, 0, 0.6);
  }
  .featured-icon-box.featured-icon-box-homepage-slider {
    margin: 0;
  }
}

@media only screen and (max-width: 480px) {
    .ttm-page-title-row {
  background: url(https://www.masonseyecare.com.au/wp-content/uploads/2020/12/banner_03.jpg) !important;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
  .testimonials.ttm-testimonial-box-view-style1 .testimonial-content {
    display: block;
  }
  .testimonials.ttm-testimonial-box-view-style1
    .testimonial-content
    blockquote {
    margin-left: 0;
    margin-top: 10px;
  }
  .first-footer .newsletter-form button[type="submit"] {
    position: unset;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
  }
  .ttm-team-details-list li {
    width: 100%;
  }
  .comment-author,
  .comment-body {
    margin: 0;
    margin-top: 130px;
  }
  .comment-author {
    margin-top: -130px;
  }
  .comment-body:after {
    top: -25px;
    left: 50px;
    transform: rotate(90deg);
  }
  .reply {
    float: none;
  }
  .ttm-social-share-wrapper {
    display: block;
  }
  .row-title .section-title h2.title {
    font-size: 32px !important;
    line-height: 42px !important;
  }
  .featured-imagebox-portfolio.style2 .featured-content {
    padding: 47px 40px 7px;
  }
  .ttm-widget-heading h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .widget-contain {
    padding: 12px 15px 1px;
  }
  .widget-contain-box:before {
    content: unset;
  }
  .social-icons.square li {
    margin-top: 10px;
  }
  .featured-icon-box.style19:hover .featured-title h3 {
    transform: translateX(5px);
  }
  .featured-icon-box.style19:hover .featured-title:after {
    display: none;
  }
}