/*-- Small devices (landscape phones, 576px and up)--*/
@media (min-width: 320px) and (max-width: 767.98px) {
	.carousel-section .carousel-inner .carousel-item {
		min-height: 350px;
	}
	.carousel-section .carousel-content {
		position: absolute;
		z-index: 9;
		top: 25%;
		left: 5%;
		width: 85%;
	}
	.carousel-section .carousel-content h1 {
		font-size: calc(1.175rem + 1.5vw);
	}
	.carousel-section .carousel-content h5 {
		font-size: 1.05rem;
	}
	section.content-section {
		padding: 0.85rem;
		max-width: 100%;
	}
	.portfolio-sec .logo-box {
		width: 14.15rem;
	}
	.portfolio-sec .logo-box:before {
		width: 14.35rem;
		height: 5.05rem;
	}
	.portfolio-sec p {
		width: 100%;
	}
	.breadcrumb-section {
		padding: 4.5rem 1.5rem 1.5rem 1.5rem;
		min-height: 175px;
	}
	.breadcrumb-section h2 {
		margin-bottom: 0;
	}
	
	.right-box h2 {
		color: #88c220;
		font-weight: 900;
		font-size: 56px;
		position: relative;
		left: 0;
		top: 30px;
	}
	.right-box h3 {
		font-weight: 600;
		color: #4e4e4e;
		font-size: 36px;
		margin-top: -45px;
		margin-left: 149px;
	}
	.right-box h4 {
		font-weight: 600;
		color: #000000;
		font-size: 34px;
		margin-top: 0px;
		margin-left: 116px;
	}
	.right-box h5 {
		font-weight: 600;
		color: #4e4e4e;
		font-size: 40px;
		margin-top: 0px;
		margin-left: 75px;
	}
	.right-box h6 {
		font-weight: 600;
		color: #000000;
		font-size: 36px;
		margin-top: -10px;
		margin-left: 117px;
	}
	.right-box:before {
		content: '';
		position: absolute;
		right: 5px;
		top: 30px;
		background: url(../img/right-box-arrow-mob.png)no-repeat;
		width: 300px;
		height: 125px;
	}
	.portfolio-slider .owl-theme .owl-nav {
		margin-top: 10px;
		position: absolute;
		top: 215px;
		right: -4%;
		color: #8ABE2A !important;
	}
	.gray-sec {
		padding: 20px;
	}
	.white-sec {
		padding: 20px;
	}
	.info-sec {
		display: block;
		margin-bottom: 15px;
	}
 }

/*-- Medium devices (tablets, 768px and up)--*/
@media (min-width: 768px) and (max-width: 1023.98px) {	
	.carousel-section .carousel-inner .carousel-item {
		min-height: 400px;
	}
	.carousel-section .carousel-content {
		position: absolute;
		z-index: 9;
		top: 25%;
		left: 8%;
		width: 65%;
	}
	section.content-section {
		padding: 0.85rem;
		max-width: 100%;
	}
	.breadcrumb-section {
		padding: 4rem 2rem 2rem 2rem;
		min-height: 175px;
	}
	.breadcrumb-section h2 {
		margin-bottom: 0;
	}
	
	.right-box:before {
		content: '';
		position: absolute;
		right: 227px;
		top: 31px;
		background: url(../img/right-box-arrow-mob.png)no-repeat;
		width: 300px;
		height: 125px;
	}
	.right-box h2 {
		left: 0;
		top: 25px;
		font-size: 66px;
	}
	.right-box h3 {
		margin-left: 170px;
		margin-top: -64px;
	}
	.right-box h4 {
		margin-left: 175px;
	}
	.portfolio-slider .owl-theme .owl-nav {
		top: 455px;
		right: 0;
	}	
}

/*-- Large devices (Header Nav Menu)--*/
@media only screen and  (max-width: 1064px) {
	header.cw-nav-header {
		width:100%;
		top:0;
		left:0;
		height: 50px;
		padding: 5px;
		border-right: none;
		border-bottom: 1px solid #292929;
	}
	.cw-head-logo {
		position:absolute;
		width:50px;
		top: 5px;
		left:50%;
		margin-left:-20px;
		margin-bottom: 0px;
	}
	.cw-head-logo img {
		width: 40px;
		height: auto;
		-webkit-box-reflect: unset;
	}
	.cw-nav-wrap {
		width: 250px;
		bottom:0;
		top: 50px;
		padding:0;
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
	}
	.cw-nav-btn {
		margin: unset!important;
	}
	.cw-nav-btn:after {
		display:none;
	}
	.cw-nav {
		position: relative;
		z-index: 1000;
	}
	.cw-nav-logo {
		width:100%;
	}	
	.cw-nav-logo img {
		width: 130px;
		height:auto;
		margin-left: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.cw-sidebar ul li a {
		padding: 15px 15px;
		font-size: 0.9em;
		display: block;
		color: #ccc;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.show-menu .cw-nav-wrap,
	.show-menu .cw-nav-inner ,
	.show-menu .morph-shape  {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.cw-nav-inner {
		padding: 0px;
	}
	#cw-nav-btn span {
		width: 60%;
		height: 2px;
		margin: 6px auto;
		display: block;
		background: #fff;
		transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
		transition-delay: 0.2s;
	}
	#cw-nav-btn span:first-of-type {
		transform: rotate(45deg) translate(5px, 5px);
	}
	#cw-nav-btn span:nth-of-type(2) {
		transform: rotate(-45deg) translate(1px, -1px);
	}
	#cw-nav-btn span:last-of-type {
		opacity: 0;
	}
	#cw-nav-btn.active span {
		transform: none;
		opacity: 1;
		margin: 6px auto;
	}
	.social-links{
		display:none
	}
	.mouse-scroll {
		display:none
	}
}