@media (max-width: 360px) {
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
font-size: 17px;
}
} @media (max-width: 768px) {
.navbar-ul {
text-align: center;
align-items: center;
}
.tabs .nav-link i {
padding: 0;
line-height: 1;
font-size: 36px;
}
.about {
text-align: center;
}
#hero {
text-align: center;
padding-top: 58px;
}
#hero h1 {
font-size: 24px !important;
margin-top: 1rem !important;
margin-left: 7.2rem !important;
}
#hero h2 {
font-size: 18px;
line-height: 24px;
}
.footer-logo {
margin: 2em 0;
display: none;
}
.cont h6 {
font-size: 0.8em;
}
.container-event h1 {
font-size: 1.1em;
}
.breadcrumbs .blog-cat {
padding-top: 20px;
font-size: 15px;
}
[data-aos-delay] {
transition-delay: 0 !important;
}
#footer .footer-logo {
text-align: center;
}
#footer .footer-logo img {
width: 130px;
margin-top: -8px;
}
.portfolio .portfolio-wrap .portfolio-info h5 {
font-size: 0.7em;
color: #fff;
font-weight: 400;
}
.portfolio-wrap .fa-chevron-circle-right {
position: absolute;
bottom: 40%;
left: 37%;
font-size: 2.5em;
}
.portfolio .portfolio-wrap2 img,
.portfolio .portfolio-wrap img {
height: auto;
}
.ImageWrapper img { width: 100%;
height: 30vh;
max-height: 30vh !important;
}
.footer-cover-btn {
margin-left: -15px;
margin-top: 20px;
text-align: center;
}
#footer .footer-top .footer-links ul {
text-align: center;
padding: 0;
margin: 0;
}
#footer .footer-top .footer-links ul li {
padding-right: 50px;
align-items: center;
display: block;
}
.blog .entry .entry-content div,
.blog .entry .entry-content p {
text-align: left;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
width: auto;
}
.elementor-toggle-item div.elementor-tab-title {
display: flex;
}
.elementor-toggle-item .elementor-tab-title a {
display: flex;
}
#gs-btn .fa, #gs-btn .fas, #gs-btn .fab {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-size: 2em;
}
} @media (max-width: 482px) {
.navbar-nav {
display: contents;
}
.owl-carousel.owl-loaded {
max-height: 240px;
}
.slick-slider {
max-height: 240px;
}
#footer .footer-logo {
text-align: center;
}
#footer .footer-logo img {
width: 130px;
margin-top: -8px;
}
.footer-logo-mobile {
width: 100%;
content: "";
clear: both;
display: table;
padding-top: 20px;
}
.footer-logo {
display: block;
}
.footerlogo2 {
padding: 10px;
}
.footerlogo3 {
padding: 10px;
}
#footer .footer-top .footer-contact h3 {
font-size: 20px;
}
#footer .social-links a {
margin: 0.6rem;
}
li.wp-social-link.wp-social-link-linkedin.wp-block-social-link:first-child {
margin-left: -0.5em;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 1.16em 4px 0;
}
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
width: 25%;
right: 3em;
}
.elementor-toggle-item .elementor-tab-title a {
font-size: 14px;
text-align: left;
}
}
@media (min-width: 700px) and (max-width: 768px) {
.navbar-ul {
align-items: center;
text-align: -webkit-center;
;
}
#footer .footer-logo {
text-align: center;
}
#footer .footer-logo img {
width: 130px;
margin-top: -8px;
}
.footer-logo-mobile {
width: 100%;
content: "";
clear: both;
display: table;
padding-top: 20px;
}
.footer-logo {
display: none;
}
.footerlogo2 {
display: contents;
padding: 10px;
}
.footerlogo3 {
display: contents;
padding: 10px;
}
}
@media screen and (min-width:992px) and (max-width:1100px) {
#navbar ul {
display: inline-flex;
padding-right: 150px;
overflow: hidden;
}
#nav-search {
position: absolute;
right: 0;
}
#logo-nav {
width: 120px;
}
.breadcrumbs .blog-cat {
flex-wrap: wrap;
list-style: none;
margin: 0 auto;
padding: 10px 0;
font-size: 18px;
font-weight: 500;
}
}
@media screen and (min-width:1100px) {
#navbar ul {
padding-right: 100px;
}
#navbar ul li {
padding: 12px;
}
#navbar ul li ul {
padding: 0;
width: 100%;
}
#nav-search {
position: absolute;
right: 3.5%;
}
.fixed-top #logo-nav {
left: 4%;
}
.pd-left2 {
padding-left: 4.6em;
}
.container2 {
width: 100%;
padding-left: 20%;
padding-right: 20%;
}
}
@media (max-width: 1200px) {
.logo-pos {
margin-left: auto;
margin-right: auto;
padding-left: 400px;
}
.careers-text {
width: 100%;
padding-left: 6%;
padding-right: 6%;
}
}
@media (max-width: 400px) {
#top-header {
display: none;
}
.logo-pos {
width: 10px;
margin-left: 10px;
}
.container-event h1 {
font-size: 1.3em;
}
}
@media (max-width: 500px) {
#my-logo {
padding-top: 20px;
}
#top-header {
display: none;
}
#hero h1 {
margin-top: 4rem !important;
margin-left: 4rem !important;
font-size: 20px !important;
}
#footer .footer-top .footer-links ul {
display: contents;
text-align: center;
}
#footer .footer-top .footer-links ul li {
align-items: center;
display: block;
}
}
@media screen and (min-width:501px) and (max-width: 575px) {
#hero h1 {
margin-top: 5rem !important;
margin-left: 5rem !important;
font-size: 24px !important;
}
.expertise-slider {
height: 390px;
margin-top: 2em;
margin-bottom: 2em;
}
.expertise .swiper-slide img {
width: 300px;
text-align: center;
margin-top: 3em;
}
.expertise-slider2 {
height: 390px;
margin-top: 2em;
margin-bottom: 2em;
}
.expertise .swiper-slide2 img {
width: 300px;
text-align: center;
margin-top: 3em;
}
.spacing {
margin-left: 0;
}
}
@media (max-width: 1024px) {
.team-overview-box .team-info {
display: block;
}
.team-overview-box .team-lang {
margin-left: 0;
margin-top: 1em;
}
.team-overview-box ul.team-expertise {
display: block;
height: 100%;
}
.container-event h1 {
font-size: 1.4em;
}
.fl-fl.float-shr {
display: none;
}
.fl-fl {
width: 320px;
right: -265px;
touch-action: pan-y;
}
.fl-fl:hover {
pointer-events: visible;
cursor: pointer;
right: 0;
}
.fl-fl:focus {
pointer-events: none;
right: unset;
}
.slide-arrow {
margin: 0 12px;
}
#navbar-ul {
margin: 0;
text-align: center;
overflow-y: auto;
}
.spacing {
margin-left: 0;
}
.expertise-slider {
height: 370px;
margin-top: 1em;
}
.expertise-slider2 {
height: 370px;
margin-top: 1em;
}
#hero h1 {
margin-top: -5rem;
margin-left: 5rem;
font-size: 36px;
}
.pd-left2 {
padding-left: 3.2em;
}
.carousel img {
width: 100%;
}
.portfolio .portfolio-wrap .portfolio-info h5 {
font-size: 0.5em;
color: #fff;
font-weight: 300;
}
.portfolio .portfolio-wrap .portfolio-info {
padding: 10px 5px;
}
.portfolio-wrap .fa-chevron-circle-right {
position: absolute;
bottom: 40%;
left: 37%;
font-size: 2.5em;
} .ayg-col-3 {
width: 46% !important;
}
.ayg-thumbnail-excerpt {
display: none;
}
.ayg-player-caption,
.ayg-player-title,
.ayg-player-description {
padding: 18px 0;
}
#footer .footer-top .footer-contact .wp-block-group {
padding-left: 22px;
}
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
font-size: 24px !important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { }
@media (max-width: 991px) {
#logo-nav {
max-width: 200px;
margin: 0 auto;
display: block;
left: 0;
}
#logo-nav img {
display: block;
}
#top-header {
display: none;
}
.logo-pos {
width: 10px;
margin-left: 10px;
}
.navbar-toggler {
display: block;
position: absolute;
top: 1.5rem;
right: 20px;
}
.navbar-collapse {
position: absolute;
top: 0;
right: 0;
width: 75%;
height: 100vh;
background-color: var(--e-global-color-primary);
padding: 0;
margin: 0;
transition: all 0.3s ease;
display: none;
z-index: 999;
}
.navbar-nav {
width: 100%;
} .navbar-toggler .navbar-toggler-icon {
display: block;
}
.navbar-collapse.show {
left: 0;
display: block;
}
.close-menu {
position: absolute;
top: 1.5rem;
right: 20px;
color: var(--white);
cursor: pointer;
z-index: 1000;
}
.navbar-nav:before {
display: none;
}
.nav-fill .nav-item,
.nav-fill>.nav-link {
border-bottom: 1px solid #eee;
width: 100%;
display: block;
padding: 0 0.5rem;
}
.fixed-top #logo-nav {
left: 0;
}
.breadcrumbs .d-flex {
display: block !important;
}
.breadcrumbs h2 {
margin-bottom: 10px;
text-align: center;
}
.breadcrumbs ol {
display: block;
}
.breadcrumbs ol li {
display: inline-block;
}
.breadcrumbs .blog-cat {
display: block;
width: 100%;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 auto;
font-size: 20px;
font-weight: 500;
text-align: center;
}
#hero h1 {
margin-top: -5rem;
margin-left: 4rem;
font-size: 32px;
}
.team .member {
display: block;
height: 480px;
}
.team .member .pic {
margin: 0 auto;
padding-bottom: 10px;
}
.team .member .member-info {
padding-left: 0;
text-align: center;
}
.team .member span::after {
content: '';
position: relative;
width: 150px;
margin: 5px auto;
}
.team .member .social {
justify-content: center;
}
.ayg-col-3 {
width: 100% !important;
}
.ayg-player-caption,
.ayg-player-title,
.ayg-player-description {
padding: 18px 0;
}
#blog .entry-content,
.ayg-thumbnail-excerpt {
display: none;
}
.footer-cover-btn {
margin-left: -90px;
}
#footer .footer-logo {
text-align: center;
}
#footer .footer-logo img {
width: 130px;
margin-top: -8px;
}
.footer-logo-mobile {
width: 100%;
content: "";
clear: both;
display: table;
padding-top: 20px;
}
.footer-logo {
display: block;
}
.footerlogo2 {
display: inline-flex;
padding: 10px;
}
.footerlogo3 {
display: inline-flex;
padding: 10px;
}
.entry-meta span {
display: block;
}
div.elementor-tab-content ul li {
text-align: left !important;
}
.tab-content>.tab-pane {
display: block;
opacity: 1;
}
}
@media (max-width: 670px) {
.blog .entry img {
text-align: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.pd-left2 {
padding-left: 0;
}
.blog .entry .entry-img2 {
margin: 10px -30px 20px -30px;
display: grid;
align-items: center;
max-height: 760px;
justify-content: center;
overflow: hidden;
}
.blog .entry .entry-title {
font-size: 24px;
font-weight: bold;
margin: 0 0 20px 0;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.blog .entry .entry-meta {
margin-bottom: 15px;
color: #111111;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.blog .entry .entry-content div,
.blog .entry .entry-content p {
line-height: 24px;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.blog .entry .entry-footer {
padding-top: 10px;
border-top: 1px solid #e6e6e6;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.share-buttons li {
width: 50%;
margin-right: 0;
}
.share-buttons li:last-child {
width: 50%;
}
.share-buttons li:first-child a,
.share-buttons li:last-child a {
border-radius: 0;
}
li.wp-social-link.wp-social-link-linkedin.wp-block-social-link:first-child {
margin-left: -0.9em;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 0px 4px -1px;
}
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
font-size: 17px !important;
}
}
@media only screen and (min-width: 375px) and (-webkit-device-pixel-ratio: 3) {
.fl-fl.float-shr {
margin-top: 0;
}
.fl-fl.float-ml {
margin-top: 3.5rem;
}
.fl-fl.float-pn {
margin-top: 7rem;
}
.slick-slider {
max-height: 210px;
}
}