/******************************************************************************/ /* 0-1459 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:1080px) { /******************************************************************************/ /* Layout */ /******************************************************************************/ /**************************************************************************/ /* Layout / Flex */ /**************************************************************************/ .template-layout-flex>div { padding-left:80px; padding-right:80px; } .template-background-image.template-background-image-2.colorchange{ width: 100% !important; } .ft-menu{ flex-direction: column; margin-bottom: 0px !important; padding-bottom: 0px !important; } .template-footer { padding: 0px 0px 0px 0px !important;} .ft-menu > li > a { margin-top: 25px; margin-bottom: 0px !important; } .template-footer .template-footer-bottom { margin-top: 25px; padding-top: 0px; padding-bottom: 20px;} .template-header .template-header-top .template-header-top-icon-list a{ font-size: 18px; width: 30px; height: 34px; line-height: 34px; } /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Menu */ /**************************************************************************/ /**********************************************************************/ /* Component / Menu / Default */ /**********************************************************************/ } .tv .screen{ left: 0!important; } @media only screen and (min-width:980px) and (max-width:1300px){ .hidden-1300{ display: none !important; } .lang_select { margin-left: 10px !important; margin-right: 10px!important;} .template-component-testimonial-list .template-component-testimonial-list-navigation .template-component-testimonial-list-navigation-center { top: 10px; position: relative; font-size: 46px; margin-left: 38px; margin-right: 38px; display: inline-block; } .template-layout-flex>div { padding: 70px 30px;} } @media only screen and (min-width:1300px) and (max-width:1400px){ .template-component-social-icon-list li.hidden-1300{ display: none; } .lang_select { margin-left: 15px !important;} .template-component-menu-default>.sf-menu>li>a{padding-left: 24px !important;padding-right: 24px !important;} } @media only screen and (min-width:1300px) and (max-width:1600px){ .template-component-social-icon-list li a { width: 34px; font-size: 16px;} .template-component-menu-default>.sf-menu{ padding-left: 280px; } .template-component-menu-default>.sf-menu>li ul{padding-left: 80px;} } @media only screen and (min-width:1400px) and (max-width:1500px){ .template-component-menu-default>.sf-menu{ padding-left: 280px; } .template-component-social-icon-list li.hidden-1300{ display: none; } .lang_select { margin-left: 15px !important;} } @media only screen and (max-width: 1300px) and (min-width: 0px) { .template-logo {max-width: 160px;margin-top: 13px;margin-bottom: 8px;} /*.template-header .template-header-top .template-header-top-menu{width: 100%;display: block;position: relative;height: 70px;display: none;}*/ .template-component-menu-default{ text-align: left; } .template-component-menu-default>.sf-menu{padding-left: 260px;} .template-component-menu-default>.sf-menu>li>a{padding-left: 24px !important;padding-right: 24px !important;} .template-header .template-header-top .template-header-top-logo{ padding-left: 20px; } .template-header .template-header-top .template-header-top-icon-list{ margin-right: 15px; } .flexnav li > ul{ padding: 0px !important; } .lang_select ul ul { top: -10px!important; padding-top: 40px!important; text-align: left!important; padding-left: 13px!important; padding-bottom: 12px!important;} .template-component-social-icon-list li.hidden-1300{ display: none; } } @media only screen and (min-width:0px) and (max-width:1200px) { .template-header .template-header-top .template-header-top-menu{display: none;} .template-header .template-header-top .template-header-top-icon-list .template-icon-meta-menu {display:block;height: 34px;line-height: 32px;border: none;font-size: 30px;width: auto;margin: 0px 0px 0px 6px;} } /******************************************************************************/ /* 0-1299 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:980px) { /******************************************************************************/ /* Template */ /******************************************************************************/ /**************************************************************************/ /* Template / Header */ /**************************************************************************/ /**********************************************************************/ /* Template / Header / Top */ /**********************************************************************/ /******************************************************************/ /* Template / Header / Top / Icon list */ /******************************************************************/ /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Menu */ /**************************************************************************/ /**********************************************************************/ /* Component / Menu / Default */ /**********************************************************************/ .template-component-menu-default, .cover, .tv { display:none; } .template-background-image.template-background-image-about .fullimage{height: 30% !important;position: relative !important;display: block!important;height: 240px!important;background-size: cover!important;background-repeat: no-repeat;margin-top: 20px;} .template-background-image.template-background-image-about{ padding-left: 0 !important; padding-right: 0 !important; padding-top: 40px !important; padding-bottom: 0 !important;} } /******************************************************************************/ /* 0-1169 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:1169px) { /******************************************************************************/ /* Blog */ /******************************************************************************/ /**************************************************************************/ /* Blog / Comment List */ /**************************************************************************/ .template-blog-comment-list ul ul { margin-left:0px; } } /******************************************************************************/ /* 0-959 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:959px) { /******************************************************************************/ /* Layout */ /******************************************************************************/ /**************************************************************************/ /* Layout / Flex */ /**************************************************************************/ .template-layout-flex { flex-wrap:wrap; } .template-layout-flex>div { width:100%; flex-basis:100%; min-height:300px; padding-left:60px; padding-right:60px; } /******************************************************************************/ /* Blog */ /******************************************************************************/ /**************************************************************************/ /* Blog / Excerpt */ /* Blog / Content */ /**************************************************************************/ .template-blog.template-blog-style-2 .template-blog-image { float:none; width:100%; } .template-blog.template-blog-style-2 .template-blog-image + .template-blog-excerpt { margin-left:0px; margin-top:30px; } /**************************************************************************/ /* Blog / Meta */ /**************************************************************************/ .template-blog .template-blog-meta { width:100%; display:table; } .template-blog .template-blog-meta>div { } .template-blog .template-blog-meta>div>div { clear:both; display:block; } .template-blog .template-blog-meta>div>div+div { margin-top:20px; text-align:left; } } /******************************************************************************/ /* 0-767 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:768px) { .footer-absolute .copy{padding-bottom: 0px; padding-top: 20px; text-align: center;} .footer-absolute .social-box{ float: none!important; margin: 0px 0px 20px 0px!important; text-align: center; } .footer-shop{ display: none; } .pre-fot-box h4{ margin-bottom: 0px; font-size: 16px; line-height: 130%; } .pre-fot-box {padding-bottom: 25px !important;padding-top: 25px !important;border-top: 1px solid #1083cc;border-left: none !important;} .pre-footer{padding: 20px 0px !important;} .pre-fot-box .btn-icon{ padding: 0px 20px 0px 40px !important; } .pre-footer p{ font-size: 12px; } .pre-footer > .container{ padding-left: 0px; padding-right: 0px; } .pre-footer .col-md-4{ padding: 0px; } .pre-footer > .container > .row > .col-md-4:first-child .pre-fot-box{ border-top: none !important; } .combo-section .map-column{ position:relative!important; left:0px!important; width:100%!important; height:200px!important; } .combo-section .form-column{ width:100% !important; } .template-component-call-to-action{ text-align: center; } .template-component-call-to-action .template-component-button{ float: none !important; } .template-component-call-to-action>div>h3{font-size: 18px !important;text-align: center;margin-top: 0px;margin-bottom: 20px;line-height: 140%;} .template-layout-flex.template-clear-fix.template-background-color-1{ display: block; } .template-background-image.template-background-image-about .fullimage{height: 30% !important;position: relative !important;display: block!important;height: 240px!important;background-size: cover!important;background-repeat: no-repeat;margin-top: 20px;} .template-component-testimonial-list ul>li>p{font-size: 15px; line-height: 150%; } .template-component-header-subheader{ margin-bottom: 30px; } .template-component-testimonial-list.template-clear-fix{ margin-bottom: 30px; } .template-background-image.template-background-image-about .fullimage .fullcontent .button-white{ margin: 50px 0px;} .template-background-image.template-background-image-about{ padding-left: 0 !important; padding-right: 0 !important; padding-top: 40px !important; padding-bottom: 0 !important;} .template-component-testimonial-list ul{ padding: 0px 15px; } .template-component-recent-post>li>a>img{display: block;margin: 0 auto 15px auto;} .template-component-recent-post>li>a>span{font-size: 14px;display: block;line-height: 140%;} .template-component-recent-post>li>a>span+span{ font-size: 11px; display: block; } .template-component-recent-post>li>a>span+span:before{ display: none; } .template-component-space-2{ height: 40px; } .combo-section .form-column .inner-box {padding: 40px 20px 40px 20px !important; } .combo-section .form-column h3{ font-size: 16px !important; line-height: 150%;} .template-blog.pull-right{ float: none !important; margin-top: 40px; } .ui-tooltip{ display: none !important; } .row{ margin-left: 0px; margin-right: 0px; } .row .col-md-3.col-sm-4.col-xs-12.template-margin-bottom-reset, .row .col-md-9.col-sm-8.col-xs-12.template-margin-bottom-reset{padding-left: 0px;padding-right:0px;margin-bottom: 40px !important;} .row.template-clear-fix.mrbt50 > .col-md-6.col-sm-6{ padding-left: 0px; padding-right: 0px; margin-bottom: 15px; } .template-header.template-header-background{ padding: 150px 0px 30px 0px;} .template-header.template-header-background .template-main{padding: 0px 0px !important;} .template-header .template-header-bottom .template-header-bottom-page-title > h1{font-size: 20px !important;line-height: 140% !important;letter-spacing: 0px!important;} .template-header .template-header-bottom .template-header-bottom-page-breadcrumb{ margin-top: 15px !important; } .template-header .template-header-bottom .template-header-bottom-page-breadcrumb a{font-size: 12px;letter-spacing: 0px;} .template-header .template-header-bottom .template-header-bottom-page-breadcrumb span{ width: 25px; font-size: 10px; } .subPageList{display:none;border: 1px solid #E2E6E7!important;padding-top: 0px!important;padding-bottom: 10px!important;font-size: 14px;background: #f5f5f5;padding-left: 15px!important;padding-right: 15px!important;border: none!important;} .mobile-option{color: #818285;font-size: 14px;text-decoration: none;border: none;background: none;width: 100%;padding: 15px 15px;outline: none;text-align: left;background: #f5f5f5;margin-top: 0px;letter-spacing: 0px;cursor: pointer;} .mobile-option .cat{ font-weight: 500;} .currentLeft{color: #0075bf;} .mobile-option:after{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: 28px; float: right; margin-top: -7px; top: 3px; position: relative;} .mobile-option.currentLeft:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f106"; font-size: 28px; float: right; margin-top: -7px; top: 3px; position: relative;} .nobg{ background: none; padding: 0px !important; margin:0px; } .rev_slider .tp-caption.stitle{ text-align: center !important; } .template-blog .template-blog-header .template-blog-header-header>a, .template-blog .template-blog-header .template-blog-header-header>a:hover{ line-height: normal;} .template-blog .template-blog-header .template-blog-header-header, .template-blog .template-blog-header .template-blog-header-meta { padding-left: 0px; font-size: 16px; line-height: 140%;} .template-blog .template-blog-header{ margin-bottom: 20px;} .template-blog .template-blog-header>div:first-child{ margin-bottom: 20px !important; } .template-blog .template-blog-excerpt p{ line-height: 150%;} .template-blog.template-blog-style-2 .template-blog-image + .template-blog-excerpt{ margin-top: 20px; } .col-md-8.col-sm-8.col-xs-12.template-margin-bottom-reset{ padding-left: 0px; padding-right: 0px; } .template-blog-content p{ line-height: 150%; } .template-blog .template-blog-content p+h4{ margin-top: 20px; margin-bottom: 20px;} .template-component-feature-list .template-responsive-column-a{ margin-bottom: 25px !important; } .template-component-feature-list .template-responsive-column-a:last-child{ margin-bottom: 0px !important; } .template-component-feature-list.template-component-feature-list-position-left>ul>li>span{ font-size: 32px; } .template-component-feature-list.template-component-feature-list-position-left>ul>li>h5, .template-component-feature-list.template-component-feature-list-position-left>ul>li>p{ margin-left: 50px; text-align: left; margin-bottom: 10px; font-size: 14px; line-height: 140%; letter-spacing: 0px;} .template-layout-flex .template-component-contact-form textarea{ height: 140px;} #contact-form .template-align-center.template-clear-fix.template-margin-top-1{ margin-top: 40px !important; } .template-padding-reset{ line-height: 150%;} .template-widget-list.mrbt50{ margin-bottom: 0px !important; } #urun-liste .item{ padding-left: 0px; padding-right: 0px; } .product-image-content { margin-top: 40px; } .mobilnopadding{ padding: 0px !important; } .template-component-header-subheader>h2{ letter-spacing: 0px !important; font-size: 20px!important;} .template-component-header-subheader>div{ margin-top: 10px;} .template-component-header-subheader>span{ font-size: 15px; } .template-component-accordion.ui-accordion .ui-accordion-header span+span{ font-size: 14px;} .template-component-accordion.ui-accordion .ui-accordion-header span.template-icon-meta-arrow-right-12{ width: 40px; height: 40px; font-size: 16px; line-height: 38px;} .template-component-accordion.ui-accordion .ui-accordion-content{padding: 10px 0px 25px 0px;} .template-padding-reset p{ line-height: 150%;} /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left { clear:both; float:none; width:100%; } .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right { margin-top:120px; } .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left { margin-bottom:120px; } /******************************************************************************/ /* Template */ /******************************************************************************/ /**************************************************************************/ /* Template / Header */ /**************************************************************************/ /**********************************************************************/ /* Template / Header / Top */ /**********************************************************************/ .template-header .template-header-top.template-header-top-sticky, .template-header .template-header-top.template-header-top-static { padding-bottom:20px; } /******************************************************************/ /* Template / Header / Top / Logo */ /******************************************************************/ .template-header .template-header-top .template-header-top-logo { /* float:none; */ /* padding:0px; */ padding-left: 15px; } /******************************************************************/ /* Template / Header / Top / Icon list */ /******************************************************************/ .template-header .template-header-top .template-header-top-icon-list { /* float:none; */ /* margin:0px; */ /* clear:both; */ /* position: relative; */ /* left: 0; */ /* top: 0px; */ /* right: 0; */ /* width: 100%; */ /* text-align: center; */ /* display: block; */ /* padding: 0px 0px 20px 0px; */ margin-top: 34px; margin-right: 20px; } /******************************************************************************/ /* Component */ /******************************************************************************/ /**************************************************************************/ /* Component / Go to top */ /**************************************************************************/ .template-component-go-to-top { right:20px; bottom:20px; } } /******************************************************************************/ /* 960-1169 */ /******************************************************************************/ @media only screen and (min-width:960px) and (max-width:1169px) { /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main { width:940px; } /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left { width:530px; } } /******************************************************************************/ /* 768-959 */ /******************************************************************************/ @media only screen and (min-width:768px) and (max-width:959px) { /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main { width:750px; } /******************************************************************************/ /* Headers */ /******************************************************************************/ h1 { font-size:43px; font-weight:900; } /******************************************************************************/ /* Template layout */ /******************************************************************************/ .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right { width:250px; } .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right, .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left { width:440px; } } /******************************************************************************/ /* 480-767 */ /******************************************************************************/ @media only screen and (min-width:480px) and (max-width:767px) { /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main { width:460px; } /******************************************************************************/ /* Headers */ /******************************************************************************/ h1 { font-size:43px; font-weight:900; } } /******************************************************************************/ /* 0-479 */ /******************************************************************************/ @media only screen and (min-width:0px) and (max-width:479px) { /******************************************************************************/ /* Default */ /******************************************************************************/ .template-main {/* width:300px; padding: 40px 0px !important; */ width: 100%; padding: 40px 15px !important; } .template-footer .template-main{padding: 0px 15px !important; } /******************************************************************************/ /* Layout */ /******************************************************************************/ /**************************************************************************/ /* Layout / Flex */ /**************************************************************************/ .template-layout-flex { } .template-layout-flex>div { padding-left:20px; padding-right:20px; padding-top: 40px; padding-bottom: 40px; } /******************************************************************************/ /* Headers */ /******************************************************************************/ h1 { font-size:29px; font-weight:700; line-height:40px; } h2, body>.template-component-search-form>form>div>input[type="search"] { font-size: 22px!important; line-height:34px; } /******************************************************************************/ /* Template */ /******************************************************************************/ /**************************************************************************/ /* Template / Header */ /**************************************************************************/ /**********************************************************************/ /* Template / Header / Top */ /**********************************************************************/ /******************************************************************/ /* Template / Header / Top / Icon list */ /******************************************************************/ .template-header .template-header-top .template-header-top-icon-list .template-icon-meta-menu {/* margin-left: 0px; *//* border-radius: 50px; *//* border-width: 2px; *//* line-height: 42px; */} /******************************************************************************/ /* Blog */ /******************************************************************************/ /**************************************************************************/ /* Blog / Header */ /**************************************************************************/ .template-blog .template-blog-header { display:block; } .template-blog .template-blog-header>div { display:block; } .template-blog .template-blog-header>div:first-child { width:100%; margin-bottom:30px; } /**********************************************************************/ /* Blog / Header / Date */ /**********************************************************************/ .template-blog .template-blog-header .template-blog-header-date { border-style:solid; border-width:0px 0px 1px 0px; } .template-blog .template-blog-header .template-blog-header-date span { border:none; text-align:left; display:inline-block; } .template-blog .template-blog-header .template-blog-header-date span:first-child+span { border-style:solid; border-width:0px 1px 0px 1px; } .template-blog .template-blog-header .template-blog-header-date span:first-child { padding-right:20px; } .template-blog .template-blog-header .template-blog-header-date span:first-child+span { padding-left:20px; padding-right:20px; } .template-blog .template-blog-header .template-blog-header-date span:first-child+span+span { padding-left:20px; } /**********************************************************************/ /* Blog / Header / Header */ /* Blog / Header / Meta */ /**********************************************************************/ .template-blog .template-blog-header .template-blog-header-header, .template-blog .template-blog-header .template-blog-header-meta { padding-left:0px; } /**************************************************************************/ /* Blog / Author Info */ /**************************************************************************/ .template-blog .template-blog-author-info { } .template-blog .template-blog-author-info img { display:none; } .template-blog .template-blog-author-info>span, .template-blog .template-blog-author-info p { margin-left:0px; } /**************************************************************************/ /* Blog / Comment List */ /**************************************************************************/ .template-blog-comment-list ul>li>div>img { display:none; } .template-blog-comment-list ul>li>div>span { margin-left:0px; } .template-blog-comment-list ul>li>div>a { float:none; clear:both; display:block; margin-top:5px; } .template-blog-comment-list ul>li>div>p { margin-left:0px; } }