/* white you custom css code here. only css code will work */
.header-area.cdesign-agency-home .right-image-wrap {
    position: absolute !important;
    right: 0% !important;
    top: 18% !important;
    z-index: -1 !important;
}

.header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper img {
    max-height: 80px !important;
}

.header-style-03.header-variant-14 .navbar-area .nav-container .logo-wrapper img {
    max-width: 100px !important;
}

.dagency-cta-area .right-image-area {
    position: absolute !important;
    top: -20px !important;
    height: 100px !important;
    max-width: 302px !important;
}

.header-style-03.header-variant-14 .navbar-area {
    position: absolute;
    left: 0;
    top: 10px !important;
    width: 100%;
    z-index: 1;
}

.header-style-03.header-variant-08 .navbar-area .nav-container .navbar-collapse .navbar-nav {
    text-align: center !important;
}

.header-style-03.header-variant-08.navbar-variant-04 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

@media only screen and (max-width: 414px){
	.top-bar-inner ul li:last-child {
     display: inline-block !important;
	}
  .top-bar-inner ul li.login-register {
    display: inline-block !important;
	}
  .header-style-03.header-variant-08 {
     border-bottom: none !important;
	}
}
@media only screen and (max-width: 430px) {
	.top-bar-inner ul li:last-child {
     display: inline-block !important;
	}
  .top-bar-inner ul li.login-register {
    display: inline-block !important;
	}
	
}

@media only screen and (max-width: 991px){

  .header-style-03.header-variant-08 {
     border-bottom: none !important;
	}

}

div#preloader {
  z-index: 1000000000 !important;
}

.header-area.cdesign-agency-home .title {
    color: var(--heading-color);
    font-weight: 700;
    line-height: 100px !important;
}