@import "../../../../../fonts.googleapis.com/css2_98c5a181.css";
@media only screen and (max-width:375px) {
 p {
  font-size:14px;
  line-height:24px
 }
 .checkbox label,
 .checkbox label a {
  font-size:14px
 }
}
@media only screen and (max-width:479px) {
 .author-info-wrap .author-info {
  margin-left:10px
 }
 .author-info-wrap .author-info .post-metainfo li {
  font-size:13px;
  padding:0 5px
 }
 .wp-block-quote p {
  font-size:14px;
  max-width:100%
 }
 .wp-block-quote i {
  font-size:30px;
  opacity:.2
 }
 .content-feature-list li {
  font-size:14px;
  margin:0 0 10px
 }
 .comment-item .comment-author-wrap .comment-author-name .comment-date {
  display:block;
  width:100%;
  margin-top:10px;
  margin-left:0
 }
 .contact-box .contact-icon {
  width:75px;
  height:75px
 }
}
@media only screen and (max-width:767px) {
 .sm-none {
  display:none!important
 }
 .sm-center {
  text-align:center!important
 }
 .smt-20 {
  margin-top:20px
 }
 .smb-70 {
  margin-bottom:50px!important
 }
 .pt-100 {
  padding-top:50px
 }
 .pb-50 {
  padding-bottom:0
 }
 .pb-60 {
  padding-bottom:15px
 }
 .pb-100 {
  padding-bottom:50px
 }
 .mt-100 {
  margin-top:50px!important
 }
 .ptb-100 {
  padding-top:50px;
  padding-bottom:50px
 }
 .pt-70 {
  padding-top:20px
 }
 .pb-70 {
  padding-bottom:20px
 }
 .pb-75 {
  padding-bottom:25px
 }
 .pb-50 {
  padding-bottom:0
 }
 .pt-75 {
  padding-top:25px
 }
 .mb-40 {
  margin-bottom:30px!important
 }
 .mb-50 {
  margin-bottom:30px!important
 }
 .btn.style1,
 .btn.style2 {
  padding:8px 10px 8px 15px
 }
 .btn.style1 span,
 .btn.style2 span {
  margin-right:12px
 }
 p {
  font-size:14px
 }
 .breadcrumb-wrap {
  padding:60px 0
 }
 .case-card .case-img .case-info-wrap .case-info h3,
 .feature-list li h5,
 .contact-item-box h3,
 .service-card .service-info h3,
 .process-card .process-info h4,
 .category-card .cat-info h3,
 .single-content h3,
 .testimonial-item.style1 .client-info h5,
 .testimonial-item.style2 .client-info h5,
 .testimonial-item.style3 .client-info h5,
 .team-card.style3 .member-info-wrap h4,
 .team-card .member-info-wrap .member-name h4,
 .blog-card .blog-info h3 {
  font-size:20px
 }
 .breadcrumb-wrap .breadcrumb-title h2 {
  font-size:26px
 }
 .section-title h2,
 .content-title h2 {
  font-size:26px
 }
 .section-title span,
 .content-title span {
  font-size:14px
 }
 .back-to-top {
  font-size:20px;
  width:30px;
  height:30px;
  line-height:32px;
  right:10px
 }
 .back-to-top i {
  font-size:18px
 }
 .hero-wrap {
  padding:70px 0
 }
 .hero-wrap.style1 .hero-tablist-wrap {
  width:100%;
  bottom:-100px;
  text-align:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
 .hero-wrap.style3 .hero-content {
  padding-right:15px
 }
 .hero-wrap.style3 .hero-content p {
  padding-right:0
 }
 .about-wrap .about-content .feature-list li p {
  padding-right:0
 }
 .about-wrap.style3 .about-img-wrap .about-img-5 {
  height:350px;
  background-position:top
 }
 .category-card {
  padding:20px 20px 18px
 }
 .category-card .cat-info {
  margin-top:18px
 }
 .category-card .cat-info h3 {
  margin-bottom:10px
 }
 .service-card .service-info {
  padding:20px
 }
 .service-card .service-info h3 {
  margin:0 0 10px
 }
 .service-card .service-info p {
  margin-bottom:15px
 }
 .case-slider-one {
  padding-bottom:45px
 }
 .case-slider-one .owl-dots {
  top:auto;
  bottom:0;
  left:50%;
  width:100%;
  text-align:center;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
 }
 .case-slider-one .owl-dots .owl-dot span {
  opacity:.5
 }
 .case-slider-one .owl-dots .owl-dot.active span {
  border-color:#10012a;
  border-width:2px;
  opacity:1
 }
 .case-slider-one .owl-dots .owl-dot.active span:after {
  background:#10012a
 }
 .case-card.style1 .case-info-wrap .case-info .case-category {
  font-size:14px
 }
 .case-card.style1 .case-info-wrap .case-info h3 {
  margin-top:0
 }
 .case-card .case-img .case-info-wrap .case-info .case-category {
  font-size:14px
 }
 .case-slider-two {
  padding-bottom:65px
 }
 .case-slider-two.owl-carousel .owl-nav {
  top:auto;
  bottom:0;
  left:50%;
  right:auto;
  text-align:center;
  width:100%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
 }
 .case-slider-two.owl-carousel .owl-nav .owl-prev:hover,
 .case-slider-two.owl-carousel .owl-nav .owl-next:hover {
  background:#10012a
 }
 .testimonial-slider-two,
 .testimonial-slider-three,
 .case-slider-three {
  padding-bottom:65px
 }
 .testimonial-slider-two.owl-carousel .owl-nav,
 .testimonial-slider-three.owl-carousel .owl-nav,
 .case-slider-three.owl-carousel .owl-nav {
  top:auto;
  bottom:0;
  left:50%;
  right:auto;
  text-align:center;
  width:100%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
 }
 .testimonial-slider-two.owl-carousel .owl-nav .owl-prev,
 .testimonial-slider-two.owl-carousel .owl-nav .owl-next,
 .testimonial-slider-three.owl-carousel .owl-nav .owl-prev,
 .testimonial-slider-three.owl-carousel .owl-nav .owl-next,
 .case-slider-three.owl-carousel .owl-nav .owl-prev,
 .case-slider-three.owl-carousel .owl-nav .owl-next {
  width:45px;
  height:45px
 }
 .testimonial-slider-two.owl-carousel .owl-nav .owl-prev:hover,
 .testimonial-slider-two.owl-carousel .owl-nav .owl-next:hover,
 .testimonial-slider-three.owl-carousel .owl-nav .owl-prev:hover,
 .testimonial-slider-three.owl-carousel .owl-nav .owl-next:hover,
 .case-slider-three.owl-carousel .owl-nav .owl-prev:hover,
 .case-slider-three.owl-carousel .owl-nav .owl-next:hover {
  background:#10012a
 }
 .single-case-1 {
  height:400px
 }
 .project-desc {
  padding:20px;
  margin-bottom:25px;
  border-radius:5px
 }
 .project-desc h2 {
  font-size:22px;
  margin-bottom:10px
 }
 .project-desc .project-metainfo {
  margin-top:15px
 }
 .project-desc-para {
  margin-bottom:15px
 }
 .project-desc-para h3 {
  font-size:22px;
  margin-bottom:10px
 }
 .pricing-box {
  padding:20px
 }
 .pricing-box .pricing-box-features li {
  margin:0 0 8px;
  font-size:14px
 }
 .promo-video-wrap.style2 .promo-video {
  height:400px
 }
 .promo-video-wrap.style1 {
  margin-top:0;
  padding-top:50px
 }
 .promo-video-wrap.style1 .promo-video {
  height:350px;
  position:relative
 }
 .promo-video .video-play {
  width:80px;
  height:80px
 }
 .counter-wrap.style2 {
  height:auto
 }
 .get-in-touch-wrap.style2 .get-touch-bg {
  height:300px
 }
 .get-in-touch-wrap .get-in-touch-form .form-group input,
 .testimonial-item.style2 .client-info span,
 .newsleter-wrap.style1 .newsletter-form input,
 .newsleter-wrap.style3 .newsletter-form input,
 .newsleter-wrap.style3 .newsletter-form input,
 .newsleter-wrap.style1 .newsletter-form button,
 .newsleter-wrap.style2 .newsletter-form button,
 .newsleter-wrap.style3 .newsletter-form button {
  font-size:14px
 }
 .testimonial-item.style1,
 .testimonial-item.style2,
 .testimonial-item.style3 {
  padding:18px 20px
 }
 .testimonial-slider-three {
  padding-bottom:70px
 }
 .testimonial-slider-three.owl-carousel .owl-nav .owl-prev,
 .testimonial-slider-three.owl-carousel .owl-nav .owl-next {
  width:45px;
  height:45px
 }
 .testimonial-item.style1 .client-quote {
  margin:16px 0 0
 }
 .testimonial-item.style3 .client-quote {
  margin:12px 0 0
 }
 .blog-card .blog-info {
  padding:18px 20px 20px
 }
 .post-meta-option .post-tag {
  margin-bottom:15px
 }
 .get-in-touch-wrap {
  overflow-x:hidden
 }
 .contact-item-box {
  padding:18px 20px
 }
 .contact-item-box a {
  font-size:14px
 }
 #contactForm {
  padding:20px
 }
 .login-form .login-body {
  padding:20px
 }
 .login-form .login-body .form-group input {
  height:50px
 }
 .login-form .login-body .btn {
  padding:10px
 }
 .get-in-touch-wrap .get-in-touch-form .submit-btn {
  padding:14px 20px
 }
 .process-card {
  padding:15px 20px 20px;
  text-align:center
 }
 .team-card.style1 .member-info-wrap,
 .team-card.style2 .member-info-wrap,
 .team-card.style3 .member-info-wrap {
  padding:20px 20px 22px
 }
}
@media only screen and (min-width:576px) and (max-width:767px) {
 .hero-wrap .container {
  max-width:550px
 }
 .hero-wrap .hero-content h1 {
  font-size:42px
 }
 .hero-wrap.style3 {
  margin-bottom:132px
 }
 .hero-wrap.style3 .container-fluid {
  padding-left:calc((100% - 540px)/2 + 10px);
  padding-right:0
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav {
  right:15px;
  bottom:-100px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-prev,
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-next {
  width:35px;
  height:35px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-prev i,
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-next i {
  font-size:13px
 }
 .hero-wrap.style3 #hero-thumbs {
  left:calc((100% - 540px)/2 + 10px);
  bottom:-130px;
  max-width:340px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span {
  width:35px;
  height:35px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span i {
  font-size:15px
 }
 .about-wrap.style1 .about-img-wrap .about-img-1 {
  height:400px;
  width:calc(100% - 130px)
 }
 .about-wrap.style1 .about-img-wrap .about-img-2 {
  height:340px;
  width:300px
 }
 .about-wrap.style2 .about-img-wrap {
  min-height:500px
 }
 .about-wrap.style2 .about-img-wrap .about-img-3 {
  height:318px
 }
 .about-wrap.style2 .about-img-wrap .about-img-4 {
  height:240px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 {
  width:48%;
  margin:0 0 25px
 }
 .about-wrap.style3 .counter-box .counter-card.style2:nth-child(3),
 .about-wrap.style3 .counter-box .counter-card.style2:nth-child(4) {
  margin-bottom:0
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-icon {
  font-size:37px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-info h2 {
  font-size:40px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-info p {
  font-size:13px
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-1 {
  height:400px;
  width:calc(100% - 130px)
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-2 {
  height:340px;
  width:300px
 }
 .why-choose-wrap.style2 .wh-img-wrap {
  min-height:500px
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-3 {
  height:318px
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-4 {
  height:240px
 }
 .why-choose-wrap.style3 .brand-logo .brand-item {
  width:48%;
  margin:0 0 25px
 }
 .why-choose-wrap.style3 .brand-logo .brand-item:nth-child(3),
 .why-choose-wrap.style3 .brand-logo .brand-item:nth-child(4) {
  margin-bottom:0
 }
 .why-choose-wrap.style3 .wh-img-wrap .wh-img-5 {
  height:350px
 }
 .newsleter-wrap {
  margin-bottom:-82px;
  padding:16px 25px 25px
 }
 .newsleter-wrap .content-title h2 {
  margin-bottom:20px;
  text-align:center
 }
 .footer-wrap .footer-top {
  padding-top:133px
 }
}
@media only screen and (min-width:768px) {
 .login-form-wrap {
  max-width:720px;
  margin:0 auto
 }
 .product-thumb img {
  max-width:82%;
  display:block;
  margin:0 auto
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .pt-100 {
  padding-top:70px
 }
 .pb-100 {
  padding-bottom:70px
 }
 .pb-50 {
  padding-bottom:20px
 }
 .pb-60 {
  padding-bottom:35px
 }
 .mt-100 {
  margin-top:70px!important
 }
 .smb-25 {
  margin-bottom:25px
 }
 .smb-70 {
  margin-bottom:70px!important
 }
 .ptb-100 {
  padding-top:70px;
  padding-bottom:70px
 }
 .pt-70 {
  padding-top:40px
 }
 .pb-70 {
  padding-bottom:40px
 }
 .pb-75 {
  padding-bottom:45px
 }
 .pb-50 {
  padding-bottom:20px
 }
 .pt-75 {
  padding-top:45px
 }
 .breadcrumb-wrap {
  padding:80px 0
 }
 .breadcrumb-wrap .breadcrumb-title h2 {
  font-size:32px
 }
 .section-title h2,
 .content-title h2 {
  font-size:32px
 }
 .section-title span,
 .content-title span {
  font-size:14px
 }
 .case-card .case-img .case-info-wrap .case-info h3,
 .feature-list li h5,
 .contact-item-box h3,
 .process-card .process-info h4,
 .testimonial-item.style1 .client-info h5,
 .testimonial-item.style2 .client-info h5,
 .testimonial-item.style3 .client-info h5,
 .service-card .service-info h3,
 .category-card .cat-info h3,
 .single-content h3,
 .team-card .member-info-wrap h4,
 .team-card .member-info-wrap .member-name h4,
 .blog-card .blog-info h3 {
  font-size:20px
 }
 .hero-wrap .hero-content h1 {
  font-size:54px
 }
 .hero-wrap.style3 {
  margin-bottom:168px
 }
 .hero-wrap.style3 .container-fluid {
  padding-left:calc((100% - 720px)/2 + 15px);
  padding-right:0
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav {
  right:60px;
  bottom:-125px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-prev,
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-next {
  width:45px;
  height:45px
 }
 .hero-wrap.style3 #hero-thumbs {
  left:calc((100% - 720px)/2 + 15px);
  max-width:400px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span {
  width:45px;
  height:45px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span i {
  font-size:20px
 }
 .about-wrap.style1 .about-img-wrap .about-img-1 {
  height:450px
 }
 .about-wrap.style1 .about-img-wrap .about-img-2 {
  height:350px
 }
 .about-wrap.style3 .about-img-wrap .about-img-5 {
  height:450px;
  background-position:top center
 }
 .about-wrap.style3 .counter-box .counter-card.style2 {
  width:23%;
  margin:0;
  padding:15px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-icon {
  font-size:37px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-info h2 {
  font-size:40px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-info p {
  font-size:13px
 }
 .promo-video-wrap.style1 .promo-video {
  height:400px;
  position:relative
 }
 .counter-wrap.style2 {
  height:641px
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-1 {
  height:450px
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-2 {
  height:360px
 }
 .why-choose-wrap.style3 .brand-logo .brand-item {
  width:23%;
  margin:0
 }
 .why-choose-wrap.style3 .wh-img-wrap .wh-img-5 {
  height:400px
 }
 .get-in-touch-wrap.style2 .get-touch-bg {
  height:400px
 }
 .newsleter-wrap {
  margin-bottom:-82px;
  padding:16px 25px 25px
 }
 .newsleter-wrap .content-title h2 {
  margin-bottom:20px;
  text-align:center
 }
 .footer-wrap .footer-top {
  padding-top:153px
 }
 .blog-card.style2 .blog-info .blog-metainfo .blog-author-info {
  width:100%;
  margin-left:0;
  margin-top:20px
 }
}
@media only screen and (min-width:1200px) {
 .xl-none {
  display:none!important
 }
 .content-wrapper {
  margin-top:128px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav {
  right:60px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span {
  width:45px;
  height:45px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span i {
  font-size:25px
 }
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
 .hero-wrap.style3 .container-fluid {
  padding-left:calc((100% - 1320px)/2 + 10px);
  padding-right:0
 }
 .hero-wrap.style3 #hero-thumbs {
  position:absolute;
  left:calc((100% - 1320px)/2 + 10px);
  max-width:450px
 }
 .about-wrap.style1 .about-shape-1 {
  bottom:80px;
  right:-100px;
  max-width:260px
 }
 .about-wrap.style1 .about-content .feature-list li p {
  padding-right:100px;
  margin-bottom:0
 }
 .single-case-1 {
  height:513px
 }
}
@media only screen and (min-width:1600px) {
 .breadcrumb-title span,
 .section-title span,
 .content-title span {
  font-size:20px;
 }
 .breadcrumb-title h2,
 .section-title h2,
 .content-title h2 {
  font-size:27px;
 }
 .hero-wrap .container {
  max-width:1570px
 }
 .hero-wrap.style3 .container-fluid {
  padding-left:calc((100% - 1570px)/2 + 15px);
  padding-right:0
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav {
  right:100px
 }
 .hero-wrap.style3 #hero-thumbs {
  position:absolute;
  left:calc((100% - 1585px)/2 + 15px);
  max-width:600px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span {
  width:65px;
  height:65px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span i {
  font-size:30px
 }
 .hero-wrap .hero-content h1 {
  font-size:44px;
 }
 .about-wrap.style1 .about-shape-1 {
  bottom:120px;
  right:-140px
 }
 .about-wrap.style1 .about-img-wrap .about-img-1 {
  height:674px
 }
 .about-wrap.style1 .about-content .feature-list li p {
  padding-right:100px;
  margin-bottom:0
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-1 {
  height:678px
 }
 .comment-box-title {
  font-size:28px
 }
 .single-case-1 {
  height:511px
 }
 .sidebar .sidebar-widget h4 {
  font-size:28px
 }
}
@media only screen and (min-width:1920px) {
 .breadcrumb-wrap .breadcrumb-title span {
  font-size:20px
 }
 .breadcrumb-wrap .breadcrumb-title h2 {
  font-size:40px;
 }
 .section-title span,
 .section-title span {
  font-size:20px
 }
 .section-title h2,
 .section-title h2 {
  font-size:25px;
 }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
 .xl-none {
  display:none!important
 }
 .hero-wrap.style3 .container-fluid {
  padding-left:calc((100% - 1140px)/2 + 10px);
  padding-right:0
 }
 .hero-wrap.style3 #hero-thumbs {
  position:absolute;
  left:calc((100% - 1140px)/2 + 10px);
  max-width:450px
 }
 .process-card .process-count {
  top:-4px
 }
 .about-wrap.style1 .about-shape-1 {
  position:absolute;
  bottom:50px;
  right:-52px;
  max-width:200px
 }
 .about-wrap.style1 .about-content .feature-list li p,
 .about-wrap.style2 .about-content .feature-list li p {
  padding-right:10px;
  margin-bottom:0
 }
 .why-choose-wrap.style1 .about-content .feature-list li p,
 .why-choose-wrap.style2 .about-content .feature-list li p {
  padding-right:10px;
  margin-bottom:0
 }
 .get-in-touch-wrap.style2 .get-touch-bg {
  height:622px
 }
}
@media only screen and (min-width:992px) {
 .hero-wrap .hero-tab-content {
  padding-right:50px
 }
 .hero-wrap.style2 .hero-slider-two {
  width:calc(100% - 55px);
  margin-right:0
 }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .breadcrumb-wrap {
  padding:80px 0
 }
 .breadcrumb-wrap .breadcrumb-title h2 {
  font-size:36px
 }
 .section-title h2,
 .content-title h2 {
  font-size:36px
 }
 .case-card .case-img .case-info-wrap .case-info h3,
 .feature-list li h5,
 .contact-item-box h3,
 .testimonial-item.style1 .client-info h5,
 .testimonial-item.style2 .client-info h5,
 .testimonial-item.style3 .client-info h5,
 .service-card .service-info h3,
 .single-content h3,
 .process-card .process-info h4,
 .category-card .cat-info h3,
 .team-card .member-info-wrap .member-name h4,
 .team-card.style2 .member-info-wrap h4,
 .team-card.style3 .member-info-wrap h4,
 .blog-card .blog-info h3 {
  font-size:22px
 }
 .hero-wrap .hero-content h1 {
  font-size:46px
 }
 .hero-wrap.style3 .container-fluid {
  padding-left:calc((100% - 960px)/2 + 15px);
  padding-right:0
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav {
  right:60px;
  bottom:-145px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-prev,
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-next {
  width:45px;
  height:45px
 }
 .hero-wrap.style3 #hero-thumbs {
  left:calc((100% - 960px)/2 + 15px);
  max-width:400px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span {
  width:45px;
  height:45px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span i {
  font-size:20px
 }
 .about-wrap.style1 {
  overflow:hidden
 }
 .about-wrap.style1 .about-img-wrap .about-img-1 {
  width:60%
 }
 .about-wrap.style1 .about-img-wrap .about-img-2 {
  width:60%
 }
 .about-wrap.style2 .about-img-wrap:after {
  left:-164%
 }
 .about-wrap.style3 .about-img-wrap .about-img-5 {
  height:450px;
  background-position:top center
 }
 .about-wrap.style3 .counter-box {
  position:relative;
  width:100%;
  bottom:auto;
  right:auto;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-top:30px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 {
  width:23%;
  margin:0
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-1 {
  width:60%
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-2 {
  width:60%
 }
 .why-choose-wrap.style3 .brand-logo .brand-item {
  width:23%;
  margin:0
 }
 .why-choose-wrap.style3 .wh-img-wrap .wh-img-5 {
  height:500px
 }
 .counter-wrap.style2 {
  height:710px
 }
 .get-in-touch-wrap.style2 .get-touch-bg {
  height:500px
 }
 .newsleter-wrap .newsletter-form input {
  width:calc(100% - 138px)
 }
 .newsleter-wrap .newsletter-form button {
  padding:10px 18px;
  font-size:14px
 }
 .newsleter-wrap .newsletter-form button i {
  top:4px
 }
}
@media only screen and (max-width:1199px) {
 .lg-center {
  text-align:center!important
 }
 .lg-none {
  display:none!important
 }
 .page-wrapper {
  overflow-x:hidden
 }
 .content-wrapper {
  margin:72px 0 0
 }
 .sidebar {
  margin:50px 0 0
 }
 .hero-wrap,
 .content-wrapper {
  margin-top:68px
 }
 .about-wrap .about-content {
  margin-top:30px
 }
 .about-wrap.style3 .counter-box {
  position:relative;
  width:100%;
  bottom:auto;
  right:auto;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-top:30px
 }
 .why-choose-wrap .wh-content {
  margin-bottom:30px
 }
 .why-choose-wrap .wh-img-wrap .wh-img-5 {
  background-position:top center
 }
 .why-choose-wrap.style3 .brand-logo {
  position:relative;
  width:100%;
  bottom:auto;
  right:auto;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-top:30px
 }
 .get-in-touch-wrap.style1 {
  margin-top:0
 }
 .get-in-touch-wrap.style1 .get-touch-bg {
  margin-top:0;
  height:450px;
  background-position:top center
 }
 .get-in-touch-wrap.style1 .get-in-touch-form {
  padding:30px 0 0
 }
 .get-in-touch-wrap.style1 .get-in-touch-form .form-group input,
 .get-in-touch-wrap.style1 .get-in-touch-form .form-group textarea,
 .get-in-touch-wrap.style1 .get-in-touch-form .form-group select {
  background:#f7f7f7
 }
 .get-in-touch-wrap.style1 .container::before {
  display:none
 }
}
@media only screen and (max-width:991px) {
 .page-wrapper {
  overflow-x:hidden!important
 }
 .container-full-left {
  padding:0 15px
 }
 .md-none {
  display:none!important
 }
 .smt-30 {
  margin-top:30px!important
 }
 .smt-20 {
  margin-top:20px!important
 }
 .smb-30 {
  margin-bottom:30px!important
 }
 .mt-60 {
  margin-top:30px!important
 }
 .md-center {
  text-align:center!important
 }
 .hero-content {
  margin:0 0 40px
 }
 .case-wrap.style1:after {
  bottom:-85px;
  height:260px
 }
 .case-card.style3 .case-img .case-info-wrap {
  bottom:0
 }
 .single-product-details {
  margin-top:30px
 }
 .product-thumb {
  max-height:100%
 }
 .cart-table {
  width:100%;
  overflow-x:auto
 }
 .cart-table table td:nth-child(1),
 .cart-table table th:nth-child(1) {
  min-width:250px
 }
 .cart-table table td,
 .cart-table table th {
  min-width:120px
 }
 .cart-table table thead tr th {
  padding:15px;
  font-size:18px
 }
 .cart-table table tbody tr td .cart-item a,
 .cart-table table tbody tr td .cart-item-price {
  font-size:16px
 }
 .product-tab-content .comment-form-wrap {
  margin-top:20px
 }
}
@media only screen and (max-width:575px) {
 .xs-center {
  text-align:center
 }
 .xs-none {
  display:none
 }
 p {
  font-size:14px;
  line-height:1.8
 }
 .owl-carousel .owl-dots {
  width:100%;
  text-align:center
 }
 .btn {
  font-size:14px
 }
 .feature-list li span i {
  font-size:20px!important;
  position:relative;
  top:-2px
 }
 .feature-list li h5 {
  font-size:20px
 }
 .hero-wrap.style1 {
  padding:70px 0 150px
 }
 .hero-wrap.style1 .hero-tablist-wrap span {
  font-size:13px
 }
 .hero-wrap.style1 .hero-tablist-wrap .hero-tablist .nav-item .nav-link {
  padding:15px 5px;
  max-width:50px
 }
 .hero-wrap .hero-content>span {
  margin:0 0 15px;
  font-size:14px;
  padding:7px 13px 10px
 }
 .hero-wrap .hero-content h1 {
  font-size:28px;
  line-height:1.4;
  margin-bottom:20px
 }
 .hero-wrap .hero-content p {
  margin-bottom:22px;
  padding-right:0
 }
 .hero-wrap.style3 {
  margin-bottom:100px
 }
 .hero-wrap.style3 .hero-content {
  padding-right:15px
 }
 .hero-wrap.style3 .container-fluid {
  padding-left:10px;
  padding-right:0
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav {
  right:15px;
  bottom:-100px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-prev,
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-next {
  width:30px;
  height:30px
 }
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-prev i,
 .hero-wrap.style3 #hero-slider-three .owl-nav .owl-next i {
  font-size:12px
 }
 .hero-wrap.style3 #hero-thumbs {
  left:10px;
  bottom:-98px;
  max-width:200px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span {
  width:30px;
  height:30px
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span:after {
  top:-5px;
  left:-5px;
  width:calc(100% + 10px);
  height:calc(100% + 10px)
 }
 .hero-wrap.style3 #hero-thumbs .item .hero-thumb-item span i {
  font-size:12px
 }
 .hero-wrap.style3 #hero-thumbs .item h6 {
  font-size:14px
 }
 .category-card {
  padding:20px 20px 16px
 }
 .about-wrap.style1 .about-img-wrap .about-img-1 {
  height:350px;
  width:80%
 }
 .about-wrap.style1 .about-img-wrap .about-img-2 {
  height:280px;
  width:200px
 }
 .about-wrap.style2 .about-img-wrap {
  min-height:400px
 }
 .about-wrap.style2 .about-img-wrap:after {
  height:88px
 }
 .about-wrap.style2 .about-img-wrap .about-img-3 {
  height:300px;
  width:calc(100% - 30px)
 }
 .about-wrap.style2 .about-img-wrap .about-img-4 {
  height:190px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 {
  width:48%;
  margin:0 0 25px;
  padding:15px
 }
 .about-wrap.style3 .counter-box .counter-card.style2:nth-child(4),
 .about-wrap.style3 .counter-box .counter-card.style2:nth-child(3) {
  margin-bottom:0
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-icon i {
  font-size:30px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-info h2 {
  font-size:32px
 }
 .about-wrap.style3 .counter-box .counter-card.style2 .counter-info p {
  font-size:12px
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-1 {
  height:350px;
  width:80%
 }
 .why-choose-wrap.style1 .wh-img-wrap .wh-img-2 {
  height:280px;
  width:200px
 }
 .why-choose-wrap.style2 .wh-img-wrap {
  min-height:400px
 }
 .why-choose-wrap.style2 .wh-img-wrap:after {
  height:88px
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-3 {
  height:300px;
  width:calc(100% - 30px)
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-4 {
  height:190px
 }
 .why-choose-wrap.style2 .wh-img-wrap .wh-img-4:after {
  right:-15px;
  background:#fff;
  width:15px;
  height:88px
 }
 .why-choose-wrap.style3 .brand-logo .brand-item {
  width:48%;
  margin:0 0 25px;
  padding:15px
 }
 .why-choose-wrap.style3 .brand-logo .brand-item:nth-child(3),
 .why-choose-wrap.style3 .brand-logo .brand-item:nth-child(4) {
  margin-bottom:0
 }
 .why-choose-wrap.style3 .wh-img-wrap .wh-img-5 {
  height:350px
 }
 .get-in-touch-wrap.style1 .get-touch-bg {
  height:300px
 }
 .case-wrap.style1:after {
  bottom:-105px
 }
 .case-card .case-img .case-info-wrap {
  bottom:0;
  left:0;
  width:100%
 }
 .case-card .case-img .case-info-wrap:after {
  display:none
 }
 .case-card .case-img .case-info-wrap .case-info {
  width:calc(100% - 40px)
 }
 .case-card .case-img .case-info-wrap .read-more {
  width:40px;
  height:40px
 }
 .case-card .case-img .case-info-wrap .read-more i {
  font-size:16px
 }
 .case-card.style1 .case-img .case-info-wrap {
  border-radius:0 0 5px 5px
 }
 .case-card:hover .case-img .case-info-wrap .read-more {
  background-color:#fff
 }
 .service-desc .content-feature-list {
  -webkit-columns:1;
  columns:1
 }
 .project-desc .project-metainfo li {
  -webkit-box-align:start;
  -ms-flex-align:start;
  -ms-grid-row-align:flex-start;
  align-items:flex-start
 }
 .project-desc .project-metainfo li h6 {
  line-height:1.5;
  font-size:14px;
  width:125px
 }
 .project-desc .project-metainfo li p {
  width:calc(100% - 125px);
  font-size:14px;
  line-height:1.5
 }
 .counter-card.style1 .counter-icon {
  width:100%
 }
 .counter-card.style1 .counter-info {
  width:100%;
  margin-left:0;
  margin-top:20px
 }
 .counter-card.style1 .counter-info h2 {
  font-size:45px;
  margin:0 0 2px
 }
 .blog-card.style1 .blog-info .blog-metainfo .blog-author-info,
 .blog-card.style2 .blog-info .blog-metainfo .blog-author-info {
  width:auto
 }
 .blog-card.style1 .blog-info .btn,
 .blog-card.style2 .blog-info .btn {
  width:auto!important;
  padding-left:10px
 }
 .blog-card.style1 .blog-info .btn span,
 .blog-card.style2 .blog-info .btn span {
  display:none
 }
 .blog-card.style1 .blog-info .btn i,
 .blog-card.style2 .blog-info .btn i {
  margin-left:0
 }
 .blog-card.style3 .blog-info h3 {
  font-size:18px;
  line-height:1.4
 }
 .blog-card.style3 .blog-info .blog-metainfo li:first-child {
  margin-right:10px
 }
 .blog-card.style3 .blog-info .blog-metainfo li a {
  font-size:14px
 }
 .pp-post-item .pp-post-img {
  width:70px
 }
 .pp-post-item .pp-post-info {
  width:calc(100% - 80px);
  margin-left:10px
 }
 .post-title {
  font-size:24px
 }
 .author-info-wrap .author-info .post-metainfo li a {
  font-size:12px
 }
 .author-info-wrap .author-info .post-metainfo li a i {
  font-size:15px;
  top:1px
 }
 article .content-feature-list {
  -webkit-columns:1;
  columns:1
 }
 .post-author .post-author-img {
  width:130px;
  height:130px
 }
 .post-author .post-author-info {
  width:100%;
  margin-top:15px;
  margin-left:0
 }
 .comment-item .comment-author-wrap {
  width:100%;
  margin-top:15px;
  margin-left:0
 }
 .comment-item .comment-author-wrap .comment-author-name .comment-date {
  display:block;
  width:100%;
  margin-left:0;
  margin-top:8px
 }
 .newsleter-wrap {
  margin-bottom:-105px;
  padding:18px 20px 20px
 }
 .newsleter-wrap .content-title h2 {
  margin-bottom:20px;
  text-align:center
 }
 .newsleter-wrap .newsletter-form input {
  width:100%;
  margin-right:0;
  margin-bottom:15px
 }
 .newsleter-wrap .newsletter-form button {
  width:100%;
  display:block;
  padding:14px 20px
 }
 .footer-wrap .footer-top {
  padding-top:50px;
 }
 .checkout-form,
 .checkout-promobox,
 .checkout-details {
  padding:15px 20px 20px
 }
 .cart-wrap.wishlist .btn.style4 {
  width:100%;
  display:block
 }
 .product-tablist .nav-item .nav-link {
  font-size:17px;
  padding:12px 20px
 }
 .coupon-code button {
  font-size:14px
 }
 .error-content span {
  font-size:70px;
  line-height:.8;
  margin:0 0 25px
 }
}