@media screen and (min-width: 1800px){
	
}

@media screen and (min-width: 1400px){
	
}

@media screen and (min-width: 1201){
	nav ul{
		display: block;
	}
	nav ul.mobileNavbar{
		display: none;
	}
}

@media screen and (min-width: 1081px){
	/* nav ul{ display: block !important; } */
}
@media screen and (min-width: 961px){
	
}
@media screen and (max-width: 1400px){
	.layoutLeft{
		background-size: 150px auto;
	}
}

@media screen and (max-width: 1280px){
	header .container{
		width: 100%;
	}
	.header .container{
		width: 100%;
	}
	.services .hexagon{
		margin: 0 auto;
	}
	.services .service{
		width: 25%;
	}

	.services .topServices{
		display: inline;
		width: initial;
	}
	.services .topServices.clear::after{
		display: none;
		clear: none;
	}
	.services .bottomServices{
		display: inline;
		width: initial;
		transform: translateY(0);
	}
}
@media screen and (max-width: 1200px){
	nav ul{
		display: none;
		float: none;
		clear: both;
		width: 100%;
    	color: #fff;
	}
	nav ul li,
	nav ul a{
		display: block;
		width: 100%;
    	color: #fff;
	}
	nav .myCollapse{
		display: block;
	}
	nav ul li.dropdown{
		height: auto;
		line-height: initial;
	}
	nav ul li.dropdown .dropdown-title{
		padding: 10px;
	}


}

@media screen and (max-width: 1080px) {
	.nav section .container>.left{
		width: 100%;
	}
	.nav section a + a{
		border-left: none;
	}
	header .item{
		height: 480px;
	}

	.header .container{
		min-height: 280px;
	}
}

/***** large *****/
@media screen and (max-width: 960px){
	.nav section .container>.left{
		width: auto;
	}
	.services .service{
		width: 33.33%;
	}
	header .item{
		height: 440px;
	}

	#announcements .mt50{
		margin-top: 30px;
	}
	#announcements .title.bg-yellow{
		display: none;
	}
	#announcements .announcement{
		height: 360px;
		margin-top: 0;
		margin-bottom: 0;
	}
	#announcements .announcement.first::after{
		/* clip-path: none;
		-webkit-clip-path: none; */
		display: none;
	}
	#announcements .announcement.first .info{
		padding-left: inherit;
	}
	#announcements .announcement.last::after{
		/* clip-path: none;
		-webkit-clip-path: none; */
		display: none;
	}
	#announcements .announcement.last .info{
		padding-right: 30px;
	}
	#announcements div[class*='col-'].mt15,
	#announcements div[class*='col-'].mt-15,
	#announcements div[class*='col-'].mt-30{
		margin-top: 0;
	}

	#announcements .row{
		margin-right: -10px;
		margin-left: -10px;
	}
	#announcements div[class*='col-']{
		padding: 10px;
	}
}
@media screen and (max-width: 900px){
	.nav section{
		text-align: center;
	}
	header .item{
		height: 400px;
	}
	/* nav section .container>.left a{
		display: block;
		float: left;
		width: 25%;
	} */

	.header .container{
		min-height: 240px;
	}
}

/***** medium *****/
@media screen and (max-width: 768px){
	nav ul.mobileNavbar{
		max-height: 440px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	header .item{
		height: 360px;
	}
	
	.gallery .img img{
		height: 280px;
	}

	footer .text-right{ text-align: left; }

	#announcements .announcement{
		height: 280px;
	}
}

@media screen and (max-width: 720px){
	.services .service{
		width: 50%;
	}
	header .item{
		height: 340px;
	}

	.tophead.fix{
		position: static;
		background: initial !important;
		color: initial;
		top: auto;
		left: auto;
	}
	.tophead.fix .social a::after{
		transform: scale(1);
	}
}

/***** small *****/
@media screen and (max-width: 600px){
	.nav section{
		text-align: center;
	}
	.nav section .container>.right{
		width: 100%;
		float: none;
	}
	.nav section .container>.right>*{
		float: none;
		display: inline-block;
	}
	header .item{
		height: 320px;
	}
	header .owl-nav button{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.gallery .img img{
		height: 200px;
	}
	.news .new .img img{
		height: 240px;
	}

	
	.header .container{
		min-height: 200px;
	}
	.tophead,
	.tophead .text-right{
		text-align: center;
	}
	.tophead .links{
		padding: 15px 15px 0;
	}

	.layoutLeft .contentCol{
		order: 1;
	}
	.layoutLeft .navCol{
		order: 2;
	}
	.layoutLeft .newOne img{
		height: 200px;
	}
   
	/* .modal .box{ width: 360px; } */
}

/***** x-small *****/
@media screen and (max-width: 480px){
	/* .modal .box{ width: 320px; } */
	header .item{
		height: 280px;
	}
	header .social{
		right: 5px;
	}
	header .social a{
		width: 28px;
		height: 28px;
		line-height: 28px;
		padding: 0;
	}
	header .social a img{
		height: 18px;
	}
	header .owl-carousel .owl-dots {
		bottom: 15px;
		left: 5px;
  }

	
	.news .new .img img{
		height: 180px;
	}

	.services .service{
		width: 100%;
	}
	
	
	.layoutLeft .newOne img{
		height: 150px;
	}

	
}
/***** xx-small *****/
@media screen and (max-width: 360px){
	nav .logo{
		font-size: 14px;
	}
	nav .logo span{
		width: 150px;
	}
	header .item{
		height: 240px;
	}
	.news .new .img img{
		height: 150px;
	}
	.gallery .img img{
		height: 160px;
	}
	
	.layoutLeft .newOne img{
		height: 120px;
	}
	#announcements .announcement{
		height: 240px;
	}
	
}