/* RESPONSIVE  */

@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 (min-width: 992px){
	::-webkit-scrollbar { width: 10px; background: #d5d5d5; }
	::-webkit-scrollbar-thumb { background: rgb(201, 174, 98); }
}

@media only screen and (max-width: 991px){
	.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; }
}

@media screen and (min-width: 768px) and (max-width: 801px) {
	.main-slider { text-align:center }
	.main-slider h2{ font-size: 42px; text-align:center; padding-left: 0px; }
	.main-slider .text{ font-size: 14px; line-height: 20px; text-align:center; padding-left: 0px;}
	.main-slider .btn-box { padding-left: 0px; }
}

@media only screen and (max-width: 767px){
	h1 { font-size:36px; }
	h2 { font-size:34px; }
	h3 { font-size:32px; }
	h4 { font-size:30px; }
	h5 { font-size:28px; }
	h6 { font-size:26px; }
	.carousel-inner { min-height:600px }
}	

@media only screen and (max-width: 599px){
	h1 { font-size:30px; }
	h2 { font-size:28px; }
	h3 { font-size:26px; }
	h4 { font-size:24px; }
	h5 { font-size:22px; }
	h6 { font-size:20px; }
}

@media only screen and (max-width: 576px) {
	h1 { font-size:30px; }
	h2 { font-size:28px; }
	h3 { font-size:26px; }
	h4 { font-size:24px; }
	h5 { font-size:22px; }
	h6 { font-size:20px; }
	p, a, li { font-size:16px; }
	body { transition:0s }
	body:hover { transition:0s }
}

@media only screen and (max-width: 479px){
	h1 { font-size:28px; }
	h2 { font-size:26px; }
	h3 { font-size:24px; }
	h4 { font-size:22px; }
	h5 { font-size:20px; }
	h6 { font-size:18px; }
	p, a, li { font-size:14px; }
}

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

@media only screen and (max-width: 350px){
	.mobile-menu .menu-outer { max-width:80%; min-height:100% }
	.main-slider h2 { font-size:18px }
	.mobile-menu-social { max-width:100% }
	.mobile-menu-social .mobile-phone { max-width:80%; }
	.mobile-menu-social .mobile-eposta { max-width:80%; }
	.mobile-menu-social .mobile-whatsapp { max-width:80%; }
}