	@media only screen and (max-width:1199px)
	{
		.nav>li>a
		{
			padding: 18px 7px;
				
		}
		.navbar-inverse .navbar-nav>li>a
		{
			font-size: 14px;
		}
		.navbar-brand h3
		{
			    font-size: 18px;
		}
	}
	@media only screen and (max-width:991px)

	{

		.navbar-brand h3
		{
			    font-size: 17px;
		}
		.menu
		{
			float: none;
			
			text-align: center;
			margin: 0 auto;
		}
		.reg-main-box-1
		{
			height:305px;
			width: 100%;
		
		}
	}
	@media only screen and (max-width:767px){
		.carousel, .item
		{
			margin: 0;
		}

		.head
		{
			position: fixed;
		}
	}
	@media only screen and (max-width:767px){
		.login-form
		{
			width: 95%;
		}

	}

	@media only screen and (max-width:420px)

	{	.head
		{
			position: sticky;
			height: 85px;
		}
		.related-list
		{
			padding: 0px!important;
		}
		.related-list li img
		{
			width: 50px!important;
			height: 50px!important;
		}
		.related-list li span
		{
			font-size: 10px!important;
		}
		.box-body
		{
 			 margin-bottom: 20px;
		}
		.list-txt ul
		{
			width: 100% !important;
		}
		.project-associate ol
		{
			width: 100%;
		}
		.project-associate-title h3
		{
			margin: 0;
			font-size: 16px;
		}
		.Strength-title h3
		{
			margin: 0;
			font-size: 16px;
		}
		.link-contaent
		{
			margin-top: 0px !important;
		}
		
		.reg-main-box-1
		{
			height: auto !important;
		}
		.login-form
		{
			padding-top: 80px!important;
		}
		#loading
		{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.navbar-brand p
		{
			text-align: left;
		}
		.navbar-brand
		{
			float: none;
		}
		.advisors p
		{
			margin: 0!important;
		}
		.advisors ul
		{
			margin: 0;
		}
		.menu
		{
			float: none;
			text-align: center;
			background-color: rgba(0,0,0,0.7);
		}
		.navbar-brand h3
		{
			font-size: 16px;
		}
		.box1, .box2, .box3
		{
			width: 96%;
		}
		
		.navbar-toggle
		{
			margin-top: 17px;
		}
		.carousel, .item
		{
			height: 300px;
		}
		.carousel-inner img
		{
			height: 300px;
		}
		.carousel-caption
		{
			padding: 0;
		}
		.ghtc-box
		{
			width: 392px !important;
		}
		.objectives-main-page
		{
		padding: 0!important;
		}
		.navbar-brand .head-txt1
		{
			font-size: 16px;
			text-align: center;
		}
		.navbar-header
		{
			height: 60px;
		}
		.form-wrap form label[for]{
			padding: 0 !important;
		}
		.login-form
		{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 35%;
		}
		.navbar-brand .head-txt2
		{
			text-align: center;
			font-size: 14px;
		}
		.navbar-brand
		{
			padding: 0px;
		}
		.head2
		{
			position: fixed;
		}
		#mySidenav
		{
			top: 20%;
		}
		.about-body h2
		{
			font-size:19px;
		}
		.ghtc img
		{
			width: 100%;
			height: auto;
		}
		.link ul li 
		{
			padding: 2px;
		}
		.mission-vision
		{
		padding: 50px 0;
		}
		.left-side-link p
		{
			margin-top: 30px;
		}
		.carousel-caption
		{
			line-height: 21px;
		}
		.slide2 .item img
		{
			width: auto;
		}
		.freshfish-image p
		{
			font-size: 14px;
		}
		.fresh-water-aquqculture-body
		{
			padding-top: 0;
			min-height: 80vh !important;
			padding-bottom: 50px;
		}
		.fresh-water-aquqculture-content h2
		{
			font-size: 14px;
		}
		.owl-prev
		{
			top: 5%;
		}
		.owl-next
		{
			top: 5%;
		}
		.item
		{
			overflow: hidden;
		}
		.slide2 .item img
		{
			height: 100px;
			margin-top: 30px;
		}
		.ghtc-box
		{
			width: 410px;
		}
		.carousel-caption h2
		{
			font-size: 25px;
		} 
		.carousel-caption p
		{
			font-size: 25px;
			margin: 0px;
		}
		.reg-box
		{
			padding-top: 80px !important;
		}
		/*************************************login*************************************/
		.login-form
		{
			width: 95% !important;
			z-index: -1;
		}
		button[type= submit]
		{
			margin: 0;
		}
		#loading
		{
			width: 100%;
			height: 100vh;
		}
		#myNavbar
		{
			padding: 0;
		}
		
		legend
		{
			width: 205px;
		}
		
		.navbar-brand p
		{
			font-size: 14px;
		}
		.carousel-indicators
		{
			bottom: -9px !important;
		}
		.know-btn
		{
			padding: 5px;
		}
		.modal-box 
		{
    		width: 320px !important;
    	}
    	.modal-dialog
    	{
    		width: auto;
    	}
	}
	
	@media only screen and (max-width: 326px) {
	  .ghtc-box
		{
			width: 302px;
			height: 289px;
			
		}

		.ghtc-box ul li
		{
			margin-top: 22px;
		}
		.navbar-brand h3
		{
			letter-spacing: 0px;
		}
		.navbar-brand p
		{
			text-align: left;
			font-size: 15px;
		}
		

		}
		@media(min-width: 326px)
		{
			.ghtc-box
		{
			width: 307px !important;

		}
		
		}
		@media only screen and (max-width : 420px) {
		.animated {
			-o-transition-property: none !important;
			-moz-transition-property: none !important;
			-ms-transition-property: none !important;
			-webkit-transition-property: none !important;
			transition-property: none !important;
			-o-transform: none !important;
			-moz-transform: none !important;
			-ms-transform: none !important;
			-webkit-transform: none !important;
			transform: none !important;
			-webkit-animation: none !important;
			-moz-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
	}
