@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
	.carousel-item img{width: 100%}
}
@media screen and (min-width:1350px){
	.pageBanner .bannerContentInner{left: 132px}
	.bannerContentInner .btnBg{padding: 4px}
}
@media screen and (min-width:1440px){
	.collapse.navbar-collapse{margin-left: 128px}
	.collapse.navbar-collapse ul.mr-auto{margin-left: 45px}
	.aboutContent{padding-left: 134px}
	body{max-width: 1680px;margin: auto}
	.topContact:before {
    content: "";
    position: absolute;
    border: 49px solid transparent;
    border-left: 42px solid #ffffff;
    border-bottom: 0px solid transparent;
    z-index: 1;
    left: 0 px;
    top: -1px;
}
	header{max-width: 1680px; left:50%; transform: translateX(-50%)}
}
@media screen and (min-width:1441px){
	.collapse.navbar-collapse{margin-left: auto}
	.nav-item{margin: 0 10px}
	.container{max-width: 1555px}
	.pageBanner .bannerContentInner{left: 80px}
	.collapse.navbar-collapse ul.mr-auto{margin-left: auto; margin-right: 0 !important}
	a.navbar-brand img{position: static}
}
@media screen and (max-width: 1024px) {
	/*UTKARSH SAXENA STARTED*/
	.nav-item{margin: 0 5px}
	.collapse.navbar-collapse{margin-left: 210px}
	.topContact { padding: 8px 10px 8px 8px; }
	.topContact span {
	    font-size: 12px;
	    margin-left: 10px;
	}
	.aplyBtnBox { margin-left: 15px;	}

	.topContact:before { left: -1px; top: 0px; }

	.headerNav .nav-link { font-size: 9px; }
	.headerNav .nav-item { margin: 0 7px; }
	.headerNav .nav-link { font-size: 12px; }
	.aboutContent { padding: 20px; }

	.programContent { width: 100%; padding: 0 15px; right: 0; }
	.programOne { height: 350px; }
	.programTwo { height: 350px; }

	.collegesList { text-align: center; }
	.collegesList img { width: 120px; }
	.collegesList a { margin-bottom: 25px; }
	.countBox h2 { font-size: 35px; }
	.countBox { padding: 40px 0; }

	.contactText { width: 80%; font-size: 16px; padding-left: 3px; }

	.footLinkList li a { font-size: 12px; color: #000; }
	.bootmFoot { padding: 15px 0 13px; margin-top: 20px; }

	.tesimonialMainBox .title { margin-bottom: 25px; }
	.testiHedText { width: 70%; }

	.tesimonialBox { height: 245px; }
	.serviceSection { padding: 60px 0; }
	.trainingSection { padding: 60px 0; }
	.tesimonialMainBox { padding: 50px 0; }
	.contactListBox { margin-bottom: 30px; }
	.aboutContents { padding: 50px 0; }
	.contectContents { padding: 50px 0 0; }
	#demo .carousel-item img{
		max-width: 100%;
		height: auto;
	}
	.carousel-item .dropArrow img{position: static}



}



@media screen and (max-width: 800px) {
	.photo_gallary .modal-dialog{max-width: 92%}
	#homepopup .modal-dialog{
		margin-top: 2rem;
	}
	.carousel-control-next{width: 9%}
	.carousel-control-prev{width:5%}
	.teamHover{width: 100%; height: 100%; background: transparent; top: 84%}
	a.navbar-brand img{position: static; width: 85px}
	.navbar-expand-lg{padding: 5px}
	.collapse.navbar-collapse{margin-left: 0}
	.footLogo img{width:85px}
	.to_hide p span{display: none}
	.title { font-size: 24px; margin-bottom: 25px; }

	.topContact { padding: 8px 0 8px 28px; }
	.topContact span { font-size: 11px; margin-left: 15px; }

	.topContact:before { display: none; }
	.logo { top: 0; }

	.logo img {
	    width: 85px;
	    margin-top: 8px;
	}


	.headerNav .nav-item {
	    margin: 0 3px;
	}
	.headerNav .nav-link {
	    font-size: 11px;
	}
	.mainBanner {
	    height: 450px;
	}
	.bannerContentInner {
	    max-width: 700px; 
	}

	.bannerContentInner h1 {
	    font-size: 40px;
	}
	.bannerContentInner p {
	    font-size: 15px !important;
	}

	.bannerContentInner a {
	    font-size: 20px;
	    padding: 6px 20px;
	    min-width: 225px;
	}

	.aboutContent {
	    padding: 15px 10px;
	}
	.aboutImg img { width: 115%; }

	.aboutContent .aboutText p { font-size: 13px; }
	.aboutContent .aboutText p:first-child { margin-bottom: 10px; }
	.serviceSection { padding: 50px 0; }

	.serviceBox h4 { font-size: 16px; }
	.serviceBox p { font-size: 13px; line-height: 1.4; }
	.serviceImg img { height: 75px; }

	.trainingSection { padding: 50px 0; }

	.programContent { width: 100%; right: 0; padding: 0 15px; }
	.programOne { height: 325px; }
	.programTwo { height: 325px; }
	.programContent h2 { font-size: 18px; }
	.programContent p { font-size: 13px; }

	.newsvideoSection { padding: 50px 0 }
	.newsBox { margin-bottom: 50px; }
	.newsBox .title { margin-bottom: 20px; }
	.videoBox .title { margin-bottom: 20px; }

	.testiImg img { width: 60px !important; height: 60px; }
	.testiHedText { width: 68%; padding: 8px 0; }
	.testiHedText h6 { font-size: 13px; }

	.testiHedText p { font-size: 11px; }
	.testiText { font-size: 14px; padding: 10px; line-height: 1.3em; }
	.tesimonialBox { height: 245px; }
	.collegesList { text-align: center; }
	.collegesList a { margin: 0 10px; margin-bottom: 25px; }
	.tesimonialMainBox { padding: 35px 0; }

	.collegesSection { padding: 35px 0; }
	.countBox { padding: 15px 0;	}
	.countBox h2 { font-size: 30px; }
	.countBox p { font-size: 13px; }

	.contactIco { width: 40px; height: 40px; line-height: 40px; }
	.contactIco img { width: 20px; }
	.contactText { width: 78%; font-size: 15px; padding-left: 2px; }
	.contactLink a { font-weight: 700; margin-left: 45px; font-size: 16px; }
	.contactBtnBox .contactBtn { min-width: 125px; text-transform: uppercase; padding: 7px 12px 5px; }
	.contactBtnBox .reset { min-width: 80px; }
	.contactBox { margin-bottom: 20px; }


	footer { padding: 50px 0 0; }
	.footLinkBox { margin-bottom: 20px; }
	.bootmFoot { padding: 15px 0 12px; }
	.trainingTable{width: 1000px; margin: auto}
	.bio_table{width: 100%; padding: 20px 0px; overflow-x: scroll}
	.bio_table::-webkit-scrollbar {
    width: 12px;
	height: 12px;
}
	.bio_table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.78);
    border-radius: 10px;
}
	.bio_table::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
	.navbar-expand-md .navbar-nav{margin-left: auto !important; margin-right: 0 !Important}
	.trainingInner ul{list-style: none; padding: 0; margin-top: 30px}
	.foodTestList li{margin-bottom: 30px}
	.trainingInner{margin: 30px auto}
	.aboutContents{padding: 30px 0}
	.contectSection{padding: 30px 0 0}
	.bannerContent{overflow: hidden}
	.bannerContentInner p{max-width: 690px}
	.pageBanner .bannerContentInner{left: 40px}
	.wrap-5 ul:last-child br{display: none}
	.carousel-item img.workshop{left: -10%}
}

@media screen and (min-width:500px) and (max-width:700px){
	.teamImgBox{
		max-width:100%;
		height: 140px;
	}
	.tesimonialBox {
    height: 160px;
    min-height: auto;
}
	.headerGap{
		height: 130px
	}
	.programSection .programRight{
		padding-left: 15px;
	}
}


@media screen and (max-width: 450px) {
	.photo-section .btn{height: 200px; overflow: hidden}
	.photo_gallary .modal-dialog{max-width: 100%}
	.bio_table{margin-bottom: 20px}
	.logo img{margin: 9px 0}
	.logo{position: static}
	footer{padding: 20px 0 0}
	.countBox { padding: 15px 0; width: 50%; margin: auto; border-right: none; border-bottom: 1px solid #fff2}
	.headerGap { height: 166px; }
	.headerNav{padding: 7px 0}
	.headerNav::after {
    content: "";
    display: block;
    clear: both;
}
	.pageBanner .bannerContentInner.content{padding-right: 10px}
	.headerNav .nav-item .down {
    visibility: visible;
    left: 0;
	display: inline-block !important;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    opacity: 1;
}
	.indexAboutText{padding-right: 15px}
	.title{font-size: 20px}
	.aboutText{text-align: justify}
	.indexAboutImg{padding-left: 15px}
	.newsvideoSection{padding: 20px 0}
	.footLogoSec p{text-align: justify}
	header{position: absolute}
	.headerTop{background-image: linear-gradient(90deg, #14aa9f 0%, #066190 100%)}
	.headerTop .container-fluid{padding: 0 15px}
	.topContact span { width: 100%; margin-bottom: 3px; margin-left: 0}
	.topContact span.aplyBtnBox{float: left}
	.fbT {
	    width: auto !important;
	    float: right;
	    position: relative;
	    top: 5px;
	    margin-top: 12px;
	    margin-right: 15px;
	}
	.aplyBtnBox {
	    width: auto !important;
	    float: right;
	    margin-top: 12px;
	}

	.topContact { display: inline-block; width: 100%; }


	.headerNav .navbar {
	    float: right;
	    position: relative;
	    top: 4px;
		width: 40%;
	}
	.headerNav .navbar .navbar-toggler { padding: 0; color: #14aa9f; margin-left: auto}


	.mainBanner { height: 375px; }
	.collegesSection{padding: 20px 0}
	.bannerContentInner h1 { font-size: 35px; }
	.bannerContentInner p { margin-bottom: 15px; padding-right:10px; text-align: justify; line-height: normal}
	.dropArrow { bottom: -80px; }

	.serviceBox { margin-bottom: 35px; }
	.trainingBox { padding: 0 10px;}

	.trainingSection .owl-next { right: -11px; }
	.trainingSection .owl-prev { left: -11px;}

	.programOne { height: 275px; padding-right:15px }
	.programTwo { height: 275px; padding-left: 15px}
	.programContent p{text-align: justify}
	.programSection .programLeft { margin-bottom: 15px; }
	.programLeft .programContent { right: 0; }
	.tesimonialBox { margin: 45px 25px 0; min-height: 190px; height: auto}

	.tesimonialMainBox .owl-next { right: 3px; }
	.tesimonialMainBox .owl-prev { left: 3px; }

	.countBox h2 { font-size: 16px; }
	.countBox p { font-size: 11px; line-height: 1em; margin-top: 7px; letter-spacing: .4px; }
	.footLinkList li { margin-bottom: -2px; }
	.footLinkList li a { font-size: 11px; }
	.termsBox { text-align: center; }
	.footLinkHed { font-size: 12px; margin-bottom: 3px; }
	.copyRightBox { font-size: 12px; text-align: center; }
	.contactAddress { margin-top: 20px; }
	.contactForm .form-group { margin-bottom: 25px; }
	/*.owl-carousel.owl-drag .owl-item{width: 330px !important; margin-right: 30px !important}*/
	.sticky {
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 99999999;
	background:#fff;
}
	.bx-viewport{height: 300px !important; }
	.bx-viewport div div {height: 300px; }
	.bx-viewport div div img {height: 300px; }
	/*.new_down{bottom: -80px}*/
	.bannerContentInner{margin: 0px 15px 0 20px}
	.bx-wrapper{margin-bottom: 0 !important}
	.bx-wrapper .bx-pager{display: none}
	.pageBanner .bannerContentInner{left: 0px; padding-left: 15px}
	.pageBanner .bannerContentInner p br{display: none}
	.navbar-brand{margin-left: 10px}
	.pageBanner .dropArrow{bottom: 10px}
	.aboutContentBox br {
    display: none;
}
	.title2{font-size: 22px}
	.aboutLists li{margin-bottom: 15px}
	.modal-open .modal{width: 100%}
	.teamPopNm{margin-top: 10px; width: 100%;}
	.teamAboutText p{text-align: justify}
	.pageBanner .small_new{font-size: 20px}
	.trainingContent{padding-bottom: 20px}
	.trainingContent p{text-align: justify}
	.trainingList li{text-align: justify}
	#training br{display: none}
	.new_size{font-size: 21px}
	.applyProcessBox{width: 100%}
	.applyProcess:after{display: none}
	.applyProcess.payment .applyProcessBox{width: 100%}
	.applyProcess{padding: 20px 0}
	.applyProcessBox br{display: none}
	.half:nth-child(2n){border: none; padding: 0}
	.half{margin-bottom: 15px}
	.wrap-3 span{padding: 0}
	.howToApplySec{padding: 20px 0}
	.headerNav .nav-item:hover .subNav{left: -220px}
	.subNav{left: -105px}
	#project img{width: 70%; align-self: center}
	#project{text-align: center}
	#project h5{width: auto}
	.trainingTable .hed{padding-right: 30%}
	.trainingTableSec p:last-child {margin-bottom: 20px;}
	.contactForm{padding: 0}
	.international .bannerContentInner h1{font-size: 28px; margin-bottom: 20px}
	.international .bannerContentInner p{font-size: 16px}
	.bx-controls-direction{display: none}
	.applyProcess a{color: #fff; text-decoration: underline}
	h2#work{font-size: 27px}
	#work span{font-weight: 300}
	.aboutContentBox p{text-align: justify}
	.aboutContents{padding-bottom: 0}
	.contectSection{padding-top: 20px}
	.image_size img{width: 70%; margin-bottom: 20px}
	.image_size{text-align: center}
	.contectsize .title3{font-size: 18px}
	.contectsize .title{font-size: 20px}
	.analyticalTest{padding: 20px 0}
	.foodTestSection{padding: 20px 0}
	.foodTestList li{margin-bottom: 20px}
	.otherTestSection{padding: 20px 0}
	.othrtTestBox{margin-bottom: 20px}
	.foodTestList{margin-top: 20px}
	.pageBanner .product{font-size: 25px}
	.addressLeft{padding: 0; border: none}
	.addressRight{padding: 0; text-align: left}
	.trainingMainSection{padding-bottom: 0}
	.wrap h2{margin-bottom: 20px}
	.wrap ul{margin-bottom: 0}
	.wrap{margin-bottom: 0}
	.wrap-3 .size_bottom{font-size: 25px;}
	.wrap-3 .size_bottom span{font-style: normal; font-weight: 300; display: inline-block}
	.aboutLists li{color: #000}
	.foodTestList ul{list-style: none; padding: 0}
	.diagnosticList{margin: 20px 0}
	.diagnosticList li{margin-bottom: 20px}
	.diagnostictextBox{margin: 35px 0 0}
	.carousel-item{height: auto}
	.carousel{height: auto}
	.topContact{padding: 8px}
	.full-width{margin-bottom: 25px}
}




@media screen and (max-width: 321px) {
	.bannerContentInner{margin-top: 180px !important; position: static}
	.bannerContentInner h1{font-size: 33px}
	carousel-item{overflow: hidden}
}

@media print{
	header{display: none}
	.headerGap{display: none}
	.mainBanner{display: none}
	.aboutContents{padding: 0}
	.aboutContents .title{display: none}
	.printbtn{display: none}
	.contectSection{display: none}
	.aboutContents h1._hidden{display: block; text-align: center}
	footer{display: none}
}