| Dir : /home/distinctdesign/codenwebz.com/lp/css/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/codenwebz.com/lp/css/responsive.css |
@media only screen and (max-width: 1700px) {
.InnerBannerText h1 {
font-size: 140px;
}
}
@media only screen and (max-width: 1600px) {
.CTASection .row {
padding: 7rem 0rem 4.7rem 2rem;
}
.Innercraft h6 {
font-size: 25px;
}
.Innercraft b {
font-size: 85px;
}
.rightAdvantages h4 {
font-size: 35px;
margin-bottom: 2.188rem;
}
.leftProjects h2 {
font-size: 75px;
margin-bottom: 20px;
}
.Innerincludes h4 ,
.InnerServAdd h4 {
font-size: 30px;
}
.InnerBannerText h1 {
font-size: 130px;
}
.innerimageiner h4 {
font-size: 50px;
}
.innerimageiner {
padding: 2.5rem 1.875rem;
}
.challengeERaText h2 {
font-size: 42px;
}
.challengeERa {
padding: 5.5rem 0;
}
}
@media only screen and (max-width: 1445px) {
.InnerBieleve h2 {
font-size: 102px;
}
.InnerBannerText span {
font-size: 45px;
}
.InnerBannerText p {
font-size: 16px;
max-width: 70%;
}
.innerimageiner h4 {
font-size: 42px;
}
.innerimageiner p {
font-size: 16px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1366px) {
.container {
max-width: 1140px;
}
.BannerText span img {
margin: -80px 0px 0px -242px;
width: 80px;
}
.BannerText span {
font-size: 62px;
}
.BannerText h1, .InnerBannerText h1 {
font-size: 86px;
}
.BannerText h3 i {
font-size: 30px;
}
.BannerSection {
padding: 200px 0 40px;
min-height: 90vh;
}
.whoWeAreContent p {
font-size: 30px;
margin-bottom: 1.5rem;
}
.whoWeAreContent h2 {
font-size: 50px;
}
figure.mainVid video {
width: 100%;
}
.InnerWhatService a h4 {
font-size: 65px;
}
.WhatSeeSection {
padding: 6rem 0;
}
.InnerWhatService a {
margin-top: 15px;
margin-bottom: 50px;
margin-left: 0;
gap: 1.5rem;
}
.main-btn a {
top: -6rem;
}
.parent_heads h2 {
font-size: 50px;
}
.innerCtas h2 {
font-size: 48px;
}
.innerCtas p {
font-size: 26px;
}
.CTASection .row {
padding: 6rem 0rem 3.5rem 1rem;
}
.InnerBieleve h2 {
font-size: 85px;
}
.BieleveSection {
padding: 4.25rem 0;
}
.InnerProjects h2 {
font-size: 78px;
}
.ProjectSection {
padding: 90px 0 60px;
}
footer {
padding: 4.25rem 0 1.125rem;
}
.footerPara p {
font-size: 14px;
margin-top: 0rem;
}
footer .FootRow {
padding-top: 1.75rem;
padding-bottom: 1.125rem;
}
.FormBanner h2 {
font-size: 34px;
margin-bottom: 1rem;
}
.InnerBannerText p {
font-size: 16px;
max-width: 90%;
}
.InnerBanner {
padding: 200px 0 60px;
height: 90vh;
}
.HelpService p {
font-size: 15px;
}
.HelpService h4 {
font-size: 25px;
}
.HelpLeft h4 {
font-size: 55px;
}
.rightAdvantages h4 {
font-size: 28px;
margin-bottom: 1.875rem;
}
.rightAdvantages p {
font-size: 14px;
margin-bottom: 2rem;
}
.Innercraft {
padding: 0rem 1rem;
}
.Innercraft h6 {
font-size: 19px;
}
.Innercraft b {
font-size: 80px;
}
.rightAdvantages {
min-height: 570px;
}
.CraftedMain {
min-height: 570px;
}
.leftProjects h2 {
font-size: 55px;
margin-bottom: 15px;
}
.Innerincludes ,
.InnerServAdd {
padding: 26px 15px;
}
.Innerincludes h4 ,
.InnerServAdd h4 {
font-size: 26px;
}
.innerPacks h4 {
font-size: 50px;
}
.innerPacks span {
font-size: 66px;
}
.innerPacks .Headanchor a span {
padding: 15px 23px 16px 26px;
}
.AboutBanner .InnerBannerText h1 {
font-size: 60px;
margin-bottom: 2rem;
}
.InnerJoyful span {
font-size: 30px;
}
.joyful_section {
padding: 4.25rem 0;
}
.CorevaluesMain .InnerJoyful {
max-width: 90%;
margin-bottom: 1.5rem;
}
.InnerJoyful h4 {
font-size: 50px;
}
.ContactPageSectionOne .row div:nth-child(1) img {
right: 17px;
bottom: -75px;
}
.ContactPageSectionOne .container {
background-size: 100% 90%;
}
.ContactPageSectionOne .ParentRows {
padding: 7rem 0 5rem;
}
.ContactInner h4 {
font-size: 50px;
padding-bottom: 1rem;
}
.ContactInner strong {
font-size: 20px;
margin-bottom: 12px;
}
.landingFOrms h4 {
font-size: 29px;
margin-bottom: 20px;
}
.landingFOrms {
min-height: 504px;
padding: 3.125rem 1.25rem 3.125rem 6.125rem;
}
.innerimageiner {
padding: 1.5rem 0.875rem;
}
.main-btn a {
font-size: 16px;
}
.innerimageiner h4 {
font-size: 32px;
}
.innerdos {
padding: 2.5rem 0.9rem;
margin-bottom: 2rem;
}
.innerdos h4 {
display: flex;
font-size: 18px;
gap: 10px;
margin-bottom: 20px;
}
.spectrumSection .container {
height: auto;
padding: 3rem 0;
}
.innerspecs h5 {
font-size: 24px;
}
.lbn-btns {
padding-top: 1rem;
}
.innerspecs span {
font-size: 1.125rem;
margin-bottom: 10px;
}
.challengeERaText h2 {
font-size: 34px;
}
.challengeERaText p {
font-size: 16px;
}
.challengeERaText ul li {
flex: 0 0 50%;
font-size: 16px;
}
.innerPacks p {
font-size: 15px;
}
.innerPacks ul li, .innerPacks ul li span{
font-size: 17px;
}
}
@media (max-width: 1199.98px) {
.container {
max-width: 960px;
}
.BannerText h1, .InnerBannerText h1 {
font-size: 73px;
}
.BannerText span {
font-size: 53px;
}
.BannerText h3 i {
font-size: 25px;
}
.BannerSection {
padding: 180px 0 40px;
min-height: 80vh;
}
.InnerBanner {
padding: 160px 0 60px;
height: 80vh;
}
.whoWeAreContent p {
font-size: 25px;
margin-bottom: 1.25rem;
}
.InnerBannerText span {
font-size: 35px;
}
.InnerWhatService a h4 {
font-size: 55px;
}
.WhatSeeSection {
padding: 5rem 0;
}
.main-btn a {
top: -5rem;
}
.PackageSection {
background: var(--black);
padding: 3.25rem 0;
}
.innerCtas h2 {
font-size: 36px;
}
.innerCtas p {
font-size: 22px;
}
.cta_btns .phoneBtn span b {
font-size: 18px;
}
.InnerBieleve h2 {
font-size: 68px;
}
.cta_btns .phoneBtn span {
font-size: 18px;
}
.CTASection {
padding: 1.75rem 0;
}
.CTASection .row {
padding: 4.2rem 0rem 3.1rem 1rem;
}
.BieleveSection {
padding: 3.25rem 0;
}
.ProjectSection {
padding: 70px 0 50px;
}
.InnerProjects h2 {
font-size: 64px;
}
.InnerProjects .Headanchor {
max-width: 47%;
margin: auto;
}
.FormBanner h2 {
font-size: 28px;
margin-bottom: 0.625rem;
}
.FormBanner p {
font-size: 16px;
}
.SecondContain {
padding: 2.125rem 0;
margin-top: 2.25rem;
}
.InnerBannerText p {
font-size: 15px;
max-width: 100%;
}
.HelpLeft h4 {
font-size: 50px;
}
.HelpLeft {
padding: 5rem 1rem;
}
.HelpService {
padding: 16px 10px;
}
.HelpService h4 {
font-size: 22px;
}
.HelpService p {
font-size: 13px;
}
.Innercraft b {
font-size: 70px;
}
.Innercraft h6 {
font-size: 16px;
}
.rightAdvantages h4 {
font-size: 22px;
margin-bottom: 10px;
}
.rightAdvantages {
min-height: 550px;
padding: 10px 10px;
}
.CraftedMain {
min-height: 550px;
padding: 10px 5px;
}
.rightAdvantages p {
font-size: 14px;
margin-bottom: 1rem;
}
.leftProjects h2 {
font-size: 43px;
margin-bottom: 15px;
}
.leftProjects p {
font-size: 15px;
}
.Innerincludes, .InnerServAdd {
padding: 26px 10px;
}
.InnerServAdd{
min-height: 12rem;
}
.Innerincludes span svg ,
.InnerServAdd span svg {
width: 3.125rem;
height: 3.125rem;
}
.Innerincludes h4, .InnerServAdd h4 {
font-size: 20px;
}
.Innerincludes{
min-height: 17rem;
}
.innerPacks h4 {
font-size: 40px;
}
.innerPacks::before {
height: 85px;
}
.innerPacks {
padding: 1.438rem 0 1.5rem;
min-height: 680px;
}
.PricingSection {
padding: 3.25rem 0;
}
.innerPacks ul {
padding: 30px 10px 20px 10px;
}
.innerPacks ul li ,
.innerPacks ul li span {
font-size: 14px;
}
.innerPacks .Headanchor a span {
padding: 15px 13px 16px 8px;
font-size: 17px;
}
.Headanchor a span {
font-size: 17px;
}
.AboutBanner .InnerBannerText .small_cultre {
font-size: 30px;
margin: -39px 0px 0px 0px;
padding: 16px 24px 20px 55px;
}
.AboutBanner .InnerBannerText h1 {
font-size: 50px;
margin-bottom: 1rem;
}
.InnerJoyful h4 {
font-size: 42px;
}
.CoreValues_section {
padding: 4.25rem 0 0;
min-height: auto;
}
.corevalue_bottom ul li a {
padding: 15px 5px 25px 5px;
font-size: 24px;
}
.corevalue_bottom ul li {
flex: 0 0 20%;
padding: 15px 5px 15px 5px;
}
.landingFOrms {
min-height: auto;
padding: 2.125rem 1.25rem 2.125rem 4.125rem;
}
.landingFOrms strong {
font-size: 22px;
}
.landingFOrms h4 {
font-size: 25px;
margin-bottom: 15px;
}
.rightangleSection h2 {
font-size: 33px;
}
.challengeERaText h2 {
font-size: 27px;
}
.challengeERaText ul {
padding-top: 5px;
}
.Pricingtabs .nav-tabs .nav-item .nav-link {
font-size: 17px;
}
}
@media (max-width: 991.98px) {
.container {
max-width: 720px;
}
.TeamsMain ul {
flex-wrap: wrap;
}
.TeamsMain ul li {
flex: 0 0 20%;
}
/* header .container {
background: #bfbfbf;
border-radius: 1rem;
} */
.InnerBanner {
padding: 200px 0 60px;
height: auto;
text-align: center;
}
.AboutBanner .InnerBannerText {
text-align: center;
}
.AboutBanner .InnerBannerText h1 {
font-size: 40px;
margin-bottom: 1rem;
letter-spacing: -1px;
}
.InnerJoyful h4 {
font-size: 32px;
}
.InnerJoyful span {
font-size: 22px;
}
.corevalue_bottom ul {
flex-wrap: wrap;
padding-bottom: 1.5rem;
}
.corevalue_bottom ul li {
flex: 0 0 50%;
padding: 5px 5px 5px 5px;
}
.corevalue_bottom {
margin-bottom: 0;
margin-top: 3rem;
}
.AboutReview {
padding-top: 5rem;
margin-top: -3rem;
}
.CorevaluesMain .InnerJoyful {
max-width: 100%;
margin-bottom: 1.5rem;
}
.corevalue_bottom ul li a {
padding: 5px 5px 5px 5px;
font-size: 20px;
}
.corevalue_bottom ul li a i {
font-size: 40px;
}
.parent_heads h2 {
font-size: 40px;
}
.Innertest .testRev small {
font-size: 14px;
}
.Pricingtabs .nav-tabs .nav-item .nav-link {
font-size: 15px;
}
.Innertest .testRev small {
font-size: 14px;
}
.CTASection img{
display: none;
}
.innerCtas p {
font-size: 19px;
}
.innerCtas h2 {
font-size: 32px;
}
.Innertest .testRev h6 {
font-size: 19px;
}
.InnerBieleve h2 {
font-size: 58px;
}
.InnerBieleve span {
font-size: 30px;
}
.ProjectSection {
padding: 40px 0 30px;
}
.InnerProjects h2 {
font-size: 54px;
margin-bottom: 2rem;
}
.FormBanner {
padding: 1.25rem;
}
.FormBanner h2 {
font-size: 25px;
}
.FormBanner p {
font-size: 14px;
}
.BannerText h1 {
font-size: 62px;
}
.InnerBann .Form-btn .ButtonFormat {
width: 100%;}
.whoWeAreContent h2 {
font-size: 40px;
}
.whoWeAreContent p {
font-size: 20px;
margin-bottom: 15pxrem;
}
.InnerWhatService a h4 {
font-size: 40px;
}
.InnerWhatService a {
margin-bottom: 40px;
gap: 0;
}
.PackageSection a img {
width: 100%;
}
.InnerBannerText span {
font-size: 29px;
}
.HelpLeft {
padding: 2rem 1rem;
min-height: auto;
margin-bottom: 1rem;
}
.HelpLeft h4 {
font-size: 40px;
}
.HelpLeft h4 br{
display: none;
}
.HelpService {
padding: 16px 10px;
min-height: auto;
margin-bottom: 1.5rem;
}
.rightAdvantages {
min-height: auto;
padding: 20px 15px;
text-align: center;
}
.rightAdvantages::before{
display: none;
}
.rightAdvantages {
min-height: auto;
margin-bottom: 2rem;
}
.Innercraft {
padding: 0rem 1rem 1rem;
text-align: center;
border-bottom: 1px solid black;
}
.ProjectIncludeSection {
background: var(--white);
padding: 100px 0px;
}
.Innerincludes {
min-height: auto;
}
.Innerincludes ,
.InnerServAdd {
min-height: auto;
text-align: center;
}
.ProjectIncludeSection {
padding: 50px 0px;
}
.PackageSection .parent_heads p {
font-size: 17px;
}
.innerPacks {
min-height: auto;
margin-bottom: 6rem;
}
.leftProjects h2 {
font-size: 33px;
margin-bottom: 10px;
}
.Innercraft b {
font-size: 50px;
}
.Innercraft h6 {
font-size: 14px;
}
.Innercraft {
padding: 1rem 1rem 1rem;
}
.main-btn a {
top: -3rem;
font-size: 15px;
}
.InnerExpert ,.InnerExpert img {
text-align: center;
margin: auto;
}
.innerCtas p {
font-size: 16px;
}
.HelpLeft::before{
display: none;
}
.BannerSection {
min-height: auto;
overflow: hidden;
}
header .Headanchor{
/* display: none; */
}
.mobileBtn{
display: inline-block;
}
button.navbar-toggler {
position: relative;
left: 210px;
}
.ContactPageSectionOne .row div:nth-child(1) img{
display: none;
}
.ContactInner h4 {
font-size: 35px;
padding-bottom: 1rem;
}
.ContactPageSectionOne .ParentRows {
padding: 6rem 0 3rem;
}
.contactForms .Mainbtn{
width: 100%;
}
.ContactPageSectionOne {
padding: 2.25rem 0;
}
.landingFOrms {
padding: 2.125rem 1.25rem 2.125rem;
background: #00191d;
border-radius: 2rem;
}
.landingFOrms .lfbtn {
font-size: 1.125rem;
padding: 0.5rem 3rem;
width: 100%;
}
.trustedContain .row {
padding: 1.188rem 1.5rem;
border-radius: 1rem;
background: #BAF400;
}
.innerimageiner {
padding: 1.5rem 0.875rem;
margin-top: 1rem;
}
.innerimageiner h4 {
font-size: 26px;
}
.innerimageiner .main-btn {
text-align: center;
}
.innerdos {
padding: 1.5rem 0.9rem;
margin-bottom: 2rem;
text-align: center;
}
.innerdos h4 {
font-size: 16px;
gap: 10px;
margin-bottom: 15px;
justify-content: center;
}
.spectrumSection {
background: #baf400;
padding: 1.125rem 0;
}
.spectrumSection .container {
background: none;
padding: 2rem 0;
}
.innerspecs h5 {
font-size: 22px;
}
.innerspecs span {
font-size: 16px;
}
.rightangleSection {
padding: 3rem 0;
}
.challengeERa {
padding: 3.5rem 0;
}
}
@media (max-width: 767.98px) {
.container {
max-width: 540px;
}
.AboutBanner .InnerBannerText h1 {
font-size: 30px;
}
.landingFOrms input {
height: 45px;
padding-left: 1rem;
}
.AboutBanner .InnerBannerText .small_cultre {
font-size: 24px;
}
.AboutBanner .InnerBannerText .small_cultre::before{
display: none;
}
.InnerJoyful h4 {
font-size: 26px;
}
.joyful_section {
padding: 2.25rem 0;
}
.CoreValues_section {
padding: 2.25rem 0 0;
}
.lbn-btns a {
display: block;
width: 100%;
text-align: center;
margin-bottom: 1rem;
padding: 0.5rem 2rem !important;
}
.parent_heads h2 {
font-size: 30px;
}
.InnerBieleve h2 {
font-size: 44px;
}
.InnerBieleve span {
font-size: 24px;
}
.InnerProjects h2 {
font-size: 44px;
margin-bottom: 1rem;
}
.AboutSection_Two {
padding: 2.125rem 0;
}
.InnerWhatService a img ,
.InnerWhatService a small{
display: none;
}
.InnerWhatService a{
justify-content: space-between;
}
.PackageSection .parent_heads p {
font-size: 14px;
}
.InnerWhatService a h4 {
font-size: 30px;
}
.AboutBanner .InnerBannerText .small_cultre {
padding: 10px;
background: #004852;
border-radius: 5px;
}
.BannerText h1 {
font-size: 50px;
}
.BannerText h3 i {
font-size: 20px;
}
.FormBanner h2 {
font-size: 22px;
}
.whoWeAreSection {
padding: 2.75rem 0;
}
.whoWeAreContent h2 br {
display: none;
}
.whoWeAreContent h2 {
font-size: 30px;
}
.whoWeAreContent p {
font-size: 17px;
margin-bottom: 15px;
}
.TeamssSection {
padding: 30px 0 40px;
}
.TeamsMain ul li {
flex: 0 0 40%;
text-align: center;
}
.InnerBannerText h1 {
font-size: 55px;
}
.InnerBannerText span {
font-size: 23px;
}
button.navbar-toggler {
position: relative;
left: 130px;
}
.innerimageiner .main-btn a {
width: 100%;
margin-bottom: 1rem;
}
.challengeERaText ul li {
flex: 0 0 100%;
font-size: 15px;
}
.challengeERaText h2 {
font-size: 24px;
}
.innerlandingfooter p {
font-size: 14px;
margin: 1rem 0;
}
}
@media (max-width: 575.98px) {
.AboutBanner .InnerBannerText h1 {
font-size: 21px;
}
.AboutBanner .InnerBannerText .small_cultre {
font-size: 24px;
}
.InnerJoyful h4 {
font-size: 20px;
}
.InnerJoyful span {
font-size: 16px;
}
.rightangleSection h2 {
font-size: 26px;
}
.corevalue_bottom ul {
margin-top: -2px;
border-radius: 0 0 1rem 1rem;
}
.corevalue_bottom ul li {
flex: 0 0 100%;
padding: 5px 5px 5px 5px;
}
.CorevaluesMain img {
border-radius: 0rem;
}
.parent_heads h2 {
font-size: 22px;
}
.Innertest p {
font-size: 14px;
}
.ReviewSection {
padding: 1.75rem 0;
}
.AboutReview{
padding-top: 3.75rem;
}
.innerCtas h2 {
font-size: 24px;
}
.cta_btns {
gap: 0.25rem;
padding-top: 1rem;
flex-direction: column;
}
.cta_btns .chatBtn{
width: 100%;
text-align: center;
}
.cta_btns .phoneBtn {
width: 100%;
text-align: center;
justify-content: center;}
.InnerBieleve h2 {
font-size: 30px;
}
.InnerBieleve span {
font-size: 18px;
}
.InnerProjects h2 {
font-size: 24px;
margin-bottom: 1rem;
}
.Headanchor a span {
font-size: 13px;
}
.Headanchor a b {
font-size: 16px;
width: 30px;
height: 30px;
padding: 0;
}
.Headanchor a span{
padding: 15px 12px 16px 15px;
}
.Headanchor a:hover b.hovericons {
left: -30px;
}
.BannerText h3 i {
font-size: 16px;
}
.BannerText h1 {
font-size: 35px;
}
.BannerText p{
font-size: 13px;
}
.FormBanner {
padding: 15px;
}
.FormBanner h2 {
font-size: 18px;
}
.FormBanner p {
font-size: 12px;
}
.InnerBann {
padding-top: 0;
}
.InnerBann input.form-control {
height: 40px;
}
.whoWeAreContent h2 {
font-size: 24px;
}
.whoWeAreContent p {
font-size: 14px;
margin-bottom: 15px;
}
.parent_heads h3 {
font-size: 18px;
}
.InnerWhatService a span {
width: 60px;
height: 60px;
}
.InnerWhatService a h4 {
font-size: 20px;
}
.InnerBannerText h1 {
font-size: 35px;
letter-spacing: -1px;
}
.InnerBannerText p {
font-size: 13px;
}
button.navbar-toggler {
position: relative;
left: 0;
}
.ContactInner h4 {
font-size: 25px;
padding-bottom: 0rem;
}
.ContactInner strong {
font-size: 16px;
margin-bottom: 12px;
}
.landingFOrms h4 {
font-size: 20px;
margin-bottom: 10px;
}
.landingFOrms strong {
font-size: 16px;
}
.chatbtns {
padding: 0.5rem 2.5rem;
width: 100%;
text-align: center;
}
header .brand_logo img {
width: 100px;
}
.innerimageiner p {
font-size: 13px;
margin-bottom: 20px;
}
.innerimageiner h4 {
font-size: 22px;
}
.spectrumSection .container {
background: none;
padding: 1rem 0.875rem;
}
.innerspecs h5 {
font-size: 18px;
}
.innerspecs span {
font-size: 12px;
}
.challengeERaText h2 {
font-size: 21px;
}
.innerlandingfooter p {
font-size: 12px;
margin: 1rem 0;
}
}
@media (max-width: 320.98px) {}