@media only screen and (max-width:767px)
{
.hero-sec, 
.hero-below-sec,
.reel-sec,
.brands-sec,
.brands-marquee,
.services-sec,
.services-main-cards,
.plus-sec,
.words-sec,
.contact-sec,
.story-section,
.about-content-sec,
.desktop-about-service-content-main,
.case-studies-list{
	display: none;
}

.footer-floating-cards{
	display: none;
}

.digital-sec-head{
    text-align:center;
    margin-bottom: 30px;
}

.digital-sec-head h2 {
    font-size: 30px;
    color: #444444;
    text-transform: uppercase;
    line-height: inherit;
    margin-bottom: 10px;
}

.digital-sec-head p{
    width:100%;
        margin-bottom: 40px;
}

.menu-icon{
    border:none;
}

.menu-pill {
    padding: 0;
}

.process-card{
        width: 90%;
}

.services-detail-look-sec {
    margin-top: 70px;
}

.services-list-content h3{
    font-size:22px;
}

.contact-location-head{
    text-align:center;
}

span.menu-text {
display:none;    
}

.c-right-block{
    padding:30px;
}

p.form-bottom-text{
    text-align:center;
}

.about-service-content-head {
    margin-bottom: 40px;
}

.contactuspage-left-block-content:after{
    display:none;
}

.menu-links li{
	font-size: 30px;
}

.footer-links ul li a{
	font-size: 30px;
	line-height: 50px;
}

.footer-links ul{
	justify-content: center;
	align-items: center;
}

.footer-social-links ul li img {
    width: 45px;
}

.footer-social-links ul{
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 20px;
}

.row.footer-row {
    margin-bottom: 0;
}

footer{
	    padding: 50px 0px 50px 0px;
}

.footer-copyright{
	display: none;
}

.mobile-hero-sec,
.mobile-hero-below-sec,
.mobile-reel-sec,
.mobile-brands-sec,
.mobile-services-sec,
.mobile-plus-sec,
.mobile-words-sec,
.mobile-contact-sec,
.mobile-footer-copyright,
.mobile-hero-sec,
.mobile-hero-case-studies,
.mobile-story-section,
.mobile-about-service-content-main,
.about-content-sec-mobile,
.mobile-case-studies-list{
    display: block;
}

.mobile-hero-head h1:after{
	display: none;
}

.mobile-hero-head h1:before{
	display: none;
}

.about-fueled-main h2 {
    font-size: 30px;
    line-height: inherit;
    color: #444444;
    text-transform: uppercase;
}

.about-fueled-main p {
    font-size: 18px;
    width: 100%;
}

section.about-fueled-content {
    margin-top: 70px;
}

section.about-service-content-sec {
    margin-top: 70px;
}

.about-service-content-head h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
}

section.about-timer-sec {
    margin-top: 70px;
}

.about-timer-content h2 {
    color: #444444;
    font-size: 60px;
    line-height: inherit;
    margin-bottom: 0;
}

.about-timer-content {
    margin: 0px auto 40px auto;
    display: table;
}

section.about-simple-sec {
    margin-top: 70px;
}

.about-simple-head h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
    margin-bottom: 10px;
}

.about-simple-head {
    text-align: center;
}

.about-simple-main-box {
    width: 100%;
}

.about-simple-main-box:before{
	right: 0px;
}

section.about-mission-vision-sec{
	margin-top: 70px;
}

.mission-vision-back {
        background: #ECD1FB;
        border-radius: 30px;
        padding: 70px 50px 70px 50px;
    }

    .about-mission-vision-text h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
    margin-bottom: 10px;
}

.about-mission-vision-text {
    text-align: center;
}

.about-mission-vision-text p{
	width:100%;
}

.about-mission-vision-text.vision-right {
    width: 100%;
    float: none;
    align-items: center;
    margin-top: 30px;
}

.about-still-scrolling-head h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
    margin-bottom: 10px;
}

.about-still-scrolling-sec {
    margin-top: 70px;
}

.casestudy-detail-head h1 {
    line-height: inherit;
    color: #444444;
    text-transform: uppercase;
    font-size: 30px;
    width: 100%;
}

.casestudy-detail-head p{
	width: 100%;
}

.casestudy-detail-gist-content h2 {
    line-height: inherit;
    color: #444444;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-gist-content {
    text-align: center;
}

.casestudy-detail-gist-content ul {
    flex-direction: column;
}

.casestudy-messay-part-main h2 {
    line-height: inherit;
    color: #444444;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-messay-part-main {
    text-align: center;
}

.contactuspage-left-block-content{
width: 100%;
text-align: center;
align-items: center;
}

.contactuspage-left-block-contact-info{
	align-items: center;
}

.contactuspage-form-sec {
    margin-top: 70px;
}

.mobile-hero-head p br {
    display: none;
}

.contactuspage-form-left-block {
    padding: 20px;
    border-radius: 20px;
}
.c-right-block {
        margin-top: 30px;
        border-radius: 20px;
    }

.contactpage-info-box{
	margin-bottom: 40px;
}

.contact-location-head h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
}

.contact-location-head h2:before{
display:none;
}

.contact-location-sec {
    margin-top: 70px;
}

section.contactpage-info-sec {
    margin-top: 70px;
}

.contact-location-map-main{
	    padding: 70px 30px 50px 30px;
	    text-align: center;
}

.contact-location-map-image {
    margin-top: 30px;
}

.marquee-track span{
	font-size: 40px;
}

.services-detail-head h1 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: inherit;
    color: #444444;
    margin-bottom: 20px;
}

.services-detail-head p {
    width: 100%;
}

.services-detail-head-main{
	    padding: 50px 10px 50px 10px;
}

.services-detail-head-inner{
	padding: 50px 30px 50px 30px;
}

.services-detail-look-head h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
    margin-bottom: 20px;
}

.services-detail-process-head h2 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: inherit;
    color: #444444;
    margin-bottom: 20px;
}

section.services-detail-process-sec {
    margin-top: 70px;
}

.process-card-head h3{
	font-size: 20px;
}

 body.menu-open .header {
        pointer-events: none;
    }

    body.menu-open .header .menu-toggle,
    body.menu-open .header .custom-logo,
    body.menu-open .header .main-btn {
        pointer-events: auto;
    }
    
    body.menu-open .menu-stage,
body.menu-open .menu-overlay {
           z-index: 10004;
}

body.menu-open .menu-toggle {
    z-index: 10008;
}


}


@media only screen and (min-width:601px)and (max-width:768px){
    
.digital-sec-head{
    text-align:center;
    margin-bottom: 30px;
}

.digital-sec-head h2 {
    font-size: 30px;
    color: #444444;
    text-transform: uppercase;
    line-height: inherit;
    margin-bottom: 10px;
}

.digital-sec-head p{
    width:100%;
        margin-bottom: 40px;
}
    
    
.hero-sec, 
.hero-below-sec,
.reel-sec,
.brands-sec,
.brands-marquee,
.services-sec,
.services-main-cards,
.plus-sec,
.words-sec,
.contact-sec,
.story-section,
.about-content-sec,
.desktop-about-service-content-main,
.case-studies-list{
	display: none;
}

.footer-floating-cards{
	display: none;
}

.menu-links li{
	font-size: 30px;
}

.footer-links ul li a{
	font-size: 30px;
	line-height: 50px;
}

.footer-links ul{
	justify-content: center;
	align-items: center;
}

.footer-social-links ul li img {
    width: 40px;
}

.footer-social-links ul{
	justify-content: center;
}

.row.footer-row {
    margin-bottom: 0;
}

footer{
padding: 50px 0px 50px 0px;
}

.footer-copyright{
	display: none;
}

.mobile-hero-sec,
.mobile-hero-below-sec,
.mobile-reel-sec,
.mobile-brands-sec,
.mobile-services-sec,
.mobile-plus-sec,
.mobile-words-sec,
.mobile-contact-sec,
.mobile-footer-copyright,
.mobile-hero-sec,
.mobile-hero-case-studies,
.mobile-story-section,
.about-content-sec-mobile,
.mobile-about-service-content-main,
.mobile-case-studies-list{
    display: block;
}

.mobile-hero-head h1:after{
	display: none;
}

.mobile-hero-head h1:before{
	display: none;
}

.mobile-hero-head h1 {
    font-size: 50px;
}

.mobile-reel-head h2 {
    font-size: 50px;
}

.mobile-brands-head h2 {
    font-size: 50px;
}

.mobile-services-head h2 {
    font-size: 50px;
}

.mobile-plus-head h2 {
    font-size: 50px;
}

.mobile-words-head h2 {
    font-size: 50px;
}

.mobile-words-head h2:before{
display:none;
}

.about-fueled-main h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
}

.about-fueled-main p {
    font-size: 18px;
    width: 100%;
}

    .about-service-content-head h2 {
        text-transform: inherit;
        font-size: 30px;
        line-height: inherit;
        color: black;
    }

    section.about-timer-sec {
    margin-top: 70px;
}

.about-timer-content h2 {
    color: black;
    font-size: 60px;
    line-height: inherit;
    margin-bottom: 0;
}

.about-timer-content {
    margin: 0px auto 40px auto;
    display: table;
}

section.about-simple-sec {
    margin-top: 70px;
}

.about-simple-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-simple-head {
    text-align: center;
}

.about-simple-main-box {
    width: 100%;
}

.about-simple-main-box:before{
	right: 0px;
}

section.about-mission-vision-sec{
	margin-top: 70px;
}

.mission-vision-back {
        background: #ECD1FB;
        border-radius: 30px;
        padding: 70px 50px 70px 50px;
    }

    .about-mission-vision-text h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-mission-vision-text {
    text-align: center;
}

.about-mission-vision-text p{
	width:100%;
}

.about-mission-vision-text.vision-right {
    width: 100%;
    float: none;
    align-items: center;
    margin-top: 30px;
}


.about-still-scrolling-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-still-scrolling-sec {
    margin-top: 70px;
}

.casestudy-detail-head h1 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-head p{
	width: 100%;
}

.casestudy-detail-gist-content h2 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-gist-content {
    text-align: center;
}

.casestudy-detail-gist-content ul {
    flex-direction: column;
}

.casestudy-messay-part-main h2 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-messay-part-main {
    text-align: center;
}

.contactpage-info-box{
	margin-bottom: 40px;
}

.contact-location-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
}

.contact-location-head h2:before{
display:none;
}

.contact-location-sec {
    margin-top: 70px;
}

section.contactpage-info-sec {
    margin-top: 70px;
}

.contact-location-map-main{
	    padding: 70px 30px 50px 30px;
	    text-align: center;
}

.contact-location-map-image {
    margin-top: 30px;
}

.marquee-track span{
	font-size: 40px;
}

.services-detail-head h1 {
    text-transform: capitalize;
    font-size: 40px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

.services-detail-head p {
    width: 100%;
}

.services-detail-head-main{
	    padding: 50px 10px 50px 10px;
}

.services-detail-head-inner{
	padding: 50px 30px 50px 30px;
}

.services-detail-look-head h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

.services-detail-process-head h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

section.services-detail-process-sec {
    margin-top: 70px;
}

.process-card-head h3{
	font-size: 20px;
}

}

@media only screen and (min-width:769px)and (max-width:992px){
    
    .digital-sec-head{
    text-align:center;
    margin-bottom: 30px;
}

.digital-sec-head h2 {
    font-size: 30px;
    color: #444444;
    text-transform: uppercase;
    line-height: inherit;
    margin-bottom: 10px;
}

.digital-sec-head p{
    width:100%;
        margin-bottom: 40px;
}


.hero-sec, 
.hero-below-sec,
.reel-sec,
.brands-sec,
.brands-marquee,
.services-sec,
.services-main-cards,
.plus-sec,
.words-sec,
.contact-sec,
.story-section,
.about-content-sec,
.desktop-about-service-content-main,
.case-studies-list{
	display: none;
}

.footer-floating-cards{
	display: none;
}

.menu-links li{
	font-size: 30px;
}

.footer-links ul li a{
	font-size: 30px;
	line-height: 50px;
}

.footer-links ul{
	justify-content: center;
	align-items: center;
}

.footer-social-links ul li img {
    width: 40px;
}

.footer-social-links ul{
	justify-content: center;
}

.row.footer-row {
    margin-bottom: 0;
}

footer{
padding: 50px 0px 50px 0px;
}

.footer-copyright{
	display: none;
}

.mobile-hero-sec,
.mobile-hero-below-sec,
.mobile-reel-sec,
.mobile-brands-sec,
.mobile-services-sec,
.mobile-plus-sec,
.mobile-words-sec,
.mobile-contact-sec,
.mobile-footer-copyright,
.mobile-hero-sec,
.mobile-hero-case-studies,
.mobile-story-section,
.about-content-sec-mobile,
.mobile-about-service-content-main,
.mobile-case-studies-list{
    display: block;
}

.mobile-hero-head h1:after{
	display: none;
}

.mobile-hero-head h1:before{
	display: none;
}

.mobile-hero-head h1 {
    font-size: 50px;
}

.mobile-reel-head h2 {
    font-size: 50px;
}

.mobile-brands-head h2 {
    font-size: 50px;
}

.mobile-services-head h2 {
    font-size: 50px;
}

.mobile-plus-head h2 {
    font-size: 50px;
}

.mobile-words-head h2 {
    font-size: 50px;
}

.mobile-words-head h2:before{
display:none;
}

.mobile-brands-head h2:after{
display: none;
}

.about-fueled-main h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
}

.about-fueled-main p {
    font-size: 18px;
    width: 100%;
}

    .about-service-content-head h2 {
        text-transform: inherit;
        font-size: 30px;
        line-height: inherit;
        color: black;
    }

    section.about-timer-sec {
    margin-top: 70px;
}

.about-timer-content h2 {
    color: black;
    font-size: 60px;
    line-height: inherit;
    margin-bottom: 0;
}

.about-timer-content {
    margin: 0px auto 40px auto;
    display: table;
}

section.about-simple-sec {
    margin-top: 70px;
}

.about-simple-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-simple-head {
    text-align: center;
}

.about-simple-main-box {
    width: 100%;
}

.about-simple-main-box:before{
	right: 0px;
}

section.about-mission-vision-sec{
	margin-top: 70px;
}

.mission-vision-back {
        background: #ECD1FB;
        border-radius: 30px;
        padding: 70px 50px 70px 50px;
    }

    .about-mission-vision-text h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-mission-vision-text {
    text-align: center;
}

.about-mission-vision-text p{
	width:100%;
}

.about-mission-vision-text.vision-right {
    width: 100%;
    float: none;
    align-items: center;
    margin-top: 30px;
}


.about-still-scrolling-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-still-scrolling-sec {
    margin-top: 70px;
}

.casestudy-detail-head h1 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-head p{
	width: 100%;
}

.casestudy-detail-gist-content h2 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-gist-content {
    text-align: center;
}

.casestudy-detail-gist-content ul {
    flex-direction: column;
}

.casestudy-messay-part-main h2 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-messay-part-main {
    text-align: center;
}

.contactpage-info-box{
	margin-bottom: 40px;
}

.contact-location-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
}

.contact-location-head h2:before{
display:none;
}

.contact-location-sec {
    margin-top: 70px;
}

section.contactpage-info-sec {
    margin-top: 70px;
}

.contact-location-map-main{
	    padding: 70px 30px 50px 30px;
	    text-align: center;
}

.contact-location-map-image {
    margin-top: 30px;
}

.marquee-track span{
	font-size: 40px;
}

.services-detail-head h1 {
    text-transform: capitalize;
    font-size: 40px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

.services-detail-head p {
    width: 100%;
}

.services-detail-head-main{
	    padding: 50px 10px 50px 10px;
}

.services-detail-head-inner{
	padding: 50px 30px 50px 30px;
}

.services-detail-look-head h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

.services-detail-process-head h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

section.services-detail-process-sec {
    margin-top: 70px;
}

.process-card-head h3{
	font-size: 20px;
}

}

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


.digital-sec-head h2 {
    font-size: 30px;
    color: #444444;
    text-transform: uppercase;
    line-height: inherit;
    margin-bottom: 10px;
}

.digital-sec-head p{
    width:100%;
        margin-bottom: 40px;
}
    

.hero-sec, 
.hero-below-sec,
.reel-sec,
.brands-sec,
.brands-marquee,
.services-sec,
.services-main-cards,
.plus-sec,
.words-sec,
.contact-sec,
.story-section,
.about-content-sec,
.desktop-about-service-content-main,
.case-studies-list{
	display: none;
}

.footer-floating-cards{
	display: none;
}

.menu-links li{
	font-size: 30px;
}

.footer-links ul li a{
	font-size: 30px;
	line-height: 50px;
}

.footer-links ul{
	justify-content: center;
	align-items: left;
}

.footer-social-links ul li img {
    width: 40px;
}

.footer-social-links ul{
	justify-content: center;
}

.row.footer-row {
    margin-bottom: 0;
}

footer{
padding: 50px 0px 50px 0px;
}

.footer-copyright{
	display: none;
}

.mobile-hero-sec,
.mobile-hero-below-sec,
.mobile-reel-sec,
.mobile-brands-sec,
.mobile-services-sec,
.mobile-plus-sec,
.mobile-words-sec,
.mobile-contact-sec,
.mobile-footer-copyright,
.mobile-hero-sec,
.mobile-hero-case-studies,
.mobile-story-section,
.about-content-sec-mobile,
.mobile-about-service-content-main,
.mobile-case-studies-list{
    display: block;
}

.mobile-hero-head h1:after{
	display: none;
}

.mobile-hero-head h1:before{
	display: none;
}

.mobile-hero-head h1 {
    font-size: 50px;
}

.mobile-reel-head h2 {
    font-size: 50px;
}

.mobile-brands-head h2 {
    font-size: 50px;
}

.mobile-services-head h2 {
    font-size: 50px;
}

.mobile-plus-head h2 {
    font-size: 50px;
}

.mobile-words-head h2 {
    font-size: 50px;
}

.mobile-words-head h2:before{
display:none;
}

.mobile-brands-head h2:after{
display: none;
}

.about-fueled-main h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
}

.about-fueled-main p {
    font-size: 18px;
    width: 100%;
}

    .about-service-content-head h2 {
        text-transform: inherit;
        font-size: 30px;
        line-height: inherit;
        color: black;
    }

.about-timer-content h2 {
    color: black;
    font-size: 60px;
    line-height: inherit;
    margin-bottom: 0;
}

.about-timer-content {
    margin: 0px auto 40px auto;
    display: table;
}

.about-simple-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-simple-head {
    text-align: center;
}

.about-simple-main-box {
    width: 100%;
}

.about-simple-main-box:before{
	right: 0px;
}

.mission-vision-back {
        background: #ECD1FB;
        border-radius: 30px;
        padding: 70px 50px 70px 50px;
    }

    .about-mission-vision-text h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.about-mission-vision-text {
    text-align: center;
}

.about-mission-vision-text p{
	width:100%;
}

.about-mission-vision-text.vision-right {
    width: 100%;
    float: none;
    align-items: center;
    margin-top: 30px;
}


.about-still-scrolling-head h2 {
    text-transform: inherit;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 10px;
}

.casestudy-detail-head h1 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-head p{
	width: 100%;
}

.casestudy-detail-gist-content h2 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-detail-gist-content {
    text-align: center;
}

.casestudy-detail-gist-content ul {
    flex-direction: column;
}

.casestudy-messay-part-main h2 {
    line-height: inherit;
    color: black;
    text-transform: capitalize;
    font-size: 30px;
}

.casestudy-messay-part-main {
    text-align: center;
}

.services-detail-head h1 {
    text-transform: capitalize;
    font-size: 40px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

.services-detail-head p {
    width: 100%;
}

.services-detail-head-main{
	    padding: 50px 10px 50px 10px;
}

.services-detail-head-inner{
	padding: 50px 30px 50px 30px;
}

.services-detail-look-head h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

.services-detail-process-head h2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: inherit;
    color: black;
    margin-bottom: 20px;
}

section.services-detail-process-sec {
    margin-top: 70px;
}

.process-card-head h3{
	font-size: 20px;
}

section.hero-sec.hero-services .hero-head {
    width: 80%;
}

}