@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Bold.ttf');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
body {font-family: 'OpenSans-Regular', sans-serif;font-size: 17px;line-height: 1.6; margin: 0px; padding: 0px;}
h1{ line-height: 1.7;color: #0b0c0c; margin: 0px; padding: 0px; font-family: 'OpenSans-Regular', sans-serif; font-size: 54px;}
h2{ line-height: 1.166;color: #0b0c0c; margin: 0px; padding: 0px;font-family: 'OpenSans-Regular', sans-serif; font-size: 38px; font-weight: 600;}
h3{color: #cd202f; margin: 0px; padding: 0px;font-family: 'OpenSans-Regular', sans-serif;font-size: 30px;}
h4{line-height: 30px; font-weight: 400;color: #0b0c0c; margin: 0px; padding: 0px;font-family: 'OpenSans-Regular', sans-serif; font-size: 26px;}
h5{color: #0b0c0c; margin: 0px; padding: 0px;font-family: 'OpenSans-Regular', sans-serif; font-size: 20px;line-height: 28px;}
p{font-weight: 400; line-height: 1.6;color: #383938; margin: 0px; padding: 0px;font-family: 'OpenSans-Regular', sans-serif; font-size: 16px;}

/*---about us page css start---*/
.bg-primary{background-color:#cb202e; }
.bg-secondary{background-color:#f7f7f7 !important;}


main.about section.about-accodion{ background-color: #232635;padding: 6rem 0;}
main.about section.about-accodion h2{ color: white; text-align: center; font-size: 48px;}
main.about section.about-accodion p{ color: white; color: white; font-weight: 400; font-size: 18px;}
.count-paragraph span.count.percent { font-size: 96px; color: #ffffff; font-weight: 600;}
.count-paragraph ul#counter { margin: 0px; padding: 0px;}
.count-paragraph ul#counter li { list-style: none;}
.featured-parallax { background-position: center; background-image: url(../images/ballnbrush-about-bg-img-1.webp);
    background-repeat: no-repeat;background-size: cover; padding: 910px 0px 0px; position: relative;}
.featured-parallax-box { background-color: white; position: absolute; right: 0; bottom: 0; width: 560px; padding: 4rem 5rem;}
.background-white{ color: #fff !important; padding: 10px 0px;}
main section.Where-layout-half{ padding: 6rem 0; }
main section.Where-layout-half h2,
main section.Where-layout-half h3,
main section.Where-layout-half h4 
{color: #0a0a0a; }
main.about section.certified { padding: 60px 0px;}
main.about section.guided{ background-color: #f7f7f7; padding: 4rem 0;}
main.about section.recognised {background-position: center; background-repeat: no-repeat; background-size: cover; padding: 910px 0px 0px;
    background-image: url(../images/Official-img.webp); position: relative;}
.recognised-content-box { position: absolute; background-color: white; content: '';
    bottom: 0; left: 0; width: 560px; padding: 4rem;}
main.about section.certified { padding: 4rem 0;}
.culture { background-position: center; position: relative; background-image: url(../images/ballnbrush-about-bg-img-3.webp);
    background-repeat: no-repeat; background-size: cover; padding: 910px 0px 0px;}
main.about section.hungry { background-position: center; position: relative; background-image: url(../images/ballnbrush-about-bg-img-4.jpg);
    background-repeat: no-repeat; background-size: cover; padding: 910px 0px 0px;}
section.encouraging { padding: 4rem 0;}
.list-single li:before { background-size: cover; position: absolute; content: ''; background-image: url(../images/right-arrow-red.svg);
    background-repeat: no-repeat;width: 17px; height: 12px; left: 0; top: 16px;}
.list-single li a {color: #383938; }
.list-single li { padding: 11px 0px 0px 26px; position: relative; list-style: none;}
.list-single ul { margin: 0px; padding: 0px;}
.Where-layout-content { max-width: 560px;}
.Where-layout-content h4 { font-size: 18px; line-height: 26px;font-weight: 600;margin-bottom: 15px;}
.header-page { margin: 7rem 0rem 0rem; padding-bottom: 10%; background-repeat: no-repeat;
    background-size: cover;}
.about-heading { padding: 0px 0px 7%; margin: 0 auto;float: none;}
.menu-about-menu li { list-style: none; display: inline-block; padding: 10px 15px;}
.menu-about-menu ul { margin: 0px; padding: 0px; color: #000 !important;}
.menu-about-menu li a{ color: #000; font-size: 17px;}
.menu-about-menu li a:hover { transition: all 0.6s; color: #cb202d; border-bottom: 1px solid #cb202d;}
.menu-about-menu li a.active { color:#cb202d; border-bottom: 1px solid #cb202d;}
.Certified-content { float: right;}
.encouraging-content { float: right;}
.about-heading h1 {color: #fff; font-weight: 600; font-size: 90px;text-transform: uppercase;}
.accordion__title h5 { font-weight: 600;}
.guided-content p { font-size: 25px;}
.about-heading p { font-size: 24px; color: #fff;}
.featured-parallax-box h2 {letter-spacing: -1px;}
.Where-layout-content h3 { font-weight: 600;margin-top: 2rem;}
.guided-content p { font-size: 25px; color: #000;}
.featured-parallax-box h2 {font-size: 48px;padding-bottom: 20px;}
.Where-layout-content h2 { font-size: 48px; padding-bottom: 20px;}
.guided-content h2 { font-size: 48px;padding-bottom: 20px;}
.recognised-content-box h2 { font-size: 48px;}
.Certified-content h2 { font-size: 48px;padding-bottom: 20px;}
.encouraging-content h2 { font-size: 48px;padding-bottom: 20px;}
.text-center {text-align: center; justify-content: center;}
.talk-specialist-content h2 { color: white;}

/*---Result Oriented css start---*/
.read-more a:hover { border: 2px solid #ffffff; background-color:#ffffff; color: black;}
.read-more a { margin-top: 1rem; border: 2px solid #ffffff; border-radius: 50px; padding: 8px 20px;
    display: inline-block; color: #ffffff; font-size: 18px; font-weight: 600; margin-bottom: 1rem;
    border-bottom: 2px solid #ffffff;
}
.lead-text{color: #ffffff !important;font-weight: 600;}
.links-list-content ul { margin: 0px; padding: 0px;}
.links-list-content li:hover:before { left: 6px; transition: all 0.6s;}
.redfm-main { padding: 10rem 0px;}
.redfm-singel-logo img { width: 140px; padding: 1.5rem 0rem 0rem;}

/*---accordion css start---*/
.accordion { padding-top: 40px;}
.accordion__title { display: flex; justify-content: space-between; align-items: center; position: relative;
  cursor: pointer; padding: 16px 50px;}
.accordion__icon { width: 16px; height: 16px; background-image: url(https://image.flaticon.com/icons/svg/748/748122.svg);
  background-repeat: no-repeat; transform: rotate(-45deg); transition: all .4s ease-in-out;}
.accordion__content { max-height: 0; overflow: hidden; transition: all .6s ease-in-out;}
.accordion__content p { padding-bottom: 24px; max-width: 73%; margin-left: 50px;}
.active .accordion__content { max-height: 150px;}
.active .accordion__icon { transform: rotate(0deg);}
.accordion li { list-style: none; background-color: white; display: inline-block;margin-bottom: 20px;border-left:
 10px solid #cb202e;}
.accordion ul { margin: 0px;padding: 0px;}
.menu-about-menu { margin-top: 3rem;}
.main-heading h2 {
    color: #0b0c0c;
}
/*---accordion css and---*/

/*---about us page css and---*/
.career-banner-content h3 { color: #fff;}
.navbar-header-menu ul { margin: 0px; padding: 0px; float: right;}
.layout-heading{ color: #cb202d; font-weight: 600; font-size: 66px;}
.header-content p { padding-top: 30px; padding-bottom: 30px;}
.case-study-page-section { width: 100%; float: left; position: absolute; z-index: 999; padding: 30px 0px;}
.navbar-header-menu li { display: inline-block; position: relative;}
.navbar-header-menu li a { color: #ffffff; padding: 10px 20px; display: inline-block; list-style: none; text-decoration: none; letter-spacing: .7px; font-weight: 500; font-size: 14px; }
.navbar-header-menu { padding: 40px 0px;  float: right;}
img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto;}
.slick-slide img{ display: block; }
.logo-inner{ margin-left: 65px; margin-right: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
    display: flex;-webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;
    justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center;
    align-items: center; height: 50px; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; margin-bottom: 30px;}
.main_heading h2{ padding-bottom:3rem;}

/*---navigation bar css start---*/

.menu-item-nav ul { margin: 0px; padding: 0px; float: right;}
.menu-item-nav li { list-style: none; display: inline-block; padding: 0px 25px; border-right: 1px solid #383938; line-height: 16px;}
.menu-item-nav li:last-child { border-right: 0;}
.menu-item-nav li a { color: #0b0c0c; text-transform: uppercase; font-weight: 700; letter-spacing: .7px; font-size: 12px; margin: 20px 0; line-height: 1px;}
.menu-item-nav { padding: 35px 0px; display: flex; flex-flow: row wrap; justify-content: flex-end;}
.menu-item-nav li a:hover {color: #cb202d;}
.navigation-bar ul { margin: 0px;  padding: 0px;  text-align: right;}

ul.navbar-nav { padding: 56px 0px;}
.text-outline-button a { background-color: transparent; border: 1.5px solid #0b0c0c; color: #0b0c0c; border-radius: 50px; padding: 12px 2rem 12px; line-height: 18px;
  font-size: 15px; display: inline-block; text-transform: uppercase;font-weight: 600; font-family: 'OpenSans-Regular', sans-serif; }
.text-outline-button { width: 100%; margin: 0 auto;padding-top: 30px;}
.text-outline-button a:hover { background-color: #cb202d; color: #fff; border: 1.5px solid #cb202d; transition: all 0.5s;}
/*---navigation bar css start---*/
.navbar-header-menu span.career-count { color: #cb202d; margin-top: -12px; position: absolute; font-size: 14px;}
.navbar-header-menu li a:hover {color: #cb202d;transition: all .6s;}
.case-study-banner-section { margin: 7rem 0rem 0rem; width: 100%; float: left; background-image: url(../images/ballnbrush-case-study-bg-img.webp); background-size: cover; background-repeat: no-repeat; padding: 100px 0px 50px; position: relative; background-position: center;}
.banner-content { width: 100%; text-align: center; padding: 250px 0px 0px;}
.banner-content h2 { padding: 54px 180px; font-weight: 300; color: #ffffff;}
.banner-content h4 { padding-top: 10px; color: #ffffff;}
.case-study-counting-section { width: 100%; padding: 5rem 0px; float: left; background-color: #f6f7f8;}
.counting-box { text-align: center; padding: 0px 74px;}
.counting-box { text-align: center; padding: 0px 74px;}
.navbar-challenge-section { padding: 50px 0px;}
.challenge-title:before { content: ''; position: absolute; background-color: #cd202f; width: 80px; height: 2px; margin-top: -20px;}
.challenge-title{ position: relative;padding-bottom: 60px; }
.navbar-challenge-section { padding: 100px 0px 50px; width: 100%; float: left;}
.challenge-tage p {letter-spacing: 1.4px; padding: 0px 7px;}
.our-approach-section {  padding: 100px 0px 50px;}
.challenge-tage p { padding-bottom: 30px;}
.navbar-results-section { padding: 100px 0px 50px;}
.counting-box span.count_pri { font-size: 24px;}
.creative-design-section { padding: 100px 0px 50px;}
.creative-image-box { padding-top: 100px;}
.navbar-image-gallery-section {  padding: 50px 0px;}
.footer-bg-section { padding: 50px 0px; background-color: #212221;}
.footer-logo-image img { width: 100px;}
.rateus { font-size: 80%; color: #eae9e9; line-height: 1.6; letter-spacing: 0;}
a {line-height: inherit; color: #cd202f; text-decoration: none; cursor: pointer;}
.footer-link ul { margin: 0px;padding: 0px; list-style: none;}
.footer-link li {padding: 0px 0px 14px 0px;}
.footer-link li a { color: #eae9e9; font-size: 12px; list-style: none; text-decoration: none; font-weight: 500;}
.footer-link li a:hover { color: #cb202d;}
.stars ul { margin: 0px; padding: 0px;}
.stars li { display: inline-block;}
.stars li img { width: 18px; height: 18px;}
.stars {  margin-top: 20px;}
.copyright { text-align: right;}
.social-icon {  margin: 0;}
.social-icon li { display: inline-block;  padding: 0px;  margin: 0px 0px 10px 10px;}
.social-icon ul { margin: 0px; padding: 0px;}
.social-icon img { width: 34px;  height: 34px;}
.copyrights p { font-size: 12px; color: #fff; letter-spacing: .5px;}
.footer-last-b-b0 { margin-bottom: 0;}
.copyright p { font-size: 12px; color: #fff; letter-spacing: .5px;}
.footer-links ul li { padding: 0 0 14px 0; color: #383938;}
.social-links li a { font-size: 12px; font-weight: 300; text-transform: capitalize;}
.list-unstyle.social-links li a { color: #eae9e9; font-size: 13px; text-decoration: none;}
.list-unstyle.social-links { margin-top: 10px;}
.career-header-section { position: absolute; width: 100%; float: left; z-index: 999; padding: 30px 0px;}
.career-banner-section {height: 100vh; width: 100%; float: left; background-repeat: no-repeat; background-size: cover; background-image: url(../images/bb-career-bg-img.webp); padding: 20rem 0px 26rem; position: relative;}
.career-banner-section:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0;
    background-color: black; content: ''; opacity: 0.3;}
.career-banner-content h3 { position: relative;}
.career-banner-content h3:before { content: ''; width: 70px; height: 2px;background-color: #fff; position: absolute; margin-top: -36px;}
.career-banner-content h1 { color: #fff; padding-top: 20px; font-size: 48px; font-weight: 600;}
.gallery-image-box img { padding-bottom: 60px;}
.gallery-image-box h3 { font-size: 24px; font-weight: 600;position: relative;color: #cb202d;}
.gallery-image-box h3:before { content: ''; position: absolute; background-color: #cd202f; width: 70px;  height: 2px;margin-top: -1rem;}
ul.Senior-designer-list { margin-top: 30px; padding: 0px;}
ul.Senior-designer-list li { list-style: none;}
.gallery-image-box p { font-size: 16px; font-weight: 500;  color: #393939;  padding: 15px 0px 0px 26px;}
.gallery-image-box p:before { content: ''; position: absolute; width: 17px; height: 13px;  background-image: url(../images/right-arrow-red.gif); background-repeat: no-repeat; left: 14px; display: block; margin-top: 5px; display: block;}
.career-content-section { position: relative; top: -12rem; margin: 6rem 0rem 0rem;}
.gallery-image-box .category-box { padding-left: 0px;}
.Opportunities-title h3 { position: relative;color: #cb202d;}
.Opportunities-title h3:before { position: absolute; width: 70px; height: 2px; content: ''; background-color: #cb202d; margin-top: -2rem;}
.Opportunities-title h5 { font-weight: 500; padding-top: 10px;}
.advertised-tag p { padding-bottom: 30px; font-size: 18px; font-weight: 500;margin: 0px;}
.Opportunities-section { padding-bottom: 50px;}
.advertised-tag a { color: #cd202f; list-style: none; text-decoration: none; font-size: 18px; font-weight: 500;}
.internships-section { padding: 50px 0px;}
.footer-slider { padding: 150px 0px;}
 figure.col-md-3.d-md-inline-block { width: 23.7%; display: inline-block !important;}
.carousel-indicators li{ width: 20px; height: 20px; border-radius: 50px; border: 1px solid#fff; background-color: #444; top: 45px; cursor: pointer;}
.carousel-indicators .active { background-color: #d22d2d; border: 2px solid#cd202d;}
.advertised-tag a:hover { color: #444; transition: all 0.6s;}
.rateus a { color: #cd202f;text-decoration: none;}
.footer-image-section { width: 100%; float: left; padding: 50px 0px;}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; margin:10px;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {position: absolute; border-radius: 50%;bottom: -13px; left: 50%; transform: translate(45%, -51%);}
.MultiCarousel .leftLst { left:44%; }
.MultiCarousel .rightLst { right:46%; }  
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
#owl-demo .item{margin: 3px;}
#owl-demo .item img{display: block;width: 100%;height: auto;}
button.btn.btn-primary.rightLst { padding: 8px 12px; font-size: 12px;}
button.btn.btn-primary.leftLst { padding: 8px 12px; font-size: 12px;}
.resCarousel-inner .item {    text-align: center;}
.resCarousel-inner .item .tile div,.banner .item div { display: table; width: 100%; min-height: 250px; text-align: center; }
.resCarousel-inner .item h1 { display: table-cell; vertical-align: middle; color: white; }
.banner .item div { background: url('demoImg.jpg') center top no-repeat; background-size: cover; min-height: 550px; }        
.item .tile div { background: url('demoImg.jpg') center center no-repeat; background-size: cover; height: 200px; color: white; }       
.item div h1 { background: rgba(0, 0, 0, .4); }        
.outt { display: none;}
.leftRs { border: 1px solid #cd202f; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; left: -35px; width: 40px; height: 40px; box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3); border-radius: 999px; background-color: #cd202f; color: #fff; }
.rightRs { border: 1px solid #cd202f; position: absolute; margin: auto; top: 0; right: -45px; bottom: 0; z-index: 100; width: 40px; height: 40px; box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3); border-radius: 999px; background-color: #cd202f; color: #fff; }
.resCarousel {width: 100%; position: relative;}
.resCarousel-inner { overflow-x: hidden; white-space: nowrap; font-size: 0; vertical-align: top;}
.resCarousel-inner .item { display: inline-block; font-size: 14px; white-space: initial;}
.banner { overflow: hidden !important;}
.resCarousel-inner .item .tile {background: white;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 5px;}
.resCarousel[data-animator="lazy"] .item { transition: .6s ease all;} 
.footer-bg { background: #ffffff; float: left;width: 100%;}
.pad75 { padding: 40px 105px 75px 105px; padding-bottom: 2%!important}
.logo { width: 120px}
.navbar-collapse { float: right; padding: 0}
.banner-background { background: #f6f7f8}
.navigation-section { padding: 0px 0px 70px 0px;}
.navbar-default { background-color: transparent; border-color: transparent}
.nav.navbar-nav { margin: 20px 0; padding-right: 85px}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { color: #000; background-color: transparent}
.row-flex { display: flex}
.v-midle { margin: auto}
.navbar-default .navbar-nav>li>a { color: #0b0c0c; text-transform: uppercase; font-weight: 700; letter-spacing: .7px; font-size: .8125rem;padding: 15px 32px; margin: 20px 0;  line-height: 1px}
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:hover { color: #cb202d}
p { font-size: 16px; color: #383938;}

.banner-form .form-control { border: 0; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075); box-shadow: inset 0 0 0 rgba(0, 0, 0, .075)}
.section { padding: 100px 0}
.hello-img { margin: auto; max-width: 740px;}
.m-t-40 { margin-top: 20px}
.hello-h2 { margin-bottom: 30px; color: #000; margin-top: 30px}
.list-unstyle { list-style: none}
.hello-ul li:after { content: ''; background-image: url(../images/right-arrow3.png); background-repeat: no-repeat; width: 26px; height: 25px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.hello-ul li { position: relative; padding-left: 40px; margin-bottom: 10px; font-size: 20px}
.ul-points-top { margin-top: 40px}
.btn-default:hover { background: #fff; color: #cb202d; border: 1px solid #cb202d; transition: .3s}
.title { position: relative}
.title:before { position: absolute; width: 80px;height: 2px;color: #db001b; background-color: #db001b; content: ''; bottom: 64px}
.img-center { margin: auto}
.inner-section { padding-bottom: 100px}
.inner-img {  margin-top: 20px}
.download-pdf-h2 { margin-top: 0}
.bb-img-top { margin-top: 20px}
.Partners-ul li { display: inline-block; width: 19%; padding: 0 90px 0 0; margin: auto; vertical-align: middle}
.Partners-ul li:last-child { padding-right: 0}
.col { flex: 1}
.browse-btn { float: none; text-align: center}
.hello-ul { padding-left: 0}
.text-heading a { color: #cb202e;}
.text-title-color{color:#ffffff; text-align: left;}
.zenesa-img-box { text-align: center; margin: 0 auto;}
.text-title-color a { display: inline-block; border: 2px solid #cb202e; padding: 8px 28px; margin-top: 1rem;
    border-radius: 30px; font-weight: 600; font-size: 16px; background-color: #cb202e; color: #ffffff;}
.text-title-color a:hover {text-decoration: none; border: 2px solid #cb202e; background-color: #ffffff; color: #191616;}
.footer-links ul a {color: #0b0c0c; text-transform: uppercase; font-weight: 600; text-decoration: none; font-size: 12px; letter-spacing: .7px}
.footer-links ul { list-style: none; padding: 0; margin: 0}
.footer-links ul li {  padding: 0 0 14px 0}
.ul-stars img { width: 21px; height: 19px}
.footer-logo img { margin: 0 auto; width: 90px; height: auto}
.rateus { font-size: 80%; color: #0b0c0c; line-height: 1.6; letter-spacing: 0}
.ul-stars {  margin-bottom: 7px!important}
.contact-form p a,
.rateus span { color: #cb202d}
.contact-form p a:hover,
.rateus span:hover { text-decoration: underline; color: #af1d29}
.copyrights { text-align: right;color: #eae9e9}
.copyrights p { font-size: 12px;  color: #0b0c0c; letter-spacing: .5px}
.copyrights p a { color: #eae9e9; text-decoration: none}
.checked { color: #db001b}
.fa.fa-star { padding: 0 6px}
.stars span:first-child {  padding-left: 0}
.stars { margin-top: 1rem}
.social-icons ul li { display: inline-block; padding: 0; margin: 0 0 10px 10px}
.social-icons ul li i { font-size: 18px; border: 2px solid #0b0c0c; border-radius: 100px;
    height: 40px; width: 40px; text-align: center; line-height: 38px; display: inline-block;}
.social-icons ul li i:hover { color: #ffffff;background-color: #cb202e; transition: all 0.3s ease-in-out; border: 2px solid #cb202e;}
.social-icons li a { margin: 5px; display: inline-block; font-size: 16px; height: 40px; line-height: 40px;
    width: 40px; text-align: center;}
.social-icons ul li img:hover {  border: 0 solid #cb202d}
.social-icons {  margin: 0}
.footer-last-b-b0 { margin-bottom: 0}
.float-right { float: right}
.social-links li { display: inline-block; padding-left: 6px!important; padding-right: 6px!important; position: relative}
.social-links li a { font-size: 12px; font-weight: 300;text-transform: capitalize;color: #0e0e0e !important;}
.quick-links ul li a:hover { color: #cb202d}
.social-links li:first-child a:before { content: ''}
.social-links li:last-child {  padding-right: 0!important}
.contact-title .banner-title { color: #000; font-weight: 500; font-size: 65px}
.contact-title { margin: 85px 35px 20px 50px;}
.contact-title .sub-title p { font-size: 30px}
.contact-form { height: auto; margin: 0 auto; padding: 40px 56px;}
.form-section { background: #ffffff; position: relative; display: block}
.contact-banner-background { padding: 3rem 0rem;background: #ffffff; margin: 7rem 0rem 0rem;}
.form-title {font-size: 40px; margin-bottom: 60px}
hr { border: 1px solid #cac9c9; margin: 60px 0 40px 0}
.contact label { font-size: 15px;  letter-spacing: 2px; margin-bottom: 8px}
.contact input.form-control {width: 100%; height: 50px; background-color: #fefefe; border: 1px solid #ccc; box-shadow: none; min-height: 46px; padding: 14px; margin: 10px 0px;}
.form-control {margin-top: 10px;width: 100%; -webkit-box-shadow: inset 0 1px 1px transparent; box-shadow: inset 0 1px 1px transparent; border-radius: 0}
.form-group { margin: 10px 0px;}
.form-check>div { color: #ddd}
.form-check>div .form-check-input { margin: 5px 15px 0 0}
.form-check-label { color: #a2a0a0}
button.btn.btn-primary {
    border: none;
    background-color: #cb202e;
    padding: 11px 16px;
    color: white;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
    outline: none;
    border: 2px solid #cb202e;
    border-radius: 50px;
    font-weight: 600;
 }
button.btn.btn-primary:hover {
    background-color: #fff;
    color: #cb202e;
    border: 2px solid #cb202e;
}
.btn-primary a{display: inline-block; color: #fff; background-color: #cb202d;border:none; border-radius: 0; padding: 7px 18px; font-weight: 500; text-transform: uppercase;text-decoration: none; }
.btn-primary:hover { color: #000;  background-color: #fff; border-color: #000; transition: .3s}
.place-info-box { height: auto; margin: 0 auto; background: 0 0; padding: 80px 57px}
.direction-box { background-color: #fff; text-align: center}
.place-info { padding: 30px}
.email-phone-text { color: #cb202d;padding-top: 10px;}
.email-phone-text:hover { text-decoration: none; color: #cb202d}
.m-t-30 {  margin-top: 30px}
.direction-box .btn-default:hover { background-color: #cb202e; color: #fff;}
.place-info h3 { font-weight: 500; color: #000}
.direction-box .btn-default { border: 1px solid #cb202e;text-transform: capitalize; font-size: 16px}
.contact-partners {  background-color: #f6f7f8;  background: #f6f7f8}
.contact-partners.inner-section { padding-bottom: 80px}
.about-background {  background: url(../images/j1.png); background-origin: content-box; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0; color: #fff}
#about-page .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { color: #0b0c0c}
#about-page .navbar-default .navbar-nav>li>a { color: #fff}
.about-banner-sec-top { margin-top: 320px; margin-bottom: 20px}
.about-info-text { padding-top: 30px;  padding-bottom: 60px; font-size: 23px}
.count-section { padding: 30px; background: #f6f7f8}
.percentage { font-size: 27px; color: #333; margin-left: 5px}
.count-no {  font-size: 50px; color: #000}
.content-title { color: #db001b; font-size: 27px}
.m-t-90 { margin-top: 90px}
.m-t-50 { margin-top: 50px}
.design-img-pad { padding: 20px}
.mobile-bottom-border {  border-bottom: 1px solid #000;  padding-bottom: 14px}
.owl-dots { display: none}
.header {padding: 0px 15px;  background-color: #f6f7f8; position: static;  top: 0;transition: top .4s ease-out, background-color .4s ease-out, border .4s ease-out; width: 100%}
.navbar.navbar-default { width: 100%;}
.navbar-default .navbar-nav>li:last-child>a { padding: 15px 0 15px 32px}
.d-none { display: none}
.block-content h2 { color: #0b0c0c; font-size: 36px; letter-spacing: 0; margin-bottom: 1rem;  line-height: 1.166}
.block-content p { font-size: 16px ;}
.navbar-brand .mobile-logo { display: none}
.social-icons img { width: 34px; height: 34px}
.mr0 { margin: 0}
.footer-logos { padding: 40px 0px}
.footer-icon img { width: 100px}
.ul-stars li { display: inline-block; padding-right: 3px!important; padding-bottom: 0!important}
.ul-stars li:first-child { padding-left: 0!important}
.career-count { color: #cb202d; font-size: .8125rem; position: absolute}
.element-bottom-70 { margin-bottom: 1rem!important}
.joyjumperz-logo { width: 226px; margin-top: 30px;}
.block-content { max-width: 565px;}
.atmo-logo { width: 226px; margin-top: 30px;height: 68px;}
.element-top-100 { margin-top: 100px}
.bb1-logo { width: 280px; margin-left: 141px}
.has-edge-1 .content-text .block-content.bb1 { max-width: 640px}
.element-top-30 {  margin-top: 30px}
.element-top-60 { margin-top: 60px}
.m-l-26 {  margin-left: 26px}
.bb-image { width: 280px;}
.btn-plane:hover .off-hover { display: none; transition: .5s}
.btn-plane:hover .on-hover { display: block; transition: .5s}
.header-study .menu-item-nav li a:hover { color: #cb202d; transition: all 0.6s;}


/*---brand logo img css---*/
.logo-item { margin-left: 65px; margin-right: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
    display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-align-items: center;-webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px;
    -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; margin-bottom: 80px;cursor: pointer;}
.brand-logo-item { padding: 60px 0px; background-color: #ffffff;}
.overflow-img{ object-fit: contain; height: 100%; -webkit-filter: grayscale(1); filter: grayscale(1);
    -webkit-transition-duration: 500ms;transition-duration: 500ms;}
.overflow-img:hover{-webkit-filter: none; filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1);
    transform: scale(1.1); -webkit-transition-duration: 500ms; transition-duration: 500ms;}
.logo-item-heading { padding-bottom: 60px;}

/*---film animation css---*/

.explainer-content h2 { padding-bottom: 20px;}
.video-bg-img video { object-fit: cover;}


.playvideo img { position: relative; border: 4px solid #ffffff; width: 70px; height: 70px; border-radius: 50px; opacity: 1;}
.video-aditing { padding: 4rem 0rem;}
.playvideo { position: absolute; top: 0; width: 100%; display: flex; align-items: center; justify-content: center;
    height: 100%; cursor: pointer;}
.content-logo-item { padding-top: 30px;}

/*---Demo css start---*/
.brand-identity-Paragraphs{ padding: 4rem 0rem;}
.brand-identity-content h2 { padding-bottom: 20px; text-transform: uppercase;}
.get-some-title h2 { padding-bottom: 50px;}
.our-brand-Journeys { padding: 4rem 0rem;}


/*---approach page css start---*/
.header-page .about-heading { padding-bottom: 0%;text-align: center;}
.approach-header-logo { justify-content: center; display: flex; max-width: 160px; margin: 0 auto; margin-bottom: 5rem;}
.featured-parallax-approach{margin-top: -28px; background-position: center; background-image: url(../images/ballnbrush-approach-sec-bg-img-1.webp);
  background-repeat: no-repeat; background-size: cover; padding: 910px 0px 0px; position: relative; }
.featured-parallax-inner{ background-position: center; background-image: url(../images/ballnbrush-approach-sec-bg-img-3.webp);
    background-repeat: no-repeat; background-size: cover; padding: 910px 0px 0px; position: relative; }
.featured-parallax-reverse{ background-position: center; background-image: url(../images/ballnbrush-approach-sec-bg-img-2.webp);
    background-repeat: no-repeat; background-size: cover; padding: 910px 0px 0px; position: relative;}
.our-approach { background-color: #232635; padding: 60px 0px;}
.our-approach-content { text-align: center; max-width: 715px; margin: 0 auto; margin-bottom: 3rem;}
.our-approach-content h2 { padding-bottom: 1rem;}
.our-approach-content p { padding-bottom: 1rem;}
.approach-box img { padding-bottom: 30px;}
.approach-box { padding: 0px 36px;}
.service-digital-agency { padding: 96px 0px;}
.service-digital-content p { font-size: 25px;}
.service-digital-content { max-width: 530px;}
.approach-category-box .category-box { padding: 0;}
.grid-img-box { background-color: #fefefe; transition: all .25s ease-out; display: -webkit-flex; display: -ms-flexbox;
    display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.card-content { padding: 2rem;}
.talk-specialist { background-color: #cd202f; padding-bottom: 3%; padding-top: 3%;}
.talk-specialist-content { text-align: center; max-width: 670px; margin: 0 auto; padding-bottom: 25px;}
.talk-specialist-content .text-outline-button a { color: #fff; font-weight: 600; border: 2px solid #fff;}
.talk-specialist-content .text-outline-button a:hover { background-color:#fff; color:#cd202f; border: 2px solid #fff;}
.card-image { display: block; height: 0; overflow: hidden; padding-top: 66%; position: relative; width: 100%;}
.column { margin: 0px 0px 0; padding: 0; width: 100%;}
.column:last-child { padding-bottom: 0px;}
.column::after { content: ''; clear: both; display: block;}
.column div { position: relative; float: left; width: 300px; height: 200px; margin: 0 0 0 25px; padding: 0;}
.column div:first-child { margin-left: 0;}
.column div span { position: absolute; bottom: -20px; left: 0; z-index: -1; display: block; width: 300px; margin: 0;
  padding: 0; color: #444; font-size: 18px; text-decoration: none; text-align: center; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
  opacity: 0;}
figure {margin: 0px; padding: 0; background: #fff; overflow: hidden;}
figure:hover+span {bottom: -36px;opacity: 1;}
.card:hover {
    -webkit-box-shadow: 0px -1px 12px 3px rgba(199,199,199,1);
    -moz-box-shadow: 0px -1px 12px 3px rgba(199,199,199,1);
    box-shadow: 0px -1px 12px 3px rgba(199,199,199,1);
}
.card h4:hover{color: #cd202f;}
/*---approach page css start---*/
.brands-grouth { width: 100%; padding: 1rem 0rem; text-align: center; float: left;}
.block-content h2 { margin-top: 1rem;}
.paragraph-heading { position: relative;}
.service-digital-title h2 { padding-bottom: 1rem;}
.service-digital-title { margin-bottom: 1rem;}
.Building.awareness { padding: 4rem 0rem;}
.logo-item-heading h2 { color: #0b0c0c; text-align: center; font-size: 36px;}
.unlock-title h2 { font-size: 46px;padding: 10px 0px; color: #0b0c0c;}
.Boosting.sales { padding: 2rem 0rem 4rem;}

/*--- agency-engagement-programme-css-start---*/
html{scroll-behavior: smooth;font-family: 'OpenSans-Regular', sans-serif;}
.post-top nav.navbar { padding: 0px;}
.global-box { padding: 50px 0px;}
.header-section {left: 0;right: 0; position: absolute; top: 0; transition: top 0.2s ease-in-out;  width: 100%; padding: 10px 0px 10px; z-index: 999; overflow: hidden;}
.nav-up { top: -156px;}
.more-than-btn a:hover{ color: #cb202d }
.more-than-btn a:hover:before { background-color:#cb202d;}
.our-brand-box a:hover { color: #cb202d;}
.nav-up{ background-color: #fff;}
.bnr-content h3 {color: #000;}
.nav ul.list { padding: 0px;}
.reload-btn a:hover { background-color: #cb202d;color: #fff; transition: all 0.6s;border: 1px solid #cb202d;}
.drouth-btn a:hover { background-color: #cb202d; color: #fff;}
.header-menu li a:hover {color: #cb202d; transition: all 0.6s;}
.more-than-btn { display: inline-block; position: relative;}
.more-than-btn a { font-size: 20px; color: #000; text-decoration: none; font-weight: 600; position: relative;}
.more-than-btn a:before { position: absolute; width: 185px; height: 2px; background-color: #000; content: ''; bottom: 0; margin-bottom: -5px;}
.more-than-btn::before { position: absolute; content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #000; border-bottom: 6px solid transparent; right: -22px; top: 14px; }
.h-100{ height: 100%;}
.banner-content{ height: 100%; position: relative; }
.more-than-btn:hover {  padding-left: 5px; transition: all 0.6s;}
.banner-right-img { position: relative; z-index: -9999;}
.banner-section {overflow: hidden; padding: 4rem 0rem; margin: 7rem 0rem 0rem; position: relative;top: -1px;}
.our-brand-box { bottom: 0; background-color: #000; width: 100%; padding: 30px 0px; display: inline-block; position: relative; top: 0px;}
.our-brand-box a { color: #fff; text-decoration: none; font-size: 20px; font-weight: 600; float : right; text-align: right; bottom: 0; right: 80px; position: relative;}
.our-brand-box a:before { position: absolute; content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #fff; border-bottom: 6px solid transparent; right: -22px; top: 11px; }
.about-commerce-section { width: 100%; float: left; padding: 6rem 0rem; position: relative;}
.our-brand-box a:hover:before { border-left: 8px solid #cb202d;}
.more-than-btn:hover:before { border-left: 8px solid #cb202d;}
.about-commerce-heading { padding: 0px 50px 0px 0px;}
.agency-title ul { padding: 0px; margin: 0px;}
.agency-title li { list-style: none; padding: 3px 30px 3px; position: relative;}
.agency-title li:before { position: absolute; content: ''; background-image: url(../images/check-icon.png); background-repeat: no-repeat;
    width: 18px; height: 18px; left: 0; top: 8px;}
.about-commerce-heading h2 { font-size: 48px;}
.agency-title .fa { color: #ca202d; font-weight: 400;}
.agency-title p { margin: 0px; font-weight: normal;  }
.agency-title span { padding-left: 10px;}
.reload-btn { display: inline-flex; margin-bottom: 30px; position: relative;}
.reload-btn a { align-items: center; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px;
    border-color: #000; font-size: 14px; color: #000; text-transform: uppercase; border: 1px solid #000; text-decoration: none;
    font-weight: 600; border-radius: 50px; }
.about-commerce-heading p { line-height: 30px; padding-bottom: 20px;} 
.modern-section { padding: 70px 0px;}
.modern-agency a { font-size: 20px; color: #cb202f; text-decoration: none; font-weight: 600; position: relative;background-color: #131313;}
.modern-agency a:before { position: absolute; content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #cb202d; border-bottom: 6px solid transparent; right: -18px; top: 8px; }
.modern-agency a:hover { padding-left: 5px; transition: all 0.5s;}
.modern-section { padding: 70px 0px;}
.Our-Brand-Journeys-section {padding: 50px 0px 50px; background-color: #131313;width: 100%; float: left;}
.brand-journeys-title { padding-bottom: 3rem;}
.brand-journeys-title h2 {color: #fff;position: relative;}
.Brand-Journeys-box h4 { color: #fff; margin-top: 25px; font-weight: bold; font-size: 22px; margin-bottom: 15px; letter-spacing: -0.03em;}
.Journeys-img-box img{ -webkit-transition-duration: 500ms; transition-duration: 500ms;}
.Journeys-img-box img:hover{ filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition-duration: 500ms; transition-duration: 500ms; transform: scale(0.95) translateZ(0px); }
.we-plug-expertise-section { padding: 0px 0px 50px;}
.we-plug-expertise-title { margin-top: 50px; margin-bottom: 30px; max-width: 780px;display: inline-block;}
.category-box ul { margin: 0px; padding: 0px;}
.category-box li { color: #383938;list-style: none; padding: 10px 0px 10px 25px; border-color: #e5e5e5;position: relative;font-size: 16px;}
.category-box li a { font-weight: 400; font-size: 16px; color: #383938; text-decoration: none; position: relative;}
.category-box li span .fa { color: #ca202d; font-weight: normal;}
.category-box li:before { position: absolute; content: ''; background-image: url(../images/right-arrow-red.svg); background-repeat: no-repeat;
    width: 17px; height: 16px; left: 0; top: 16px;}
.Join-brands-logo-section { padding: 70px 0px; background-color: #fafafa;}
.logo-img-box img { max-width: 100px; max-height: 110px;}
.logo-img-box{ text-align: center; } 
.Recognition-section { padding: 70px 0px;}
.Recognition-title { border-bottom: 1px solid#e5e5e5; line-height: 50px; margin-bottom: 50px;}
.Recognition-title h2 { float: left;}
.recognition-content { display: flex; width: 100%; padding-bottom: 50px;}
.about-box-img img { width: 100%;}
.all.awards a { font-weight: bold; font-size: 20px; color: #000000; text-decoration: none;}
.all.awards a:before { position: absolute; content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #cb202d; border-bottom: 6px solid transparent; right: -15px; top: 18px;}
.all.awards a:hover{ padding-left: 5px; transition: all 0.5s;}
.all.awards { text-align: right; position: relative; left: -20px;}
.blogal-awards-title { max-width: 440px; margin-top: 48px; margin-bottom: 46px;}
.blogal-awards-title p { font-size: 16px;line-height: 24px;}
.Retail-eCommerce-tag p {float: left; font-weight: bold; font-size: 20px; line-height: 24px; color: #131313; margin-bottom: 0;  margin-top: 0;}
.Retail-eCommerce-tag h3 { text-align: right; margin: 0; font-size: 18px;}
.Retail-eCommerce-tag:last-child { margin-top: 20px;}
.Retail-eCommerce-tag { border-bottom: 1px solid#ccc;  margin-bottom: 5px;}
.global-awards-gallery { padding: 50px 0px;}
.brands-grouth-section { background-color: #252424; padding: 50px 0px;text-align: center;}
.looking-tag p { color: white;}
.brands-grouth-title { background-color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; font-weight: 600; font-size: 40px; line-height: 48px; text-align: center; -webkit-letter-spacing: -0.02em; -moz-letter-spacing: -0.02em; -ms-letter-spacing: -0.02em; letter-spacing: -0.02em; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #ffffff;}
.looking-tag p { text-align: center; font-size: 14px; color: #fff; margin: 0px; padding: 10px 0px;}
.Talk-to-Reloader { text-align: center; padding-top: 20px;}
.Talk-to-Reloader a { color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; border-bottom: 2px solid#fff; position: relative;}
.Talk-to-Reloader a:before { position: absolute; content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #fff; border-bottom: 6px solid transparent; right: -22px; top: 10px;}
.footer-section { padding: 30px 0px 30px;}
.footer-logo-box img { max-width: 100px;}
.srats ul { padding: 0px;margin: 0px;}
.srats li { display: inline-block; width: 20px;}
.socials-icon ul { padding: 0px; margin: 0px;}
.socials-icon li { display: inline-block;}
.socials-icon img { width: 34px; height: 34px;}
.footer-menu ul { padding: 0px; margin: 0px;}
.footer-menu li { list-style: none; padding-bottom: 10px;}
.footer-menu li a {font-weight: 600; color: #131313; position: relative; text-decoration: none; font-size: 14px;}
.srats { padding: 5px 0px 0px;}
.rateus p { font-size: 14px; color: #131313; line-height: 20px;}
.footer-copyrights { text-align: right;}
.footer-copyrights p.footer-last-b-b0 { font-size: 14px; margin: 0; color: #131313; line-height: 22px;}
.list-unstyle.social-links ul { padding: 0px; margin: 0px;}
.list-unstyle.social-links li { list-style: none; display: inline-block; padding: 0px 16px; font-size: 12px;}
.list-unstyle.social-links { padding: 20px 0px 0px;}
.list-unstyle.social-links li a { text-decoration: none; color: #0b0c0c !important; line-height: 20px; font-size: 12px;}
.socials-icon { padding-bottom: 10px;}
.list-unstyle.social-links li:last-child { border-right: 0; padding-right: 0;}
.rateus span { color: #cd202f;}
.rateus p a { text-decoration: none;}
nav.navbar.navbar-light.amber.lighten-4.mb-4 { display: none; width: 100%; top: 0;}
.modern-agency { float: left;}
.d-md-inline-block { display: inline-block!important; width: 33.1%;}
.col-centered { float: none; margin: 0 auto;}
.carousel-control {  width: 8%; width: 0px;}
.carousel-control.left,
.carousel-control.right {  margin-right: 40px; margin-left: 32px;  background-image: none; opacity: 1;}
.carousel-control > a > span { color: white;  font-size: 29px !important;}
.carousel-col {  position: relative;  min-height: 1px;  padding: 5px;  float: left;}
.drouth-btn a { font-family: 'OpenSans-Regular', sans-serif; align-items: center; padding: 15px 2rem 11px; line-height: 18px; font-size: 14px; border-color: #cb202d;
     border-radius: 50px; color: #fff; text-transform: uppercase; border: 2px solid #cb202d; text-decoration: none; font-weight: 600;}
.drouth-btn{ display: inline-flex; margin-bottom: 30px; position: relative;}
.carousel-indicators li{ height: 14px; margin-left: 10px; cursor: pointer;width: 14px; border-radius: 50px; top:50px; }
.carousel-indicators{ bottom: -40px; }
#myBtn { display: none; position: fixed; bottom: 20px; right: 65px; z-index: 99; font-size: 16px; border: none; outline: none;
    background-color: #cb202d; color: white; cursor: pointer; padding: 9px 18px; border-radius: 25px; background-image: url(../images/left-icon-2.png);
    background-repeat: no-repeat; background-position: center;}
#myBtn .fa { font-size: 24px; line-height: 16px;}
.controls-top { display: none;}
#myBtn:hover { background-color: #000000;}
.carousel-indicators .active{background-color: #cb202d}
li.secondary-color { background-color: #fff;}
.header_sticky .icon::after{ background-color: #cb202d; }
.header_sticky .icon::before, .icon::after{ background-color: #cb202d; }
.footer-fade { padding: 50px 0px;}
.header_sticky .icon::before, .icon::after{  background-color: #cb202d; }
.header_sticky .icon::before, .icon::after{background-color: #cb202d;}
.slick-dotted.slick-slider{ margin-bottom: 0px !important; }
.brand-image img { width: 100%;}
.images-box .slick-next { display: none !important;}
.brand-image { width: 33.3%; float: left;  }
.slider-title h4{ color: #fff; padding: 25px 0px 15px; font-size: 24px;margin: 0px;line-height: 34px; font-weight: 600;}
.brand-image.slick-slide{ width: 300px !important; margin: 0px 20px;}
.slider-title { margin: 0px 115px 0px 0px;}
.images-box button.slick-prev.slick-arrow { display: none !important;}
.slider-image-box button.slick-prev.slick-arrow { position: absolute; font-size: 0; outline: none;
    border: 1px solid white; background-color: transparent; width: 40px; height: 40px; top: -77px;
    right: 220px; cursor: pointer; overflow: hidden; border-radius: 50%;}
.slider-image-box button.slick-prev.slick-arrow:hover {
    background-color: #cb202e;
    border-color: #cb202e;
}
.slider-image-box button.slick-prev.slick-arrow:before {
    position: absolute;
    content: '';
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/right-chevron-icon.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
}
.slider-image-box button.slick-next.slick-arrow {
    position: absolute;
    font-size: 0;
    outline: none;
    border: 1px solid white;
    background-color: transparent;
    width: 40px;
    height: 40px;
    top: -77px;
    right: 158px;
    cursor: pointer;
    border-radius: 50px;
}
.slider-image-box button.slick-next.slick-arrow:hover { background-color: #cb202e; border-color: #cb202e;}
.redfm-signal-logo { padding-top: 30px;}
.slider-image-box button.slick-next.slick-arrow:before{ position: absolute; content: ''; color: #fff;
    top: 50%; left: 50%; transform: translate(-50%, -50%); background-image:url(../images/left-chevron-icon.svg);
    background-repeat: no-repeat; width: 20px; height: 15px; }
.speedo-slider-main button.slick-prev.slick-arrow {
    position: absolute;
    font-size: 0;
    outline: none;
    border: 1px solid white;
    background-color: #131313;
    width: 30px;
    height: 40px;
    top: -54px;
    right: -220px;
    cursor: pointer;
}
.speedo-slider-main button.slick-prev.slick-arrow:before{
    position: absolute;
    content: '';
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/right-chevron-icon.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
}

.speedo-slider-main button.slick-next.slick-arrow{
    position: absolute;
    font-size: 0;
    outline: none;
    border: 1px solid white;
    background-color: #131313;
    width: 30px;
    height: 40px;
    top: -55px;
    right: 74px;
    cursor: pointer;
}
.speedo-slider-main button.slick-next.slick-arrow:before{
    position: absolute;
    content: '';
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image:url(../images/left-chevron-icon.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;

}




/* Red FM css*/
.red-fm-content.bg-secondary { padding: 4rem 0rem;}
.red-fm-bg { background-image: url(../images/redfm-vector.jpg); padding: 27rem 0rem; background-size: cover;
    background-repeat: no-repeat; width: 100%; margin: 7rem 0rem 0rem;}

/* hamburger-css-stard */
.list { position: absolute;top: 0%; left: 26%; list-style: none; text-align: center; width: 100%;}
.item { margin: 0px; font-size: 28px; color: #fff; text-transform: uppercase; display: block;}
.item:hover{ color: #cb202d; }
.link:link,
.link:visited { display: inline-block; font-weight: 300; padding: 0px 20px 0px 0px; color: white;
  text-decoration: none; text-transform: uppercase; transition: all 0.6s; font-size: 32px;}
.link:hover,
.link:active {color: #cccccc; cursor: pointer;}
/* functionality */

.checkbox:checked ~ .nav {height: 100%; opacity: 1; width: 35%; right: 0; background-color:#cb202e; background-position: center top; background-repeat: repeat; top: 0;}
/*  */
/* styling hamb ICON */


.button:hover icon:before {top: -1rem;}
.button:hover icon::after { top: 1rem;}
.checkbox:checked + .button .icon { background-color: transparent;}
.checkbox:checked + .button .icon::before { top: 0; transform: rotate(135deg); background-color: #fff;
     width: 16px; left: 10px;  }
.checkbox:checked + .button .icon::after { top: 0; transform: rotate(-135deg);background-color: #fff;
    width: 16px; left: 10px;}
@keyframes smoothScroll {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
.header_sticky { position: fixed; width: 100%; top: 0; z-index: 999; animation: smoothScroll 0.5s forwards; background-color:#f7f7f7;}
.navbar.navbar-default{ display: none; }
.list-unstyle-social { padding-top: 30px;}
.list-unstyle-social ul { margin: 0px; padding: 0px;}
.list-unstyle-social li { list-style: none; display: inline-block; padding: 0px 15px; line-height: 16px;}
.list-unstyle-social li a {color: #131313;font-size: 14px;}
.list-unstyle-social li:last-child { border-right: none; padding-right: 0px;}
.navigation-home-page { display: none;}
.attachment-img-box{ display: flex; justify-content: center; }
.header-study .header-nav {left: 0px;right: 0px; background-color: transparent; position: absolute; z-index: 99999; overflow: hidden; width: 100%;}
.header-study .menu-item-nav li a { color: white;}
/*----What we do css start-----*/

.layout-category .category-box { padding-left: 0px; padding-top: 10px;}
.our-servisec-section { padding: 6rem 0rem; position: relative; top: -15px;}
.main-heading h2 { margin: 0px !important; padding: 14px 0px 20px; position: relative;}
.popular-box { padding: 20px 0px 30px;}
.main-heading h2:before { content: ''; width: 68px; height: 3px; background-color: #cb202d; position: absolute; top: -20px;}
.main-heading { max-width: 1130px;margin-bottom: 3rem;}
p.service-tag { font-size: 25px;}
.layout-heading h2 { font-size: 24px; color: #cd202f;padding-bottom: 10px;}
.what-we-do-banner-section:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
}
.what-we-do-banner-section {background-image: url(../images/ballnbrush-about-bg-img-1.webp);
 background-repeat: no-repeat; margin: 6.3rem 0rem 0rem;background-color: #232635; padding: 15rem 0px 6rem; position: relative;background-size: cover;}
.banner-content-heading h1 {color: white; margin: 0px; padding-bottom: 30px;font-size: 90px;}
.banner-content-heading { text-align: center;}
.banner-content-heading p { color: white; font-size: 24px;}
.discover-btn { margin-top: 50px;}
.discover-btn { margin-top: 50px;}
.discover-btn a:before { content: ''; background-image: url(../images/down-arrow-white-icon.svg); background-size: cover;
 background-repeat: no-repeat; content: ''; height: 14px;left: 0; margin: auto; position: absolute; right: 0; top: 22px; width: 10px;}
.content-title{ color: #cd202f !important;}
.border{border-right: 1px solid #cd202f !important; }
.text-heading{color: #0b0c0c !important;}
.text-border{border-right: 1px solid #fff !important;}
.discover-btn a{color:#fff;position: relative;font-size: 14px;}
.what-we-toggal .icon::before { background-color:#fff;}
.what-we-toggal .icon::after { background-color: #fff;}
.what-we-toggal .icon{ background-color:#fff;}
.brabd-bg{background-color:#fff;}
.brand-bg-text{color: #000 !important; text-align: center;}

.Talk-to-Reloader a.brand-bg-text { color: #cd202f !important;}


/*----What we do css and-----*/
/*---new navigation css start---*/
.read-more-btn a:hover:before { transform: translateX(10px) translateZ(0px); transition: all 0.8s;}
.read-more-btn a:hover { margin-left: 5px; transition: all 0.8s;}
.header-content h1 {
    line-height: 76px;
    font-size: 60px;
    letter-spacing: normal;

}
.zenesa-bg-img {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.zenesa-decor-page {
    width: 100%;
    margin: 6.3rem 0rem 0rem;
}
.banner-form .form-control:focus {
    border: 1px solid #cd202f !important;
    outline: none;
    border-right: 0;
}
.thank-heading h1 {
    padding-bottom: 2rem;
}
.text-white{ color: white !important; }



/*---privacy policy css start---*/
.privacy-policy-main { padding: 4rem 0rem;}
.privacy-title { font-weight: 600; line-height: 1.4; font-size: 25px;}
.we-collect-list li { color: #383938; list-style: none; padding: 0 20px 1rem 20px; position: relative;}
.we-collect-list li:before { position: absolute; content: ''; background-color: #cd202f; height: 9px; width: 9px; left: 0; top: 6px;}
.aboutcookies { color: #cd202f; border-bottom: 2px solid #cd202f;}
.aboutcookies:hover { border-bottom: none;}
.accessibility-content { padding: 4rem 0px;}
.we-collect-list ul { padding: 0px;}
.privacy-policy-content h2 { padding: 15px 0px;}
/*---thank you page css---*/
.thank-heading h1 { font-size: 90px !important; font-weight: 600;}
.thank-heading p a { color: #cd202f; font-weight: 600; border-bottom: 2px solid #cd202f;}
.thank-heading p a:hover { border-bottom: none; transition: all 0.8s;}
.return-to-btn a:hover { color: #ffffff; border: 2px solid #cd202f; background-color: white; transition: all 0.6s;
    background-color: #cd202f;}
.return-to-btn a { color: white; padding: 10px 26px; text-transform: uppercase; font-weight: 600; font-size: 14px;
    border: 2px solid #cd202f; color: #cd202f; border: 2px solid #cd202f; background-color: white; display: inline-block;}
.return-to-btn { text-align: center; margin-top: 2.5rem;}
.thank-page { padding: 6rem 0rem 3rem; background-color: #f7f7f7;}
.thank-heading { max-width: 680px; margin: 0 auto;}
.approach-box h4 { color: #ffffff; padding-bottom: 15px;}

/*--- agency-engagement-programme-css-and---*/
/*---animation css start---*/
[data-aos=fade-right] { -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0);}
.cell { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%;}
.small-order-1 {-webkit-order: 1; -ms-flex-order: 1; order: 1;}
[data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform;}
[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
transition-duration: 1.5s;}
hr.divider:after {background-color: #cb202d; content: ''; display: block; height: 3px; margin-bottom: 1.5rem;
    margin-top: 0; width: 68px;}
.divider:after { background-color: #ff003d; content: ''; display: block; height: 3px; margin-bottom: 1.5rem;
    margin-top: 0; width: 68px;}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
    transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
}
[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] { transition-duration: .4s;}
.image_right .content-image {padding-right: 1rem;}
.has-edge-1 .content-image {min-height: 1px;}

/*---animation css and---*/
.client-logo-slider{ display: none; }
.testmonials-sec-img {
    display: none;
}

@media (max-width: 1400px) and (min-width: 768px){
.brand-image {
    width: 350px;
}

}
@media (max-width: 1500px) and (min-width: 1400px){
.button {right: 5rem;}
.red-fm-bg{ padding: 27rem 0rem;}
.miao-blog-content{ min-height: 756px;}
.Strategy-banner-content h1 { padding: 10rem 0rem 0rem;}
.about-content-box video { height: 390px; width: 640px;}
.Click-here{ right: 0px; bottom: -30px; }
}
@media (max-width: 1500px) and (min-width: 1025px){
.brand-slider-main button.slick-next.slick-arrow{right: 5rem;}
.brand-slider-main button.slick-prev.slick-arrow{ right: 10%;}
.navigation-button .button{ right: 4rem;}
.slider-title { margin: 0px 98px 0px 0px;}
.career-banner-section{height: 70vh;padding: 16rem 0px 28rem; }

}
@media (max-width: 1280px) and (min-width: 1199px){
.header-content h1{ line-height: 70px; font-size: 56px;}
.about-content-box video { height: 300px; width: 500px;}
.Click-here{ bottom: -20px; right: 0px;}
}
@media (max-width: 1280px) and (min-width: 800px){
.header-content p { padding-top: 0px;padding-bottom: 18px; margin: 0px;}
.layout-heading{line-height: 65px;padding-bottom: 30px;}
.banner-sec{ height: 86vh; }
.Strategy-banner-content h1 { padding: 6rem 0rem 0rem;}


}

@media (max-width: 1024px) and (min-width: 768px){
.menu-item-nav li { padding: 10px 5px;}
}
@media (max-width: 991px) and (min-width: 768px){
.bnr-content h1{  margin-bottom: 0px;}
}
@media (max-width: 1024px) and (min-width: 991px){
.bnr-content h1{ margin-bottom: 0px;}
}
@media (max-width: 991px) and (min-width: 768px){
.what-we-toggal .button { right: 7rem;}
}
@media (max-width: 1042px) and (min-width: 992px){
.what-we-toggal .button { right: 4rem;}
}
@media (max-width: 991px) and (min-width: 768px){
.what-we-toggal .button { right: 2rem;}
}

@media(max-width:1440px){
.animation-img-box img{ height: 350px;}
.animation-img-box-inner img{ height: 350px; }
.animate-img-box img{ height: 350px; }
.work-category-box{ width: 23.2% }
.work-category-box h4 { font-size: 27px;line-height: 40px;}
.serviceimgdiv{ height: 76%; }
.count-heading-content h5{ font-size: 18px; }
.banner-sec-top{padding: 5rem 0rem;}
}

@media(max-width:1199px) {
.count-heading-content h5{ font-size: 16px; }
.work-category-box h4 { font-size: 22px; line-height: 30px;}
.work-category-box{ width: 23%;}
.bb-image { width: auto; margin-left: 0}
.hello-img {  margin-left: 0}
.logo { width: 100px}
.banner-title { font-size: 44px}
.contact-form { width: auto}
.navbar-default .navbar-nav>li>a { padding: 15px 13px}
.nav.navbar-nav { padding-right: 0}
.navbar-brand { padding: 15px 0}
.btn-plane { right: 20%}
.hello-img {  max-width: 100%}
.Partners-ul li {  width: 19%; padding: 0 70px 0 0}
.Partners-ul { padding: 0 26px; text-align: center}
.pad75 {  padding: 40px 26px 75px 26px}
.navbar-header-menu li a{ padding: 10px 10px; }
.banner-content h2{ padding: 30px 0px; }
.banner-content{ padding: 170px 0px 0px; }
.banner-content h4 { padding-top: 30px;}
.counting-box{ padding: 0px 20px; }
/*---agency-css---*/
.about-commerce-heading { padding: 0px 0px 0px 0px;}
.all.awards a{ right: 30px; }  
.bnr-content h1{ font-size: 52px;  }
.header_sticky .header-menu li:last-child { border-right: 0px;}
.brand-slider-main button.slick-next.slick-arrow{ right: 30px; }
.brand-slider-main button.slick-prev.slick-arrow{ right: 8%; }
.menu-item-nav li{ padding: 0px 26px; }
.menu-item-nav{ padding: 28px 0px; }
.body-border{border-right: 0px; border-left: 0px;}
.client-logo-slider{ display: none; }
.animation-img-box img{ height: 400px;}
.animation-img-box-inner img{ height: 400px; }
.animate-img-box img{ height: 400px; }
.header-menu li{padding: 0px 25px;}
.result-oriented-content h2{ font-size: 54px; }
.layout-heading{ font-size: 52px;line-height: 60px; }
.serviceimgdiv{ height: 57%; }
.red-fm-bg{padding: 18rem 0rem;}
.miao-blog-content{ min-height: 756px;}
.banner-sec{ height: 80vh; }
.Strategy-banner-content { padding: 10rem 0rem 0rem;}
.we-helf-brands-content{ width: 100%; }
.block-icon__image svg { max-width: 290px;}
.block-grid-heading h2 { font-size: 56px;}


}



@media(max-width: 1024px) {
.asset-with-text__content[data-v-360d5320] {
    bottom: 100px;
}


.animation-img-box img{ height: 300px;}
.animation-img-box-inner img{ height: 300px; }
.animate-img-box img{ height: 300px; }
.client-logo-slider{ display: none; }
.brand-image img { width: 100%;}
.what-we-do-banner-section{ padding: 170px 0px 76px;}
.banner-content-heading h1{ padding-bottom: 20px; font-size: 48px;}
.hello-img{ max-width: 100%; }
.header-content p{padding-bottom: 0px; padding-top: 15px;}
.cell.small-order-1 { text-align: center;}
.block-content h2{ font-size: 28px; }
.menu-item-nav li{ padding: 0px 5px; }
.v-midle { margin: 50px 0px;}
.header-menu li a{ font-size: 14px; }
.navbar-header-menu li a{ padding: 10px 10px; }
.banner-content h2{ padding: 20px 50px; }
.banner-content{ padding: 100px 0px; }
.banner-content h4 { padding-top: 34px;}
.counting-box{ padding: 0px 10px; }
.navbar-logo-section{ padding: 50px 0px; }
.creative-image-box { padding-top: 50px;}
.creative-design-section{ padding: 50px 0px; }
.navbar-results-section{ padding: 50px 0px; }
.our-approach-section{ padding: 50px 0px; }

/*---agency-css---*/
.bnr-content h1 { font-size: 40px; line-height: 45px;}
.slider-title h4 {color: #fff; padding-top: 10px; font-size: 15px; padding-bottom: 10px;line-height: 18px;}
.about-commerce-heading{padding: 0px;}
.about-commerce-heading p { line-height: 30px;}
.modern-title-box p { font-size: 14px; line-height: 20px; }
.modern-section { padding: 50px 0px;}
.Our-Brand-Journeys-section{ padding: 50px 0px; }
.Brand-Journeys-box h4{ font-size: 22px; }
.we-plug-expertise-section { padding: 50px 0px 50px;} 
.we-plug-expertise-title { padding-bottom: 30px;}

.slider-title { margin: 0px 75px 0px 0px;}
.Join-brands-logo-section{ padding: 50px 0px; }
.Recognition-section {  padding: 50px 0px;}
.global-awards-gallery { padding: 20px 0px;}
.brands-grouth-section{ padding: 50px 0px; }
.Talk-to-Reloader{ padding-top: 30px; }
.Retail-eCommerce-tag{ width: 100%; }
.Retail-eCommerce-tag p{ font-size: 15px; }
.Retail-eCommerce-tag h3{ font-size: 15px; }
.d-md-inline-block{ width: 32.1%; }
.modern-agency a{ font-size: 15px; }
.list-unstyle.social-links li{ padding: 0px 8px; }
.brand-journeys-title h2 { color: #fff; margin-bottom: 30px;}
.header_sticky .header-menu li:last-child { border-right: 0px;}
.brand-slider-main button.slick-next.slick-arrow{ right: 3rem; top: -95px;}
.brand-slider-main button.slick-prev.slick-arrow{ right: 10%; top: -95px; }
.menu-item-nav{ padding: 28px 0px; }
hr { margin: 58px 0 20px 0;}
main.about section.recognised{ padding: 680px 0px 0px;}
.culture{ padding: 680px 0px 0px;}
main.about section.hungry{ padding: 575px 0px 0px;}
.featured-parallax{padding: 610px 0px 0px;}
.Where-layout-content h2{ font-size: 40px; }
.Where-layout-content { max-width: 500px;}
.guided-content h2{ font-size: 40px; }
.recognised-content-box h2{ font-size: 40px; }
.recognised-content-box{ width: 500px; padding: 3rem 4rem;}
.Certified-content h2{ font-size: 40px; }
.featured-parallax-box h2{ font-size: 40px; }
.featured-parallax-box{ width: 464px;padding: 4rem 4rem;}
.encouraging-content h2{ font-size: 40px; }
section.encouraging { padding: 6rem 0;}
.Certified-content{ max-width: 385px;}
main.about section.about-accodion p{ font-size: 17px; }
main.about section.guided{ padding: 6rem 0; }
.guided-content p{ font-size: 18px; }
.about-heading p{ font-size: 20px; }
.career-banner-section{ padding: 14rem 0px 14rem; height: 40vh;}
.career-banner-content h1{ padding-top: 10px; }
.career-content-section{top: -8rem;}
.header-page { padding-bottom: 6%; padding-top: calc(4% + 50px);}
.featured-parallax-approach{ padding: 650px 0px 0px;}
.featured-parallax-inner{ padding: 650px 0px 0px;}
.featured-parallax-reverse{padding: 650px 0px 0px;}
.approach-box { padding: 0px 5px;}
.button{ top: 2rem; right: 1rem;}
.header-menu{padding: 38px 0px;display: none;}
.header-menu li{padding: 0px 24px;}
.body-border{border-right: 0px; border-left: 0px;}
.brand-identity-content h2{ font-size: 28px; }
.header-content h1 { font-size: 48px; line-height: 50px;}
.banner-section{padding: 0rem;}
.red-fm-bg{ padding: 18rem 0rem;}
.zenesa-bg-img{ height: 75vh;}
.tabcontent{ width: 100%; }
.work-category-box{ width: 23.8%; padding: 30px 10px; margin-top: -7rem; margin-left: 6px; margin-right: 6px;}
.work-main{ padding: 72px 0px 192px;}
.case-studies-heading{ padding: 20px 10px;}
.case-studies-heading h4{ font-size: 22px; }
.case-studies { padding-bottom: 65px;}
.work-proud{ padding: 80px 0px 60px;}
.work-deliver { padding: 70px 0px 60px;}
.work-feature-help-you { padding: 60px 0px;}
.portfolio-sec ul li{width: 50%;}
.case-studies-heading a{ font-size: 16px; }
.column-inner-box h4{ font-size: 22px; }
.result-oriented-content h2{ font-size: 54px; }
.work-category-box h4{font-size: 24px; line-height: 30px;}
.work-category-box p { font-size: 14px;}
.work-main-content h1{ font-size: 64px; }
.product-heading h2{ font-size: 46px; }
.selling-content {
  padding-right: 0rem;
}
.project-card-box-shadow .gig-image{
  height: 190px;
}
.testimonial-video-left{
  width: 40%;
}
.testimonial-video-left img{
  margin-right: 2rem;
}
.testimonial-content-box{
  width: 56%;
}
.testimonial-content-box p{
  font-size: 22px;
  line-height: 36px;
}
.social-media{
  padding: 5rem 0rem;
}
.social-media-banner-content strong {
  font-size: 60px;
}
.social-media-banner-content h1{
  font-size: 68px;
  line-height: 70px;
}
.social-media-banner-content h2{
  font-size: 28px;
}
.client-logo-social-media .logo-item{
  margin-left: 46px;
  margin-right: 46px;
}
.miao-blog-content {
    min-height: 576px;
}
.banner-sec-top{
  padding: 2rem 0rem; 

}
.banner-title {
  font-size: 70px;
  line-height: 75px;
}
.banner-sec{ height: 80vh; }
.Strategy-banner-content {
    padding: 10rem 0rem 0rem;
}
.menu-title span.ocm-dropdown-arrow{ right: 16%; }
.about-content-box video {
    height: 264px;
    width: 473px;
}
.Click-here{bottom: 0; right: 0px;}


}

@media(max-width:991px) {
.Testmonials-sec{ padding: 2rem 0rem; }
.about-content-box video { height: 200px;width: 360px;}
.product-heading h2{ font-size: 46px; margin-bottom: 18px;}
.our-investments h1{ font-size: 36px; }
.our-investments{ padding-top: 0px; }

.nav img {top: 70px;}
.big-device p{ font-size: 16px; }
.zenesa-bg-img{ height: 42vh;}
.client-logo-slider{ display: none; }
.approach-box { max-width: 375px; margin: 0 auto; margin-top: 30px;}
.about-heading h1{ padding-bottom: 16px;}
.header-content { padding-top: 0rem;}
.slider-title { margin: 0px 55px 0px 0px;}
.unlock-title h2{font-size: 30px;}
.talk-specialist{ padding-bottom: 6%; padding-top: 6%;}
.Journeys-box { padding: 2rem 0rem 0rem 8rem;}
.our-approach{padding: 40px 0px;}
main.about section.about-accodion{padding: 4rem 0;}
.discover-btn { margin-top: 26px;}
.what-we-do-banner-section{ padding: 150px 0px 76px;}
.our-servisec-section{ padding: 60px 0px; }
.header-menu{ padding: 34px 0px;display: none; }
.navigation-button .button { top: 4.5rem; right: 1rem;}
.button{right: 0rem; top: 1.6rem;}
.header-content p{ padding: 0px; padding: 0px; line-height: 22px; font-size: 14px;}
.menu-item-nav{ padding: 20px 0px; }
.banner-title { font-size: 50px; line-height: 60px;}
.btn-plane { right: 15%}
.Partners-ul li { width: 19%; padding: 0 40px 0 0}
.mr0 { padding: 0 26px}
.pad75 { padding: 30px 26px 30px 26px}
.footer-icon img {  width: 80px}
.navbar-default .navbar-nav>li>a {  padding: 15px 10px}
.navbar-default .navbar-nav>li:last-child>a { padding: 15px 0 15px 17px}
.logo {  width: 90px }
.navbar-header-menu li a{ padding: 4px 4px; font-size: 12px; }
.banner-content h2{ padding: 30px 20px; font-size: 28px;}
.banner-content{ padding: 50px 0px; }
.banner-content h4 { padding-top: 20px; font-size: 32px;}
.counting-box{ padding: 0px 4px; }
.challenge-title{ padding-bottom: 30px; }
.career-content-section{ top: -2rem; }
.career-banner-content h1{ padding-top: 20px; }
.counting-box h1 { font-size: 44px;}
.career-banner-content h3:before{ margin-top: -20px; }
/*---agency-css---*/
.header-menu li a{ font-size: 14px; }
.bnr-content h1 { font-size: 26px; line-height: 30px; padding-bottom: 20px;}
.bnr-content h3 { font-size: 18px; line-height: 24px;}
.banner-section { padding: 0px 0px 0px;}
.our-brand-box a{ right: 45px; }
.about-commerce-heading { padding: 0px 0px 0px 0px;}
.about-commerce-heading h2 { font-size: 28px;}
.about-commerce-heading p { line-height: 26px; font-size: 16px;}
.modern-section { padding: 30px 0px;}
.modern-title-box h4{ font-size: 15px; }
.modern-title-box p { font-size: 16px; line-height: 24px;}
.Our-Brand-Journeys-section{ padding: 30px 0px; }
.about-commerce-section{ padding: 4rem 0rem;}
.Brand-Journeys-box h4 { font-size: 16px;}
.modern-agency a{ font-size: 14px; }
.we-plug-expertise-section { padding: 30px 0px 30px;}
.brand-journeys-title h2{ font-size: 26px; margin-bottom: 20px;}
.we-plug-expertise-title h2 { font-size: 28px;}
.we-plug-expertise-title { padding-bottom: 30px;}
.Join-brands-logo-section { padding: 30px 0px;}
.logo-img-box img { max-width: 100%;}
.Recognition-section { padding: 30px 0px;}
.Recognition-title h2 { font-size: 28px;}
.global-awards-gallery { padding: 20px 0px;}
.brands-grouth-section{ padding: 30px 0px; }
.brands-grouth-title{ font-size: 30px;line-height: 30px; }
.Talk-to-Reloader{ padding-top: 20px; }
.Talk-to-Reloader a{ font-size: 18px; }
.footer-section { padding: 30px 0px 20px;}
.srats { padding: 10px 0px 0px;}
.footer-menu li{ padding-bottom: 5px; }
.footer-menu li a{ font-size: 14px; }
.footer-copyrights p.footer-last-b-b0{ font-size: 14px; }
.list-unstyle.social-links li{ font-size: 12px;padding: 0px 4px; }
.d-md-inline-block{ width: 32.1%; }
.all.awards a:before{right: -15px;}
.brand-slider-main button.slick-next.slick-arrow{ right: 3rem; top: -95px; }
.brand-slider-main button.slick-prev.slick-arrow{ right: 13%; top: -95px; }
.header_sticky .header-menu li:last-child { border-right: 0px;}
.header-menu li{padding: 0px 8px;}
.recognised-content-box{padding: 30px 30px;}
main.about section.hungry{ padding: 460px 0px 0px;}
.culture{padding: 460px 0px 0px;}
main.about section.recognised{padding: 435px 0px 0px;}
main.about section.about-accodion h2{ font-size: 30px; padding-bottom: 1rem; }
main.about section.about-accodion p{ font-size: 16px; }
.featured-parallax{ padding: 460px 0px 0px;}
.featured-parallax-box{ padding: 2rem;}
.featured-parallax-box h2 { font-size: 30px; width: 70%;margin: 0px;}
.Where-layout-content h2{ font-size: 30px; }
main section.Where-layout-half { padding: 4rem 0;}
.Where-layout-content h4{ font-size: 16px; }
.guided-content h2{ font-size: 30px; }
.guided-content p{ font-size: 19px; }
.recognised-content-box h2{ font-size: 30px; }
.Certified-content h2{ font-size: 30px; }
.Certified-content{ max-width: 100%;}
.encouraging-content h2{ font-size: 30px; }
.encouraging-content{ max-width: 296px;}
.featured-parallax-box p { padding-top: 10px;}
section.encouraging { padding: 4rem 0;}
.career-banner-section{ padding: 16rem 0px 10rem; height: 45vh;}
.featured-parallax-approach{ padding: 574px 0px 0px;}
.featured-parallax-inner{padding: 574px 0px 0px;}
.featured-parallax-reverse{padding: 574px 0px 0px;}
.journeys-title-box { display: none;}
.navbar-toggal-menu li a{font-size: 28px; padding: 0px;}
.navbar-toggal-menu ul{ padding-left: 0rem; padding-top: 0rem;}
.internships-section { padding: 40px 0px;}
.modern-agency a:before{top: 5px;}
.body-border{border-right: 0px; border-left: 0px;}
.header-content h1 { font-size: 32px; padding-bottom: 20px;padding-top: 0rem; line-height: 40px;}
.red-fm-bg{ padding: 13rem 0rem;}
.result-oriented-content h2{ font-size: 54px;}
.performance-tag p { font-size: 16px;}
.links-list-content li a{font-size: 14px;}
.work-main-content h1{font-size: 52px;}
.work-main{ margin-top: -2rem; }
.work-main{ padding: 190px 0px 60px;}
.work-category-box{ padding: 20px 16px; margin-top: 2rem;margin-bottom: 0rem;width: 47.9%;}
.work-category-box h4{ line-height: 28px;  font-size: 20px;}
.service-content .work-category-box{margin-top: 2rem;}
.work-proud{ padding: 70px 0px 40px;}
.proud-heading h2{ font-size: 38px; }
.work-deliver{ padding:70px 0px; }
.deliver-heading h2 { font-size: 38px; }
.work-feature-help-you{ padding: 70px 0px; }
.case-studies{ padding-bottom: 60px; }
.nvzn-content { margin: 7rem 0rem 0rem;}
.animation-img-box-main{ width: 100%; }
.animation-img-box-inner{ width: 100%; }
.animate-gallery-box{ width: 50%; }
.animate-gallery-box-inner{ width: 100%; }
.case-studies-heading h4{ font-size: 19px; }
.case-studies-heading a{ font-size: 11px; }
.case-studies-heading a:after{ width: 12px; height: 12px; top: 0px;}
.work-main-content p{ font-size: 20px; }
.work-category-box p { line-height: 22px;}
.case-studies-heading { padding: 10px 10px;}
.case-studies-heading p{ font-size: 12px;padding: 0px 0px 0px; }
.single-pricing{ margin-bottom: 20px; }
.princing-heading h2{ font-size: 36px; }
.serviceimgdiv{ height: 35%; }
.slider-box-inner{ width: 330px; }
.speedo-img-box img { width: 72.4%;}
.zpay-img-post{margin: 7em 0rem 0rem 0rem;}
.social-media{   
 padding: 4rem 0rem 3rem;
 margin: 7rem 0rem 0rem 0rem;
}
.subcategory-tag h5{
  font-size: 14px;

}
.subcategory-tag h5 small{
  font-size: 10px;
  line-height: 12px;
}
.subcategory-tag{
  padding: 6px;
}
.selling-content {
    padding-right: 0rem;
}
.selling-content h2 {
    font-size: 28px;
}
.selling-content h5{
  font-size: 18px;
}
.project-card-box-shadow .gig-image{
  height: 144px;
}
.project-info{
   padding: 16px 0 12px 0px;
}
.explore-heading h2{
  font-size: 32px;
}
.testimonial-content-box{
  width: 57%;
}
.made-content-heading h2{
  font-size: 32px;
}
.testimonial-content-box p{
  line-height: 26px;
  font-size: 18px;
}
.testimonial-content-box h5{
  font-size: 12px;
}
.testimonial-logo img{
  height: 30px;
}
.testimonial-video-left img{
  margin-right: 1rem;
}
.testimonial-video-left {
  width: 40%;
}
.social-media-banner-content h2{
  font-size: 30px;
}
.client-logo-social-media .logo-item{
  margin-bottom: 40px;
}

/*mti css*/
.mti-study {
    margin: 7rem 0rem 0rem;
}
.slg-study {
    margin: 7rem 0rem 0rem;
}
.lab-study {
    margin: 7rem 0rem 0rem;
}
.social-media-banner-content strong {
    font-size: 80px;
}
.social-media-banner-content h1{
  font-size: 96px;
}
.miao-blog-content{
  min-height: 420px;
}

/*new navigation css*/
.checkbox:checked ~ .nav{
  width: 54%;
}
.menu-title span.ocm-dropdown-arrow{
  right: 20%;
}
.navigation-sectors a{
  padding: 5px 7px;
  font-size: 15px;
}
.banner-sec-top{
  padding: 2rem 0rem;
  margin: 8rem 0rem 0rem;
}
.Result.Oriented {
    padding: 4rem 0rem;
}
.Strategy-banner-content { padding: 10rem 0rem 0rem;}
.banner-sec{ height: 50vh; }
.we-helf-brands-content h2{ font-size: 36px; }
.we-helf-brands-content{ width: 100%; }
.we-helf-brands{ padding: 4rem 0rem; }
.block-grid-sec{ padding: 4rem 0rem; }
.finding{ padding: 4rem 0rem;}
.block-icon__body h2{ font-size: 40px; }
.service-logo-item{ margin-bottom: 2rem; }
.work-feature-box-main{ padding: 0px 0px 40px;}
.about-content-box { margin: 3rem 0rem;}






}

@media(max-width:767px) {
.footer-vector img { display: none;}
.zenesa-decor-page{margin: 3.3rem 0rem 0rem;}
/*po-up-css-start*/
.pop-up-custom-box{padding: 10px;}
.pop-up-content-wrap{padding: 0px 0px 0px 10px;margin: 0rem 0rem;}
.pop-up-content-wrap h5 { font-size: 16px; padding-bottom: 5px;}
.pop-up-content-wrap p { font-size: 10px;}
.form-group input{ margin-right: 0px; padding: 6px 8px; font-size: 12px; margin-top: 5px;}
.form-group input#email { width: 100%; margin-bottom: 5px;}
.custom-model-wrap{padding: 0px;}
.btn-primary{padding: 10px 8px;letter-spacing: 0px;}
.agency-about-content{padding: 20px 10px;}
.pt-agency { padding: 2rem 0rem;}
.test-block-img{ text-align: center; }
/*po-up-css-and*/

.ballnbrush-vecter { display: block; text-align: center;}
.testmonials-sec-img { display: block; text-align: center;}
.testmonials-content { padding-bottom: 2rem;}
.carousel-indicators { bottom: -55px;}
.beginning-heading h2{ font-size: 30px; }
.agency-about-heading h2{ font-size: 26px; padding-bottom: 2rem; }
.agency-about-content h3{ padding-top: 2rem; }
.Testmonials-sec{ background-image: none; background-color: #efebec;padding: 2rem 0rem 2rem; }
.work-feature-box-main{padding: 0px 0px 40px;}
.about-sec{padding: 3rem 0rem;}
.product-design{padding: 4rem 0rem;}
.text-about-heading{padding-bottom: 2rem;}
.service-logo-item{ margin-bottom: 30px; }
section#campaign-bg-banner { background-image: none;}
section#Joyjumperz-prescool-bg{ background-image: none; }
#Joyjumperz-prescool-bg{
    background-image: url(../images/Joyjumperz-prescool-bg-img-02.webp) !important;
    background-position: center;
    background-attachment: inherit;
  }
#campaign-bg-banner{
  background-image: url(../images/zenesa-bg-img-02.webp) !important;
 background-position: center;
 background-attachment: inherit;
}
#red-fm-bg-sec{
  background-image: url(../images/ballnbrush-website-ui-music-01.webp) !important;
  background-position: center;
  background-attachment: inherit;
}
section#red-fm-bg-sec { background-image: none;}
.about-content-box{margin: 0px;}
.block-content h2 { font-size: 28px; font-weight: 600; padding-left: 0px;}
.block-content p {font-size: 17px; font-weight: 600;}
.zenesa-block-content { padding-top: 29rem;}
.Created-content{ min-height: 640px;}
.pt-paragraph-title { display: none;}
.looking-for-content { padding-top: 30px;}
.case-study-button a{padding-top: 0rem;}
.case-study-button a{ font-size: 18px;}
.redfm-signal-logo{padding-top: 0px; display: none;}
.atmo-logo{ margin-top: 0px; }
.joyjumperz-logo{ width: 190px; }
.header-nav{ padding: 10px 0px 0px;}
.joyjumperz-pre-logo { margin-bottom: 0px; display: none;}
.medixpress-img-post{margin: 5em 0rem 0rem 0rem;}
.zpay-img-post{margin: 5em 0rem 0rem 0rem;}
.speedo-img-box img { width: 100%;}
.case-studies-section{ padding: 0px 0px 20px;}
.speedo-img-box { width: 300px;}
.serviceimgdiv{ display: none; }
.about-content { display: none;}
.count-heading-content { padding-bottom: 10px; margin-bottom: 20px;}
.princing-heading p{ font-size: 15px; }
.princing-heading h2 { font-size: 23px;}
.case-study-banner-section{ margin: 5rem 0rem 0rem;}


.zenesa-bg-img { height: 40vh; margin:}
.service-digital-title h2{ font-size: 24px; }
.brand-journeys-title { padding-bottom: 2rem;}
.Where-layout-content h3{ font-size: 20px;}
.main_heading h2 { font-size: 24px; line-height: 35px;}
.client-logo-slider{ display: block;padding: 2rem 0rem;}
.logo-inner{margin-right: 15px; margin-left: 15px;}
p.service-tag { font-size: 18px;}
.menu-about-menu { margin-top: 1rem;}
.contact-banner-background{padding: 0rem 0rem 2rem;}
.about-heading h1{font-size: 44px; line-height: 40px;}
.privacy-policy-content h2 { font-size: 28px;}
.thank-heading h1 { font-size: 48px !important;}
.checkbox:checked ~ .nav{top: 0; overflow-y: scroll; width: 100%;}
.navbar-toggal-menu{ padding: 0rem 1rem 0rem 1rem;}
.accessibility-content { padding: 2rem 0px;}
.privacy-title{ font-size: 19px; }
.navigation-bar li{ font-size: 24px;margin-bottom: 0px; padding-top: 0px;}
.Opportunities-title h3{ font-size: 18px; }
.advertised-tag p{ font-size: 16px;margin: 0px; }
.gallery-image-box p{ padding: 0px 0px 0px 10px;}
.Certified-content{ padding: 0px 20px 20px 20px; }
.what-we-do-banner-section{padding: 60px 0px 60px;}	
.banner-content-heading h1{ font-size: 32px; padding-bottom: 10px; }
.discover-btn { margin-top: 20px;}
.navbar.navbar-default{ display:block; }
.header-study .navigation-home-page .button { top: 18px;}
.cell.small-order-1 { text-align: center;}
.navigation-home-page .button { top:20px; position:fixed;}

.menu-item-nav { display: none;}
.navigation-home-page { display: block;}
.right-img { margin: auto;}
.p-767 { padding: 0 40px}
.bb1-logo { margin-left: 0}
.mobile-logo { display: block}
.navbar { padding-top: 15px}
.navbar-toggle .icon-bar { display: block;width: 32px; height: 2px; border-radius: 1px}
.mobile-sec-top { margin-top: 100px}
.bb-sec { display: none}
.title:before { bottom: 104px}
.atmo .title:before { bottom: 64px}
.res-top-line:after { position: absolute; width: 80px; height: 2px; color: #db001b; background-color: #db001b; content: ''; bottom: 104px; left: 0}
.res-top-line { position: relative}
.browse-btn { float: left}
.Partners-ul li { width: 42%; padding: 10px}
.Partners-ul li:last-child {padding-right: 10px}
.navbar-toggle { margin-top: 15px; padding: 0; border: 0; margin-right: 0}
.navbar-default .navbar-toggle .icon-bar { background-color: #000}
.banner-sec-top .form-control { width: 95%}
.btn-plane {  right: 26px; top: 213px}
.small-device { display: block; margin-top: 2rem; margin-bottom: 10px; text-align: center;}
.m-r-25 { margin-right: 5px}
.small-device .btn-default {font-size: 14px; border: 1px solid black; color: black; background-color: #ffffff; padding: 12px 18px; display: inline-block; min-width: 100px; font-weight: 600; line-height: 1; letter-spacing: .7px }
.small-device .btn-default:hover { background-color: #cb202d}
.banner-title { font-size: 45px; line-height: 54px; letter-spacing: 2px;text-align: center; margin-top: 4rem;}
.big-device { display: none}
.row-flex { display: block}
.navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #e7e7e7; background: #fff; width: 100%; margin-top: 68px}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent}
.contact-title { margin: 10px 11px 1px 11px}
.contact-title .banner-title { font-size: 39px; line-height: 45px}
.contact-title .sub-title p { font-size: 21px}
.contact-form { padding: 30px 20px}
.form-title {font-size: 26px; line-height: 36px; margin-bottom: 40px}
.contact .col-md-6.padd0 { padding: 0}
.contact .col-md-12.padd0 { padding: 0  }
.place-info-box { padding: 20px 0}
.pad75 { padding: 30px 0px 30px 0px; }
.footer-logo img {margin: 0; margin-top: 0; max-height: 80px!important}
.footer-links-div { padding: 25px 0px 0px 15px;}
.content-section .title:before { bottom: 74px}
.content-title { margin-bottom: 30px}
.copyrights { padding-top: 20px;text-align: left;}
#about-page .navbar-default .navbar-toggle .icon-bar { background-color: #fff}
#about-page .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {  color: #000}
#about-page .navbar-default .navbar-nav>li>a { color: #000}
.ballnbrush-vecter img{ margin-bottom: -32px; }
.banner-sec-top { margin-bottom: 0; align-items: center; margin: 7rem 0rem 1rem; padding: 0rem 0rem;}
.banner-title-deg { font-weight: 100;  font-size: 22px; vertical-align: super; font-family: 'OpenSans-Regular', sans-serif;}
.team-pad {  padding: 0;}
ul.links-list li p,
ul.links-list-single li p { padding: 1rem 0 0 2rem; font-size: 18px; font-weight: 400; margin-bottom: 0}
.navbar-header-menu li a{ font-size: 12px; padding: 8px 8px; }
.case-study-page-section{ padding: 20px 0px; }
.banner-content{ padding: 40px 0px 0px;}
.banner-content h2{padding: 10px 20px 0px; font-size: 20px;}
.banner-content h4 { padding-top: 30px; font-size: 18px;}
.counting-box h1 { font-size: 40px; }
.counting-box{ padding: 30px 50px 30px 50px; border-bottom: 1px solid#444;}
.case-study-counting-section{ padding: 30px 0px; }
.navbar-challenge-section { padding: 60px 0px 30px;}
.navbar-results-section{ padding: 10px 0px; }
.creative-design-section{ padding: 30px 0px; }
.creative-image-box {  padding-top: 50px;text-align: center;}
.challenge-title{ padding-bottom: 30px; }
.logo-image-box { text-align: center;}
.copyright { text-align: center;margin-top: 30px;}
.rateus{ padding: 10px 0px; }
.footer-link { text-align: center;}
.footer-logo-image { text-align: center; padding-bottom: 30px;}
.challenge-title figure.col-sm-3.d-md-inline-block { display: inline-block !important; width: 24%;}
.footer-bg-section{ padding: 20px 0px; }
.navbar-logo-section { padding: 30px 0px;}
.challenge-title:before{ margin-top: -25px; }
.challenge-title h3{ font-size: 20px; }
.career-banner-content h1{ font-size: 32px; padding-top: 0px;}
.navbar-header-menu{ display: none; }
.challenge-tage p{ font-size: 16px; }
.banner-content img { width: 250px; }
.MultiCarousel .leftLst {left: 41%;}
.leftRs{ width: 40px; height: 40px;}
.rightRs{width: 40px; height: 40px; right: -10px;}
.internships-section { padding: 40px 0px;}
.navbar-image-gallery-section { padding: 0px 0px 30px;}
.Opportunities-title h5{ font-size: 14px; }
.navbar-header img { max-width: 100px;}
button.btn.btn-primary.leftLst { padding: 6px 10px; font-size: 10px;}
button.btn.btn-primary.rightLst { padding: 6px 10px; font-size: 10px;}
/*---agency-css---*/
.agency-title li{ font-size: 14px; }
.category-box li a{ font-size: 16px; }
.modern-agency{ float: none; display: none;}
.category.box{ text-align: left; }
.Recognition-title{ padding-top: 20px; }
.about-commerce-heading p { line-height: 24px; font-size: 14px;}
.logo-img-box img { max-width: 60%; padding: 20px 15px;}
.banner-section { padding: 0px 0px 0px; margin: 4rem 0rem 0rem;}
.carousel-inner .active, .dot:hover { background-color: transparent;}
.carousel-inner h1{ font-size: 36px; }
.carousel-inner h3 { font-size: 17px;}
.prev, .next{ padding: 10px; }
.open-tab { padding-bottom: 20px;}
.header-section{ height: 80px; padding: 10px 0px;}
#myBtn{ border-radius: 50px; right: 15px; line-height: 18px;}
.ballnbrush-logo img { max-width: 60px;}
.our-brand-box a {    right: -100px; float: left; font-size: 18px;}
.icon::after {top: 0.5rem;}
.icon::before { top: -0.5rem;}
.header-menu li a{ padding: 0px 10px; font-weight: 400; font-size: 14px; display: none;}
.bnr-content h1 {font-size: 28px; line-height: 36px; font-weight: 600;}
.bnr-content h3 { font-size: 14px; line-height: 24px; letter-spacing: 0.5px;}
.our-brand-box{position: relative; width: 100%; right: 0px; bottom: 1px; display: inline-block; padding: 20px 0px;}
.about-commerce-section{ padding: 20px 0px 0px;}
.about-commerce-heading { padding: 40px 0px 40px 0px;}
.about-box-img img { width: 100%; margin: 0 auto; margin-top: 20px; }
.modern-img-box { width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
.modern-title-box h4 { font-size: 18px;}
.modern-title-box p { font-size: 16px; line-height: 24px;}
.what-we-toggal .button{ top: 1rem; right: 0; }
.modern-agency a{ font-size: 11px; }
.modern-agency a:before{ top: 2px; }
.Our-Brand-Journeys-section{ padding: 40px 0px 50px;}
.accordion__title h5{ font-size: 40 }
.slider-title { margin: 0px 35px 0px 35px}
.Brand-Journeys-box h4{ font-size: 18px; }
.Journeys-img-box img { width: 100%;}
.Join-brands-logo-section { padding: 36px 0px; }
.logo-img-box { padding-bottom: 20px;}
.global-awards-gallery { padding: 30px 0px;}
.Recognition-section { padding: 0px 0px;}
.brands-grouth-section{ padding: 16px 0px; }
.brands-grouth-title{ font-size: 28px; line-height: 40px; }
.Talk-to-Reloader{ padding-top: 20px; }
.all.awards{ position: relative;left: -20px; }
.Retail-eCommerce-tag h3{ top: 0; text-align: right;}
.d-md-inline-block{ width: 32.1%; }
.footer-copyrights{ text-align: left; }
.more-than-btn a{ font-size: 16px; }
.more-than-btn::before{ top: 10px; }
.more-than-btn a:before{ width: 156px; }
.footer-logo-box { padding-bottom: 26px;}
.footer-logo-box img { max-width: 70px;}
.icon, .icon::before, .icon::after{ width: 2rem;height: 2px; }
.icon, .icon::before, .icon::after{ width: 2rem; height: 2px;}
.item{ text-align:left;}
.bnr-content { padding: 30px 0px 0px 0px; }
.nav img { position: relative; left: 3rem; top: 1.5rem;max-width: 60px;}
.slider-title h4{ font-size: 18px;line-height: 22px; }
.more-than-btn{ margin-bottom: 20px; }
.global-awards-gallery img { width: 100%;}
.global-awards-box{ display: flex; flex-flow: row wrap; }
.header-menu{ padding: 19px 0px; }
.button{ top: 24px;}
.we-plug-expertise-title{ margin-top: 20px; padding: 0px; }
.recognition-content{ display: initial; }
.Talk-to-Reloader a { font-size: 15px;}
.Talk-to-Reloader a:before{ top: 5px; }
.header-content p { padding-top: 0px; padding-bottom: 20px;margin: 0px;}
.attachment-img-box { padding-bottom: 30px;}
.text-outline-button{ padding-top: 10px; }
hr{ margin: 60px 0 18px 0;}
.link:link, .link:visited{ font-size: 26px; }
.main-heading h2{ padding: 0px 0px 10px; font-size: 26px;}
.popular-box { padding: 20px 0px 10px;}
.recognised-content-box{width: 350px; padding: 30px 30px;left: 13px;top: 5rem;position: relative;
display: inline-block;}
main.about section.certified{ padding: 10rem 0rem 2rem;}
main.about section.recognised{ padding: 274px 0px 0px;}
main section.Where-layout-half { padding: 3rem 0;}
.culture{padding: 274px 0px 0px;margin-bottom: 5rem;margin-top: 4rem;}
main.about section.hungry{padding: 374px 0px 0px;}
main.about section.about-accodion h2{ font-size: 26px; }
.count-paragraph span.count.percent{font-size: 54px;}
.encouraging-content { max-width: 500px;}
main.about section.about-accodion p{ font-size: 16px; }
.featured-parallax-box{ width: 380px; padding: 2rem;right: 13px;top: -6rem;}
.featured-parallax-box h2 {font-size: 26px; width: 100%;}
.featured-parallax{ padding: 280px 0px 0px;}
.Where-layout-content h2 { font-size: 26px;}
.Where-layout-content { max-width: 410px; padding: 0px 13px 0px;}
.Where-layout-content h4{ font-size: 14px;line-height: 22px; }
.guided-content h2{ font-size: 26px; }
.guided-content p{ font-size: 18px; }
.recognised-content-box h2{ font-size: 26px; padding-bottom: 1rem; }
.Certified-content h2{ font-size: 20px; }
.encouraging-content h2{ font-size: 20px; }
.about-heading p{ font-size: 19px; }
.about-heading{ padding: 10px 8px 4%;}
section.encouraging { padding: 10rem 0rem 4rem;}
.menu-about-menu li a{ font-size: 14px; }
main.about section.about-accodion{ padding: 3rem 0;}
main.about section.guided{padding: 4rem 0;}
.list-single { padding-bottom: 30px;}
.featured-parallax-box p { padding-top: 0px;margin: 0px;}
.recognised-content-box p{ margin: 0px; }
.career-banner-section{ padding: 10rem 0px 4rem;height: 24vh;}
.brand-bg-text{font-size: 22px;}
ul.Senior-designer-list{ padding-bottom: 10px; }
.advertised-tag { padding-bottom: 20px;}
.Opportunities-section { padding-bottom: 20px;padding-top: 20px;}
.logo-item-heading h2 { font-size: 26px;}
.top-header-icon{text-align: center;}
.top-header-tag {text-align: center;}
.header-page { margin: 4rem 0rem 0rem; padding-bottom: 7%; padding-top: calc(0% + 35px);}
.talk-specialist-content h2 { font-size: 26px;}
.logo-item{margin: 0px 30px 30px 30px;}
.brand-logo-item { padding: 30px 0px;}
.approach-header-logo{ margin-bottom: 3rem;}
.Building.awareness { padding: 1rem 0rem;}
.approach-header-logo img { max-width: 100px;}
.home-page-logo img { position: relative; top: 3rem; left: 3rem;}
.our-approach-content h2 { font-size: 26px; padding-bottom: 20px;}
.approach-box img{padding-top: 20px;}
.our-approach-content{margin-bottom: 1rem;}
.featured-parallax-inner{ margin-top: 10rem;}
.featured-parallax-reverse{ margin-top: 10rem;}
.our-approach{ margin-top: 13rem;}
.about-heading h5{ padding: 0rem 0rem; font-size: 18px;}
.work-Paragraphs{padding-top: 1rem;}


/*---navigation css---*/
.navbar-toggal-menu ul{ padding-left: 0rem; padding-top: 0rem;}
.navbar-toggal-menu li a{ font-size: 28px;padding: 0px 0px; display: inline-block; }
.journeys-title-box { display: none;}
.Journeys-box { padding: 2rem 0rem 2rem 3rem;}
.navigation-item .navigation-home-page .button { top: 4.5rem;}
.navbar-top-navig .button { top: 1rem;}
.brands-grouth{ padding: 3rem 0rem;}
.unlock-title h2{font-size: 26px; text-align: center;}
.paragraph-heading:before{ margin-top: -1.5rem;}
.text-title-color{ text-align: center; }
.v-midle { margin: 0px 0px;}
.banner-content-heading p{font-size: 17px;}
.result-oriented-content h2{font-size: 36px;}
.performance-tag { padding-bottom: 2rem; padding-top: 1rem;}
.Result.Oriented { padding: 4rem 0rem; margin-top: 2rem;}
.body-border{border-right: 0px; border-left: 0px;}
.Boosting.sales { padding: 2rem 0rem 0rem;}
.explainer-content { margin: 35px 0px 0px;}
.explainer-content h2 { font-size: 24px;}
.video-aditing { padding: 2rem 0rem;}
.brand-identity-Paragraphs { padding: 2rem 0rem;}
.brand-identity-content h2{ font-size: 22px; }
.header-content { padding-top: 20px;}
.brand-identity-content { padding: 30px 0px 0px;}
.brand-logo-item{display: none;}
.advertised-tag a{ font-size: 15px; }
.header-content h1 {text-align: left; font-size: 34px; padding-bottom: 20px; line-height: 44px;}
.red-fm-bg{ padding: 11rem 0rem; margin: 5rem 0rem 0rem;}
header{ height: 80px; }
.career-content-section{ margin: 3rem 0rem 0rem;}
.top-header-tag p{ text-align: center; }
.main-heading{margin-bottom: 2rem;}
.red-fm-content.bg-secondary{ padding: 1rem 0rem 1rem;}
.work-main-content h1{font-size: 32px;}
.work-main{ margin-top: 4rem; padding: 50px 0px 60px;}
.work-category-box h4{ font-size: 20px;line-height: 30px; }
.work-category-box{margin-top: 2rem;width: 93.7%; margin-bottom: 0rem;}
.work-main-content p{ font-size: 17px;padding-bottom: 2rem; }
.work-proud{ padding: 40px 0px 30px; width: 100%;}
.drag-scroll-tag { margin-top: 2rem;}
.proud-heading h2{ font-size: 22px; padding-bottom: 1rem; }
.proud-content { padding-bottom: 0px;}
.case-studies{ padding-bottom: 40px;padding-top: 0px; }
.work-deliver { padding: 30px 0px 60px;}
.work-icon img{ max-width: 50px; max-height: 50px;}
.work-icon{ margin-right: 1rem; margin-top: -5.4rem;}
.work-feature-content { padding-bottom: 20px; padding-top: 20px;}
.work-feature-help-you { padding: 20px 0px;}
.deliver-heading h2{ padding-bottom: 15px; font-size: 28px; }
.deliver-heading-box { margin-bottom: 0rem;}
.text-title-color a{ margin-top: 10px; }
.animation-img-box-main{ width: 100%; }
.tab button{border: none; margin: 10px 10px 10px 10px; width: 44%; padding: 14px 20px; font-size: 18px;}
.tabcontent{ padding: 28px 16px 10px;}
.serviceimgdiv>img{ position: initial; padding: 30px 0px 20px 0px;}
.animation-img-box{ width: 100%; }
.animate-gallery-box{ width: 100%; }
.animate-gallery-box-middel{ width: 100%; }
.column-inner-box{padding-bottom: 20px;text-align: center;}
.animation-img-box img{height: 340px;}
.animate-img-box img{ height: 340px;}
.animation-img-box-inner img{ height: 340px; }
.performance-tag p{ font-size: 18px; }
.animated-videos-content p{ font-size: 16px; }
.tab{ margin-top: 1rem; display: flex; }
.get-outline-button a{ margin: 30px 0px 0px; padding: 8px 26px;}
.nvzn-content { margin: 4rem 0rem 0rem;}
.animation-img-box-inner-main { width: 100%;}
.portfolio-sec ul li{ width: 100%; }
.slider-image-box button.slick-next.slick-arrow{ top: -80px;}
.slider-image-box button.slick-prev.slick-arrow{ top: -80px;}
.animation-img-box-inner-main img{ height: 300px;}
.proud-heading{ padding-top:0rem; padding-bottom: 0px;}
.animation-img-box-main-inner{ height: 380px;}
.single-pricing{ margin-bottom: 20px; }
.our-investments{ padding-top: 0px; padding-bottom: 30px;}
.our-investments h1{ font-size: 28px;line-height: 30px; }
.product-heading h2{ font-size: 28px; }
.inner-product-box{ margin-bottom: 20px; }
.tab button.active{ background-color: transparent; color: #0b0c0c; border-bottom: 2px solid white;
    border-radius: 0px; border-top: 0; border-left: 0px; border-right: 0px;}
.service-content .work-category-box { margin-top: 2rem; width: 97.5%;}
.brook-portfolio-area{ padding: 30px 0px 20px;}
.we-handle-it{padding: 30px 0px 20px;}
.we-handle-heading{ padding-bottom: 40px;}
.work-main-content h1 strong{font-size: 36px;}
.social-media-banner-content h1{ padding-bottom: 2rem;  font-size: 36px;  line-height: 38px;}
.social-media-banner-content strong { font-size: 28px;}
.Official-video-work { margin-top: 0rem;}
.selling-content ul li h5 { font-size: 15px;}
.social-media{ padding: 4rem 0rem 4rem; margin: 4rem 0rem 0rem 0rem;}
.social-media-banner-content h2{ font-size: 18px;}
.social-media-client-logo{ padding: 1rem 0rem; }
.subcategory-slider{ padding: 30px 0px;}
.services-content h2 { padding-bottom: 2rem; font-size: 28px;}
.client-logo-social-media .logo-item{ margin-left: 30px; margin-right: 30px;}
.selling-content { padding-right: 0rem;}
.selling-content h2{ font-size: 28px;}
.selling-proposition { padding: 2rem 0rem;}
.Explore-marketplace { padding: 2rem 0rem;}
.explore-heading h2{ font-size: 28px; }
.explore-heading ul.categories-list li{ width: 50%; padding-left: 10px; padding-right: 10px;}
.business-section{ padding: 40px 0px;}
.business-image { padding-top: 30px;}
.testimonial{ padding: 40px 0px; }
.testimonial-content-box{ width: 100%; }
.testimonial-content-box p{ font-size: 26px;line-height: 30px;}
.made-on-fiverr{ padding: 40px 0px;}
.fiverr-guides{ padding: 40px 0px;}
.fiverr-guides-tag { padding-bottom: 30px;}
.made-content-heading h2 { font-size: 28px;}
.subcategory-tag{ padding: 10px;}
/*mti css*/
.mti-study { margin: 5rem 0rem 0rem;}
.slg-study { margin: 5rem 0rem 0rem;}
.lab-study { margin: 5rem 0rem 0rem;}
.miao-blog-content{ min-height: 210px;}
.menu-title span.ocm-dropdown-arrow{right: 24%;}
.navigation-sectors{  margin-left: 20px; width: 90%; }
.navigation-sectors a{ padding: 5px 8px; font-size: 15px;}
.button{  height: 38px; width: 38px;}
.accordion__content li a { font-size: 16px;}
.redfm-main { padding: 3rem 0px;}
.banner-sec-top{background-image: none;}
.text-outline-button a{ padding: 10px 1rem 10px; font-size: 14px;}
.cd-timeline-img img, .cd-timeline-img svg{ width: 38px; height: 38px; left: 62%; top: 62%;}
.cd-timeline-img{ width: 50px; height: 50px; left: 8%;}
.cd-timeline-content h2{  font-size: 24px; padding-bottom: 1rem;}
.cd-timeline-content p { font-size: 14px;}
.cd-timeline-content{  padding: 10px;height: 220px}
.cd-timeline::before{ left: 7%;}
.cd-timeline { padding: 1em 0; margin-top: 0em; margin-bottom: 0em;}
.Strategy-banner-content { padding: 10rem 0rem 0rem;}
.Strategy-banner-content h1 { font-size: 45px; line-height: 50px;}
.we-helf-brands-content h2 { font-size: 36px;}
.we-helf-brands-content{ width: 100%;padding-bottom: 20px; }
.block-grid-sec{ padding: 4rem 0rem;}
.we-helf-brands{ padding: 4rem 0rem;}
.grid__item.w-1-3-medium-up { padding-bottom: 30px;}
.finding-heading { padding-top: 35px;}
.block-icon__body h2{ font-size: 36px; }
.finding-heading h2{ font-size: 38px; }
.All.Contract { padding: 3rem 0rem;}
.few-benefits { padding: 3rem 0rem;}
.how-to-start { padding: 2rem 0rem;}
.section-heading h2{ font-size: 36px; padding-bottom: 3rem;}
.All.Contract.bg-secondary h2 {font-size: 30px;}
.co-working img { display: none;}
.elementor-element-logo{ padding: 2rem 0rem;display: none;}
.Strategy-banner-content h1 { font-size: 36px; line-height: 40px; padding-bottom: 2rem;}

}

@media(max-width:667px) { 
.banner-sec { height: 100vh;}
.home-page-logo img { position: relative; top: 3rem; left: 3rem;}
.top-header-tag { text-align: center;}
.top-header-icon{text-align: center;}
.career-banner-section{ padding: 10rem 0px 10rem;}
.what-we-do-banner-section { padding: 40px 0px 40px; margin: 6rem 0rem 0rem;}
.banner-content-heading h1{ padding-bottom: 10px; }
.cell.small-order-1 { text-align: center;}
.right-img { max-width: 100%}
.p-767 { padding-left: 26px}
.logo { width: 90px}
.d-none { display: block}
.grid-margin-x>.small-12.col-m-7 { margin-top: 20px}
.strategy-ul {  padding: 0 26px!important}
.main-button .text-center {text-align: left; padding-left: 25px}
ul.links-list,
ul.links-list-single {  margin-bottom: 10px!important}
.element-bottom-70 { margin-bottom: 0!important}
.block.second { padding: 2rem 0!important}
.element-top-100 { margin-top: 0;  margin-bottom: 30px}
hr.divider:after { height: 3px!important}
.small-device-none { display: none}
.grid-margin-x>.small-12.col-m-7.forth { margin-top: 0}
.block.third { padding: 0 0 2rem 0!important}
.element-top-60 {  margin-top: 0}
.pad75 { padding: 30px 16px 20px 16px;}
.footer-links-div { padding: 30px 0px 0 0px}
.ul-stars li { padding: 0!important}
.footer-links ul a { font-size: 12px}
.rateus { font-size: 14px}
.copyrights p { font-size: 13px;text-align: center;}
.quick-links ul li a { font-size: .8125rem}
.social-links li a:before { content: ''}
.Partners-ul { text-align: center}
.atmo-logo { width: 160px}
.footer-logos { padding-top: 2rem; padding-bottom: 2rem}
.Partners-ul li { display: inline-block;  padding-bottom: 1rem;  width: 32%}
.img-center { margin: auto;  width: auto;  max-width: 90%;  max-height: 60px}
.footer-links-div { margin-left: .625rem; margin-right: .625rem}
.footer-links .container-fluid { padding: 0}
.stars { padding: 0}
.ul-stars img { width: 22px; height: 22px; margin-right: 6px}
.social-icons ul li { margin: 0px 10px 10px 0px;}
.social-icons { padding-bottom: 0; text-align: center;}
.footer-last-b-b0 { margin-bottom: 0}
.copyrights {font-size: 11px}
.copyrights .social-links li a { font-size: 11px}
.small-device .btn-default { min-width: 100px; }
.button{ right: 6px; }
.text-outline-button{ padding-top: 30px; }
.link:link, .link:visited{ font-size: 28px; }
.about-heading h1 { font-size: 38px; margin-bottom: 0px;}
.list-unstyle.social-links{text-align: center;}
.encouraging-content { max-width: 495px;}
.body-border{border-right: 0px; border-left: 0px;}
.brand-slider-main button.slick-prev.slick-arrow { right: 15%;}
.zenesa-bg-img{ width: 100%; }

}

.sidenav { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: .5s; padding-top: 60px; text-align: center }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: .3s}
.sidenav a:hover { color: #f1f1f1}
.sidenav .closebtn { position: absolute; top: 0; right: 25px;  font-size: 36px;  margin-left: 50px}


@media screen and (max-width:450px) {
.sidenav { padding-top: 15px}
.sidenav a {  font-size: 18px}
.body-border{border-right: 0px; border-left: 0px;}
.home-page-logo img{ left: 3rem;top: 5rem;}
.banner-title{ margin-top: 0rem;}
.Result.Oriented{margin-top: 0rem;}
.navbar-toggal-menu { padding: 0rem 1rem 0rem 3rem;}
.red-fm-bg{ padding: 7rem 0rem;}
}

.hamburger.hide-for-large.expanded .navbar-brand>img.logo { display: none}
.mobile-logo { width: 124px; position: absolute; padding-left: 22px; padding-top: 17px}


@media only screen and (max-width: 375px) {
.zenesa-decor-page{margin: 3.3rem 0rem 0rem;}
.footer-vector img { display: none;}
.proud-tag p{ font-size: 14px; padding-bottom: 20px; }
.our-services{ padding: 3rem 0rem; }
.services-heading h2{ font-size: 38px; }
.block-grid-heading h2{ font-size: 36px; }
.Strategy-banner-content { padding: 10rem 0rem 0rem;}
.Strategy-banner-content h1 { font-size: 45px; line-height: 50px;}
.ballnbrush-vecter img { margin-bottom: -40px;}
.product-heading h2{ font-size: 26px; }
.our-investments h1{ font-size: 22px;}
.single-pricing{ margin-bottom: 20px; }
.Result.Oriented{margin-top: 0rem;}
.banner-sec-top{ margin: 7rem 0rem 0rem;}
.navbar-toggal-menu { padding: 2rem 1rem 0rem 1rem;}
.red-fm-bg { padding: 6.5rem 0rem; margin: 4rem 0rem 0rem;}
.header-content { padding-top: 0px;}
.body-border{border-right: 0px; border-left: 0px;}
.slider-title { margin: 0px 30px 0px 10px;}
header{height: 57px;}
.zenesa-bg-img{ height: 25vh; }
.brand-journeys-title { padding-bottom: 1rem;}
.list-unstyle.social-links{ padding: 0px 0px 0px;text-align: center;}
.text-heading p { font-size: 10px;}
.our-approach-content h2 { font-size: 28px; padding-bottom: 20px;}
.navbar-top-navig .button { top: 0.3rem;}
.thank-heading h1 { font-size: 40px !important;}
.privacy-policy-main { padding: 2rem 0rem;}
.Journeys-box { padding: 1rem 0rem 1rem 2rem;}
.top-header-tag { text-align: center;}
.Journeys-box p { display: block;}
.about-heading h1 { font-size: 28px; line-height: 30px;}
.top-header-icon{text-align: center;}
.career-banner-section{ padding: 5rem 0px 3rem; height: 38vh;}
.career-content-section { top: -2rem;}
.advertised-tag { padding-bottom: 20px;}
.our-servisec-section { padding: 60px 0px 10px;}
.Certified-content { max-width: 340px;padding: 0px 0px;}
.encouraging-content { max-width: 345px;}
.banner-content-heading p{ font-size: 13px; }
.banner-content-heading h1 { font-size: 24px;}
.what-we-do-banner-section { padding: 60px 0px 50px; margin: 3.5rem 0rem 0rem;}
.discover-btn { margin-top: 20px;}
.nav ul.list { padding: 30px 0px 0px;}
.layout-category .category-box{ padding-top: 0px; }
hr{ margin: 60px 0 18px 0;}
.hello-img{ max-width: 100%; }
.cell.small-order-1 { text-align: center;}
.link:link, .link:visited{ font-size: 28px; }
.block-content h2{ font-size: 25px; }
.navbar-header-menu{ display: none; }
.banner-content h2{ font-size: 18px; }
.banner-content h4{ font-size: 18px; }
.counting-box h1 { font-size: 34px;}
.counting-box h5 { font-size: 18px;}
.challenge-title:before{ margin-top: -20px; }
.challenge-title h3 { font-size: 24px;}
.challenge-tage p{ font-size: 16px; }
.navbar-results-section { padding: 0px 0px;}
.carousel-indicators li{ height: 15px; width: 15px; }
.navbar-logo-section { padding: 0px 0px;}
.footer-bg-section{ padding: 20px 0px; }
.career-banner-content h1{ font-size: 36px; }
.career-banner-content h3:before{ margin-top: -15px; }
.career-banner-content h3 { font-size: 20px;}
.career-banner-content h1{ font-size: 25px; padding-top: 0px; }
.advertised-tag p{ font-size: 16px; margin: 0px;}
.Opportunities-title h5{ font-size: 16px; }
.Opportunities-title h3 { font-size: 21px;}
.navbar-header img { width: 100px;}
.our-approach-section { padding: 20px 0px;}
.MultiCarousel .leftLst { left: 36%;}
.leftRs{ width: 30px;height: 32px;padding: 0px 8px; left: 6px;}
.rightRs { width: 30px; height: 32px; padding: 0px 8px; right: 2px;}
button.btn.btn-primary.leftLst{ padding: 6px 9px; font-size: 8px; }
button.btn.btn-primary.rightLst{ padding: 6px 9px; font-size: 8px;}
.navbar-header img { max-width: 70px;}
.nacres-header-logo img { padding: 12px 0px;}
/*---agency-css---*/
.bnr-content{padding: 0px 0px 30px 0px;}
.about-commerce-section { padding: 0px 0px 0px;}
.logo-img-box{ text-align: center; }
.logo-img-box img { max-width: 100px; max-height: 100px;}
.Brand-Journeys-box h4 { font-size: 10px; margin-top: 10px; margin-bottom: 10px;}
.modern-agency a { font-size: 14px;}
.modern-agency a:before{ top: 0;   }
.Our-Brand-Journeys-section { padding: 40px 0px 10px;}
.carousel-indicators li{ height: 15px; top: 30px;}
.all.awards a { right: -2px; top: -38px;}
.logo-img-box img { max-width: 100px; max-height: 100px;}
.global-awards-gallery { padding: 10px 0px;}
.looking-tag p{ font-size: 10px; margin: 0px 0px; padding: 0px 0px; line-height: 16px;}
.brands-grouth-title{ font-size: 16px; }
.Talk-to-Reloader { padding-top: 5px;}
.blogal-awards-title h5 { font-size: 16px;}
.Retail-eCommerce-tag h3{ text-align: right; }
.drouth-btn a{ font-size: 12px; border: 3px solid #cb202d; padding: 8px 1rem 6px; }
#myBtn{ right: 15px; }
.modern-agency{ display: none; }
.all.awards a{ font-size: 16px; }
.we-plug-expertise-title h2 { max-width: 100%; font-size: 22px;}
.footer-logo-box img { max-width: 70px;}
.our-brand-box a { right: -25px;}
.about-commerce-heading p { line-height: 22px; font-size: 14px; letter-spacing: 0.5px;}
.modern-title-box p { font-size: 14px;line-height: 22px; letter-spacing: 0.5px;}
.we-plug-expertise-title { padding-bottom: 0px;}
.nav img { position: relative; top: 1.5rem;left: 2rem;}

.icon, .icon::before, .icon::after{ background-color: #ca202d; }
.Recognition-section { padding: 10px 0px;}
.all.awards a:before{ top: 3px; }
.we-plug-expertise-title p { font-size: 16px; line-height: 26px;}
.slider-title h4{ font-size: 18px; padding: 15px 0px;}
.brand-slider-main button.slick-prev.slick-arrow{ width: 30px; height: 30px; top: -58px;right: 65px;}
.brand-journeys-title h2{ font-size: 18px; }
.brand-slider-main button.slick-next.slick-arrow{ width: 30px; height: 30px; left: 20rem; top: -58px;}
.brand-slider-main button.slick-next.slick-arrow:before{ font-size: 0px; }
.brand-journeys-title h2{left: 0px;}
.about-commerce-heading h2 { font-size: 22px;}
.bnr-content h1{ font-size: 22px; line-height: 30px; }
.our-brand-box a:before{right: -16px; top: 10px;}
.utopiya-img-post{ margin: 4rem 0rem 0rem;}
.item{ font-size: 26px; }
.list{ top: 30%; }
.agency-title li{ font-size: 14px; }
.category-box li a{ font-size: 14px; }
.ballnbrush-logo img { max-width: 50px;}
.header-menu{ padding: 8px 0px; }
.header-section{ height: 60px; }
.button{ height: 38px; width: 38px; top: 18px;}
.copyrights{ text-align: left; }
.text-outline-button{ padding-top: 10px; }
.menu-about-menu li{ font-size: 15px; padding: 10px 12px; }
.about-heading p { font-size: 16px; line-height: 22px;}
.featured-parallax{padding: 400px 0px 0px;}
.featured-parallax-box{ padding: 16px 12px; right: 10px; width: 354px;top: -4rem;}
main section.Where-layout-half { padding: 2rem 0;}
main.about section.guided{ padding: 40px 0px; }
.recognised-content-box{ width: 336px; padding: 16px 12px; left: 10px;top: 4rem;}
main.about section.recognised{ padding: 250px 0px 0px;}
.culture{ padding: 310px 0px 0px;}
main.about section.hungry{ padding: 420px 0px 0px;}
section.encouraging { padding: 10rem 0rem 2rem; display: inline-block;}
.featured-parallax-box p { font-size: 16px; margin: 0px;}
.featured-parallax-box h2 { font-size: 20px; width: 100%;padding-bottom: 10px;}
.recognised-content-box h2 { font-size: 20px; padding-bottom: 10px;}
.recognised-content-box p { font-size: 16px; margin: 0px;}
.Where-layout-content h2 { font-size: 20px;}
.guided-content h2 { font-size: 20px;}
main.about section.about-accodion{ padding: 40px 0px; }
main.about section.certified{ padding: 12rem 0rem 2rem; display: inline-block;}
.list-single { padding-bottom: 20px;}
.accordion__title{ padding: 16px 20px;}
.active .accordion__content { max-height: 230px;}
.accordion__content p{ margin: 0 auto; max-width: 88%;}
.logo-item-heading { padding-bottom: 35px;}
.featured-parallax-approach{padding: 210px 0px 0px;}
.featured-parallax-inner{padding: 210px 0px 0px; margin-top: 11rem;}
.featured-parallax-reverse{padding: 245px 0px 0px; margin-top: 11rem;}
.our-approach{display: inline-block; position: relative; margin-top: 12rem;}
.approach-header-logo{ margin-bottom: 1rem;}
.logo-item{ margin-left: 15px; margin-right: 15px; margin-bottom: 30px;}
.gallery-image-box { padding-bottom: 30px;}
.home-page-logo img { position: relative; top: 3.5rem;}
.what-we-toggal .button{top: 0.7rem;right: 1rem;}
.explainer-content h2 { font-size: 26px;}
.header-content h1 { font-size: 28px; padding: 20px 0px;line-height: 35px;}
.links-list-content li a{ font-size: 12px; }
.performance-tag p{ font-size: 14px; }
.animated-videos-content p{ font-size: 16px; }
.animation-img-box-inner img { height: 335px; width: 100%;}
.tab{ margin-top: 1rem; }
.service-content .work-category-box { margin-top: 2rem;}
.links-list-content li:before{width: 12px;height: 12px; top: 10px;}

}
@media only screen and (max-width: 320px){
.block-content h2{ font-size: 20px; }
.block-content p{ font-size: 14px; }
.main_heading h2{ font-size: 22px; }
.ballnbrush-vecter img { margin-bottom: -30px;}
.menu-title span.ocm-dropdown-arrow { right: 11%;}
.our-investments h1{ font-size: 20px;}
.single-pricing{ margin-bottom: 20px; }
.navbar-toggal-menu { padding: 4rem 1rem 0rem 2rem;}
.header-page{padding-top: calc(0% + 10px);}
.explainer-content h2 { font-size: 24px;}
.banner-section{ padding: 0px; }
.brand-slider-main button.slick-next.slick-arrow{left: 17rem; top: -56px;}
.red-fm-bg { padding: 5.5rem 0rem;}
.bnr-content{ padding: 0px 0px 30px; }
.recognised-content-box{ max-width: 300px; }
.featured-parallax-box{ max-width: 300px; }
.navbar-top-navig .button { top: -2.5rem; right: -18rem;}
.banner-title { font-size: 40px; line-height: 48px; letter-spacing: 2px; text-align: center;}
.banner-sec-top{margin: 5rem 0rem 0rem;}
.what-we-toggal .button{ top: -2.5rem; right: -17rem;}
.header-nav{height: 58px;}
.slider-title { margin: 0px 35px 0px 35px;}
.banner-title{ margin-top: 0rem; }
.home-page-logo img{left: -6rem;}
.nav img{left: 2rem;}
.animation-img-box-inner img { height: 335px; width: 100%;}
.case-studies-heading a{ font-size: 12px; }
.case-studies-heading p{ padding: 0px 0px 0px;}
.case-studies-heading a:after{ width: 12px; height: 12px; top: 1px;}
.case-studies-heading { padding: 10px 10px;}
.case-studies-heading h4{ font-size: 18px; line-height: 16px; }
.tab button { margin: 10px 10px 10px 10px; width: 43%; padding: 10px 12px; font-size: 14px;}
.service-content .work-category-box { margin-top: 2rem;}
.testimonial-video-left { width: 100%;}
.testimonial-content-box p { font-size: 18px; line-height: 28px;}
.fiverr-guides-heading h2{ font-size: 24px;}
.made-content-heading h2 { font-size: 24px;}
.explore-heading h2 { font-size: 23px;}
.selling-content h2 { font-size: 24px;}
.services-content h2 { padding-bottom: 2rem; font-size: 24px;}
.fiverr-guides-tag h5 { padding-top: 10px;}
.miao-blog-content { min-height: 180px;}
.block-icon__image svg { max-width: 300px;}
.about-content-box video { height: 160px; width: 300px;}
.pop-up-content-wrap p{ font-size: 12px; padding-bottom: 0px; line-height: 14px;}
.btn-primary a{padding: 8px 14px; font-size: 10px; letter-spacing: 0px;}
.form-group input{ padding: 0px 0px; font-size: 10px;}
.Click-here{ font-size: 10px;width: 80px; padding: 6px 0;}
.custom-model-inner{ margin-top: 40%; }
.footer-vector img { display: none;}
.zenesa-decor-page{margin: 3.3rem 0rem 0rem;}

}






@media (max-width: 450px) and (min-width: 376px){
.brand-slider-main button.slick-prev.slick-arrow { right: 18%;}
.brand-slider-main button.slick-next.slick-arrow { right: 2rem;}
}



@media (min-width: 1400px){
.container { max-width: 1340px;}
}