@media (min-width: 1280px) {

}

@media (min-width: 1280px) and (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

@media (min-width: 1280px) {
	
  .mobile-nav-show,
  .mobile-nav-hide,#header_hambar_mb {
    display: none;
  }
}



@media (max-width: 1670px) {
	.sl-text {
		max-width: 100%!important;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 100px;
		margin: auto;
		position: relative;
	}
	.menu_bg .inner ul {
		width: 50%!important;
	}
}



/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1460px) {
	.button-container {
		right: 6%!important;
		bottom: 15%!important;
	}
		.banner-text-right {
		margin-top: 150px!important;
	}
	.clean-container-sub03 .clean-img3_2{
		padding-top: 0!important;
	}
}


@media (max-width: 1450px) {
	.carousel-slide-link .col-lg-5.col-md-6 .carousel-indicators {
		position: static!important;
	}
	.carousel-slide-link .col-lg-5.col-md-6 {
    width: 100%;
	}
}

@media (max-width: 1300px) {
	.sub-page-menu-2 .container-lg{
		max-width: 100%!important;
		padding: 0!important;
	}
	.sub-page-menu-2 .container-lg ul.d-flex.justify-content-evenly.m-auto.container{
		justify-content: space-between!important;
		max-width: 100%!important;
		padding: 0!important;
	}
	.sub-page-menu-2 .container-lg ul.d-flex.justify-content-evenly.m-auto.container li {
		padding: 20px 0;
	}
	
	
}

@media (max-width: 1279px) {
	.top-logo{display: block!important;}
	.slide-sub-menu-hover,.top-logo,.header_hambar_mb,.menu_bg,#header_hambar,.top-hover-logo{display: none;}
	#header{
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 7;
		transition: 0.7s;
	}
	.header_inner{
		padding: 5px 50px;
	}
	.navbar {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 70%;
		border-left: 1px solid #666;
		bottom: 0;
		transition: 0.3s;
		z-index: 9997;
	}

	.navbar ul {
		position: absolute;
		inset: 0;
		padding: 100px 0 10px 0;
		margin: 0;
		background: #19284e;
		overflow-y: auto;
		transition: 0.3s;
		z-index: 9998;
	}

	.navbar a,
	.navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px;
		font-family: var(--font-secondary);
		border-bottom: 2px solid rgba(255, 255, 255, 0.8);
		font-size: 16px;
		font-weight: 600;
		color: #f4ce1a;
		white-space: nowrap;
		transition: 0.3s;
	}

	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}

	.navbar a:hover,
	.navbar li:hover>a {
		color: #fff;
	}

	.navbar .active,
	.navbar .active:focus {
		color: #fff;
		border-color: var(--color-primary);
	}

	.navbar .dropdown ul,
	.navbar .dropdown .dropdown ul {
		position: static;
		display: none;
		padding: 10px 0;
		margin: 10px 20px;
		transition: all 0.5s ease-in-out;
	}
	.navbar .dropdown ul li a{
		font-size: 14px;
		color: #eee;
	}
	.navbar .dropdown>.dropdown-active,
	.navbar .dropdown .dropdown>.dropdown-active {
		display: block;
	}

	.mobile-nav-show {
		color: var(--color-secondary);
		font-size: 28px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		z-index: 9999;
		color: #fff;
	}

	.mobile-nav-hide {
		color: var(--color-secondary);
		font-size: 32px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		position: fixed;
		right: 50px;
		top: 20px;
		z-index: 9999;
		color: #fff;
	}

	.mobile-nav-active {
		overflow: hidden;
	}

	.mobile-nav-active .navbar {
		right: 0;
	}

	.mobile-nav-active .navbar:before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 9996;
	}
	.button-container {
		bottom: 0!important;
	}
	
	#carousel_banner .carousel-item .row .col-md-8 {
		width: 57%;
	}
	.banner-text-right {
		margin-top: 50px!important;
	}
	.banner-text-right {
		width: 40%;
	}
	.dropdown ul li a{
		border-bottom: none;
	}
	.menu_bg {display: none!important;}
}




@media (max-width: 1200px) {
	.sub-body-line{
		max-width: 100%;
	}
	#dwb_Popup_02{
		top: 50%!important;
		left: 50%!important;
		right: 0!important;
		transform: translate(-50%,-50%)!important;
	}
}


@media (max-width: 1150px) {
	#fixed-simple-menu{
		display: none;
	}
	.main_section03 {
		margin-top: 100px!important;
	}
	.main_section04{
		margin-top: 100px!important;
	}	
	.clean-num h1 {
    font-size: 2rem!important;
}
	.footer-num-box i{
		display: none;
	}	
	
	.footer-text-l {
		margin-left: 30px!important;
	}
}


@media (max-width: 1020px) {
	#carousel_banner .carousel-item .container {
		width: 40%;
	}
	.banner-text-right {
		width: 100%;
	}
	.navbar ul ul{
		background-color: transparent;
	}
	.carousel-item-bg1 .col-md-8 {
		width: 100%;
	}
	#carousel_banner .carousel-item .container {
		position: static!important;
	}
	.carousel-slide-link > .container{
		max-width: 100%;
	}
	.clean-container-sub03 {
		width: 100%!important;
	}
	.sub-row-2_1 .row.clena-row-body-w {
		margin-top: 0!important;
	}
}

@media (max-width: 992px) {
	.main_section02 .container{
		max-width: 100%;
	}	
	.franchise-right-box button {
		padding: 10px 20px!important;
	}
	.main_section02 .col-md-5 {
		top: 0!important;
	}
	.main_section02{
		padding-top: 0px!important;
	}
	.company-img-col {
		border-right: none!important;
	}
	.clean-img-row .col-sm-6{
		margin-bottom: 30px;
	}
	.clean-i-v-c{
		margin: 100px 0!important;
	}
	.clean-container-sub03 {
		width: 100%;
	}
	.sub-body-line.container-fluid{
		padding-top: 50px!important;
	}
	.bb-row1 table.machine_table {
		margin-top: 0;
	}
	.row.bb-row3 .col-lg-2{
		width: 30%;
	}
	.row.bb-row3 .col-lg-10{
		width: 68%;
		float: right;
	}
	.sub-footer-bg{display: none;}
	.sub-footer-link{
		margin-top: 100px;
	}
}


@media (max-width: 900px) {
	.mobile-footer-info{display: block!important;}
	#carousel_banner .carousel-item .row .col-md-8 {
		width: 80%;
		margin-left: auto;
	}
	#carousel_banner .carousel-item .container {
		width: 100%;
		position: absolute!important;
		bottom: 0;
	}
	#carousel_banner .carousel-item {
  	  padding-bottom: 100px;
	}	
	.button-container {
		display: none;
	}
	.main_section01{
		margin-bottom: 0;
	}
	#cleab_main_body {
		margin-top: 50px!important;
	}
	#carousel_banner {
		margin-top: 50px;
	}	
	.footer-num-box{
		display: none!important;
	}
	.row.clena-row-body-w {
		margin-top: 0!important;
	}
}





@media (max-width: 767px) {
	.main_section02{padding-top: 0!important;}
	.main_section02 .col-md-5 {
		position: static!important;
	}
	.main_section02 .container {
		text-align: center;
	}	
	.main_section02 .container .row .col-lg-8 .col-lg-8,
	.main_section02 .col-md-5{
		display: none;
	}
	.main_section03 .right-img {
		display: none;
	}
	.banner_bot_img,.sub-page-menu{display: none;}
	#content-body .sub-title-bg {
		height: 200px;
	}
	#content-body .sub-title-bg h1 {
		top: 70%;
		font-size: 2.25rem;
	}
	.clean-sub-b1-2 .row {
		margin-top: 50px!important;
	}
	.clean-sub-b1-2 .row .col-sm-12{
		text-align: center;
	}
	.sub-top-m-title {
		    line-height: 2.3rem!important;
    font-size: calc(1.2rem + 0.1vw);
	}
	.clean-container-sub03{
		padding-top: 0!important;
	}
	.mobile-hidden{display: none;}
	.clean-container-sub03 .row .mobile-nav-show{
		display: block!important;
	}
	.clean-container-sub03 .special_value_title {
		margin-top: 50px;
	}
	.row.bb-row1 .col-md-4{
		text-align: center;
	}
	#footer.footer-body.main-footer {
		margin-top: 100px!important;
	}
}	



@media (max-width: 650px) {
	.header_inner{
		padding: 10px 20px;
	}
	.top-hover-logo{
		width: 50%;
	}
	.banner_text_inner p:first-child {
		font-size: 2rem!important;
		line-height: 3rem!important;
		letter-spacing: 5px!important;
	}
	.banner_text_inner p:last-child {
		font-size: 20px!important;
	}
	#carousel_banner .carousel-item .row .col-md-8 {
		width: 100%!important;
	}
	#carousel_banner .carousel-item {
		padding-bottom: 250px;
	}
	.mobile-footer-text{
		padding: 20px;
		margin-top: 50px;
		line-height: 2rem;
		display: block!important;
		text-align: center;
		background-color: #19284e;
		color: #f4ce1a;

	}
	#footer .container-fluid{
		display: none;
	}
	.main-slider .slick-dots{
		display: none!important;
	}
	.clean-img-row .col-sm-6{
		width: 80%;
		padding: 20px 0;
		margin: 0 auto 50px;;
		border: 1px solid #ddd;
	}
	.sub-body-line.container {
		padding-top: 50px!important;
	}
	.bb-row1 table.machine_table .td_title {
		text-indent: 0;
	}
	.top-logo {
		width: 60%;
	}
	.sitemap{
		margin-top: 50px!important;
	}
	.sitemap .sitemapLi{width: 50%!important;}
	.sitemap ol {
		height: 300px;
	}
	.x-btn-int{display: none!important;}
	#dwb_Popup_02 {
		width: 80%!important;
	}.sub-title-bg h1 span {
		font-size: 16px!important;
	}
}


@media (max-width: 575px) {
	.clean-sub-b1-2 .row {
		margin-top: 0!important; 
	}
	.clean-sub-b1-2 .row .col-lg-4.col-md-5.col-sm-5{
		text-align: center;
	}
	.clean-sub-b1-2 .row .sub-top-s-title {
		margin-top: 30px;
	}

	.bb-row1 table.machine_table .td_title {
		width: 35%;
	}
	.bb-row1 table.machine_table .td_sub_title {
		width: 65%;
	}
	.bb-row1 table.machine_table td {
		line-height: 30px;
	}
	.banner-text-right p{
		font-size: 4vw!important;
	}
	.main_section02 .sub-title-text {
		font-size: 5vw!important;
	}
	.main_section04{
		display: none!important;
	}
	
	#footer.footer-body.main-footer {
		margin-top: 30px!important;
	}
	
	
	
	
	
	
	
	
	
}