@media screen and (min-width: 100px) and (max-width: 1280px) {
  .logo {width: 160px !important;}
  header.header-1 .main-menu ul > li > a{padding: 28px 20px 24px 20px !important; font-size: 15px !important;}
  .theme-btn {padding: 15px 15px !important;font-size: 15px !important;}
  .icon{height: 60px !important; width: 60px !important; line-height: 60px !important;}
  .icon img{width: 36px !important;height: 36px !important;}
  .icon i.fas, i.far{font-size: 24px !important;    width: 60px !important;    height: 60px !important;    line-height: 60px !important;}
   .section-title h2{font-size: 26px !important;}
  .cta-contents h1 {font-size: 30px !important;}
  .section-padding {padding: 50px 0px !important;}
  .single-icon-box h4{font-size: 16px !important;}
  .services-container-wrapper .single-service-info-item h4{font-size: 16px !important;}
  h3 {font-size: 18px !important;}
  footer .single-footer-wid ul li a{font-size: 14px !important;}
  .id1{height: 40px !important;width: 40px !important;line-height: 48px !important;}
  .get-in-touch .single-contact-info .id1 i.fal {font-size: 18px !important;}
  .page-banner-wrap h1{font-size: 32px !important;}
  .page-banner-wrap{padding-top: 115px !important;}
  .about-quantech a img {max-width: 160px !important;}
}
@media screen and (min-width: 1281px) and (max-width: 4500px) {
  .id1{height: 46px !important;width: 46px !important;line-height: 51px !important;}
  .get-in-touch .single-contact-info .id1 i.fal {font-size: 22px !important;}
  .about-quantech a img {max-width: 220px !important;}
  .comingSoon img{width: 30%;}
}
@media only screen and (max-width: 991px) {
    .mob-show {display: inline-block !important;}
    .mob-hide {display: none !important;}
}
@media screen and (min-width: 992px) and (max-width: 4500px) {}
@media screen and (min-width: 992px) and (max-width: 4500px) {
    .mob-show {display: none !important;}
    .mob-hide {display: inline-block !important;}
    .comingSoon img{width: 30%;}
}
@media only screen and (max-width: 767px) {
    .mHide{display: inline-block;}
    .mobSlide-show{display: inline-block !important;}
    .mobSlide-hide{display: none !important;}
    .comingSoon img{width: 80%;}
    .slick-slider{height: 500px;}
    .project-showcase-carousel-active {height: 350px !important;}
 }
 @media only screen and (max-width: 600px) {
  .text-cls-vp{text-align: left !important; margin-top: 30px;}
}
@media screen and (min-width: 601px) and (max-width: 4500px) {
    .mHide{display: none;}
    .mobSlide-show{display: none !important;}
    .mobSlide-hide{display: inline-block !important;}
    .text-cls-vp{text-align: right !important; margin-top: 0px;}
}

.logo{width: 200px;}
.footer-logo img {width: 200px;}
.header-menu-logo img {width: 200px;}

.owl-carousel .owl-item img {height: 600px;}
.owl-carousel .owl-item img.colc {height: 400px;}
.owl-carousel .owl-item img.prod {height: 200px;}
section.banner-section .owl-nav{text-align: center;width: 100%;}

.mh-334{min-height: 334px;}
.op-6 {opacity: .6;}
.apartment-box {border: 1px solid;padding: 0px 0 10px 0; margin-bottom: 30px;}
.enc-btn {margin: 15px auto;text-align: center;}
.enc-btn a {font-size: 16px;line-height: 24px;color: #fff;font-weight: 400;display: inline-block;background-color: #ff181f;padding: 7px 21px;position: relative;z-index: 1;transition: .5s;border-radius: 5px;letter-spacing: .5px;}
.enc-btn-1 {margin: 0px auto 15px auto;text-align: right;}
.enc-btn-1 a {font-size: 14px;line-height: 20px;color: #ff181f;font-weight: 400;display: inline-block;background-color: transparent;padding: 4px 10px;position: relative;z-index: 1;transition: .5s;border-radius: 5px;letter-spacing: .5px;border: 0px solid;}
.footer-about,.footer-explore ul li i{color: #ff181f !important;}
.price   {font-size: 1.2rem !important;color: #ffffff !important;text-align: center !important;font-weight: 600 !important;margin: 1rem 0 0 0 !important;background: transparent;border-radius: 7px;padding: 10px 0px;border: 0px solid #ff181f;float: left;}
.proPrice{font-size: 1.3rem !important;color: #202020 !important;text-align: center !important;font-weight: 600 !important;margin: 0rem 0 5px 0 !important;background: transparent;border-radius: 0px;padding: 5px 0px 10px 0px;float: left; width: 100%;
  display: flex !important;
  justify-content: center;
}
.single-project-card-vp .content span {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: 6px 0 0 0;
}
/* Responsive Styles */
@media screen and (min-width: 1224px) {
    div.image {width: 300px;}
}
@media screen and (min-width: 1044px) and (max-width: 1224px) {
    div.image {width: 250px;}
}

@media screen and (min-width: 845px) and (max-width: 1044px) {
    div.image {width: 200px;}
}
@media screen and (max-width: 560px) {
    #preview-enlarged {float: none;}
    #thumbnail-container {width: auto;margin-top: 10px;}
}

.title-wrap {display: flex;justify-content: space-between;align-items: center;}
.offer-boxes-loop {padding: 30px;border: 2px solid #ff181f;border-radius: 10px;}
.price-2 {font-size: 1.5rem;font-weight: 700;color: #252525;text-align: right;}
.price-2 s {width: 100%;float: left;font-weight: 500;font-size: 1.2rem;opacity: 0.6;}
.title h3 {margin: 0px;color: #ff181f;font-size: 1.7rem;font-weight: 700;}
.title span {width: 100%;float: left;font-weight: 400;font-size: .965rem;opacity: .6;color: #212529 !important;}
ul#product-img {float: left;width: 100%;padding: 0px 15px;}
ul#product-img li {float: left;width: 100%;font-size: 13px;list-style: disclosure-closed;padding: 3px 10px;}
ul#product-img li::marker {color: #ff181f; font-size: 16px;}
ul#product-img li b {width: 83px;border-bottom: 0px solid #ff181f;float: left;margin-right: 10px;}
.bg-dark-theme {background-color: #202020;}
.badge{letter-spacing: .5px;font-weight: 500 !important;}
#preview-enlarged img {border-radius: 5px;}
.letest-news-box form {padding: 0px;background: white; border-radius: 20px;}
.form-name {display: flex;width: 100%;}
.form-mail {display: flex;width: 100%;}
.float-none{float: none !important;}
#captcha {padding-left: 5rem !important;}
.cptchCode img.captImg {position: absolute;top: 22px;left: unset;left: 15px;}
.cptchCode {position: relative; width: 100%;}
.thankYou img {width: 60px;}
.giftImg img{width: 120px;}

.abt-form {padding: 40px;background: white;border-radius: 20px;}
.eStatus.ulList {margin-bottom: 0px}
.eStatus.ulList ul {margin: 0;padding: 0}
.eStatus.ulList ul li {list-style: none;padding: 10px 0;border-bottom: 1px solid #edf0f3;width: 100%;font-size: 14px;}
.pull-right{float: right !important;}
.statusInfo ul li{text-align:left;} .statusInfo .redTxt{color:#F00;margin-top:0;font-weight:bold;}
.statusInfo ul li{text-align:left;} .statusInfo .warningTxt{color:rgb(255, 120, 0);margin-top:0;font-weight:bold;}
.single-icon-box h4 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #ff181f;
    font-size: 18px;
  }
.icon i.fas, i.far {
    background: #ff181f;
    color: white;
    font-size: 30px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100px;
  }
  .icon img {
    background: transparent;
    color: white;
    width: 50px;
    height: 50px;
    padding: 0px;
  }
  .icon {
    border-radius: 100px;
    background: red;
    display: inline-block;
    height: 80px;
    width: 80px;
    line-height: 73px;
    text-align: center;
  }
  .services-container-wrapper::before {
    background: #ff343a;
    position: absolute;
    height: 100px;
    width: 100%;
    left: 0;
    /* content: ''; */
    z-index: -1;
    bottom: 148px;
  }

  .best-services-wrapper {
    background: #ffffff;
    /* background: #f2f3f5; */
  }

  .text-theme{
    color: #ff181f !important;
  }
  .id1 {
    border-radius: 100px;
    background: #ff181f;
    display: inline-block;
    text-align: center;
  }
  .get-in-touch .single-contact-info .id1 i.fal {
    color: white !important;
  }

.project-carousel-wrapper {background: #f3f2f8;}
#product-view {border: #CCC 0px solid;overflow: auto;display: inline-block;padding-top: 0px;margin-top: 0px;text-align:left;}
div.preview-image img.thumbnail {width: 107px;margin-bottom: 10px;padding: 4px;border-radius: 5px;margin-top: 14px;}
#thumbnail-container {width: 100px;float: left;}
#preview-enlarged {float: left;width: 100%;border-radius: 10px; border: 1px solid #ff181f; padding: 5px;}
.accordion-flush .accordion-collapse {border-radius: 0 0 6px 6px;}
/* Responsive Styles */
@media screen and (min-width: 1224px) {
    div.image {width: 300px;}
}
@media screen and (min-width: 1044px) and (max-width: 1224px) {
    div.image {width: 250px;}
}

@media screen and (min-width: 845px) and (max-width: 1044px) {
    div.image {width: 200px;}
}
@media screen and (max-width: 560px) {
    #preview-enlarged {float: none;}
    #thumbnail-container {width: auto;margin-top: 10px;}
}


.progress-cont-main {background: rgba(0,0,0,.7);position: fixed;width: 100%;height: 100%;top: 0;z-index: 9999;padding: 10%;}
#progressBar {width: 100%;background-color: #f3f3f3;}
#progressBarFill {width: 0%;height: 30px;background-color: #4caf50;text-align: center;line-height: 30px;color: white;}
@keyframes blink {50% { color: transparent }}
.loader {text-align: center;padding: 5px 0;font-size: 28px;color: green;font-weight: 600;letter-spacing: -1px;margin-bottom: 9px;}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }



.animated-check {height: 10em;width: 10em; border: 5px solid #7ac142;border-radius: 100%;padding: 20px;}
.animated-check path {fill: none;stroke: #7ac142;stroke-width: 4;stroke-dasharray: 23;stroke-dashoffset: 23;animation: draw 1s linear forwards;stroke-linecap: round;stroke-linejoin: round}
@keyframes draw {to {stroke-dashoffset: 0}}