/* Setech | Just another HTML Template  */

@media only screen and (max-width: 1600px){
	.header-style-four .header-top .inner-container,
	.header-style-four .menu-box{
		max-width: initial;
    	margin: 0;
	}

}

@media only screen and (max-width: 1139px){
	.quote-style-one p br,
	.main-header .service_wrapper{
		display: none;
	}

	.main-menu .navigation > li > .mega-menu{
		width: 1000px !important;
	}

	.fluid-section-three .content-column > .inner-column,
	.services-section.style-two .text-column .inner-column{
		padding-left: 15px;
	}

	.testimonials-section-two{
		padding: 100px 0 70px;
	}

}

@media only screen and (max-width: 1023px){
	.hide-sm,
	.main-header .header-top,
	.main-header .main-box{
		display: none !important;
	}

	.main-header{
		position: relative;
	}

	.mobile-header{
		position: relative;
		display: block;
		width: 100%;
		background-color: #ffffff;
		margin: 0;
		padding: 20px 15px;
	}

	.nav-outer .mobile-nav-toggler{
		display: block;
	}

	.main-header .nav-outer .main-menu{
		display: none;
	}

	.nav-outer .mobile-nav-toggler{
		padding: 5px 0;
	}

	.mobile-header.fixed-header{
		position: fixed;
		top: 0;
		width: 100%;
	}

	.fixed-header .mobile-sticky-header{
		opacity: 1;
		visibility: visible;
	}
	
	/*=== Mega Menu Style ===*/

	.mega-menu{
		width: 100% !important;
	}

	.mobile-menu .navigation > li.has-mega-menu{
		position:relative !important;	
	}
	
	.mobile-menu .navigation > li .mega-menu-bar .column{
		padding:0px;
	}
	
	.mobile-menu .navigation > li > .mega-menu{
		position:relative;
		width:100%;
		padding:0px !important;
		background:none !important;
		margin:0px !important;
		left:0px !important;
		top:0px !important;	
	}
	
	.mobile-menu .navigation > li > .mega-menu .row{
		margin:0px;
		width:100%;	
	}

	.mobile-menu .navigation > li > .mega-menu:before,
	.mobile-menu .navigation > li > .mega-menu,
	.mobile-menu .navigation > li .mega-menu-bar > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		padding:0px;
		outline:none;
		width:100%;
		background:#ffffff;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	.mobile-menu .navigation > li .mega-menu-bar .column > ul > li{
		border-bottom:none;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}
	
	.mobile-menu .navigation > li > .mega-menu{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	/*=== End Mega Menu Style ===*/

	.main-footer .widget-title{
		margin-bottom: 20px;
	}

	.sec-title h3{
		font-size: 28px;
	}

	.main-slider{
		text-align: center;
	}

	.fact-counter{
		padding-top: 50px;
	}

	.fact-counter .counter-column{
		margin-top: 0;
	}

	.fact-counter .counter-column .inner-column{
		padding: 30px;
		text-align: center;
	}

	.fact-counter .counter-column .icon{
		position: relative;
		display: block;
		margin: 0 auto 15px;
		border-radius: 10px;
	}

	.fluid-section-four .image-column,
	.contact-form-section .image-column,
	.fluid-section-four .image-column .image-layer,
	.fluid-section-three .image-column .image-layer,
	.fluid-section-two .image-column,
	.fluid-section-three .image-column,
	.brand-block .image-column{
		height: 300px;
		border-radius: 0;
	}

	.contact-form-section .layer-image{
		left: 15px;
		right: 15px;
		width: auto;
	}

	.fluid-section-four .image-column{
		margin: 0;
	}

	.services-section .text-column .inner-column{
		padding-right: 0;
	}

	.features-section{
		padding: 70px 0 30px;
	}

	.features-section .feature-block-three{
		position: relative;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.fluid-section-two .content-column .inner-column{
		padding: 70px 15px;
		min-width: 100%;
	}

	.call-to-action.style-three .btn-box{
		text-align: center;
	}

	.call-to-action.style-three .theme-btn{
		margin: 0 15px 15px;
		text-align: center;
	}

	.services-section.style-two .row{
		margin: 0;
	}

	.services-section.style-two .text-column .inner-column{
		padding: 0;
		width: 100%;
	}

	.features-section-three .skills-outer .inner-column,
	.fluid-section-two.style-two .content-column{
		padding-left: 0;
	}

	.fluid-section-four .content-column .inner-column,
	.fluid-section-three .content-column > .inner-column{
		padding: 0;
	}

	.banner-box-five .content{
		padding: 60px;
	}

	.row.content .column{
		margin-bottom: 30px;
	}

	.blog-checkerboard .news-block{
		padding: 0 15px;
	}

	.blog-checkerboard .news-block.style-two .image-box .date{
		right: auto;
		left: 0;
		border-top-right-radius: 0;
	}

	.blog-checkerboard .news-block .inner-box,
	.blog-checkerboard .news-block.style-two .inner-box{
		flex-direction: column;
	}

	.blog-checkerboard .news-block .image-box,
	.blog-checkerboard .news-block.style-two .image-box{
		order: 0;
		width: 100% !important;
	}

	.blog-checkerboard .news-block .lower-content,
	.blog-checkerboard .news-block.style-two .lower-content{
		text-align: left;
		width: 100% !important;
	}

	.right-sidebar .content-side .our-shop, 
	.right-sidebar .content-side .blog-post, 
	.right-sidebar .content-side .blog-sidebar{
		margin-right: 0;
	}

	.right-sidebar .sidebar-side .sidebar{
		padding-left: 0;
	}

	.left-sidebar .sidebar-side{
		order: 2;
	}

	.left-sidebar .sidebar-side .sidebar{
		padding-right: 0;
	}

	.left-sidebar .content-side .blog-post, 
	.left-sidebar .content-side .blog-sidebar{
		margin-left: 0;
	}

	.portfolio-motion-category .category-column{
		max-width: 100%;
		width: 100%;
		text-align: left;
	}

	.portfolio-motion-category .category-title{
		text-align: left;
		margin-left: 0;
		margin-right: 0;
		padding-right: 30px;
	}

	.portfolio-motion-category .category-title .toggle-btn{
		display: block;
	}

	.portfolio-motion-category .category-column .blocks-outer{
		display: none;
		margin-bottom: 30px;
		max-height: 50vh;
	}

	.portfolio-single .portfolio-single-content{
		flex-direction: column;
	}

	.portfolio-single .portfolio-single-content .aside-part{
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
		margin-top: 30px;
	}

	.portfolio-single-images.images-gallery .image{
		width: 33.3333333%;
	}

	.product-details .basic-details .details-header h4{
		font-size: 32px;
	}

	.news-block.style-two-even .inner-box{
		flex-direction: column;
	}

	.news-block.style-two-even .lower-content, 
	.news-block.style-two-even .image-box{
		width: 100%;
	}

	.news-block.style-two-even{
		padding: 0 15px;
	}

	.content-elements .row.content.buttons .column{
		text-align: left !important;
	}
}

@media only screen and (max-width: 767px){
	.pagetitle h1, .pagetitle h1 a, .contact h1 {
		font-size: 28px!important;
		letter-spacing: -1px!important;
		line-height: 28px!important;
	}
	.page-breadcrumb { display: none; overflow: hidden!important;}
	.has-mega-menu h3 {
		display: none!important;
		visibility: hidden!important;
	}
	.pagetitle {
		padding: 50px 0px!important;
	}
	.pagetitle h2 {
		font-size: 28px!important;
		letter-spacing: -0.5px!important;
	}
	.sayfadetay .img {
		margin-bottom: 50px!important;
	}
	.sayfadetay .label-c, .sayfadetay .label-c a {
		font-size: 30px!important;
		color: #3f3f3f!important;
		letter-spacing: -1px!important;	
	}
	.sayfadetay .label-c {
		padding-block: 50px!important;
	}
	.sayfadetay-1 h4, .sayfadetay-1 h4 span {
		font-size: 24px!important;
		letter-spacing: -1px!important;
	}
	.s-telefon a {
		position: fixed;
		bottom: 20px!important;
		right: 20px!important;
	}
	.main-slider h5 {
		font-size: 36px!important;
		letter-spacing: -1px!important;
		line-height: 36px!important;
		margin-bottom: 0px!important;
	}
	.main-slider h5:before {
		content: "";
		width: 0px!important;
		height: 0px!important;
	}
	.main-slider .text {
		text-align: left!important;
		padding: 0px 0px 0px 5px!important;
		margin: 0px!important;
	}
	.tp-caption .btn-box {
		display: none!important;
		visibility: hidden!important;
	}
	.mainservces h5 {
		font-size: 25px!important;
		letter-spacing: 0px!important;
	}
	.deneme {
		margin-bottom: 0px!important;
	}
	.call-to-action .content{
		flex-direction: column;
	}

	.call-to-action .sec-title-two{
		padding-left: 0;
		margin-bottom: 30px;
		text-align: center;
	}

	.call-to-action .sec-title-two .icon{
		position: relative;
		display: inline-block;
		left: 0;
		top: 0;
		margin: 0 auto;
	}

	.sec-title-two h3{
		font-size: 26px;
	}

	.feature-block .image-column,
	.feature-block .content-column{
		min-height: 450px;
	}

	.process-section .btn-box .text br,
	.process-block .icon-box .roadmap-divider,
	.feature-block .text br{
		display: none;
	}

	.process-block .inner-box{
		text-align: center;
	}

	.process-block .icon-box{
		display: inline-block;
	}

	.main-slider h2{
		font-size: 54px;
	}

	.free-consultation{
		background-image: none !important;
		background-color: #eee;
		padding: 70px 0;
	}

	.call-to-action.style-three .sec-title-two,
	.free-consultation .column .inner-column{
		padding-left: 0;
	}

	.page-title h1{
		font-size: 46px;
	}

	.process-block-two .inner-box,
	.fact-counter-two .counter-column .inner-column{
		text-align: center;
	}

	.process-block-two .icon-box .roadmap-divider{
		display: none;
	}

	.process-block-two .icon-box{
		display: inline-flex;
		margin-bottom: 0px;
	}

	.banner-box-five .content{
		flex-direction: column;
		align-items: flex-start;
	}

	.banner-box-five .content .desc{
		margin-bottom: 20px;
	}

	.portfolio-single-images.images-gallery .image{
		width: 50%;
	}

	.cart-table td.product-thumbnail a img{
		min-width: 50px;
	}

	.mainimage, .teklifbuton { display: none!important; visibility: hidden!important; }
	.teklifbuton { display: flex!important; visibility: visible!important; width: fit-content; justify-content: center; background-color: #00618a; color:white;}
	.mainline { padding: 50px 0px!important; background: url(../img/laser-surgery-2-mobile.jpg) no-repeat right bottom #00618a!important; background-size: cover!important; }
	.mainline h3 { font-size: 14px!important; }
	.maintitle p, .maintitle h2 { font-size: 34px!important; color:#00618a!important; letter-spacing: -1px!important; line-height: 32px!important; text-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important;}
	.maintitle h2 { text-decoration: underline;}
	.maindesc p, .maindesc h4 { visibility: hidden !important; !important font-size: 14px !important; color: black !important; line-height: 22px !important padding-top:100px! important text-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important; }
	.maintext h2 {.maintext h2 { color: black; text-shadow: 2px 2px 4px white;}
}	

@media only screen and (max-width: 599px){
	.news-block .post-option .social-share{
		margin-left: 20px;
	}

	.consultation-section .form-style-one{
		padding: 40px 20px 20px;
	}

	.sec-title-two{
		padding-left: 0;
	}

	.sec-title-two .icon{
		position: relative;
		display: inherit;
		left: 0;
		top: 0;
		width: auto;
	}

	.fun-fact-section .text-column .text{
		padding-left: 0;
		text-align: center;
	}

	.quote-style-one .icon{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.quote-style-one .author{
		padding-left: 0;
		padding-top: 10px;
		margin-top: 10px;
	}

	.quote-style-one .author:before{
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.quote-style-one{
		padding: 0;
		text-align: center;
	}

	.brand-section .upper-banner{
		text-align: center;
	}

	.main-slider h2{
		font-size: 42px;
	}

	.main-slider .text{
		font-size: 14px;
		line-height: 20px;
	}

	.testimonials-section-two .testimonial-carousel{
		padding: 0;
	}

	.brand-block .content-column .inner-column{
		padding: 40px 15px 40px;
	}

	.feature-block-two .icon{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.feature-block-three .inner-box .content,
	.feature-block-two .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.testimonials-block-two p{
		font-size: 18px;
		line-height: 28px;
	}

	.request-form .form-group button{
		width: 100%;
	}

	.feature-block-three .inner-box .icon{
		display: inline-block;
		position: relative;
		top: 0;
		margin-bottom: 20px;
		transform: none;
	}

	.service-block-two .icon{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.service-block-two .inner-box{
		padding-left: 0;
	}

	.feature-block-four .inner-box{
		padding: 40px 20px;
	}

	.page-title h1{
		font-size: 28px;
	}

	.brand-block h2{
		font-size: 24px;
	}

	.fact-counter-three .counter-column .icon{
		position: relative;
		display: block;
		margin:0 auto 20px;
	}

	.fact-counter-three .counter-column .inner-column{
		padding: 30px;
		text-align: center;
	}

	.testimonials-block .inner-box{
		padding: 60px 30px;
		text-align: center;
	}

	.testimonials-block .image{
		position: relative;
		right: 0;
		margin: 0 auto 20px;
	}

	.banner-box-five .content{
		padding: 30px;
	}

	.testimonials-block-three .text{
		font-size: 18px;
		line-height: 1.4em;
	}

	.banner-box-six .title{
		font-size: 18px;
	}

	.author-box .image-box{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.author-box .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.post-controls{
		flex-direction: row;
		justify-content: space-between;
	}

	.post-controls > div{
		margin: 20px 0;
		width: 100%;
	}

	.post-controls .next-post .post:before,
	 .post-controls .next-post .post img{
	 	right: auto;
	 	left: 0;
	 }

	 .post-controls .next-post .post:hover{
	 	padding-right: 0;
	 }

	 .post-controls .next-post .post:hover img{
	 	left: 35px;
	 }

	.post-controls .archive-dots{
		display: none;
	}

	.post-controls .title,
	.post-controls .next-post .post{
		padding-right: 0;
		text-align: left;
	}

	.news-block .post-format-quote,
	.news-block .post-format-link{
		padding: 70px 30px;
	}

	.news-block .post-format-quote,
	.news-block .post-format-link a{
		font-size: 22px;
		line-height: 1.2em;
	}

	.portfolio-asymetric .portfolio-block{
		margin-bottom: 20px;
	}

	.portfolio-asymetric .portfolio-block .inner-box{
		padding: 0 !important;
	}

	.portfolio-single h3{
		font-size: 24px;
	}

	.shop-upper-box{
		flex-direction: column;
		display: flex;
	}

	.shop-upper-box > div{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	.checkout-page .coupen-outer .form-group .theme-btn,
	.cart-section .totals-table .theme-btn{
		width: 100%;
	}

	.checkout-page .coupen-outer .upper-box button{
		display: none;
	}

	.contact-form-section .contact-form{
		padding: 40px 20px;
	}

	.contact-info-block .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.contact-info-block .thumb{
		position: relative;
		display: inline-block;
		margin:0 auto 20px;
	}

	.shop-single .products-carousel-outer{
		padding-left: 0;
	}

	.shop-single .products-carousel-outer .thumbs-carousel img{
		transform: none;
	}

	.shop-single .products-carousel-outer .thumbs-carousel{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}

	.post-controls .post{
		justify-content: flex-start;
	}

	.post-controls .title{
		margin-bottom: 5px;
	}

	.blog-post > .news-block .date{
		padding: 15px 30px 10px 10px;
	}
}

@media only screen and (max-width: 576px) {
	.post-controls .post > h5 {display: none;}
	.post-controls .post > span {display: none;}
	.post-controls .prev-post .post::after {content: 'Prev Post'; color: #4C4C4D; }
	.post-controls .next-post .post::after {content: 'Next Post'; color: #4C4C4D; }
	.post-controls .title {display: none;}
	.post-controls .post:before {background-color: inherit; color: #3b7eff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	.post-controls .post:hover:before {background-color: #3b7eff;color: #fff;width: 40px;}
	.post-controls .next-post .post {float: right;padding-left: 0;padding-right: 50px;}
	.post-controls .next-post .post:before {left: auto;right: 0;}
	.post-controls .next-post .post:hover {padding: 0;padding-right: 50px;}
	.post-controls > div {margin: 0;}
	.post-controls {padding: 10px 0;}
}

@media only screen and (max-width: 479px){

	.cart-section .apply-coupon .form-group .theme-btn,
	.cart-section .apply-coupon .form-group,
	.cart-section .apply-coupon .input{
		width: 100%;
		min-width: 100%;
		margin-left: 0;
	}

	.order-box table td {font-size:14px;}
	.post-controls .post h5 {font-size: 14px;line-height: 20px;margin-bottom: -2px;}
	.post-controls .post .post-date {font-size: 12px;}
}
