@media (max-width: 1920px) { 
	.csr-row {
    -ms-flex-align: initial;
    align-items: initial;
}
.csr-left{min-height: auto;}
}
@media (max-width: 1440px) { 
.sliderwrap{min-height: 400px;}
}
@media (max-width: 1366px) {
    .herobanner h2{font-size: 42px;}
    .herobanner h3{font-size: 36px;}
    .sliderwrap{min-height: 335px;}
}

@media (max-width: 1280px) {
    .intro-panel h1 br{ display: none;}
    .intro-panel h1 { font-size: 45px;}
    .countryhighlight h3 span { font-size: 100px;}
    .brands-banner-container h1 { font-size: 45px;}
}
@media (max-width: 1200px) {
    .container { max-width: 90%;}
    .brands-panel .container { max-width: 85%;}
    .owl-theme .owl-dots { top: -45px; right: 3%;}
    .whywork-right ol li { font-size: 20px;}
    .whywork-right, .csr-right { padding-left: 0;}
    .coreblock p{ font-size: 20px;}
    .add-block p, .whywork-panel p, .career-col p, .aboutintro p, .csr-panel p { font-size: 20px;}
    .herobanner-txt {padding: 0px 50px 0;}
	.ourbrands h1 br{display: none;}
}

@media (max-width: 1080px) { 
	.csr-row {padding-top: 0px; display: block;}
	.csr-right, .csr-left { width: 100%;}
	.csr-left { min-height: 56vw;}
	.csr-right {padding-top: 50px;}
}
@media (max-width: 991px) {
    .container { max-width: 94%; }
    .our-network-right { padding-top: 40px; }
    .sectitle p, .our-responsibility-panel p { max-width: 100%;}
    .insightstitle { font-size: 18px;}
    .insightsdes { font-size: 16px;}
    .insightsdate { font-size: 15px;}
    .add-block { padding-top: 40px;}
    .brandfeature-col br{ display: block;}
    .our-network-right .sectitle h3 br { display: block;}
    .add-block h3 { font-size: 36px; }
    .add-block p, .whywork-panel p, .career-col p, .aboutintro p, .csr-panel p { font-size: 18px;}
    .subform { display: block; }
    .subscribeform form input { margin-right: 0; margin-bottom: 8px; width: 100%;}
    .contact-panel { padding: 70px 0 90px; }
    .sectitle h3, .sectitle-white h3 { font-size: 32px;}
    .help-panel { padding: 75px 30px;}
    .creer-panel { padding-bottom: 80px; max-width: 100%;}
    .section { padding: 80px 0; }
    .overlay ul li a { font-size: 20px; line-height: 24px;}
    .gridrow { grid-template-columns: 48% 48%;} 
    .brands-banner-container h1 { font-size: 36px;}
    .gridrow { margin-bottom: 80px;}
    .aboutbanner .sub-banner-des { max-width: 60%; }
    .our-network-panel h5 { max-width: 90%;}
    .herobanner h2 {  font-size: 36px;}
    .herobanner h3 { font-size: 32px;}
    .herobanner h3 br{ display: block;}    
    .section.brands-panel { padding: 80px 0 0;}
    .intro-left { padding-bottom: 40px;}
    .our-network-left { width: 70%; margin: 0 auto;}
    .brandapp-dtls { padding-top: 50px;}
    .brandapp-img img { width: 100%; }
    .brands-banner { background-position: right center;}
/*    .jeeroo-banner, .dokter-sanitizer-banner { background-position: 80% 100%;}*/
    h2.resp-accordion { text-align: left;}
    /*.sunny-milki-banner { background-position: 84% 50%;}
    .dokter-handwash-banner, .sunny-active-banner { background-position: 85% 100%;}*/
	.tabs-img-block { max-width: 95px; margin: 0 25px 0 0; display: inline-block;}
	.tabs-img-block{opacity: 1;}
	.brandfeature-col{margin-bottom: 48px;}
	.resp-tabs-container .brand-features-row {margin: 10px 0;}
	
}


@media (max-width: 767px) { 
    .sub-banner, .brands-banner { height: 85vh; background-position: center center !important;}
    .subscribeform  { margin-bottom: 40px;}
    .subform { display: flex;}
    .subscribeform form input {  margin-bottom: 0; width: 100%;}
    .ftrnav ul, .ftrsocial ul, .copyright-wrap h5, .copyright-wrap p { text-align: center;}
    .main-nav, .divya-jyoti-banner br, .mrbrite-banner br { display: none;}
    .overlay ul li a { font-size: 18px; line-height: 23px; padding: 12px 0;}
    .overlay nav { width: 80%;}
    .pagetitle { font-size: 15px;}
    .contactbanner, .ourbrands { background-position: right center;}
    .map-block iframe { height: 300px;}
    .whywork-right, .csr-right { padding-top: 50px;}
    .whywork-left img { width: 70%;}
   .creer-panel { padding-bottom: 30px;}
    .career-col a, .our-network-right p { font-size: 20px;}
    .sub-banner-des, .brands-banner-container { width: 75%;
    padding: 100px 0 0px;
    position: relative;
    max-width: 100%;
    bottom: 0; text-align: center; left: 0;
    right: 0;
    margin: 0 auto;}
	.aboutbanner { background: #4b5254 url(../images/pagebanners/mob-about-banner.jpg);}
	.csrbanner { background: #6a3818 url(../images/pagebanners/mob-csr-banner.jpg);}
    .contactbanner { background: #53738f url(../images/pagebanners/mob-conatct-banner.jpg); background-position: 50% 100% !important;}
    .careerbanner { background: #021523 url(../images/pagebanners/mob-career-banner.jpg); background-position: 50% 80% !important;}
    .ourbrands { background: #3b81f1 url(../images/pagebanners/mob-ourbrands-banner.jpg);}
	.sunny-gold {background: #9dba00 url(../images/brand-banners/mob-sunny-active-shine-gold.jpg);}
	.divya-jyoti-banner {background: #fda100 url(../images/brand-banners/mob-divya-jyoti.jpg);}
	.jeeroo-banner {background: #ff8789 url(../images/brand-banners/mob-jeeroo.jpg);}
	.minerva-banner {background: #00b393 url(../images/brand-banners/mob-minerva-water.jpg);}
	.sunny-active-banner {background: #ffb724 url(../images/brand-banners/mob-sunny-active-shine.jpg);}
	.mrbrite-banner {background: #7f7f7f url(../images/brand-banners/mob-mr-brite.jpg);}
	.sunny-sharp-banner {background: #0174cf url(../images/brand-banners/mob-sunny-sharp.jpg);}
	.sunny-milki-banner {background: #528212 url(../images/brand-banners/mob-sunny-active-shine-milki.jpg);}
	.dokter-sanitizer-banner {background: #0196b6 url(../images/brand-banners/mob-dokter-sanitizer-banner.jpg);}
	.dokter-handwash-banner {background: #f67174 url(../images/brand-banners/mob-dokter-handwash-banner.jpg);}
	.app-up-banner {background: #080808 url(../images/brand-banners/mob-app-up.jpg);}
	.puroseed-banner {background: #612908 url(../images/brand-banners/mob-puro-seed.jpg);}
	.dokter-classic-banner {background: #769842 url(../images/brand-banners/mob-dokter-classic.jpg);}
	.safetic-banner {background: #579911 url(../images/brand-banners/mob-safetic-antiseptic-liquid.jpg);}
	.germyl-banner {background: #008491 url(../images/brand-banners/mob-germyl.jpg);}
	.germax-banner {background: #ffa722 url(../images/brand-banners/mob-germax.jpg);}
	.orangio-banner {background: #849400 url(../images/brand-banners/mob-orangio.jpg);}
	/*.sunny-green-banner {background: #ccc url(../images/brand-banners/mob-sunny-green.jpg);}
	.kleny-fc-banner {background: #ccc url(../images/brand-banners/mob-kleny-floor-cleaner.jpg);}
	.kleny-tc-banner {background: url(../images/brand-banners/mob-kleny-toilet-cleaner.jpg);}
	.fyona-milki-banner {background: #ccc url(../images/brand-banners/mob-fyona-milki.jpg);}*/
    
    .brandintro p, .howitworkscol p { font-size: 20px;}
    .aboutintro { max-width: 100%; }
    .coreblock p, .our-network-panel h5 { font-size: 18px;}
    .coredes h4 { padding-bottom: 26px; font-size: 18px;}
    .intro-panel h1 { font-size: 40px; }
     /*.sliderwrap {padding: 60px 40px; min-height: auto;}*/
     .sliderwrap {padding: 20px 40px; min-height: 240px;}
    .brands-panel .container { max-width: 95%;}
    .brands-slider { padding-left: 4.5%;}
    .howitworkscol h4 { font-size: 22px;}
    .insightsblog { padding-bottom: 60px;}
    .insightsblog-row { padding-bottom: 0;}
    .intro-right img { width: 100%;}
    .section.our-network-panel { padding: 80px 0 0; }
    .our-responsibility-panel { padding: 80px 25px;}
    .our-responsibility-panel p { font-size: 20px;}
    .whywork-row{padding-top: 20px; display: block;}
    .whywork-right, .whywork-left { width: 100%;}
    .whywork-left{ min-height: 400px;}
    .brands-banner-container h3 { font-size: 4.2vw;}
    .banner-sub-title { font-size: 2.5vw; }
    .brand-logo img { max-width: 14vw;}
    .section.brands-panel { padding: 40px 0 0;}
    .countryhighlight {left: 22vw;}
    #outer_wrapper{margin-left: 20px;    margin-right: 20px;}
    .gridcol {height: 45vw;}
    .mob-banner { display: block;}
    .hrblock { max-width: 100%; padding: 50px 40px; margin: 0 auto 40px; }
    .hrblock h3 a { font-size: 25px;}
}

@media (max-width: 680px) { 
    .coreblock { width: 100%; }
    .coreblock:first-child { margin: 0 auto 50px;}
    .countryhighlight h3 span { font-size: 80px;}
    .countryhighlight h3 { font-size: 32px;}
    .countryhighlight { left: 42vw; bottom: 14vw; }
    .our-network-left { width: 100%;}
    .section.ourcore-panel { padding: 60px 0 30px;}
    .aboutintro {padding: 80px 0 50px;}
    .brands-banner { position: relative;}
    /*.brands-banner:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgb(0 0 0 / 25%), rgb(0 0 0 / 35%));
    }*/
   /*.herobanner h3 br { display: none;}
    .herobanner h3 {
    font-size: 38px;
}*/
    .brandapp-dtls h4 { font-size: 36px;}
    .caution-heading h4 {font-size: 28px; line-height: 50px; padding-left: 62px;}
    .caution-heading {background-size: 50px;}
    .note-heading h4{font-size: 28px; line-height: 40px;}
    .brandapp-dtls li {font-size: 20px; text-align: left;}
    .brandapp-dtls p {font-size: 20px;}
    .brand-application-panel { padding: 80px 0 60px;}
    .herobanner-txt {padding: 0px 35px 0;}
}

@media (max-width: 600px) { 
    .logo { width: 160px; }
    .sticky-top, .sticky {  padding: 15px 20px;}
    .overlay.open:after { height: 40%;}
    /*.sub-banner:before { background: linear-gradient(0deg, rgb(0 0 0 / 28%), rgb(0 0 0 / 75%));}*/
    .whywork-left img { width: 100%;}
    .sectitle h3, .sectitle-white h3, .brands-banner-container h1 { font-size: 28px;}
    .helpblock a { font-size: 18px;}
    .add-block p, .whywork-panel p, .career-col p, .aboutintro p, .csr-panel p { font-size: 17px;}
    .whywork-right ol li { font-size: 18px; padding: 15px 0 15px 50px;}
    .brandintro p, .minerva-details p, .brandapp-dtls li { font-size: 18px; }
    .aboutbanner .sub-banner-des h1, .sub-banner-des h1 { font-size: 4.2vw;}
    .ourmission-block { width: 100%; height: 410px; border-radius: 0;}
    .sliderwrap {padding: 30px 20px; min-height: 53vw;}
    .intro-panel h1 { font-size: 32px;}
    .whywork-left {min-height: 280px;}
    .sub-banner-des h1 br, .brands-banner-container h1 br { display: none;}
    .subform { display: block;}
    .subscribeform form input {  margin-bottom: 8px;}
	.tabs-img-block {max-width: 80px; margin: 0 12px 0 0;}
     .hrblock h3 a { font-size: 20px;}
    .hrblock h3 { font-size: 20px;}
}
@media (max-width: 480px) { 
    .herobanner h3 br { display: none;}
    .herobanner h2{font-size: 30px;}
    .herobanner h3 {    font-size: 26px;}
    #outer_wrapper{padding: 215px 0 150px;}
    .subscribeform form { display: block; }
    .subscribeform form input { margin-right: 0; margin-bottom: 20px; width: 100%;}
    .ftrnav ul li { width: 49%; }
    .ftrnav ul li a {text-align: left; font-weight: 500;}    
    .contact-panel h4 { font-size: 18px;}
    .overlay ul li a { font-size: 16px;}
    .gridrow { grid-template-columns: 98%; } 
    .aboutbanner .sub-banner-des h1 {font-size: 4.4vw;}
    .sub-banner-des h1, .brands-banner-container h1 { font-size: 5.2vw;}
    .aboutintro p { text-align: left;}
    .ourmission-block { height: auto; padding: 80px 30px 60px;}
    .ourcore-panel .sectitle h3 { font-size: 30px;}
    /*.herobanner h3 { font-size: 28px;}
    .herobanner h2 { font-size: 36px;}*/
    .our-responsibility-panel { padding: 60px 10px;}
    .defaultlink a:after { right: -82px; width: 75px;}
    .brands-panel .defaultlink a:after { display: none;}
    .our-responsibility-panel p { font-size: 17px;}
    .brandintro p, .howitworkscol p { font-size: 18px;}
    .howitworkscol h4 { font-size: 20px;}
    .sectitle p { font-size: 20px;}
    .circle-info { display: flex; align-items: center; color: #007AC2; width: 45vw;}
    .timer, .circle-info span {font-size: 15vw;}
    .brands-banner-container h3 {font-size: 5.2vw;}
    .banner-sub-title {font-size: 5.2vw;}
    .brand-logo img {max-width: 25vw;}
    .countryhighlight { left: 35vw; bottom: 14vw; }
    .countrynumber { width: 42vw;}
    .countryhighlight h4 { font-size: 24px;}
    .herobg img { width: 150%;}
    .gridcol {height: 87vw;}	
    .coreblock {flex-wrap: wrap;}
	.coredes {width: 100%; padding-left: 0px; text-align: center;}	
	/*.tab-title {display: inline-block; max-width: 162px;}*/
}
@media (max-width: 360px) {
    .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 6px;}
    .defaultlink { padding: 0 10px;}
	/*.tab-title {display: inline-block; max-width: 132px;}*/
}