Files
cms-personal/public/assets/css/responsive.css
2025-06-03 12:40:13 +05:45

1139 lines
42 KiB
CSS

@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: 1px !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: var(--base-skin);
}
.ttm-header-style-01 .site-header-menu { border: none; }
.ttm-header-style-01 .site-header-menu .site-header-menu-inner {
padding: 0;
background-color: var(--base-white);
}
.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: .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){
.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; }
}