/******************************
responsive area
********************************/
/************
1. 1600px
************/

@media only screen and (max-width: 1600px) {
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px) {
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px) {
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 480px) and (max-width: 767px) {
}

@media (max-width: 479px) {
  .displayoff {
    display: none !important;
  }
  .header-middle form input[type="search"] {
    width: 66%;
  }
  .topper {
    line-height: 22px;
  }
  .gldrate {
    padding-bottom: 5px;
  }
  .ftco-navbar-light .container {
    background: #472c4c !important;
  }
  #cssmenu {
    background: #472c4c;
  }
  .ftco-navbar-light {
    border-top: 0px solid rgba(0, 0, 0, 0.2);
    border-bottom: 0px solid #ffc107;
  }
  #cssmenu > ul > li > a {
    color: #fff;
  }
  .searchform {
    margin-top: 5px;
  }
  .lang-nav li {
    float: none;
    margin-right: 0px;
    margin-bottom: 2px;
  }
  .ftco-section {
    padding: 30px 0;
  }
  .headcss {
    padding-left: 0px !important;
  }
  .headerdiv {
    padding-bottom: 15px !important;
  }
  .mobireshide {
    display: none !important;
  }
  .heading-section .subheading {
    font-size: 21px;
    letter-spacing: 0px;
  }
  .homeabout {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
  .carousel-item img {
    width: 100%;
    height: 200px;
  }
  .ftco-footer .aside-stretch::before {
    position: inherit;
  }
  .carousel-indicators {
    bottom: -10px;
  }
  .ethicscss {
    margin-top: 20px;
  }
  .about-wrap::after {
    border-width: 0px 0px 0 0;
  }
  .mobrespadd1 {
    padding: 20px 0 20px 0 !important;
  }
  .mobrespaddno {
    padding: 0px 0 0px 0 !important;
  }
  .mobresmarno {
    margin: 0px 0 0px 0 !important;
  }
  .mobrespadd2 {
    padding: 15px 0 0px 0 !important;
  }
  .mobrespadd3 {
    padding: 15px 0 10px 0 !important;
  }
  .heading-section h2 {
    font-size: 26px;
  }
  .mobresmar1 {
    margin-bottom: 10px !important;
  }
  .mobresmar2 {
    margin: 0px 0 0 30px !important;
  }
  .ftco-intro .img {
    padding: 20px;
  }
  .testitext {
    font-size: 28px !important;
  }
  .newsletter-section {
    padding: 10px 0 30px 0;
  }
  .newsletter-section .newsletter input {
    font-size: 14px;
    padding: 18px 18px;
  }
  .newsletter-section .newsletter .site-btn {
    min-width: 140px;
  }
  .newsletter-section p {
    font-size: 14px;
  }
  .ftco-footer .ftco-footer-widget {
    margin-bottom: 20px;
  }
  .footer_nav_list {
    margin-top: 10px;
  }
  .ftco-footer {
    padding: 35px 0 0 0;
  }
  .home_background img {
    width: 100%;
    height: 200px;
  }
  .home_content {
    position: absolute;
    bottom: 42%;
    left: 0%;
    -webkit-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    transform: translateX(-0%);
    text-align: center;
    width: 100%;
  }
  .hero-wrap.hero-wrap-2 {
    height: 200px;
  }
  .home_title {
    font-size: 25px;
  }
  .aboutmenu {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
  }
  .pricnimg {
    margin: 0px 0px 20px 0px;
    float: none;
    width: 100%;
    height: auto;
  }
  .form-prindel {
    padding: 0 0 10px 0;
  }
  .blog_post_meta_item::after {
    display: none;
  }
  .waresbtn {
    margin-top: 15px;
    text-align: center;
  }
  .whappmdlcss {
    padding: 0px;
  }
  .clientimg img {
    width: 100%;
    height: auto;
  }
  .current_open {
    font-size: 22px !important;
  }
  .form_divcom {
    margin-top: 0px;
  }
  .boton_div {
    margin-top: 20px;
  }
  .write_box {
    float: left;
    margin-top: 5px;
    width: 100%;
  }
  .label_title {
    padding-left: 3px;
    margin-top: 14px;
  }
  .careerform_head .cartext11 {
    font-size: 18px;
  }
  .careerform_head .cartext22 {
    text-align: left;
  }
  .extracolr {
    text-align: center;
  }
  .blog_post_image11 img {
    width: 100%;
    height: auto;
  }
  .bdelfont {
    font-size: 20px !important;
  }
  .topmar {
    top: 20px !important;
  }
  .google_map {
    margin: 0px 0 0px 0;
  }
  .contmarbot {
    margin-bottom: 35px !important;
  }
  .resfont15 {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .dbox .text {
    padding-left: 10px;
  }
  .mainnavitm {
    margin-left: 0px;
  }
  #cssmenu ul ul li a {
    font-size: 15px;
  }
  .product-details {
    padding-top: 35px;
  }
  .btnproduct {
    padding: 5px 15px 5px 15px;
    margin-right: 0px;
    float: left;
    margin-bottom: 10px;
  }
  .panel-header {
    padding-top: 10px;
  }
  .product-section {
    padding-bottom: 5px;
  }
  .carousel-newpro .owl-nav button.owl-next {
    display: none !important;
  }
  .carousel-newpro .owl-nav button.owl-prev {
    display: none !important;
  }
  .bannertext {
    transform: translate(-50%, -40%);
  }
  .carousel-item h1 {
    font-size: 25px;
  }
  .carousel-item h2 {
    font-size: 20px;
  }
  .benifitdiv {
    margin-bottom: 20px;
  }
  .padres {
    padding: 10px !important;
  }
  .product-item .pi-pic .propicothr {
    width: 100%;
    height: 270px;
  }
  .post-search-panel {
    margin-top: 20px;
  }
  .clrfiltr {
    margin-top: 15px;
    width: 100%;
    text-align: center;
  }
  .modal-body {
    padding: 5px;
  }
  .shopping-card {
    margin-top: 0px;
    padding-bottom: 5px;
    text-align: center;
  }
  #contact {
    padding: 20px 10px 20px 10px;
  }
  #contact h4 {
    margin: 0px 0 5px 0;
  }
  .marform {
    margin-bottom: 0rem !important;
  }
  .cart-table {
    padding: 20px 10px 10px 10px;
  }
  .termscss{
    font-size:12px;
  }
}