.adventeqa-app-slider-one-container{ width: 100%; } .adventeqa-app-slider-one-overlay{ width: 100%; position: relative; background:rgba(63,1,99,1.00); padding: 10%; overflow: auto; } .adventeqa-app-slider-one-overlay-inner{ overflow: auto; } .adventeqa-app-slider-one-image{ width: 100%; float: right; padding: 0 0 10% 0; } .adventeqa-app-slider-one-content{ width: 100%; float: right; } .adventeqa-app-slider-one-content h2{ font-size: 2.0rem; margin: 0 0 0.6em 0; color: rgba(255,255,255,1.00); line-height: 1.2; } .adventeqa-app-slider-one-content p{ font-size: 1.0rem; margin: 0 0 1.5em 0; color: rgba(255,255,255,1.00); line-height: 1.4; font-weight: 700; } .adventeqa-app-slider-one-content p a{ -webkit-border-radius: 1.2em; -moz-border-radius: 1.2em; border-radius: 1.2em; padding: 0.7em 3.0em 0.6em 3.0em; display: inline-block; width: auto; margin: 0 2.0em 1.0em 0; line-height: 1.0; text-decoration: none; font-weight: 700; font-size: 1.0rem; background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); } .adventeqa-app-slider-one-overlay>span { display: none; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border: 0 solid transparent; border-right-width: 0; border-left-width: 100%; border-bottom: 100px solid rgba(255, 255, 255, 1.0); opacity: 0; z-index: 70 } /* styles for less than 400px */ @media screen and (max-width : 399px) { } /* styles for 400px - 600px */ @media screen and (min-width : 400px) and (max-width : 599px) { } /* styles for 600px - 900px */ @media screen and (min-width : 600px) and (max-width : 900px) { } /* styles for 901px - 1200px */ @media screen and (min-width : 901px) { } @media screen and (min-width : 900px) and (max-width : 1200px) { } @media screen and (min-width : 1201px) and (max-width : 1400px) { } @media screen and (min-width : 1201px) and (max-width : 1600px) { } @media screen and (min-width : 1201px) { .adventeqa-app-slider-one-overlay-inner{ padding: 20% 0 20% 0; } .adventeqa-app-slider-one-overlay{ width: 100%; position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a028b+0,210152+60,210152+100&0.95+0,0.95+60,1+100 */ background: -moz-linear-gradient(left, rgba(138,2,139,0.95) 0%, rgba(33,1,82,0.95) 60%, rgba(33,1,82,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(138,2,139,0.95) 0%,rgba(33,1,82,0.95) 60%,rgba(33,1,82,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(138,2,139,0.95) 0%,rgba(33,1,82,0.95) 60%,rgba(33,1,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28a028b', endColorstr='#210152',GradientType=1 ); /* IE6-9 */ padding: 0 10%; } .adventeqa-app-slider-one-image{ width: 50%; padding: 0; text-align: right; } .adventeqa-app-slider-one-image img{ display: inline-block; }/* .adventeqa-app-slider-one-image img{ display: block; width: 40%; position: absolute; bottom: 0; right: 0; }*/ .adventeqa-app-slider-one-content{ width: 50%; padding: 0 15% 0 0; } .adventeqa-app-slider-one-content h2{ font-size: 2.4rem; } .adventeqa-app-slider-one-content p{ font-size: 1.2rem; } .adventeqa-app-slider-one-content p a{ font-size: 1.2rem; } } @media screen and (min-width : 1401px) { } @media screen and (min-width : 1601px) { .adventeqa-app-slider-one-content h2{ font-size: 3.0rem; } .adventeqa-app-slider-one-content p{ font-size: 1.4rem; } .adventeqa-app-slider-one-content p a{ font-size: 1.4rem; } } .adventeqa-app-features-one-container{ width: 100%; padding: 10%; background: rgba(255,255,255,1.00); } .adventeqa-app-features-one-heading{ width: 100%; padding: 0 0 10% 0; } .adventeqa-app-features-one-heading h2{ text-align: center; font-size: 2.0rem; margin: 0 0 0.6em 0; padding: 0 20%; line-height: 1.2; } .adventeqa-app-features-one-heading p{ text-align: center; font-size: 1.2rem; margin: 0; line-height: 1.5; padding: 0 10%; font-weight: 700; } .adventeqa-app-features-one-content{ width: 100%; overflow: auto; } .adventeqa-app-features-one-item{ width: 100%; margin: 0 0 2.0em 0; overflow: auto; padding: 2.0em; } .adventeqa-app-features-one-item:hover{ background: rgba(0,0,0,0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .adventeqa-app-features-one-item-image{ width: 30%; float: left; padding: 0 3.0em 0 0; } .adventeqa-app-features-one-item-content{ width: 70%; float: left; } .adventeqa-app-features-one-item-content h3{ font-size: 1.2em; margin: 0 0 0.5em 0; } .adventeqa-app-features-one-item-content p{ font-size: 1.0em; margin: 0; } /* styles for less than 400px */ @media screen and (max-width : 399px) { } /* styles for 400px - 600px */ @media screen and (min-width : 400px) and (max-width : 599px) { } /* styles for 600px - 900px */ @media screen and (min-width : 600px) and (max-width : 900px) { } /* styles for 901px - 1200px */ @media screen and (min-width : 901px) { } @media screen and (min-width : 900px) and (max-width : 1200px) { } @media screen and (min-width : 1201px) and (max-width : 1400px) { } @media screen and (min-width : 1201px) and (max-width : 1600px) { } @media screen and (min-width : 1201px) { .adventeqa-app-features-one-heading h2{ font-size: 2.4rem; } .adventeqa-app-features-one-heading p{ font-size: 1.2rem; } .adventeqa-app-features-one-item{ width: 48%; margin: 0 4% 2.0em 0; } .adventeqa-app-features-one-item:nth-child(2n){ width: 48%; margin: 0 0 2.0em 0; } .adventeqa-app-features-one-item:nth-child(2n+1){ clear: both; float: left; } } @media screen and (min-width : 1401px) { } @media screen and (min-width : 1601px) { .adventeqa-app-features-one-heading h2{ font-size: 3.0rem; } .adventeqa-app-features-one-heading p{ font-size: 1.4rem; } } .adventeqa-app-about-one-container{ width: 100%; padding: 10%; background: rgba(109,52,240,1.00); position: relative; } .adventeqa-app-about-one-heading{ width: 100%; padding: 0 0 5% 0; } .adventeqa-app-about-one-heading h2{ font-size: 2.0rem; margin: 0 0 0.5em 0; padding: 0 20%; color: rgba(255,255,255,1.00); text-align: center; } .adventeqa-app-about-one-heading p{ font-size: 1.2rem; margin: 0 0 0.5em 0; padding: 0 10%; color: rgba(255,255,255,1.00); text-align: center; font-weight: 700; line-height: 1.5; } .adventeqa-app-about-one-content{ width: 100%; } .adventeqa-app-about-one-content video{ } /* styles for less than 400px */ @media screen and (max-width : 399px) { } /* styles for 400px - 600px */ @media screen and (min-width : 400px) and (max-width : 599px) { } /* styles for 600px - 900px */ @media screen and (min-width : 600px) and (max-width : 900px) { } /* styles for 901px - 1200px */ @media screen and (min-width : 901px) { } @media screen and (min-width : 900px) and (max-width : 1200px) { } @media screen and (min-width : 1201px) and (max-width : 1400px) { } @media screen and (min-width : 1201px) and (max-width : 1600px) { } @media screen and (min-width : 1201px) { .adventeqa-app-about-one-heading h2{ font-size: 2.4rem; } .adventeqa-app-about-one-heading p{ font-size: 1.2rem; } .adventeqa-app-about-one-content video{ position: absolute; bottom: 0; left: 10%; width: 80%; margin-bottom: -10%; z-index: 9; } } @media screen and (min-width : 1401px) { } @media screen and (min-width : 1601px) { } .adventeqa-app-testimonials-one-container{ width: 100%; padding: 0; background: rgba(68,171,150,1.00); position: relative; } .adventeqa-app-testimonials-one-container-inner{ width: 100%; padding: 20% 10% 15% 10%; } /* styles for less than 400px */ @media screen and (max-width : 399px) { } /* styles for 400px - 600px */ @media screen and (min-width : 400px) and (max-width : 599px) { } /* styles for 600px - 900px */ @media screen and (min-width : 600px) and (max-width : 900px) { } /* styles for 901px - 1200px */ @media screen and (min-width : 901px) { } @media screen and (min-width : 900px) and (max-width : 1200px) { } @media screen and (min-width : 1201px) and (max-width : 1400px) { } @media screen and (min-width : 1201px) and (max-width : 1600px) { } @media screen and (min-width : 1201px) { .adventeqa-app-about-one-heading h2{ font-size: 2.4rem; } .adventeqa-app-about-one-heading p{ font-size: 1.2rem; } .adventeqa-app-about-one-content video{ position: absolute; bottom: 0; left: 10%; width: 80%; margin-bottom: -10%; z-index: 9; } } @media screen and (min-width : 1401px) { } @media screen and (min-width : 1601px) { }