@media screen and (max-width: 1799px) 
{

:root{    --size-16:15px;	--size-18:16px;    --size-20:17px;	--size-22:19px;    --size-25:21px;	--size-28:24px;	--size-32:28px;    --size-38:31px;	--size-45:36px;	--size-80:61px;    --size-100:76px;}



}
@media screen and (max-width: 1599px) 
{
.container {  max-width: 1320px;}:root{    --size-16:15px;	--size-18:16px;    --size-20:17px;	--size-22:19px;    --size-25:21px;	--size-28:24px;	--size-32:28px;    --size-38:31px;	--size-45:36px;	--size-80:61px;    --size-100:76px;}

.sgleresultsec p{ line-height: 24px;}

.desktopbg{ width: 973px; height: 620px;}






}

@media screen and (max-width: 1399px) {

:root
{
    --size-16:14px;
	--size-18:15px;
    --size-20:16px;
	--size-22:18px;
    --size-25:20px;
	--size-28:23px;
	--size-32:27px;
    --size-38:30px;
	--size-45:35px;
	--size-80:60px;
    --size-100:75px;
}
body
{
    line-height: 25px;
}
.container
{
    max-width: 1140px;
}
.hmepgheadbannersec
{
    height: 950px;
}
.logo
{
    width: 123px;
}
a.headerbut
{
    line-height: 55px;
    padding: 0 25px;
}
.desktopbg
{
    width: 870px;
    height: 530px;
    padding-bottom: 95px;
}
.desktopbg h1:after
{
    width: 470px;
    height: 50px;
}
.hmepgfstcontsec h3
{
    line-height: 1.2;
}
.hmepgfstcontsec h3:after
{
    height: 50px;
    width: 215px;
    right: 34%;
}
.platformsec
{
    margin-bottom: 150px;
}
.sgleboxsec p
{
    line-height: 28px;
}
.hmepgsndcontsec h2
{
    max-width: 685px;
}
.hmepgsndcontsec h2:after
{
    width: 455px;
    height: 50px;
}
.sglebrandsec
{
    min-height: 280px;
}
.resultsec h2
{
    max-width: 740px;
}
.resultsec h2:after {
    width: 372px;
    height: 50px;
}
.resultsec p
{
    line-height: 35px;
}
.realgrowthbox h3
{
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.sglerealgrowthboxtxt p
{
    line-height: 20px;
    font-size: 16px;
}
.realgrowthboxcontsec
{
    row-gap: 20px;
}
.whyadadcontsec h2:after
{
    width: 215px;
    height: 50px;
    right: 22%;
}
.whyadadimgsec::before
{
    width: 105px;
    height: 105px;
    left: -105px;
    top: -105px;
}
.hmepgfrthcontsec h2:after
{
    width: 415px;
    height: 50px;
}
.hmepgfifthcontsec h2
{
    max-width: 800px;
}
.hmepgfifthcontsec h2:after
{
    width: 435px;
    height: 50px;
}
.sgleresultsec p
{
    line-height: 24px;
}
.ftrlogo
{
    width: 150px;
}

}

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

:root
{
    --size-16:13px;
	--size-18:14px;
    --size-20:15px;
	--size-22:16px;
    --size-25:18px;
	--size-28:18px;
	--size-32:22px;
    --size-38:25px;
	--size-45:30px;
	--size-80:45px;
    --size-100:55px;
}
.container
{
    max-width: 900px;
}
.desktopbg
{
    width: 630px;
    height: 530px;
}
.desktopbg h1:after
{
    width: 360px;
    height: 40px;
}
.platformsec
{
    margin-bottom: 100px;
}
.sgleplatformsec
{
    height: 100px;
}
.hmepgfstcontsec h3
{
    max-width: 450px;
}
.hmepgfstcontsec h3:after
{
    height: 50px;
    width: 165px;
    right: 100px;
}
.boxalignpad
{
    padding: 25px 15px 40px 15px;
}
.hmepgsndcontsec h2
{
    max-width: 520px;
}
.hmepgsndcontsec h2:after
{
    width: 345px;
    height: 40px;
}
.sglebrandsec 
{
    min-height: 235px;
}
.sglebrandsec .brndLG
{
    max-width: 140px;
}
/*.brandhover img
{
    max-width: 100%;
}*/
.resultsec h2
{
    max-width: 560px;
}
.resultsec h2:after {
    width: 285px;
    height: 40px;
}
.resultsec p
{
    line-height: 25px;
    max-width: 550px;
}
    .realgrowthboxcontsec {
        row-gap: 10px;
    }
.sglerealgrowthboxtxt p
{
    max-width: none;
    line-height: 1.1;
}
.whyadadcontsec
{
    margin-top: 100px;
}
.whyadadcontsec h2
{
    max-width: 100%;
    margin-bottom: 30px;
}
.whyadadcontsec ul li
{
    margin-top: 15px;
    background-position: left 1px;
}
    .whyadadcontsec h2:after {
        width: 164px;
        height: 40px;
        right: 24%;
    }
.whyadadimgsec::before
{
    width: 75px;
    height: 75px;
    left: -75px;
    top: -75px;
}
.hmepgfrthcontsec h2:after {
    width: 95px;
    height: 40px;
}
    .hmepgfifthcontsec h2 {
        max-width: 610px;
    }
    .hmepgfifthcontsec h2:after {
        width: 335px;
        height: 40px;
    }
.sgleresultsec
{
    padding: 20px;
}
.sgleresultsec img
{
    max-width: 50%;
}





.desktopbg {
    width: 630px;
    height: 402px;
  }
.sglebannercontpart{ padding: 10px 0;}
.sglebannercontpart p {
  font-size: var(--size-18);
  font-weight: bold;
  padding: 0 17px;
  line-height: 22px;
}
.hmepgheadbannersec {
    height: 750px;
  }
.hmepgfstcontsec{ padding: 54px 0 20px 0;}
 .sgleplatformsec {
    height: 84px;
    padding: 0 18px;
  }
.boxiconsec img{ width: 45px;}
.boxiconsec{ margin-bottom: 18px;}
 .sgleboxsec p {
    line-height: 22px;   font-size: var(--size-20);
  }
.boxalignpad {
    padding: 21px 10px 39px 11px;
  }
.sglebrandsec .brndLG {
    max-width: 101px !important;
    width: 100%;
  }
.sglebrandsec {
    min-height: 190px;
  }
.hmepgsndcontsec, .hmepgthrdcontsec, .hmepgfifthcontsec, .hmepgsndcontsec{ padding: 80px 0;}
.realgrowthbox {
  width: 47%;padding: 12px;}
.realgrowthbox h3 {
  font-size: var(--size-20);}
.realgrowthboxtimesec {
  font-size: var(--size-16);}
.sglerealgrowthboxtxt .percentagetxt {
  font-size: var(--size-28);}
.sglerealgrowthboxtxt .percentagetxt{ align-items: center;}
.sglerealgrowthboxtxt .percentagetxt i{ margin-top: 0;}
.sglerealgrowthboxtxt p{ font-size: 12px;}




.sglebannercontpart p {
    font-size: 12px;
    font-weight: bold;
    padding: 0 13px;
    line-height: 17px;
  }
.hmepgheadbannersec {
    height: 692px;
  }
.mt-4 {
  margin-top: 12px !important;
}
.formsec .row{ margin: 0 -6px;}
.formsec .col-lg-6, .formsec .col-lg-12{ padding: 0 6px;}


#brand-4 .brndLG, #brand-5 .brndLG, #brand-6 .brndLG, #brand-7 .brndLG, #brand-12 .brndLG {
  width: 100%;
  max-width: 76% !important;
}

.hmepgbannersec{ padding-top: 95px;}




}



@media screen and (max-width: 1024px) {

.formsec::after
{
    width: 45px;
    height: 45px;
    right: -45px;
    bottom: -45px;
}
.topcarouselsec
{
    padding-left: 20px;
}

}

@media screen and (max-width: 991px) {
 :root {
    --size-16: 12px;
    --size-18: 13px;
    --size-20: 14px;
    --size-22: 15px;
    --size-25: 16px;
    --size-28: 16px;
    --size-32: 18px;
    --size-38: 20px;
    --size-45: 25px;
    --size-80: 35px;
    --size-100: 45px;
  }
.hmepgheadbannersec
{
    height: 840px;
}
.desktopbg
{
    width: 500px;
    height: 421px;
    padding-bottom: 75px;
}
.hmepgfstcontsec, .hmepgsndcontsec, .hmepgthrdcontsec, .hmepgfrthcontshadowpart, .hmepgfifthcontsec
{
    padding: 50px 0;
}
.brandlogo img
{
    max-width: 140px;
}
.sglebrandsec
{
    min-height: 200px;
}
/*.whyadadimgsec::after, .formsec::after
{
    display: none;
}*/
.contactinfo
{
    gap: 20px;
}
.formsec
{
    padding: 25px;
}
.topfootersec
{
    padding: 50px 0 20px 0;
}
.botfootersec
{
    padding: 20px 0;
}

.realgrowthboxcontsec
{
    row-gap:20px;
}



.desktopbg {
    width: 500px;
    height: 328px;
    padding-bottom: 75px;
  }

.hmepgheadbannersec {
    height: 670px;
  }

.sgleplatformsec img{ max-width: 70%;}
.sglebrandsec {
    min-height: 185px;
  }

.realgrowthboxcontsec {
    row-gap: 10px;
  }
.whyadadcontsec .offset-md-1, #formSec {
   padding-right: 55px;
  }
.inputfield, .submitbut{ height: 41px;}
.textraeafield{ height: 110px;}
.formsec {
    padding: 17px;
  }
.sgleresultsec{ min-height: 223px;}
.mt-4 {
  margin-top: 1.1rem !important;
}

.mt-4 {
    margin-top: 12px !important;
  }

.hmepgheadbannersec {
    height: 620px;
  }


.sglebannercontpart p {
    font-size: 10px;
    font-weight: bold;
    padding: 0 13px;
    line-height: 15px;
  }
.sglebrandsec {
    min-height: 177px;
  }
.textraeafield {
    height: 86px;
  }

.sgleresultsec {
    padding: 15px;
  }

.sgleresultsec p {
    line-height: 21px;
  }

}


@media screen and (max-width: 800px) {

.sglerealgrowthboxtxt p {
    font-size: 11px;
  }

.realgrowthboxcontsec {
    row-gap: 7px;
  }
.realgrowthbox {
    width: 52%;
    padding: 12px;
  }
.brandsec {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}

.boxiconsec {
    margin-bottom: 5px;
  }
.boxalignpad {
    padding: 19px 10px 22px 11px;
  }

.sgleboxsec p {
    line-height: 19px;
    font-size: var(--size-18);
  }
.sgleresultsec p {
    line-height: 20px;
  }
.sgleresultsec {
    min-height: 206px;
  }


}


@media screen and (max-width: 767px) {

:root
{
    --size-20:14px;
	--size-22:15px;
    --size-25:16px;
	--size-28:17px;
	--size-32:19px;
    --size-38:22px;
	--size-45:25px;
	--size-80:28px;
    --size-100:35px;
}
.headersec
{
    margin: 0;
    padding: 15px 0;
}
.logo
{
    width: 80px;
}
a.headerbut
{
    line-height: 50px;
    padding: 0 20px;
}
.desktopbg
{
    width: 400px;
    height: 337px;
    padding-bottom: 60px;
}
.desktopbg h2
{
    padding-bottom: 10px;
}
.desktopbg h1:after
{
    width: 235px;
    height: 25px;
}
.sglebannercontpart
{
    flex: 0 0 50%;
    max-width: 50%;
    border-left: 0;
    /*border-bottom: 1px solid var(--thirdcolor) !important;*/
}
/*.sglebannercontpart:nth-child(5)
{
    border-bottom: 0 !important;
}*/
/*.sglebannercontpart::before
{
    display: none;
}*/
.platformsec
{
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 60px;
}
.fourboxsec
{
    grid-template-columns: repeat(2, 1fr);
}
.sgleboxsec
{
    margin-top: 15px !important;
}
.hmepgfstcontsec h3, .hmepgsndcontsec h2
{
    max-width: 100%;
}
.hmepgfstcontsec h3:after
{
    height: 25px;
    right: auto;
    left: 0;
    width: 100px;
}
.hmepgsndcontsec h2:after
{
    width: 220px;
    height: 25px;
    margin: 0 auto;
    right: 0;
}
.brandsec
{
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.sglebrandsec
{
    min-height: 250px;
}
.resultsec h2:after
{
    width: 230px;
    height: 40px;
}
.whyadadcontsec
{
    margin-top: 60px;
}
.whyadadcontsec h2:after
{
    width: 105px;
    height: 25px;
    right: auto;
    left: 62px;
}
.whyadadimgsec
{
    max-width: 80%;
    margin: 80px auto auto;
}
.whyadadimgsec::before
{
    width: 45px;
    height: 45px;
    left: -45px;
    top: -45px;
}
.whyadadimgsec::after
{
    display: block;
}
.hmepgthrdcontsec
{
    padding-bottom: 90px;
}
.hmepgfrthcontshadowpart .row:nth-child(1)
{
    row-gap: 20px;
}
.hmepgfrthcontsec h2
{
    line-height: 1.1;
}
.hmepgfrthcontsec h2:after {
    width: 135px;
    height: 25px;
}
.formsec form .row .col-lg-6, .formsec form .row .col-lg-12
{
    margin-top: 1rem !important;
}
.formsec h3
{
    padding-bottom: 1rem;
}
.hmepgfifthcontsec h2
{
    max-width: 100%;
    margin: auto auto 30px;
}
.hmepgfifthcontsec h2:after
{
    width: 247px;
    height: 30px;
    margin: 0 auto;
    left: 0;
}
.ftrlogo
{
    width: auto;
}
.ftrcontactsec ul li, .topfootersec ul li
{
    font-size: 14px;
    margin-top: 12px;
}
.botfootersec p
{
    font-size: 12px;
}
.sgleresultsec p
{
    line-height: 20px;
}
.boxalignpad::after
{
    display: none;
}
.boxiconsec img
{
    max-height: 50px;
}
.boxiconsec
{
    margin-bottom: 20px;
}
.sgleboxsec p
{
    line-height: 24px;
}
.realgrowthboxcontsec
{
    row-gap:15px;
}
.progress-container
{
    max-width: 350px;
}

.hmepgfrthcontsec{ background: #0f003b;}

/*.sglebannercontpart{ border-right: 1px solid 


 !important;}*/
/*.sglebannercontpart:last-child{ border-right: none !important;}*/
.sglebannercontpart:last-child:before, .sglebannercontpart:nth-child(3):before{ display: block;}
.sglebannercontpart:first-child:before{ display: block;}


.slide
{
    flex: 0 0 calc(100% - 0px);
}


.desktopbg{ height: 237px;}
.fourboxsec {
    grid-template-columns: repeat(4, 1fr); gap: 11px;
  }
.sgleboxsec p {
    line-height: 17px;
    font-size: 13px;
  }
.boxiconsec img {
    max-height: inherit;
    width: 26px;
  }
.boxalignpad {
    padding: 19px 10px 22px 11px;
    min-height: 164px;
  }

 .whyadadcontsec .offset-md-1, #formSec {
    padding: 0 65px !important;
  }
  
  
  
  

}
@media screen and (max-width: 767px) {
.contactinfopart{ align-items: center;
  height: auto;
  justify-content: center;
  margin-top: 36px;}
  
  .sglebannercontpart p {
        font-size: 13px;
        line-height: 17px;
    }

}
@media screen and (max-width: 700px) {

.boxalignpad {
    padding: 20px;
    min-height: 200px;
    max-width: 200px;
  }


.fourboxsec {
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
  }
.sgleboxsec{ margin: 10px auto 0;}
.hmepgfstcontsec h3{ text-align: center;}

.sglebrandsec {
    min-height: 200px;
    max-width: 200px;margin: 0px auto;
  }

.sglerealgrowthboxtxt .percentagetxt {
    font-size: var(--size-20);
  }



}








@media screen and (max-width: 479px) {

.desktopbg
{
    width: 320px;
    height: 270px;
    padding-bottom: 48px;
}
.sglebannercontpart
{
    padding: 14px 0;
}
.sglebannercontpart p
{
    line-height: 17px;
    padding: 0 21px;
}
.hmepgheadbannersec
{
    height: 770px;
}
.sglebrandsec
{
    min-height: 200px;
}
.resultsec h2:after
{
    width: 120px;
    height: 30px;
    margin: 0 auto;
    left: 0;
}
.whyadadimgsec::before
{
    width: 35px;
    height: 35px;
    left: -35px;
    top: -35px;
}
.whyadadimgsec::after
{
    right: -35px;
    bottom: -35px;
    width: 35px;
    height: 35px;
}
.topcarouselsec, .botcarouselsec
{
    padding: 0 15px;
}
    a.headerbut {
        line-height: 45px;
        padding: 0 15px;
        font-size: 13px;
    }
.realgrowthalignsec
{
    padding: 15px;
}
.realgrowthbox
{
    width: 50%;
    padding: 10px;
}
.realgrowthbox h3
{
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.realgrowthboxcontsec
{
    row-gap: 10px;
}
.realgrowthboxtimesec i
{
    margin-top: 7px;
}
.sglerealgrowthboxtxt .percentagetxt
{
    font-size: 18px;
}
.sglerealgrowthboxtxt .percentagetxt i
{
    margin-top: 3px;
}
.sglerealgrowthboxtxt p
{
    font-size: 14px;
}
.progress-container
{
    max-width: 250px;
}






.desktopbg{ height: 220px;}

.boxalignpad {
    padding: 11px;
    min-height: 180px;
    max-width: 180px;
  }

.sglerealgrowthboxtxt p {
    font-size: 11px;
  }

.whyadadcontsec .offset-md-1, #formSec{ padding: 0 35px !important;}
.whyadadcontsec ul li{ background-size: 16px; padding-left: 24px;}

.formsec::after {
    width: 30px;
    height: 30px;
    right: -32px;
    bottom: -31px;
  }










}




@media screen and (max-width: 400px) {

 .brandsec, .fourboxsec	 {
    grid-template-columns: repeat(2, 1fr);
  
  }
.sglebrandsec {
    min-height: 160px;
    max-width: 160px;
  }
.sglerealgrowthboxtxt .percentagetxt {
    font-size: 14px;
    line-height: 15px;
  }
.sglerealgrowthboxtxt .plaintext {
  padding-left: 3px;
}
}

@media (max-width: 767px){
	.deskbtmpart{justify-content: center;}
	.deskbtmpart {border: none !important;  background: none !important;}
	.sglebannercontpart{border: 1px solid var(--thirdcolor); border-left: 1px solid var(--thirdcolor)!important;}
	.sglebannercontpart:first-child {border: 1px solid var(--thirdcolor) !important; }
	.sglebannercontpart::nth-child(3){border: 1px solid var(--thirdcolor) !important;}
	.sglebannercontpart:last-child{border: 1px solid var(--thirdcolor) !important;}
	 .sglebannercontpart p {line-height: 15px; padding: 0 17px;text-align: center;}
	
}




@media screen and (max-width: 360px) {











}