@media only screen and (max-width: 1477px) {
	.slide-num-hloder.test-slider {
		left: auto;
		right: 0;
	}
}
@media only screen and (max-width:1280px) {
	.modal-popup,
	.modal-popup-1 {
		width: 70%;
		height: 500px;
	}
	.model-text {
		padding-right: 20px;
	}
	.pop-img,
	.pop-img-1 {
		width: 100px;
		height: 100px;
		top: 30px;
	}
	
}
@media only screen and (max-width: 1200px) {
	.header_area .main_menu .main_box {
		max-width: 960px;
	}
	.latest-work-square {
		right: 15px;
		width: 80%;
	}
	.latest-work-dark {
		left: 20px;
	}
	.feature-item {
		padding: 40px;
	}
	.partner-container .img-box {
		padding-top: 30px;
	}
	
}

@media only screen and (max-width: 1199px) {
	.team-section .container {
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	
}

@media only screen and (max-width: 1140px) {
	.work-block,
	.work-block-two {
		margin-bottom: 50px;
	}
	
	.work-block .inner-box .content-column .inner-column,
	.work-block-two .inner-box .content-column .inner-column {
		margin-top: 0px;
	}
	.work-title h2 {
		font-size: 50px;
	}
	.partner-container .img-box {
		padding-top: 40px;
	}
	.team-section .container {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
}
@media only screen and (max-width: 1100px) {
	.team-section .team-content {
		min-height: 100%;
	}
}
@media only screen and (max-width: 1023px) {
	.work-block .inner-box .content-column .inner-column h2:before,
	.work-block-two .inner-box .content-column .inner-column h2:before {
		display: none;
	}
	.work-block .inner-box .content-column .inner-column,
	.work-block-two .inner-box .content-column .inner-column {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}
	.work-title h2 {
		font-size: 42px !important;
	}
	.partner-container .img-box {
		padding-top: 50px;
	}
	
	
}
@media only screen and (max-width: 991px) {
	.header_area .main_menu .main_box {
		max-width: 100%;
	}
	
	.left-align-p p {
    	margin-top: 20px;
	}
	.about-right {
		margin-top: 30px;
	}
	.footer-social {
		text-align: left;
	}
	.footer-inner .collapse-btn {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.footer-inner .quick-link ul li {
		list-style: none;
		display: block;
		margin: 10px 8px 10px 8px;
	}
	.footer-inner .footer-logo {
		margin-top: 20px;
	}
	.single-footer-widget {
    	margin-bottom: 30px;
 	}
	.section-full {
		background-attachment: scroll !important;
	}
	.core-container .core {
		width: 20%;
	}
	
	.alert-validate::before {
		visibility: visible;
		opacity: 1;
  	}
	.contact-image {
		display: none;
	}
	.career-inner {
		border-left: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.career-info-bar .career-tabs .tabs-content {
		padding: 30px;
	}
	.career-info-bar .career-tabs .tab-btns .tab-btn {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.career-info-bar .career-tabs .tab-btns .tab-btn.active-btn:after,
	.career-info-bar .career-tabs .tab-btns .tab-btn:hover:after {
		display: none;
	}
	.partner-container .text-box h1 {
		padding-top: 30px;
	}
	.testimonials-section {
		background: #222;
		margin: 0;
	}
	.testimonials-section:after,
	.testimonials-image-box {
		display: none;
	}
	.modal-popup,
	.modal-popup-1 {
		width: 80%;
		height: 400px;
	}
	.pop-img,
	.pop-img-1 {
		width: 100px;
		height: 100px;
		top: 30px;
	}
	.pop-img .profile-img,
	.pop-img-1 .profile-img {
		border: 3px solid #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	.team-section-content .team-img {
		border-radius: 0px;
		padding: 30px;
	}
	.team-section-content .team-content {
		border-radius: 0px;
		min-height: 100%;
		padding-bottom: 50px;
	}
	.promo-text h1 {
		font-size: 40px;
	}
	.work-block-two .inner-box .content-column {
		position: relative;
		text-align: left;
	}
	.m-carousel-1 {
		margin-top: 50px;
	}
	.blog-right-sidebar {
		margin-bottom: 50px;
	}
	.news-section {
		background: #222;
		margin: 0;
	}
	.news-section:after,
	.news-image-box {
		display: none;
	}
	
}


@media (max-width: 820px) {
	.header-top .header-top-right {
		
	}

	.header-top .header-top-right .icons {
		display: inline-block;
	}

	.header-top .header-top-right .btns {
		display: none;
	}
	.social-widget {
    	margin-top: 30px;
  	}
	.core-container .core {
		width: 20%;
	}
	.footer .quick-social {
		position: relative;
		left: 0;
		background-color: transparent !important;
	}
	.footer .quick-social .social-icon ul li {
		display: inline-block;
	}
	.footer .quick-social .social-icon ul li a:hover {
		color: #af8a37;
	}
	.footer .footer-inner {
		padding: 0;
	}
	.footer-inner .quick-link {
		padding-top: 0;
	}
	
}
@media only screen and (max-width: 768px) {
	.sticky-wrapper {
		top: 0; 
	}
	.top-bar {
    	display: none;
  	}
	#nav-menu-container {
    	display: none;
  	}
	#mobile-nav-toggle {
    	display: inline;
  	}
	.main_box .container {
		max-width: 100%;
	}
	
	#intro {
		padding: 48px 0px;
	}
	#intro .box {
		margin-bottom: 32px;
		width: 100%;
	}
	.latest-project-outer {
		padding-left: 30px;
		padding-right: 30px;
	}
	.service-text h2 {
		font-size: 26px;
	}
	.core-container .core {
		width: 90%;
	}
	.core .core-text h2 {
		font-size: 25px;
	}
	.work-block .inner-box .content-column .inner-column h2,
	.work-block-two .inner-box .content-column .inner-column h2 {
		font-size: 26px;
	}
	.work-title h2 {
		font-size: 34px !important;
	}
	.modal-popup,
	.modal-popup-1 {
		width: 90%;
		padding-top: 55px;
	}
	.pop-img,
	.pop-img-1 {
		position: absolute;
		width: 100px;
		height: 100px;
		top: 10px;
	}
	.client-crumb-section {
		padding-top: 100px;
	}
	.client-crumb-text {
		text-align: left;
	}
	.slide-num-hloder,
	.slide-num-hloder.test-slider {
		right: 0;
		height: 75px;
		width: 136px;
		padding-top: 10px;
	}
	.slide-num-holder span,
	.slide-num-holder.test-slider span {
		font-size: 40px;
	}
	.slide-num-holder.test-slider {
		bottom: -135px;
	}
	.testimonials-section h1 {
		font-size: 45px;
	}
	.news-section h1 {
		font-size: 45px;
	}
}

@media only screen and (max-width: 620px) {
	.hilite-title strong {
		font-size: 46px;
		line-height: 46px;
	}
	.hilite-title span {
		font-size: 18px;
		line-height: 18px;
	}
	.modal-popup p,
	.modal-popup-1 p {
		letter-spacing: normal;
		font-weight: normal;
	}
	.masonry-filter > li {
		margin-bottom: 10px;
	}
	.masonry-filter > li a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 576px) {
	
	.tp-bullet {
		display: none;
	}
	.inconstruct-heading h2 span {
		line-height: 50px;
		font-size: 40px;
	}
	.latest-project-outer {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.latest-work-square {
		padding: 15px;
	}
	.service-text h2 {
		font-size: 30px;
	}
	.service-text h2:after {
		display: none;
	}
	.p-tb120 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.main-title h2 {
		font-size: 25px;
	}
	.work-block,
	.work-block-two {
		margin-bottom: 40px;
	}
	.co-msg h2 {
		font-size: 36px;
	}
	button.scroltop {
		font-size: 7px;
		height: 30px;
		width: 30px;
		line-height: 16px;
	}
	button.scroltop span {
		font-size: 10px;
		line-height: 10px;
	}
	.testimonials-section h1 {
		font-size: 40px;
	}
	.news-section h1 {
		font-size: 40px;
	}
	.modal-popup,
	.modal-popup-1 {
		padding-top: 30px;
	}
	.pop-img,
	.pop-img-1 {
		display: none;
	}
	.positions {
		padding: 50px 10px 50px 10px;
	}
	.position-details {
		padding: 10px;
	}
	.position-details ul li span:first-child {
		width: 35%;
	}
	.dashboard {
		padding-top: 100px;
	}
}
@media only screen and (max-width: 400px) {
	.modal-popup p,
	.modal-popup-1 p {
		font-size: 10px;
		letter-spacing: normal;
		font-weight: normal;
	}
}




/*-------- Min Width CSS Style --------*/
@media screen and (min-width: 1356px) {
	.is-hidden {
		display: none !important;
	}
}
@media only screen and (min-width: 1280px) {
	.dashboard {
		padding-top: 100px;
	}
}
@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape),(max-width:668px) {
	.is-hidden-sm-down {
		display: none !important;
	}
}
@media screen and (max-width:979px) and (max-height:415px) and (orientation:landscape),(min-width:668px) and (min-height:416px) {
	.is-hidden-sm-up {
		display: none !important;
	}
	
}
@media screen and (min-width:668px) and (min-height:416px) {
	.is-hidden-md-up {
		display: none !important;
	}
}
@media screen and (min-width:479px) and (orientation:portrait) {
	.is-hidden-xs {
		display: none !important;
	}
}