@media(max-width:1199px){#sticky-header{left:0;margin:auto;position:fixed;top:0;width:100%;z-index:99;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;transition:0.5s;background:#fff;box-shadow:0 3px 18px rgb(2 21 78 / 9%)}
.header-area .header-wrapper{position:relative;padding:30px 0}
.header-area .header-wrapper .menu-wrapper{position:absolute;top:100%}
.header-area .header-wrapper .menu-wrapper .top-bar{display:none}
.header-area .header-wrapper .menu-wrapper .mobile-logo{display:block}
.header-area .header-wrapper .site-logo.active a{display:none}
.header-area .header-wrapper .menu-wrapper .main-menu{display:block;padding-left:0}
.header-area .header-wrapper .menu-wrapper{position:fixed;height:100vh;top:0;border-left:0;z-index:2;background:#fff;left:-300px;width:300px;overflow:scroll;padding:29px 50px 38px 50px;transition:0.5s}
.header-area.style-two .top-bar{display:none}
.header-area .menu-wrapper .main-menu ul{display:block}
.header-area .menu-wrapper .main-menu ul li{float:none}
.header-area .menu-wrapper .main-menu ul li a{padding:5px 0}
.header-area .menu-wrapper .main-menu ul li a:hover{color:#0c73ff}
.header-area .header-wrapper .menu-wrapper .main-menu .menu-items li a::before{display:none}
.header-area .menu-wrapper .main-menu ul li ul{position:static;overflow:hidden;transition:0s;min-width:220px;opacity:1;visibility:visible;display:none}
.header-area .header-wrapper .menu-wrapper .main-menu .menu-buttons{display:none}
.header-area .header-wrapper .menu-toggle{display:block;color:#fff;font-size:24px;height:50px;width:50px;background:#0c73ff;text-align:center;cursor:pointer;z-index:2}
.header-area .header-wrapper .menu-toggle::before{content:'\f0c9';font-family:"FontAwesome";font-weight:900;line-height:50px}
.header-area .header-wrapper .menu-toggle.active::before{content:'\f00d'}
.header-area .header-wrapper .menu-wrapper.active{left:0}
.slider-section .hero-slider .slider-item{margin-top:110px}
.slider-section2 .hero-slider .slider-item{margin-top:110px}
.breadcrumb-area{margin-top:110px}
.working-process .search-box p{margin:16px 0 20px}
.footer-section .subscribe-area .subscribe-form form i{left:25px}
.footer-section .subscribe-area .subscribe-form form .subscribe-input{padding:20px 37px 20px 50px}
.footer-section .subscribe-area .subscribe-form form .submit-btn{padding:20px 50px 20px}
.header-area.style-two .menu-search{display:none}
.about-section2{padding:0 0 128px}
.blog-details .blog-wrapper .blog-details-footer{row-gap:20px}
}@media(max-width:991px){.container{width:750px}
.section-title .title h1{font-size:40px}
.slider-section .hero-slider .slider-item .title{width:100%}
.slider-section .hero-slider .slider-item .title h1{font-size:60px}
.about-section .wrapper{padding-left:0}
.about-section .title{margin-top:40px}
.about-section .title h1{font-size:40px}
.about-section .details{display:block}
.about-section .brand-area .brand-wrapper{position:static;width:100%}
.service-section{padding:135px 0 150px;background-size:auto}
.business-inquiry{padding:135px 0 150px}
.business-inquiry .wrapper{position:static;width:100%;padding:0 15px;margin:auto}
.business-inquiry .wrapper .text-area{padding:3px 10px 5px}
.working-process{padding:135px 0 150px 0}
.working-process .search-box{margin-top:37px}
.appointment-section{padding:150px 0 128px}
.appointment-section .company-inquiry{padding:35px 0 0}
.team-section .single-team{margin-top:20px}
.app-section .app-text h1{font-size:40px}
.app-section .app-download,.app-section .feedback{position:static;margin-top:50px}
.testimonial-section{padding:135px 0 130px}
.testimonial-section .single-testimonial .testimonial-content .quote-text h2{font-size:24px}
.blog-section{padding:138px 0 150px}
.blog-section .blog-box{margin-top:20px}
.blog-section .blog-list{margin-left:0}
.footer-section .footer-middle .latest-posts,.footer-section .footer-middle .post-gallery{margin-top:35px}
.footer-section .subscribe-area .subscribe-form form i{display:none}
.footer-section .subscribe-area .subscribe-form form .subscribe-input{padding:15px 7px 15px 15px}
.footer-section .subscribe-area .subscribe-form form .submit-btn{padding:15px 23px 15px}
.slider-section2 .hero-slider .slider-item .title h1{font-size:60px}
.slider-section2 .hero-slider .slider-item .text-area{width:100%}
.slider-section2 .hero-slider .owl-nav{display:none}
.slider-section2 .brand-area{position:relative;width:100%}
.slider-section2 .brand-area::before{display:none}
.slider-section2 .brand-area .brand-wrapper{padding:80px 0 80px 0}
.slider-section2 .brand-area .slick-prev{bottom:-105px;left:102px}
.slider-section2 .brand-area .slick-next{bottom:-105px;left:170px}
.service-section2 .section-title .title h1{font-size:40px}
.about-section2 .title h1{font-size:40px}
.about-section2 .wrapper{padding:47px 0 0}
.team-section2 .section-title .title h1{font-size:40px}
.team-section2 .single-team{margin-bottom:25px}
.company-inquiry2 .inquiry-wrapper{padding:12px}
.company-inquiry2 .inquiry-wrapper .inquiry-inner{padding:20px}
.company-inquiry2 .inquiry-wrapper .inquiry-inner .section-title .title h1{font-size:34px}
.working-process2{padding:263px 0 112px}
.working-process2 .icon-box .icon::after{display:none}
.working-option .work-option{display:block}
.working-option .work-option .item-one{display:block;text-align:center;padding:40px 30px 40px}
.working-option .work-option .item-one .icon{margin-right:0}
.working-option .work-option .separator{display:none}
.working-option .work-option .item-two{display:block;text-align:center;padding:40px 30px 40px}
.working-option .work-option .item-two .icon{margin-left:0}
.pricing-section{padding:135px 0 55px}
.pricing-section .section-title .title h1{font-size:40px}
.pricing-section .pricing-table{margin-bottom:95px}
.call-to-action .content-wrapper{display:block}
.call-to-action .text-wrapper h1{font-size:36px}
.call-to-action .content-wrapper .button-set{margin-top:47px}
.post-gallery .section-title.align-center{width:62%}
.post-gallery .section-title .title h1{font-size:40px}
.post-gallery .gallery-grid .gallery-item:nth-child(1){grid-column:1/4}
.post-gallery .gallery-grid .gallery-item:nth-child(2){grid-column:4/7}
.post-gallery .gallery-grid .gallery-item:nth-child(3){grid-column:1/4}
.post-gallery .gallery-grid .gallery-item:nth-child(4){grid-column:4/7}
.post-gallery .gallery-grid .gallery-item:nth-child(5){grid-column:1/7}
.testimonial-section2 .testimonial-info::before{width:100%}
.testimonial-section2 .testimonial-icon{display:none}
.testimonial-section2 .testimonial-block{padding:0 12px 0}
.counter-section .single-counter{margin-bottom:20px}
.blog-section2{padding:85px 0 75px}
.blog-section2 .blog-box{margin-bottom:24px}
.work-process .work-container{padding:100px 0 150px}
.work-process .work-container .work-box{margin-top:123px !important}
.service-details .service-meta{position:static;flex-wrap:wrap;gap:20px 0;margin-bottom:45px}
.service-details .service-meta .name{width:50%}
.service-details .service-meta .time{width:50%}
.service-details .service-meta .designer{width:50%}
.service-details .service-meta .details-button{width:50%}
.faq-section .faq-wrapper{padding:42px 0 0}
.portfolio-details .service-meta{position:static;flex-wrap:wrap;gap:20px 0;margin-bottom:45px}
.portfolio-details .service-meta .name{width:50%}
.portfolio-details .service-meta .time{width:50%}
.portfolio-details .service-meta .designer{width:50%}
.portfolio-details .service-meta .details-button{width:50%}
.latest-news .single-post:last-child{margin-bottom:40px}
.blog-details .blog-wrapper{margin-bottom:40px}
.blog-details .blog-wrapper .blog-description blockquote{padding:53px 60px 50px}
.blog-details .blog-wrapper .comment-area .comment-form{padding:70px 40px 80px}
.contact-section .contact-info{padding:42px 0 0}
.faq-page .faq-wrapper{margin:50px 0 0;padding:0}
.team-details .team-left{margin-right:0}
.team-details .team-right{margin-top:83px}
}@media(max-width:767px){.container{width:inherit}
.section-title.align-center{width:100%}
.section-title .subtitle h3{font-size:18px}
.section-title .title h1{font-size:30px}
.slider-section .hero-slider .slider-item{height:650px}
.slider-section .hero-slider .slider-item .title h1{font-size:40px}
.slider-section .hero-slider .slider-item .support-mail .icon i{font-size:40px}
.slider-section .hero-slider .slider-item .support-mail .text h3{font-size:18px}
.slider-section .hero-slider .slider-item .button-set a{font-size:14px;padding:14px 24px}
.slider-section .hero-slider .slider-item .button-set a.button2{margin-left:10px}
.breadcrumb-area{padding:92px 0 94px}
.breadcrumb-area .text-wrapper{display:block}
.breadcrumb-area .text-wrapper .title h1{font-size:36px}
.breadcrumb-area .text-wrapper .breadcrumb-items ul li,.breadcrumb-area .text-wrapper .breadcrumb-items ul li a{font-size:16px}
.about-section{padding:100px 0}
.about-section .title h1{font-size:30px}
.service-section{padding:85px 0 100px;background-size:auto}
.business-inquiry{padding:85px 0 100px}
.working-process{padding:85px 3px 100px 0}
.working-process .process-carousel .slick-prev,.working-process .process-carousel .slick-next{bottom:-68px}
.appointment-section{padding:100px 0 78px}
.appointment-section .make-appointment{padding:75px 25px 80px 25px}
.team-section{padding:85px 0 100px}
.app-section{text-align:center}
.app-section .app-download,.app-section .feedback{width:100%}
.app-section .app-download,.app-section .feedback{margin-top:20px}
.app-section .download-btn{display:block}
.app-section .download-btn .download-now{display:block}
.app-section .download-btn a{margin-left:0;margin-top:10px}
.app-section .app-text h1{font-size:30px}
.testimonial-section{padding:85px 0 80px}
.testimonial-section .single-testimonial{display:block}
.testimonial-section .single-testimonial .profile-picture{margin-bottom:45px}
.blog-section{padding:85px 0 100px}
.blog-section .description-button a{font-size:14px;padding:14px 24px}
.footer-section .subscribe-area .subscribe-form{margin-top:20px}
.footer-section .subscribe-area .subscribe-form form .subscribe-input{height:50px;width:195px;padding:0 10px}
.footer-section .subscribe-area .subscribe-form form .subscribe-input::placeholder{font-size:14px}
.footer-section .subscribe-area .subscribe-form form .submit-btn{height:50px;width:100px;font-size:14px;padding:0}
.footer-section .footer-middle .usefull-links{margin-top:35px}
.footer-section .footer-middle .latest-posts{margin-top:40px}
.footer-section .footer-middle .footer-post-gallery{margin-top:45px}
.footer-section .copyright-area .copyright-text p{text-align:center}
.footer-section .copyright-area .copyright-menu ul{justify-content:center}
.slider-section2 .hero-slider .slider-item{height:700px}
.slider-section2 .hero-slider .slider-item .title h1{font-size:40px}
.slider-section2 .hero-slider .slider-item .text-area{width:100%}
.slider-section2 .hero-slider .slider-item .button-set a{font-size:14px;padding:14px 24px}
.slider-section2 .hero-slider .slider-item .button-set a.button2{margin-left:10px;padding:14px 19px}
.slider-section2 .hero-slider .owl-nav{display:none}
.slider-section2 .brand-area{position:relative;width:100%}
.slider-section2 .brand-area::before{display:none}
.slider-section2 .brand-area .brand-wrapper{padding:80px 0 80px 0}
.slider-section2 .brand-area .slick-prev{bottom:-105px;left:102px}
.slider-section2 .brand-area .slick-next{bottom:-105px;left:170px}
.service-section2{padding:110px 0 75px}
.service-section2 .section-title .title h1{font-size:30px}
.about-section2{padding:0 0 78px}
.about-section2 .title h1{font-size:30px}
.about-section2 .wrapper{padding:47px 0 0}
.team-section2{padding:85px 0 63px}
.team-section2 .section-title .title h1{font-size:30px}
.team-section2 .single-team{margin-bottom:25px}
.company-inquiry2 .inquiry-wrapper{padding:12px}
.company-inquiry2 .inquiry-wrapper .inquiry-inner{padding:20px}
.company-inquiry2 .inquiry-wrapper .inquiry-inner .section-title .title h1{font-size:30px}
.working-process2{padding:263px 0 112px}
.working-process2 .icon-box .icon::after{display:none}
.working-option .work-option{display:block}
.working-option .work-option .item-one{display:block;text-align:center;padding:40px 30px 40px}
.working-option .work-option .item-one .icon{margin-right:0}
.working-option .work-option .separator{display:none}
.working-option .work-option .item-two{display:block;text-align:center;padding:40px 30px 40px}
.working-option .work-option .item-two .icon{margin-left:0}
.pricing-section{padding:85px 0 5px}
.pricing-section .section-title .title h1{font-size:30px}
.pricing-section .pricing-table{margin-bottom:95px;padding:120px 30px 80px}
.call-to-action .content-wrapper{display:block}
.call-to-action .text-wrapper h1{font-size:30px}
.call-to-action .content-wrapper .button-set{margin-top:47px}
.post-gallery{padding:85px 0 75px}
.post-gallery .section-title .title h1{font-size:30px}
.post-gallery .gallery-grid{display:block}
.post-gallery .gallery-grid .gallery-item{margin-bottom:24px}
.testimonial-section2{padding:85px 0 100px}
.testimonial-section2 .testimonial-info::before{width:100%}
.testimonial-section2 .testimonial-icon{display:none}
.testimonial-section2 .testimonial-block{position:relative;width:100%;margin-top:36px;padding:0 12px 0}
.testimonial-section2 .testimonial-block .single-testimonial{padding:55px 30px 60px}
.counter-section .single-counter{margin-bottom:20px}
.blog-section2{padding:85px 0 75px}
.work-process .work-container{padding:50px 0 100px}
.work-process .work-container .work-box{margin-top:123px !important}
.service-section2.service-page{padding:100px 0 75px}
.service-details{padding:100px 0 42px}
.service-details .service-meta{position:static;display:block;margin-bottom:45px;padding:20px 0;box-shadow:0px 20px 40px 0px rgba(0,0,0,0.15);text-align:center}
.service-details .service-meta .name{padding-bottom:20px}
.service-details .service-meta .time{padding-bottom:20px}
.service-details .service-meta .designer{padding-bottom:20px}
.service-details .service-meta .details-button{padding-bottom:20px}
.faq-section{padding:0 0 100px}
.faq-section .faq-wrapper{padding:42px 0 0}
.team-section.team-page{padding:80px 0 50px}
.post-gallery.portfolio-page{padding:100px 0 75px}
.portfolio-details{padding:100px 0 80px}
.portfolio-details .service-meta{position:static;display:block;margin-bottom:45px;padding:20px 0;box-shadow:0px 20px 40px 0px rgba(0,0,0,0.15);text-align:center}
.portfolio-details .service-meta .name{padding-bottom:20px}
.portfolio-details .service-meta .time{padding-bottom:20px}
.portfolio-details .service-meta .designer{padding-bottom:20px}
.portfolio-details .service-meta .details-button{padding-bottom:20px}
.latest-news{padding:100px 0 60px}
.latest-news .single-post .blog-content{padding:35px 10px 30px}
.latest-news .widget-wrapper .widget{padding:40px 10px 40px}
.blog-details{padding:100px 0 60px}
.blog-details .blog-wrapper{margin-bottom:40px}
.blog-details .blog-wrapper .blog-description blockquote{padding:53px 10px 50px}
.blog-details .blog-wrapper .blog-details-footer .related-tags ul li{margin-top:10px}
.blog-details .blog-wrapper .blog-writter{display:block;padding:60px 10px 60px}
.blog-details .blog-wrapper .comment-area .comment-body{display:block;padding:40px 10px 18px}
.blog-details .blog-wrapper .comment-area .comment-body .author-img{margin:0 0 17px}
.blog-details .blog-wrapper .comment-area .children .comment-body{margin:30px 0 0}
.blog-details .blog-wrapper .comment-area .comment-form{padding:43px 10px 50px}
.blog-details .blog-wrapper .comment-area .comment-form h2{font-size:33px}
.blog-details .blog-wrapper .comment-area .comment-form p{font-size:15px}
.blog-details .blog-wrapper .comment-area .comment-form .name-field{margin-bottom:25px}
.blog-details .widget-wrapper .widget{padding:40px 10px 40px}
.contact-section{padding:100px 0 90px}
.contact-section .contact-form{padding:45px 10px 50px}
.contact-section .contact-info{padding:42px 0 0}
.map-section{margin-bottom:93px}
.four-ziro-four{padding:80px 0 100px}
.four-ziro-four .four-ziro-four-wrapper .title h1{font-size:150px}
.four-ziro-four .four-ziro-four-wrapper .subtitle h1{font-size:36px}
.team-details{padding:20px 0}
.team-details .schedule{padding:5px 20px 5px}
.team-details .schedule .phone{font-size:24px;padding:22px 22px 22px 56px}
.team-details .form-area .form-head{padding:53px 20px 40px}
.team-details .form-area .form-body{padding:70px 20px 70px}
.faq-page{padding:100px 0 100px}
.faq-page .form-area .form-head{padding:53px 20px 40px}
.faq-page .form-area .form-body{padding:70px 20px 70px}
}@media(max-width:1599px){.header-area.style-two .contact-wrapper{display:none !important}
.slider-section .hero-slider .owl-nav{display:none}
.app-section .app-download{right:0}
.app-section .feedback{right:0}
}@media (min-width:992px) and (max-width:1155px){.business-inquiry .wrapper{width:100%;padding-left:150px}
}@media (min-width:992px) and (max-width:1399px){.about-section.page{padding:150px 0 128px}
}@media (max-width:767px){.hidden-xs{display:none !important}
}