@media only screen and (max-width: 1920px){
	
.main-menu .navigation>li {
    position: relative;
    float: left;
    padding: 30px 0px;
    margin-right: 36px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-work {
	background: #fdfdfd;
	background-image: url(../images/bg-video.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: auto;
}
}	

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

	.main-header{
		top: 20px;
	}
	.main-menu .navigation>li {
		position: relative;
		float: left;
		padding: 30px 0px;
		margin-right: 25px;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	

	.header-style-three .menu-outer{
		padding: 0;
	}

	.header-style-three .sticky-header .logo, 
	.header-style-two .sticky-header .logo{
		padding: 20px 0;
	}
}
@media only screen and (max-width: 1360px){
	/* .main-menu .navigation>li {
		position: relative;
		float: left;
		padding: 30px 0px;
		margin-right: 20px;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	} */
}

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

	.mobile-menu-visible .mobile-menu .menu-box{
		background-color: #145085;
	}
	.mobile-menu .navigation li:hover>a, .mobile-menu .navigation li.current>a{
		color: #ffffff;
	}
	.mobile-menu .navigation li>a{
		color: #fff;
	}
	.dropdown-btn span{
		color: #fff;
	}
	.mobile-nav-toggler{
		display: block;
	}

	.main-header{
		top: 0;
		border-bottom: 1px solid rgba(255,255,255,.20);
	}

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

	.header-style-three .logo,
	.header-style-two .logo,
	.main-header .logo-outer .logo{
		padding: 15px 0;
	}

	.main-header .logo-outer .logo img{
		height: 40px;
	}

	.header-style-two .mobile-nav-toggler{
		color: #303030;
	}

	.header-style-two,
	.header-style-three{
		border-bottom: 0;
	}

	.header-span{
		height: 70px;
	}
	.banner-slider  .slick-prev{
		z-index: 1;
	}
	.banner-slider  .slick-next{
		z-index: 1;
	}
	.dropdown a i {
		display: none;
	}
	.mobile-menu .nav-logo img{
		width: 100%;
	}
	.mobile-menu .nav-logo {
		position: relative;
		padding: 20px 20px;
		text-align: left;
		width: 81%;
	}
	.mobile-menu .nav-logo img{
		height: auto;
	}
	.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul{
		padding-left: 0px !important;
		margin-left: 0px !important;
	}
	.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul li a{
		border: 1px solid #fff;
	}
	.Application-slider .slick-next{
		display: none !important;
	}
	.Application-slider .slick-prev{
		display: none !important;
	}
}
@media only screen and (max-width: 1190px){
	.about-work .work-inner .about-work-media .dz-media.style-1 {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 510px;
		border-radius: 6px;
	}
	
	.about-work .work-inner .about-work-media .dz-media.style-1 .dz-media2 {
		position: absolute;
		bottom: 35px;
		right: -124%;
		width: 312px;
		height: 210px;
	}
	.about-work {
		background: #fdfdfd;
		background-image: url(../images/bg-video.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		height: 730px;
	}
	.about-work .work-inner .about-work-media .dz-media.style-1 .dz-media2 {
		position: absolute;
		bottom: -120px;
		right: -124%;
		width: 342px;
		height: 300px;
	}
	.reward{
		padding-top: 40px;
	}
	.product-section .slick-prev{
		display: none !important;
	}
	.product-section .slick-next{
		display: none !important;
	}
	.reward__top-right p {
		text-align: inherit;
		color: #fff;
	}
}
	@media (max-width:991px){
		.about-work .work-inner .section-head.style-1{
		    padding-top: 0px;
    		margin-bottom: 0;
		}
		.section-head{
			padding-right: 0px;
		}
		.about-work{
			height: auto !important;
		}
		.about-work-media{
			margin-top: 25px;
		}
		.about-work .work-inner .about-work-media .dz-media.style-1 .dz-media2{
			position: absolute;
			bottom: 0px;
			right: -365px;
			width: 342px;
			height: 250px;
		}
		.side-box{
			display: none;
		}
		.tab-link p{
			padding: 13px 9px;
			font-size: 15px;
		}
		.tab-head2{
			flex-wrap: wrap !important;
		}
		.tab-head2 li {
			width: 24.5%;
		}

	}
	@media (max-width:767px){
		
		.Application-slider .slick-dots li {
			display: block;
		}
		.Application-slider .slick-next{
			display: none !important;
		}
		.Application-slider .slick-prev{
			display: none !important;
		}
		.reward__img-box2 {
			padding-top: 20px !important;
		}
		.reward__img1{
			margin-top: 25px !important;
		}
		.grid figure h2 span {
			font-weight: 600;
			font-size: 17px;
		}
		.our-history_section .pbmit-ourhistory-type2 .pbmit-ourhistory-right .content:before{
			display: none;
		}
		.our-history_section .pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-right{
			padding-right: 0px;
		}
		.our-history_section .pbmit-timeline .pbmit-timeline-post-items{
			padding-top: 30px !important;
			padding-bottom: 30px !important;
		}
		.Application .item{
			margin-bottom: 10px;
		}
		.mt_10{
			margin-top: 20px !important;
		}
		.our-history_section .pbmit-timeline .pbmit-timeline-inner:nth-child(odd) .pbmit-ourhistory-type2 .pbmit-ourhistory-right{
			padding-left: 0px !important;
		}
		.our-history_section{
			padding: 0px 10px;
		}
		.banner-slider .slick-prev{
			width: 25px;
			height: 25px;
		}
		.banner-slider .slick-next{
			width: 25px;
			height: 25px;
		}
		.about-us-image{
			width: 100%;
			margin-bottom: 20px;
		}
		.about-us-contnt{
			padding: 0px 10px;
		}
		.our-history_section{
			padding: 25px 0px;
		}
		.info-content2{
			width: 100%;
			margin: 0 auto !important;
		}
		.info-item{
			flex-direction: column !important;
			justify-content: center !important;
		}
		.tab-head li {
			width: 22.50%;
			margin: 0px 5px !important;
		}
		.tab-head{
			flex-wrap: wrap;
			justify-content: start !important;
		}
		.tab-head2 li{
			width: 27.50%;
		}
		.tab-head3 li{
			width: 30%;
		}
		.tab-head4 li{
			width: 30%;
		}
		.tab-head5{
			flex-wrap: inherit !important;
		}
		.col_flex{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.col_flex .food-color-box{
			width: 47%;
		}
		.tab-head12{
			flex-wrap: inherit !important;
		}
	}
	@media (max-width:576px){
		.about-work .work-inner .about-work-media .dz-media.style-1 .dz-media2{
			display: none !important;
		}
		.contact-info .info-item .info-content a {
			font-weight: 500;
			font-size: 16px;
			color: #ffffff;
			display: block;
			margin-bottom: 5px;
			overflow-wrap: break-word;
		}
		.color-page-design {
			padding-right:12px !important;
			padding: 12px;
		}
		.scrol-row{
			/* padding: 0px 10px; */
			overflow-x:scroll;
		}
		.tab-head12{
			flex-wrap: wrap !important;
			justify-content: center !important;
			margin-bottom: 0px !important;
		}
		.tab-head12 li {
			width: 35% !important;
		}
	}

	@media (max-width:480px){
		.tab-head li {
			width: 30.5%;
			margin: 0px 5px !important;
		}
		.tab-head3 li{
			width: 45.5%;
			margin: 0px 5px !important;
		}
		.tab-head4{
			justify-content: center !important;
		}
		.tab-head4 li{
			width: 46.5%;
			margin: 0px 5px !important;

		}
		.tab-head5{
			flex-wrap: wrap !important;
		}
		.tab-head5 li {
			width: 46.5%;
			margin: 0px 5px !important;
		}
		.food-color-describtion ul {
			display: flex;
			justify-content: space-between;
			padding-left: 0px !important;
			margin-bottom: 0px !important;
			flex-direction: column;
		}
		.food-color-describtion ul li {
			padding: 10px;
			text-align: center;
		}
		.dz-experience-box {
			position: relative;
			display: block;
			background-color: #004282;
			text-align: center;
			margin-bottom: 0px !important;
			padding: 29px 15px;
			z-index: 1;
			overflow: hidden;
			border-radius: 39px;
		}
		.our-clients__single{
			position: relative;
			display: block;
			background-color: #004282;
			text-align: center;
			margin-bottom: 30px;
			padding: 26px 15px;
			z-index: 1;
			overflow: hidden;
			border-radius: 19px;
		}
		.our-clients__img a {
			color: #fff;
			font-weight: 500;
			font-size: 18px;
		}
		.product-slider .slick-dots li {
			font-size: 0px;
			padding: 7px;
			background-color: #004282;
			margin: 0px 5px;
			cursor: pointer;
			width: 10px;
			/* display: none; */
			border-radius: 3px;
		}
		.section-title__title {
			font-size: 30px;
			font-weight: 700;
			color: #fff;
		}
		.reward__top-right{
			padding-right: 0px !important;
		}
		.about-work .work-inner {
			padding-top: 26px;
		}
		.style-1 p {
			font-size: 17px;
			text-align: inherit;
		}
		.product-section {
			padding-top: 30px;
		}
		.product-heading h2 {
			font-size: 30px;
		}
		.about-work .work-inner .about-work-media .dz-experience-box{
			padding: 21px 21px 21px 40px !important;
			border-radius: 0px !important;
		}
		.about-work .work-inner .about-work-media .dz-media.style-1 img{
			border-radius: 0px !important;
		}
	}
	@media (max-width:420px){
		.tabs {
			display: flex;
			justify-content: center;
		}
		.tab-head2{
			justify-content: center !important;
		}
		.tab-head2 li {
			width: 46.5%;
			margin: 0px 5px !important;
		}
		.tab-head li {
			width: 46.5%;
			margin: 0px 5px !important;
		}
		.tab-head12 li {
			width: 46% !important;
		}
	}




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

	.main-header{
		top: 20px;
	}

	

	.header-style-three .menu-outer{
		padding: 0;
	}

	.header-style-three .sticky-header .logo, 
	.header-style-two .sticky-header .logo{
		padding: 20px 0;
	}

}


@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}


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


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

	.main-header{
		top: 0;
		border-bottom: 1px solid rgba(255,255,255,.20);
	}

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

	.header-style-three .logo,
	.header-style-two .logo,
	.main-header .logo-outer .logo{
		padding: 15px 0;
	}

	.main-header .logo-outer .logo img{
		height: 40px;
	}

	.header-style-two .mobile-nav-toggler{
		color: #303030;
	}

	.header-style-two,
	.header-style-three{
		border-bottom: 0;
	}

	.header-span{
		height: 70px;
	}

}
@media (max-width:1280px){
	.main-menu .navigation>li {
		position: relative;
		float: left;
		padding: 30px 0px;
		margin-right: 15px;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
}