.head-mobile-menu {
    display: none;
    margin-right: 15px;
    margin-top: 10px;
}
.icon-m-menu {
    font-size: 35px;
    color: #fff;
}
@media(max-width: 1200px) {
	.wrapper {
	    max-width: 1100px !important;section#home-banner
	    
	}
	.banner-text h1 {
	    font-size: 65px !important;
	    line-height: 81px !important;
	}
	.hero-profile img {
	    bottom: -5px !important;
	    width: 518px !important;
	    right: 0 !important;
	}
	section#home-banner {
	    min-height: 720px !important;
	}
	.meet-roy h2,
	.services-con h2,
	.stories-con h2,
	.contact-item h2,
	.trust-service-con h2{
	    font-size: 50px !important;
	}
	.work-with-me h3 {
	    font-size: 45px !important;
	}
	.line-heading span {
	    font-size: 23px !important;
	}
	p.services-con-pp {
        width: 90% !important;
    }
    nav.header-navigation li {
        padding: 0 8px !important;
    }
    .site-branding img {
        width: 220px !important;
    }
    .header-div .header-button-menu .head-btn {
        width: 175px !important;
        font-size: 15px !important;
    }
    .header-div .header-button-menu a.tel-icon-btn {
        font-size: 15px !important;
    }
    .header-div nav.header-navigation ul li a {
        font-size: 15px !important;
    }
}

@media(max-width: 1024px) {
    .wrapper {
        max-width: 95% !important;
    }
    .work-with-me .row .col-md-7 {
        padding-right: 30px !important;
    }
    nav.header-navigation {
        display: none !important;
    }
    .head-mobile-menu {
        display: block !important;
    }
    .meet-roy h2, .services-con h2, .stories-con h2, .contact-item h2, .trust-service-con h2 {
        font-size: 45px !important;
    }
    .meet-roy p,
    p.work-with-subtext,
    .work-text p,
    p.services-con-pp {
        font-size: 20px !important;
    }
    .sp-tab-content p {
        font-size: 17px !important;
    }
    .txt-storries-excerpt p {
        font-size: 17px !important;
    }
    .txt-storries-excerpt p {
        white-space: unset !important;
    }
    .work-text h4 {
        font-size: 28px !important;
    }
    .work-icon {
        height: 60px !important;
        width: 60px !important;
    }
    .work-left-item .work-icon img {
        width: 25px !important;
    }
    .work-text {
        margin-left: 30px !important;
    }
    .contact-item img {
        width: 506px !important;
        right: -32px !important;
    }
    section#contact {
        padding-top: 80px !important;
    }
    .menu-forhidden-mobile {
        display: flex !important;
    }
    .head-mobile-menu {
        margin-right: 25px !important;
        margin-top: 4px !important;
    }
    .hiddden-mobile-menu .header-button-menu {
        display: flex !important;
        flex-direction: column-reverse !important;
        margin-left: 20px !important;
        margin-top: 20px !important;
    }
    .hiddden-mobile-menu .header-button-menu a.tel-icon-btn {
        margin-top: 20px !important;
    }
}

@media(max-width: 995px) {
	.wrapper {
	    max-width: 95% !important;
	}
	.banner-text h1 {
	    font-size: 55px !important;
	    line-height: 72px !important;
	}
	.hero-profile img {
        bottom: -5px !important;
        width: 450px !important;
        right: 28px !important;
    }
    .ellipse-img img {
        right: 0 !important;
    }
	section#home-banner {
	    min-height: 650px !important;
	}
    .meet-roy h2, .services-con h2, .stories-con h2, .contact-item h2, .trust-service-con h2 {
        font-size: 40px !important;
    }
	.work-with-me h3 {
	    font-size: 40px !important;
	}
	.line-heading span {
	    font-size: 20px !important;
	}
	.services-list .row .col-md-4 {
	    flex: 50% !important;
	    max-width: 50% !important;
	}
	.work-with-me .row .col-md-5 {
	    flex: 40% !important;
	    max-width: 43% !important;
	}
	.work-with-me .row .col-md-7 {
	    padding-right: 30px !important;
	    flex: 55% !important;
	    max-width: 55% !important;
	}
	.meet-roy p {
	    width: 100% !important;
	}
	.work-with-me h3 {
        margin-bottom: 30px !important;
    }

}

@media (max-width:780px) {
	.home-banner-con {
	    padding-bottom: 350px !important;
	}
	.hero-profile img {
	    width: 480px !important;
	    right: -70px !important;
	}
	section#home-banner {
	    min-height: 840px !important;
	}
	.work-with-me .row .col-md-7 {
	    padding-right: 15px !important;
	    flex: 100% !important;
	    max-width: 100% !important;
	}
	.work-with-me .row .col-md-5 {
	    flex: 65% !important;
	    max-width: 65% !important;
	}
	.stories-con .row .col-md-6 {
	    padding: 0 15px !important;
	}
	.services-list .row .col-md-4 {
	    padding: 15px !important;
	}
	.stories-item img {
	    height: 320px !important;
	}
	.contact-con .row .col-md-6 {
	    flex: 100% !important;
	    max-width: 100% !important;
	    position: unset !important;
	}
	.contact-con .row {
	    flex-direction: column-reverse !important;
	}
	.contact-item div#wpforms-48 {
	    max-width: 500px !important;
	    float: left !important;
	    width: 100% !important;
	}
	.contact-item img {
	    bottom: -6px !important;
	    width: 446px !important;
	    right: -111px !important; 
	}
	.line-heading {
	    height: 18px !important;
	}
	.services-con h2 {
        margin-bottom: 20px !important;
    }
	div#sp-wp-tabs-wrapper_148 {
        flex-direction: column !important;
    }
    #sp-wp-tabs-wrapper_148 .sp-tab__tab-content {
        width: 100% !important;
    }
    #sp-wp-tabs-wrapper_148 ul#sp-tab__ul {
        width: 100% !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: solid 1px #fff !important;
    }
    #sp-wp-tabs-wrapper_148.sp-tab__lay-default > .sp-tab__tab-content .sp-tab__tab-pane {
        padding-top: 50px !important;
        padding-right: 40px !important;
        padding-bottom: 30px !important;
        padding-left: 40px !important;
    }
    .stories-con .row .col-md-6 {
        flex: 100% !important;
        max-width: 100% !important;
    }
    .stories-con .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .featured-ss-img {
        margin-top: 50px !important;
    }
}

@media(max-width: 521px) {
    .wrapper {
        max-width: 90% !important;
        overflow: hidden;
    }
    .home-banner-con {
        position: unset !important;
    }
	section#home-banner {
        min-height: 730px !important;
    }
    .hero-profile img {
        width: 316px !important;
        right: -20px !important;
    }
	.line-heading {
	    width: 100% !important;
	}
	section#contact,
	section#home-banner {
	    overflow: hidden;
	}
	.row {
	    margin-right: 0 !important;
	    margin-left: 0 !important;
	}
	.work-with-me .row .col-md-5 {
	    flex: 100% !important;
	    max-width: 95% !important;
	}
	.work-with-me-img img {
	    height: 560px !important;
	}
	.services-list .row .col-md-4 {
	    flex: 100% !important;
	    max-width: 100% !important;
	}
	.contact-item div#wpforms-48 {
	    max-width: 370px !important;
	}
	.contact-item img {
	    width: 330px !important;
	}
	.stories-item h3 {
        padding-top: 30px !important;
        padding-bottom: 0 !important;
    }
    .stories-con h2 {
        margin-bottom: 10px !important;
    }
    .stories-item {
        margin-top: 100px !important;
    }
	.footer-menu-1 li {
        display: block !important;
        padding: 10px 0 !important;
    }
    ul#menu-footer-menu-1 {
        margin: 0 !important;
        margin-bottom: 25px !important;
    }
    ul#menu-footer-menu-2 {
        margin: 0 !important;
    }
    section#about,
    section#services,
    section#success-stories,
    section#contact,
    section#why-work-with,
    section#trust-service {
        padding: 50px 0 !important;
    }
    .services-list .row .col-md-4 {
        padding: 6px !important;
    }
    .work-left-item {
        margin: 10px 0 !important;
    }
    .work-with-me .row .col-md-5 {
        display: none !important;
    }
    .work-item {
        display: block !important;
    }
    .work-text h4,
    .work-text p{
        text-align: center !important;
    }
    .work-text {
        margin-left: 0 !important;
    }
    .work-icon {
        display: block !important;
        margin-bottom: 25px !important;
        text-align: center;
        margin: 0 auto;
    }
    .work-left-item .work-icon img {
        width: 25px !important;
        padding-top: 19px !important;
    }
    .header-button-menu {
        display: none !important;
    }
    .head-mobile-menu {
        margin-right: 0 !important;
        margin-top: 7px !important;
    }
    .banner-button-container {
        margin-top: 80px !important;
        display: flex;
        flex-direction: column;
    }
    a.tel-icon-btn {
        margin-left: 0 !important;
        margin-top: 25px !important;
        font-size: 16px !important;
    }
    a.tel-icon-btn img {
        width: 29px !important;
    }
    button.head-btn {
        font-size: 16px !important;
    }
    .home-banner-con {
        padding-bottom: 160px !important;
    }
    div#sp-wp-tabs-wrapper_148 .sp-tab__nav-link {
        padding: 26px 20px !important;
    }
    #sp-wp-tabs-wrapper_148.sp-tab__lay-default > .sp-tab__tab-content .sp-tab__tab-pane {
        padding-top: 50px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 20px !important;
    }
    .sp-tab__nav-link:after {
        right: 15px !important;
    }
    .slide-number {
        top: -56px !important;
        right: 100px !important;
    }
    .custom-btn-item {
        top: -60px !important;
    }
    .project-counts {
        flex-direction: column !important;
        align-content: center !important;
        align-items: center !important;     
    }
    .pc-item.pc0item-center {
        border-right: 0 !important;
        border-left: 0 !important;
        border-top: solid 1px #fff !important;
        border-bottom: solid 1px #fff !important;
        margin: 30px 0 !important;
        padding: 32px 0 !important;
    }
    span.invi-text {
        font-size: 23px !important;
    }
}



@media(max-width: 430px) {
    .wrapper {
        max-width: 90% !important;
    }
    header#masthead {
        max-width: 93% !important;
    }
    .work-icon {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .work-with-me .row .col-md-7 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .work-icon img {
        width: 35px !important;
    }
    .services-list .row .col-md-4 {
        padding: 0 !important;
        margin-bottom: 15px !important;
    }
    .stories-con .row .col-md-6 {
        padding: 0 !important;
    }
    .contact-con .row .col-md-6 {
        padding: 0 !important;
    }


    .wpforms-container .wpforms-one-half, 
    .wpforms-container .wpforms-three-sixths, 
    .wpforms-container .wpforms-two-fourths {
        width: 100% !important;
        margin: 0 !important;
    }
    .site-branding img {
        width: 200px !important;
        margin-top: 13px !important;
    }
    .ellipse-img img {
        top: 0 !important;
        right: 0 !important;
    }
    .custom-btn-item {
        right: 8px !important;
    }
    .icon-m-menu {
        font-size: 28px !important;
    }
    section#contact {
        padding-bottom: 300px !important;
    }
    .banner-text h1 {
        font-size: 45px !important;
        line-height: 60px !important;
    }
    .meet-roy h2, .services-con h2, .stories-con h2, .contact-item h2, .trust-service-con h2 {
        font-size: 37px !important;
    }
    .work-with-me h3 {
        font-size: 33px !important;
    }
    section#home-banner {
        min-height: 770px !important;
        padding-bottom: 80px !important;
    }
    .hero-profile img {
        width: 353px !important;
        right: -87px !important;
    }
    .services-item {
        min-height: unset !important;
        position: unset !important;
    }
    .services-item button {
        position: inherit !important;
    }
    .services-number {
        margin-bottom: 24px !important;
    }   
    span.cat-ss-date {
        display: block !important;
        margin-left: 0 !important;
        margin-top: 6px !important;
    }
    .stories-item h3 {
        padding-top: 10px !important;
    }
   .contact-item img {
        right: -49px !important;
    }
    .stories-item h3 {
        font-size: 25px !important;
    }
    div#sp-wp-tabs-wrapper_148 h4.sp-tab__tab_title {
        font-size: 16px !important;
    }
}

@media(max-width: 414px) {
    section#home-banner {
        min-height: 660px !important;
    }
    .banner-text h1 {
        font-size: 40px !important;
        line-height: 51px !important;
    }
}

@media (max-width: 380px) {
    .meet-roy h2, .services-con h2, .stories-con h2, .contact-item h2, .trust-service-con h2 {
        font-size: 34px !important;
    }
    .work-icon img {
        width: 40px !important;
    }
    .banner-text h1 {
        font-size: 40px !important;
        line-height: 51px !important;
    }
    .site-branding img {
        width: 180px !important;
    }
    section#home-banner {
        min-height: 660px !important;
        padding-bottom: 0 !important;
    }
    .hero-profile img {
        width: 286px !important;
        right: -83px !important;
    }
    .contact-item img {
        right: -100px !important;
    }
}
@media (max-width: 360px) {
    section#home-banner {
        min-height: 710px !important;
    }
}
@media (max-width: 320px) {
    section#home-banner {
        min-height: 700px !important;
    }
    .hero-profile img {
        width: 286px !important;
        right: -111px !important;
    }
}