@media screen and (max-width:280px) {
    
    /* ******************************************  */
     .mailto{
        display: none;
    }
    .topbar-01{
        display: none;
    }
    .top-logo img {
        width: 100%;
        padding-top: 14px;
    }
    .box-icon i{
        display: none;
    }
    .top-icon {
        padding: 2px;
        height: 27px;
        width: 27px;
        line-height: 8px;
        margin-right: 16px;
        margin-top: -3px;
    }
    .top-content p {
        margin: 0;
        font-size: 5px;
    }
    .top-icon i {
        font-size: 12px;
    }
    .top-content h6 {
        font-size: 11px;
    }
    .fixed-top {
        position: fixed;
        top: -11px !important;
    }
    .topbar {
        padding: 8px 0px !important;
    }
    .navbar {
        position: fixed;
        left: 0%;
        right: 0%;
    }
    .headerRight a {
        padding: 23px 13px 21px;
        font-size: 13px;
        margin-right: -13px;
    }
   
    .btn-67 {
        margin-left: 10px;
    }
   
    .indexbannerimg .index-box{
        display: none;
    }
    #indexbanner img {
        height: 290px;
    }
    .icon-cntent .content-ico h5 {
        font-size: 16px;
    
    }
    .pro-content h5 {
        padding: 2px 10px;
    }
    .pro-content h1 {
        padding: 8px 10px;
    }
    .main-heading p {
        font-size: 23px;
    }
    .btn-67 {
        padding: 10px 12px;
    }
    .why-img {
        padding-left: 0%;
    }
    
    .why-box li .why-icon i {
        height: 53px;
        width: 53px;
        margin: 0 5px;
        border-radius: 50px;
        font-size: 24px;
        padding: 3px;
    }
    .fa-solid, .fas {
        font-weight: 900;
    }
    .fa-classic, .fa-light, .fa-regular, .fa-solid, .discountbanner {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 5px;
    }
    .why {
        padding: 20px 0px 0px;
    }
    .testi-img img {
         /* width: 35px !important;  */
        height: 34px;
    }
    .text-client h3 {
        font-size: 15px;
        padding-bottom: 0px;
    }
    .testi-box h6 {
        font-size: 14px;
        padding-top: 56px;
    }
    .testi-box p {
        padding: 13px 10px 0px 10px;
        font-size: 14px;
    }
    .testi-box{
        padding: 21px 15px;
    }
    .testi-box p {
        padding: 13px 10px 0px 10px;
    }
    .touch {
        margin-top: 14px;
    }
    .touch-news a {
        padding: 11px 9px;
        font-size: 13px;
        margin-left: 2px;
    }
    .touch-news input {
        font-size: 15px;
    }
    .about-page-slider {
        padding-top: 0px;
    }
    .heading h6 {
        font-size: 14px;
    }
    .heading h6 {
        font-size: 14px;
    }
    .footer{
        padding-top: 0px;
    }
    .footer-box {
        padding: 0px 10px 55px 0px;
    } 
/* *************************************************************************************  */
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}

.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}
.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 12px;
    padding-top: 20px;
}
.whychose-content .txt2{
    font-size: 18px;
}
.whychose-content .para{
    font-size: 11px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 12px;
    padding: 8px 13px;
}
.top-right {
    padding-top: 16px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 12px;
}
.latestcategory-content h2 {
    font-size: 22px;
}
.box .box-img img {
    width: 100%;
}

    .box {
        padding-top: 76px;
        margin: 10px 5px;
    }
.box .box-img img {
    /* margin-top: -75px; */
    margin-top: -71px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
.product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
}
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 18px;
}
.discountbanner-content p {
    font-size: 7px;
}

.pro-content h1{
    font-size: 14px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 14px;
}
.shiping-img img {
    height: 62%;
    padding: 4px;
}
.shiping-content h4 {
    font-size: 13px;
    padding-left: 16px;
}
.shiping-content p {
    font-size: 9px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 10px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testimonial .carousel {
    padding-bottom: 0px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;

}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 10px;
}
.secret-heading h3 {
    padding: 0px;
    font-size: 16px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid gray;
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    /* padding: 10px 0px; */
    font-size: 11px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 50px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 18px;
}
.content-touch h6 {
    font-size: 12px;
}
.touch-news input {
    width: 59%;
}

.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}

.head h5 {
    font-size: 13px;
    font-weight: 600;
}
.head h6 {
    font-size: 23px;
    font-weight: 600;
}
.item figcaption {
    font-size: 17px;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
}
/* ************************************************************************** */

@media screen and (min-width:281px) and (max-width:319px){

 /* ******************************************  */
 .mailto{
    display: none;
}
.topbar-01{
    display: none;
}
.top-logo img {
    width: 100%;
    padding-top: 14px;
}
.top-icon {
    padding: 3px;
    height: 27px;
    width: 27px;
    line-height: 8px;
    margin-right: 16px;
    margin-top: -5px;
}
.top-content p {
    margin: 0;
    font-size: 5px;
}
.top-icon i {
    font-size: 12px;
}
.top-content h6 {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: -10px !important;
}
.topbar {
    padding: 8px 0px !important;
}
.navbar {
    position: fixed;
    left: 0%;
    right: 0%;
}
.headerRight a {
    padding: 23px 13px 21px;
    font-size: 13px;
    margin-right: -13px;
}

.btn-67 {
    margin-left: 10px;
}

.indexbannerimg .index-box{
    display: none;
}
#indexbanner img {
    height: 290px;
}
.icon-cntent .content-ico h5 {
    font-size: 16px;

}
.pro-content h5 {
    padding: 2px 10px;
}
.pro-content h1 {
    padding: 8px 10px;
}
.main-heading p {
    font-size: 23px;
}
.btn-67 {
    padding: 10px 12px;
}
.why-img {
    padding-left: 0%;
}

.why-box li .why-icon i {
    height: 53px;
    width: 53px;
    margin: 0 5px;
    border-radius: 50px;
    font-size: 24px;
    padding: 3px;
}
.fa-solid, .fas {
    font-weight: 900;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .discountbanner {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.why {
    padding: 20px 0px 0px;
}
.testi-img img {
    /* width: 35px !important; */
    height: 34px;
}
.text-client h3 {
    font-size: 15px;
    padding-bottom: 0px;
}
.testi-box h6 {
    font-size: 14px;
    padding-top: 56px;
}
.testi-box p {
    padding: 13px 10px 0px 10px;
    font-size: 14px;
}
.testi-box{
    padding: 21px 15px;
}
.testi-box p {
    padding: 13px 10px 0px 10px;
}
.touch {
    margin-top: 14px;
}
.touch-news a {
    padding: 11px 9px;
    font-size: 13px;
    margin-left: 2px;
}
.touch-news input {
    font-size: 15px;
}
.about-page-slider {
    padding-top: 0px;
}
.heading h6 {
    font-size: 14px;
}
.heading h6 {
    font-size: 14px;
}
.footer{
    padding-top: 0px;
}
.footer-box {
    padding: 0px 10px 55px 0px;
} 
/* *************************************************************************************  */

    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
 
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 52px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}
.head h5 {
    font-size: 13px;
    font-weight: 600;
}
.head h6 {
    font-size: 23px;
    font-weight: 600;
}
.item figcaption {
    font-size: 17px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1 {
    font-size: 12px;
    padding-top: 20px;
}

.whychose-content .txt2{
    font-size: 18px;
}
.whychose-content .para{
    font-size: 11px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 12px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 12px;
}
.latestcategory-content h2 {
    font-size: 22px;
}
.box .box-img img {
    width: 100%;
}

.box .box-img img {
    /* margin-top: -75px; */
    margin-top: -71px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.box {
    padding-top: 76px;
    margin: 10px 5px;
}
.main-cards {
    padding: 5px 0px;
}
.product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
}
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 18px;
}
.discountbanner-content p {
    font-size: 7px;
}
.discountbanner {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 14px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 14px;
}
.shiping-img img {
    height: 62%;
    padding: 4px;
}
.shiping-content h4 {
    font-size: 13px;
    padding-left: 16px;
}
.shiping-content p {
    font-size: 9px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 10px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 10px;
}
.secret-heading h3 {
    padding: 0px;
    font-size: 16px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid gray;
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    /* padding: 10px 0px; */
    font-size: 11px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 50px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 18px;
}
.content-touch h6 {
    font-size: 12px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
}
.testi-client .owl-carousel .item img{
    margin-left: 15px !important;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}
.carousel-item img {
    padding-top: 50px;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}


.box-icon i {
    display: none;
}
}
/* ***************************************************** */
@media screen and (min-width:320px) and (max-width:420px){

    /* ******************************************  */
 .mailto{
    display: none;
}
.topbar-01{
    display: none;
}
.top-logo img {
    width: 100%;
    padding-top: 14px;
}
.top-icon {
    padding: 3px;
    height: 27px;
    width: 27px;
    line-height: 8px;
    margin-right: 16px;
    margin-top: 5px;
}
.top-content p {
    margin: 0;
    font-size: 7px;
}
.top-icon i {
    font-size: 12px;
}
.top-content h6 {
    font-size: 14px;
}
.fixed-top {
    position: fixed;
    top: 13px !important;
}
.topbar {
    padding: 17px 0px !important;
}
.navbar {
    position: fixed;
    left: 0%;
    right: 0%;
}
.headerRight a {
    padding: 23px 13px 21px;
    font-size: 13px;
    margin-right: -13px;
}

.btn-67 {
    margin-left: 10px;
}

.indexbannerimg .index-box{
    display: none;
}
#indexbanner img {
    height: 290px;
}
.icon-cntent .content-ico h5 {
    font-size: 19px;
    margin-left: 5px;

}
.pro-content h5 {
    padding: 2px 10px;
}
.pro-content h1 {
    padding: 8px 10px;
}
.main-heading p {
    font-size: 23px;
}
.btn-67 {
    padding: 10px 12px;
}
.why-img {
    padding-left: 0%;
}

.why-box li .why-icon i {
    height: 53px;
    width: 53px;
    margin: 0 5px;
    border-radius: 50px;
    font-size: 24px;
    padding: 3px;
}
.fa-solid, .fas {
    font-weight: 900;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .discountbanner {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.why {
    padding: 20px 0px 0px;
}
.testi-img img {
    /* width: 35px !important; */
    height: 48px;
}
.text-client h3 {
    font-size: 15px;
    padding-bottom: 0px;
}
.testi-box h6 {
    font-size: 14px;
    padding-top: 56px;
}
.testi-box p {
    padding: 13px 10px 0px 10px;
    font-size: 14px;
}
.testi-box{
    padding: 21px 15px;
}
.testi-box p {
    padding: 13px 10px 0px 10px;
}
.touch {
    margin-top: 14px;
}
.touch-news a {
    padding: 11px 9px;
    font-size: 13px;
    margin-left: 2px;
}
.touch-news input {
    font-size: 15px;
}
.about-page-slider {
    padding-top: 0px;
}
.heading h6 {
    font-size: 14px;
}
.heading h6 {
    font-size: 14px;
}
.footer{
    padding-top: 0px;
}
.footer-box {
    padding: 0px 10px 55px 0px;
} 
.box .box-img img {
    width: 100%;
}
/* *************************************************************************************  */

    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
 
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 52px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}
.head h5 {
    font-size: 13px;
    font-weight: 600;
}
.head h6 {
    font-size: 23px;
    font-weight: 600;
}
.item figcaption {
    font-size: 17px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1 {
    font-size: 12px;
    padding-top: 20px;
}

.whychose-content .txt2{
    font-size: 18px;
}
.whychose-content .para{
    font-size: 11px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 12px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 12px;
}
.latestcategory-content h2 {
    font-size: 22px;
}
.box .box-img img {
    width: 100%;
}

.box .box-img img {
    /* margin-top: -75px; */
    margin-top: -71px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.box {
    padding-top: 76px;
    margin: 10px 5px;
}
.main-cards {
    padding: 5px 0px;
}
.product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
}
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 18px;
}
.discountbanner-content p {
    font-size: 7px;
}
.discountbanner {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 14px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 14px;
}
.shiping-img img {
    height: 62%;
    padding: 4px;
}
.shiping-content h4 {
    font-size: 13px;
    padding-left: 16px;
}
.shiping-content p {
    font-size: 9px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 10px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 10px;
}
.secret-heading h3 {
    padding: 0px;
    font-size: 16px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid gray;
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    /* padding: 10px 0px; */
    font-size: 11px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 50px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 18px;
}
.content-touch h6 {
    font-size: 12px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
}
.testi-client .owl-carousel .item img{
    margin-left: 15px !important;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}
.carousel-item img {
    padding-top: 50px;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}

.box-icon i {
   display: none;
}
/* .inner-box {
    padding: 18px 61px;
} */
.why-content p {
    font-size: 18px;
}

/* ***************************************************** */

    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
 
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 32px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 12px;
}
.whychose-content .txt2{
    font-size: 22px;
}
.whychose-content .para{
    font-size: 15px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 12px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 16px;
}
.latestcategory-content h2 {
    font-size: 22px;
}
.box .box-img img {
    width: 100%;
}
.box {
        margin: 34px 23px;
    }
.box .box-img img {
    /* margin-top: -75px; */
    margin-top: -71px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
.product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
}
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 18px;
}
.discountbanner-content p {
    font-size: 12px;
}
.discountbanner {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 14px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 14px;
}
.shiping-img img {
    height: 62%;
    padding: 4px;
}
.shiping-content h4 {
    font-size: 13px;
    padding-left: 16px;
}
.shiping-content p {
    font-size: 9px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 10px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 10px;
}
.secret-heading h3 {
    padding: 0px;
    font-size: 16px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid gray;
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    /* padding: 10px 0px; */
    font-size: 11px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 50px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 18px;
}
.content-touch h6 {
    font-size: 12px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}
.head h5 {
    font-size: 13px;
    font-weight: 600;
}
.head h6 {
    font-size: 19px;
    font-weight: 600;
}
.item figcaption {
    font-size: 17px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
.news-letter-form form input {
    margin: -5px 17px 0px 0px !important;

}
.news-letter-form .btn-dark {
    margin-top: -37px !important;
    margin-left: 62% !important;
}

}
@media screen and (max-width:354px){
    .box-icon i {
        left: 222px;
        top: 54px;
    }
}
@media screen and (min-width:355px) and (max-width:420px){
    .box-icon i {
        left: 227px;
        top: 54px;
    }
}
@media screen and (min-width:418px) and (max-width:420px){
    .news-letter-form form input {
        margin: 31px 18px 0px 0px !important;
    
    }
    .news-letter-form .btn-dark {
        margin-top: -37px !important;
        margin-left: 62% !important;
    }
    }
    @media screen and (min-width:421px) and (max-width:499px){
        .news-letter-form form input {
                margin: 54px -35px 0px -138px !important;
            }

        .news-letter-form .btn-dark {
            margin-top: -37px !important;
            margin-left: 60% !important;
        }
 }

/* ***************************************************** */
@media screen and (min-width:421px) and (max-width:599px){

        /* ******************************************  */
 .mailto{
    display: none;
}
.topbar-01{
    display: none;
}
.top-logo img {
    width: 100%;
    padding-top: 14px;
}
.top-icon {
    padding: 3px;
    height: 27px;
    width: 27px;
    line-height: 8px;
    margin-right: 16px;
    margin-top: 5px;
}
.top-content p {
    margin: 0;
    font-size: 13px;
}
.top-icon i {
    font-size: 12px;
}
.top-content h6 {
    font-size: 19px;
}
.fixed-top {
    position: fixed;
    top: 25px !important;
}
.topbar {
    padding: 17px 0px !important;
}
.navbar {
    position: fixed;
    left: 0%;
    right: 0%;
}
.headerRight a {
    padding: 23px 13px 21px;
    font-size: 13px;
    margin-right: -13px;
}

.btn-67 {
    margin-left: 10px;
}

.indexbannerimg .index-box{
    display: none;
}
#indexbanner img {
    height: 290px;
}
.icon-cntent .content-ico h5 {
    font-size: 22px;

}
.pro-content h5 {
    padding: 2px 10px;
}
.pro-content h1 {
    padding: 8px 10px;
}
.main-heading p {
    font-size: 23px;
}
.btn-67 {
    padding: 10px 12px;
}
.why-img {
    padding-left: 0%;
}

.why-box li .why-icon i {
    height: 70px;
    width: 70px;
    margin: 0 5px;
    font-size: 30px;
    padding: 12px;
}

.fa-solid, .fas {
    font-weight: 900;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .discountbanner {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.why {
    padding: 20px 0px 0px;
}
.testi-img img {
    /* width: 35px !important; */
    height: 68px;
}
.testi-box{
    margin: 10px 0px;
}
.text-client h3 {
    font-size: 15px;
    padding-bottom: 0px;
}
.testi-box h6 {
    font-size: 14px;
    padding-top: 105px;
}
.testi-box p {
    padding: 13px 10px 0px 10px;
    font-size: 14px;
}
.testi-box{
    padding: 21px 15px;
}
.testi-box p {
    padding: 13px 10px 0px 10px;
}
.touch {
    margin-top: 14px;
}
.touch-news a {
    padding: 11px 9px;
    font-size: 13px;
    margin-left: 2px;
}
.touch-news input {
    font-size: 15px;
}
.about-page-slider {
    padding-top: 0px;
}
.heading h6 {
    font-size: 14px;
}
.heading h6 {
    font-size: 14px;
}
.footer{
    padding-top: 0px;
}
.footer-box {
    padding: 0px 10px 55px 0px;
} 
.box .box-img img {
    width: 100%;
}
.why-content p {
    font-size: 21px;
   
}
.why-img img{
    width: 70%;
}
.why-content h6 {
    font-size: 20px;
}
.box-icon i{
    display: none;
}

.inner-box {
    padding: 15px 26px;
}
.footer-box p {
    font-size: 18px;
}
.box-head h3 {
    font-size: 19px;
}
/* *************************************************************************************  */

    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 37px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 15px;
}
.whychose-content .txt2{
    font-size: 23px;
}
.whychose-content .para{
    font-size: 16px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 12px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 15px;
}
.latestcategory-content h2 {
    font-size: 28px;
}
.box .box-img img {
    width: 100%;
}
.box {
        margin: 34px 0px;
    }
.box .box-img img {
    /* margin-top: -75px; */
    margin-top: -71px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
.product-heading h3 {
    font-size: 21px;
    padding-bottom: 12px;
}
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 26px;
}
.discountbanner-content p {
    font-size: 15px;
}
.discountbanner {
    padding-top: 82px;
    padding-bottom: 124px;
    margin-bottom: 45px;
}

.pro-content h1{
    font-size: 23px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 16px;
}
.shiping-img img {
    height: 68%;
    padding: 2px;
    width: 58px;
}

.shiping-content h4 {
    font-size: 22px;
    padding-left: 16px;
}
.shiping-content p {
    font-size: 12px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 12px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding: 0px;
    font-size: 20px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid gray;
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    /* padding: 10px 0px; */
    font-size: 15px;
}
.secret-text h5 {
    font-size: 20px;
}
.secret-img i {
    font-size: 50px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 18px;
}
.content-touch h6 {
    font-size: 12px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
    padding-left: 20%;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 16px;
}
.item figcaption {
    font-size: 17px;
}
.head h5 {
    font-size: 13px;
    font-weight: 600;
}
.head h6 {
    font-size: 23px;
    font-weight: 600;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
.news-letter-form form input {
    margin: 54px -35px 0px -138px !important;
}

.news-letter-form .btn-dark {
margin-top: -37px !important;
margin-left: 60% !important;
}
}


/* *********************************************************************  */

@media screen and (min-width:600px) and (max-width:767px){

        /* ******************************************  */
        .mailto{
            display: none;
        }
        .topbar-01{
            display: none;
        }
        .top-logo img {
            width: 100%;
            padding-top: 14px;
        }
        .top-icon {
            padding: 3px;
            height: 27px;
            width: 27px;
            line-height: 8px;
            margin-right: 16px;
            margin-top: 5px;
        }
        .top-content p {
            margin: 0;
            font-size: 15px;
        }
        .top-icon i {
            font-size: 12px;
        }
        .top-content h6 {
            font-size: 19px;
        }
        .fixed-top {
            position: fixed;
            top: 30px !important;
        }
        .topbar {
            padding: 17px 0px !important;
        }
        .navbar {
            position: fixed;
            left: 0%;
            right: 0%;
        }
        .headerRight a {
            padding: 23px 13px 21px;
            font-size: 13px;
            margin-right: -13px;
        }
        
        .btn-67 {
            margin-left: 10px;
        }
        
        .indexbannerimg .index-box{
            display: none;
        }
        #indexbanner img {
            height: 350px;
        }
        .icon-cntent .content-ico h5 {
            font-size: 18px;
            margin-right: 22px;
        }
        .pro-content h5 {
            padding: 2px 10px;
        }
        .pro-content h1 {
            padding: 8px 10px;
        }
        .main-heading p {
            font-size: 23px;
        }
        .btn-67 {
            padding: 10px 12px;
        }
        .why-img {
            padding-left: 0%;
        }
        
        .why-box li .why-icon i {
            height: 53px;
            width: 53px;
            margin: 0 5px;
            border-radius: 50px;
            font-size: 24px;
            padding: 3px;
        }
        .fa-solid, .fas {
            font-weight: 900;
        }
        .fa-classic, .fa-light, .fa-regular, .fa-solid, .discountbanner {
            padding-top: 0px;
            padding-bottom: 0px;
            margin-bottom: 0px;
            margin-top: 5px;
        }
        .why {
            padding: 20px 0px 0px;
        }
        .testi-img img {
            /* width: 35px !important; */
            height: 67px;
        }
        .text-client h3 {
            font-size: 15px;
            padding-bottom: 0px;
        }
        .testi-box h6 {
            font-size: 14px;
            padding-top: 105px;
        }
        .testi-box p {
            padding: 13px 10px 0px 10px;
            font-size: 14px;
        }
        .testi-box{
            padding: 21px 15px;
        }
        .testi-box p {
            padding: 13px 10px 0px 10px;
        }
        .touch {
            margin-top: 14px;
        }
        .touch-news a {
            padding: 11px 9px;
            font-size: 13px;
            margin-left: 2px;
        }
        .touch-news input {
            font-size: 15px;
        }
        .about-page-slider {
            padding-top: 0px;
        }
        .heading h6 {
            font-size: 14px;
        }
        .heading h6 {
            font-size: 14px;
        }
        .footer{
            padding-top: 0px;
        }
        .footer-box {
            padding: 0px 10px 55px 0px;
        } 
        .box .box-img img {
            width: 100%;
        }
        .why-content p {
            font-size: 24px;
           
        }
        .why-content h6 {
            font-size: 20px;
        }
        .box-icon i{
            display: none;
        }
        
        .inner-box {
            padding: 15px 26px;
        }
        .footer-box p {
            font-size: 18px;
        }
        .top-right {
            padding-top: 18px;
        }
        .whychose-content .txt1 {
            font-size: 15px;
            padding-top: 25px;
        }
        .box-head h3 {
            font-size: 19px;
        }
        /* *************************************************************************************  */




    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 37px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 15px;
}
.whychose-content .txt2{
    font-size: 23px;
}
.why-img{
    width: 90%;
}
.whychose-content .para{
    font-size: 16px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 15px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 16px;
}
.latestcategory-content h2 {
    font-size: 28px;
}
.box .box-img img {
    width: 100%;
}
.box {
        margin: 34px 0px;
    }
.box .box-img img {
    /* margin-top: -75px; */
    margin-top: -71px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
.product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
}
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 25px;
}
.discountbanner-content p {
    font-size: 15px;
}
.discountbanner {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 27px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 16px;
}
.shiping-img img {
    height: 68%;
    padding: 2px;
    width: 60px;
}

.shiping-content h4 {
    font-size: 23px;
    padding-left: 18px;
}
.shiping-content p {
    font-size: 12px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 15px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding: 0px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid gray;
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 18px;
}
.secret-text h5 {
    font-size: 22px;
}
.secret-img i {
    font-size: 50px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 25px;
}
.content-touch h6 {
    font-size: 15px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
    /* padding-left: 20%; */
}
.owl .item img{
    width: 100% !important;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
}
.item figcaption {
    font-size: 17px;
}
.head h5 {
    font-size: 13px;
    font-weight: 600;
}
.head h6 {
    font-size: 23px;
    font-weight: 600;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
.news-letter-form form input {
    margin: 54px -35px 0px -138px !important;
}
}


/* ************************************************************  */

@media screen and (min-width:768px) and (max-width:991px){

     /* ******************************************  */
     .mailto{
        display: none;
    }
    .topbar-01{
        display: none;
    }
    .top-logo img {
        width: 84%;
        padding-top: 14px;
    }
    .top-icon {
        padding: 3px;
        height: 27px;
        width: 27px;
        line-height: 8px;
        margin-right: 16px;
        margin-top: 5px;
    }
    .top-content p {
        margin: 0;
        font-size: 15px;
    }
    .top-icon i {
        font-size: 12px;
    }
    .top-content h6 {
        font-size: 19px;
    }
    .fixed-top {
        position: fixed;
        top: 30px !important;
    }
    .topbar {
        padding: 17px 0px !important;
    }
    .navbar {
        position: fixed;
        left: 0%;
        right: 0%;
    }
    .headerRight a {
        padding: 23px 13px 21px;
        font-size: 13px;
        margin-right: -13px;
    }
    
    .btn-67 {
        margin-left: 10px;
    }
    
    .indexbannerimg .index-box{
        display: none;
    }
    #indexbanner img {
        height: 500px;
    }
    .icon-cntent .content-ico h5 {
        font-size: 14px;
        margin-left: 1px;
    }

    .pro-content h5 {
        padding: 2px 10px;
    }
    .pro-content h1 {
        padding: 8px 10px;
    }
    .main-heading p {
        font-size: 23px;
    }
    .btn-67 {
        padding: 10px 12px;
    }
    .why-img {
        padding-left: 0%;
    }
    
    .why-box li .why-icon i {
        height: 53px;
        width: 53px;
        margin: 0 5px;
        border-radius: 50px;
        font-size: 24px;
        padding: 3px;
    }
    .fa-solid, .fas {
        font-weight: 900;
    }
    .fa-classic, .fa-light, .fa-regular, .fa-solid, .discountbanner {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 5px;
    }
    .why {
        padding: 20px 0px 0px;
    }
    .testi-img img {
        /* width: 35px !important; */
        height: 92px;
    }
    .text-client h3 {
        font-size: 15px;
        padding-bottom: 0px;
    }
    .testi-box h6 {
        font-size: 17px;
        padding-top: 105px;
    }
    .testi-box p {
        padding: 13px 10px 0px 10px;
        font-size: 24px;
    }
    .testi-box{
        padding: 21px 15px;
    }
    .testi-box p {
        padding: 13px 10px 0px 10px;
    }
    .touch {
        margin-top: 14px;
    }
    .touch-news a {
        padding: 11px 9px;
        font-size: 13px;
        margin-left: 2px;
    }
    .touch-news input {
        font-size: 15px;
    }
    .about-page-slider {
        padding-top: 0px;
    }
    .heading h6 {
        font-size: 14px;
    }
    .heading h6 {
        font-size: 14px;
    }
    .footer{
        padding-top: 0px;
    }
    .footer-box {
        padding: 0px 10px 55px 0px;
    } 
    .box .box-img img {
        width: 100%;
    }
    .why-content p {
        font-size: 9px;
       
    }
    .why-content h6 {
        font-size: 15px;
    }
    .box-icon i{
        display: none;
    }
    
    .inner-box {
        padding: 15px 26px;
    }
    .footer-box p {
        font-size: 18px;
    }
    .top-right {
        padding-top: 18px;
    }
    .whychose-content .txt1 {
        font-size: 15px;
        padding-top: 25px;
    }
    .box-head h3 {
        font-size: 19px;
    }
    /* *************************************************************************************  */

   
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 100%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    /* display: none; */
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 13px;
}
.fixed-top {
    position: fixed;
    top: 37px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}

.latestcategory-content {
    margin-top: 60px;
}

.whychose-img img {
    height: 100%;
    padding-top: 32px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 16px;
}
.whychose-content .txt2{
    font-size: 20px;
}
.whychose-content .para{
    font-size: 16px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 15px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 16px;
}
.latestcategory-content h2 {
    font-size: 28px;
}
.box .box-img img {
    width: 100%;
}
.box {
        /* margin: 34px 23px; */
        padding: 23px 0px;
        margin-top: 80px;
    }
   
.box .box-img img {
    margin-top: -76px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
/* .product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
} */
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 30px;
}
.discountbanner-content p {
    font-size: 15px;
}
.discountbanner {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 27px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 16px;
}
.shiping-img img {
    height: 68%;
    padding: 2px;
    width: 61px;
}

.shiping-content h4 {
    font-size: 23px;
    padding-left: 18px;
}
.shiping-content p {
    font-size: 12px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 15px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 42px;
}
.touch {
    padding-top: 9px;
    padding-bottom: 40px;
}
.content-touch h3 {
    font-size: 25px;
}
.content-touch h6 {
    font-size: 15px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
    /* padding-left: 20%; */
}
.owl .item img{
    width: 100% !important;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
}
.item figcaption {
    font-size: 17px;
}
.head h5 {
    font-size: 15px;
    font-weight: 600;
}
.head h6 {
    font-size: 25px;
    font-weight: 600;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
.news-letter-form form input {
    margin: 54px -35px 0px -138px !important;
}
.product-heading h5 {
    font-size: 22px;
    padding-top: 26px;
}
.product-heading h3 {
    font-size: 28px;
}
}
@media screen and (min-width:992px) and (max-width:1024px){
    .index-content h3 {
        font-size: 37px;
    }
    .item figcaption {
        font-size: 20px;
}
.icon-cntent .content-ico h5 {
    font-size: 18px;
}
.whychose-content .txt2 {
    font-size: 38px;
}
.latestcategory-content h2 {
    font-size: 30px;
}
.latestcategory-content p {
    font-size: 13px;
}
.btn-67 {
    padding: 0.2rem 2rem;
}
.why-content p {
    font-size: 8px;
}
.why-content h6 {
    font-size: 11px;
}
.discountbanner-content h2 {
    font-size: 24px;
}
.box-head h3 {
    font-size: 18px;
}
.inner-box {
    padding: 40px 10px;
}
.box-icon{
    display: none;
}
.inner-box {
    padding: 24px 5px;
}
.testi-box {
    padding: 7px 15px;
}
.testi-img img {
    height: 63px;
}
}
    /* place-items: center;
/* **************************************************************************  */

@media screen and (min-width:1025px) and (max-width:1200px){

/* **************************************************************** */


.index-content h3 {
    font-size: 37px;
}
.item figcaption {
    font-size: 20px;
}
.icon-cntent .content-ico h5 {
font-size: 18px;
}
.whychose-content .txt2 {
font-size: 38px;
}
.latestcategory-content h2 {
font-size: 30px;
}
.latestcategory-content p {
font-size: 13px;
}
.btn-67 {
padding: 0.2rem 2rem;
}
.why-content p {
font-size: 8px;
}
.why-content h6 {
font-size: 11px;
}
.discountbanner-content h2 {
font-size: 24px;
}
.box-head h3 {
font-size: 18px;
}
.inner-box {
padding: 40px 10px;
}
.box-icon{
display: none;
}
.inner-box {
padding: 24px 11px;
}
.testi-box {
padding: 7px 15px;
}
.testi-img img {
height: 63px;
}
/* **************************************************************** */
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 100%;

    }
    .topbar{
        padding: 20px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    /* display: none; */
  }
  /* .fixed-top {
    position: fixed;
    top: 69px;
  } */
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 14px;
}
/* .fixed-top {
    position: fixed;
    top: 37px;
} */
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}

.latestcategory-content {
    margin-top: 60px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 16px;
}
.whychose-content .txt2{
    font-size: 20px;
}
.whychose-content .para{
    font-size: 16px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 15px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 16px;
}
.latestcategory-content h2 {
    font-size: 28px;
}
.box .box-img img {
    width: 100%;
}
.box {
        /* margin: 34px 23px; */
        padding: 57px 0px;
        margin-top: 102px;
    }
   
.box .box-img img {
    margin-top: -101px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
/* .product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
} */
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 30px;
}
.discountbanner-content p {
    font-size: 15px;
}
.discountbanner {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 27px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 16px;
}
.shiping-img img {
    height: 68%;
    padding: 2px;
    width: 61px;
}

.shiping-content h4 {
    font-size: 23px;
    padding-left: 18px;
}
.shiping-content p {
    font-size: 12px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 15px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 17px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 42px;
}
.touch {
    padding-top: 91px;
    padding-bottom: 136px;
}
.content-touch h3 {
    font-size: 45px;
}
.content-touch h3 {
    font-size: 25px;
}
.content-touch h6 {
    font-size: 15px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
    /* padding-left: 20%; */
}
.owl .item img{
    width: 100% !important;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
}
.item figcaption {
    font-size: 17px;
}
.head h5 {
    font-size: 15px;
    font-weight: 600;
}
.head h6 {
    font-size: 25px;
    font-weight: 600;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
.news-letter-form form input {
    margin: 54px -35px 0px -138px !important;
}
.product-heading h5 {
    font-size: 22px;
    padding-top: 26px;
}
.product-heading h3 {
    font-size: 28px;
}
}

/* ***********************************************************************************  */

@media screen and (min-width:1201px) and (max-width:1400px){


    .index-content h3 {
        font-size: 37px;
    }
    .item figcaption {
        font-size: 20px;
    }
    .icon-cntent .content-ico h5 {
    font-size: 18px;
    }
    .whychose-content .txt2 {
    font-size: 38px;
    }
    .latestcategory-content h2 {
    font-size: 30px;
    }
    .latestcategory-content p {
    font-size: 13px;
    }
    .btn-67 {
    padding: 0.2rem 2rem;
    }
    .why-content p {
    font-size: 13px;
    }
    .why-content h6 {
    font-size: 17px;
    }
    .discountbanner-content h2 {
    font-size: 24px;
    }
    .box-head h3 {
    font-size: 18px;
    }
    .inner-box {
    padding: 40px 10px;
    }
    .box-icon{
    display: none;
    }
    .inner-box {
    padding: 56px 35px;
    }
    .testi-box {
    padding: 22px 15px;
    }
    .testi-img img {
    height: 73px;
    }
    /* **************************************************************** */
        .navbar-scrolled {
            top: 0 !important;
        }
        .navbar-brand img {
            width: 100%;
    
        }
        .topbar{
            padding: 20px 0px;
        }
      #top-head ul {
        display: flex;
      }
     #top-head2 ul{
        /* display: none; */
      }
      /* .fixed-top {
        position: fixed;
        top: 69px;
      } */
      .navbar-brand {
        width: 75%;
    }
    .topbar_left ul li a {
        font-size: 14px;
    }
    /* .fixed-top {
        position: fixed;
        top: 37px;
    } */
    .content{
        display: none;
    }
    .carousel-item img {
        padding-top: 50px;
    }
    
    .latestcategory-content {
        margin-top: 60px;
    }
    
    .whychose-img img {
        height: 100%;
        padding-top: 10px;
    }
    .whychose-content{
        padding: 0px 0px 20px !important;
      }
      .whychose-content .txt1{
        font-size: 16px;
    }
    .whychose-content .txt2{
        font-size: 20px;
    }
    .whychose-content .para{
        font-size: 16px;
      }
      .whychose-content .txt2 p{
        font-size: 11px;
      }
      .content-topic-content h3 {
        font-size: 16px;
      }
    .btn-style-one {
        font-size: 15px;
        padding: 8px 13px;
    }
    .owlslider-index {
        margin-top: 0px;
    }
    .navbar-toggler i{
        color: black;
    }
    .latestcategory {
        padding-top: 36px;
        padding-bottom: 0px;
    }
    .latestcategory-content p {
        font-size: 16px;
    }
    .latestcategory-content h2 {
        font-size: 28px;
    }
    .box .box-img img {
        width: 100%;
    }
    .box {
            /* margin: 34px 23px; */
            padding: 57px 0px;
            margin-top: 102px;
        }
       
    .box .box-img img {
        margin-top: -101px;
    
        margin-left: 0px;
    }
    .box-content h6 {
        font-size: 16px;
    }
    .box-content {
        padding: 3px 0px;
    }
    .main-cards {
        padding: 5px 0px;
    }
    /* .product-heading h3 {
        font-size: 18px;
        padding-bottom: 12px;
    } */
    .pro-card img {
        height: 90%;
    }
    .discountbanner-content h2 {
        font-size: 30px;
    }
    .discountbanner-content p {
        font-size: 15px;
    }
    .discountbanner {
        padding-top: 30px;
        padding-bottom: 35px;
        margin-bottom: 30px;
    }
    .pro-content h1{
        font-size: 27px;
        font-weight: 700;
    
    }
    .pro-content h5{
        font-size: 16px;
    }
    .shiping-img img {
        height: 68%;
        padding: 2px;
        width: 61px;
    }
    
    .shiping-content h4 {
        font-size: 23px;
        padding-left: 18px;
    }
    .shiping-content p {
        font-size: 12px;
        padding-left: 13px;
    }
    .shiping-btn {
        padding-top: 0px;
    }
    .shiping-btn {
        font-size: 14px;
        text-align: center;
    }
    .heading {
        font-size: 18px;
        margin-bottom: 23px;
    }
    .testimonial4_slide p {
        font-size: 15px;
        margin: 20px 0 8px 0;
    }
    .testimonial4_slide h4 {
        font-size: 18px;
    }
    .testimonial4_slide img{
        padding-top: 0px;
    }
    .secret {
        padding: 0px 0px;
    }
    .secret-heading h6 {
        font-size: 17px;
    }
    .secret-heading h3 {
        padding-bottom: 27px;
        font-size: 22px;
    }
    .secret-content {
        padding: 0px 0px 0px 0px;
        border-style: solid;
        border-width: px 1px 0px 0px;
        /* border-bottom: 1px solid gray; */
    }
    .secret-heading {
        padding: 29px 0px 0px 0px;
    }
    .secret-text p {
        font-size: 15px;
    }
    .secret-text h5 {
        font-size: 18px;
    }
    .secret-img i {
        font-size: 42px;
    }
    .touch {
        padding-top: 91px;
        padding-bottom: 136px;
    }
    .content-touch h3 {
        font-size: 45px;
    }
    .content-touch h3 {
        font-size: 25px;
    }
    .content-touch h6 {
        font-size: 15px;
    }
    .touch-news input {
        width: 59%;
    }
    .touch-news a {
        padding: 9px 16px;
        font-size: 13px;
        margin-left: 0px;
    }
    .black-sec p {
        color: #fff;
        font-size: 14px;
    }
    .black-sec span {
        padding-top: 10px;
        color: #fff;
        font-size: 22px;
    }
    .news-letter-form .btn-dark {
        margin-top: -37px;
        margin-left: 58%;
    }
    .news-letter {
        padding: 20px 0px 33px;
    }
    .social-links-style-2 ul li a {
        width: 24px;
        height: 24px;
        line-height: 26px;
        font-size: 14px;
    }
    .news-letter-style-2.dark-blue .news-letter-form h4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .news-letter-form form input {
        width: 63%;
    }
    .footer-icon i {
        font-size: 25px;
        padding-right: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .testimonial4_slide img{
        width: 100px;
        height: 100px;
    }
    .testi-client{
        border-bottom: 1px solid rgb(128 128 128 / 23%);
        margin-bottom: 50px;
        /* padding-left: 20%; */
    }
    .owl .item img{
        width: 100% !important;
    }
    .footer-1 span {
        font-family: "Barlow", sans-serif;
        font-size: 15px;
    }
    .item figcaption {
        font-size: 17px;
    }
    .head h5 {
        font-size: 15px;
        font-weight: 600;
    }
    .head h6 {
        font-size: 25px;
        font-weight: 600;
    }
    .whychose {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
    }
    .latestcategory {
        padding-left: 10px;
        padding-right: 10px;
    }
    .news-letter-form form input {
        margin: 54px -35px 0px -138px !important;
    }
    .product-heading h5 {
        font-size: 22px;
        padding-top: 26px;
    }
    .product-heading h3 {
        font-size: 28px;
    }
    
    
    /* ***********************************************************************************  */
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 54%;

    }
    .topbar{
        padding: 19px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    /* display: none; */
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 52px;
}
.content{
    display: none;
}
.carousel-item img {
    padding-top: 50px;
}

.latestcategory-content {
    margin-top: 60px;
}

.whychose-img img {
    height: 100%;
    padding-top: 10px;
}
.whychose-content{
    padding: 0px 0px 20px !important;
  }
  .whychose-content .txt1{
    font-size: 16px;
}
.whychose-content .txt2{
    font-size: 20px;
}
.whychose-content .para{
    font-size: 16px;
  }
  .whychose-content .txt2 p{
    font-size: 11px;
  }
  .content-topic-content h3 {
    font-size: 16px;
  }
.btn-style-one {
    font-size: 15px;
    padding: 8px 13px;
}
.owlslider-index {
    margin-top: 0px;
}
.navbar-toggler i{
    color: black;
}
.latestcategory {
    padding-top: 36px;
    padding-bottom: 0px;
}
.latestcategory-content p {
    font-size: 16px;
}
.latestcategory-content h2 {
    font-size: 28px;
}
.box .box-img img {
    width: 100%;
}
.box {
        /* margin: 34px 23px; */
        padding: 23px 0px;
        margin-top: 132px;
    }
   
.box .box-img img {
    margin-top: -101px;

    margin-left: 0px;
}
.box-content h6 {
    font-size: 16px;
}
.box-content {
    padding: 3px 0px;
}
.main-cards {
    padding: 5px 0px;
}
/* .product-heading h3 {
    font-size: 18px;
    padding-bottom: 12px;
} */
.pro-card img {
    height: 90%;
}
.discountbanner-content h2 {
    font-size: 35px;
}
.discountbanner-content p {
    font-size: 18px;
}
.discountbanner {
    padding-top: 102px;
    padding-bottom: 102px;
    margin-bottom: 30px;
}
.pro-content h1{
    font-size: 27px;
    font-weight: 700;

}
.pro-content h5{
    font-size: 16px;
}
.shiping-img img {
    height: 68%;
    padding: 2px;
    width: 61px;
}

.shiping-content h4 {
    font-size: 23px;
    padding-left: 18px;
}
.shiping-content p {
    font-size: 12px;
    padding-left: 13px;
}
.shiping-btn {
    padding-top: 0px;
}
.shiping-btn {
    font-size: 14px;
    text-align: center;
}
.heading {
    font-size: 18px;
    margin-bottom: 23px;
}
.testimonial4_slide p {
    font-size: 15px;
    margin: 20px 0 8px 0;
}
.testimonial4_slide h4 {
    font-size: 18px;
}
.testimonial4_slide img{
    padding-top: 0px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 18px;
}
.secret-img i {
    font-size: 42px;
}
.touch {
    padding-top: 91px;
    padding-bottom: 136px;
}
.content-touch h3 {
    font-size: 45px;
}
.content-touch h6 {
    font-size: 15px;
}
.touch-news input {
    width: 59%;
}
.touch-news a {
    padding: 9px 16px;
    font-size: 13px;
    margin-left: 0px;
}
.black-sec p {
    color: #fff;
    font-size: 14px;
}
.black-sec span {
    padding-top: 10px;
    color: #fff;
    font-size: 22px;
}
.news-letter-form .btn-dark {
    margin-top: -37px;
    margin-left: 58%;
}
.news-letter {
    padding: 20px 0px 33px;
}
.social-links-style-2 ul li a {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
}
.news-letter-style-2.dark-blue .news-letter-form h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-letter-form form input {
    width: 63%;
}
.footer-icon i {
    font-size: 25px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial4_slide img{
    width: 100px;
    height: 100px;
}
.testi-client{
    border-bottom: 1px solid rgb(128 128 128 / 23%);
    margin-bottom: 50px;
    /* padding-left: 20%; */
}
.owl .item img{
    width: 100% !important;
}
.footer-1 span {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
}
.item figcaption {
    font-size: 17px;
}
.head h5 {
    font-size: 15px;
    font-weight: 600;
}
.head h6 {
    font-size: 25px;
    font-weight: 600;
}
.whychose {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
}
.latestcategory {
    padding-left: 10px;
    padding-right: 10px;
}
.news-letter-form form input {
    margin: 54px -35px 0px -138px !important;
}
.product-heading h5 {
    font-size: 22px;
    padding-top: 26px;
}
.product-heading h3 {
    font-size: 28px;
}
}


/* *************************CONTACT PAGE MEDIA QUERY CSS***********************************  */

@media screen and (max-width:280px) {
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 52px;
}
.content{
    display: none;
}
.contact-banner {
    padding-top: 150px;
    padding-bottom: 50px;
}
.contact-banner-text h3 {
    font-size: 20px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item{
    font-size: 12px;
}
.contact-form {
    padding-top: 21px;
}
}
/* *************************************************  */
@media screen and (min-width:281px) and (max-width:319px){
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 52px;
}
.content{
    display: none;
}
.contact-banner {
    padding-top: 150px;
    padding-bottom: 50px;
}
.contact-banner-text h3 {
    font-size: 20px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item{
    font-size: 12px;
}
.contact-form {
    padding-top: 21px;
}
}

/* ***********************************************  */
@media screen and (min-width:320px) and (max-width:420px){
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 36px;
}
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}

.content{
    display: none;
}
.contact-banner {
    padding-top: 150px;
    padding-bottom: 50px;
}
.contact-banner-text h3 {
    font-size: 20px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item{
    font-size: 12px;
}
.contact-form {
    padding-top: 21px;
}
.contact-banner {
    padding-top: 170px;
    padding-bottom: 50px;
}
}

/* ***************************************************************  */
@media screen and (min-width:421px) and (max-width:599px){
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 36px;
}
.contact-banner {
    padding-top: 176px;
    padding-bottom: 74px;
}
.content{
    display: none;
}

.contact-banner-text h3 {
    font-size: 20px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item{
    font-size: 12px;
}
.contact-form {
    padding-top: 21px;
}
}
/* ***************************************************************************  */

@media screen and (min-width:600px) and (max-width:767px){
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    display: none;
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 36px;
}
.content{
    display: none;
}
.contact-banner-text h3 {
    font-size: 30px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item{
    font-size: 12px;
}
.contact-form {
    padding-top: 21px;
}
.contact-banner {
    padding-top: 180px;
    padding-bottom: 117px;
}
}

/* *********************************************  */

@media screen and (min-width:768px) and (max-width:992px){
    .navbar-scrolled {
        top: 0 !important;
    }
    .navbar-brand img {
        width: 65%;

    }
    .topbar{
        padding: 0px 0px;
    }
  #top-head ul {
    display: flex;
  }
 #top-head2 ul{
    /* display: none; */
  }
  .fixed-top {
    position: fixed;
    top: 69px;
  }
  .navbar-brand {
    width: 75%;
}
.topbar_left ul li a {
    font-size: 11px;
}
.fixed-top {
    position: fixed;
    top: 36px;
}
.content{
    display: none;
}
.contact-banner {
    padding-top: 180px;
    padding-bottom: 117px;
}
.contact-banner-text h3 {
    font-size: 30px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item{
    font-size: 12px;
}
.contact-form {
    padding-top: 21px;
}
.touch{
    margin-top: 0px;
}
.navbar-brand img {
    width: 50%;
}
}

@media screen and (min-width:993px) and (max-width:1024px){
    .content-header .txt1 {
        font-size: 30px;
}
.touch {
    padding-top: 95px;
    padding-bottom: 113px;
   margin-top: 0px;
}
.contact-banner {
    padding-top: 180px;
    padding-bottom: 117px;
}
.contact-banner-text h3 {
    font-size: 35px;
}
}
@media screen and (min-width:1025px) and (max-width:1200px){
    .content-header .txt1 {
        font-size: 30px;
}
.touch {
    padding-top: 95px;
    padding-bottom: 113px;
   margin-top: 0px;
}
.contact-banner {
    padding-top: 180px;
    padding-bottom: 117px;
}
.contact-banner-text h3 {
    font-size: 35px;
}
}
/* ******************************GALLARY PAGE MEDIA QUERRY START CSS *******************************************************  */
@media screen and (max-width: 280px){
    .mailto{
        display: none;
    }
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .gallary-banner-text h3 {
        font-size: 21px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-heading h5 {
    font-size: 14px;
}
.features-content .title .h4 {
    font-size: 20px;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
}

/* **********************************************************************  */
@media screen and (min-width: 281px) and (max-width: 319px){
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .gallary-banner-text h3 {
        font-size: 21px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-heading h5 {
    font-size: 14px;
}
.features-content .title .h4 {
    font-size: 20px;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
}
/* *************************************************************  */
@media screen and (min-width: 320px) and (max-width: 420px){
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .gallary-banner-text h3 {
        font-size: 21px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-heading h5 {
    font-size: 14px;
}
.features-content .title .h4 {
    font-size: 20px;
}
.features-content {
    margin-top: -72%;
    margin-left: 32%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.shiping-img img {
    height: 100%;
}
}
@media screen and (min-width: 421px) and (max-width: 599px){
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .gallary-banner-text h3 {
        font-size: 21px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-heading h5 {
    font-size: 18px;
}
.features-content .title .h4 {
    font-size: 28px;
}
.features-heading h3 {
    font-size: 24px;
}
.features-content {
    margin-top: -72%;
    margin-left: 28%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading h3 {
    font-size: 18px;
}
.features-heading h5 {
    font-size: 20px;
}
#fea h5{
    font-size: 31px !important;
}
#fea h3{
    font-size: 25px !important;
}
#txtpro{
    margin-left: 29%;
}
}

@media screen and (min-width: 600px) and (max-width: 767px){
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .gallary-banner-text h3 {
        font-size: 21px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-content {
    margin-left: 6%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading h3 {
    font-size: 18px;
}

.features-content .title .h4 {
    font-size: 27px;
}

#fea h5{
    font-size: 31px !important;
}
#fea h3{
    font-size: 25px !important;
}
#txtpro{
    margin-left: 29%;
}
.secret-heading h3 {
    font-size: 23px;
}
.secret-heading h6 {
    font-size: 17px;
}
.touch {
    padding-left: 0px;
    padding-right: 149px;
    padding-top: 75px;
    padding-bottom: 101px;
    }
}


@media screen and (min-width: 768px) and (max-width: 992px){
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .gallary-banner-text h3 {
        font-size: 30px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-content {
    margin-left: 17%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading h3 {
    font-size: 18px;
}

.features-content .title .h4 {
    font-size: 27px;
}

#fea h5{
    font-size: 31px !important;
}
#fea h3{
    font-size: 25px !important;
}
#txtpro{
    margin-left: 29%;
}
.secret-heading h3 {
    font-size: 23px;
}
.secret-heading h6 {
    font-size: 17px;
}
.box-features {
    margin-bottom: 60px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 15px;
}
.secret-img i {
    font-size: 42px;
}

.service-content h3 {
    background-color: #c5903a0a;
    font-size: 16px;

}
.service-content p {
    font-size: 14px;
}
}

@media screen and (min-width: 993px) and (max-width: 1024px){

    .service-content p {
        font-size: 13px;
    }
    .service-content h3 {
        background-color: #c5903a0a;
        font-size: 16px;
    }
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .gallary-banner-text h3 {
        font-size: 30px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-content {
    margin-left: 17%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading h3 {
    font-size: 18px;
}

.features-content .title .h4 {
    font-size: 27px;
}

#fea h5{
    font-size: 31px !important;
}
#fea h3{
    font-size: 25px !important;
}
#txtpro{
    margin-left: 29%;
}
.secret-heading h3 {
    font-size: 23px;
}
.secret-heading h6 {
    font-size: 17px;
}
.box-features {
    margin-bottom: 60px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 15px;
}
.secret-img i {
    font-size: 42px;
}

}

@media screen and (min-width: 1025px) and (max-width: 1200px){

    .service-content p {
        font-size: 13px;
    }
    .service-content h3 {
        background-color: #c5903a0a;
        font-size: 16px;
    }
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .gallary-banner-text h3 {
        font-size: 34px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-content {
    margin-left: 17%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading h3 {
    font-size: 18px;
}

.features-content .title .h4 {
    font-size: 22px;
}

#fea h5{
    font-size: 31px !important;
}
#fea h3{
    font-size: 25px !important;
}
#txtpro{
    margin-left: 29%;
}
.secret-heading h3 {
    font-size: 23px;
}
.secret-heading h6 {
    font-size: 17px;
}
.box-features {
    margin-bottom: 60px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 15px;
}
.secret-img i {
    font-size: 42px;
}

}




@media screen and (min-width: 1200px) and (max-width: 1400px){
    .gallary-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .gallary-banner-text h3 {
        font-size: 34px;
}
.pro-gallary {
    padding-top: 21px;
}
.features-content {
    margin-left: 17%;
}
.touch {
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading{
    padding-left: 10px;
    padding-right: 10px;
}
.secret-heading h3 {
    font-size: 18px;
}

.features-content .title .h4 {
    font-size: 27px;
}

#fea h5{
    font-size: 31px !important;
}
#fea h3{
    font-size: 25px !important;
}
#txtpro{
    margin-left: 29%;
}
.secret-heading h3 {
    font-size: 23px;
}
.secret-heading h6 {
    font-size: 17px;
}
.box-features {
    margin-bottom: 60px;
}
.secret {
    padding: 0px 0px;
}
.secret-heading h6 {
    font-size: 14px;
}
.secret-heading h3 {
    padding-bottom: 27px;
    font-size: 22px;
}
.secret-content {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: px 1px 0px 0px;
    /* border-bottom: 1px solid gray; */
}
.secret-heading {
    padding: 29px 0px 0px 0px;
}
.secret-text p {
    font-size: 15px;
}
.secret-text h5 {
    font-size: 15px;
}
.secret-img i {
    font-size: 42px;
}

}

/* *********************************PRODUCT PAGE MEDIA QUERRY START CSS***********************************************************  */

@media screen and (max-width: 280px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .product-banner-text h3 {
        font-size: 21px;
}
}

/* **********************************************************************  */
@media screen and (min-width: 281px) and (max-width: 319px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .product-banner-text h3 {
        font-size: 21px;
}

}
/* *************************************************************  */
@media screen and (min-width: 320px) and (max-width: 420px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .product-banner-text h3 {
        font-size: 21px;
}
}
 
@media screen and (min-width: 421px) and (max-width: 599px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .product-banner-text h3 {
        font-size: 21px;
} 

}

@media screen and (min-width: 600px) and (max-width: 767px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 53px;
    }
    .product-banner-text h3 {
        font-size: 21px;
}
}


@media screen and (min-width: 768px) and (max-width: 992px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .product-banner-text h3 {
        font-size: 30px;
}
}

@media screen and (min-width: 993px) and (max-width: 1024px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .product-banner-text h3 {
        font-size: 30px;
}

}

@media screen and (min-width: 1025px) and (max-width: 1200px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .product-banner-text h3 {
        font-size: 34px;
}

}

@media screen and (min-width: 1200px) and (max-width: 1400px){
    .product-banner {
        padding-top: 124px;
        padding-bottom: 111px;
    }
    .product-banner-text h3 {
        font-size: 34px;
}

}


/* *********************************ABOUT PAGE MEDIA QUERRY START CSS*********************************************************  */

@media screen and (max-width: 280px){

    .abbt-img2 img {
        position: absolute;
        width: 30%;
        height: 40%;
        bottom: -3%;
        left: 70%;
    }
    .abbt-img2 img{
        /* display: none; */
    }
    .mission {
        padding-top: 0px;
    }
    .our-team-img img {
        width: 100%;
        height: 100%;
    }
    .what-do-img img {
        width: 100%;
        height: 100%;
    }
    .abbt-img2 img {
        width: 24%;
        height: 43%;
        bottom: -11%;
        left: 70%;
    }
    .about-banner {
     padding-top: 69px;
}
.about-banner-text h3 {
    font-size: 27px;
}
.about-banner-text p {
    font-size: 11px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    height: 100%;
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 15px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 17px;
}
.mission-header h6 {
    font-size: 11px;
}
.about-banner-text h3:after {
    width: 58%;
    bottom: 96px;
}
}

@media screen and (min-width: 281px) and (max-width: 319px){
    .abbt-img2 img{
        /* display: none; */
    }
    .about-banner {
     padding-top: 69px;
}
.product-heading h3 {
    font-size: 15px;
}
.about-banner-text h3 {
    font-size: 27px;
}
.about-banner-text p {
    font-size: 11px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    height: 100%;
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 15px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 17px;
}
.mission-header h6 {
    font-size: 11px;
}
.about-banner-text h3:after {
    width: 58%;
    bottom: 72px;
}
.mission {
    padding-top: 0px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
}
.what-do-img img {
    width: 100%;
    height: 100%;
}
.abbt-img2 img {
    width: 24%;
    height: 43%;
    bottom: -11%;
    left: 70%;
}
}

@media screen and (min-width: 320px) and (max-width: 420px){
    .abbt-img2 img{
        /* display: none; */
    }
    .about-banner {
     padding-top: 69px;
}
.about-banner-text h3 {
    font-size: 27px;
}
.about-banner-text p {
    font-size: 11px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    height: 100%;
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 15px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 17px;
}
.mission-header h6 {
    font-size: 11px;
}
/* .about-banner-text h3:after {
    bottom: 74px;
} */

.about-banner-text h3:after {
    width: 37%;
    bottom: 74px;
}
.mission {
    padding-top: 0px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
}
.what-do-img img {
    width: 100%;
    height: 100%;
}
.abbt-img2 img {
    width: 24%;
    height: 43%;
    bottom: -11%;
    left: 70%;
}

}


@media screen and (min-width: 421px) and (max-width: 599px){
    .abbt-img2 img{
        /* display: none; */
    }
    .about-banner {
     padding-top: 69px;
}
.about-banner-text h3 {
    font-size: 27px;
}
.about-banner-text p {
    font-size: 11px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    height: 100%;
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 18px;
}
.touch {
    padding-top: 44px;
    padding-bottom: 24px;
    margin-top: 17px;
}
.content-touch h3 {
    font-size: 25px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 17px;
}
.mission-header h6 {
    font-size: 11px;
}

.about-banner-text h3:after {
    width: 37%;
    bottom: 74px;
}
.mission {
    padding-top: 0px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
}
.what-do-img img {
    width: 100%;
    height: 100%;
}
.abbt-img2 img {
    width: 24%;
    height: 43%;
    bottom: -11%;
    left: 70%;
}
.our-team-img img {
    margin-top: 20px;

}
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .abbt-img2 img{
        /* display: none; */
    }
    .about-banner {
        padding-top: 132px;
    }

.about-banner-text h3 {
    font-size: 35px;
}
.about-banner-text p {
    font-size: 12px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    height: 100%;
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 22px;
}
.product-heading h3 {
    font-size: 24px;
    padding-bottom: 12px;
}
.touch {
    padding-top: 74px;
    padding-bottom: 54px;
    margin-top: 17px;
}
.content-touch h3 {
    font-size: 25px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 31px;
}
.mission-header h6 {
    font-size: 15px;
}

.about-banner-text h3:after {
    width: 37%;
    bottom: 74px;
}
.mission {
    padding-top: 0px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
}
.what-do-img img {
    width: 100%;
    height: 100%;
}
.abbt-img2 img {
    width: 24%;
    height: 43%;
    bottom: -11%;
    left: 70%;
}
.our-team-img img {
    margin-top: 20px;

}
}


@media screen and (min-width: 993px) and (max-width: 1024px){
    .abbt-img2 img{
        /* display: none; */
    }
    .about-banner {
        padding-top: 132px;
    }

.about-banner-text h3 {
    font-size: 35px;
}
.about-banner-text p {
    font-size: 14px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    /* height: 100%; */
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 22px;
}
.product-heading h3 {
    font-size: 24px;
    padding-bottom: 12px;
}
.touch {
    padding-top: 74px;
    padding-bottom: 54px;
    margin-top: 17px;
}
.content-touch h3 {
    font-size: 25px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 31px;
}
.mission-header h6 {
    font-size: 15px;
}

.about-banner-text h3:after {
    width: 37%;
    bottom: 82px;
}
.mission {
    padding-top: 0px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
}
.what-do-img img {
    width: 100%;
    height: 100%;
}
.abbt-img2 img {
    width: 24%;
    height: 43%;
    bottom: -11%;
    left: 70%;
}
.our-team-img img {
    margin-top: 20px;

}
.abbt-img2 img {
    width: 46%;
    height: 66%;
    bottom: -11%;
    left: 70%;
}
}

@media screen and (min-width: 1025px) and (max-width: 1200px){
    .abbt-img2 img{
        /* display: none; */
    }
    .about-banner {
        padding-top: 132px;
    }

.about-banner-text h3 {
    font-size: 35px;
}
.about-banner-text p {
    font-size: 14px;
}
.about-banner-text h3:after {
    width: 61%;
}
.abbt-img img {
    /* height: 100%; */
}
.abbt-content h5 {
    font-size: 16px;
    padding-top: 20px;
}
.abbt-content h3 {
    font-size: 22px;
}
.product-heading h3 {
    font-size: 24px;
    padding-bottom: 12px;
}
.touch {
    padding-top: 74px;
    padding-bottom: 54px;
    margin-top: 17px;
}
.content-touch h3 {
    font-size: 25px;
}
.our-team-img img {
    padding-top: 10px;
}
.what-do-content h3 {
    font-size: 26px;
}
.our-team-content p {
    font-size: 15px;
}
.what-do-content p {
    font-size: 15px;
}
.our-team-content h3 {
    font-size: 26px;
}
.mission-header h3 {
    font-size: 31px;
}
.mission-header h6 {
    font-size: 15px;
}

.about-banner-text h3:after {
    width: 37%;
    bottom: 82px;
}
.mission {
    padding-top: 0px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
}
.what-do-img img {
    width: 100%;
    height: 100%;
}
.abbt-img2 img {
    width: 46%;
    height: 66%;
    bottom: -11%;
    left: 70%;
}

.our-team-img img {
    margin-top: 20px;

}
.abbt-content h3 {
    font-size: 29px;
}
}

/* ***********************************************  */
@media screen and (max-width:280px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 6% 3% 0%;
    padding: 5px;
    width: 93%;
    position: relative;
}
.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}

@media screen and (min-width:281px) and (max-width:319px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 6% 3% 0%;
    padding: 5px;
    width: 93%;
    position: relative;
}
.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}


@media screen and (min-width:320px) and (max-width:420px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 7% 14% 0%;
    padding: 16px;
    width: 72%;
    position: relative;
}
.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}

@media screen and (min-width:421px) and (max-width:599px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 3% 23% 0%;
    padding: 16px;
    width: 57%;
    position: relative;
}

.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}


@media screen and (min-width:600px) and (max-width:767px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 3% 28% 0%;
    padding: 16px;
    width: 47%;
    position: relative;
}
.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}
@media screen and (min-width:768px) and (max-width:992px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 2% 31% 0%;
    padding: 18px;
    width: 34%;
    position: relative;
}

.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}

@media screen and (min-width:993px) and (max-width:1024px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 2% 31% 0%;
    padding: 18px;
    width: 34%;
    position: relative;
}

.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}


@media screen and (min-width:1025px) and (max-width:1200px){
    .close-btn {
        font-size: 14px;
        padding: 0px 6px;
}

.contact-form-01 button {
    margin-top: 8px;
    padding: 0px 35px;
    padding: 6px 0px;
    font-size: 9px;
    width: 36%;
}
.popup-content {
    margin: 2% 31% 0%;
    padding: 18px;
    width: 34%;
    position: relative;
}

.contact-form-01 {
    padding-top: 100px;
    border-radius: 10px;
    padding-top: 2px;
}
.contact-form-01 input {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 3px 7px;
}
.contact-form-01 textarea {
    padding-bottom: 0px;
}
}


























































































































































































































