@media only screen and (min-width: 320px) and (max-width: 768px) { .circle-items .item { font-size: 22px; } .leftText01 { top: -4%; left: 8%; } .leftText02 { top: 16%; left: 11%; } .leftText03 { top: 37%; left: 11%; } .leftText04 { top: 55%; left: 12%; } .leftText05 { top: 73%; left: 14%; } .leftText06 { left: 25%; } .righttext01 { top: -4%; right: 13%; text-align: right; } .righttext02 { top: 18%; right: 4%; text-align: right; } .righttext03 { top: 37%; right: 9%; text-align: right; } .righttext04 { top: 56%; right: 10%; text-align: right; } .righttext05 { top: 77%; right: 11%; text-align: right; } .HeaderContent h2 { font-size: 28px; color: #fff; margin-top: 6.2%; line-height: 32px; } .centerCircleelement01 { width: 50vw; height: 50vw; } .DataCenterInnerBox_ h3 { font-size: 28px !important; } .ForDottedBorder { display: none; } .CommonArrow .owl-nav { position: static !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2%; } .CommonArrow .owl-nav button.owl-next, .CommonArrow .owl-nav button.owl-prev { margin: 20% !important; margin-top: 12px !important; margin-bottom: 0 !important } .SpeakersCarouselContainer { width: 90% !important; } .ShowThisInMobile_ { display: block !important; } .HideThisInMobile_ { display: none !important; } .ForMobile_as { width: 100% !important; text-align: center; } /*img.CoLocated_ { width: 91%; margin: 0; margin-top: 30px !important; }*/ img.CoLocated_ { width: 44%; width: 36%; margin: 0; margin-top: 30px !important; } .HeaderButton_ { text-align: center; } .InsideEcoImg_ { height: 360px; overflow: hidden; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; } section.SourceQuality_ { margin-top: 40px; } .SourceQualityInnerContent .MainHeading_ { text-align: center; } section.StrategicWrapper .MainHeading_ h3 { font-size: 30px; line-height: 34px; } .centerCircleelement01 figure { width: 100px; padding-bottom: 10px; padding-top: 10px; margin: 0; } .centerCircleelement01 h3 { font-size: 17px; line-height: 23px; text-align: center; } .centerCircleelement01 h3 span { font-size: 10px; line-height: 12px; text-align: center; } .auto-container { width: 90%; margin: 0 auto; } .YelloButton_ { padding: 0.5rem 1rem 0.5rem 1rem; font-size: 1rem; line-height: 1.5rem; } /*.MainLogo_ { width: 100%; margin-top: 0; }*/ .MainLogo_ { width: 100%; margin-top: 0; display: block; text-align: center; } /*.MainBanner_ { padding-top: 1rem; height: 40vh; }*/ /*.MainBanner_ { padding-top: 1rem; height: 88vh; }*/ section.MainBanner_ { height: 94vh; } /*.HeaderButton_ .PrimaryButton_ { padding: 10px 10px 10px 10px; font-size: 12px; width: 100%; }*/ .col-5.col-lg-4.ForMobile_as .HeaderButton_ a { display: inline-block !important; margin-top: 15%; width: 73% !important; font-size: 16px; } .MainBanner_ .auto-container { height: 100%; } .HeaderContent { margin-top: 12%; /* height: 52%; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .HeaderContent h1 { font-size: 2.25rem; line-height: 2.375rem; } .HeaderContent p { font-size: 1.125rem; line-height: 1.625rem; } .DataCenterInnerBox_ p { font-size: 1rem; line-height: 1.5rem; margin-bottom: -0.2%; } .DataCenterInnerBox_ h3 { font-size: 2.5rem; line-height: 3rem; } .DataCenterInnerBox_ span { font-size: .875rem; margin-top: -1%; line-height: 1.375rem; } /*.MainHeading_ h3 { font-size: 2.375rem; line-height: 2.75rem; }*/ .MainHeading_ { text-align: center; margin-bottom: 24px; } .MainHeading_ br { display: none; } .MainHeading_ h3 { font-size: 35px; line-height: 36px; } .ScrollElement_as img { width: 100%; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } .ScrollElement_as span { top: 5%; font-size: 12px; letter-spacing: 4px; transform: translate(-50%, -90%); -webkit-transform: translate(-50%, -90%); -moz-transform: translate(-50%, -90%); -ms-transform: translate(-50%, -90%); -o-transform: translate(-50%, -90%); } .DataCenterWrapper_as { padding-top: 1rem; } .DataCenterWrapper_as .row { --bs-gutter-y: 1rem; } .DataBox_as { width: 100%; height: 100%; padding: 1.5rem 1rem; } .DataBox_as h3 { font-size: 36px; line-height: 37px; margin-bottom: 10px; letter-spacing: 1px; } .DataBox_as p { font-size: 1rem; line-height: 1.5rem; } .EcoSystemImg_ { border: 0.25rem solid #b993264d; border-radius: 1.625rem; -webkit-border-radius: 1.625rem; -moz-border-radius: 1.625rem; -ms-border-radius: 1.625rem; -o-border-radius: 1.625rem; margin-bottom: 18px; } /*.EcoText_as p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 1rem; }*/ .EcoText_as p { font-size: 11px; line-height: 17px; margin-bottom: 4px; } .EcoText_as { padding: 11% 0 1% 0; } .StrategicWrapper .StrategicInner_as .row { --bs-gutter-y: 2rem; } .StrContent_as p { font-size: 1.125rem; line-height: 1.625rem; margin: 1.125rem 0 0 0; } /*.LearnMoreButton { padding: 0.5625rem 1rem 0.5625rem 1rem; font-size: 0.875rem; line-height: 1.375rem; }*/ .LearnMoreButton { padding: 0.5625rem 1rem 0.5625rem 1rem; font-size: 0.875rem; line-height: 1.375rem; position: static; margin-top: 18px; } .InsideEcosystem_ .InsideEcosystem_Inner_as .row { --bs-gutter-y: 1rem; } .InsideEcoImg_.ForTopMargin_ { margin-top: 0; } .InsideEcoImg_ .InsideEcoContent_ { top: 10%; left: 0; width: 100%; padding-right: 0; padding: 0 2rem; } .InsideEcoContent_ p { font-size: 2rem; line-height: 2.625rem; } .InsideEcoContent_ span { font-size: 0.875rem; line-height: 1.25rem; margin: 0.625rem 0 0 0; } .SourceQuality_ .SourceQualityImg_ { margin-top: -1.25rem; } .SourceQualityWrapper_ { padding-top: 1rem; } .ForFlex_as { padding: 0.25rem 0.625rem; } .DottedBorder_ { padding: 0.3125rem 1rem 0.3125rem 1rem; margin-bottom: 2rem; } .DottedBorder_::before { inset: -0.25rem -0.5rem -0.25rem -0.25rem; border-radius: 6rem; -webkit-border-radius: 6rem; -moz-border-radius: 6rem; -ms-border-radius: 6rem; -o-border-radius: 6rem; } .DottedBorder_ h3 { font-size: 3rem; line-height: 1.4; margin-right: 1.25rem; } .DottedBorder_ h4 { font-size: 2rem; line-height: 1.5; margin-top: -0.625rem; } .DottedBorder_ h4 color { font-size: 1rem; line-height: 1.4; margin-top: -2%; } .SourceQuality_ .KeyProfiles_ .row { --bs-gutter-y: 1.5rem; } .roleCircle { width: 9rem; height: 9rem; font-size: 2.625rem; letter-spacing: 1px; } .roleCircle.smallText { font-size: 1rem; line-height: 1.3; } .TheFastestStats_.mt-5 { margin-top: 1.5rem !important; } .TheFastestStats_ .row { --bs-gutter-y: 1.5rem } .TheFastestStats_ .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .TheFastestStats_ .DCCiStats h3 { font-size: 3rem; line-height: 3rem; } .TheFastestStats_ .DCCiStats h5 { font-size: 0.75rem; letter-spacing: 0.5px; line-height: 1.4; } span.Country_ { font-size: 1.625rem; letter-spacing: 2px; } .SpeakersDetails p { font-size: 1.325rem; line-height: 1.5; } .SpeakersDetails span.SpkrDesignation_ { font-size: 0.875rem; } .SpeakersDetails span.SpkrCompany_ { font-size: 0.875rem; } .CommonArrow .owl-nav button.owl-prev, .CommonArrow .owl-nav button.owl-next { font-size: 1.625rem; } .LeaderContainer .BottomTwoBox_ .row { --bs-gutter-y: 1.5rem } /*.TwoBoxWrapper_as { height: 24rem; }*/ .TwoBoxWrapper_as { height: auto; } .TwoBoxWrapper_as p { width: 92%; font-size: 1.25rem; line-height: 1.4; } /*.TwoBoxWrapper_as p img { width: 8rem; }*/ .TwoBoxWrapper_as p img { width: 8rem !important; margin: 16px 0 9px 0 !important; display: block; } img.ElementOne_ { width: 100%; height: 12.5rem; } /*img.TestimonialImg_ { width: 14rem; }*/ img.TestimonialImg_ { width: 100%; position: static; } .TesimonialDetails .TestimonilName_ { font-size: 1rem; } .TesimonialDetails span { font-size: 0.875rem; } .TwoBoxWrapper_as.TwoBoxWrapperColor_ p img { width: 8rem; } img.FooterBg_as { position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .FooterContent .MainHeading_ p { font-size: 1.25rem; line-height: 1.5; } .IndLogo_as img { width: 6rem; } .BottomFooter_as p { margin-bottom: 0.625rem; } .BottomFooter_as .EventWebsiteBy p:last-child { margin-bottom: 0; } .FooterContent h3.text-white, .FooterContent p.text-white { color: #000000 !important; } } /* */