button#mob-toggle-menu-button {
display: none;
}
@media only screen and (max-width: 1366px){
section.cww-main-banner .container{
padding-top: 165px;
}
}
@media only screen and (max-width: 1024px){
.container{
padding: 0 20px;
}
section.cww-main-banner .content-wrapp h2{
font-size: 66px
}
section.cww-main-banner .bottom-style{
bottom: -75px;
right: -138px;
}
section.cww-main-banner .bottom-style svg {
height: 260px;
width: 260px;
}
section.cww-main-banner .social-icon-wrapp{
left: 25px;
}
section.cww-main-banner .animated-bg {
left: 90px;
width: 40%;
height: 55%
}
.cww-about-section .container{
gap: 85px;
}
.counter-wrapp.cww-flex{
gap: 5%;
}
.count-item-wrapp{
flex: 1 1 45%;
}
.cww-contact-section .contact-wrapp.cww-flex .address-wrap{
margin-left: 3%;
}
}
@media only screen and (max-width: 768px){
header.site-header{
position: relative;
} button#mob-toggle-menu-button {
display: block;
}
.button.is-text {
background-color: transparent;
border: 0;
}
.button-inner-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
#mob-toggle-menu-button {
width: 48px;
height: 48px;
background-color: var(--color-night-dark);
transition: background-color 2s ease;
} .icon {
line-height: 0;
}
.menu-icon {
text-align: right;
width: 27px;
}
.menu-icon::after, .menu-icon::before {
background-color: #ffffff;
content: "";
display: inline-block;
height: 3px;
width: 27px;
margin: 3px 0;
transition-duration: 0.5s;
}
.menu-icon::before {
width: 27px;
}
.menu-icon::after {
width: 18px;
}
#mob-toggle-menu-button:hover .menu-icon::before {
width: 18px;
transition-duration: 0.5s;
}
#mob-toggle-menu-button:hover .menu-icon::after{
width: 27px;
transition-duration: 0.5s;
}
#mob-toggle-menu-button.is-opened {
background-color: var(--theme-color)
}
#mob-toggle-menu-button.is-opened .menu-icon::before {
transform: rotateZ(135deg) translate(3px, -3px);
width: 27px;
}
#mob-toggle-menu-button.is-opened .menu-icon::after {
transform: rotateZ(-135deg) translate(3px, 3px);
width: 27px;
} .cww-menu-outer-wrapp {
top: -1500px;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.main-navigation{
width: 100%;
}
.main-navigation a{
padding: 20px 19px;
}
header.site-header.is-opened .cww-menu-outer-wrapp{
visibility: visible;
opacity: 1;
}
.cww-menu-outer-wrapp.cww-flex {
position: absolute;
top: 120px;
right: 0;
background: #fff !important;
height: auto;
width: 100%;
height: 100vh;
z-index: 9;
padding: 5px 20px;
display: block;
transition: all 0.3s;
}
.cww-nav-container ul li {
display: block;
border-bottom: 1px solid #f1f1f1;
text-align: left;
} section.cww-main-banner .container{
justify-content: center;
}
section.cww-main-banner .content-wrapp {
flex: 1 1 59%;
background: rgb(255 255 255 / 68%);
z-index: 1;
padding: 48px 137px;
}
section.cww-main-banner{
height: 70vh;
}
section.cww-main-banner .bottom-style{
bottom: -145px !important;
}
section.cww-main-banner .button-wrapp {
margin-top: 20px;
}
section.cww-main-banner .img-wrapp{
width: auto;
height: auto;
display: inline-block;
}
section.cww-main-banner .content-wrapp h2 {
font-size: 45px;
}
section.cww-main-banner .animated-bg{
width: 60%;
}
li.blocks-gallery-item {
flex: 1 1 33.33%;
} .cww-about-section .container{
flex-wrap: wrap;
} .cww-contact-section .contact-wrapp.cww-flex .address-wrap{
flex: 1 1 40%;
margin-top: 25px
}
}
@media only screen and (max-width: 645px){
section.cww-main-banner .content-wrapp{
padding: 35px 55px;
}
}
@media only screen and (max-width: 585px){
section.cww-main-banner {
height: 70vh;
}
}
@media only screen and (max-width: 425px){
section.cww-main-banner{
height: 60vh
}
section.cww-main-banner .content-wrapp {
padding: 25px 20px;
}
.site-branding {
flex: 1 1 50%;
}
.count-item-wrapp:last-child{
margin-top: 25px;
}
.cww-service-section .service-wrapper-outer .service-wrapp{
padding: 0;
}
.blog-outer-wrapp:not(:first-child) {
margin-top: 35px;
}
.site-info.cww-flex{
justify-content: center;
}
li.blocks-gallery-item {
flex: 1 1 50%;
}
}
@media only screen and (max-width: 425px){
.cww-contact-section .form-wrapp, .cww-contact-section .address-wrap{
padding: 30px 15px;
}
}
@media only screen and (max-width: 414px){
section.cww-main-banner .content-wrapp {
padding: 15px 17px;
}
section.cww-main-banner .content-wrapp h2 {
font-size: 35px;
}
section.cww-main-banner .content-wrapp h5 {
font-size: 18px;
}
.header-cta-wrapp a, .cww-main-banner .btn-primary a, .cww-cta-section .btn-wrapper a, .error-404 .button-wrapp a {
padding: 9px 18px;
} }