@media only screen and (min-width: 2500px) {
	.carousel-item img {
		width: 100vw;
		height: auto;
	}
}

@media only screen and (min-width: 1199px) {

}

@media only screen and (min-width: 992px) {
	.nav-link {
		padding: 0.5rem 1rem!important;
	}
	.apco-sm-navbar-brand {
		display: none;
	}
	.apco-md-navbar-brand {
		display: block;
	}
}


/* For dropdown menu */

@media only screen and (min-width: 992px) {
	.sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 50;
		opacity: 0;
		visibility: hidden;
		padding: 1rem 1rem 2rem;
		background-color: #e9b76a;
	}
	.sub-menu ul {
		padding-left: 0;
	}
	.sub-menu-wrap {
		display: flex;
		justify-content: space-around;
	}
	.sub-menu li {
		list-style: none;
		padding: 0.5rem 1rem;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.sub-menu li a {
		text-decoration: none;
		color: #252525;
		text-transform: uppercase;
		font-size: 14px;
		display: block;
	}
	.nav-item:hover .sub-menu {
		perspective: 1000px;
		opacity: 1;
		visibility: visible;
		animation: viewMenu 0.8s ease-in-out forwards;
	}
	.nav-item:hover .sub-menu li {
		opacity: 1;
		visibility: visible;
	}
	.sub-menu li:hover {
		background-color: #fff;
	}
	.sub-menu li:hover a {
		color: #151515;
	}
	@keyframes viewMenu {
		0% {
			opacity: 0;
			transform: scaleY(0);
			transform-origin: top;
		}
		100% {
			opacity: 1;
			transform: scaleY(1);
			transform-origin: top;
		}
	}
	.hidden-menu, .hidden-menu2 {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	#navbarNav {
		/*padding-top: 2rem;*/
	}
	.dropdown-nav {
		position: relative;
	}
	.nav-item {
		width: 100%;
	}
	.nav-link {
	    height: 50px;
	    line-height: calc(50px - 1rem);
	    padding: 0.5rem 1rem!important;
	}
	.nav-link:hover {
	    background-color: rgba(0,0,0,0.05);
	}
	.dropdown-nav-link {
		width: 90%;
	}
	.hidden-menu, .hidden-menu2 {
		position: absolute;
		top: 20px;
		right: 12px;
    	color: #000;
    	background-color: #e9b76a;
    	height: 25px;
    	width: 25px;
    	text-align: center;
	    line-height: 25px;
	    cursor: pointer;
	}
	.sub-drop, .sub-menu {
		position: absolute;
		opacity: 0;
		visibility: hidden;
	}
	.sub-menu-small {
		position: static;
		list-style: none;
		z-index: 10;
		opacity: 1;
		visibility: visible;
		padding: 0;
		width: 100%;
	}
	.sub-menu-small li {
		padding: 0.5rem 1rem;
		background-color: #e9b76a;
    	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.sub-menu-small li a {
		text-decoration: none;
		color: #252525;
		display: block;
		font-size: 14px;
		text-transform: uppercase;
	}
	.sub-menu-small li:hover {
		background-color: #f5cb8a;
	}
	.sub-menu-small li:hover a {
		color: #252525;
	}
	@keyframes viewMenu {
		0% {
			opacity: 0;
			transform: rotateX(-90deg) ;
			transform-origin: top;
		}
		100% {
			opacity: 1;
			transform: rotateX(0);
		}
	}
	.sub-menu-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.sub-menu-list li {
		width: 25%;
		border-right: 1px solid rgba(0,0,0,0.05);
		border-left: 1px solid rgba(0,0,0,0.05);
		text-align: center;
	}
}

/* End dropdown menu */

@media only screen and (max-width: 991px) {
	.navbar {
		padding: 0.5rem 1rem;
	}
	.navbar-nav {
		flex-direction: column;
	}
	.cate-img {
    	padding: 1rem 2rem;
    	width: 227px;
	}
	.apco-sm-navbar-brand {
		display: block;
	}
	.apco-md-navbar-brand {
		display: none;
	}
	
}

@media only screen and (max-width: 767px) {
	.navbar-nav {
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 1rem;
	}
	.nav-item  {
		padding: 0.5rem ;
	}
	.myCaption-title {
		font-size: 3.5rem;
	}
	.our-company-wrapper {
		min-height: 66vw;
	}
	.home-contact-col, .home-contact-form-col {
		margin-bottom: 2rem;
	}
	.copyright-inner p, .created-col p {
		text-align: center;
	}
	.contact-titlebox-col {
		margin-bottom: 2rem;
	}
	.ctc01 {
		border-right: none;
	}
	.ctc03 {
		border-left: none;
	}
}

@media only screen and (max-width: 575px) {
	.our-company-wrapper {
		min-height: 80vw;
	}
	.copyright-container, .footer-container {
		padding: 0 1.1rem;
	}
	.footer-li {
	    padding: 1rem 1rem 0 0;
	}
	.sub-menu-list li {
		width: 50%;
	}
	.myCaption-text, .myCaption-link {
		font-size: 14px;
	}
	.myCaption-title {
		font-size: 2.5rem;
	}
}

@media only screen and (max-width: 500px) {
	.logo-img {
	    width: 120px;
	}
	.our-company-wrapper {
		min-height: 100vw;
	}
	.myCaption-text, .myCaption-link {
		margin-bottom: 0;
		width: 125px;
	}
}

@media only screen and (max-width: 400px) {
	.myCaption-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.logo-img {
	    width: 100px;
	}
	.myCaption-text, .myCaption-link {
		font-size: 12px;
	}
	.myCaption-title {
		font-size: 25px;
	}

	.footer-logo {
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width: 325px) {
	.logo-img {
	    width: 90px;
	}
}

@media only screen and (max-width: 300px) {
	.logo-img {
	    width: 80px;
	}
}

@media only screen and (max-width: 280px) {
	.logo-img {
	    width: 70px;
	}
}