.musicalfunctions .wrapper{padding-top:0}
.red-soda .wrapper{padding-top:0}
@media(min-width:1350px){	
	.musicalfunctions .mainlogo svg{fill:#FFF}
	.musicalfunctions .site-header.allot-position:hover .mainlogo svg,
	.musicalfunctions .site-header.allot-position.fixed-header .mainlogo svg{fill:#000}
	.musicalfunctions .top-nav>ul>li>a{color:#FFF}
	.musicalfunctions .top-nav>ul>li>a:after{background:#FFF}
	.musicalfunctions .top-nav>ul>li .submenu-toggle:after{border-color:#FFF}
	.musicalfunctions.menu-opened .mainlogo svg{fill:#000}
	.musicalfunctions.menu-opened .top-nav>ul>li>a{color:#000}
	.musicalfunctions.menu-opened .top-nav>ul>li>a:after{background:#000}
	.musicalfunctions.menu-opened .top-nav>ul>li .submenu-toggle:after{border-color:#000}
	.musicalfunctions .site-header.allot-position.fixed-header .top-nav>ul>li>a{color:#000}
	.musicalfunctions .site-header.allot-position.fixed-header .top-nav>ul>li .submenu-toggle:after{border-color:#000}
	.musicalfunctions .site-header.allot-position:hover .top-nav>ul>li>a{color:#000}
	.musicalfunctions .top-nav>ul>li.podcast-link>a{color:#000}
	.musicalfunctions .top-nav>ul>li.podcast-link>a:hover{background:#FFF}
}
@media(max-width:1350px){
	.mainlogo svg, .menulogo svg{fill:#FFF}
	.hamburger .hamburger-inner:before,.hamburger .hamburger-inner:after{background:#FFF}
	.hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after{background:#000;}
}

@media(min-width:1025px){
	.red-soda .mainlogo svg{fill:#FFF}
	.red-soda .site-header.allot-position:hover .mainlogo svg,
	.red-soda .site-header.allot-position.fixed-header .mainlogo svg{fill:#000}
	.red-soda .top-nav>ul>li>a{color:#FFF}
	.red-soda .top-nav>ul>li>a:after{background:#FFF}
	.red-soda .top-nav>ul>li .submenu-toggle:after{border-color:#FFF}
	.red-soda.menu-opened .mainlogo svg{fill:#000}
	.red-soda.menu-opened .top-nav>ul>li>a{color:#000}
	.red-soda.menu-opened .top-nav>ul>li>a:after{background:#000}
	.red-soda.menu-opened .top-nav>ul>li .submenu-toggle:after{border-color:#000}
	.red-soda .site-header.allot-position.fixed-header .top-nav>ul>li>a{color:#000}
	.red-soda .site-header.allot-position.fixed-header .top-nav>ul>li .submenu-toggle:after{border-color:#000}
	.red-soda .site-header.allot-position:hover .top-nav>ul>li>a{color:#000}
	.red-soda .top-nav>ul>li.podcast-link>a{color:#000}
	.red-soda .top-nav>ul>li.podcast-link>a:hover{background:#FFF}
    .header-cta .cta-button:first-child:hover {
        background: #ffda30;
    }
    .header-cta .cta-button:first-child {
        background: #fff;
        color: #000;
    }
    .header-cta .bg-change {
        background: #ffda30;
        border: none;
    }
    .header-cta .bg-change:hover {
    background: #fff;
    color: #000;
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block }
body.page-template-tpl-casestudy  { margin: 0; padding: 0; font-size: 16px; font-family: "Montserrat", sans-serif; color: #605c5d; font-style: normal; font-weight: 400; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; box-sizing: content-box; line-height: normal }
*, *::before, *::after { font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern' }
.casestudy-inner p { margin: 0 0 15px; font-size: 18px; line-height: 28px; font-weight: 400 }
.casestudy-inner a { text-decoration: none; color: inherit; outline: none }
.casestudy-inner strong { font-weight: 700 }
.casestudy-inner a:hover, a:focus, a:active { text-decoration: none; color: inherit }
.casestudy-inner p a { color: #c2902d }
.casestudy-inner p a:hover { color: #535353 }
.casestudy-inner img { vertical-align: middle; max-width: 100%; border: 0 }
.casestudy-inner ul { padding: 0; margin: 0 0 15px }
.casestudy-inner ul li { font-weight: 400 }
.casestudy-inner h1, 
.casestudy-inner h2, 
.casestudy-inner h3, 
.casestudy-inner h4, 
.casestudy-inner h5, 
.casestudy-inner h6 { margin-top: 0 }
#wrapper { overflow: hidden }
.wrap-inner { max-width: 1390px; margin: 0 auto; padding: 0 10px }
.wrap-inner2 { max-width: 1500px; margin: 0 auto; padding: 0 10px }
.fl-left { float: left; margin-right: 4%; position: relative }
.fl-right { float: right }
.fclear { clear: both }
.valign { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
hr { margin: 0; padding: 0; border: 0; background: 0 0 }
.for-mobile-only { display: none }
.mf-top-banner { position: relative; color: #fff; font-size: 18px; box-sizing: border-box; float: left; width: 100%; height: 100%; display: block; min-height: 460px; background-position: top center !important }
.mf-top-banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/case-studies/musicalfunctions/banner-bg.png) repeat }
.banner-caption { text-align: center; padding: 140px 10px 0 }
.banner-caption img { max-width: 180px }
.banner-caption h3 { color: #fff; font-size: 32px; font-weight: 400; padding: 10px 0; text-shadow: 2px 2px 2px rgba(0, 0, 0, .2) }
.cta-button { font-weight: 700 }
.casestudy-inner .container { clear: both; padding: 90px 0 !important; }
/*.row { margin: 0 }*/
.col-md-6, .col-md-3 { padding-left: 35px; padding-right: 35px }
.col-md-5 { padding-left: 0; padding-right: 35px }
.col-md-7 { padding-right: 0; padding-left: 35px }
.casestudy-inner .container p { margin-bottom: 35px }
.casestudy-inner .container p:last-child { margin-bottom: 0 }
#section2, #section4 { background: #eae8e3 }
.title { text-align: center }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
h1 { text-align: left; display: inline-block; font-size: 60px; color: #c2902d; font-weight: 300; margin-bottom: 120px; position: relative }
h1 span { color: #605c5d }
h1:before { content: ''; position: absolute; bottom: -25px; height: 7px; width: 150px; display: block; background: #c2902d }
h1.fixed { position: fixed; top: 0; left: 0; width: 100%; padding: 10px; background: #fff; z-index: 19; opacity: 1; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3); text-align: center; font-size: 50px }
h1.fixed:before { content: inherit; display: none }
h3 { color: #7e7e7e; font-size: 25px; font-weight: 700; margin-bottom: 30px }
.heading-style { font-size: 35px; color: #605c5d; display: block; padding: 10px 10px 10px 35px; margin-bottom: 10px; position: relative; font-weight: 400; text-align: left; text-transform: uppercase; border-left: 3px solid #c2902d }
.headingstyle2 { font-size: 22px; color: #c2902d; font-weight: 400; position: relative; margin: 0 0 20px; padding: 20px 0 }
.headingstyle2:after { content: ''; background: #c2902d; height: 3px; width: 67px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%) }
.ref-url { text-align: center; width: 100%; bottom: -60px; font-size: 22px; color: #afafaf; font-weight: 400; margin: 0 }
ol.numerical_liststyle { counter-reset: item; margin: 40px 0; padding-left: 40px }
ol.numerical_liststyle li { display: block; margin-bottom: 24px; padding: 4px 0 3px 55px; text-align: left; font-size: 18px; line-height: 25px; position: relative }
ol.numerical_liststyle li:last-child { margin-bottom: 0 }
ol.numerical_liststyle li:before { content: counter(item)""; counter-increment: item; position: absolute; width: 35px; height: 35px; color: #b4b4b4; font-size: 20px; border: 1px solid #b4b4b4; border-radius: 100%; text-align: center; padding: 3px 4px; display: block; left: 0; top: 0 }
ol.bottom-space-none { margin-bottom: 0 }
ul.liststyle { padding-left: 20px; margin-bottom: 30px }
ul.liststyle:last-child { margin-bottom: 0 }
ul.liststyle li { font-size: 18px; line-height: 28px }
.imgbox { position: relative; height: 277px; display: block; margin-bottom: 30px; margin-top: 0; box-sizing: border-box }
.testimonial::before{display: none;}
.testimonial figure { margin: 0 auto 30px; padding: 0; border: 1px solid #e6e6e6; border-radius: 100%; padding: 25px; width: 276px; height: 276px; position: relative; border-radius: 100%; box-sizing: content-box }
.testimonial figure img { border-radius: 100% }
.testimonial figure:after { content: ''; position: absolute; right: -20px; background: url(../../images/case-studies/musicalfunctions/textimonial-bubble-img.png) no-repeat center; width: 26px; height: 37px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%) }
.testimonial-dtl { text-align: center; padding-top: 70px }
.testimonial-dtl h4 { color: #605c5d; font-size: 25px; text-transform: uppercase; font-weight: 300; font-family: "Montserrat", sans-serif }
.testimonial-dtl h4 small { color: #888; font-size: 18px; font-weight: 300; text-transform: none }
.testimonialcomment { padding-top: 70px; position: relative }
.testimonialcomment:before { content: ''; background: url(../../images/case-studies/musicalfunctions/quotation.svg) no-repeat top left; width: 98px; height: 67px; left: 35px; top: -20px; position: absolute; background-size: contain }
.followWrap { height: auto !important }
.graph.go { position: relative }
.highcharts-button { display: none }
.highcharts-legend-item { display: none }
.highcharts-data-labels text { font-size: 14px !important; font-family: "Montserrat", sans-serif !important; font-weight: 400 !important }
.highcharts-axis-labels.highcharts-xaxis-labels>text { font-size: 16px !important; font-family: "Montserrat", sans-serif !important; font-weight: 400 !important }
.highcharts-axis-labels.highcharts-xaxis-labels>text>tspan[style="font-weight:bold"] { padding: 5px !important; font-family: "Montserrat", sans-serif !important; font-weight: 700 !important }
.graph-indicator { color: #c2902d; font-size: 20px; left: 4%; position: absolute; font-family: kgdropsofjupiter-regular }
.graph1 { padding: 0 0 60px; margin: 0; border-bottom: 1px solid #b4b4b4 }
.graph1 .graph-indicator { top: 26% }
.graph2 { padding: 60px 0; margin: 0; border-bottom: 1px solid #b4b4b4 }
.graph2 .graph-indicator { top: 33% }
.graph3 { padding: 60px 0 0; margin: 0 }
.graph3 .graph-indicator { top: 21% }
.graph3 .graph-indicator::after { content: ''; background: url(../../images/case-studies/musicalfunctions/graph-arrow2.svg) no-repeat top center; left: 0; top: 70px; height: 70px }
.graph-indicator:after { content: ''; position: absolute; top: 30px; right: 40px; width: 39px; height: 44px; background: url(../../images/case-studies/musicalfunctions/graph-arrow.png) no-repeat top center; z-index: 99 }
.graph-display>img { margin: 0 auto; display: block }
.graph-display { position: relative }
.Graphs-section{clear: both;}
.Graphs-section h3 { font-size: 25px; font-weight: 400; text-align: center; margin-bottom: 0; text-transform: uppercase; color: #605c5d }
.listing-steps img { margin-bottom: 20px }
.listing-steps .sem-fifth,
.listing-steps .forth { clear: both;}
.listing-steps h2.heading-style { margin-bottom: 60px }
.listing-steps .row, .listing-steps .col-md-6 { padding: 0 }
.countarrow span { background: #c2902d; color: #fff; text-align: center; width: 50px; height: 50px; display: block; margin: 0 auto; border-radius: 100%; font-weight: 700; font-size: 20px; padding: 9px 2px; border: 3px solid #f3e9d5 }
.countarrow { position: relative }
.countarrow:after { content: ''; background: #bcbcbc; height: 4px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; z-index: -1 }
.arrowleft:before { content: ''; background: url(../../images/case-studies/musicalfunctions/leftarrow.png) no-repeat center; height: 20px; width: 11px; position: absolute; top: 50%; transform: translate(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: -15px; z-index: -1 }
.arrowright:before { content: ''; background: url(../../images/case-studies/musicalfunctions/rightarrow.png) no-repeat center; height: 20px; width: 11px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; z-index: -1 }
.col-md-12>.arrowright:before { left: 25% }
.col-md-12>.arrowright span:before { content: ''; background: url(../../images/case-studies/musicalfunctions/rightarrow.png) no-repeat center; height: 20px; width: 11px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 75%; z-index: -1 }
.hf-left-bodr.countarrow:after { left: 50%; width: 50% }
.hf-right-bodr.countarrow:after { right: 50%; width: 50% }
.rightborder, .leftborder { position: relative; float: left; width: 100% }
.rightborder:after { content: ''; position: absolute; width: 60px; height: 102%; display: block; top: 101px; right: 0; background-image: url(../../images/case-studies/musicalfunctions/right-top-cor.png), url(../../images/case-studies/musicalfunctions/right-bottom-cor.png); background-repeat: no-repeat; background-position: top center, center 99% }
.rightborder:before { content: ''; position: absolute; right: 0; top: 130px; width: 4px; height: 90%; background: #bcbcbc }
.leftborder:after { content: ''; position: absolute; width: 60px; height: 102%; display: block; top: 101px; left: 0; background-image: url(../../images/case-studies/musicalfunctions/left-top-cor.png), url(../../images/case-studies/musicalfunctions/left-bottom-cor.png); background-repeat: no-repeat; background-position: top center, center 99% }
.download-icon { background: url(../../images/case-studies/musicalfunctions/download-icon.svg) no-repeat; width: 25px; height: 25px; display: inline-block; background-size: 100%; margin-right: 15px; vertical-align: middle; padding-right: 15px }
.download-pdf a { background: #333; padding: 10px 15px; display: inline-block; position: fixed; right: -155px; bottom: 30px; z-index: 19; transition: .5s all; -webkit-transition: .5s all }
.download-pdf a:hover { right: 0; transition: .5s all; -webkit-transition: .5s all }
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.rightborder:after { height: calc(100% + 7px) }
}
.leftborder:before { content: ''; position: absolute; left: 0; top: 130px; width: 4px; height: 90%; background: #bcbcbc }
.list-detail { max-width: 420px; margin: 0 auto 30px }
@media screen and (max-width:1800px) {
	.trnspt-bg { background-position: left bottom }
	.octa-shape { width: 590px; height: 590px }
	.testmnl-section h3 { font-size: 28px }
	.testmnl-section p { font-size: 24px }
	.octa-shape .valign { padding: 0 90px }
	.testmnl-section { padding: 110px 0 60px }
	.testmnl-section small { font-size: 16px }
	.clent-list div>a { height: 250px }
}
@media screen and (max-width:1600px) {
	h1.fixed { font-size: 40px }
}
@media screen and (max-width:1300px) {
	h1 { font-size: 50px; display: block }
	h1 span { display: block }
}
@media screen and (max-width:1279px) {
	.container { padding: 60px 0 }
	h1 { font-size: 36px; margin-bottom: 80px }
	h1.fixed { font-size: 36px }
	.container p { margin-bottom: 20px }
	.heading-style { font-size: 30px; margin-bottom: 25px }
	.row { padding-top: 15px }
	.testimonial-dtl { padding-top: 0 }
	.testimonial figure { width: 256px; height: 256px; margin-top: 25% }
	.testimonial figure img { max-width: 80%; margin: 0 }
	.graph-indicator { left: 5%; right: inherit }
	.graph-indicator::after { right: 40% }
	.banner-caption { padding-top: 120px }
	.banner-caption img { max-width: 130px }
	.banner-caption h3 { font-size: 22px; padding: 5px 0 }
}
@media screen and (max-width:1199px) {
	.rightborder::after { height: 101.8% }
}
@media screen and (max-width:1023px) {
	.testimonial figure { width: 180px; height: 180px }
	.testimonial-dtl h4 { font-size: 25px }
	.testimonial-dtl h4 small { font-size: 18px }
}
@media screen and (max-width:991px) {
	.container { padding-left: 20px; padding-right: 20px }
	.graph-indicator { top: 54%; font-size: 15px }
	.countarrow:after { width: 99.9% }
	.arrowleft::before { right: -8px }
	.list-detail { padding: 0 30px }
}
@media screen and (max-width:980px) {
	.mf-top-banner { padding-bottom: 0 }
	.mf-top-banner .wrap-inner { padding-left: 0 }
	.innerpage .col2 input, .innerpage .col2 textarea { width: 100%; padding: 22px; margin-bottom: 18px; font-size: 20px }
	.innerpage .col2 select { width: 100%; padding: 18px 23px; margin-bottom: 18px; font-size: 20px }
	@-moz-document url-prefix() {
		.innerpage .col2 select { padding: 10px 23px; background-size: 20px }
		.innerpage .col2 select option { padding: 8px 23px }
	}
}
@media screen and (max-width:979px) {
	.mf-top-banner { min-height: 370px }
	.banner-caption { padding-top: 100px }
	.banner-caption img { max-width: 90px }
	.banner-caption h3 { font-size: 14px; padding: 5px 0 }
	img[title="Organic Traffic"] { width: 98% }
	.rotate, .rotate>span, .rotate>span>em { width: 310px; height: 310px }
	img.logo2.valign { max-width: 150px; margin: 0 !important }
}
@media screen and (max-width:768px) {
	.banner-caption { padding-top: 40px }
	.company-logo { margin-top: 10px; margin-left: 10px }
	.result * { box-sizing: border-box }
	.result { height: 630px }
	h1 { margin-bottom: 60px }
	.heading-style { font-size: 25px; margin-bottom: 15px }
	ol.numerical_liststyle li { margin-bottom: 20px }
}
@media screen and (max-width:767px) {
	.contact-dtl { top: inherit; bottom: 3% }
	body .section, body .fp-tableCell { height: auto !important; display: block !important; table-layout: auto !important }
	section#fullpage { touch-action: inherit !important; transform: inherit !important; overflow: auto }
	html.fp-enabled, .fp-enabled body { overflow: auto !important }
	.mf-top-banner { min-height: 320px; background-position: top center !important }
	.testimonial-dtl { margin-bottom: 30px }
	.testimonial figure { margin: 0 auto 20px }
	h1 { font-size: 28px; margin-bottom: 60px }
	h1.fixed { font-size: 28px }
	.rotate { margin: 9% auto 0 }
	.imgbox { margin-top: 0 }
	.graph-indicator::after { background-size: 100% !important; width: 29px; height: 34px }
	.imgbox img { max-width: 240px }
	.container { padding-left: 20px; padding-right: 20px }
	.heading-style { padding-left: 20px }
	.col-md-6, .col-md-3, .col-md-5, .col-md-7 { padding: 10px 20px }
	.sideimage img { max-width: 320px; margin: 0 auto; display: block; width: 100% }
	.testimonialcomment { padding-top: 70px !important }
	.testimonialcomment::before { left: 20px }
	.for-desktop-only { display: none }
	.for-mobile-only { display: block }
	.title { clear: both }
	.listing-steps .row { float: left; width: 100% }
	.list-detail { margin: 0 auto 60px; max-width: 100% }
	.arrowleft::before { right: 25% }
	.hf-left-bodr.countarrow::after { width: 49% }
	.arrowleft>span::before { background: transparent url(../../images/case-studies/musicalfunctions/leftarrow.png) no-repeat scroll center center; content: ""; height: 20px; left: 25%; position: absolute; top: 50%; transform: translateY(-50%); width: 11px; z-index: -1 }
	.thumbfirst .arrowleft>span::before, .thumbfirst .arrowright>span::before { display: none }
	.thumblast .arrowleft>span::before, .thumblast .arrowright:before { background: 0 0 }
	.thumblast .arrowleft::before { right: 75% }
	.mb-rightborder:after { background-image: url(../../images/case-studies/musicalfunctions/right-top-cor.png), url(../../images/case-studies/musicalfunctions/right-bottom-cor.png); background-position: center top, center 99%; background-repeat: no-repeat; content: ""; display: block; height: calc(100% + 67px); position: absolute; right: 0; left: inherit; top: 101px; width: 60px }
	.mb-rightborder:before { background: #bcbcbc none repeat scroll 0 0; content: ""; height: 90%; position: absolute; right: 0; left: inherit; top: 130px; width: 4px }
	.mb-leftborder:after { background-image: url(../../images/case-studies/musicalfunctions/left-top-cor.png), url(../../images/case-studies/musicalfunctions/left-bottom-cor.png); background-position: center top, center 100%; background-repeat: no-repeat; content: ""; display: block; height: calc(100% + 64px); left: 0; right: inherit; position: absolute; top: 101px; width: 60px }
	.mb-leftborder:before { background: #bcbcbc none repeat scroll 0 0; content: ""; height: 98%; left: 0; right: inherit; position: absolute; top: 130px; width: 4px }
	.mb-leftborder>div:first-child:before { content: ''; position: absolute; right: 0; left: inherit; top: 130px; width: 4px; height: 90%; background: #bcbcbc }
	.mb-leftborder>div:first-child:after { content: ''; position: absolute; width: 60px; height: 122.2%; display: block; top: 101px; right: 0; left: inherit; background-image: url(../../images/case-studies/musicalfunctions/right-top-cor.png), url(../../images/case-studies/musicalfunctions/right-bottom-cor.png); background-repeat: no-repeat; background-position: top center, center 99% }
	.thumblast:after, .thumblast:before { display: none }


	.mb-leftborder:before,
	.mb-leftborder:after,
	.mb-rightborder:after,
	.mb-rightborder:after,
	.mb-rightborder:before,
	.arrowleft::before,
	.arrowleft>span::before,
	.col-md-12>.arrowright span:before,
	.countarrow:after,
	.arrowright:before{
		display: none;
	}
}
@media screen and (max-width:640px) {
	.thumb1.mb-rightborder::after, .seo_thumb5.mb-rightborder::after { height: calc(100% + 68px) }
}
@media screen and (max-width:640px) {
	.campaigns-section .col2-bg-img, .col2-bg-img { height: 270px }
	.testimonialcomment:before { top: 10px; left: 0; background-size: contain; width: 48px; height: 48px }
	.container { padding-left: 15px; padding-right: 15px }
	.graph-indicator::after { right: 50%; background-size: contain }
	.mb-leftborder::before, .mb-rightborder::before { height: 99% }
}
@media screen and (max-width:620px) {
	.graph-indicator::after { left: 42%; right: inherit }
}
@media screen and (max-width:480px) {
	.mf-top-banner { min-height: 260px }
	.container { box-sizing: border-box; padding: 40px 15px }
	h1 { margin-bottom: 50px }
	h1, h1.fixed { font-size: 24px }
	h1 span, h1.fixed span { display: inline }
	h1::before { height: 3px; bottom: -15px }
	.heading-style { font-size: 20px }
	.row { padding-top: 0 }
	p { font-size: 16px; margin-bottom: 24px }
	.music_posters>div { width: 50%; float: left; margin-bottom: 10px }
	.music_posters img { display: block; margin: 0 auto }
	ol.numerical_liststyle li { margin-bottom: 15px; display: block; font-size: 16px; line-height: 22px; margin-bottom: 24px; padding: 4px 0 3px 48px; position: relative; text-align: left }
	ol.numerical_liststyle li::before { font-size: 16px }
	ol.numerical_liststyle { padding-left: 20px }
	.graph-indicator::after { left: 30%; right: inherit; top: 50px }
	.graph-indicator { width: 170px }
	.list-detail { padding: 0 }
}
@media screen and (max-width:479px) {
	.contact-form { padding: 30px 0 }
	.innerpage .col2 input, .innerpage .col2 select, .innerpage .col2 textarea { margin-bottom: 18px; font-size: 18px; padding: 18px }
	.innerpage .col2 select { background-size: 25px; background-position: 97.5% center }
	.innerpage .col2 textarea { min-height: 150px }
	.innerpage input[type=submit] { max-width: 352px; min-width: 100% }
	.checkbox { margin-bottom: 30px; font-size: 18px }
	.container { padding: 40px 15px }
	.container p { font-size: 16px; line-height: 22px }
	.greenbg h3 { margin-top: 10px; margin-bottom: 10px; font-size: 18px }
	.greenbg h4 { font-size: 16px }
	ul.liststyle li { font-size: 16px; line-height: 22px; margin-bottom: 10px }
	.ref-url { font-size: 16px }
	ol.numerical_liststyle li::before { width: 30px; height: 30px; padding: 1px }
	ol.numerical_liststyle { padding-left: 0 }
	ol.numerical_liststyle li { padding-left: 38px; margin-bottom: 15px }
}
@media screen and (max-width:375px) {
	img.logo2.valign { max-width: 110px }
	.rotate, .rotate>span, .rotate>span>em { width: 280px; height: 280px }
	.mf-top-banner { min-height: 220px }
	.followWrap { top: 140px }
	.result { height: 660px }
}
@media screen and (max-width:320px) {
	.mf-top-banner .wrap-inner .google-partner { margin-top: -58px; margin-right: 10px }
	.mf-top-banner .wrap-inner .google-partner img { width: 70px }
	.menu-trigger { width: 35px; margin-right: 10px }
	.octa-shape { background-size: 420px }
	.mf-top-banner .cta-button, .ftr-dtl .cta-button { min-width: 245px; width: auto }
}
body .shr-nmb .stButton { box-sizing: border-box; font-size: 11px; height: 100%; left: 0; line-height: 16px; margin-left: 3px; margin-right: 3px; position: absolute; width: 100%; z-index: 10 }
nav#nav-below { float: left }
.blog-listing-page p.no-break { display: none }
.blog-listing-page .esg-entry-media { position: relative }
.blog-listing-page .esg-entry-media::after { background: #fff none repeat scroll 0 0; content: ""; height: 250%; left: -100%; opacity: .2; position: absolute; top: -120px; transform: rotate(35deg); transition: all 1.2s cubic-bezier(.5, 1, .5, 1) 0s; width: 100px; z-index: 11 }
.blog-listing-page .esg-entry-media:hover::after { left: 120%; transition: all 1.2s cubic-bezier(.19, 1, .22, 1) 0s }
.right-content #secondary .yarpp-related-widget>h3, .right-content #categories-2>h3 { font-size: 20px; text-transform: uppercase }
.st_fblike_hcount { display: inline-block; padding-bottom: 5px; vertical-align: top }
.st_plusone_hcount { display: inline-block; padding-top: 2px; vertical-align: top }
.st_plusone_hcount div { width: 60px !important }
span.stMainServices { background: 0 0 !important }
span.stButton_gradient { background: 0 0 !important; border: 0 !important }
.shr-nmb { height: 100%; left: 0; position: absolute; width: 100% }
body .stButton .googleplus, .stButton .stArrow { background: 0 0 !important }
body .stButton .googleplus { display: none !important }
body .stButton .stBubble_hcount { font-size: 14px !important; color: #fff; font-family: "Montserrat", sans-serif }
body .stButton .stArrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding: 0 !important; margin: 10px 0 0 -5px !important; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s }
body.single header h1 { line-height: 0 }
small.blogpost { font-size: 18px; font-weight: 300; padding: 5px 15px 7px; background: #00adae; border-radius: 20px; line-height: 20px; display: inline-block }
small.blogpost:hover { background: #e18057 }
body.single header h1 span { padding-bottom: 28px; position: relative; margin-bottom: 28px; display: block; line-height: 55px }
body.single header h1 span:after { content: ''; position: absolute; bottom: 0; height: 2px; background: #fff; width: 110px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%) }
.post-nav { float: left; width: 100%; border: 1px solid #ccd3d7; border-radius: 7px; position: relative; margin: 10px 0 }
.post-nav:after { content: ''; position: absolute; top: 50%; height: 80%; width: 1px; background: #ccd3d7; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) }
.post-nav>span { width: 50%; box-sizing: border-box }
.post-nav>span a { display: inline-block; vertical-align: top; padding: 10px }
.post-nav .nav-previous { text-align: left }
.post-nav .nav-next { text-align: right }
.post-nav .nav-previous a { margin-left: 35px }
.post-nav .nav-next a { margin-right: 35px }
.post-nav span.meta-nav i { font-size: 30px; color: #00adae; padding: 5px 10px; display: inline-block; vertical-align: top }
.post-nav span.meta-nav i.fa.fa-angle-right { position: absolute; right: 0; height: 100%; box-sizing: border-box; border-left: 1px solid #ccd3d7 }
.post-nav span.meta-nav i.fa.fa-angle-left { position: absolute; left: 0; height: 100%; box-sizing: border-box; border-right: 1px solid #ccd3d7 }
.scl_tooltip .share { position: relative; background: #3b5998; height: auto; width: auto; color: #fff; font-size: 12px; padding: 3px 10px; margin-right: 15px; left: 70% }
.scl_tooltip .st_twitter_hcount { background: #00aced !important }
.scl_tooltip .st_googleplus_hcount { background: #ed1c24 !important }
.scl_tooltip .st_linkedin_hcount { background: #1c75bc !important }
.scl_tooltip .stButton .stBubble_hcount { display: none }
.scl_tooltip { position: absolute; background: #fff; left: 120%; z-index: 99; top: 0; width: 366px; height: 137px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .5); display: none; border-left: 5px solid #00adae }
li.orange-bg .scl_tooltip { border-left: 5px solid #3b5998 }
li.green-bg .scl_tooltip { border-left: 5px solid #00aced }
li.dark-blue-bg .scl_tooltip { border-left: 5px solid #ed1c24 }
li.light-green-bg .scl_tooltip { border-left: 5px solid #1c75bc }
li.orange-bg .scl_tooltip:before { border-color: transparent #3b5998 transparent transparent }
li.green-bg .scl_tooltip:before { border-color: transparent #00aced transparent transparent }
li.dark-blue-bg .scl_tooltip:before { border-color: transparent #ed1c24 transparent transparent }
li.light-green-bg .scl_tooltip:before { border-color: transparent #1c75bc transparent transparent }
.scl_tooltip:before { content: ""; position: absolute; top: 17px; right: 100%; border-width: 15px; border-style: solid; border-color: transparent #00adae transparent transparent }
.scl_tooltip figure { margin: 0; padding: 0; float: left; width: 120px; height: 100%; overflow: hidden; position: relative }
.scl_tooltip figure img { width: 100%; height: 137px; max-width: inherit !important; position: absolute; right: 0; top: 0 }
.scl_tooltip figure>span:first-child { width: 10px; height: 0; display: block; position: absolute }
.scl_tooltip .detail-page { overflow: hidden; text-align: left; padding-bottom: 10px }
.scl_tooltip h3 { font-size: 11px; line-height: 1.4em; margin: 0; color: #393939; padding: 10px 15px 5px; border-bottom: 1px solid #e2e2e2 }
.scl_tooltip p { font-size: 11px !important; line-height: 13px; padding: 10px 15px 5px; margin: 0; color: #393939 }
.scl_tooltip a.share { float: right; font-size: 12px; padding: 3px 10px; color: #fff; margin-right: 15px }
.scl_tooltip a.share.facebook { background: #276ebe }
.scl_tooltip a.share.twitter { background: #00aced }
.scl_tooltip a.share.gplus { background: #ed1c24 }
.scl_tooltip a.share.linkedin { background: #1c75bc }
.case-study-page .right-fixed-social-icons, .case-study-page .triggre-social-icons { display: none }

.animatedParent .margin-fx{
	margin-top:25px !important;
	margin-bottom:25px !important;
}

.casestudy-inner .ref-url {
	margin-top:20px;
}

@media(max-width:767px){
	.animatedParent .margin-fx{
		margin-top:0px !important;
		margin-bottom:0px !important;
	}
}