@media screen and (max-width: 991px) {
    .header nav.menu ul {
        position: fixed;
        bottom: 0;
        left: 0;
        top: 0;
        margin-left: -1080px;
        z-index: 1;
        background-color: #4d6122;
        -moz-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.3);
    }
    .header .menu ul li .icon-arrow {
        color: #fff;
		    margin-left: 0;
    }
    .header nav.menu.active {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .header nav.menu.active ul {
        margin-left: 0;
        -moz-transition: margin-left 0.25s;
        -o-transition: margin-left 0.25s;
        -webkit-transition: margin-left 0.25s;
        transition: margin-left 0.25s;
        width: 75vw;
        overflow-y: scroll;
    }
    .header nav.menu.active ul li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        text-align: left;
        padding: 15px 0 15px 23px;
    }
    .header nav.menu.active ul li:hover .submenu {
        display: none;
    }
    .header nav.menu.active ul li a {
        width: 100%;
        color: #fff;
    }
    .header nav.menu.active ul li .flexbox-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .header nav.menu.active ul li .flexbox-container a {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
    .header nav.menu.active ul li .flexbox-container .icon-arrow {
        display: inline-block;
        height: 76px;
        width: 76px;
        padding: 30px 29px;
        text-align: center;
        cursor: pointer;
    }
    .header.sticky nav.menu {
      display: flex;
      align-items: left;
      padding: 0 10px;
      justify-content: left;
      width: 100%;
    }
    .header nav.menu.active ul li .flexbox-container .icon-arrow:hover {
        background: #5aaed5;
    }
    .header nav.menu.active ul li .flexbox-container .icon-arrow svg {
        height: 18px;
        width: 15px;
    }
    .header nav.menu.active ul li .submenu {
        max-height: 0;
        overflow: hidden;
        box-shadow: none;
        top: 0;
    }
    .header nav.menu.active ul li.showSubmenu .submenu {
        max-height: 1000px;
        width: 96%;
        position: relative;
        display: block;
        overflow: inherit;
        background-color:transparent;
    }
    .header nav.menu.active ul li.showSubmenu .submenu .subOption {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: none;
        padding: 2px 22px;
    }
    .header nav.menu.active ul li.showSubmenu .submenu .subOption a {
        padding: 4px 0;
        /*border-bottom: 1px solid #dadada;*/
		color: #fff;
    }
    .header nav.menu.active ul li.showSubmenu .icon-arrow {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 0px;
        position: relative;
    }
    .header nav.menu .hamburger {
        display: inline-block;
        position: absolute;
        top: 30px;
        right: 15px;
        padding: 12px 25px;
        color: #fff;
        cursor: pointer;
        z-index: 2;
    }
    .header nav.menu .hamburger span,
    .header nav.menu .hamburger span:before,
    .header nav.menu .hamburger span:after {
        left: 0;
        border-radius: 2px;
        height: 4px;
        width: 40px;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .header nav.menu .hamburger span:before {
        top: -12px;
    }
    .header nav.menu .hamburger span:after {
        bottom: -12px;
    }
    .header nav.menu .hamburger.active span {
        background-color: transparent;
    }
    .header nav.menu .hamburger.active span:before,
    .header nav.menu .hamburger.active.active span:after {
        top: 0;
    }
    .header nav.menu .hamburger.active span:before {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #fff;
    }
    .header nav.menu .hamburger.active span:after {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff;
    }
	.hamburger {
    display: block;
}
.header .menu ul li a::before {
    background: transparent;
}
.header nav.menu {
  text-align: left;
}
header {
    height: 94px;
}
  .collapse {
    display: none;
  }
  .show {
    display: block;
}
  .topnav {
    position: relative;
    display: none;
  }
.menu-sec {
    float: unset;
    width: 100%;
}
.menu-sec .topmenu ul {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 !important;
    margin: auto;
    background: #93ba3e;
    padding-bottom: 10px !important;
  }
.menu-sec .topmenu li {
	margin-left: 0px;
    text-align: center;
    padding: 0px 25px;
}

.header.sticky nav.menu .hamburger span, .header.sticky nav.menu .hamburger span::before, .header.sticky nav.menu .hamburger span::after {
	background: #fff;
}
.logo img {
    height: auto;
    width: auto;
}
.logo {
    float: unset;
    text-align: left;
}
.icon-arrow {
    font-size: 16px !important;
}
.armourr-text p a {
    font-size: 11px;
}
.armourr-text h4 {
    margin-bottom: 7px;
}
.armourr-text {
    padding: 15px;
}
svg.svg-inline--fa.fa-envelope.fa-w-16 {
    margin-right: 2px;
}
svg.svg-inline--fa.fa-phone-alt.fa-w-16 {
    margin-right: 2px;
}
section.why-armourr .why-armourr-text.why-armourr-text_2 > p {
    padding-left: 40px;
}
.topbar-switch {
    display: block;
    position: absolute;
    right: 85px;
    top: 12px;
    font-size: 26px;
  }
  .header nav.menu1 {
    width: 100%;
    margin-left: 0;
  }
  .menu1 input {
    padding: 6px 10px;
    width: 100%;
  }
  .menu1 a {
    padding: 5px 15px;
  }
  .header nav.menu {
    display: unset;
  }
  .header {
    padding: 10px 0;
    background: #ef9c01;
  }
  .header.sticky {
    top: 0;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.30);
    position: fixed;
    background: #ef9c01;
  }
  .header.sticky .topbar-switch {
    color: #fff;
    
  }
  .topbar-switch {
    display: none;
  }
  .header .stickylogo {
    display: block;
  }
   .header.sticky .stickylogo{
    display: block;
   }
   .frst-p h1 br {
    display: none;
  }

}
@media only screen and (min-width: 240px) and (max-width: 470px) {
.why-box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.rig-box1 {
  margin-left: 0px;
}
.rig-box {
  margin-right: 0px;
}
}

@media only screen and (min-width: 240px) and (max-width: 770px) {
.frst-p h1 {
    font-size: 35px;
    line-height: normal;
    margin-bottom: 25px;
}
#top-bar {
  box-shadow: 0px 5px 5px 0px rgba(255, 255, 255, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 13%;
  z-index: 11;
}
.improw-details h1 {
  font-size: 30px;
  margin-bottom: 20px;
}
.improv {
  padding: 50px 0;
  text-align: center;
}
.header .menu ul li a.active {
  color: #80a636;
  border-bottom: 2px solid;
  padding-bottom: 7px;
}
.sam-but a, .frst-p1 {
  padding: 15px 10px;
  font-size: 14px;
}
.frst-p h2 {
  font-size: 17px;
  color: #fff;
  margin-bottom: 25px;
}
.hometop_banner {
    background-image: url(../images/home/banner.jpg);
    min-height: 300px;
}
.abouthome {
    padding: 50px 0;
}
.box2 p {
    margin-top: 15px;
  }
  .tard-home, .four-home {
    padding-bottom: 50px;
  }
  .box1 p {
    margin: revert-layer;
  }
  .set {
    display: none !important;
  }
  .improw-details p br{
   display: none;
  }
  .best-hed h1 {
    font-size: 35px;
  }
  .best-box::before {
    width: 295px;
    height: 350px;
  }
  .why-details h1 {
    font-size: 35px;
  }
  .add, .second {
    margin-left: 0px;
    margin-bottom: 30px;
  }
  
  .so-link a svg {
    font-size: 10px;
    height: 25px;
    width: 25px !important;
  }
  .last-row {
    background: #121212;
    padding: 30px 0;
    margin-top: 30px;
  }
  .date h6 {
    margin-right: 7px;
    margin-top: 0px;
    margin-bottom: 0;
    color: #464646;
    font-size: 12px;
  }
  .best-hed p br {
    display: none;
  }
  .our-blog {
    padding: 50px 0;
  }
  .blog-under-box h3 br {
    display: none;
  }
  .why {
    padding: 50px 0;
  }
  .best {
    padding-bottom: 50px;
  }
  .bg1 {
    opacity: 0.9;
    width: 100%;
    margin-left: 0px;
    padding: 25px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .hed p {
    font-size: 16px;
  }
  .bg1 h3 {
    font-size: 29px;
  }
  .bg::before{
    display: none;
  }
  .bg {
    width: 100%;
    margin-bottom: 0;
  }
  .bg1 p {
    font-size: 16px;
  }
  .swiper-button-prev-1 {
    left: 13px;
  }
  .swiper-button-next-1 {
    right: 13px;
  }
  .weser_text::after {
    rotate: 0deg;
  }
  .slider-section {
    padding-bottom: 50px;
  }
  .foot-img {
    text-align: center;
  }
  .link h3, .add h3, .so-link h3 {
    font-size: 30px;
  }
  .foot-img {
    text-align: left;
    margin-bottom: 20px;
  }
  .date svg {
    width: 10px;
    margin-right: 3px;
  }
  .about-baner {
    min-height: 300px;
  }
  .about {
    padding: 50px 0;
  }
  .ab-img img {
    width: 100%;
  }
  .what-we-do-sec::before {
    width: 100%;
    height: 100%;
  }
  .why-details h1 br {
    display: none;
  }
  .form-had .f-p br {
    display: none;
  }
  .form-control {
    font-size: 15px;
    width: 100%;
    height: 50px;
  }
  .submit.send-us button {
    padding: 5px 40px;
    font-size: 15px;
  }
  .contact-detel iframe {
    width: 100%;
    height: 300px;
  }
  .contact {
    padding: 50px 0;
  }
  .co-icon img {
    margin-right: 9px;
  }
  .about-header p br {
    display: none;
  }
  .submit.send-us {
    padding-bottom: 50px;
  }
    .what-we-do {
    margin-top: 0;
    margin-left: 0;
    background-color: #fff;
    opacity: 0.9;
    padding: 1px 15px;
  }
  .brochar-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    text-align: center;
  }
  .testimonial {
    padding: 50px 0;
    background-color: #f2f2f2;
  }
  .testimonial-detail {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
  }
  .test-name h3 {
    font-size: 24px;
  }
  .contact-box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .cont-bg-box {
    padding: 25px;
  }
  .testimonial-box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .brochar {
    padding: 50px 0;
  }
  .faq-bro {
    padding-bottom: 50px;
  }
  .brochar-detail h2 {
    font-size: 25px;
  }
  .pro-one1 .what-we-do, .pro-one2 .what-we-do1, .pro-one3 .what-we-do, .pro-one4 .what-we-do1 {
    margin-left: 0;
    margin-right: 0;
  }
  .what-we-do h2, .what-we-do1 h2 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .what-we-do-sec1::before {
    width: 100%;
    height: 100%;
  }
  .pro-one1 {
    margin-top: 00px;
  }
  .what-we-do-sec1 {
    margin-bottom: 50px;
  }
  .what-we-do1 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    opacity: 0.9;
    padding: 1px 15px;
    margin-bottom: 20px;
  }
  .dow-img {
    display: block;
    margin-bottom: 50px;
    text-align: center;
  }
  .dow-img .brochar {
    position: absolute;
    left: 220px;
    bottom: 35px;
  }
  .dow-sec {
    padding: 50px 0;
  }
  .downlod-section {
    padding-top: 50px;
    text-align: center;
  }
  .helo {
    margin-bottom: 0;
  }
  .down-text {
    padding-top: 0;
  }  
  .dow-sec .col-md-6:last-child  .dow-img {
    margin-bottom: 0;
  }
  .contact-section {
    padding: 50px 0;
  }
  .productstwo, .productsthree, .productsfore {
    padding-bottom: 50px;
    position: relative;
  }
  .p-text1 {
    margin-left: 0;
  }
  .products {
    padding: 50px 0;
  }
  .products-img img {
    position: unset;
    left: 0;
    width: 100%;
  }
  .what-we-do-sec, .what-we-do-sec1 {
    padding-bottom: 0px;
    position: relative;
    padding-top: 15px;
    height: auto;
  }
  .what-we-do-sec1::before {
    display: none;
  }
  .productstwo .products-img img, .productsfore .products-img img {
    position: unset;
    right: 0;
    left: auto;
    width: 100%;
  }
  .emul-bg {
    display: block;
    text-align: center;
    align-items: center;
  }
  .emul-box h2 {
    font-size: 35px;
    color: #000;
    margin-bottom: 50px;
  }
  .emul-box h3 {
    font-size: 20px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .emuls {
    padding: 50px 0;
    position: relative;
  }
  .emuls::before {
    display: none;
  }
  .emul-box {
    width: 100%;
  }
  .ab-had h1 {
    text-align: center;
    font-size: 35px;
  }
  .about-header h1 {
    font-size: 60px;
  }
  .about-header p {
    font-size: 15px;
    font-weight: bold;
  }
  .text h2 {
    font-size: 35px;
  }
  .what-we-do-sec::before {
    display: none;
  }
  .mobaile {
    display: block;
  }
  .ab-img img {
    margin-bottom: 10px;
  }

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .frst-p h1 {
    font-size: 45px;
}

#top-bar {
  box-shadow: 0px 5px 5px 0px rgba(255, 255, 255, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 12%;
  z-index: 11;
}
.test-datel {
  box-shadow: 0px 0px 6px 0px #4d6122;
  margin: 5px 5px;
  padding: 15px;
  text-align: center;
}
.swiper-button-next-1 {
  padding: 1px 10px;
}
.swiper-button-prev-1 {
  padding: 1px 10px;
}
.swiper-button-next-1 {
  right: 6px;
}
.swiper-button-prev-1 {
  left: 6px;
}
.weser_text h5 {
  color: #fff;
  font-size: 15px;
  margin-top: 22px;
  margin-bottom: 22px;
  margin-left: 0;
  font-weight: 700;
  text-align: center;
}
.hometop_banner {
    background-image: url(../images/home/banner.jpg);
    min-height: 300px;
}
.abouthome {
    padding: 50px 0;
}
.box2 p {
    margin-top: 15px;
  }
  .tard-home, .four-home {
    padding-bottom: 50px;
  }
  .box1 p {
    margin: revert-layer;
  }
  .bg1 {
    opacity: 0.9;
    width: 100%;
    margin-left: 0px;
    padding: 25px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .hed p {
    font-size: 16px;
  }
  .bg1 h3 {
    font-size: 29px;
  }
  .bg::before{
    display: none;
  }
  .bg {
    width: 100%;
    margin-bottom: 0;
  }
  .bg1 p {
    font-size: 16px;
  }

  .weser_text::after {
    rotate: 0deg;
  }
  .slider-section {
    padding-bottom: 50px;
  }
  .foot-img {
    text-align: center;
  }
  .link h3, .add h3, .so-link h3 {
    font-size: 30px;
  }
  .about-baner {
    min-height: 300px;
  }
  .about {
    padding: 50px 0;
  }
  .ab-img img {
    width: 100%;
  }
  .what-we-do-sec::before {
    width: 100%;
    height: 100%;
  }
  .what-we-do {
    margin-top: 0;
    margin-left: 0;
    background-color: #fff;
    opacity: 0.9;
    padding: 1px 15px;
  }
  .what-we-do-sec1::before {
    width: 100%;
    height: 100%;
  }
  .what-we-do1 {
    margin-top: 0;
    margin-left: 0;
    background-color: #fff;
    opacity: 0.9;
    padding: 1px 15px;
  }
  .dow-img {
    display: block;
    margin-bottom: 50px;
    text-align: center;
  }
  .dow-img .brochar {
    position: absolute;
    left: 220px;
    bottom: 35px;
  }
  .dow-sec {
    padding: 50px 0;
  }
  .downlod-section {
    padding-top: 50px;
    text-align: center;
  }
  .helo {
    margin-bottom: 0;
  }
  .down-text {
    padding-top: 0;
  }  
  .dow-sec .col-md-6:last-child  .dow-img {
    margin-bottom: 0;
  }
  .contact-section {
    padding: 50px 0;
  }
  .productstwo, .productsthree, .productsfore {
    padding-bottom: 50px;
    position: relative;
  }
  .p-text1 {
    margin-left: 0;
  }
  .products {
    padding: 50px 0;
  }
  .products-img img {
    position: unset;
    left: 0;
    width: 100%;
  }
  .productstwo .products-img img, .productsfore .products-img img {
    position: unset;
    right: 0;
    left: auto;
    width: 100%;
  }

	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hometop_banner {
        min-height: 300px;
  }
  .frst-p h1 {
    color: transparent;
    font-size: 50px;
  }
  .banner-text {
    padding-top: 15%;
  }
  .box2 p {
    margin-top: 0;
  }
  .weserve_slideimg img {
    width: 100%;
  }
  .weser_text::after {
    height: 70px;
  }
  .link h3, .add h3, .so-link h3 {
    font-size: 25px;
    color: #fff;
    margin-top: 0;
  }
  .tard-home, .four-home {
    padding-bottom: 50px;
  }
  .about-baner {
    background-image: url(../images/about/about-banner.jpg);
    min-height: 300px;
  }
  .about {
    padding: 50px 0;
    position: relative;
  }
  .about-header {
    padding-top: 12%;
  }
  .ab-img img {
    width: 100%;
  }
  .test-datel {
    box-shadow: 0px 0px 6px 0px #4d6122;
    margin: 5px 5px;
    padding: 10px;
    text-align: center;
  }
  .swiper-button-prev-1 {
    left: 5px;
    padding: 5px 15px;
  }
  .swiper-button-next-1 {
    right: 5px;
    padding: 5px 15px;
  }
  .down-img img {
    width: 100%;
  }
  .downlod-section {
    padding-top: 50px;
  }
  .contact-section {
    padding: 50px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hometop_banner {
    min-height: 500px;
  }
  .header .menu ul li {
    display: inline-block;
    list-style: none;
    padding: 20px 10px;
  }
  .tard-home, .four-home, .slider-section {
    padding-bottom: 50px;
  }
  
  .swiper-button-prev-1 {
    position: absolute;
    top: 50%;
    left: 10px;
  }
  .swiper-button-next-1 {
    right: 10px;
  }
  .box2 p {
    margin-top: 45px;
  }
  .weserve_slideimg img {
    width: 100%;
  }
  .link h3, .add h3, .so-link h3 {
    font-size: 28px;
  }
  .bg1 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .about-baner {
    min-height: 300px;
  }
  .about-header {
    padding-top: 10%;
  }
  .ab-img img {
    width: 100%;
  }
  .products-img img {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .productstwo .products-img img, .productsfore .products-img img {
    position: absolute;
    right: 0;
    left: auto;
    width: 100%;
  }
  .text h2 {
    font-size: 35px;
    margin-top: 0;
  }
  .test-datel {
    box-shadow: 0px 0px 6px 0px #4d6122;
    margin: 10px 10px;
    padding: 15px;
  }
  .swiper-button-next-1 {
    padding: 2px 10px;
  }
  .swiper-button-prev-1 {
    padding: 2px 10px;
  }
  .down-text {
    padding-top: 0;
  }
  .productstwo, .productsthree, .productsfore {
    padding-bottom: 50px;
    position: relative;
  }
}

@media only screen and (min-width: 1700px) and (max-width: 2000px) { 
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 55% !important;
  }

}