@media (max-width:992px){.padding{padding:60px 0}
.sm-padding{padding:15px}
p br{display:none}
span br{display:none}
.default-btn{padding:0 30px}
.section-heading h2{font-size:32px;line-height:42px}
.section-heading p br{display:inherit}
.contact-section .contact-form{margin-top:0}
.contact-section .contact-form .form-group{margin-bottom:0}
.contact-section .contact-form .form-control.address{height:inherit;margin:15px 0 20px}
}
@media all and (max-width:768px){.padding{padding:60px 0}
.xs-padding{padding:15px}
.section-heading p br,p br{display:none}
.team-items{overflow:hidden}
}
@media all and (max-width:580px){#scrollup{bottom:20px;right:20px}
.header-1 .header-right a.header-btn{padding:0 15px;font-size:8px}
.about-section .play-btn{top:45%}
.about-bg-holder .bg-front{right:0;top:50px}
.contact-section .contact-form{padding:35px}
.contact-section .form-heading h3{font-size:30px;line-height:1.2}
}
@media (max-width:320px){.header-1 .header-right a.header-btn{display:none}
}
@media all and (max-width:768px){.slider-content-wrap{height:500px}
.main-slider .slide-caption.big{font-size:32px;line-height:22px;min-height:30px}
.main-slider .slide-caption.small{font-size:14px}
.main-slider .slide-caption.big .inner-layer{line-height:40px;margin-top:0}
.main-slider .slide-caption.small{margin-top:0}
.border-layers{width:200px;height:290px;left:60px;top:110px}
.slider-content{margin:0 20px}
.main-slider .slick-arrow{width:30px}
}
@media all and (max-width:420px){.border-layers{display:none}
.construction .slider-content{margin-left:20px}
}
@media all and (max-width:380px){.slider-content-wrap{height:450px}
.main-slider .slide-caption.medium{line-height:1}
.main-slider .slide-caption.big{font-size:22px;line-height:22px;letter-spacing:0}
.main-slider .slide-caption.big .inner-layer{line-height:1.2}
.main-slider .slide-btn-group{margin-top:15px}
}
@media (max-width:992px){.agency .hero-section br{display:inherit}
.saas .hero-section br{display:inherit}
.hero-img-2{background-size:80%}
.saas .hero-img{right:-200px;-webkit-background-size:70%;background-size:70%}
.saas .hero-section{height:500px}
}
@media all and (max-width:768px){.agency .hero-section{height:450px;border-bottom:1px solid #f1f1f1}
.hero-img-2{display:none}
.agency .hero-content h1{font-size:36px;line-height:1.2}
.saas .hero-img{display:none}
.saas .hero-content h2{font-size:32px}
.saas .content-section .section-heading{text-align:left}
}
@media all and (max-width:580px){.saas .hero-section{height:400px}
.subscribe-section .subscribe-form{flex-direction:column;width:100%}
.subscribe-section .subscribe-form .submit{position:inherit;right:inherit;top:inherit;transform:inherit;cursor:pointer;width:100%;margin-top:15px;height:55px;line-height:55px}
.agency .hero-content h1 br,.agency .hero-content p br{display:none}
}
@media all and (max-width:420px){.saas .hero-content h2{line-height:1.2}
.saas .hero-content h2 br,.saas .hero-content p br{display:none}
}
@media (max-width:992px){.about-section .section-heading h2{font-size:28px;line-height:36px}
.about-bg-holder .dot-pattern{right:80px;top:60px}
.about-bg-holder .bg-back{top:100px}
.about-section .play-btn{right:130px;top:190px}
.about-section .default-btn{margin-right:0}
.about-section .btn-wrap img{max-width:150px;margin-left:10px}
.about-section-3 .about-bg-holder{right:0;margin-top:50px}
.agency .address-box{margin-top:50px}
.agency .appointment-form{padding-right:0}
.services-wrap .sm-padding{padding:20px 15px}
}
@media all and (max-width:768px){.about-bg-holder{height:400px;right:0;margin-top:40px}
.about-bg-holder .bg-front{display:none}
.about-bg-holder .bg-back{top:0;width:100%;height:100%;background-size:100%;background-position:center center}
.about-section .play-btn{right:50%;top:50%;transform:translate(50%,-50%)}
.construction .about-bg-holder{right:auto;margin-top:40px;height:auto}
.construction .about-bg-holder .about-bg{display:none}
.construction .about-bg-holder img{width:100%}
.construction .about-bg-holder .play-btn{margin-right:0}
}
@media all and (max-width:580px){.services-wrap .sm-padding{padding:15px}
.services-wrap .sm-padding:not(:last-of-type){margin-bottom:20px}
}
@media (max-width:992px){.construction .content-wrap .text-right{text-align:center!important}
.saas .content-section .section-heading{margin-bottom:40px}
}
@media all and (max-width:768px){.content-section .col-lg-6{text-align:center!important}
.content-section .content-bg{margin-top:50px}
}
@media (max-width:992px){.saas .feature-items .col-md-6:nth-child(2),.saas .feature-items .col-md-6:nth-child(4){transform:translateY(0)}
}
@media (max-width:992px){.appointment-form{position:inherit;margin-top:20px;top:0}
}
@media all and (max-width:768px){.appointment-form .form-group{margin-bottom:0}
.appointment-form .form-group .col-md-12,.appointment-form .form-group .col-sm-6{padding:.5rem}
.appointment-form .default-btn{margin-top:.5rem}
}
@media (max-width:992px){.cta-content{padding:100px 0}
.cta-img{right:-110px}
}
@media all and (max-width:768px){.cta-content h2{font-size:32px}
}
@media (max-width:992px){.team-section-2 .team-social li a{width:25px;height:25px;line-height:25px}
}
@media all and (max-width:768px){.team-section-2 .team-item img{width:100%}
.team-section-2 .team-items{grid-template-columns:50% 50%;grid-row-gap:30px}
.team-section-2 .team-items .custom-col:nth-child(2n+2){margin-top:0}
}
@media all and (max-width:580px){.team-section-2 .team-items{grid-template-columns:100%}
}
@media (max-width:992px){.project-details{padding:0;margin-top:50px}
}
@media all and (max-width:768px){.portfolio-filter li{margin:0 8px}
.project-details-meta h3{font-size:16px}
}
@media all and (max-width:420px){.project-details .btn-group{flex-direction:column;justify-content:inherit}
.project-details .btn-group .default-btn{margin-right:auto}
.project-details .social-share{margin-right:auto;margin-top:20px}
.project-details .social-share li a{margin-left:0;margin-right:5px}
}
@media all and (max-width:768px){.skill-wrap{padding:60px}
}
@media (max-width:992px){.counter-wrap{box-shadow:none}
}
@media all and (max-width:768px){.counter-wrap{padding:40px 0}
}
@media (max-width:992px){.saas .testi-controls{display:none}
.saas .testimonial-section .section-heading{text-align:center}
.carousel-wrap:before{left:70px;background-size:70%}
}
@media all and (max-width:580px){.testimonial-section-2 .testi-item{display:block;padding:20px}
.testimonial-section-2 .testi-item .review-content{margin-left:0}
.testimonial-section-2 .testi-item img{margin-bottom:15px}
}
@media (max-width:992px){.saas .pricing-section .section-heading{text-align:center}
.cd-pricing-switcher{text-align:center}
}
@media (max-width:992px){.sidebar-wrap{padding-left:0;margin-top:20px}
}
@media all and (max-width:768px){.sidebar-wrap{padding-left:0}
.blog-single-content h2 a{font-size:22px;line-height:28px}
.blog-single-content h2{line-height:28px}
blockquote p{font-size:20px;line-height:32px}
.classic-blog .blog-content h3 a{font-size:22px;line-height:30px}
.page-content h2{font-size:30px;line-height:36px}
}
@media all and (max-width:580px){section{overflow:hidden}
.author-box{flex-direction:column}
.author-box img{margin-right:auto;margin-bottom:15px}
.author-info{padding-left:0}
.skill-wrap{padding:50px 15px}
.cta-content h2{font-size:28px;line-height:1.3}
.cta-content h2 br,.section-heading h2 br{display:none}
.corporate .footer-top{padding:60px 0}
.appointment-form{padding:40px 20px}
.appointment-form h2{font-size:28px;line-height:1.3}
.carousel-wrap{padding:30px 0 50px}
.testi-item .review{padding:20px}
.carousel-wrap:before{left:-48px;background-size:100%}
.carousel-wrap:before{background-position:center center;background-size:100%;width:120%;left:-48px;top:-110px}
.testimonials-carousel-3 .testi-item .review p{font-size:20px}
.testimonial-section-2 .testi-item .testi-content h4{margin-top:0}
.footer-section-inner{padding:60px 0}
.agency .hero-section{height:400px}
.agency .hero-content h1{font-size:28px;line-height:1.3}
.hero-content .default-btn{padding:0 20px}
.hero-content .default-btn,.hero-content .play-btn small{font-size:10px}
}
@media all and (max-width:420px){.page-content h2 br{display:none}
.page-header{height:320px;padding:0}
.padding{padding:40px 0}
.blog .blog-section.padding{padding-bottom:90px}
.blog-content{padding:25px}
.agency .footer-section.info-active{margin-top:0}
.blog-single-wrap .comments-area li>div{padding:20px}
.blog-single-wrap .comments-area .comment-thumb{left:20px}
.blog-single-wrap .comments-area .comment-thumb .comment-img{width:60px;height:60px}
.blog-single-wrap .comments-area .comment-main-area{padding-left:75px}
.blog-single-wrap .comments-area ol ul{padding-left:20px}
.blog-single-wrap .comment-respond .form-inputs>input:nth-child(2),.blog-single-wrap .comment-respond .form-inputs>input:nth-child(3){width:100%}
.business .about-section .default-btn{margin-right:0;padding:0 15px}
}
@media (max-width:320px){.blog-single-wrap .comments-area li>div{padding:20px 10px}
.blog-single-wrap .comments-area .comment-thumb{left:10px}
.blog-single-wrap .comments-area .comment-thumb .comment-img{width:50px;height:50px}
.blog-single-wrap .comments-area .comment-main-area{padding-left:65px}
.blog-single-wrap .comments-area ol ul{padding-left:10px}
.blog-single-wrap .comments-area .comments-meta h4{font-size:16px;letter-spacing:0;line-height:1.3}
.blog-single-wrap .comments-area .comments-meta h4 span{font-weight:400;display:block;font-size:10px;margin-left:0}
.blog-single-wrap .comments-area .comment-main-area p{margin-bottom:20px;font-size:13px;line-height:1.6}
blockquote{padding:30px}
blockquote p{font-size:18px;line-height:1.5;margin-bottom:0}
blockquote span{margin-top:10px}
.contact-section .contact-form{padding:20px}
.contact-form .col-md-12,.contact-form .sm-padding{padding:10px}
}
@media (max-width:992px){.footer-top{padding:60px 0}
.footer-top.active{padding:100px 0 60px}
.footer-widget.link-widget{margin-left:0}
.footer-info-list{padding:20px}
.footer-info-list svg{width:30px;margin-right:10px}
.footer-info-list h3{font-size:12px;letter-spacing:0}
}
@media all and (max-width:768px){.footer-info-list{width:100%}
.section-heading h2{font-size:28px;line-height:36px}
.footer-info-inner{flex-wrap:wrap}
.footer-info-inner .footer-info-list:not(:last-of-type){border-right:none;border-bottom:1px solid rgba(255,255,255,.5)}
.footer-widget.link-widget{margin-left:0}
.info-active .footer-top{padding:220px 0 60px}
.footer-top{padding:100px 0}
.footer-info-list{justify-content:flex-start}
.sponsor-item{padding:0 25px}
.footer-cta{position:inherit}
.footer-cta-inner{width:100%;padding:20px}
.footer-cta-inner .footer-cta-list h2{font-size:22px;line-height:28px}
.footer-top.active{padding:0 0 60px}
}
@media all and (max-width:580px){.footer-cta-inner{flex-direction:column;text-align:center}
.footer-cta-inner .default-btn{margin-top:20px}
}