@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*..............embedded fonts..............*/

/*..............custom fonts..............*/
@font-face {
    font-family: 'BasicSansSF-Italic';
    src: url('../fonts/BasicSansSF-Italic.eot');
    src: url('../fonts/BasicSansSF-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasicSansSF-Italic.woff2') format('woff2'),
        url('../fonts/BasicSansSF-Italic.woff') format('woff'),
        url('../fonts/BasicSansSF-Italic.ttf') format('truetype'),
        url('../fonts/BasicSansSF-Italic.svg#BasicSansSF-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Basic-Sans-SF';
    src: url('../fonts/BasicSansSF.eot');
    src: url('../fonts/BasicSansSF.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasicSansSF.woff2') format('woff2'),
        url('../fonts/BasicSansSF.woff') format('woff'),
        url('../fonts/BasicSansSF.ttf') format('truetype'),
        url('../fonts/BasicSansSF.svg#BasicSansSF') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basic-Sans-SF';
    src: url('../fonts/BasicSansSF-Bold.eot');
    src: url('../fonts/BasicSansSF-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasicSansSF-Bold.woff2') format('woff2'),
        url('../fonts/BasicSansSF-Bold.woff') format('woff'),
        url('../fonts/BasicSansSF-Bold.ttf') format('truetype'),
        url('../fonts/BasicSansSF-Bold.svg#BasicSansSF-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*..............custom fonts..............*/

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Basic-Sans-SF'; font-size:18px; font-weight: 400; color:#000;}
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin:0 0 20px; padding:0;}
h1{ font-size:55px;}
h2{ font-size:40px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
p{ margin:0 0 20px; padding:0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Basic-Sans-SF'; font-weight: 400; font-size: 18px; outline: none;}
input[type="submit"]{ font-family: 'Basic-Sans-SF'; font-weight: 600; font-size: 18px; transition:all 0.3s ease 0s; outline: none;}

.form-control { background: #f6f6f6; height:60px; border: 1px solid #c9c9c9; border-radius:5px; }
.form-group { margin:0 0 22px; }


/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn, a.btn { border: 0; border-radius: 5px; display: inline-block; vertical-align: top; background: #027d3f; color: #fff; padding: 22px 45px; font-size: 18px; line-height: 1; text-transform:uppercase; }
.btn:hover, a.btn:hover { background:#000; color:#fff; }

.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 5px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}
/* --- Button Styles --- */


/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

strong { font-family: 'Basic-Sans-SF'; font-weight: 600; }


/* --- checkbox and radio button Styles --- */

.common-padding { padding-top: 80px; padding-bottom: 80px; }
.common-padding-small { padding-top: 30px; padding-bottom: 30px; }
.common-padding-lt-rt { padding-left: 50px; padding-right: 50px; } 

/*..............common styles..............*/

.click { display:none;}


/*for header css*/
.main-header { position: relative; padding: 15px 0; z-index: 999; left: 0; right: -40px; top: 0; background: #000000;  }
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }


.topnav #myLinks { display: none;position: absolute;background-color: #015227;right:-50px;width: 324px;text-align: center;border-radius: 7px;top: 50px;}
 
.topnav #myLinks ul{position: relative;}
.topnav #myLinks ul:after{content: '';position: absolute;bottom: 194px; right: 43px;top: -14px; width: 0; height: 0; border-left: 15px solid transparent;
border-right: 15px solid transparent; border-bottom: 15px solid #015227;}
.topnav{position: relative;}
#myLinks li{list-style: none;}
.main-header ul{padding-left: 0;}
.main-header ul li{position: relative;padding: 14px 16px;}
.main-header ul li:not(:last-child){background: url(../images/menu-btm-line.png) no-repeat bottom center;}
.main-header ul li a{font-size: 24px;color: #fff;}


/* .main-header.fixed { padding: 10px 0; left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;} */

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

.hdr-rt { display: flex; align-items: center; width:25%; justify-content: flex-end;}
.hdr-lang { display:inline-flex; margin-right: 40px; }
.hdr-lang select { background: url(../images/select-arw-white.png) no-repeat 90% center; width:100px; height:44px; border-radius:5px; padding:5px 24px 5px 10px; border: 1px solid #fff; appearance: none; -webkit-appearance: none; color:#fff; text-transform:uppercase; }

.hdr-mdl-text { color: #fff; font-size: 30px; width:50%; text-align: center;}

body.home .hdr-mdl-text { display:none; }

.logo { width:25%; }


/*for header css*/

.slider-wrap { position: relative;}

/*for main sections css*/

.home-main { padding-top: 80px; padding-bottom: 260px; }
.home-main .container { max-width: 1140px; }
.home-main h1 { color: #fff; margin: 0 0 55px; }

.scan-box-home { background: rgba(255, 255, 255, 0.9); border-radius:10px; padding: 65px 30px; position:relative; text-align: center; min-height: 390px; z-index: 1; }
.scan-box-home:before { content: ''; border: 1px solid #17562c; border-radius: 10px; position:absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; border-radius: 10px; z-index: -1; }
.scan-box-home h2 strong { color: #03562c; }
.scan-box-home p { font-size: 22px; }

.scan-box-home.search-home { background: #027d3f; }
.scan-box-home.search-home:before { border: 1px solid #fff; }
.scan-box-home.search-home h2, .scan-box-home.search-home h2 strong { color: #fff; }
.scan-box-home.search-home p { color:#fff; }

.home-srch-form { margin: 0 auto; max-width: 450px; position:relative; z-index: 1; }
.home-srch-form input[type=text] { width: 100%; height:65px; border-radius: 35px; border:0; padding: 15px 60px 15px 20px; }
.home-srch-form input[type=submit] { width:54px; height:54px; border: 0; border-radius: 50%; background: #ffa200 url(../images/ic-search.png) no-repeat center center; cursor: pointer; position:absolute; right: 6px; top: 6px; text-indent: -9999px; }


.scan-big { margin: 60px auto; max-width: 905px; }
.scan-big h2 { font-family: 'Barlow', sans-serif; font-size: 60px; }

.add-product-wrap { background:#fff; padding: 75px; border-radius: 0 100px 0 100px; }
.add-product-wrap h3 { font-weight: bold; }
.add-form label { margin:0 0 15px; color: #2b2828; }

.add-form select { appearance: none; -webkit-appearance: none; background-image: url(../images/select-arw-trialgle.png); background-repeat: no-repeat; background-position: 95% center; padding-right: 45px; }

.color-white { color:#fff; }
.top-ttl-box { padding-bottom: 35px; }

.pop-btns { display: flex; align-items: center; justify-content: flex-end; margin:0 0 20px; }
.pop-btns a { display: inline-flex; align-items:center; justify-content:center; margin: 0 10px; }
.edit-btn { width:54px; height:54px; display: inline-flex; align-items:center; justify-content:center; border-radius:50%; background: #03562c; color:#fff;  }

.faq-qa ul { margin:0; padding:0; list-style:none; }
.faq-qa ul li { padding:30px 0; border-bottom: 1px solid #d2d1d1; }
.faq-qa ul li:last-child { border-bottom:0; }

.search-database-wrap { padding-top:30px; }

.top-search-box-wrapper { background: #027d3f; padding:10px; border-radius:10px; margin:0 0 40px; }
.search-box-inr { border: 1px solid #fff; padding:40px 30px; border-radius:10px; }
.prd-srch-form { display: flex; flex-wrap: wrap; background: #fff; border-radius:5px; }
.prd-srch-form .drop-lt { background: #f0f0f0; width: 230px; height: 65px; border-radius: 5px; position: relative; }

.prd-srch-form .srch-rt { width:calc(100% - 230px); position:relative; }
.prd-srch-form .srch-rt input[type=text] { width: 100%; height:65px; border-radius: 5px; border:0; padding: 15px 60px 15px 20px; }
.prd-srch-form .srch-rt input[type=submit] { width:54px; height:54px; border: 0; border-radius: 50%; background: #ffa200 url(../images/ic-search.png) no-repeat center center; cursor: pointer; position:absolute; right: 6px; top: 6px; text-indent: -9999px; }


ul.list-unstyled { height: 65px; display: block; margin: 0; position: relative; z-index: 3; top: 0; background: url(../images/slct-arw-black.png) no-repeat 95% center;}
ul.list-unstyled li { padding: 19px 18px; z-index: 2; width: 100%; font-size: 18px; cursor: pointer;}
ul.list-unstyled li:not(.init) { float: left; width: 100%; display: none; background: #f8f8f8 url(../images/right-angle.png) no-repeat 95% center;; padding: 12px 18px; border-bottom: 1px solid #dbdbdb; color: #232323; }
ul.list-unstyled li:not(.init):hover,
ul.list-unstyled li.selected:not(.init) { background-color: #dbdbdb; }
ul.list-unstyled li.init { cursor: pointer; display: block; }


.all-product-wrap { height: 1200px; }

.product-box { background: #fff; margin: 0 0 24px; border-radius: 0 50px 0 50px; padding: 35px; text-align:center; }
.product-box .prod-img { height: 345px; margin: 0 0 20px; display: flex; align-items: center; justify-content: center; }
.product-box .prod-img img { height: 100%; width: auto;  }
.product-box .info h4 { color:#03562c; font-weight:bold; }
.product-box .info .rating-box { padding: 10px 20px; background: #006230; border-radius: 25px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; color: #fff; margin: 0 0 20px; }
.product-box .info ul.prd-like-info { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.product-box .info ul.prd-like-info li { color:#000; font-size: 15px; line-height: 1.1; display: inline-block; align-items: center; text-align: left; width: 48%; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;}
.product-box .info ul.prd-like-info li img { width: 20px; }

.product-box .info .rating-box span.star-rating { color: #ffa200; font-size: 12px;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; background-color: #03542b;}
.mCSB_scrollTools .mCSB_draggerRail { background-color: #e0dbcd; width: 8px; border-radius: 0 0 16px 16px !important; }


.prd-details-outer-wrap { background:#fff; padding: 65px 45px; border-radius: 0 100px 0 100px; }

.prd-dtls-ttl { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 15px; }
.prd-dtls-ttl h1 { font-size: 34px; margin: 0; color: #03562c; font-weight: bold; }

.rate-wrap { border-bottom: 1px solid #bfbfbf; padding: 0 0 22px; margin: 0 0 30px; }
.rate-wrap .rate-top { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 15px; }
.rate-wrap .rate-top .rating-box { padding: 10px 35px; background: #006230; border-radius: 25px; font-size: 20px; display: flex; align-items: center; justify-content: space-between; color: #fff; }
.rate-wrap .rate-top .rating-box > span { margin: 0 5px;}

.rate-wrap .rate-top .rate-giving-btn { display: inline-flex; align-items: center; color: #000; font-weight: 600; margin-left: 90px; }
.rate-wrap .rate-top .rate-giving-btn img { margin-left: 10px; }

.rate-wrap ul.all-rates { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; }
.rate-wrap ul.all-rates li { min-width: 180px; margin:0 0 10px; }

.all-reviews { height: 620px ; }
.all-reviews h4 { font-weight:bold; font-size:20px; }

.al-rv-ttl { margin: 0 0 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.al-rv-ttl a.btn.btn-ylw { background: #ffbb0f; font-weight: bold; font-size: 14px; text-transform: capitalize; color: #000; border-radius: 35px; padding: 18px 25px; }
.al-rv-ttl h4 { margin:0; }

.full-rvw-msg { background: #f8f0dc; padding: 24px 32px; margin: 0 0 15px; border-radius: 0 50px 0 50px; }
.full-rvw-msg p { margin: 0 0 6px; }
.authr span.star-rating { color: #ffbb0f; font-size: 14px;}

ul.prd-types { padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
ul.prd-types li { width: 105px; height: 136px; background: #ccc; border-radius: 50px; padding: 25px 5px; text-align: center; margin-right: 15px; margin-bottom: 15px;}
ul.prd-types li img { margin: 0 0 10px; }
ul.prd-types li h5 { margin: 0; color: #fff; font-size: 14px;}
ul.prd-types li h5 strong { display: block; }

ul.prd-types li.ylw{ background:#ffbb0f; }
ul.prd-types li.grn{ background:#03562c; }
ul.prd-types li.red{ background:#df2506; }

ul.tick-list { padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
ul.tick-list li { width: 50%; padding: 0 10px 0 30px; background:url(../images/yelw-tick.png) no-repeat left 5px; font-size: 16px; margin: 0 0 15px; }
ul.tick-list li a { color: #000; }


.rate-popup .modal-lg { max-width: 850px; }
.rate-popup .modal-content { background: #027d3f; border: 0; border-radius: 10px; padding: 12px; }
.rate-popup .modal-content .modal-body { border: 1px solid #fff; border-radius: 7px; }

.popup-top-info h2 { color: #fff; }
.popup-top-info .rating-10 { margin: 0 0 20px; }
.popup-top-info a.more-rtng-optn { color: #fff; background-image: url(../images/select-arw-white.png);  background-repeat: no-repeat; background-position: 97% 7px; padding: 0 20px 0 0; background-size: 11px;}
.popup-top-info .btn.btn-ylw { background: #ffbb0f; font-weight: bold; font-size: 26px; padding: 16px 45px; max-width: 385px; width: 100%; margin-bottom: 20px; }

.pop-form-btm { padding: 0 40px; }
.pop-form-btm label { color: #fff; }
.pop-form-btm select { appearance: none; -webkit-appearance: none; background-image: url(../images/select-arw-trialgle.png), url(../images/srch-grey.png); background-repeat: no-repeat; background-position: 95% center, 15px center; padding-right: 45px; padding-left: 55px; }


.bg-fixed { background-attachment: fixed;}

/*for main sections css*/


/*for footer sections css*/
.ftr-btm{background-color: #252525;padding: 30px 0;}
.ftr-btm p{margin-bottom: 0;color: #dddddd; font-family: 'Barlow', sans-serif; }
/*for footer sections css*/

.select-search select { width: 100%; height: 100%; background-color: transparent; border:none; font-size: 18px; padding: 20px; }

.haserror .qr-reader-wrap { border:5px solid #f00 }
.haserror .qr-reader-wrap video {max-width: 100%; line-height: 0; }
.haserror .qr-reader-wrap #qr-reader { line-height: 0; }
.hasNOerror.haserror .qr-reader-wrap { border:5px solid rgb(0, 156, 8) }

.sucessMessageReader {padding: 70px 30px;}
.scan-product { min-height: 250px;}



/*----- Star rating CSS -----*/
.comments-rating .rating { display: inline-block; position: relative; height: 50px; line-height: 50px; font-size: 30px; margin-bottom: 30px; } 
.comments-rating .rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; } 
.comments-rating .rating label:last-child { position: static; } 
.comments-rating .rating label:nth-child(1) { z-index: 10; } 
.comments-rating .rating label:nth-child(2) { z-index: 9; } 
.comments-rating .rating label:nth-child(3) { z-index: 8; } 
.comments-rating .rating label:nth-child(4) { z-index: 7; } 
.comments-rating .rating label:nth-child(5) { z-index: 6; } 
.comments-rating .rating label:nth-child(6) { z-index: 5; } 
.comments-rating .rating label:nth-child(7) { z-index: 4; } 
.comments-rating .rating label:nth-child(8) { z-index: 3; } 
.comments-rating .rating label:nth-child(9) { z-index: 2; } 
.comments-rating .rating label:nth-child(10) { z-index: 1; } 
.comments-rating .rating label input { position: absolute; top: 0; left: 0; opacity: 0; } 
.comments-rating .rating label .icon { float: left; color: transparent; } 
.comments-rating .rating label:last-child .icon { color: #fff6df; } 
.comments-rating .rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon { color: #ffbb0f; } 
.comments-rating .rating label input:focus:not(:checked) ~ .icon:last-child { color: #000; text-shadow: 0 0 5px #ffbb0f; }


.more-rating-holder { display: flex; align-items: center; justify-content: center; max-width: 900px; margin-left: auto; margin-right: auto;}
.more-rating-holder .more-rating-lbl { flex:0 0 30%; text-align: right;  }
.more-rating-holder .more-rating-cont { flex:0 0 50%; text-align: left; padding-left: 25px;  }
.more-rating-holder .more-rating-cont .rating { margin-bottom: 0; height: 25px; line-height: 25px; } 
.more-rating-wrapper { padding-bottom: 40px; }

.rate-wrap .rate-top .rating-box span.star-rating { color: #ffbb0f; font-size: 14px;}
/*----- Star rating CSS -----*/

.block_link { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}
.rating-summary .rating-result {
    width: 176px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.rating-summary .rating-result:before {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    color: #e7e7e7;
    font-family: luma-icons;
    font-size: 16px;
    height: 16px;
    letter-spacing: 2px;
    line-height: 16px;
    content: '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605';
    display: block;
    font-style: normal;
    font-weight: 400;
    speak: none;
}
.rating-summary .rating-result>span {
    display: block;
    overflow: hidden;
}
.rating-summary .rating-result>span:before {
    position: relative;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    color: #ffbb0f;
    font-family: luma-icons;
    font-size: 16px;
    height: 16px;
    letter-spacing: 2px;
    line-height: 16px;
    content: '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605' '\e605';
    display: block;
    font-style: normal;
    font-weight: 400;
    speak: none;
}
.rating-summary .rating-result>span span {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


 
.pagination { justify-content: center; margin-top: 40px; }
.pagination span { color: #FFF; font-weight: normal; display: inline-block; margin: 0; min-width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px;  background-color: #003018 ;  margin: 0 5px; padding: 20px;  }
.pagination a { color: #FFF; font-weight: normal; display: inline-block; margin: 0; min-width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #006230 ; margin: 0 5px; padding: 20px; }

.product-box .info h4 { display: -webkit-box; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 60px; }


/*Media Query css*/

@media only screen and ( min-width:1360px ) {
    .container { max-width: 1280px;}
}

@media only screen and ( max-width:1599px ) {
    body { font-size: 16px; }
    h1{ font-size:42px;}
    h2 { font-size: 37px; }

    .logo img { height: 50px;}
    .home-main { padding-top: 60px; padding-bottom: 180px; }
    .home-main h1 { margin: 0 0 35px; }
    .scan-box-home { padding: 35px 30px; min-height: 280px; }
    .scan-box-home .img-barcode img { height: 90px; }
    .scan-box-home p { font-size: 20px; }


}

@media only screen and ( max-width:1359px ) {
    .product-box { padding: 20px; border-radius: 0 30px 0 30px; }

    .add-product-wrap { padding: 45px; border-radius: 0 50px 0 50px; }

    .prd-details-outer-wrap { padding: 35px 25px; border-radius: 0 50px 0 50px; }

}

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

    .hdr-mdl-text { font-size: 20px; }
    .hdr-lang { margin-right: 20px; }

    .product-box .info .rating-box { padding: 10px 15px; }

    .rate-wrap .rate-top .rate-giving-btn { margin-left: 30px; }
    .rate-wrap ul.all-rates li { min-width: 50%; }

    ul.tick-list li { width: 100%; }
    


}

@media only screen and ( max-width: 991px ) {
    h1{ font-size:40px;}
    h2{ font-size:35px;}

    .scan-box-home { min-height: inherit; }
    .scan-box-home.search-home { margin-top: 24px; }

    .home-main { padding-bottom: 80px; }
    .scan-box-home .img-barcode img { height: 65px; }

    .topnav #myLinks { right: 0; width: 285px; }
    .topnav #myLinks ul:after { right: 5px; }
    .main-header ul li a { font-size: 18px; }

    .scan-big h2 { font-size: 40px; }

    .scan-wrap { min-height: calc(100vh - 165px); }

    .dtls-prd-img { margin: 0 0 24px; }
    .dtls-prd-img img { width: 100%; }

    .all-reviews { height: auto; }





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

    h1{ font-size:32px;}
    h2{ font-size:30px;}
    h3{ font-size:26px;}
    h4{ font-size:21px;}

    .scan-box-home p { font-size: 16px; }

    .hdr-mdl-text { display: none; }
    .logo { width: 125px; }
    .logo img { height: auto; }
    .hdr-rt { width: auto; }

    .add-product-wrap { padding: 20px; border-radius: 0 30px 0 30px; }
    .prd-dtls-ttl { flex-direction: column-reverse; align-items: center;}
    a.close-btn { width: 40px; }
    a.edit-btn { width: 40px; height: 40px; padding: 10px; }

    .faq-qa ul li:first-child { padding-top: 0; }

    .search-box-inr { padding: 30px 16px; }

    .prd-srch-form .drop-lt { width: 100%; }
    .prd-srch-form .srch-rt { width: 100%; }
    .prd-srch-form .srch-rt input[type=submit] { right: 0; left: 0; margin: 0 auto; top: inherit; bottom: -60px; text-indent: -9999px; }

    .all-product-wrap { height: auto; }

    .prd-srch-form.mb-5 { padding-bottom: 30px; }

    .prd-details-outer-wrap { padding: 25px 15px; border-radius: 0 30px 0 30px; }
    .rate-wrap .rate-top .rating-box { padding: 10px 15px; font-size: 14px; width: 100%; }
    .rate-wrap .rate-top .rate-giving-btn { margin-left: 0; margin-top: 20px; }

    .al-rv-ttl h4 { margin: 0 0 20px; width: 100%; }
    .full-rvw-msg { padding: 20px 18px; border-radius: 0 30px 0 30px; }

    .pop-form-btm { padding: 0; }
    .pop-form-btm label { margin: 0 0 10px; }


    .page-template-tpl-scan  section.scan-sec { padding-top: 30px;}

    .product-box .info ul.prd-like-info { flex-wrap: wrap; }
    .product-box .info ul.prd-like-info li { width: 100%; margin-bottom: 5px; }
	
	.add-form .form-switch { width: 100%; margin: 0 0 5px !important; }

    .home-main { padding-top: 30px; padding-bottom: 30px; min-height: calc(100vh - 147px);}
    .home-main h1 { margin: 0 0 15px; font-size: 24px; }
    .home-main .col-lg-12.text-center img { width: 22px; }
	
	.bg-fixed { min-height: calc(100vh - 147px); }

    .scan-box-home.search-home { margin-top: 15px;}
    .scan-box-home { padding: 20px; }
    .scan-box-home:before { top: 10px; right: 10px; bottom: 10px; left: 10px; }
    .scan-box-home h2 { font-size: 22px; margin: 0 0 5px; }
    .scan-box-home .img-barcode img { height: 55px; }
    .scan-box-home p { font-size: 13px; margin: 0 0 12px;}

    .home-srch-form input[type=text] { height: 55px; font-size: 15px; }
    .home-srch-form input[type=submit] { width: 44px; height: 44px; }


    .comments-rating .rating { font-size: 24px; }

    .more-rating-holder { flex-wrap: wrap; }
    .more-rating-holder .more-rating-lbl { flex: 0 0 100%; text-align: center; }
    .more-rating-holder .more-rating-cont { flex: 0 0 100%; text-align: center; padding-left: 0; }
    .more-rating-holder .more-rating-cont .rating { font-size: 16px; }

    .popup-top-info .btn.btn-ylw { font-size: 20px; }

    .form-control { height: 50px; }
    .form-group { margin: 0 0 12px; }
	textarea.form-control { height: 100px; resize: none; }

    
    .ftr-btm p { font-size: 14px; }

    .page-template-tpl-scan-2 .scan-sec { padding-top: 30px; }
    .page-template-tpl-scan-2 .scan-sec .top-ttl-box { padding-bottom: 0; }
    .page-template-tpl-scan-2 .scan-sec .top-ttl-box h1 { font-size: 24px; margin: 0 0 12px; }
    .page-template-tpl-scan-2 .scan-sec .top-ttl-box img { width: 22px; }

    .qr-reader-wrap #scanner-wrap .scan { margin: 0; }
    .qr-reader-wrap #scanner-wrap canvas { display: block; width: 100%; }

    .pagination { flex-wrap: wrap;}
    .pagination span { min-width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px;  background-color: #003018 ;  margin: 2px; padding: 10px;  }
    .pagination a { min-width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; background-color: #006230 ; margin:2px; padding: 10px; }
     

}

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


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


}

/*Media Query css*/