@media only screen and (max-width: 1746px){
	.hero-area-main-content .content-main {
	position: absolute;
	top: 0;
	left: 5%;
	width: 60%;
	text-align: left;
	padding-top: 100px;
}
.header-area .header-top {
    margin-left: 77px;
}
.hero-area-main-content:after {
    left: 0 !important;
}
}
@media only screen and (max-width: 1400px){
	.hero-area-main-content .content-main {
	position: absolute;
	top: 0;
	left: 5%;
	width: 60%;
	text-align: left;
	padding-top: 100px;
}
.hero-area-main-content {
	padding-bottom: 50px;
}
.hero-area-main-content img {
	max-width: 100% !important;
}
.header-area .header-top {
	padding-left: 30px;
    margin-left: 16px;
}
.header-area .social {
	left: 6%;
}
.header-area .main-menu ul li a::after {
    right: -11%;
    bottom: 47%;
}

.content-main h2 {
    color: #fff;
}
.hero-area .hero-area-main-content .content-main h6 {
    color: #fff;
}

}

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

.hero-area-main-content .content-main {
    width: 100%;
}
.hero-area-main-content {
    padding-bottom: 167px;
}
.header-area .social {
    left: 0;
}

.header-area .main-menu ul li a::after {
    right: -20%;
    bottom: 50%;
}
.blog-area .single-blog-item .blog-btndiv::before {
    right: -9%;
}
.blog-area .single-blog-item .blog-btndiv::after {
    left: -9%;
}
.contact-area .contact-social i {
    margin-right: 2px;
}

.progress-bar {
    width: auto;
}
.section-heading-area .section-heading h1 {
    font-size: 100px;
    top: -35%;
}
.video-promo .vpromo-left-content h2 {
    font-size: 27px !important;
    line-height: 41px !important;
}
.about-experience .right-content h2 {
    font-size: 40px;
}
.about-experience .btn.btn-primary.colored-btn {
    padding: 18px 21px;
}
.section-heading-area .section-heading-title h2 {
    font-size: 28px !important;
    line-height: 40px !important;
}
.service-area .btn.btn-primary.service-btn, .btn.btn-primary.price-btn {
    padding: 10px 26px;
}
.contact-area .contact-box h2 span {
    font-size: 10px;
}
.footer .footer-three ul li a {
    padding-left: 0;
    font-size: 12px;
}
.service-area .col-lg-4.col-md-4:nth-child(2n) {
    transform: translateY(0px) !important;
}
.header-area .header-top {
    padding-left: 0;
    margin-left: 0;
}









}

@media only screen and (max-width:991px){
.call-to-action .call-title h2 {
    font-size: 24px;
    line-height: 37px;
}
.contact-social i {
    margin-bottom: 11px;
}
.contact-left .contact-box {
    padding-left: 0;
    padding: 20px;
}
.contact-left .contact-box i{
	position: relative;
	margin-bottom: 10px;
}
.pricing-table-area .single-pricing-table {
    padding: 40px 20px;
}

.pricing-table-area .single-pricing-table .price {
    font-size: 50px;
}
.testimonial-area .single-testimonial-wrap .title img {
    max-width: 100px;
}
.testimonial-area .single-testimonial-wrap .title {
    padding-left: 115px;;
}
.about-experience .single-about-item {
    padding: 20px !important;
}
.section-heading-area .section-heading-title h2 {
    font-size: 26px !important;
    line-height: 36px !important;
}
.section-heading-area.about .section-heading h1 {
    font-size: 70px;
    top: -20%;
}
.section-heading-area .section-heading h2 {
    font-size: 50px;
}
.section-heading-area .section-heading h1 {
    font-size: 100px;
    top: -41%;
    left: 0;
}
.fixed-header {
    display: none;
}
.about-experience .right-content h2 {
    font-size: 31px;
    line-height: 41px;
}
.about-experience .btn.btn-primary.colored-btn {
    padding: 18px 10px;
    margin-right: 0px;
}
.hero-area-main-content {
    margin-left: 0 !important;
}
.hero-area-main-content {
    padding-bottom: 0;
}
.section-heading-area.client-view .section-heading h1 {
    font-size: 77px;
    top: -23%;
}

.offset-title.service {
    left: 0 !important;
}
section.section-heading-area {
    padding-top: 30px;
}
.about-experience .arow {
    flex-direction: column-reverse;
}
.about-area .about-experience .right-content {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.section-heading-title {
    display: table-cell;
    vertical-align: middle;
}



}

@media only screen and (max-width:767px){
.hero-area-main-content .content-main  h2 {
    font-size: 39px;
    line-height: 50px;
}

.hero-area-main-content .content-main h6 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.hero-area-main-content .content-main p {
    margin-bottom: 30px !important;
}
.video-promo {
    padding-top: 80px;
}
.video-promo .vpromo-left-content {
    display: block !important;
    margin-bottom: 30px;
}
.video-promo .ply-btn-wrap {
    left: 37% !important;
}
.section-heading-content p {
    padding-left: 20px !important;
}
.section-heading-area .section-heading-title h2 {
    margin-bottom: 18px;
}
.footer .footer-two a {
    position: relative !important;
    margin-right: 10px;
}
.footer .footer-two a:nth-child(5) {
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.footer .footer-two {
    padding: 50px 0;
}

.footer .footer-three iframe {
    width: 100%;
}
.contact-area .contact-box i {
    left: 0;
}




}

@media only screen and (max-width:575px){
.hero-area-main-content .content-main {
    position: relative !important;
    padding: 50px 0;
}
.hero-area .hero-area-main-content .content-main h2 {
  color: #000;
}
.hero-area .hero-area-main-content .content-main h6 {
    color: #000;
}
.hero-area-main-content .content-main p {
    color: #000 !important;
}
.hero-area-main-content .content-main p {
    padding-right: 0 !important;
}
.video-promo .vpromo-left-content h2 {
    font-size: 21px !important;
    line-height: 34px !important;
}
.vpromo-right-content .btn.primary-btn.play-btn {
    position: relative !important;
    left: 0 !important;
}
.vpromo-right-content .ply-btn-wrap p {
    padding-left: 0 !important;
    font-size: 20px !important;
}
.section-heading-area .section-heading-title h2 {
    font-size: 20px !important;
    line-height: 32px !important;
}
.about-experience .right-content h2 {
    font-size: 25px;
    line-height: 36px;
}
.about-skill {
    padding: 50px 20px !important;
}
.section-heading-area .section-heading h2 {
    font-size: 40px;
    line-height: 50px;
}
.section-heading-area .section-heading h1 {
    font-size: 70px;
    top: -29%;
}
.testimonial-area .single-testimonial-wrap {
    padding: 50px;
}
.hero-area-main-content:after {
    opacity: 0;
    visibility: hidden;
}
.call-to-action .call-btn {
    display: block;
    text-align: center;
    margin-top: 30px !important;
}

}