@charset "utf-8";

@media only screen and (min-width: 1366px) and (max-width: 1600px) {}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.home-gallery-box {
    	height: 160px;
    }

    .gallery-box-middle {
	    height: 250px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.home-gallery-box {
    	height: 130px;
    }

    .gallery-box-middle {
	    height: 210px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service-section .container {
	    width: 750px;
	    padding: 0 15px;
	}
}

@media only screen and (max-width: 1600px) {
	.footer-content {
		padding-top: 180px;
	}

	.slider-item {
	    height: 450px;
	}
}

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

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {

	/* Header styling */
	.header-area {
		background: linear-gradient(to right, #ff6d1d, #ffa518);
		z-index: 9;
	}

	.header-content {
	    height: 70px;
	    background: linear-gradient(to right, #ff6d1d, #ffa518);
	}

	.header-navbar {
		position: absolute;
	    top: 70px;
	    left: 0;
	    right: 0;
	    width: 100%;
	    background: rgba(255, 165, 24, 0.95);
	    padding: 8px 20px;
	    z-index: -1;
	    transform: translateY(-180%);
	    -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
	    transition: -webkit-transform 0.5s ease-in-out 0s;
	    -o-transition: transform 0.5s ease-in-out 0s;
	    transition: transform 0.5s ease-in-out 0s;
	    transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
	}

	.header-toggle {
		display: block;
	}

	.header-listing ul {
		display: block;
	    height: auto;
	    text-align: center;
	}

	.header-listing ul li {
		padding: 8px 0;
    	border-bottom: 1px solid #e1dede;
	}

	.header-listing ul li:last-child {
		border-bottom: 0;
	}

	.header-logo {
	    padding: 13px 0 5px;
	}

	.header-logo-img {
	    height: 40px;
	}

	.logo-color {
		display: none;
	}

	.logo-dark {
		display: block;
	}

	.header-transparent .active a {
		color: #ffffff;
	}

	.header-transparent a {
		color: #26303d;
	}

	/* homepage */
	.home-about-img {
	    margin-bottom: 30px;
	}

	.home-about-info {
		text-align: center;
	}

	/* about */
	.about-logo-img {
		margin-bottom: 20px;
	}

	.about-people-detail {
		margin-bottom: 30px;
	}

	.about-corporate-video video {
		width: 100%;
	}

	/* services */
	.service-area {
	    padding-top: 70px;
	}

	.service-section:nth-child(odd),
	.service-section:nth-child(even) {
	    background: transparent;
	}

	.service-title {
	    text-align: center;
	    padding-right: 0;
	}

	.service-bg-img {
		display: none;
	}

	.service-img {
		display: block;
	}

	.service-section:nth-child(odd) .service-box,
	.service-section:nth-child(even) .service-box {
	    padding: 50px 0 0 0;
	}

	.service-info {
	    padding: 50px 0;
	}

	.dropdown-listing:hover .submenu {
	    display: none !important;
	}

	.dropdown-listing:hover {
	    background: transparent;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    padding: 8px 0;
	}

	.dropdown-listing:hover:before {
		height: 0;
	}

	.overlay-desktop {
		display: none;
	}

	.row-flex .col {
		flex-grow: unset;
	}
}

@media only screen and (max-width: 767px) {

	.container,
	.service-section .container {
		padding: 0 30px;
	}

	/* Header styling */
	.header-content {
	    padding: 0 20px;
	}

	.header-toggle {
		right: 20px;
	}

	.home-gallery-box {
    	height: 120px;
    }

    .gallery-box-middle {
	    height: 270px;
	}

	.home-gallery-header h3 {
	    font-size: 20px;
	    padding: 0 0;
	}

	/* homepage */
	.home-about-info h3 {
	    font-size: 20px;
	}

	.home-about-info p {
	    text-align: left;
	}

	.home-counter-info {
	    padding-bottom: 30px;
	}

	.slider-item {
	    height: auto;
	    width: 100%;
	    min-height: 300px;
	}

	.home-banner {
    	padding-top: 70px;
	}

	.home-about-img img {
	    position: relative;
	    width: 100%;
	}

	/* About us */
	.about-story-header h3, .about-corporate-header h3 {
		font-size: 24px;
	}

	/* Footer */
	.footer-media {
		padding-top: 40px;
    	text-align: center;
	}

	.footer-copyright {
	    padding: 40px 0 0;
	}
	
	.home-about-content{
		padding-bottom: 80px;
	}
	.video-container{
		width: 100%;
		margin:auto;
	  }
}