@media only screen and (min-width: 1801px){ /* Bg-Layer */ .ttm-left-span > .ttm-col-wrapper-bg-layer { margin-left: -500px; } .ttm-right-span > .ttm-col-wrapper-bg-layer { margin-right: -500px; } } @media only screen and (max-width: 1800px) and (min-width: 1601px){ /* Bg-Layer */ .ttm-left-span > .ttm-col-wrapper-bg-layer { margin-left: -400px; } .ttm-right-span > .ttm-col-wrapper-bg-layer { margin-right: -400px; } } @media only screen and (max-width: 1600px) and (min-width: 1401px){ /* Bg-Layer */ .ttm-left-span > .ttm-col-wrapper-bg-layer { margin-left: -300px; } .ttm-right-span > .ttm-col-wrapper-bg-layer { margin-right: -300px; } } @media only screen and (max-width: 1400px) and (min-width: 1171px){ /* Bg-Layer */ .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 (max-width: 1330px){ .h_call { display: none !important; } } @media only screen and (min-width: 1200px){ #site-header-menu .site-navigation li.ttm-sepline { position: absolute !important; top: 0px !important; left: 0px; right: auto; text-align: center; height: 25px !important; display: block; } #site-header-menu .site-navigation .sep-img { display: inline-block; position: absolute; content: ""; top: 0px; margin: 0 auto; left: 50%; background-repeat: no-repeat; background-position: 0px -6px; width: 14px; height: 22px; text-align: center; margin-left: -5px; -webkit-mask-box-image: url(../images/menu-sprite.svg); -webkit-mask-size: cover; mask-size: cover; } .ttm-rev_slider-wide { max-width: 1700px; margin: 0 auto; width: 100%; position: relative; } .ttm-rev_slider-wide:before { position: absolute; content: ""; left: -600px; top: 0px; width: 0; height: 500px; background: #343c5c; width: 600px; } .header.logo-with-bg-shape .site-branding { display: block; position: relative; padding: 26px 0 25px; z-index: 10; } .header.logo-with-bg-shape .site-header-menu-inner:not(.fixed-header) .site-branding:after, .header.logo-with-bg-shape .site-header-menu-inner:not(.fixed-header) .site-branding:before { content: ""; position: absolute; left: 100%; top: 0; width: 100px; height: 100%; margin-right: 0px; margin-left: 0px; background: #343c5c; } .header.logo-with-bg-shape .site-header-menu-inner:not(.fixed-header) .site-branding:before { left: auto; right: 100%; width: 1200px; border: 0; } /* header */ .ttm-stickable-header.fixed-header { z-index: 111; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08); } .fixed-header { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 9; } /* ttm-header-style 01*/ .ttm-header-style-01 .ttm-stickable-header.fixed-header .site-navigation ul.menu > li >a { padding: 37px 14px ; } .ttm-header-style-01 .site-header-menu .ttm-stickable-header.fixed-header .site-navigation{ margin-top: 0; } .ttm-header-style-01 .ttm-stickable-header.fixed-header .site-navigation-content{ position: unset; content: unset; box-shadow: unset; } .ttm-header-style-01 #site-header-menu .site-navigation ul.menu > li >a { padding: 40px 15px 40px 15px; position: relative; } /* ttm-header-style 02*/ .ttm-header-style-02 .site-branding { padding: 34px 0; } .ttm-header-style-02 #site-header-menu .site-navigation ul.menu { display: flex; } .ttm-header-style-02 #site-header-menu .site-navigation ul.menu > li >a { padding: 22px 25px; } .ttm-header-style-02 #site-header-menu .site-navigation ul.menu > li >a:before { content: ""; position: absolute; height: 100%; width: 1px; left: 0px; top: 50%; opacity: 1; transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); background-color: rgba( 255,255,255,0.07); display: inline-block; } .ttm-header-style-02 .header_search .search_btn { height: 100%; border-right-color: rgba( 255,255,255,0.07); } .ttm-header-style-02 .header_search .search_btn, .ttm-header-style-02 .header_btn .ttm-btn{ padding-top: 20px; padding-bottom: 20px; border-radius: 0; } /* ttm-header-style-03 */ header.ttm-header-style-03 .container-fluid { padding: 0 70px; } header.ttm-header-style-03 .site-branding { padding-right: 25px; } header.ttm-header-style-03 { position: absolute; z-index: 2; width: 100%; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } header.ttm-header-style-03 #site-header-menu { background-color: rgba(0,0,0,0.12); } .ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li >a { padding: 39px 15px; position: relative; } .ttm-header-style-03 .header_search .search_btn { border-right-color: rgba( 255,255,255,0.2); } } @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-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-pt-15{ padding-top: 15px!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; } .top_bar{ display: none; } /* Header */ header .container{ max-width: 100%; } .header_extra , .widget_info{ display: none !important; visibility: hidden; } .ttm-header-style-03 .menubar-inner, .ttm-header-style-03 .menubar-inner:after, .ttm-header-style-03 .menubar-inner:before { background-color: #fff; } .ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li >a { color: #343c5c; } /* logo */ .site-branding { text-align: center; background-color: transparent; } .header.logo-with-bg-shape .site-header-menu-inner:not(.fixed-header) .site-branding, .ttm-header-style-01 #site-header-menu{ background-color: transparent; } #site-header-menu .site-navigation { height: 80px; } .ttm-header-style-02 .site-branding { position: absolute; bottom: -60px; } .ttm-header-style-02 .site-header-menu { background-color: transparent; } [class*='col-xl'] .ttm_single_image-wrapper{ text-align: center !important; } .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; } } @media (max-width: 991px){ .row-equal-height > [class*='col-'], .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%; } .section-title h2.title { font-size: 35px; line-height: 46px; } .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-bg-layer */ [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: 50px; line-height: 60px; } h2 { font-size: 36px; line-height: 46px; } h3 { font-size: 32px; line-height: 42px; } h4 { font-size: 24px; line-height: 34px; } h5 { font-size: 19px; line-height: 22px; } h6 { font-size: 17px; line-height: 20px; } .section-title { margin-bottom: 30px; } .section-title h2.title { font-size: 28px; line-height: 36px; } .section-title.style2 .title-header{ width: 100%; padding-bottom: 20px;} .section-title.style2 .title-header, .section-title.style2 .title-desc { display: block; } .section-title.style2 .title-header:after { content: unset; } /* ttm-row */ body .page.ttm-sidebar-true .site-main, .ttm-row { padding: 60px 0 !important; } .ttm-row.broken-section { padding: 0 0 !important;} .ttm-row.portfolio-section { padding: 60px 0 45px !important; } .ttm-row.services-section { padding: 45px 0 !important; } .ttm-row.blog_faq-section { padding: 60px 0 45px !important; } .ttm-row.blog-section { padding: 60px 0 45px !important; } .ttm-row.cta-section { padding: 60px 0 0 !important; } .ttm-row.services_2-section { padding: 60px 0 45px !important; } .ttm-row.zero_padding-section { padding: 0 0 !important; } .ttm-row.contact-section { padding: 0 0 !important; } .ttm-row.portfolio_2-section { padding: 60px 0 45px !important; } .ttm-row.process-section { padding: 60px 0 30px !important; } .ttm-row.fid-section { padding: 50px 0 40px !important; } .spacing-1 { padding: 30px 0 0 30px ;} .spacing-2 { padding: 60px 15px 30px ; margin: 0 -15px;} .spacing-3 { padding: 50px 0 0 15px ; } .spacing-4 { padding: 60px 15px 20px ; margin: 0 -15px;} .spacing-5 { padding: 45px 0px 40px ; margin-top: 0px;} .spacing-6 { padding: 80px 35px 40px ;} .spacing-7 { padding: 50px 15px; margin: 0; } .spacing-8 { padding: 20px 0 20px 15px; } /* 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-40{ padding-top: 40px !important; } .res-991-pt-50{ padding-top: 50px !important; } .res-991-pt-60{ padding-top: 60px !important; } .res-991-pb-0{ padding-bottom: 0 !important; } .res-991-pb-15{ padding-bottom: 15px !important; } .res-991-pb-25{ padding-bottom: 25px !important; } .res-991-pb-30{ padding-bottom: 30px !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-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-30{ padding-left: 30px !important; } .res-991-pl-50{ padding-left: 50px !important; } .res-991-pl-60{ padding-left: 60px !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-50{ margin-top: 50px !important; } .res-991-mt-60{ margin-top: 60px !important; } .res-991-mb-0{ margin-bottom: 0 !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-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_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; } .ttm-vertical_sep > [class*='col-lg']:not(:last-child):before { content: unset; } /* footer */ .first-footer { padding: 55px 0 20px; } .second-footer .row { padding: 22px 0 25px; } .second-footer .widget-area .widget { padding: 20px 0 20px; } .footer .widget .widget-title { margin-bottom: 20px; } .featured-icon-box.icon-align-before-title.style1 { padding: 35px 25px 25px 30px;} .featured-icon-box.icon-align-top-content.style2 { padding: 50px 25px 25px 30px;} .featured-icon-box.icon-align-top-content.style2 .featured-title h5 { margin-bottom: 16px;} .ttm-fid.inside.style2 { padding: 15px 0; } #map { height: 264px; } /* sidebar */ .sidebar .sidebar-right{ margin-top: 50px !important; order: 1; width: 100%; } .sidebar .sidebar-left{ margin-top: 50px !important; order: 1; width: 100%; } } @media (min-width: 992px){ .sidebar .sidebar-right, .sidebar .sidebar-left{ flex: 28.914%; max-width: 28.914%; } .sidebar .content-area { flex: 70.50%; max-width: 70.50%; } .sidebar.ttm-sidebar-right .content-area{ padding-right: 30px; border-right: 1px solid #efefef; } .sidebar .content-area, .sidebar .widget-area { padding-top: 80px; padding-bottom: 80px; } .sidebar.ttm-sidebar-left .content-area, .sidebar .sidebar-right{ padding-left: 30px; } .sidebar .sidebar-left { padding-right: 30px; } .sidebar.ttm-sidebar-left .content-area{ border-left: 1px solid #efefef; } } @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; } .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-30{ margin-top: 30px !important; } .res-767-mt-40{ margin-top: 40px !important; } .res-767-mt-50{ margin-top: 50px !important; } .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-pr-0 { padding-right: 0 !important; } .res-767-pt-10 { padding-top: 10px !important; } .res-767-pt-15 { padding-top: 15px !important; } .res-767-pt-30 { padding-top: 30px !important; } .res-767-pt-40 { padding-top: 40px !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; } [class*='col-md'] .ttm-equal-height-image { text-align: center; margin: 0 auto} [class*='col-md'] .ttm-equal-height-image { display: block; } /* ttm-bg-layer */ [class*='col-md'] .ttm-col-bgimage-yes, .bg-layer-equal-height [class*='col-md'] .ttm-col-bgcolor-yes{ height: auto !important; } /* Page-Title */ .breadcrumb-wrapper .breadcrumb-wrapper-inner{ padding: 0; background: transparent; } .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 { text-align: center ; display: block!important; } } @media (max-width: 575px){ .second-footer .widget-area:nth-child(2) { margin-top: 0; } .res-575-mb-0{ margin-bottom: 0px !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-30{ margin-top: 30px !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-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-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; } .border-left, .border-right { border: 0px !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: 32px 25px 32px 30px; padding-left: 50px; } .ttm-blog-single blockquote:after{ left: 25px; opacity: .1; } .ttm-blog-single blockquote .qoute-text{ font-size: 18px; } .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; } /* cart */ 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; } } @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; } }