@media (max-width:1700px) {}

@media (max-width:1680px) {}

/*for-width1920*/

@media (min-width:1440px) {
	.logo {
		margin: 50px auto;
	}
	.hybrid {
		margin-top: -170px;
	}
	.hybrid-content {
		margin-top: -30px;
	}
	.slick-thumbnail {
		margin-top: -250px;
	}
	.slider-nav.slick-thumbnail {
		bottom: -100px;
	}
	.accessories {
		margin-bottom: -18px;
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1170px;
	}
}

@media (max-width:1440px) {
	.logo {
		margin: 50px auto 20px;
	}
	.hybrid-content {
		margin-top: -180px;
	}
}

@media (max-width:1366px) {
	.logo {
		margin: 25px auto;
	}
	.hybrid-content {
		margin-top: -218px !important;
	}
	.slider-nav.slick-thumbnail {
		bottom: -183px;
	}

}

@media (max-width:1024px) {
	.logo {
		margin: 19px auto 9px;
	}
	.slider-nav.slick-thumbnail {
		bottom: -321px;
	}
	.hybrid-content {
		margin-top: -317px;
	}
	.hybrid-content .hybrid-pointers span {
		font-size: 16px;
		height: 25px;
		width: 25px;
		line-height: 25px;
	}
	.hybrid-content .hybrid-pointers h4 {
		font-size: 18px;
		margin: 10px 0;
	}
}

@media (max-width:991px) {
	#header {
		position: static;
		background: #f9f9f9;
		padding-top: 20px;
	}
	/*navigation*/
	#nav-toggle {
		top: 50px;
		right: 10px;
	}
	.navigation {
		position: static;
	}
	.navigation ul.nav-inner {
		position: fixed;
		top: 0;
		left: -100%;
		background: url(../images/mobile-bg.png)no-repeat center center;
		background-position: 0 0;
		height: 100%;
		width: 290px;
		padding: 15px 15px 0 !Important;
		-webkit-transition: 0.4s linear;
		-o-transition: 0.4s linear;
		transition: 0.4s linear;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.49);
		box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.49);
		margin: 0;
		padding: 0;
		transition: 0.3s linear;
		z-index: 9;
		text-align: left;
		background-size: cover;
	}
	.navigation ul li a:before {
		bottom: -2px;
	}
	.navigation ul.nav-inner li {
		display: block;
		margin-right: 0;
	}
	.navigation ul.nav-inner li a {
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		border-bottom: 1px solid #fff;
		display: block;
		margin-left: 0;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.navigation ul.nav-inner li:nth-last-child(1) a {
		border-bottom: none;
	}
	.navigation ul.nav-inner li:nth-child(1) {
		margin-top: 30px;
	}
	/*end-nav*/
	/*NAVTOGGLE*/
	#nav-toggle {
		background: transparent;
		position: absolute;
		right: 0;
		top: 53px;
		height: 50px;
		width: 50px;
		cursor: pointer;
		transform: translate(0%, -50%);
		z-index: 9;
	}
	#nav-toggle.active span:after , #nav-toggle.active span:before{
		background: #7dad3f;
	}
	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 2px;
		width: 35px;
		background: #304e68;
		position: absolute;
		left: 0;
		top: 50%;
		display: block;
		content: '';
	}
	#nav-toggle span:before {
		top: -10px;
	}
	#nav-toggle span:after {
		top: 10px;
	}
	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		transition: all 0.5s ease-in-out;
	}
	#nav-toggle.active span {
		background-color: transparent;
	}
	#nav-toggle.active span:before,
	#nav-toggle.active span:after {
		top: 0;
	}
	#nav-toggle.active span:before {
		transform: rotate(135deg);
	}
	#nav-toggle.active span:after {
		transform: rotate(-135deg);
	}
	/*END NAV TOGGLE*/
	.logo {
		margin: 0;
		padding-top: 0px;
		text-align: left;
	}
	.main-heading {
		font-size: 30px;
	}
	.main-heading:before {
		bottom: -20px;
	}
	.sleep-options-box-leep-option-bottom-images {
		position: static;
	}
	.sleep-options-main {
		position: static;
		margin-top: -50px;
	}
	.sleep-options-main {
		padding-bottom: 40px;
		margin-bottom: 0;
	}
	.sleep-option-bottom-images {
		margin: 10px auto;
		text-align: center;
	}
	.sleep-option-bottom-images .col-md-4 {
		padding-right: 0;
	}
	.sleep-option-bottom-images img {
		max-width: 70%;
	}
	.innovation {
		padding-top: 0;
		padding-bottom: 560px;
		background-position: -858px 19px;
	}
	.innovation-content {
		max-width: 200px;
	}
	.hybrid {
		margin-top: -116px;
		height: auto;
	}
	.hybrid-content {
		margin-top: -52px;
		background: #172d42;
		padding-bottom: 40px;
	}
	.hybrid-content .hybrid-pointers span {
		font-size: 11px;
		height: 20px;
		width: 20px;
		line-height: 21px;
	}
	.hybrid-content .hybrid-pointers h4 {
		font-size: 18px;
		margin: 10px 0;
	}
	.hybrid-pointers-inner {
		margin-bottom: 20px;
	}
	.accessories {
		padding: 40px 0;
		margin-top: 0;
		margin-bottom: -97px;
		background: none;
	}
	.slider-nav.slick-thumbnail .slick-slide img {
		text-align: center;
		margin: 0 auto;
	}
	.accessories-slider-content {
		text-align: center;
		margin-top: 20px;
	}
	.accessories-slider-content h4 {
		font-size: 16px;
	}
	.accessories-slider-content p {
		max-width: 100%;
	}
	.accessories-slider-content .common-btn {
		margin-top: 0;
	}
	.accessories-slider-content .common-btn a {
		margin-top: 10px;
	}
	.accessories-slider .slick-dots li button {
		width: 15px;
	}
	.accessories-slider .slick-dots {
		bottom: -50px;
	}
	.accessories-slider-content .common-btn {
		float: none;
		margin-top: 20px;
	}
	.accessories-slider-content .common-btn a {
		display: block;
	}

	.sleep-box-inner .common-btn {
		margin: 0 auto;
		text-align: center;
	}
	.sleep-options-box {
		margin-top: 30px;
		max-width: 100%;
		padding: 30px 15px 30px 15px;
	}
	.slick-thumbnail {
		margin: 20px 0;
	}
	.slick-thumbnail .slick-list {
		margin-right: auto;
		margin-left: 0;
		width: 100%;
	}
	.slider-nav .slick-slide {
		margin: 0 10px;
	}
	.slick-vertical button.slick-arrow {
		left: 35px;
	}
	.common-btn.d-lg-none a {
		text-align: center;
		padding: 7px 51px;
		margin-top: 17px;
	}
	.slider-nav.slick-thumbnail {
		position: static;
	}
	.slider-for-main {
		margin-top: 0;
		position: static;
	}
	.accessories-slider img {
		margin: 0 auto;
		text-align: center;
	}
	.regular.owl-carousel .owl-dot{
		display: none;
	}
	footer {
		padding: 30px 0 10px 0;
	}
	.footer-logo {
		text-align: center;
		margin: 0 auto;
		float: none !Important;
	}
	footer .footer-nav ul {
		text-align: inherit;
	}
	footer .footer-nav ul li {
		float: left;
		width: 50%;
		margin-top: 10px;
		padding-top: 10px;
		border: 0;
	}
	.footer-nav {
		margin-top: 8px;
	}
	footer .footer-nav-inner {
		float: none;
	}
	footer .footer-social-icons {
		width: auto;
		float: none;
		margin-top: 0;
	}
	footer .footer-social-icons ul {
		float: none;
	}
}

@media (max-width: 767px) {
	.sleep-options-box {
		padding-left: 0;
		padding-right: 0;
		border: 1px solid;
		padding: 15px;
		margin-top: 30px;
		max-width: 100%;
	}
	.sleep-box-inner .common-btn a {
		display: block;
		text-align: center;
	}
	.innovation-content {
		max-width: 100%;
		padding-top: 40px;
		padding-bottom: 0;
	}
	.hybrid {
		margin-top: -177px;
	}
	.hybrid-content {
		margin-top: -50px !Important;
	}
}

@media (max-width:576px) {}