@import url('https://fonts.googleapis.com/css?family=Cormorant:600,600i,700|Karla:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i&display=swap');

/*
font-family: 'Cormorant', serif;
font-family: 'Karla', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Vollkorn', serif;
*/
.wrapper2{ width: 1200px; max-width: 100%; display: inline-block;}

/* About Us  */

.aboutBanner{position: relative;}
.aboutBanner img{max-width: 100%;}
.aboutBanner .wrapper2 .textDiv{position: absolute;top: 40%;left: 50%;transform: translateX(-50%);display: inline-block;width: 100%;overflow: hidden;}
.aboutBanner .wrapper2 .textDiv .bannerTitle{width: 100%;float: left;}
.aboutBanner .wrapper2 .textDiv .bannerTitle h1{font-family: 'Cormorant', serif;font-weight: 600;letter-spacing: 6px;color: #fff;text-transform: uppercase;font-size: 40px;}
.aboutBanner .wrapper2 .textDiv .breadNav{width: 100%;float: left;padding-bottom: 25px;}
.aboutBanner .wrapper2 .textDiv .breadNav ul.breadcrumb {padding: 10px 16px;list-style: none;}
.aboutBanner .wrapper2 .textDiv .breadNav ul.breadcrumb li {display: inline; font-size: 18px;}
.aboutBanner .wrapper2 .textDiv .breadNav ul.breadcrumb li a {color: #fff;text-decoration: none; font-family: 'Karla', sans-serif;font-weight: 400;font-size: 13px;letter-spacing: 2px;}
.aboutBanner .wrapper2 .textDiv .breadNav ul.breadcrumb li+li:before {padding: 14px;color: #fff;  content: "/\00a0";font-size: 12px;}
.aboutInfo{display: flex;justify-content: center;align-items: center;margin-top: 10%;}
/* .aboutInfo .wrapper2{display: flex;justify-content: center;align-items: center;flex-flow: row wrap;} */
.aboutInfo .wrapper2 .paraText{width: 100%;float: left;display: flex;justify-content: space-between;background: #f5f5f5;padding: 50px 40px 20px 50px;}
.aboutInfo .wrapper2 .headText{width: 50%;float: right;text-align: left;}
.aboutInfo .wrapper2 .headText p{font-family: 'Cormorant', serif;font-weight: 700;color: #000;padding-bottom: 30px;font-size: 26px;padding-right: 20px;line-height: 2rem;}
.aboutInfo .wrapper2 .paraText .imgDiv{width: 50%;float: left; margin-top: -160px;margin-bottom: 30px;}
.aboutInfo .wrapper2 .paraText .imgDiv img{max-width: 100%;}
.aboutInfo .wrapper2 .paraText .textDiv{width: 50%;float: left; text-align: left;}
.aboutInfo .wrapper2 .paraText .textDiv p{ font-family: 'Karla', sans-serif;font-weight: 400;font-size: 15px;line-height: 1.5rem;letter-spacing: 1px;}
.aboutInfo .wrapper2 .paraSecond{display: flex;justify-content: space-between;align-items: center;text-align: left;margin-top: 35px;}
.aboutInfo .wrapper2 .paraSecond .textDiv{width: 48%;float: left;}
.aboutInfo .wrapper2 .paraSecond .textDiv p{font-family: 'Karla', sans-serif;font-weight: 400;font-size: 15px;line-height: 1.5rem;letter-spacing: 0.5px;}
.sectionTestimonial{margin-top: 100px;display: flex;justify-content: center;align-items: center;margin-bottom: 100px;}
.sectionTestimonial .wrapper2 .testiSlider{display: flex;justify-content: center;align-items: center;}
.sectionTestimonial .wrapper2 .testiSlider .item .iconDiv{margin-bottom: 40px;width: 100%;float: left;text-align: center;display: flex;justify-content: center;}
.sectionTestimonial .wrapper2 .testiSlider .item .iconDiv img{max-width: 100%;}
.sectionTestimonial .wrapper2 .testiSlider .item .headText{width: 100%;float: left;text-align: center;margin-bottom: 40px;}
.sectionTestimonial .wrapper2 .testiSlider .item .headText h1{font-family: 'Cormorant', serif;font-weight: 600;letter-spacing: 6px;color: #000;text-transform: uppercase;font-size: 40px;}
.sectionTestimonial .wrapper2 .testiSlider .item .paraText{width: 100%;text-align: center;display: flex;justify-content: center;align-items: center;margin-bottom: 50px;float: left;}
.sectionTestimonial .wrapper2 .testiSlider .item .paraText p{font-family: 'Karla', sans-serif;font-weight: 400;font-size: 15px;line-height: 2rem;letter-spacing: 0.6px;width: 60%;}
.sectionTestimonial .wrapper2 .testiSlider .item .custName{width: 100%;float: left;text-align: center;}
.sectionTestimonial .wrapper2 .testiSlider .item .custName h3{font-family: 'Karla', sans-serif;font-weight: 400;}
.slick-dots {bottom: -40px;display: inline-block;float: none;}
.slick-dots li button {width: 10px;height: 10px;border: 1px solid #fff;display: inline-block;float: none;padding: 0 !important;margin: 0;}


/* Product Listing  */
.aboutBanner.shopStyle{background: #949494;height: 500px;}
.sectionProductList{margin-top: 80px;display: flex;justify-content: center;align-items: center;}
.sectionProductList .wrapper2 .listingDiv{display: flex;justify-content: space-between;align-items: center;}
.sectionProductList .wrapper2 .listingDiv .typesDiv{width: 35%;float: left;text-align: left;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul{width: 100%;float: left;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul li{display: inline-block;padding: 8px;color: #999999;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul li a{text-transform: uppercase;font-family: 'Karla', sans-serif;font-weight: 700;color: #999999;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul li.dot{padding: 0;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul li.active a{color: #000;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul li a:hover{color: #000;}

.sectionProductList .wrapper2 .listingDiv .searchDiv{width: 45%;float: right;text-align: right;}
.sectionProductList .wrapper2 .listingDiv .searchDiv ul{width: 100%;float: left;}
.sectionProductList .wrapper2 .listingDiv .searchDiv li{display: inline-block;padding: 8px;color: #999999;}
.sectionProductList .wrapper2 .listingDiv .searchDiv ul li a{text-transform: uppercase;font-family: 'Karla', sans-serif;font-weight: 700;color: #999999;}
.sectionProductList .wrapper2 .listingDiv .searchDiv ul li a:hover{color: #000;}
.sectionProductList .wrapper2 .listingDiv .searchDiv ul li.active a span{text-transform: uppercase;font-family: 'Karla', sans-serif;font-weight: 700;color: #000;}
.sectionProductList .wrapper2 .listingDiv .searchDiv ul li.dot{padding: 0;}
.sectionProductList .wrapper2 .listingDiv .searchDiv input[type="text"]{border: none;display: inline-block;border-bottom: 1px solid #999;}

.sectionProductList .wrapper2 .productDiv{border-bottom: 2px solid #f6f6f6;}
.sectionProductList .wrapper2 .productDiv ul {width: 100%; float: left; display: flex;align-items: center; justify-content: space-between; flex-flow: row wrap;margin-top: 40px;}
.sectionProductList .wrapper2 .productDiv ul li {width: calc(33.33% - 20px); margin: 0 0 20px;  transition: 1s ease-in-out; -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.sectionProductList .wrapper2 .productDiv ul li:hover img{-webkit-transform: rotateY(0.5turn);transform: rotateY(0.5turn);}
.sectionProductList .wrapper2 .productDiv ul li img {width: 100%; transition: 1s ease-in-out;}
.sectionProductList .wrapper2 .productDiv ul li .proCnt {margin: 20px 0;}
.sectionProductList .wrapper2 .productDiv ul li .proCnt h3 {font-weight: 700;font-size: 20px;letter-spacing: 0.5px;margin-bottom: 10px;}
.sectionProductList .wrapper2 .productDiv ul li .proCnt p {font-weight: 400;font-size: 14px;color: #999999;letter-spacing: 0.5px;margin-bottom: 10px;}

.sectionPagination{margin-top: 30px;display: flex;justify-content: center;align-items: center;}
.sectionPagination .wrapper2{position: relative;}
.sectionPagination .wrapper2 .floatArrowLeft{position: absolute;left: 0;top: 20px;display: inline-block;overflow: hidden;}
.sectionPagination .wrapper2 .floatArrowRight{position: absolute;right: 0;top: 20px;display: inline-block;overflow: hidden;}
.sectionPagination .wrapper2 ul{width: 100%;float: left;}
.sectionPagination .wrapper2 ul li{display: inline-block;padding: 10px 20px;color: #999;font-style: italic;}
.sectionPagination .wrapper2 ul li.active a{width: 40px;height: 40px;background: #fff;border-radius: 50%; border: 2px solid #f6f6f6;display: inline-block;font-size: 16px; line-height: 35px; }


/* Contact Form */
input:focus {background: #f7f7f7;transition: 0.3s;}
textarea:focus{background: #f7f7f7;transition: 0.3s;}

.sectionContact{display: flex;justify-content: center;align-items: center;margin-top: 50px;}
.sectionContact .wrapper2{display: flex;justify-content: space-between;align-items: flex-start;}
.sectionContact .wrapper2 .contactForm{width: 48%;float: left;text-align: left;padding-right: 30px;}
.sectionContact .wrapper2 .contactForm .labelDiv{width: 100%;float: left;margin-bottom: 8px;}
.sectionContact .wrapper2 .contactForm .labelDiv label{font-family: 'Karla', sans-serif;color: #000;text-align: left;font-weight: 600;}
.sectionContact .wrapper2 .contactForm .inputDiv{width: 100%;float: left;margin-bottom: 25px;}
.sectionContact .wrapper2 .contactForm .inputDiv input{padding: 20px;width: 100%;display: inline-block;border: 1px solid #c3c3c3;}
.sectionContact .wrapper2 .contactForm .textareaDiv{width: 100%;float: left;margin-bottom: 15px;}
.sectionContact .wrapper2 .contactForm .textareaDiv textarea{resize: none;padding: 60px 20px;width: 100%;display: inline-block;border: 1px solid #c3c3c3;}
.sectionContact .wrapper2 .contactForm .btnDiv{width: 100%;float: left;}
.sectionContact .wrapper2 .contactForm .btnDiv button{width: 100%;display: block;text-align: center;font-family: 'Karla', sans-serif;font-weight: 700;padding: 20px 0; border: 1px solid #000; text-transform: uppercase;background: transparent;font-size: 15px;letter-spacing: 3px;cursor: pointer;}
.sectionContact .wrapper2 .contactText{width: 60%;float: right;text-align: left;}
.sectionContact .wrapper2 .contactText .textDiv{width: 100%;float: left;padding-left: 80px;margin-top: 20px;}
.sectionContact .wrapper2 .contactText .textDiv h2{font-family: 'Cormorant', serif;font-weight: 500;text-transform: uppercase;letter-spacing: 4px;margin-bottom: 40px;font-size: 25px;}
.sectionContact .wrapper2 .contactText .textDiv ul{width: 100%;float: left;}
.sectionContact .wrapper2 .contactText .textDiv ul li{font-size: 16px; width: 100%;display: inline-block;margin-bottom: 40px;font-family: 'Karla', sans-serif;font-weight: 500;}
.sectionContact .wrapper2 .contactText .textDiv ul li span{font-family: 'Karla', sans-serif;font-weight: 700;font-size: 16px;}
.sectionContact .wrapper2 .contactText .textDiv ul li p.nxtLine{font-family: 'Karla', sans-serif;font-weight: 500;margin-top: 8px;padding-left: 70px;}
.sectionContact .wrapper2 .contactText .socialDiv{width: 100%;float: left;}
.sectionContact .wrapper2 .contactText .socialDiv a{margin: 0px 40px 0 0 ;}
.sectionContact .wrapper2 .contactText .socialDiv a i{font-size: 16px;}
.sectionContact .wrapper2 .contactText .subcribeDiv{width: 100%;float: left;padding: 30px 50px;background: #e9e9e9;margin-top: 20px;}
.sectionContact .wrapper2 .contactText .subcribeDiv .inputDiv{width: 100%;float: left;padding: 20px 0;position: relative;}
.sectionContact .wrapper2 .contactText .subcribeDiv .inputDiv input{border: none;border-bottom: 2px solid #999999;width: 100%;float: left;padding: 12px 0;background: transparent;}
.sectionContact .wrapper2 .contactText .subcribeDiv .inputDiv input::placeholder{font-family: 'Cormorant', serif;font-weight: 700;color: #000;font-size: 16px;}
.sectionContact .wrapper2 .contactText .subcribeDiv .inputDiv .floatBtn{position: absolute;right: 0;top: 25px;overflow: hidden;display: inline-block;border: none;background: transparent;cursor: pointer;font-family: 'Karla', sans-serif;font-weight: 800;text-transform: uppercase;letter-spacing: 1.2px;font-size: 16px;}
.sectionMap{display: flex;margin: 80px 0;}
.sectionMap img{width: 100%;}




/*  Product Details  */
.sectionProductDetails{display: flex;justify-content: center;align-items: center;margin-top: 50px;padding: 50px 0;background: #f6f6f6;position: relative;}
.sectionProductDetails .floatSocial{position: absolute;top:50px;right: 120px;display: inline-block;overflow: hidden;}
.sectionProductDetails .floatSocial .nextDiv{margin-bottom: 20px;}
.sectionProductDetails .floatSocial .socialDiv{text-align: center;margin-top: 20px;}
.sectionProductDetails .floatSocial .socialDiv a{display: block;margin-bottom: 0px;padding: 15px 20px;background: #fff;}
.sectionProductDetails .floatSocial .socialDiv a i{color:#999}
.sectionProductDetails .wrapper2{display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;}
.sectionProductDetails .wrapper2 .productSliderDiv{width: 48%;float: left;}
.sectionProductDetails .wrapper2 .productSliderDiv .productSliderMain{margin-bottom: 15px;}
.sectionProductDetails .wrapper2 .productSliderDiv .productSliderThumb .item{padding: 0 10px 0 0;}
.sectionProductDetails .wrapper2 .productSliderDiv .productSliderThumb .item:last-child{padding: 0 0 0 0;}
.sectionProductDetails .wrapper2  img{width: 100%;}
.slick-slider button {width: 50px !important;height: 50px !important;}
.sectionProductDetails .wrapper2 .productSliderDiv .slick-slider button.slick-prev { right: 10px !important;top: -60%;}
.sectionProductDetails .wrapper2 .productSliderDiv .slick-slider button.slick-next {right: 10px !important;top: -100%;}

.sectionProductDetails .wrapper2 .productDetailText{width: 48%;float: right;text-align: left;}

.sectionProductDetails .wrapper2 .productDetailText .breadNav{width: 100%;float: left;padding-bottom: 25px;}
.sectionProductDetails .wrapper2 .productDetailText .breadNav ul.breadcrumb {list-style: none;}
.sectionProductDetails .wrapper2 .productDetailText .breadNav ul.breadcrumb li {display: inline; font-size: 18px;}
.sectionProductDetails .wrapper2 .productDetailText .breadNav ul.breadcrumb li a {color: #999;text-decoration: none; font-family: 'Karla', sans-serif;font-weight: 400;font-size: 13px;letter-spacing: 1px;}
.sectionProductDetails .wrapper2 .productDetailText .breadNav ul.breadcrumb li+li:before {padding: 14px;color: #999;  content: "/\00a0";font-size: 12px;}
.aboutInfo{display: flex;justify-content: center;align-items: center;margin-top: 10%;}
.sectionProductDetails .wrapper2 .productDetailText .breadNav ul.breadcrumb li a.active{color: #666;}
.sectionProductDetails .wrapper2 .productDetailText h2{font-family: 'Roboto Slab', serif;font-weight: 700;font-size: 28px;letter-spacing: 1.2px;margin:30px 0 10px 0px;}
.sectionProductDetails .wrapper2 .productDetailText span.strike{font-weight: 400;font-size: 14px;color: #999999;letter-spacing: 0.5px; text-decoration: line-through;font-family: 'Vollkorn', serif;font-weight: 400;margin-right: 30px;}
.sectionProductDetails .wrapper2 .productDetailText span.blue{font-weight: 400;font-size: 20px;color: #999999;letter-spacing: 0.5px;color: #74cdd7;font-family: 'Vollkorn', serif;font-weight: 400;}

.sectionProductDetails .wrapper2 .productDetailText p{color: #666;font-family: 'Karla', sans-serif;font-weight: 400;line-height: 1.5rem;padding: 40px 0;}

.sectionProductDetails .wrapper2 .productDetailText .formDiv{width: 100%;float: left;}
.sectionProductDetails .wrapper2 .productDetailText .formDiv ul{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;}
.sectionProductDetails .wrapper2 .productDetailText .formDiv ul li{display: inline-block;width: 30%;}
.sectionProductDetails .wrapper2 .productDetailText .formDiv ul li select{width: 100%;display: inline-block;-webkit-appearance: none;border: none; background: transparent;border-bottom: 1px solid #ddd;padding: 10px 0;font-family: 'Karla', sans-serif;font-weight: 400;color: #999;font-size: 15px;}

.sectionProductDetails .wrapper2 .productDetailText .formDiv .btnDiv{width: 100%;float: left;padding: 40px 0;border-bottom: 2px solid #ebebeb;}
.sectionProductDetails .wrapper2 .productDetailText .formDiv .btnDiv button.half.active{width: 40%;float: left;padding: 14px;text-align: center;text-transform: uppercase;font-family: 'Karla', sans-serif;font-weight: 800; letter-spacing: 3px;border: 2px solid #000;color: #000;}
.sectionProductDetails .wrapper2 .productDetailText .formDiv .btnDiv button.half{width: 40%;float: left;padding: 14px;text-align: center;text-transform: uppercase;font-family: 'Karla', sans-serif;font-weight: 800; letter-spacing: 3px;border: 2px solid #999999;color: #999999;margin-right: 20px;background: transparent;font-size: 15px;cursor: pointer;}

.sectionProductDetails .wrapper2 .productDetailText .textDiv{width: 100%;float: left;margin-top: 30px;}
.sectionProductDetails .wrapper2 .productDetailText .textDiv p{color: #999;font-family: 'Karla', sans-serif;font-weight: 400;padding:  0 0 30px 0;}
.sectionProductDetails .wrapper2 .productDetailText .textDiv p span{color: #666;font-weight: 600;}
.sectionProductDetails .wrapper2 .productDetailText .textDiv span.blue a{color: #73cdd7;font-size: 14px;}


.sectionProductDesc{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
.sectionProductDesc .wrapper2 ul{width: 100%;float: left;}
.sectionProductDesc .wrapper2 ul li{display: inline-block; padding: 20px 60px;}
.sectionProductDesc .wrapper2 ul li a{text-transform: uppercase;font-family: 'Roboto Slab', serif;font-weight: 700;letter-spacing: 1.5px;color: #999999;}
.sectionProductDesc .wrapper2 ul li a.active{color: #000;}
.sectionProductDesc .wrapper2 ul li a:hover {color: #000;}
.sectionProductDesc .wrapper2 .paraText{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;margin-top: 15px;border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6;}
.sectionProductDesc .wrapper2 .paraText .textDiv{padding: 50px 0;  width: 48%;float: left;text-align: left; }
.sectionProductDesc .wrapper2 .paraText .textDiv p{font-family: 'Karla', sans-serif;font-weight: 400;font-size: 15px;line-height: 1.5rem;letter-spacing: 0.5px;}
.sectionProductDesc .wrapper2 .additionInfo{width: 100%;float: left;display: flex;justify-content: center;align-items: center;margin-top: 15px;border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6;display: none;}
.sectionProductDesc .wrapper2 .additionInfo ul{width: 50%; float: left;padding: 15px 0;}
.sectionProductDesc .wrapper2 .additionInfo ul li{width: 100%;display: inline-block; padding: 15px 0 15px 0; border-bottom: 1px solid #f6f6f6;display: flex;justify-content: space-between;margin-bottom: 15px;}
.sectionProductDesc .wrapper2 .additionInfo ul li span.left{text-align: left;font-family: 'Karla', sans-serif;font-weight: 400;}
.sectionProductDesc .wrapper2 .additionInfo ul li span.right{text-align: right;font-family: 'Karla', sans-serif;font-weight: 400;}
.sectionProductDesc .wrapper2 .reviewText{display: flex;justify-content: space-between;align-items:flex-start;margin-top: 15px;border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6;display: none;}
.sectionProductDesc .wrapper2 .reviewText .textDiv{width: 48%;float: left;text-align: left;margin-top: 30px}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul{width: 100%;float: left;margin-top: 50px;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList{padding: 0;display: inline-block;width: 100%;margin-bottom: 40px;display: flex;justify-content: space-between;align-items: flex-start;}
.sectionProductDesc .wrapper2 .reviewText .textDiv span.reviewCnt{font-family: 'Vollkorn', serif;font-weight: 400;color: #999;font-style: italic;letter-spacing: 1.5px;font-size: 16px;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .iconDiv{width: 10%;float: left;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .iconDiv img{max-width: 100%;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner{width: 90%;float: left; }
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner span.name{font-family: 'Karla', sans-serif;font-weight: 800;padding-right: 20px;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner span.date{font-family: 'Karla', sans-serif;font-weight: 500;color: #999999;padding-right: 20px;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList p{width: 100%;float: left;padding-top: 20px;font-family: 'Karla', sans-serif;font-weight: 500;color: #999999;line-height: 1.5rem;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner .star-rating{width: 55%;float: right;border: 0;display: flex;flex-direction: row-reverse; justify-content: flex-end;text-align: center;}
.sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner .star-rating label {color: rgb(128, 128, 128);cursor: pointer;border: #b1e9f2;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm{width: 48%;float: left;text-align: left;margin-top: 30px}
.sectionProductDesc .wrapper2 .reviewText .reviewForm span.reviewCnt{font-family: 'Vollkorn', serif;font-weight: 400;color: #999;font-style: italic;letter-spacing: 1.5px;font-size: 16px;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm{margin-top: 50px;width: 100%;float: left;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .labelDiv{width: 100%;float: left;margin-bottom: 10px;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .labelDiv label{font-family: 'Karla', sans-serif;color: #666666;text-align: left;font-weight: 500;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .inputDiv{width: 100%;float: left;margin-bottom: 35px;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .inputDiv input{padding: 20px;width: 100%;display: inline-block;border: 1px solid #c3c3c3;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .ratingBtn.half{width: 48%;float: left;text-align: center;align-items: center;vertical-align: middle;padding: 17px 0;border: 2px solid #e3e3e3;margin-right: 20px;margin-top: 30px;cursor: pointer;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .btnDiv.half{width: 48%;float: left;margin-top: 30px;;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .btnDiv.half button{padding: 15px 0;font-family: 'Karla', sans-serif;font-weight: 700;text-align: center;text-transform: uppercase;letter-spacing: 2px;color: #000;border: 2px solid #000;background: transparent;width: 100%;float: left;font-size: 16px;cursor: pointer;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .ratingBtn.half .star-rating{width: 100%;float: right;border: 0;display: flex; justify-content: center;text-align: center;}
.sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .ratingBtn.half .star-rating label {color: rgb(128, 128, 128);cursor: pointer;border: #b1e9f2;}


.sectionRelatedArticles {display: flex;justify-content: center;align-items: center;margin-top: 80px;}
.sectionRelatedArticles .wrapper2 .secTitle span{font-family: 'Vollkorn', serif;font-weight: 400;color: #999;font-style: italic;font-size: 14px;letter-spacing: 1px;}
.sectionRelatedArticles .wrapper2 .secTitle h2{text-transform: uppercase;font-family: 'Roboto Slab', serif;font-weight: 700;letter-spacing: 4px;}

.sectionRelatedArticles .wrapper2 .productDiv ul {width: 100%; float: left; display: flex;align-items: center; justify-content: space-between; flex-flow: row wrap;margin-top: 40px;}
.sectionRelatedArticles .wrapper2 .productDiv ul li {width: calc(25% - 20px); margin: 0 0 20px;}
.sectionRelatedArticles .wrapper2 .productDiv ul li img {width: 100%;}
.sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt {margin: 20px 0;}
.sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt h3 {font-family: 'Roboto Slab', serif;font-weight: 700;font-size: 18px;letter-spacing: 0.5px;margin-bottom: 10px;}
.sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt p {font-family: 'Vollkorn', serif;font-weight: 400;font-size: 14px;color: #999999;letter-spacing: 0.5px;margin-bottom: 10px;}
.sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt p.strike{text-decoration: line-through;}
.sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt span.strike{font-weight: 400;font-size: 14px;color: #999999;letter-spacing: 0.5px; text-decoration: line-through;font-family: 'Vollkorn', serif;font-weight: 400;margin-right: 30px;}
.sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt span.blue{font-weight: 400;font-size: 14px;color: #999999;letter-spacing: 0.5px;color: #74cdd7;font-family: 'Vollkorn', serif;font-weight: 400;}

.login{background: 	#dfe3ee;}
.login-form { width: 385px; margin: 30px auto;}
.login-form form { margin-bottom: 15px; background: #f7f7f7;  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  padding: 30px;}
.login-form h2 {  margin: 0 0 15px;}
.form-control, .login-btn {  min-height: 38px; border-radius: 2px;}
.input-group-addon .fa { font-size: 18px;}
.login-btn {  font-size: 15px;  font-weight: bold;}
.social-btn .btn {border: none; margin: 10px 3px 0;   opacity: 1;}
.social-btn .btn:hover { opacity: 0.9;}
.social-btn .btn-primary {  background: #507cc0;}
.social-btn .btn-info {  background: #64ccf1;}
.social-btn .btn-danger { background: #df4930;}
.or-seperator { margin-top: 20px;  text-align: center; border-top: 1px solid #ccc;}
.or-seperator i { padding: 0 10px; background: #f7f7f7; position: relative; top: -11px; z-index: 1;}   

.divider-text { position: relative; text-align: center;  margin-top: 15px; margin-bottom: 15px;}
.divider-text span {  padding: 7px;  font-size: 12px;  position: relative;      z-index: 2;}
.divider-text:after { content: "";  position: absolute;  width: 100%;  border-bottom: 1px solid #ddd;  top: 55%;  left: 0;  z-index: 1;}

.bg-light {background: none !important;}
/*.card {border: none !important;}*/
.card-body form{background: #f7f7f7;padding: 20px;}

.radioDiv{margin: 20px 0 10px 0;display: flex;}
.custom-control{margin-bottom: 15px;width: 40%;text-align: left;vertical-align: middle; display:inline-block;align-items: center; justify-content: space-between;}
.custom-radio .custom-control-label::before {top: 0;}
.custom-control-label::after{top: 0;}

/* .slider.slick-slider button {width: 50px !important; height: 40px !important;} */

@media screen and (max-width:1600px){
    .aboutBanner .wrapper2 .textDiv .breadNav {padding-bottom: 18px;}
    .aboutBanner .wrapper2 .textDiv {top: 32%;}
    .header .navigation ul li {padding: 0 16px;}

}
@media screen and (max-width:1280px){
    .aboutInfo .wrapper2{padding: 0 40px;}
    .aboutInfo .wrapper2 .paraText {padding-top: 30px;}
    .aboutInfo .wrapper2 .paraText .imgDiv {width: 45%; margin-top: -140px;}
    .aboutInfo .wrapper2 .headText p {font-size: 21px;}
    .sectionProductList {padding: 0 40px; }
    .sectionProductList .wrapper2 .listingDiv .typesDiv {width: 45%;}
    .sectionPagination {padding: 0 40px; }
    .sectionProductDesc {padding: 0 40px;}
    .sectionRelatedArticles {padding: 0 40px;}
    .sectionProductDesc .wrapper2 .additionInfo ul {width: 60%;}
    .sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner .star-rating {width: 40%;}
    .sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner {width: 86%}
    .sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .ratingBtn.half {width: 45%;margin-right: 30px;}
}

@media screen and (max-width:1024px){
    .aboutInfo .wrapper2{padding: 0 40px;}
    .aboutInfo .wrapper2 .paraText {flex-flow: row wrap;}
    .aboutInfo .wrapper2 .paraText .imgDiv {width: 100%;margin-bottom: 30px;margin-top: -88px;}
    .aboutInfo .wrapper2 .paraText .imgDiv img{max-width: 60%;}
    .aboutInfo .wrapper2 .paraText .textDiv {width: 100%;}
    .aboutInfo .wrapper2 .headText{width: 100%;text-align: left;margin-bottom: 50px;}
    .aboutInfo .wrapper2 .headText p {font-size: 21px;}
    .sectionPagination {padding: 0 20px; }
    .sectionProductList {padding: 0 20px; }
    .sectionProductList .wrapper2 .productDiv ul li .proCnt h3 {font-size: 16px;}
    .sectionProductList {margin-top: 44px;}
    .sectionContact {padding: 0 20px;}
    .sectionMap {margin: 40px 0;}
    .sectionContact .wrapper2 .contactText .textDiv {padding-left: 10px;}
    .sectionContact .wrapper2 .contactText .subcribeDiv {padding: 30px 18px;}
    .sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt h3 {font-size: 13px;}
    .sectionRelatedArticles .wrapper2 .secTitle h2 {font-size: 22px;}
    .sectionProductDesc .wrapper2 .reviewText .textDiv ul li.reviewList .textDivInner .star-rating {width: 100%;margin-top: 15px;}
}

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

    .sectionContact .wrapper2 {flex-flow: row wrap; justify-content: center;}
    .sectionContact .wrapper2 .contactForm {width: 100%;padding-right: 0;}
    .sectionContact .wrapper2 .contactText {width: 100%;margin-top: 40px;}
    .sectionContact .wrapper2 .contactText .textDiv {padding-left: 0px;}
    .sectionProductDesc .wrapper2 ul li {padding: 20px 28px;}
    .sectionProductDesc .wrapper2 .additionInfo ul {width: 80%;}
    .sectionRelatedArticles .wrapper2 .productDiv ul li {width: calc(50% - 20px);}
    .sectionRelatedArticles .wrapper2 .productDiv ul li .proCnt h3 {font-size: 16px;}

}



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

    .aboutInfo .wrapper2 .headText p {padding-right: 0;font-size: 20px;}
    .aboutInfo .wrapper2 .paraText {padding: 25px;}
    .sectionTestimonial .wrapper2 .testiSlider .item .headText h1 {font-size: 22px;}
    .sectionTestimonial .wrapper2 .testiSlider .item .paraText p {width: 90%;}
    .sectionProductList .wrapper2 .productDiv ul li .proCnt h3 {font-size: 15px;}
    .sectionProductList .wrapper2 .listingDiv {flex-flow: row wrap;}
    .sectionProductList .wrapper2 .listingDiv .typesDiv {width: 100%;margin-bottom: 20px;}
    .sectionProductList .wrapper2 .listingDiv .searchDiv {width: 100%;float: left;text-align: left;}
    .sectionProductDesc .wrapper2 ul li a {font-size: 13px;}
    .sectionProductDesc {padding: 0 20px;}
    .sectionProductDesc .wrapper2 ul li {padding: 20px;}
    .sectionProductDesc .wrapper2 .reviewText {flex-flow: row wrap;}
    .sectionProductDesc .wrapper2 .reviewText .textDiv {width: 100%;}
    .sectionProductDesc .wrapper2 .reviewText .reviewForm {width: 100%;}

}

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

    .aboutInfo .wrapper2 {padding: 0 15px;}
    .aboutInfo .wrapper2 .paraText .textDiv p {letter-spacing: 0.6px;line-height: 1.3rem;}
    .aboutInfo .wrapper2 .paraSecond {flex-flow: row wrap;}
    .aboutInfo .wrapper2 .paraSecond .textDiv {width: 100%;}
    .aboutInfo .wrapper2 .paraSecond .textDiv p{letter-spacing: 0.6px;line-height: 1.3rem;}
    .aboutInfo .wrapper2 .headText p br{display: none;}
    .sectionTestimonial .wrapper2 .testiSlider .item .headText h1 {font-size: 20px; padding: 0 10px;}
    .sectionTestimonial .wrapper2 .testiSlider .item .headText{margin-bottom: 20px;}
    .sectionTestimonial .wrapper2 .testiSlider .item .paraText {margin-bottom: 20px;}
    .sectionTestimonial .wrapper2 .testiSlider .item .iconDiv {margin-bottom: 20px;}
    .sectionTestimonial {margin-top: 60px;}
    .sectionProductList .wrapper2 .productDiv ul li {width: calc(100% - 20px);}
    .sectionProductList .wrapper2 .listingDiv .typesDiv ul li {padding: 5px;}
    .sectionPagination .wrapper2 .floatArrowLeft {top: 26px;}
    .sectionPagination .wrapper2 .floatArrowRight {top: 26px;}
    .sectionProductList .wrapper2 .productDiv ul {justify-content: center;}
    .sectionContact {padding: 0 12px;}
    .sectionContact .wrapper2 .contactForm .inputDiv input {padding: 14px;}
    .sectionContact .wrapper2 .contactText .textDiv ul li {font-size: 13px;}
    .sectionProductDesc {padding: 0 0px;}
    .sectionRelatedArticles .wrapper2 .productDiv ul li {width: calc(100% - 20px);}
    .sectionRelatedArticles .wrapper2 .secTitle h2 {font-size: 18px;}
    .sectionRelatedArticles {padding: 0 20px; margin-top: 30px;}
    .sectionRelatedArticles .wrapper2 .productDiv ul {margin-top: 0;justify-content: center;}
    .sectionProductDesc .wrapper2 .paraText {flex-flow: row wrap;padding: 0 20px;}
    .sectionProductDesc .wrapper2 .paraText .textDiv {width: 100%; padding: 20px 0;}
    .sectionProductDesc .wrapper2 .reviewText {padding: 20px 20px;}
    .sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .ratingBtn.half {width: 100%;}
    .sectionProductDesc .wrapper2 .reviewText .reviewForm .contactForm .btnDiv.half {width: 100%;}

}

@media screen and (max-width:320px){.sectionProductList .wrapper2 .listingDiv .typesDiv ul li a {font-size: 13px;}
.sectionProductList .wrapper2 .listingDiv .typesDiv ul li{padding: 3px;}
.sectionProductList .wrapper2 .listingDiv .searchDiv li {padding: 8px 2px;}
.sectionProductList .wrapper2 .listingDiv .searchDiv ul li a {font-size: 13px;}
.sectionProductList {padding: 0 16px;}
.sectionContact .wrapper2 .contactText .textDiv ul li {font-size: 12px;}
.sectionContact .wrapper2 .contactText .textDiv ul li span {font-size: 13px;}
}