@media(max-width:1199px) {
.container,
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 960px;
}
}
@media(max-width:1023px) {
.container,
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 100%;
}
.content-area .site-main {
padding: 90px 0;
}
.navbar-expand-lg .navbar-toggler {
display: block;
}
.navbar-expand-lg .navbar-collapse.collapse:not(.show),header#pt-header.pt-header-default .pt-toggle-btn {
display: none !important;
}
}
@media(max-width:767px) {
.content-area .site-main {
padding: 60px 0;
}
#pt-footer .pt-footer-style-1 .pt-copyright-footer .row {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-copyright {
margin-top: 15px;
text-align: center;
}
footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link {
float: inherit;
}
footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link ul {
margin: 0;
display: flex;
padding: 0;
}
footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link ul li {
flex: 1;
float: inherit;
margin: 0 5px 0;
text-align: center;
}
} .button_container {
position: relative;
display: inline-block;
top: 5px;
right: 0;
height: 30px;
float: right;
width: 30px;
cursor: pointer;
z-index: 100;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.button_container:hover {
opacity: 1;
}
.button_container.active .top {
-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
-ms-transform: translateY(11px) translateX(0) rotate(45deg);
transform: translateY(11px) translateX(0) rotate(45deg);
background: var(--primary-color);
}
.button_container.active .middle {
opacity: 0;
background: var(--primary-color);
}
.button_container.active .bottom {
-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
transform: translateY(-11px) translateX(0) rotate(-45deg);
background: var(--primary-color);
}
.button_container span {
background: var(--dark-color);
border: none;
height: 2px;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .35s ease;
transition: all .35s ease;
cursor: pointer;
}
.button_container span:nth-of-type(2) {
top: 11px;
width: 60%;
}
.button_container span:nth-of-type(3) {
top: 22px;
}
.overlay {
position: fixed;
background: var(--grey-color);
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
}
.overlay.open {
opacity: 1;
visibility: visible;
height: 100%;
z-index: 9;
}
.overlay ul {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9;
}
.overlay ul > li {
padding-bottom: 10px;
}
.overlay ul > li a {
position: relative;
}
.overlay ul > li > a:before {
position: absolute;
content: "";
width: 0;
height: 1px;
background: #000;
bottom: -5px;
transition: all 0.5s ease-in-out;
left: 0;
}
.overlay ul > li > a:hover:before {
transform-origin: left;
width: 100%;
}
.overlay ul li a {
color: var(--dark-color);
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
.overlay ul li i {
color: var(--dark-color);
font-size: 14px;
padding-left: 10px;
cursor: pointer;
}
.overlay ul .sub-menu {
display: none;
padding-top: 0px;
position: inherit;
top: inherit;
left: inherit;
transform: inherit;
}
.overlay ul .sub-menu li {
padding-bottom: 4px;
}
.overlay ul .sub-menu li a {
font-size: 16px;
}
.overlay ul .sub-menu.open {
display: block;
}