.container{width:82%;}
.row::after,.row::before{display: none;}
.section{
    overflow: hidden;
    position: relative;
    width: 100%;
	height:100%;

   
}
.swiper-button-next, .swiper-button-prev{outline: none;}
.section .banner img{width:100%;}
.section .txt{position: absolute;width: 100%; height: 100%; right:  0%;top: 0;display: flex;align-items: center;justify-content: center}
.section .txt span{font-size:48px;display: block; margin-bottom: 50px;text-align: center;line-height: 1.4;color: #fff;text-shadow: 0px 5px 5px #797571;}
.section .txt p{text-align: center;}
.section .txt a{font-size: 24px; text-align: center;color: #fff;text-shadow: 0px 5px 5px #797571;border-bottom: 1px solid #fff; transition: all .8s ease;padding-bottom: 10px;}
.section .txt a:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    font-size: 25px;
}
.swiper-pagination-bullet{width: 5%;height: 2px;background-color: #fff;border-radius:0;opacity: 1;}
.swiper-pagination-bullet-active{background:#1a7159}
.section .swiper-button-next:after,.section .swiper-button-prev:after{color: #609587;}
.section .swiper-pagination{bottom: 30px;}
.section2{position: relative;padding:10% 0px 0px 0px;}
.garybox{width: 100%;height: auto;background-color: #f0f0f0;margin-top: 10%;}
.tit{text-align: center;}
.tit h1{font-size: 48px;margin-top: 0px;}
.tit p{font-size: 18px;line-height: 1.6;padding: 3% 10%;}
.section2 .fre{display: flex;justify-content: center;width: 100%;padding: 6% 0px;}
.section2 .fre img{display: block;margin: 50px auto;}
@media screen and (max-width:640px) {
   .section2 .fre img{margin: 0 auto !important;}
}



.section2 .fre p{text-align: center;font-size: 18px;color: #404040;}
.section2 .product{width: 100%;position: relative;margin-top: -12%;}
.section2 .product .pro{float: left;width: 20%;}
.section2 .product .boximg{height: 260px;display: flex;align-items: flex-end;justify-content: center;}
.section2 .product .boximg img{
    max-width: 100%;
    display: block;
    margin:0 auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    position: relative;
}

.section2 .product .range-image-wrap {
    position: relative;
}

.section2 .product .range-image-wrap .range-image.shadow {
    height: auto;
    max-width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 0;
  
}
.section2 .product .range-image-wrap .range-image.pot {
    z-index: 1;
    position: relative;
    padding-bottom: 50px;
}
.section2 .product .range-image-wrap .range-image.pot{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
  }
  .section2 .product .carousel-item:hover .pot{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
  }
  .section2 .product .range-image-wrap .shadow{
    opacity: .85;
    -webkit-transform: scale(1.05) translateY(-10px);
    transform: scale(1.05) translateY(-10px);
    -webkit-filter: grayscale(0) blur(4px);
    filter: grayscale(0) blur(4px)
  }
  .section2 .product .carousel-item:hover .shadow {
    opacity: .85;
    -webkit-transform: scale(1.05) translateY(0px);
    transform: scale(1.05) translateY(0px);
    -webkit-filter: grayscale(0) blur(4px);
    filter: grayscale(0) blur(4px)
  }





.section2 .product p{text-align: center;font-size: 30px;}
.section2 .product span{font-size: 16px;color: #767676;display: block;text-align: center;}
.section3{overflow: hidden;position: relative;padding: 8% 0;background-color: #f0f0f0;}
.section3 .type_inner{display: flex;justify-content: space-between;overflow: hidden;margin-bottom: 8%;}
.section3 .type_inner .imgs{width: 50%;overflow: hidden;position: relative;}
.section3 .type_inner .imgs img{width: 100%;position: relative; transition: all 0.5s ease 0s ;overflow: hidden;}
.section3 .type_inner .imgs:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.section3 .type_inner .imgs .wz{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;font-size: 36px;color: #fff;text-shadow: 0px 5px 5px #797571;transition: all .8s ease;}
.section3 .type_inner .imgs .wz:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    font-size: 38px;
}
.section3 .raak-fade{position: relative;width: 100%;padding: 5% 0;;}
.section3 .raak-fade .pumiddle{margin: 0 auto;float:none;}
.section3 .raak-fade .pumiddle img{width: 100%;}
.section3 .raak-fade .puleft{position: absolute;left: 0;top: 20%;z-index: 222;float: none;;}
.section3 .raak-fade .puleft p{font-size: 16px;color: #404040;text-transform: uppercase;}
.section3 .raak-fade .puleft h2{font-size: 60px;color: #202020;}
.section3 .raak-fade .puright{position: absolute;right: 0;bottom: 0%;float:right;}
.section3 .raak-fade .puright p{font-size: 18px;color: #404040;text-align: left;display: flex;justify-content: flex-end;}
.section3 .raak-fade .puright a{display: block;text-align: right;}
.section3 .link{padding-top: 5%;padding-bottom: 5%;}
.section3 .link p{text-align: center;text-transform: uppercase;font-size: 16px;}
.section3 .link .raak-fade{display: flex;align-items: center;}
.section3 .link .raak-fade img{max-width: 100%;display: block;margin:  0 auto;}
.section3 .link .raak-fade .col-md-2{padding: 2%;}
.section3 .instagram{display: flex;justify-content: space-between;flex-wrap: wrap;}
.section3 .instagram p{font-size: 16px;color: #404040;text-transform: uppercase;margin-top: 10%;}
.section3 .instagram h2{font-size: 60px;color: #202020;margin: 8% 0;}
.section3 .instagram img{width: 100%;display: block;}
.section3 .image_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.section3 .image_grid .images {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.section3 .image_grid .images .image-1 img {
    padding-right: 30px;
    padding-bottom: 30px;
}
.section3 .image_grid .images .image-1 {
    max-width: 24.333333vw;
}
.section3 .image_grid .images .image-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 25vw;
}
.section3 .image_grid .images .image-2 img {
    padding-bottom: 30px;
}
.section3 .image_grid .images .image-3 {
    max-width: 12.666667vw;
    margin-left: 6.333333vw;
}
.section3 .image_grid .images .image-3 img {
    padding-right: 30px;
}
.section3 .image_grid .images .image-4 {
    max-width: 24vw;
    margin-right: 6.333333vw;
}
.about{position: relative;overflow: hidden;padding: 5% 0 0 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.about .left{width:50%;}
.about .left img{width: 100%;}
.about .right{width: 50%;box-sizing: border-box;padding:0 12.5%;}
.about .right p{font-size: 18px;color: #404040;margin-top: 30px;line-height: 1.6;text-align: justify;}
.about .right p:nth-child(1){color: #197159;}
.contactsection{z-index: 99; position: relative;padding: 50px 0px;}
.address{font-size: 14px;color: #767676;margin-bottom: 2%;}
.address a:hover{color: #197159;;}
.contactsection .tit p{padding: 0;width: 50%;margin: 20px auto;}
.contactsection .contact{padding:5% 8%;}
.contactsection .contact img{width: 100%;}
.contactsection .contact b{font-size: 14px;color: #1a7159;margin-bottom: 15px;display: block;}
.contactsection .contact form .ad{height: 60px;}
.contactsection .contact form .form-control{border-color: #197159;border-radius: 0;font-size: 16px;}
#input-enquiry{padding: 5px 5px !important;}
.contactsection .contact form button{width: 230px;height: 54px;display: block; background-color: #282828;color: #fff;margin: 0 auto;}
.contactsection2{position: relative;background-color: #f0f0f0;padding: 12% 0 5% 0;margin-top: -8%;}
.contactsection2 strong{font-size: 24px;color: #1a7159;display: block;margin-bottom: 20px;}
.contactsection2 span{display: block;font-size: 16px;color: #414141;margin-top: 5px;}
.contactsection2 span i{margin-right: 10px;}
.contactsection2 .maplist{display: flex;justify-content: space-between;flex-wrap: wrap;width: 84%;margin: 0 auto;}
.contactsection2 .maplist .left{width: 40%;}
.contactsection2 .maplist .left .its{margin-bottom: 10%;}
.contactsection2 .maplist .right{width: 55%;}
.connections{z-index: 99; position: relative;padding: 50px 0px;background-color: #fafafa;}
.connections .tit p{width: 65%;margin: 0 auto;}
.connections .connp{margin: 5% 0;text-align: center;font-size: 16px;}
.connections .connp b{margin-top: 3%;font-weight: bold;display: block;}
.connections .colist{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.connections .colist .col-md-2{width: 20%;margin-bottom: 5%;}
.connections .colist .col-md-2 img{max-width: 100%;display: block;margin: 0 auto;}
.connections .clist a{margin-bottom: 10%;display: block;}
.connections .clist a .boximg{position: relative;overflow: hidden;}
.connections .clist a .boximg img{
    width: 100%;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.connections .clist a h3{text-align: center;font-size: 28px;color: #1a7159;}
.connections .clist a p{text-align: center;font-size: 20px;}
.connections .clist a:hover .boximg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.shopsection{z-index: 99; position: relative;padding: 30px 0px;background-color: #fafafa;}
.shopsection .shop .filter{border-bottom: 1px solid #8a8a8a;padding-bottom: 10px;}
.shopsection .shop h3{font-size: 18px;color: #333;}
.shopsection .shop .filter_type ul li a{display: block;margin-left: 20px;font-size: 18px;color: #999999;margin-top: 10px;}
.shopsection .shop .filter_type ul li a:hover{color: #1a7159;font-weight: 600;}
.shopsection .shop .Sort{padding-bottom: 10px;text-align: right;font-size: 18px;color: #767676;}
.shopsection .shop .cplist{display: flex;flex-wrap: wrap;}
.shopsection .shop .cplist a .boximg{overflow: hidden;position: relative;}
.shopsection .shop .cplist a .boximg img{
    max-width: 96%;
    max-height: 96%;
    margin: 2%;
    margin: 0 auto;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ; 
}
.shopsection .shop .cplist a:hover .boximg img{
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.shopsection .shop .cplist a{text-align: center;margin-bottom: 50px;display: block;}
.shopsection .shop .cplist a h2{margin-top: 30px;}
.shopsection .shop .cplist a p{font-size: 18px;color: #767676;}
.shopsection .shop .cplist a span{font-size: 18px;color: #767676;}
.page{clear: both;}
.page ul{display: flex;justify-content: center;align-items: center;padding: 50px 0;}
.page ul li{margin: 0 10px;}
.page ul li a{font-size: 16px;}
.page ul li .active{border-bottom: 1px solid #333;}
.page ul li a:hover{color: #1a7159;}
.proone {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .proone .pics {
    width: 48%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .proone .pics .imgbox{width: 22%;}
  .proone .pics .imgbox img{width: 100%;}
  .proone .pics .bigbox{width: 75%;}
  .proone .pics .bigbox img{width: 100%;}
  .proone .pics .bigbox .bg-white{width: 100%;}
  .proone .pics .swiper-wrapper {
    
  }
  .proone .pics .gallery-top {
    width: 100%;
    padding-bottom: 0;
  }
  .proone .pics .gallery-top .swiper-slide {
    width: 100%;
    height: 100%;
    /*background-color: #fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
  
  }
  .proone .pics .gallery-thumbs{border: none;height: 610px;overflow: hidden;padding-right: 20px;}
  .proone .pics .gallery-thumbs a {
    background-color: #fff;
    display: inline-block;
  }
  .swiper-pagination-progressbar{right: 0 !important;left: auto !important;}
  .proone .ewm img{max-width: 100%;}
  .proone .pics .gallery-thumbs img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .proone .pics .gallery-thumbs .swiper-slide {
    /*background-color: #fff;*/
    opacity: 0.8;
 
  }
  .proone .pics .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }
  .proone .pics .gallery-top .swiper-slide img {
    object-fit: contain;
    width: 100%;
    
  }
  .proone .prodetail {
    width: 48%;
  }
  .proone .prodetail .p_title {
    font-size: 48px;
    color: #1f1f1f;
    line-height: 1;
    margin-bottom: 30px;
  }
  .proone .prodetail .js{
    font-size: 18px;
    color: #5b5b5b;
    border-bottom: 1px solid #f5f6fa;
    padding-bottom: 30px;
    line-height: 1.6;
  }
  .proone .prodetail h2{font-size: 30px;color: #5b5b5b;}
  .proone .prodetail .description{
    margin-top: 30px;
    border-bottom: 1px solid #f5f6fa;
    margin-bottom: 50px;
    display: flex;
    width: 100%;
  }
  .proone .prodetail .description p{color: #131e27;font-size: 18px;margin-bottom: 30px;}
  .proone .prodetail .items{display: flex;align-items: center;justify-content: space-between;color: #131e27;font-size: 18px;margin-bottom: 20px;}
  .proone .prodetail .items .left{width: 20%;}
  .proone .prodetail .items .right{width: 78%;margin-bottom: 0;}
  .proone .prodetail .items .right select{background-color: #eeeeee;border-radius: 0;font-size: 16px;}
  .proone .prodetail .desitems ul {
    padding-left: 0px;
  }
  .proone .prodetail .desitems ul li {
    font-size: 18px;
    margin-bottom: 10px;
    color: #515665;
    width: 50%;
  }
  .proone .prodetail .pro-cart {
    font-size: 18px;
    color: #515665;
    width: 40%;
  }
  .proone .prodetail .pro-cart span{
    font-size: 18px;
    margin-left: 10px;
    margin-top: 5px;
  }

  .proone .prodetail .desitems ul li div {
    width: 50%;
    float: right;
  }
  .proone .prodetail .desitems ul li b {
    font-weight: bold;
  }
  .proone .mlk {
    display: flex;
    align-items: center;
    margin: 30px 0px;
  }
  
  .proone .mlk b {
    font-size: 18px;
    color: #515665;
  }
  .proone .mlk .form-group {
    margin-bottom: 0px;
  }
  .proone .mlk .form-group .form-control {
    font-size: 16px;
  }
  
  .proone .prodetail .pro-cart {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #197159;
    padding: 10px 0 10px 0;
    align-items: center;
    margin-right: 20px;
  }
  .proone .prodetail .pro-cart {
    font-size: 18px;
  }
  .proone .prodetail .pro-cart .quantity-box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 180px;
    height: 42px;
    border: none;
    box-sizing: border-box;
    padding: 0 5px;
    font-size: 16px;
    position: relative;
  }
  .proone .prodetail .pro-cart .quantity-box input {
    border: none;
    background: none;
    width: 40%;
    box-shadow: none;
    text-align: center;
    border-radius: 0;
    height: 40px;
  }
  
  .proone .prodetail .pro-cart .quantity-box  i{line-height: 4;}
  .proone .prodetail .pro-cart  button {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 0px;
    background-color: #197159;
    border: none;
    color: #fff;;
    text-transform: uppercase;
    font-size: 18px;
  
  }
  .proone .prodetail .pro-cart:nth-last-child(1){padding: 0;}
  .proone .prodetail .prdetail{border-top: 1px solid #a1a1a1;padding-top: 20px;}
  /*.proone .prodetail .prdetail p{font-size: 18px;color: #5b5b5b;}*/
  /*.proone .prodetail .prdetail span{font-size: 18px;color: #5b5b5b;margin-left: 30px;display: block;margin-top: 20px;}*/
  .pro_detail .deit{border: 1px solid #f2f2f2;border-top:none;box-sizing: border-box;padding: 20px;}
  .pro_detail .de_t{width: 100%;background-color: #f2f2f2;margin-top: 50px;height: 45px;line-height: 45px;}
  .pro_detail .de_t h3{width: 180px; height: 100%;text-align: center; line-height: 45px;background-color: #af9376;padding: 0 20px;font-size: 18px;color: #fff;text-transform: capitalize;margin: 0;}
  .pro_detail .deit p{font-size: 18px;color: #333333;margin-top: 20px;}
  .pro_detail .arc_detail img{max-width: 100%;display: block;margin: 0 auto;}
  .proone .pics .bigbox .swiper-button-next,.proone .pics .bigbox .swiper-button-prev{display: none;}
  .proone .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #197159;}
.shopsection .likes{margin: 8% auto;}
.shopsection .likes .tit{margin-bottom: 5%;}
.shopsection .likes .swiper-slide .boximg{display: flex;justify-content: center;align-items: center;}
.shopsection .likes .swiper-slide img{display: block;margin: 0 auto;max-width: 100%;}
.shopsection .likes .swiper-slide h2{text-align: center;font-size: 30px;color: #1f1f1f;}
.shopsection .likes .swiper-slide p{font-size: 18px;color: #767676;text-align: center;margin-bottom: 10px;}
.shopsection .likes .swiper-slide span{font-size: 18px;color: #767676;text-align: center;margin-bottom: 20px;}
.shopsection .likes .swiper-button-next:after,.shopsection .likes .swiper-button-prev:after{color: #959595;}
.shopsection .bigimg img{width: 100%;}





@media screen and (max-width:1680px) {


    .section3 .image_grid .images .image-1 {
        max-width: 26.333333vw;
    }
    .section3 .image_grid .images .image-2{max-width: 18vw;}
    .section3 .image_grid .images .image-3{
        margin-left: 1.333333vw;
    }
    .section3 .image_grid .images .image-4 {
        margin-right: 2.333333vw;
    }
    .section2 .product{margin-top: -15%;}
    .garybox{margin-top: 15%;}
    .contactsection2{padding-top: 8%;margin-top: -10%;}
    .proone .pics .gallery-thumbs{height: 530px;}
}
@media screen and (max-width:1440px) {

    .section3 .raak-fade .puleft h2{font-size: 48px;}
    .footer .inner dl dd{font-size: 14px;}
     .section2 .product{margin-top: -18%;}
    .garybox{margin-top: 18%;}
    .contactsection2 {
        padding-top: 18%;
        margin-top: -18%;
    }
    .proone .pics .gallery-thumbs {
        height: 450px;
    }
    .proone .prodetail .pro-cart .quantity-box{width: 100px;}
 
}
@media screen and (max-width:1366px) {
    .proone .pics .gallery-thumbs {
        height: 430px;
    }
}

@media screen and (max-width:1280px) {
  .section2 .product{margin-top: -20%;}
    .garybox{margin-top: 20%;}
    .about .right{padding: 5%;}
    .contactsection2{padding-top: 22%;}
    .proone .pics .gallery-thumbs {
        height: 400px;
    }
    .proone .prodetail .pro-cart{width: 50%;}
}

@media screen and (max-width:1024px) {
    .headBox .toptop .container{width: 100%;}
   .container{width:100%;}
   .section3 .raak-fade .puleft h2,.section3 .instagram h2{font-size: 36px;}
   .tit h1{font-size: 30px;}
   .section .txt span{font-size: 36px;}
   .footer .container{width: 100%;}
   .footer .inner .middle{width: 55%;}
   .about .right{padding: 3%;}
   .contactsection .contact{padding: 5% 0;}
   .contactsection .tit p{width: 80%;}
   .contactsection2 .maplist{width: 100%;}
   .connections .colist .col-md-2{width: 25%;}
   .proone .pics{width: 100%;}
   .proone .prodetail{width: 100%;margin-top: 30px;}
   .proone .pics .gallery-thumbs {
    height: 820px;
}
  




}
@media screen and (max-width:960px) {
	.visible-xs{display:block !important;}
	.hidden-xs{display:none !important;}
        .headerH{
        overflow: hidden;
        position: relative;
        height: 50px;
    }
	.headeryd{display:flex;justify-content:space-between;align-items:center;height:50px;}
	.headeryd .headright{display:flex;align-items:center;justify-content:space-between;}
	.headeryd .headright  button{border:none;}
    .header{

        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 50px;
        padding: 0 15px;
        background-color: rgba(255,255,255,.8);
        -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        z-index: 999;
    }
    .header .logo{
        overflow: hidden;
        position: relative;
        padding: 10px 0;
       
  
    }
    .header .logo img{
        max-height: 30px;
    }
    .header .language-on{
        overflow: hidden;
        position: absolute;
        left: 15px;
        top: 0;
        padding: 17px 0 0 0;
        color: #333;
        z-index: 2;
    }
    .language-box ul{}
    .language-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
    }
    .language-box ul li a{
        display: block;
        overflow: hidden;
        padding:  15px  15px;
        color: #999;
        font-size: 16px;
        border-top: 1px solid #eee;
        background-color: #fff;
    }
	
    .header .menu-on{
        overflow: hidden;
        color: #333;
        z-index: 2;
    }
    .header .menu-on i{
        font-size: 20px;
        display: block;
    }
    .header .menu-on .fa-close{
        display: none;
    }
    .header {

    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    padding: 0 15px;
    background-color: rgba(255,255,255,.8);
    -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    z-index: 99999;
}
    .menu-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
		position:relative;
    }
    .menu-box ul li a{
        display: block;
        overflow: hidden;
        padding:  10px  15px;
        color: #999;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }
    .menu-box ul li a i{
        float: right;
        font-size: 16px;
        color: #333;
        display: block;
    }
    .menu-box ul li a .fa-angle-up{
        display: none;
    }
    .menu-box ul li dl{
        margin: 0 -15px;
        display: none;
    }
    .menu-box ul li dl dd{

    }
    .menu-box ul li dl dd a{
        padding:  15px  45px;
        background-color: #fafafa;;
    }
    .menu-box .on-right-left{
        overflow: hidden;
        position: relative;
        padding:  20px  15px  15px 15px;
        background-color: #fff;
    }
    .menu-box .on-right-left a{
        display: block;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        padding: 0 10px;
        text-align: center;
        background-color: #f39800;
        border: 1px solid #f39800;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .menu-box .on-right-left img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-left span{
        color: #fff;
    }
    .menu-box .on-right-right{
        overflow: hidden;
        position: relative;
        padding:  0px  15px  20px  15px;
        background-color: #fff;
    }
    .menu-box .on-right-right form{
		
		position:relative;
        display: flex;
		justify-content:space-between;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        text-align: center;
        padding:0 0px 0 20px;
		box-sizing:border-box;
        border:1px solid #ccc;
		border-radius:20px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.menu-box .on-right-right input,.menu-box .on-right-right button{border:none;}
    .menu-box .on-right-right img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-right span{
        color: #fff;
    }
    .footer .inner{display: block;}
    .footer .inner .middle{width: 100%;display: flex;margin-bottom: 50px;}
    .footer .inner .middle .col-md-3{width: 48%;}
    .footer .inner .right{width: 100%;}
    .newsletter input{width: 86%;}
    .footer .inner span{display: block;text-align: center;margin-top: 30px;}
    .face{display: flex;justify-content: center;}
    .section3 .raak-fade .pumiddle img{width: 50%;display: block;margin: 0 auto;}
    .section3 .image_grid .images .image-1 {
        max-width: 33.333vw;
    }
    .section3 .image_grid .images .image-1 img{padding-right: 10px;}
    .section3 .image_grid .images .image-3 img {
        padding-right: 10px;
    }
    .section3 .image_grid .images .image-2 {
        max-width: 20vw;
    }
    .section3 .image_grid .images .image-4 {
        margin-right: 0;
    }
    .section3 .instagram p{text-align: center;margin-top: 2%;}
    .section3 .instagram h2{text-align: center;margin: 0;}
    .section3 .instagram .col-md-5{width: 100%;margin-bottom: 5%;}
    .footermenu {
        position: fixed !important;
        width: 100%;
        height: auto !important;
        background: #fff;
        bottom: 0;
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        text-align: center;
        left: 0;
        webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;



     
 
    }
    .footermenu a.active i:before,  .footermenu a.active {
        color: #fff;
        background-color: #197159;
    }
    .footermenu a i {
        display: block;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .footermenu  a span{padding-bottom: 10px;display: block;}
    .nav-up {
        bottom: -90px;
    }
    .section2 .row{margin-left: 0;margin-right: 0;}
    .footer .inner .logo{justify-content: center;}
    .about .left{width: 100%;}
    .about .right{width: 100%;}
    .contactsection .contact b{margin-top: 3%;text-align: center;}
    .contactsection2 .maplist .left{width: 100%;}
    .contactsection2 .maplist .right{width: 100%;}
    .contactsection2 .maplist .left .its{text-align: center;}
    .connections .colist .col-md-2{width: 33%;}
    .proone .pics .gallery-thumbs {
        height: 760px;
    }
  
    

	
}
@media screen and (max-width:768px) {
    .section .txt span{margin-bottom:30px;}
    .section2 .fre{flex-wrap: wrap;margin: 0;}
    .section2 .product p{font-size: 24px;}
    .section3 .type_inner{flex-wrap: wrap;}
    .section3 .type_inner .imgs{width: 100%;margin-bottom: 5%;}
    .section3 .image_grid .images .image-1 {
        max-width: 33vw;
    }
    .garybox {
    margin-top: 30%;
    }
    .section2 .product {
    margin-top: -28%;
   }
   .connections .tit p{width: 100%;}
   .proone .pics .gallery-thumbs {
    height: 600px;
}
.shopsection .likes .swiper-slide h2{font-size: 28px;}
.shopsection .likes .swiper-slide span{font-size: 16px;}
.proone .prodetail .p_title{font-size: 30px;}
.proone .prodetail .js{font-size: 16px;}
.proone .prodetail h2{font-size: 24px;}
  



}
@media screen and (max-width:767px) {
    .tit h1{font-size: 24px;}
    .section .txt span{font-size: 20px;margin-bottom: 10px;}
    .section .txt a{font-size: 16px;}
    .section2 .container{padding: 0;}
    .section2 .product{margin-left: 0;margin-right: 0;}
    .section2 .product .pro{min-width: 220px;}
    .section2 .product{padding-bottom: 30px;}
    .product{
        width: 100%;
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .product::-webkit-scrollbar {/*滚动条整体样式*/
        width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 8px;
    }
    .product::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #2b9b9f;
    }
    .product::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 0;
        background: #fff;
    }
    .product .block-wrapper {
        /*display: -webkit-inline-box;*/
        display: -ms-inline-flexbox;
        /*display: inline-flex;*/
        padding-top: 80px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .section3 .raak-fade .puleft{position: relative;margin-bottom: 5%;padding: 0;}
    .section3 .raak-fade .puright{position: relative;padding: 0;float: none;}
    .section3 .raak-fade .puleft h2, .section3 .instagram h2{font-size: 24px;}
    .section3 .raak-fade .pumiddle{padding: 0;}
    .section3 .raak-fade .pumiddle img{width: 100%;}
    .section3 .raak-fade{padding: 20% 0;}
    .tit p{font-size: 16px;}
    .section3 .raak-fade .puright{width: 100%;margin-top: 5%;}
    .section3 .raak-fade .puright p{justify-content: flex-start;}
    .section3 .raak-fade .puright a{text-align: left;}
    .section3 .link .raak-fade{flex-wrap: wrap;}
    .section3 .link .raak-fade img{margin-bottom: 30px;}
    .section3 .image_grid .images .image-1 {
        max-width: 58vw;
    }
    .section3 .image_grid .images .image-2 {
        max-width: 34vw;
    }
    .section3 .image_grid .images .image-3 {
        max-width: 36.666667vw;
 
    }
    .section3 .image_grid .images .image-4 {
        max-width: 45vw;
        margin-right: 4.333333vw;
    }
    .section3 .instagram p{font-size: 14px;}
    .footer .inner .middle .col-md-3{width: 100%;margin-bottom: 30px;}
    .footer .inner .middle{flex-wrap: wrap;justify-content: center;text-align: center;}
    .footer .inner .chin dl{margin-right: 0;text-align: center;width: 100%;}
    .footer .inner p{font-size: 20px;}
    .copy p{font-size: 12px;}
    .section3 .raak-fade .puleft{text-align: center;}
    .section3 .raak-fade .puright{text-align: center;}
    .section3 .raak-fade .puright p{justify-content: center;}
    .section3 .raak-fade .puright a{text-align: center;}
    .section2 .product {
    margin-top: -65%;
}
.garybox {
    margin-top: 40%;
    padding-bottom: 15%;
}
.about .right p{font-size: 16px;}
.address{padding: 15px;}
.contactsection2{margin-top: 5%;}
.connections .colist .col-md-2{width: 50%;}
.shopsection .shop .cplist a h2{font-size: 20px;}
.shopsection .shop .cplist a p{font-size: 16px;}
.shopsection .shop .cplist a span{font-size: 16px;}
.proone .pics .imgbox{display: none;}
.proone .pics .bigbox{width: 100%;}
.proone .pics .bigbox .swiper-button-next, .proone .pics .bigbox .swiper-button-prev{display: block;}
.proone .pics .swiper-button-next:after,.proone .pics .swiper-button-prev:after{color: #197159;}
.proone .prodetail .pro-cart span{font-size: 14px;}
.proone .prodetail .pro-cart button{font-size: 16px;}
.proone .prodetail .pro-cart:nth-last-child(1){width: 38%;}
.shopsection .likes .swiper-slide h2{font-size: 20px;}
/*.proone .prodetail .prdetail span{font-size: 16px;}*/
.shopsection .likes .swiper-slide .boximg{height: 160px;}
.footer .inner .middle{display: none;}





   
}
@media screen and (max-width:375px) {
    .proone .prodetail .pro-cart {
        width: 60%;
    }
    .proone .prodetail .description{justify-content: space-between;}
    .proone .prodetail .pro-cart .quantity-box{width: 95px;}
}
@media screen and (max-width:360px) {
    .section3 .image_grid .images .image-1 {
        max-width: 56vw;
    }
    .section3 .image_grid .images .image-1 img,.section3 .image_grid .images .image-2 img{padding-bottom: 10px;}
    .proone .prodetail .pro-cart{margin-right: 5px;}

}
@media screen and (max-width:320px) {
    .proone .prodetail .description{flex-wrap: wrap;}
    .proone .prodetail .pro-cart{width: 100%;}
    .proone .prodetail .pro-cart:nth-last-child(1){width: 100%;margin-top: 20px;height: 60px;}
}

.contactsection .form-group{margin-left: 0 !important;margin-right: 0 !important;}


@media (max-width: 1440px) {
  #_bingo_chat_btn2{
    bottom:80px !important;
  }
}