/*https://peacefulqode.co.in/themes/textica/html/*/

body {margin: 0; padding: 0; background-color: #f9f4f7; overflow-x: hidden; overflow-y: auto; scroll-snap-type: y mandatory; scroll-behavior: smooth; font-family: "Open Sans", sans-serif;}
.snapY {scroll-snap-align: start;}

:root {
  --theme1: #e83e44;
  --theme2: #272b36;
  --black: #111;
  --dark: #333;
  --gray: #666;
}
.no_scroll {overflow: hidden !important; background-color: #fff;}
a {text-decoration: none;}

.bars {display: none;}
.nav_title {display: none !important;}

.big_heading {color: var(--black); font-weight: 700; font-size: 60px; line-height: 70px;}
.main_heading {color: var(--black); font-weight: 700; font-size: 50px;}
.sub_heading {color: var(--black); font-weight: 700; font-size: 24px;}
.small_heading {font-weight: 400; font-size: 16px;}
.para1 {color: var(--gray); font-size: 14px; line-height: 27px;}
.para2 {color: var(--gray); font-size: 15px; line-height: 27px;}
.para3 {color: var(--gray); font-size: 16px; line-height: 27px;}
.para4 {color: var(--gray); font-size: 17px;}
.para5 {color: var(--gray); font-size: 18px;}

.text_theme1 {color: var(--theme1);}
.text_theme2 {color: var(--theme2);}

/*/BreadCumbs/*/
.bread_cumbs {display: flex; flex-wrap: wrap; align-items: center; grid-column-gap: 16px; margin: 0; padding: 0;}
.bread_cumbs li {display: inline-block; position: relative;}
.bread_cumbs li a {display: block; color: #666; font-size: 12px; text-transform: uppercase;}
.bread_cumbs li:not(li:last-child):after {content: '\203A'; position: absolute; right: -10px; top: -4px;}
.bread_cumbs li:last-child a {color: var(--black);}
.bread_cumbs li:hover a {color: var(--theme1); text-decoration: none;}


.button_1 {display: inline-block; padding: 17px 40px; background-color: var(--theme1) !important; background: linear-gradient(121deg, rgba(232,62,68,1) 0%, rgba(189,29,34,1) 100%); color: #fff !important; font-size: 16px; letter-spacing: 0.5px; border: none; border-radius: 2px; position: relative; z-index: 1; overflow: hidden; transition: all 0.5s;}
.button_1:hover {background-color: #bd1d22; background: linear-gradient(121deg, rgba(189,29,34,1) 100%, rgba(189,29,34,1) 100%);}

.button_2 {display: inline-block; padding: 17px 40px; background-color: #008069; color: #fff !important; font-size: 16px; letter-spacing: 0.5px; border: none; border-radius: 2px; position: relative; z-index: 1; overflow: hidden; transition: all 0.5s;}
.button_2:hover {background-color: #028c73;}

.share_btns {display: flex; align-items: center; grid-column-gap: 8px;}
.share_btns a {display: block; font-size: 20px;}


/*/Logo/*/
.logo {display: inline-block; height: 100%; display: grid; align-items: center; margin-top: -32px; transition: all 0.5s;}
.logo img {width: 115px; object-fit: contain; transition: all 0.5s;}


/*/Header & Nav/*/
header {background-color: var(--theme2); background: linear-gradient(128deg, rgb(255, 255, 255) 38%, rgba(39,43,54,1) 38%); padding: 0;}
header ul {display: flex; align-items: center; grid-gap: 20px; list-style: none; margin: 0; padding: 0;}
header ul li a {display: flex; align-items: center; grid-gap: 5px; font-size: 13px; color: #fff; padding: 5px 0; transition: all 0.5s;}
header ul li a span {color: #fff; font-size: 15px; transition: all 0.5s;}
header ul li a:hover, header ul li a:hover span {color: var(--theme1);}

nav {padding: 5px 0; background-color: #fff; top: -200px; z-index: 999; transition: all 1s;}
nav ul.menu {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: end; grid-gap: 5px; height: 100%;}
nav ul.menu>li {display: inline-block; position: relative;}
nav ul.menu>li>a {display: block; padding: 10px 15px; font-size: 15px; font-weight: 500; color: var(--black); transition: all 0.5s;}

nav.sticky {position: sticky; top: 0; transition-delay: 0.4s;}
nav.sticky .logo {margin-top: 0;}
nav.sticky .logo img {width: 70px;}

nav ul li .dropdown_menu {list-style: none; margin: 0; padding: 0; position: absolute; left: 0; top: 100%; background-color: #fff; z-index: 99; padding: 4px 0; min-width: 150px; border-radius: 4px; border: 1px solid #f9f4f7; overflow: hidden; margin-top: 20px; margin-left: 10px; opacity: 0; visibility: hidden; transition: all 0.5s;}
nav ul li .dropdown_menu li a {display: block; white-space: nowrap; padding: 8px 15px; font-size: 14px; color: #666; transition: all 0.5s;}
nav ul.menu>li>a:hover {color: var(--theme2);}
nav ul li:hover .dropdown_menu {opacity: 1; visibility: visible;}
nav ul li .dropdown_menu li a:hover {background-color: #f9f4f7;}

.pos_ul {border-left: 1px solid var(--gray); padding-left: 12px !important;}

/*/Banner/*/
.banner_home {height: auto; width: 100%; overflow: hidden; position: relative; z-index: 9; background-color: #f9f4f7;}
.banner_other {height: 280px; width: 100%; overflow: hidden; position: relative; z-index: 9;}
.banner_other .banner {height: 100%; width: 100%; display: block;}
.banner_home .banner {height: 100%; width: 100%; display: -webkit-box; position: relative; left: -100%; transition: all 0.5s;}
.banner .banner_img {height: 100%; width: 100%; overflow: hidden; position: relative;}

.banner .banner_img .banner_info {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: grid; align-content: center; background-color: #ffffff20;}
.banner .banner_img .banner_text {position: relative; z-index: 9;}
.banner .banner_img .banner_text p {text-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);}

.banner_other .banner_img {border-radius: 0;}

.banner .banner_img img, .banner .banner_img iframe {height: 100%; width: 100%; object-fit: cover; opacity: 1;}
.banner_home .bnnrSlide {position: absolute; top: 50%; transform: translateY(-50%); z-index: 900; height: 50px; width: 50px; background-color: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; transition: all 0.5s;}
.banner_home .bnnrSlide img {transform: scale(0.6); opacity: 0.9;}
.banner_home .bnnrRight {right: 15px;}
.banner_home .bnnrLeft {left: 15px;}
.banner_home .bnnrRight:hover, .banner_home .bnnrLeft:hover {opacity: 1;}
.banner_other iframe {width: 100%; height: 100%;}

/*/Content Sec/*/
.content_sec {padding: 80px 0;}

/*/Products/*/
/* .prod_box {margin: 15px; position: relative;}
.prod_img {height: 320px; overflow: hidden;}
.prod_img img {height: 100%; width: 100%; object-fit: cover; transform: scale(1.0); transition: all 1.5s;}
.prod_info {position: absolute; width: 100%; bottom: 20px; left: 50%; transform: translateX(-50%); height: auto; padding: 15px 10px; text-align: center; overflow: hidden; opacity: 0; transition: all 0.5s;}
.prod_info span {background-color: var(--theme2); position: absolute; height: 100%; width: 0%; top: 0; z-index: -1; transition: all 0.5s;}
.prod_info span:nth-child(1) {left: 0;}
.prod_info span:nth-child(2) {right: 0;}
.prod_info p {padding: 0 40px;}

.prod_box:hover span {width: 50%;}
.prod_box:hover .prod_info {opacity: 1;}
.prod_box:hover img {transform: scale(1.1);} */

.prod_box {height: auto; display: block;}
.prod_box .prod_img {height: 300px; width: 100%; border-radius: 5px; border: 1px solid #efefef; overflow: hidden; background-color: #fff;}
.prod_box .prod_img img {height: 100%; width: 100%; object-fit: contain;}
.prod_info {padding: 15px; border-radius: 5px; border: 1px solid #efefef; margin-top: 4px; text-align: center;}
.name {margin-bottom: 10px; font-size: 14px; color: var(--dark); font-weight: 400;}
.price {font-size: 18px; font-weight: 600; color: var(--black); margin-bottom: 0;}
.strike {font-size: 14px; color: var(--dark); font-weight: 400; text-decoration: line-through; display: inline-block;}
.offer {font-size: 14px; color: var(--theme1); font-weight: 400; display: inline-block;}

.product_details .price {font-size: 24px;}

/*.product_details {position: sticky; top: 200px;}*/

.image_slide {display: grid; grid-gap: 62px;}
.image_slide .img_box {height: calc(100vh - 240px); width: 100%; display: block; border: 1px solid #efefef; border-radius: 5px; background-color: #fff; position: sticky; top: 150px;}
.image_slide .img_box img {height: 100%; width: 100%; object-fit: contain;}

.htab {padding: 10px 15px; font-size: 16px; font-weight: 600; background-color: #eee; border-radius: 4px; display: flex; justify-content: space-between; cursor: pointer;}
.dtab {padding: 10px 15px; display: none;}


/*/Testimonial/*/
.tm_sec .slick-list {padding-top: 50px !important;}
.testimonial_box {background-color: #f9f4f7; padding: 30px; margin: 15px; position: relative;}
.Google {position: absolute; right: 30px; top: 30px; height: 45px;}
.user_info {margin-top: -70px;}
.user_img {height: 100px; width: 90px; overflow: hidden; background-color: #f9f4f7; border: 2px solid #f9f4f7; margin-bottom: 15px;}
.user_img img {height: 100%; width: 100%; object-fit: cover;}

.user_info h5 {margin-bottom: 3px; font-weight: 700; color: var(--dark); font-size: 18px;}
.user_info + hr {background-color: #b9b9b9;}
.testimonial_box p.comment .quotation {display: inline-block; transform: rotate(180deg); margin-right: 5px; opacity: 0.7;}
.testimonial_box h6 {margin-bottom: 3px; font-weight: 700; color: var(--dark); font-size: 18px;}
.ratings {list-style: none; padding: 0; margin: 0; display: flex; align-items: center; grid-gap: 5px; font-size: 16px;}
.ratings li span {color: #ff9529;}
.ratings li span.mdi-star-outline {color: var(--gray);}

/*/Team/*/
.team_box {box-shadow: 0px 2px 8px 0px #0000001A; background-color: #fff; border: 12px solid #F6F7FC; padding: 30px; border-radius: 5px;}
.team_img {height: 180px; width: 150px; margin: auto; overflow: hidden; margin-bottom: 30px;}
.team_img img {height: 100%; width: 100%; object-fit: cover;}

.team_info {text-align: center;}
.team_info h5 {margin-bottom: 5px; font-weight: 700; color: var(--dark); font-size: 18px;}
.team_info h6 {margin-bottom: 15px; font-weight: 600; font-size: 14px;}

/*/Certificate/*/
.abt_slide {position: relative;}
.abt_img {height: 320px !important; width: 100%; position: relative;}
.abt_img img {height: 100%; width: 100%; object-fit: contain; box-shadow: rgba(36, 89, 237, 0.36) 0px 0.602187px 0.602187px -1.25px, rgba(36, 89, 237, 0.318) 0px 2.28853px 2.28853px -2.5px, rgba(36, 89, 237, 0.125) 0px 10px 10px -3.75px; border-radius: 5px; border: 1px solid #2459ed33;}
.abt_img p {position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); background-color: #ffffffd6; margin-bottom: 0; padding: 4px 14px; border-radius: 7px; font-size: 14px;}
.abt_slide .slick-dots {bottom: -40px !important;}

.slick-prev, .slick-next {z-index: 9!important;}
.slick-prev {left: 15px!important;}
.slick-next {right: 15px!important;}

/*/Blog/*/
.blog_box {display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #fff; padding: 15px; background-color: #fff;}
.blog_calendar {width: 100px;}
.blog_date {width: 70px; background-color: #f9f4f7; display: block; justify-content: center; text-align: center;}
.blog_date span:first-child {font-size: 26px; padding: 5px; display: block; font-weight: 700; color: var(--theme2);}
.blog_date span:last-child {background-color: var(--theme2); font-size: 13px; color: #fff; padding: 4px; width: 100%; display: block;}
.blog_info {width: calc(100% - 100px);}


/*/Forms/*/
.form_sec label {font-size: 14px; margin-bottom: 5px; font-weight: 500;}
.form_sec label small {color:var(--theme1);}
.form_sec input {width: 100%; height: 42px; padding: 10px; font-size: 14px; border: 1px solid #ddd;}
.form_sec textarea {width: 100%; padding: 10px; font-size: 14px; border: 1px solid #ddd;}
.reload_icn {padding: 8px 12px; background-color: #ddd; color: #fff; cursor: pointer;}
#loadCaptcha input {text-align: center; background-color: #ecedf6d4; background-image: url('../images/captcha.jpg'); background-size: cover; color: #6f6f6f; font-weight: 600; font-size: 18px; user-select: none; font-family: 'Special Elite', cursive;}
#loadCaptcha input:focus {outline: none;}

.slick-dots li button:before {color: transparent !important;}
.slick-dots li button {background-color: var(--gray) !important; height: 13px !important; width: 13px !important;}
.slick-dots li {margin: 0 2px !important;}
.slick-dots li.slick-active button {background-color: var(--theme1) !important;}

.slick-prev, .slick-next {display: none !important;}


/*/Bgs/*/
.bg_1 {position: relative; z-index: 1;}
.bg_1:after {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url('../images/bg_1.png'); background-size: cover; background-attachment: fixed; z-index: -1; opacity: 0.3;}
.bg_2 {position: relative; z-index: 9;}
.bg_2:before {content: ""; position: absolute; left: 0; top: 0; height: 50%; width: 100%;  background-color: var(--theme2); z-index: -1; opacity: 1;}
.bg_2:after {content: ""; position: absolute; left: 0; top: 0; height: 50%; width: 100%; background-image: url('../images/bg_2.png'); background-size: cover; background-position: bottom; z-index: -1; opacity: 0.25;}

.bg_3 {position: relative; background-color: #fff; z-index: 3;}
.bg_3:before {content: ""; position: absolute; top: 0; left: 0; height: 50%; width: 100%; background-color: var(--theme1); z-index: -1;}
.bg_3:after {content: ""; position: absolute; top: 0; left: 0; height: 50%; width: 100%; z-index: -1; background-image: url(../images/pattern.png); opacity: 0.03; background-size: contain; background-attachment: fixed;}

.bg_4 {position: relative; z-index: 1;}
.bg_4:before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 70%; background-color: var(--theme1); z-index: -1;}
.bg_4:after {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 70%; background-color: var(--theme1); z-index: -1; background-image: url(../images/bg_2.png); background-size: cover; opacity: 0.1;}

.bg_5 {position: relative; z-index: 1; background-color: #000;}
.bg_5:after {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url('../images/bg_2.png'); background-size: cover; background-attachment: fixed; z-index: -1; opacity: 0.3;}

.bg_6 {position: relative; z-index: 9;}
.bg_6:before {content: ""; position: absolute; left: 0; top: 0; height: 50%; width: 100%;  background-color: var(--theme2); z-index: -1; opacity: 1;}
.bg_6:after {content: ""; position: absolute; left: 0; top: 0; height: 50%; width: 100%; background-image: url('../images/bg_6.jpg'); background-size: cover; background-attachment: fixed; z-index: -1; opacity: 0.8;}

.bg_half {background: #212529; background: linear-gradient(90deg, #212529 50%, rgba(27, 27, 28, 1) 50%);}

.banner_other:before, .banner_other:after {height: 80%;}

/*/Footer/*/
.footer_top {background-color: #fff; padding: 10px;}
.footer_info {margin-bottom: -75px; background-color: #f9f4f7; position: relative; z-index: 99; display: grid; grid-template-columns: repeat(3, 1fr); padding: 30px 0;}
.footer_flex {display: flex; flex-wrap: wrap; align-items: center; padding: 10px 30px; grid-gap: 10px;}
.footer_flex:nth-child(2) {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.footer_flex span {width: 45px; height: 45px; border-radius: 50%; background-color: #fff; display: grid; align-items: center; justify-content: center; font-size: 22px; color: var(--theme1);}
.footer_flex>div {width: calc(100% - 55px);}
.footer_flex h6 {color: var(--theme2); font-weight: 700; margin-bottom: 3px; font-size: 18px;}

footer {background-color: #10207a; background-image: linear-gradient(135deg, #27282A 0%, #010101 100%); position: relative; z-index: 9; padding-top: 50px;}
footer p {color: #ccc;}
footer .footer_ul {display: grid; grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
footer .footer_ul li a {color: #ccc; font-size: 14px; display: flex; align-items: start; grid-gap: 5px;}
footer .footer_ul li a i {position: relative; top: -2px;}

footer ul.gal_ul {column-count: 4; column-gap: 8px; list-style: none; margin: 0; padding: 0;}
footer ul.gal_ul li {display: block; border-radius: 5px; margin-bottom: 5px; overflow: hidden; position: relative;}
footer ul.gal_ul li img {height: auto; width: 100%; object-fit: cover; transform: scale(1.0); transition: all 0.5s;}

.social_ul {display: flex; align-items: center; grid-gap: 5px; list-style: none; margin: 0; padding: 0;}
.social_ul li a {display: block; font-size: 20px; display: grid; align-items: center; justify-content: center; height: 35px; width: 35px; border-radius: 4px; color: var(--theme1); transition: all 0.5s;}
.social_ul li a:hover {color: var(--theme2);}

.whatsapp {height: 55px; width: 55px; position: fixed; bottom: 16px; right: 15px; z-index: 90; display: block;}
.whatsapp img {height: 100%; width: 100%; object-fit: contain;}

/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}
.fs_34 {font-size: 34px !important;}
.fs_36 {font-size: 36px !important;}
.fs_38 {font-size: 38px !important;}
.fs_40 {font-size: 40px !important;}

.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.clip_1 {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_2 {-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_3 {-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_4 {-webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_5 {-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_6 {-webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_8 {-webkit-line-clamp: 8; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}

/*/Modal/*/
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #0000005c; z-index: 9999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {transform: scale(1.0); opacity: 1;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: flex; align-items: center; justify-content: space-between; height: 59px; background-color: #fff; border-bottom: 1px solid #ddd;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #39363a; font-weight: bold;}
.new_modal .modal_head i {cursor: pointer;}
.new_modal .modal_body {max-height: calc(100vh - 120px); min-height: 100px; padding: 20px 15px 25px; overflow-y: auto;}
.new_modal .mh_fit .modal_body {height: 100vh !important;}
.new_modal .modal_footer {padding: 5px 15px; height: 60px; background-color: #eee; display: flex; align-items: center; justify-content: end; grid-gap: 5px;}

.new_modal .input_flex {border: 1px solid #aaa;}
.new_modal .input_flex span {padding: 0 4px 0 10px;}
.new_modal .input_flex input {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex textarea {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex select {color: #111; width: 100%; border: none; padding: 21px 8px 6px; font-size: 15px;}
.new_modal .modal_footer button {padding: 13px 25px;}

/*/Modla Ends/*/


/*........media-querries........*/
@media only screen and (max-width:992px) {
  nav ul.menu {grid-gap: 0;}
  nav ul.menu>li>a {padding: 10px;}
  .pos_ul {padding-left: 5px !important;}
  .bg_4:before, .bg_4:after {width: 100%;}
  .footer_info {grid-template-columns: repeat(1, 1fr); grid-gap: 15px; justify-content: center;}
  .abt_img {height: auto !important; margin-top: 15px;}
  .abt_img img {box-shadow: none; border: none;}
  header ul li:nth-child(2) {display: none;}
}

@media only screen and (max-width:768px) {
  header {background: inherit; background-color: var(--theme2);}
  header ul {justify-content: space-between; grid-gap: 5px;}
  header ul li a span {font-size: 14px;}
  nav ul.menu {display: block; position: fixed; background-color: #fff; top: 0; left: -100%; height: 100vh; width: 100%; z-index: 9999; overflow-y: auto; transition: all 0.5s;}
  .nav_title i {padding: 10px; padding-right: 0;}
  nav ul.menu>li {display: block;}
  nav ul.menu>li a {padding: 15px 20px; border-bottom: 1px solid #dddddd9e;}
  .social_ul {padding-left: 12px!important; margin-top: 15px; border-left: none;}
  .nav_title {display: flex !important; align-items: center; justify-content: space-between; padding: 10px 15px; border-bottom: 2px solid var(--theme1);}
  nav ul li .dropdown_menu {position: relative; left: 0; top: 0; margin-left: 0; margin-top: 0; opacity: 1; visibility: visible;}
  nav ul li .dropdown_menu li a {padding: 8px 20px; border-bottom: none;}
  nav ul.menu.menu_open {left: 0;}

  .logo {margin-top: inherit; padding: 0 !important;}
  .logo img, nav.sticky .logo img {width: 60px;}

  .bars {display: grid; align-items: center; justify-content: end; height: 100%;}
  .lines2 {height: 24px; width: 30px; display: grid; align-content: space-around; justify-items: end; cursor: pointer;}
  .lines2 span {width: 100%; height: 2px; background-color: var(--theme1);}
  .lines2 span:first-child {width: 22px;}

  .product_details {padding: 0; margin-bottom: 15px;}
  .action_button {position: sticky; bottom: 0; padding: 4px 0; background-color: #fff; z-index: 990; display: flex; grid-gap: 5px;}
  .action_button .button_1, .action_button .button_2 {width: 50%;}
  .product_details .price {font-size: 20px;}

  .image_slide {display: -webkit-box; overflow-x: auto; grid-column-gap: 0; margin-bottom: 15px; scroll-snap-type: x mandatory; scroll-behavior: smooth;}
  .image_slide .img_box {top: inherit; margin-right: 10px; height: 400px; width: inherit; max-width: 90%; min-width: 90%; scroll-snap-align: start;}

  .big_heading {font-size: 40px; line-height: inherit;}
  .main_heading {font-size: 36px;}
  .heading {font-size: 20px; font-weight: 600;}
  .sub_heading {font-size: 18px;}
  .banner_info p {font-size: 14px;}
  .button_1, .button_2 {font-size: 14px; padding: 14px 15px;}
  .bg_half {background: rgba(27, 27, 28, 1);}

  footer {text-align: center; padding-top: 110px;}
  footer .container:first-child {padding-bottom: 40px;}
  footer .footer_ul {justify-content: center;}
  footer .footer_ul li a {text-align: center; justify-content: center;}
  footer .social_ul {justify-content: center;}
}
@media only screen and (max-width:576px) {
	.big_heading {font-size: 24px;}
  .main_heading {font-size: 24px;}
  .sub_heading {font-size: 16px;}
  .banner_home .bnnrSlide {display: none;}
  .content_sec {padding: 50px 0;}
  .tm_sec {padding-bottom: 90px;}
  .footer_top {padding: 0;}
  .footer_info {padding: 15px 0;}
  .footer_flex {padding: 15px;}
  .banner_other, .banner_other:before, .banner_other:after {height: 130px;}
  header ul {justify-content: between;}
}
@media only screen and (max-width:420px) {
	.prod_box .prod_img {height: 170px;}
  .prod_info {padding: 10px;}
  .name {font-size: 12px; margin-bottom: 5px;}
  .price {font-size: 14px;}
  .strike, .offer {font-size: 12px;}
  .whatsapp {height: 50px; width: 50px; position: fixed; bottom: 20px; right: 5px; z-index: 90; display: block;}
}

.goog-logo-link {
  display: none !important;
}
.goog-te-gadget {
  font-size: 0 !important;
}
.goog-te-gadget span {
  display: none !important;
}
body {
  top: 0 !important;
}
.goog-te-banner-frame {
  display: none !important;
}

