@media only screen and (max-width: 1280px) {
	.vertical-client {
		left: 50px;
	}
}
@media only screen and (max-width: 1200px) {
    .hero-slides .owl-dots {
        width: 930px;
    }
	.page-head .text {
		font-size: 130px;
	}
	.single-hero-slide.hero-img {
		background-image: url("../images/slide1-t.jpg");
	}
	.single-hero-slide.overlay1 {
		position: relative;
		width: 100%;
		height: 100vh;
	}
	.single-hero-slide.overlay1:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(13, 153, 221,.4);
		z-index: 1;
	}
}
@media only screen and (max-width: 1199px) {
	.main-slider .slider-content .inner h2 {
		font-size: 50px;
	}
	.social-expect {
		display: none;
	}
    .r-team .team-details,
    .r-team .team-details1 {
        width: 50%;
        padding: 10px 15px 0;
        position: relative;
        float: left;
        text-align: right;
        background: none; 
    }
    .r-team .team-details h5,
    .r-team .team-details1 h5 {
        padding: 0 0 10px 0;
		margin-bottom: 5px;
    }
    .r-team .team-details p,
    .r-team .team-details1 p {
        font-size: 12px;
		line-height: 20px;
		margin-top: 5px;
    }
	.gallery-slider .swiper-slide {
		max-width: 100vw;
	}
}
@media only screen and (max-width: 1140px) {
    header .container-fluid.p-r80 {
        padding-right: 30px;
    }
    .float-right {
        right: 30px;
    }
    #header .logo {
        width: 250px;
    }
}
@media only screen and (max-width: 1040px) {
    header .container-fluid.p-r80 {
        padding-right: 15px;
    }
    .float-right {
        right: 15px;
    }
    .hero-slides .owl-nav {
        display: none;
    }
    .hero-slides .owl-dots {
        width: 700px;
    }
    .title {
        padding-left: 30px;
    }
    .title:before {
        left: 20px;
    }
	.hero-slider-content p {
		width: 100%;
		color: #000;
	}

}
@media only screen and (max-width: 992px) {
    .page-head .text {
		font-size: 100px;
	}
}
@media only screen and (max-width: 991px) {
	.float-right {
        top: 20px;
        right: 100px;
    }
	.main-slider {
		height: auto;
	}
	.main-slider .slider-image {
		width: 100%;
		position: static;
	}
	.main-slider .slider-content {
		width: 100%;
		margin-right: 0;
	}
	.main-slider .slider-content .controls .swiper-pagination .swiper-pagination-current {
		color: #fff;
	}
	.project-nav .project-title {
        font-size: 25px;
        line-height: 35px;
    }
    .project-nav .project-menu button {
        margin-left: 0;
        margin-right: 8px;
    }
	.social-expect {
		display: inherit;
	}
    .r-team .r-team-thumb {
        width: 100%;
    }
    .r-team .team-details,
    .r-team .team-details1 {
        width: 100%;
        text-align: center;
        padding: 30px;
    }
    .r-team .team-details h5,
    .r-team .team-details1 h5 {
        padding: 0 0 20px 0;
        margin-bottom: 10px;
    }
    .r-team .team-details p,
    .r-team .team-details1 p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .r-team .team-details:before {
        right: 0;
        border: none;
    }
    .r-team .team-details1:before {
        left: 0;
        border: none;
    }
	.contact-section {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.contact-section:after {
		left: 0px;
		background: #ececec;
	}
	.contact-section:before {
		right: 0px;
		background: #ececec;
	}
	.contact-info {
		background-color: #d1c542;
		position: relative;
		width: 90%;
		min-height: 320px;
		padding: 30px 15px 30px 20px;
		margin: auto;
		top: 100px;
	}
	.contact-section-form {
		background-color: #fff;
		position: relative;
		padding: 200px 30px 20px 30px;
		min-height: 100%;
		box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
	}
	.footer-logo {
		margin-bottom: 30px;
	}
	.footer-copy {
		padding-top: 0;
	}
	.footer-copy p {
		margin-bottom: 0;
	}
	.vmc-item {
		min-height: 150px;
	}
	.gallery-slider .swiper-slide {
		max-width: inherit;
	}
	.top-margin {
		margin-top: 0;
	}
}
@media only screen and (max-width: 820px) {
	.vertical-client {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.float-right {
        top: -10px;
        right: 25px;
    }
}
@media only screen and (max-width: 767px) {
	.main-slider .slider-content {
		margin-bottom: 30px;
	}
	.main-slider .slider-content .controls {
		padding: 0;
		width: 100%;
		display: none;
	}
	.main-slider .slider-content .inner {
		padding-bottom: 30px;
	}
	.main-slider .slider-content .inner h2 {
		font-size: 40px;
	}
	.main-slider .slider-content .inner p {
		margin-bottom: 30px;
	}
	.hero-slides .owl-dots {
        width: 100%;
        text-align: center;
    }
    .hero-slider-content h3 {
        font-size: 40px;
    }
    .hero-slider-content h2 {
        font-size: 70px;
    }
    .hero-slider-content p {
        width: 100%;
    }
    .project-nav .project-menu {
        text-align: right;
        margin-top: 20px;
    }
	.client-icon span {
		margin-bottom: 50px;
	}
	.client-text {
		margin-bottom: 50px;
	}
	.page-head .text {
		font-size: 80px;
	}
	.circle,
	.circle1,
	.circle2 {
		width: 150px;
		height: 150px;
	}
	.content h1 {
		font-size: 20px;
		font-weight: bold;
	}
	.gallery-slider .swiper-slide .gallery-box figcaption {
		width: 100%;
		position: static;
	}
	.gallery-slider .swiper-slide .gallery-box figcaption h5 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 600px) {
	.hero-slider-content h2 {
		font-size: 60px;
	}
	.hero-slider-content p {
		display: none;
	}
	.hero-slides .owl-dots {
		left: 0;
	}
	.float-right {
        display: none;
    }
    .mobile-nav-toggle {
        top: 20px;
        
    }
    .mobile-nav {
        width: 100%;
        right: -100%;
        padding-left: 20px;
        padding-right: 50px;
    }
    .mobile-nav a {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
    }
    .mobile-nav .drop-down > a:after {
        padding-left: 10px;
        position: absolute;
        right: 50px;
    }
    .blog-section .blog-img .blog-back-img {
        right: 0px;
    }
    .about-head h2 {
        line-height: 40px;
        font-size: 30px;
    }
    .team-img:after {
        display: none;
    }
    .team-head h1 {
        font-size: 40px;
    }
	.lighter-section .light-content {
		width: 100%;
		padding-top: 10px;
	}
    .hero-slider-content h2 {
        letter-spacing: 0px;
    }
	.page-head {
		align-items: center !important;
	}
	.page-head .text {
		font-size: 60px;
	}
}
@media only screen and (max-width: 500px) {
    .pro-head h1 {
        font-size: 30px;
    }
    .pro-head h5 {
        font-size: 20px;
    }
    .extra h2 {
        font-size: 20px;
    }
	.contact-info .info-item {
		padding-left: 30px;
	}
	.contact-info .info-item i {
		font-size: 16px;
	}
	.contact-info .info-item h5 {
		font-size: 14px;
	}
	.contact-info .info-item p {
		font-size: 14px;
		line-height: 24px;
		padding: 2px 0px;
		color: #1a1a1a;
		font-family: 'Roboto', sans-serif;
	}
	.footer-copy p {
		font-size: 12px;
		text-align: center;
	}
    .page-head .text {
		font-size: 40px;
	}
	.circle,
	.circle1,
	.circle2 {
		width: 120px;
		height: 120px;
	}
	.circle:after,
	.circle2:after {
		border: 5px solid #10bcf4;
	}
	.circle1:after {
		border: 5px solid #d1c542;
	}
	.content h1 {
		font-size: 16px;
		font-weight: bold;
	}
}
@media only screen and (max-width: 400px) {
    .team-head h1 {
        font-size: 35px;
    }
    .hero-slider-content h3 {
        font-size: 30px;
    }
    .hero-slider-content h2 {
        font-size: 50px;
    }
    .hero-slider-content p {
        font-size: 14px;
    }
	.circle,
	.circle1,
	.circle2 {
		width: 100px;
		height: 100px;
	}
	.circle {
		margin-left: 25%;
	}
	.circle2 {
		margin-left: -25%;
	}
}