Viewing File: /htdocs/jmkconsulting.ci/save/jmk/css/responsive.css
@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 (min-width: 1200px){
/*topbar*/
.container {
max-width: 1200px;
}
.ttm-header-style-01 .site-header-menu{background-color: #232323;height: 65px;}
#site-header-menu #site-navigation .menu > ul{display: flex;}
#site-header-menu #site-navigation .menu ul > li > a {
display: block;
margin: 0px;
padding: 0px 22px 0px 22px;
text-decoration: none;
position: relative;
z-index: 1;
height: 65px;
line-height: 65px;
text-transform: uppercase;
}
.ttm-header-style-01 #site-header-menu #site-navigation .menu ul > li > a:before{
position: absolute;
height: 100%;
width: 1px;
content: '';
background-color: rgba( 255,255,255,0.07);
left: 0;
}
.ttm-stickable-header.fixed-header {
z-index: 111;
background-color: #232323;
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.06);
-webkit-animation: fadeInDown .4s linear backwards;
-moz-animation: fadeInDown .4s linear backwards;
-ms-animation: fadeInDown .4s linear backwards;
-o-animation: fadeInDown .4s linear backwards;
animation: fadeInDown .4s linear backwards;
}
nav.menu ul.dropdown > li > a:after {
position: absolute;
content: "\f107";
font-family: "FontAwesome";
font-size: 16px;
margin-left: 3px;
margin-top: 0px;
font-weight: normal;
}
nav.menu ul.dropdown > li > a:last-child:after{
content:unset;
}
.ttm-header-style-02 .ttm-stickable-header.fixed-header{background-color: #fff;}
.fixed-header {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.menu{float: left;}
.ttm-header-style-02 .ttm-header-icons:before{
display: block;
content: "";
position: absolute;
height: 100%;
width: 1px;
left: 8px;
top: 10px;
margin-top: -9px;
background-color: #d7d7d7;
}
/*ttm-header-style-01*/
#site-header-menu #site-navigation > ul li > a,
#site-header-menu #site-navigation .menu ul > li ul li > a {
margin: 0;
display: block;
padding: 13px 15px 13px 15px;
position: relative;
color: #7a7d7f;
}
#site-header-menu #site-navigation .menu > ul > li > ul > li.active > a,
#site-header-menu #site-navigation .menu > ul > li > ul > li:hover > a,
#site-header-menu #site-navigation .menu > ul > li > ul > li> ul > li.active > a,
#site-header-menu #site-navigation .menu > ul > li > ul > li> ul > li:hover > a{
background-color: #fff;
}
#site-header-menu #site-navigation .menu ul ul {
border-top: 3px solid;
text-align: left;
position: absolute;
visibility: hidden;
display: block;
opacity: 0;
line-height: 14px;
left: 0;
top: auto;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
transition: all .2s ease;
z-index: 99;
background-color: #f7f7f6;
width: 250px;
transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
}
#site-header-menu #site-navigation .menu > ul > li:last-child > ul{
right: 0;
left: auto;
}
#site-header-menu #site-navigation div.menu > ul > li:nth-child(2) ul {
background-position: 0% 0%;
background-size: auto;
background-repeat: repeat;
background-attachment: scroll;
}
#site-header-menu #site-navigation > ul > li ul a:before {
font-family: "FontAwesome";
display: inline;
text-decoration: inherit;
text-align: center;
font-size: 24px;
line-height: 9px;
content: "-";
margin-right: 5px;
transform: translateY(-50%) translateX(-10px);
left: 0px;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
/*Footer*/
.second-footer>div>.row .widget-area:first-child .widget { margin-right: 10px; }
.second-footer>div>.row .widget-area:first-child .widget:not(:first-child) { padding: 0; margin-top: -20px; }
/*ttm-header-style-02*/
.ttm-header-style-02 #site-header-menu #site-navigation .menu ul.dropdown > li > a,
.ttm-header-style-02 .ttm-header-icons,
.ttm-header-style-02 .site-branding,
.ttm-header-style-02 .ttm-header-icon{
height: 100px;
line-height: 100px;
}
.ttm-header-style-02 #site-header-menu .fixed-header #site-navigation .menu ul.dropdown > li > a,
.ttm-header-style-02 .fixed-header .ttm-header-icons,
.ttm-header-style-02 .fixed-header .site-branding,
.ttm-header-style-02 .fixed-header .ttm-header-icon,
.ttm-header-style-03 #site-header-menu .fixed-header #site-navigation .menu ul.dropdown > li > a,
.ttm-header-style-03 .fixed-header .ttm-header-icons,
.ttm-header-style-03 .fixed-header .site-branding,
.ttm-header-style-03 .fixed-header .ttm-header-icon {
height: 70px;
line-height: 70px;
}
.ttm-header-style-02 #site-header-menu #site-navigation .menu ul > li > a{color: #232323;}
.ttm-header-style-02 .ttm-header-wrap{
position: absolute;
left: 0px;
right: 0px;
z-index: 9;
border-bottom: 1px solid #d7d7d7;
}
}
@media all and (max-width: 1199px) {
/* Header */
header .container{ max-width: 100%; }
.ttm-menu-toggle {
position: relative;
height: 31px;
width: 31px;
float: left;
}
.ttm-page-title-row {padding: 80px 0 80px;}
.ttm-menu-toggle label {
cursor: pointer;
position: absolute;
z-index: 99;
height: 100%;
width: 100%;
top: 33px;
left: 0;
margin : 0;
}
.ttm-menu-toggle .toggle-block {
position: absolute;
height: 2px;
width: 100%;
padding: 0;
background-color: #262626;
}
.ttm-menu-toggle .toggle-blocks-1 {
position: relative;
float: left;
}
.ttm-menu-toggle .toggle-blocks-2 {
position: relative;
float: left;
margin-top: 6px;
}
.ttm-menu-toggle .toggle-blocks-3 {
position: relative;
float: left;
margin-top: 6px;
}
.ttm-menu-toggle input[type=checkbox]:checked ~ .ttm-menu-toggle-block > .toggle-blocks-2 { opacity: 0; }
.ttm-menu-toggle input[type=checkbox]:checked ~ .ttm-menu-toggle-block > .toggle-blocks-1 {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
margin-top: 10px;
}
.ttm-menu-toggle input[type=checkbox]:checked ~ .ttm-menu-toggle-block > .toggle-blocks-3 {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-top: -10px;
}
#site-header-menu #site-navigation .menu {
clear: both;
min-width: inherit;
float: none;
}
#site-header-menu #site-navigation .menu > li > ul.sub-menu {
padding: 0px;
border: none;
}
#site-header-menu #site-navigation .menu, #site-header-menu #site-navigation .menu > ul ul ,
#site-header-menu #site-navigation .menu ul li > ul li a:before{ display: none;}
#site-header-menu #site-navigation .menu.active,
#site-header-menu #site-navigation .menu > ul ul.active { max-height: 55em; display: block;}
#site-header-menu #site-navigation .menu > ul > li:last-of-type a { border: none; }
#site-header-menu #site-navigation .menu li a {
color: #fff;
display: block;
padding: 0.8em;
position: relative;
}
#site-header-menu #site-navigation .menu ul ul > li a {
padding: 10px 18px 10px 30px;
}
#site-header-menu #site-navigation .menu ul li:hover > ul {
display: block;
}
#site-header-menu #site-navigation .menu ul li > ul{ padding-left: 15px; }
#site-header-menu #site-navigation .menu ul.dropdown li a.active:after { content: '\f106'; font-family: 'FontAwesome'; }
#site-header-menu #site-navigation .menu ul ul, #site-header-menu #site-navigation .menu ul ul ul {
display: inherit;
position: relative;
left: auto;
top: auto;
border: none;
}
/* header */
.site-header-menu-inner.ttm-stickable-header{ width: auto; display: block; position: relative;}
.site-branding{ float: none; text-align: center; }
.site-branding {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
height: 80px;
line-height: 80px;
}
#site-header-menu #site-navigation .menu ul > li ul li > a { padding : 15px 15px 15px 0; font-size: 13px;}
#site-header-menu #site-navigation .menu > ul {
position: absolute;
padding: 10px 20px;
box-shadow: rgba(0,0,0,0.12) 3px 3px 15px;
z-index: 100;
width: 100%;
top: auto;
background-color: #fff;
border-top: 3px solid #24a781;
}
#site-header-menu #site-navigation .menu ul.dropdown > li > ul > li.has-submenu > a:after{ content: '\f107'; }
#site-header-menu #site-navigation .menu ul.dropdown > li > ul > li.has-submenu > a.active:after{ content: '\f106'; }
#site-navigation .menu > ul li:not(:last-child){
border-bottom: 1px solid rgba(93,101,118,0.15);
}
#site-header-menu #site-navigation .menu ul.dropdown > li > a:after{
position: absolute;
right: 0;
font-size: 16px;
opacity: .8;
}
#site-header-menu #site-navigation .menu ul > li.has-submenu > a:after {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
position: relative;
font-size: 20px;
position: absolute;
right: 5px;
}
#site-header-menu #site-navigation .menu ul li a {
display: block;
padding: 15px 0px;
text-decoration: none;
line-height: 18px !important;
height: auto;
line-height: 18px;
color: #232323;
}
#site-header-menu #site-navigation .menu li, #site-header-menu #site-navigation .menu > ul > li {
display: block;
}
#site-header-menu #site-navigation .menu,#site-header-menu #site-navigation .menu > ul ul{
overflow: hidden;
max-height: 0;
background-color: #fff;
}
.ttm-search-overlay .w-search-form-row:before{ right: 7px; }
/* ttm-menu-toggle */
.ttm-menu-toggle .spinner {
position: absolute;
height: 2px;
width: 100%;
padding: 0;
background-color: #262626;
}
.ttm-topbar-wrapper,.ttm-custombutton{
display: none;
}
.ttm-menu-toggle .toggle-block{ background-color: #232323; }
.ttm-stickable-header-w { background-color: #fff;}
.ttm-header-style-03 .ttm-stickable-header-w{background-color: #232323;}
.ttm-header-style-03 .ttm-menu-toggle .toggle-block{background-color: #fff;}
.ttm-header-icons,
.ttm-header-icon{ height: 80px; line-height: 80px; padding-right: 0; margin: 0 !important;padding-left: 0px;}
.ttm-header-icons .ttm-header-icon { padding-left: 1px;}
.widget_info,.ttm-topbar-wrapper { display: none !important; visibility: hidden;}
/* tabs */
.ttm-tabs ul.tabs.text-right{ text-align: left !important; }
.spacing-1 {padding: 40px 15px 40px 0px;margin-top: -404px;}
.featured-imagebox-services.style3 .ttm-history-box-border {width: 100%;}
.featured-imagebox-services.style3 .featured-content {padding: 63px 0 0;}
.featured-imagebox-services.style3 .featured-title h3 {margin-bottom: 105px;}
.featured-imagebox-services.style3 .featured-thumbnail{text-align: center;}
/* padding */
.res-1199-ptb-0{ padding: 0px !important; }
.res-1199-pt-0{ padding-top: 0px !important; }
.res-1199-pb-30{ padding-bottom: 30px !important; }
.res-1199-pl-30{ padding-left: 30px !important; }
.res-1199-pb-50{ padding-bottom: 50px !important; }
.res-1199-ml-0{ margin-left: 0 !important; }
.res-1199-mt-0{ margin-top: 0 !important; }
.res-1199-mt-10{ margin-top: 10px !important; }
.res-1199-mt-20{ margin-top: 20px !important; }
.res-1199-mt-30{ margin-top: 30px !important; }
.res-1199-mb-10{ margin-bottom: 10px !important; }
.res-1199-mb-20{ margin-bottom: 20px !important; }
.res-1199-mtb-0{ margin-top: 0 !important; margin-bottom: 0px !important;}
.res-1199-mr-0{ margin-right: 0 !important; }
.res-1199-mr-15{ margin-right: 15px !important; }
.res-1199-plr-0{ padding-left: 0px !important; padding-right: 0px !important; }
.res-1199-plr-15{ padding-left: 15px !important; padding-right: 15px !important; }
.res-1199-ml_30{margin-left: -30px!important;}
.res-1199-mlr-15{margin-left: 15px !important; margin-right: 15px !important;}
/* ttm-bg-layer */
.ttm-row .container, .ttm-row .container-fluid, .ttm-page-title-row .container, footer .container, .element-row .container,.sidebar .container{ max-width: 100%; }
.ttm-row .container, .ttm-page-title-row .container, footer .container, .element-row .container, .sidebar .container{ padding: 0; }
.ttm-row .container > .row, .ttm-page-title-row .container > .row, footer .container .row, .element-row .container > .row , .sidebar .container > .row{ margin: 0; }
.ttm-fid-view-topicon-row {margin-left: 15px !important;margin-right: 15px!important;}
section.error-404 { padding: 150px 0 150px;}
/* ttm_single_image-wrapper */
.about-overlay-01 { display: none;}
.ttm_single_image-wrapper.after-border.style3:before,
.ttm_single_image-wrapper.after-border.style3:after{position: unset;}
/* featured-icon-box */
.featured-icon-box.left-icon.style7 { padding: 30px 15px 30px 15px;}
/* ttm-header-style-05 */
.ttm-header-style-05 .widget-left,
.ttm-header-style-05 .widget-right { display: none;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
/* spacing */
.spacing-2 { padding: 75px 40px 75px 15px;}
.spacing-5 { padding: 75px 100px 80px 15px;}
.first-footer .ttm-quicklink-box .custom-heading { font-size: 16px;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.featured-imagebox-blog.ttm-box-view-left-image .featured-content{padding-left: 0 !important;}
.ttm-header-icons .ttm-header-icon {padding-left: 0px;}
}
@media (min-width: 992px){
/* sidebar-right*/
.sidebar .col-lg-9.content-area{flex: 0 0 72%;max-width: 72%;}
.sidebar .col-lg-3.widget-area{flex: 0 0 28%;max-width: 28%;}
}
@media (max-width: 991px){
.ttm-equal-height-image{ display: block; width: 100%;}
/* ttm-btn */
.ttm-btn.float-right{ float: none!important; }
.ttm-header-icons{opacity: 0;}
/* title */
.section-title .title-header h3 {margin-bottom: 4px;}
.section-title.style2 .title-header{ width: 100%; display: block; margin-bottom: 10px !important; padding-right: 0; }
.section-title.style2 .title-header:after { position: unset;}
.section-title h1{font-size: 29px;line-height: 40px;}
.section-title.style2, .section-title.style3 {margin-bottom: 20px;}
.section-title.text-center .title-header {margin-bottom: 20px;}
.section-title.style2 .title-header, .section-title.style2 .title-desc,
.section-title.style3 .title-header,
.section-title.style3 .title-desc {width: 100%;padding-bottom: 15px;display: block;}
.section-title.style2 .title-header:after, .section-title.style3 .title-header:after{content: unset;}
/* ttm-row */
.ttm-row { padding: 40px 0 !important; }
.ttm-row.zero-padding-section{padding: 0 0 !important;}
.ttm-row.bottomzero-padding-section{padding-bottom: 0 !important;}
.ttm-row.grid-section{padding-bottom: 20px !important;}
.ttm-row.portfolio-text-section { padding-bottom: 110px !important;}
.ttm-row.first-fid-section{margin-top: 0px;padding-bottom: 20px !important;}
.ttm-row.connect-section { padding-top: 110px !important;}
.ttm-row.progress-bar-section { padding-top: 120px !important;}
.ttm-row.price-text-section { padding-bottom: 230px !important;}
.ttm-row.second-services-section { padding-top: 150px !important;padding-bottom: 30px!important;}
.ttm-row.second-portfolio-text-section { padding-top: 40px !important; padding-bottom: 150px !important;}
.ttm-row.only-text-section { padding: 40px 0 120px !important;}
.ttm-row.second-row-title-section { padding: 70px 0 !important;}
.ttm-row.first-services-section{padding-bottom: 10px !important;}
.ttm-row.about-section_1 { padding: 60px 0 60px !important;}
.ttm-row.services-section_1 { padding: 60px 0 40px !important;}
.ttm-row.first-team-section { padding: 55px 0 55px !important;}
.ttm-row.testimonial-section_1 { padding: 54px 0 60px !important;}
.ttm-row.blog-section_1 { padding: 55px 0 55px !important;}
/* spacing */
.spacing-1 {margin: 0;padding: 45px 15px 0px 0;margin-top: 40px;}
.spacing-2 { padding: 40px 15px 40px 15px;}
.spacing-3 {margin-bottom: 30px !important;}
.spacing-5 { padding: 40px 15px 40px 15px;}
.spacing-6 { padding: 45px 15px 45px 15px; margin-top: 0; margin-bottom: 0;}
.spacing-7 {padding: 40px 0px 30px 0px;}
.spacing-8 { padding: 15px; margin-bottom: 0;}
.spacing-9 { padding: 40px 0px 130px 431px;}
.spacing-10 { padding: 36px 15px 41px; }
.spacing-11 { padding: 40px 15px 40px; margin-bottom: 0;}
.spacing-12 {padding: 35px 15px 35px; margin: 0 15px;}
/* featured-box */
.featured-title h3,
.banner-img-box:before { content: unset;}
.about-overlay-04 {display: none;}
/* featured-imagebox */
.featured-imagebox-team.style2 .ttm-social-links-wrapper ul { margin-left: 10%; margin-right: 10%;}
.featured-imagebox-services.style1 img { margin: 0;}
.featured-imagebox-services.style3 .featured-content {padding: 0px 0 0;}
.featured-imagebox-services.style3 .featured-title h3 {margin-bottom: 40px;}
/* featured-icon-box */
.featured-icon-box.top-icon.style1 { padding: 25px 15px 25px 15px; margin: 0;}
.ttm-play-icon-btn-center.style2 { right: 0;left: 0; margin-left: 0;}
.ttm-highlight-fid-style-1.inside{left: 15px;}
.row > [class*='col-']:not(:last-child) > .featured-icon-box.left-icon.style7:before {
position: absolute;
content: '';
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: rgba(255,255,255,.2);
top: auto;
right: auto;
}
.featured-icon-box.top-icon.style3 { padding: 30px 15px 25px 15px;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link {top: 42%;}
.featured-imagebox-portfolio.style3:hover .ttm-media-link {top: 37%;}
/* footer */
.footer .widget { margin: 35px 0 0px; }
.first-footer { padding: 40px 0 40px;}
.first-footer .featured-icon-box.left-icon{margin-bottom: 20px;}
.footer .second-footer {padding: 10px 0 40px;}
.second-footer .widget.widget_nav_menu ul li:last-child,
.second-footer .widget ul.ttm-recent-post-list>li:last-child{padding-bottom: 0px !important;}
/* ttm-tab */
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li {margin: 0 10px;}
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li a { padding: 15px 15px;}
/* element-page */
.element-row { padding: 0 0 30px; }
.element-row > .section-title h2.title{ margin-top: 0px ;}
/* shop */
.ttm-product-image-box img{ width: 100%; }
div.product .summary .product-rating{ float: none; }
/* margin */
.res-991-m-0{ margin: 0 !important; }
.res-991-ml-0{ margin-left: 0 !important ; }
.res-991-ml-15{ margin-left: 15px !important ; }
.res-991-mr-0{ margin-right: 0 !important; }
.res-991-mr-15{ margin-right: 15px !important; }
.res-991-mt-0{ margin-top: 0 !important; }
.res-991-mb-0{ margin-bottom: 0 !important; }
.res-991-mt-10{ margin-top: 10px !important; }
.res-991-mt-20{ margin-top: 20px !important; }
.res-991-mt-25{ margin-top: 25px !important; }
.res-991-mtb-0{ margin-top: 0 !important; margin-bottom: 0px !important;}
.res-991-mtb-20{ margin-top: 20px !important; margin-bottom: 20px !important;}
.res-991-mt_15{ margin-top: -15px !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-mb-20{ margin-bottom: 20px !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-mlr-15{ margin-left: 15px !important; margin-right: 15px !important; }
.res-991-ml_30{margin-left: -30px!important;}
/* padding */
.res-991-p-0{ padding: 0 ! important;}
.res-991-p-15{ padding: 15px ! important;}
.res-991-pt-15{ padding-top: 15px !important; }
.res-991-pt-30{ padding-top: 30px !important; }
.res-991-pt-40{ padding-top: 40px !important; }
.res-991-pt-45{ padding-top: 45px !important; }
.res-991-pt-50{ padding-top: 50px !important; }
.res-991-ptb-0{ padding-top: 0px !important ; padding-bottom: 0px !important ; }
.res-991-ptb-20{ padding-top: 20px !important ; padding-bottom: 20px !important ; }
.res-991-pt-0 { padding-top: 0px !important; }
.res-991-pl-0 { padding-left: 0px !important; }
.res-991-pr-0 {padding-right: 0!important;}
.res-991-pl-15 { padding-left: 15px !important; }
.res-991-pb-0{ padding-bottom: 0px !important }
.res-991-pb-5{ padding-bottom: 5px !important }
.res-991-pb-30{ padding-bottom: 30px !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-pb-90{ padding-bottom: 90px !important }
.res-991-pb-100{ padding-bottom: 100px !important }
.res-991-plr-0{ padding-left: 0px !important; padding-right: 0px !important; }
.res-991-plr-15{ padding-left: 15px !important; padding-right: 15px !important; }
.res-991-ptb-35{ padding-top: 35px !important; padding-bottom: 35px !important; }
.sidebar div.widget-area{margin-top: 0; margin-bottom: 40px;}
.sidebar .widget-area .widget:last-child{margin-bottom: 0!important;}
.sidebar .content-area{ padding-top: 40px; padding-bottom: 15px; }
.res-991-h-auto{height: auto;}
.ttm-pf-single-detail-box { padding: 20px 20px 10px;}
/* ttm-blog-classic */
article.ttm-blog-classic .ttm-blog-classic-content { padding: 25px 15px 15px;}
.ttm-blog-classic .entry-header .entry-title { font-size: 22px; line-height: 26px;}
.widget.widget-nav-menu ul li a:after {height: 74%;width: 98%;left: 1%;top: 13%;}
.featured-imagebox.featured-imagebox-services.style3 {margin-bottom: 30px;}
.res-991-center{text-align: center;}
.res-991-h-auto{height: auto;}
.res-991-d-none{display: none;}
.ttm-header-style-01 .ttm-header-icons .ttm-header-cart-link a,
.ttm-header-style-01 .ttm-header-icons .ttm-header-search-link a{font-size: 12px;}
.ttm-quicklink-box{text-align: center;}
.ttm-custom-ctabox:before{content: unset;}
.ttm-quicklink-box .ttm-rightlink-box .custom-heading{margin-top: 20px;}
.ttm-custom-ctabox{margin-top: 25px;margin-bottom: 10px;}
/* processbox */
.ttm-processbox-wrapper:before{position: unset;}
.ttm-processbox-wrapper { display: block;}
.ttm-processbox-wrapper .ttm-processbox { width: 100%;}
.ttm-processbox-wrapper .ttm-processbox:not(:last-child){ padding-bottom: 20px;}
.ttm-processbox-wrapper .ttm-processbox .ttm-box-image:before{content: unset;}
/* ttm-fid */
.ttm-fid-view-lefticon.style3 { padding: 40px 15px 20px 35px;}
.testimonials.style1 .testimonial-content:before {height: 180px;}
/* about-overlay*/
.about-overlay-02.center-overlay-style1 {
position: absolute;
top: 25%;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
}
.ttm-play-icon-btn.ttm-play-icon-btn-center.style1 { margin-left: -20px;}
.ttm-play-icon-btn-center.center-right {left: 0; right: 0;}
}
@media (min-width: 768px){
/* featured-icon-box */
.featured-icon-box.iconalign-before-heading.style1{
border-right: 1px solid rgba(255,255,255,.15);
}
.comment-body .reply {
position: absolute;
top: 10px;
right: 15px;
}
}
@media (max-width: 767px){
/* Page-Title */
.title-box .page-title-heading h1{ font-size: 34px ; line-height: 38px; }
.ttm-row.price-text-section { padding-bottom: 190px !important;}
.section-title h2.title {font-size: 40px !important;line-height: 50px;}
/* footer */
.footer-logo { margin-bottom: 25px;}
.copyright { padding-top: 25px; padding-bottom: 25px;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link {top: 47%;}
.featured-imagebox-portfolio.style3:hover .ttm-media-link {top: 46%;}
/* ttm-search-overlay */
.ttm-search-overlay .ttm-site-searchform { left: 10%; width: 80%;}
/* pricing-plan */
.ttm-pricing-plan{margin-bottom: 20px !important; margin: 0 15px;}
.ttm-pricing-plan .ttm-featured-title {position: relative;}
.ttm-pricing-plan.ttm-pricing-plan-col { padding: 50px 30px 30px;}
/* ttm-fid */
.ttm-fid-view-lefticon.style1:before{content: unset;}
.ttm-fid-view-lefticon.style1{padding-top: 20px; padding-left: 15px;}
/* featured-imagebox */
.featured-imagebox-team.style1 .featured-content{ margin-left: 0px; margin-right: 0px;}
.featured-imagebox.featured-imagebox-team.style1 { margin-right: 0px; }
.featured-icon-box.left-icon.style5{border: none !important;padding-top: 0;}
.featured-icon-box.style12 {padding-top: 20px; }
/* margin */
.res-767-mb-0{ margin-bottom: 0px!important; }
.res-767-mb-15{ margin-bottom: 15px!important; }
.res-767-mb-30{ margin-bottom: 30px!important; }
.res-767-mt-0{ margin-top: 0px !important; }
.res-767-mt-10{ margin-top: 10px !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-ml-10{ margin-left: 10px!important; }
.res-767-ml-0{ margin-left: 0px!important; }
/* padding */
.res-767-plr-15{ padding: 0 15px !important; }
.res-767-pl-15{ padding-left: 15px !important; }
.res-767-pr-15{ padding-right: 15px !important; }
.res-767-pl-0{ padding-left: 0px !important; }
.res-767-pr-0{ padding-right: 0px !important; }
.res-767-p-30{ padding: 30px; }
.res-767-pb-30{ padding-bottom: 30px!important; }
.res-767-pt-30{ padding-top: 30px!important; }
.res-767-pt-15{ padding-top: 15px!important; }
.res-767-fnone{float: none !important;}
/* tab */
.ttm-tabs.ttm-tab-style-vertical .content-tab{ padding: 10px 20px; }
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a{ border-radius: 0; }
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li { margin: 0 2px;}
.ttm-tabs.ttm-tab-style-classic .content-tab { padding: 20px 15px;}
/* 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: 600;
float: left;
}
.coupon{ float: none; padding-bottom: .5em; }
td.actions button{ width: 100%; }
.coupon input, td.actions .coupon .button{ width: auto; }
/* ttm-single-product */
div.product.ttm-single-product-details div.images,
div.product.ttm-single-product-details div.summary{ width: 100%; float: none; }
.quantity { display: inline-block;}
.cart-collaterals .cart_totals { width: 100%; float: none;}
.cart-collaterals { margin-top: 0px;}
.checkout .billing-fields h3, .checkout .additional-fields h3 { font-size: 24px;}
div.product .ttm-tabs .content-tab { padding: 20px;}
.row > [class*='col-']:not(:last-child) .ttm-fid.without-icon.style1:before {content: unset;}
.res-767-h-auto{height: auto;}
}
@media (max-width: 624px){
div.product ul.tabs li {
margin-bottom: 5px;
}
}
@media (min-width: 576px){
.ttm-tabs.ttm-tab-style-classic ul.tabs {
display: -webkit-flex;
display: flex;
width: 100%;
}
.ttm-tabs.ttm-tab-style-classic.style2 ul.tabs{display: block;}
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs { border: 1px solid #f0f0f0;}
}
@media (max-width: 575px){
.section-title h2.title {font-size: 30px !important;line-height: 40px;}
.ttm-header-icons .ttm-header-icon { margin-left: 0;padding-left: 0px;}
.ttm-header-icons .ttm-header-cart-link a,
.ttm-header-icons .ttm-header-search-link a {
height: 28px;
width: 28px;
line-height: 28px;
}
.featured-imagebox-services.style4:before {content: unset; }
/* single-blog */
article.ttm-blog-classic .ttm-blog-classic-content{margin-right: 0;margin-top: 0;}
.ttm-post-prev-next-buttons{ text-align: center; }
.ttm-post-prev-next-buttons a.float-right{ float: none !important; }
.comment-box {display: block;padding-left: 0; margin-top: 10px;}
.comment-author {display: block;text-align: left;margin: 0;float: none;}
.comment-body,
.comment-list .children {margin-left: 0}
.row .col-lg-3.h-300 {height: 270px;}
.ttm-row.about-section {padding: 0px 0 40px !important;}
/* spacing */
.res-575-mt-30{margin-top: 30px !important;}
.res-575-ml-0{margin-left: 0 !important}
.ttm-bgcolor-blackgrey {background-color: transparent;margin-bottom: 30px;}
.social-icons.grey-background.square {margin-top: 25px;}
/* ttm-tab */
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li i { display: none;}
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li a { margin-bottom: 15px;}
.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li a { border: 1px solid #f0f0f0;}
.ttm-tabs .content-tab { margin-top: 5px;}
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li,
.ttm-tabs.ttm-tab-style-horizontal ul{ display: block; margin-right: 0; }
/* featured-icon-box */
.featured-icon-box.style1.without-icon{padding-left: 0;}
.featured-icon-box.style1.without-icon:before{content: unset;}
.featured-icon-box.left-icon.style3 { padding: 15px 15px;}
.ttm-quicklink-box .custom-heading { display: block; width: 100%;}
.first-footer .ttm-quicklink-box i{margin: 0;}
.about-overlay-01{display: none;}
/* testimonials */
.testimonials-info .testimonials{padding: 15px;}
.testimonials-info .testimonials blockquote{margin: 0 15px 5px;padding: 0 6px 10px;}
/* ttm-fid */
.row > [class*='col-']:not(:last-child) .ttm-fid-view-lefticon.inside.style3:before{content: unset;}
.featured-imagebox-blog.ttm-box-view-left-image .featured-content{padding-left: 0 !important;}
.widget.widget-nav-menu ul li a:after { height: 74%; width: 96%; left: 2%;}
}
@media only screen and (max-width: 480px) {
.newsletter-form input[type="email"]{padding-right: 30px;}
.newsletter-form button[type="submit"] {
position: unset;
text-align: center;
margin: 0 auto;
display: block;
margin-top: 15px;
border-radius: 30px;
}
.testimonials.style1 .testimonial-content:before {content:unset;}
.testimonials.style1 .testimonial-content blockquote:before {top: -25px;right: 0;font-size: 35px;}
.testimonials.style1 .testimonial-content {padding: 37px 15px 35px 70px;}
.ttm-team-details-list li { width: 100%; }
.comment-body:before{content: unset;}
.reply { float: none; }
.featured-imagebox-post.style1 .featured-content .post_box-footer .post-link:after{content: unset;}
.spacing-13 {padding: 39px 15px 45px;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link {top: 42%;}
.featured-imagebox-portfolio.style3:hover .ttm-media-link {top: 41%;}
}
Back to Directory
File Manager