/* new theme css */
:root {
	--body-text-color: #7C7C7C; 
	--color-orange: #F7941D;
	--color-orange-light: #fff3e5;
	--color-blue: #262262;
	--color-gray: #f0f0f4;
	--color-light-gray: #F7F7F7;
	--color-dark-gray: #828282;
	--color-green: #00A724;
	--color-btn-gray: #E6E6E6;
	--color-footer: #454545;
  }

body {
	font-family: "Inter", sans-serif;
	color: --body-text-color;
	font-size: 1.25rem;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

/* image reset */
img { max-width: 100%; height: auto; }
img.img-full {  width: 100%; height: 100%; object-fit:  cover;  }

/* screen reader text */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); word-wrap: normal !important; border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; overflow-wrap: normal !important; padding: 0; position: absolute !important; width: 1px; }


/* default button */
.btn.btn-primary, .btn.btn-secondary, .btn.btn-blue { background: var(--color-orange); color: #fff; border: 0;  font-size: 1.5rem; font-weight: 500; padding: 0.4rem 2.4rem; }
.btn.btn-secondary { background: var(--color-btn-gray); color: #000; }
.btn.btn-blue { background: var(--color-blue); }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-secondary:hover, .btn.btn-secondary:focus { background: var(--color-blue); color:#fff; }
.btn.btn-blue:hover, .btn.btn-blue:focus { background: var(--color-orange); } 


/* headings */
h1, h2, h3 { color: var(--color-blue); line-height: normal; }
h1 { font-size: 4rem; font-weight: 700; margin: 0 0 1rem;  }
h2, h3 { font-weight: 600; }
h2 { font-size: 2.25rem; }
h3 { font-size: 1.5rem; }

/* background overlay */
.gray-bg, .gray-bg-light { background-color: var(--color-gray); padding: 2.5rem 0; }
.gray-bg-light { background-color: var(--color-light-gray);  }
.gray-bg h2 { margin-bottom: 2.5rem; }

.orange-bg-light {  background-color: var(--color-orange-light); } 

/* btns */
.btns .btn { margin-bottom: 10px;  padding: 0.4rem 1.5rem; }
.btns .btn:not(:last-child) { margin-right:15px; }

/* header */
header a { text-decoration: none; }

/* header top row */
header .top-row { background: var(--color-orange); font-size: 1rem; padding:0.4rem 0; }
header .top-row  a { color:var(--color-blue); transition: all 0.3s;  }
header .top-row .contact-col, header .top-row .nav-col { width: auto; }
header .top-row .contact-col { flex: 1; color: var(--color-blue); }
header .top-row .contact-col span, header .top-row .contact-col span a { color: #fff; }
header .top-row .nav-col ul { display: flex;  }
header .top-row .nav-col ul li { position: relative; }
header .top-row .nav-col ul li a { color:#fff; }
header .top-row .nav-col ul li a:hover, header .top-row .nav-col ul li a:focus { color:var(--color-blue); } 
header .top-row .nav-col ul li:not(:last-child) { padding-right: 10px; margin-right: 10px; }
header .top-row .nav-col ul li:not(:last-child):after { content:""; position: absolute; top:3px; right:0; width:1px; height:18px; border-right:1px solid #fff;  }
header .top-row a:hover, header .top-row  a:focus { color: #fff; }

/* logo */
.main-header-nav .navbar-brand img { width:100%; max-width: 380px; }

/* main navigation */
.navbar.main-header-nav { padding: 1rem 0; }
.navbar.main-header-nav ul.navbar-nav li:not(:last-child) { margin-right: 15px;  }
.navbar.main-header-nav ul.navbar-nav li a:hover,
.navbar.main-header-nav ul.navbar-nav li a:focus {
	color: var(--color-orange);
}
.navbar.main-header-nav ul.navbar-nav li.contact-btn a { background: var(--color-blue); border-radius: 8px; padding: 14px 16px; color: #fff; }
.navbar.main-header-nav ul.navbar-nav li.contact-btn a:hover,
.navbar.main-header-nav ul.navbar-nav li.contact-btn a:focus { background: var(--color-orange); }

/* hero section */
.hero {  position: relative; padding: 7rem 0;  }
.hero > .container {  position: relative; z-index: 9; }
.hero img.hero-img {  position: absolute; top:0; left: 0;}
.hero .hero-content { max-width: 400px; }
.hero .hero-content h1 { font-size: 2.5rem; }
.hero .hero-content p { max-width: 355px; font-size: 1.5rem; color: var(--color-blue); font-weight: 600; margin-bottom:2.5rem;  }
.hero .hero-content p a {  color:var(--color-blue); text-decoration: none; }
.hero .hero-content p a:hover,
.hero .hero-content p a:focus { color:var(--color-orange);  }

/* info boxes */
.info-boxes { padding: 2rem 0 2.5rem; }
.info-boxes h2 { margin-bottom:2.25rem; color:var(--color-orange); font-size: 2.25rem; }
.info-boxes span { color: var(--color-blue); }
.info-boxes .info-col { margin-bottom: 1.5rem; }
.info-boxes .info-col .icon { display: flex; align-items: flex-end; justify-content: center; }
.info-boxes .info-col  h3 { margin:25px 0 10px;  }

/* text image */
.text-image .text-col {  display: flex; flex-direction: column; justify-content: center; }
.text-image .text-col .text-box h3 { color:#000; }
.text-image .text-col .text-box h3, .text-image .text-col .text-box  p { font-size: 1.75rem; }
.text-image .text-col .text-box {  margin-bottom: 3rem; }
.text-image .img-col img {  border-radius: 10px 0 0 10px;  }

/* testimonials */
.testimonials { padding: 2.5rem 0 0.5rem; }
.testimonials h2 { margin-bottom: 2rem; }
.testimonials .info-col { margin-bottom: 1.5rem; }
.testimonials .info-col .img-box { margin-bottom: 1.25rem; border-radius: 8px; overflow: hidden; }
.testimonials .info-col .img-box img { object-fit: cover; border-radius: 0; transform: scale(1); transition: all 0.3s;  }
.testimonials .info-col:hover .img-box img { transform: scale(1.1); }
.testimonials .info-col h3 { font-size: 1.625rem; font-weight: 700; }
.read-more-btn { color: var(--color-dark-gray); font-weight: 700; text-decoration: none; }
.read-more-btn:hover, .read-more-btn:focus { color: var(--color-orange); }

/* our products */
.our-products {     padding: 2rem 0 2.5rem; }
.our-products h2 { margin-bottom: 2rem; }
.our-products .info-col { margin-bottom: 2rem; }
.our-products .img-box { margin-bottom: 1.5rem; }
.our-products h3 { font-size: 2rem; font-weight: 500; }
.our-products .info-col p { font-weight: 500; }

/* subscriptions */
.subscriptions-info .info-col h2 { font-size: 1.875rem; color:var(--color-orange)  }
.subscriptions-info  .btn-col .btn {  padding:1rem 1.8rem;  }

/* footer */
footer { font-size: 1rem; padding-bottom: 2rem; }
footer a { color: var(--color-footer); transition: all 0.3s; }
footer a:hover, footer a:focus { color: var(--color-orange); }
footer ul { margin:0; padding:0; }
footer ul li { list-style-type: none; }
footer .footer-info {  display: flex ; flex-direction: column; justify-content: space-around; }
footer .site-title { color:#000; font-size: 1.5rem; margin-bottom:1rem; }
footer ul.social-links { display: flex; gap: 20px; }
footer ul.social-links a img { transition: all 0.3s; transform:scale(1); }
footer ul.social-links a:hover img { transform:scale(1.2); }
footer hr { margin: 3rem 0 }
footer .footer-nav { display: flex; gap: 1.5rem; }
footer .footer-nav .nav-box { width: 25%; }
footer .footer-nav .nav-box h6 { font-size: 1rem; margin-bottom: 1.2rem; color:#000; font-weight: 500;  }
footer .footer-nav .nav-box li:not(:last-child) { margin-bottom: 1rem; }
footer .footer-nav .nav-box li a { text-decoration: none; }


/* article page */
.article-page { color: #000;  }
.article-page .article-heading { padding: 5rem 0 1.5rem; }
.article-page .excerpt {  font-size:1.5rem; max-width: 700px; margin-bottom: 2rem;  }
.article-page .article-image { margin-bottom: 4rem; }
.article-page .article-image img, .article-page .img-col img, .article-page  .related-articles .img-box { border-radius: 8px;  }
.article-page  .article-content { margin-bottom: 3.8rem;  }
.article-page .images { margin-bottom: 1.5rem; }
.article-page .images .img-col { margin-bottom: 1.5rem; }

.article-page  .related-articles h2 { font-size: 2.5rem; color:#000; margin-bottom: 2rem; }
.article-page  .related-articles .info-col { margin-bottom: 2rem; }
.article-page  .related-articles .img-box { margin-bottom: 1.5rem; }
.article-page  .related-articles .img-box a { display: block; overflow: hidden; border-radius: 8px; }
.article-page  .related-articles .img-box a img { transition: all 0.3s; transform: scale(1); border-radius: 0; }
.article-page  .related-articles .info-col:hover .img-box img, .article-page  .related-articles .info-col:focus .img-box img { transform: scale(1.1); }
.article-page  .related-articles h3, .article-page  .related-articles h3 a { color:#000; text-decoration: none; transition: all 0.3s;}
.article-page  .related-articles h3 a:hover, .article-page  .related-articles h3 a:focus { color: var(--color-orange);  }
.article-page  .related-articles h3, .article-page  .related-articles .author { font-size: 1.25rem; font-weight: 500; }
.article-page  .related-articles .author { color: #828282; }

/* product page */
.product-info { padding: 3rem 0; }
.product-info .product-info-text h1 { color: var(--color-orange); }
.product-info .product-info-text p { color: var(--color-blue); font-weight: 600; font-size: 1.25rem; }
.product-info h2, .product-info .product-info-text h1 { font-size: 2.375rem; } 
.product-info .img-col { margin-bottom: 2rem; }
.product-info .product-info-col .info-box { background:var(--color-orange-light); padding: 2rem 3rem; border-radius: 8px; } 
.product-info h3 { color:#828282; font-size:1.5rem; font-weight: 400; margin-bottom: 1rem; } 
.product-info .price, .related-products .product-col .price { color: #000; font-size: 1.5rem; font-weight: 500; margin-bottom: 1.2rem; } 
.product-info p { margin-bottom: 1.2rem; } 
.product-info .add-to-cart { display: block; margin-bottom: 1.7rem; width: 100%; background:var(--color-orange); padding: 0.9rem 2.4rem; font-size: 1.25rem; border-radius: 8px; }
.product-info .img-col img { border-radius: 8px; }
.products-info-links { max-width: 500px; margin: 0 auto; font-size: 1.25rem; }
.products-info-links .button .btn { display: block; }
.products-info-links .btn { font-size: 1.25rem!important; }
.products-info-links .label-text { font-weight: 600; padding: 1rem 0;  }
.products-info-links .buttons { display:flex; gap: 10px; }
.products-info-links .buttons .button .btn { padding: 0.4rem 1rem; min-width: 230px; display: inline-block; }
.products-info-links .buttons .button:first-child { flex: 1; }

/* related product */
.related-products h2, .related-products .product-col { margin-bottom: 2rem; }
.related-products .product-col .img-box { margin-bottom: 1.5rem; }
.related-products .product-col .img-box img { border-right: 8px; }  
.related-products .product-col  h3 { font-weight: 500; }
.related-products .product-col .price { font-size: 1.25rem; }

/* variants */
.product-info .variants { padding: 0.8rem 0 2rem; }
.product-info .variants h2 { color: #000; font-weight: 700; text-transform: uppercase; }
.product-info .variants .options { display: flex; flex-wrap: wrap; gap: 20px; } 
.product-info .variants .options .option input[type="radio"]{ width: 100%; height: 100%; border: 0; -webkit-appearance: none;
-moz-appearance: none; appearance: none; margin: 0; cursor: pointer; position: absolute; top: 0; left: 0; border-radius:0; }
.product-info .variants .options .option { position: relative; padding: 10px 25px; cursor: pointer; min-width: 240px;
    text-align: center;  }

.product-info .variants .options .option label { color:#fff; position: relative; z-index: 9; cursor: pointer; font-size: 1.25rem; font-weight: 500; text-transform: uppercase; }
.product-info .variants [type="radio"]:after { content: ""; position: absolute; top: 0; left: 0; display: block;
	width: 100%; height: 100%; background:#D3D3D3; border-radius: 5px; transition: all 0.3s; }

.product-info .variants [type="radio"]:checked:after,
.product-info .variants .options .option:hover [type="radio"]:after { background: var(--color-orange); }
.product-info .variants .options .option:has([type="radio"]:checked) label,
.product-info .variants .options .option:hover label { color: #fff; } 

/* register/login page */
.register, .login, .order-history, .useful-links, .about-us-page .about-us, .checkout-step { padding-top: 3rem; }
.register h1, .login h1, .order-history h1, .useful-links h1, .about-us h1, .checkout-step h1 { font-size: 2.25rem; color: var(--color-orange); }
.register h1 span { color: var(--color-blue); }
.form-box { background: var(--color-orange); width: 100%; max-width: 620px; margin: 3rem auto; padding: 20px 20px 3rem; border-radius: 10px; }
.form-box label { font-size: 1rem; font-weight: 500; color: #fff;  display: block;  margin-bottom: 7px; }
.form-box .form-row { margin-bottom: 1rem; }
.form-box .form-row.checkbox-row, .checkout-steps .other-options fieldset { display: flex; }
.form-box .form-row.checkbox-row  [type="checkbox"], .checkout-steps .other-options fieldset [type="checkbox"], .shipping-payment-method .info-col form fieldset  [type="radio"] { width: auto !important; min-width: 37px; height: 37px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 8px 0 0; cursor: pointer; position: relative; border-radius: 8px; top: 1px; overflow: hidden; }
.form-box .form-row.checkbox-row  [type="checkbox"]:after, .checkout-steps .other-options fieldset [type="checkbox"]:after, .shipping-payment-method .info-col form fieldset  [type="radio"]:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.728' height='8' viewBox='0 0 10.728 8'%3E%3Cpath id='check' d='M3.644,72.941.157,69.455a.536.536,0,0,1,0-.759l.759-.759a.536.536,0,0,1,.759,0l2.349,2.349,5.031-5.031a.536.536,0,0,1,.759,0l.759.759a.536.536,0,0,1,0,.759L4.4,72.941a.536.536,0,0,1-.759,0Z' transform='translate(0 -65.098)' fill='%23fff'/%3E%3C/svg%3E%0A") center no-repeat #77B54E;
		visibility: hidden; background-size: 20px; }
.form-box .form-row.checkbox-row  [type="checkbox"]:checked, .checkout-steps .other-options fieldset [type="checkbox"]:checked, .shipping-payment-method .info-col form fieldset  [type="radio"]:checked { border-color: #77B54E !important; }
.form-box .form-row.checkbox-row [type="checkbox"]:checked:after, .checkout-steps .other-options fieldset [type="checkbox"]:checked:after, .shipping-payment-method .info-col form fieldset  [type="radio"]:checked:after   { visibility: visible; }
.form-box .form-row.checkbox-row label, .checkout-steps .other-options fieldset label, .shipping-payment-method .info-col form fieldset label { cursor: pointer; }
.form-box h3 { font-size: 2rem; color: #fff; margin:0 0 1.5rem; }
.form-box input:not([type="submit"]) { width: 100%; border: 0; background: #fff; border-radius: 8px; height: 48px; padding: 10px 15px; font-family: inherit; font-size: 1rem; font-weight: 500; outline: none; }
.form-box input[type="submit"]  { background: var(--color-blue);  color: #fff; padding: 5px 10px; width: 100%; max-width: 300px; border-radius: 8px; margin: 0 auto; display: block; font-weight: 500; transition: all 0.3s; border:1px solid transparent; }
.form-box .submit-btn { padding-top: 2rem; }
.form-box input[type="submit"]:hover, .register .form-box input[type="submit"]:focus { background: var(--color-orange); border-color: var(--color-blue); }
.register .subscriptions-info, .login .subscriptions-info { margin-top: 3rem; border-radius: 8px; }
.register .subscriptions-info > .container, .login .subscriptions-info > .container { padding: 0 4rem; }
.register .subscriptions-info .info-col p, .login .subscriptions-info > .container { font-weight: 600; }
.register .subscriptions-info .btn-col .btn, .login .subscriptions-info .btn-col .btn {  max-width: 345px; }

.login .form-box { background: var(--color-orange-light); max-width: 785px; padding: 3rem; margin-bottom: 2rem; }
.login .form-box form { max-width: 575px; margin: 0 auto; }
.login .form-box form h2 { font-size: 2rem; margin-bottom: 1.5rem;  }
.login .form-box form label { color:#000;  }
.login .form-box input[type="submit"] { background:var(--color-orange); border-color: var(--color-orange); }
.login .form-box input[type="submit"]:hover, .login .form-box input[type="submit"]:focus { background:var(--color-blue); border-color: var(--color-blue); }
.forgot-password { padding-top: 1.5rem; }
.forgot-password a { color:#000; font-size: 1rem; }
.forgot-password a:hover, .forgot-password a:focus { color:var(--color-orange); text-decoration: none; }
.register-info { margin-bottom: 2rem; }
.register-info a { color:var(--color-blue); text-decoration: none; }
.register-info a:hover,  .register-info a:focus { color:var(--color-orange); }
.register-info h2 { display: inline-block; position: relative; padding-bottom: 0.5rem; font-size: 2rem; }
.register-info h2:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 85%; height: 2px; background: var(--color-blue);  }


.testimonials.orange-bg-light {  margin-top:4.5rem; }
.testimonials.orange-bg-light .info-col h3 { font-size: 1.125rem; }
.testimonials.orange-bg-light p { font-size: 0.938rem; }

section.home .container > h2 { font-size: 3rem; }

/* modal */
.modal-dialog-scrollable .modal-content { background: var(--color-light-gray); color: #000;  }
.modal-dialog-scrollable .modal-content .info-text {  background: #fff; padding: 20px; margin-bottom: 1.5rem; padding: 10px 18px; }
.modal-dialog-scrollable .modal-content ul li { margin-bottom: 0.8rem; }
.modal-dialog-scrollable .modal-content .modal-header .btn-close { position: absolute; top: 5px; right: 5px; }

/* order history */
.order-history .order-info { color: #000; padding: 2rem; margin-top: 3rem;  }
.order-history .order-info table { width: 100%; }
.order-history .order-info table tr:last-child td { padding-bottom: 0; }
.order-history .order-info table tr td { padding: 20px; vertical-align: top; font-size: 1.5rem; font-weight: 500; }
.order-history .order-info table tr td.product-img img { max-width: 200px; }
.order-history .order-info table tr td .status { color:var(--color-green); padding-top: 2rem; }
.order-history .order-info table tr td.buy-btn { vertical-align: bottom; padding-bottom: 1.3rem; }
.order-history .order-info table tr td.buy-btn a { display: block; white-space: nowrap; }
.order-history .subscriptions-info { margin-top: 3.5rem; }
.order-history .table-scrollable  { overflow-y: auto; }

/* useful links */
.useful-links h3, .about-us h3 { font-size: 1.875rem; }
.useful-links .content-info-row { margin-top: 3rem; margin-bottom: 3rem; }
.useful-links .text-col h3 { color: var(--color-orange); margin: 0 0 1.5rem; }
.useful-links .accordion { margin-bottom: 2rem; }
.useful-links .accordion .accordion-item { border: 0; }
.useful-links .accordion .accordion-item .accordion-button { background: transparent; padding: 0;  font-size: 1.5rem; color: var(--color-blue); font-weight: 700; box-shadow: none; padding-left: 20px; margin-bottom: .5rem; }
.useful-links .accordion .accordion-item .accordion-button:after { display: none; }
.useful-links .accordion .accordion-item .accordion-button:before { content:""; width: 8px; height: 8px; border-radius: 100%; background: var(--color-blue); position: absolute; top: 10px; left: 0;  }
.useful-links .accordion .accordion-item .accordion-body { padding-top: 0; color: #000; }
.useful-links .text-col ul { padding-left: 20px; padding-bottom: 20px; }
.useful-links .text-col ul li { font-size: 1.25rem; color: #000; margin-bottom: 1rem; }
.useful-links .text-col ul li strong { font-size: 1.5rem; color: var(--color-blue); }
.useful-links .text-col a { color: #000; }
.useful-links .text-col a:hover, .useful-links .text-col a:focus { color: var(--color-orange); text-decoration: none; }

/* about us */
.about-us .heading-info, .about-us .content-box, .about-us .text-img { margin-bottom: 5rem; }
.about-us .text-img.img-first .text-col { order: 1; }
.about-us h3 span { color: var(--color-orange); }
.about-us .img-col img { border-radius: 8px; }

/* checkout steps */
.checkout-steps .heading-info { margin-bottom: 3rem; }
.checkout-steps .step-col .step-box { height: 30px; background: #D9D9D9; }
.checkout-steps .step-col .step-box.completed { background: var(--color-orange); }
.checkout-steps .step-col .info-text-box { padding-top: 0.7rem; }
.checkout-steps .step-col .info-text-box .step-info { font-weight: 500; color: #000; }
.checkout-steps .text-box { padding: 1.5rem; border-radius: 10px; color: #000; font-weight: 500; }
.checkout-steps .text-box p { margin-bottom: 2rem; }
.checkout-steps .text-box p span { color: red; }
.checkout-steps .billing-address-info { padding-bottom: 1rem; }
.checkout-steps .billing-address-info a { color: var(--body-text-color); text-decoration: none; font-size: 1rem; }
.checkout-steps .billing-address-info a:hover, .checkout-steps .billing-address-info a:focus { color: var(--color-orange); }
.checkout-steps .sidebar-col .sidebar { height: 100%; background: var(--color-orange); display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; padding: 15px;     border-radius: 10px; }
.checkout-steps .sidebar-col .sidebar.gray-bg-light { background: var(--color-light-gray); color: #000;   display: block; text-align: left; font-weight: 500; padding: 20px 25px;  height: auto; }
.checkout-steps .sidebar-col .sidebar.gray-bg-light .info-box { font-size: 14px; }
.checkout-steps .sidebar-col .sidebar.gray-bg-light .info-box .contact-no { padding-bottom: 1rem; }
.checkout-steps .sidebar-col .sidebar.gray-bg-light .info-box .contact-no a { color: #000; text-decoration: none;  }
.checkout-steps .sidebar-col .sidebar.gray-bg-light .info-box .edit-btn { color: var(--color-dark-gray); text-decoration: none; }
.checkout-steps .sidebar-col .sidebar.gray-bg-light .info-box a:hover, 
.checkout-steps .sidebar-col .sidebar.gray-bg-light .info-box a:focus { color: var(--color-orange); }
.checkout-steps .other-options { padding:0 1.5rem 1.5rem; font-weight: 500; }
.checkout-steps .other-options fieldset { margin-bottom: 0.8rem; }
.checkout-steps .other-options form button { margin-top: 1.5rem; }
.checkout-steps .other-options fieldset [type="checkbox"] { border: 1px solid var(--body-text-color);
    min-width: 30px; height: 30px; border-radius: 5px; }
.checkout-steps .other-info { margin-top: 1.5rem; }
.checkout-steps .other-info .row, .checkout-steps .steps .row { flex-wrap: nowrap;  }
.checkout-steps .other-info .info-col, .checkout-steps .other-info .sidebar-col, .checkout-steps .step-col  { width: auto; }
.checkout-steps .other-info .info-col, .checkout-steps .step-col { flex: 1; }
.shipping-payment-method .info-col form fieldset [type="radio"] { min-width: 28px; height: 28px; border-radius: 100%; top: 0; background: var(--color-orange); }
.shipping-payment-method .info-col form fieldset [type="radio"]:after { visibility: visible; width: 10px; height: 10px; background: #fff;    border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.shipping-payment-method .info-col form fieldset [type="radio"]:checked:after { background: var(--color-light-gray); }
.shipping-payment-method .info-col .text-box { margin-bottom: 2rem;  } 
.shipping-payment-method .info-col form  fieldset { display: flex; align-items: flex-start;  }
.shipping-payment-method .sidebar-col .delivery-info { padding-top: 1rem; } 
.shipping-payment-method .sidebar-col .delivery-info .product-info-box { border-top: 1px solid var(--color-dark-gray); border-bottom: 1px solid var(--color-dark-gray); padding: 0.7rem 0; margin: 1rem 0; } 
.shipping-payment-method .sidebar-col .delivery-info .price,
.shipping-payment-method .sidebar-col .delivery-info .shipping-info-row { text-align: right; }
.shipping-payment-method .sidebar-col .delivery-info .shipping-info-row .info-box { color: var(--color-dark-gray);  }
.shipping-payment-method .sidebar-col .delivery-info .shipping-info-row .total { font-size: 1.25rem; font-weight: 700; }

main .hero.text-right { padding: 11rem 0;  }
main .hero.text-right img { object-position: top center; }
main .hero.text-right .container {  text-align: right;  }
main .hero.text-right .container .hero-content { text-align:center; display: inline-block; }
main .hero.text-right .container .hero-content h2 { font-size: 3.5rem; font-weight: 700; }






/* responsive */
@media (min-width: 768px) { 
	.info-boxes .info-col .icon { height: 250px; padding: 0 2rem; }
	.product-info .info-text { padding-left: 2.5rem; }
	.checkout-steps .sidebar-col.show-mobile { display: none; }
}

@media screen and (min-width: 992px) {
	.navbar.main-header-nav .dropdown-menu { line-height: initial; background: var(--color-orange); border: 0; border-radius: 0; }
	.navbar.main-header-nav .dropdown-menu { display: none; }
	.navbar.main-header-nav .dropdown:hover > .dropdown-menu,
	.navbar.main-header-nav .dropend:hover > .dropdown-menu { display: block; }
	.navbar.main-header-nav .dropdown:hover > .dropdown-menu { margin-top: -0.5rem; }
	.navbar.main-header-nav .dropend:hover > .dropdown-menu { position: absolute; top: -0.5rem;   left: 100%; margin-left: 0; }
	.navbar.main-header-nav .navbar-collapse { justify-content: flex-end; }
	.navbar.main-header-nav ul.navbar-nav { align-items: center; }
	.navbar.main-header-nav ul.navbar-nav li a { font-size: 1.25rem; font-weight: 600;  color: #000; line-height: normal; }
	.our-products .img-box img { max-width: 80%; }
	.navbar.main-header-nav .dropdown-menu li { margin: 0!important; }
	.navbar.main-header-nav .dropdown-menu li a {   font-size: 14px !important; color: #fff !important; font-weight: 500 !important; }
	.navbar.main-header-nav .dropdown-menu li a:hover, .navbar.main-header-nav .dropdown-menu li a:focus {  background-color:var(--color-blue); }
	table.table-mobile { display: none; }
  }
@media (min-width: 1025px) {
	.subscriptions-info .info-col { flex: 1; }
	.subscriptions-info .btn-col { width: auto; }
	.article-page .article-content .container { max-width: 800px; }
	.useful-links .row .text-col:nth-of-type(odd) { padding-right: 1.5rem; }
	.useful-links .row .text-col:nth-of-type(even) { padding-left: 1.5rem; }
}
@media (min-width: 1360px) {
	.container { max-width: 1310px }
	.testimonials .info-col .img-box img { height: 405px;  }
	.hero .hero-content {  max-width: 530px; }
	.hero .hero-content p {  max-width: 418px; }
	.info-boxes .info-col .row { margin:0 -20px; }
	.info-boxes .info-col { padding: 0 20px;  }
	.info-boxes .info-col p { font-size: 1.5rem; }
	.text-image .text-col .text-box { padding-right: 6rem; }
	.subscriptions-info .info-col { padding-right: 3rem;  } 
	.article-page .related-articles .img-box img { height: 353px; }
	.related-products .product-col .img-box img { height: 243px; } 
}

@media (min-width: 1600px) {
	.container { max-width: 1440px }
}

@media screen and (max-width: 1359px) {
.main-header-nav .navbar-brand img { max-width: 300px; }
.testimonials .info-col .img-box img { height: 355px;  }
.article-page .related-articles .img-box img { height: 305px; }
}
@media screen and (max-width: 1279px) { 
body { font-size: 1rem; }
}
@media  (min-width: 992px) and (max-width: 1199px) { 
header .top-row {   font-size:0.825rem; }
.main-header-nav .navbar-brand img { max-width: 260px; }
.navbar.main-header-nav ul.navbar-nav li a { font-size: 1rem; }
.article-page .related-articles .img-box img { height: 255px; }
}
@media screen and (max-width: 1024px) { 
.gray-bg h2 { margin-bottom: 1.5rem;  }
.text-image .text-col .text-box { margin-bottom: 1rem; }
.subscriptions-info .info-col, .subscriptions-info .btn-col { width: auto; }
.testimonials .info-col .img-box img { height: 296px; }
.form-box .form-row .input-box .formError { position: static !important; margin-top: 10px !important; }
}
@media screen and (max-width: 991px) {
body { font-size: 1rem; }
h2 { font-size: 1.5rem;  }
h3, .our-products h3, .testimonials .info-col h3 { font-size: 1.25rem;  }
header .top-row .contact-col { display: none; }
.navbar.main-header-nav { padding: 0; }
.navbar.main-header-nav .navbar-brand { display: inline-block; margin: 1rem 0; }
.main-header-nav .navbar-collapse ul.navbar-nav { position: absolute; background: #fff; z-index: 99; width: 100%; left: 0; padding: 20px; border-top: 1px solid #000; top: 0; }
.navbar.main-header-nav button.navbar-toggler { position: absolute; top: -45px; right: 0; border: 0; outline: none; box-shadow: none; }
.navbar.main-header-nav button.navbar-toggler .bar1, 
.navbar.main-header-nav button.navbar-toggler .bar2, 
.navbar.main-header-nav button.navbar-toggler .bar3 { width:35px; height:2px; background-color:#fff; margin:6px 0; transition:0.4s; }
.navbar.main-header-nav button.navbar-toggler[aria-expanded="true"] .bar1 { transform: translate(0, 6px) rotate(-45deg); }
.navbar.main-header-nav button.navbar-toggler[aria-expanded="true"] .bar2 { opacity: 0; }
.navbar.main-header-nav button.navbar-toggler[aria-expanded="true"] .bar3 { transform: translate(0, -11px) rotate(45deg); }
.main-header-nav .navbar-collapse ul.navbar-nav li a { display: inline-block; }
.main-header-nav .navbar-collapse ul.navbar-nav li.contact-btn { padding: 15px 0; }
.main-header-nav .navbar-collapse ul.navbar-nav li.contact-btn a { padding: 14px 35px; }
.navbar.main-header-nav .container { display: block; text-align: center; position: relative;  }
.text-image .text-col { order:1; margin-top: 2rem;}
.footer .footer-info { margin-bottom: 2rem; }
header .top-row {   font-size:0.8rem; padding: 1rem 0; }
.main-header-nav .navbar-brand img { max-width: 200px; }
.hero { padding: 3rem 0.5rem; }
.hero .hero-content h1 { font-size: 2rem; }
.hero .hero-content { padding: 15px; }
.hero .hero-content p {  font-size: 1rem; margin-bottom: 1rem; }
.btn.btn-primary, .btn.btn-secondary { font-size: 1rem; padding: 0.4rem 2rem; }
header .top-row .nav-col ul li:not(:last-child)::after { height: 15px; }
.subscriptions-info .info-col h2 { font-size: 1rem; }
footer hr { margin: 2rem 0; }
footer .footer-info { margin-bottom: 2rem; }
footer .site-title { font-size: 1.25rem; margin-bottom: 0.5rem; }
.testimonials .info-col .img-box img { height: 215px; }
.article-page .related-articles .img-box img { height: 185px; }
.register .subscriptions-info > .container, .login .subscriptions-info > .container { padding: 0 1rem; }
.register .subscriptions-info .btn-col .btn, .login .subscriptions-info .btn-col .btn { max-width: 100%; }
.order-history .table-scrollable  { display: none; }
.order-history .order-info {  max-width: 500px; margin: 3rem auto 0; }
.order-history .order-info table tr td {  font-size: 1rem; padding-top: 0; }
.order-history .order-info table tr td strong {  font-size: 1.125rem; }
.order-history .order-info table tr td.product-img { text-align: center; }
.order-history .order-info table tr td .status { padding-top: 0; }
.order-history .subscriptions-info { margin-top: 2rem; }
.about-us .heading-info, .about-us .content-box, .about-us .text-img {  margin-bottom: 2rem; }
.about-us .text-img .text-col { order: 1; text-align: center; }
.about-us .text-img .img-col { margin-bottom: 1rem; }

 }

@media (max-width: 767px) {
.hero .hero-content .btn.btn-primary { font-size: 13px;  }
.info-boxes .info-col, .text-image .text-col { text-align: center; }
.info-boxes { padding: 2rem 0 1rem;  }
.testimonials .info-col { margin-bottom: 2rem;  }
.our-products { padding-bottom: 0; }
.testimonials .info-col .img-box img, .article-page .related-articles .img-box img { height: auto; }
.register h1, .login h1, section.home .container > h2, .about-us h1 { font-size: 1.5rem; }
.register-info h2, .hero .hero-content h1, .useful-links h3 { font-size: 1.25rem; }
.info-boxes h2, .info-boxes .info-col h3, .info-boxes .info-col p, .text-image .text-col .text-box h3, .text-image .text-col .text-box p { font-size: 1rem; }
.product-info { padding-top: 1rem; }
.product-info .product-info-text h1, .product-info .variants .options .option label, .useful-links .text-col ul li strong, .useful-links .accordion .accordion-item .accordion-button { font-size: 1rem; }
.product-info .product-info-text p { font-size: 13px; }
.product-info h2, .product-info .add-to-cart, .subscriptions-info .info-col .btn-primary { font-size: 1.25rem; }
.product-info h3, .product-info .price, .useful-links .text-col ul li, .useful-links .accordion .accordion-item  { font-size: 0.938rem; }
.subscriptions-info .info-col h2, .order-history h1, .useful-links h1, .checkout-step h1 { font-size: 1.5rem; }
.order-history .order-info { padding:20px 0 0; }
.about-us h3, .checkout-step h3 { font-size: 1.125rem; }
.register, .login, .order-history, .useful-links, .about-us-page .about-us, .checkout-step { padding-top: 1rem; }
.login .form-box { margin-top: 1rem; }
.checkout-steps .sidebar-col.hide-mobile { display: none; }
.checkout-steps .heading-info { margin-bottom: 1.5rem; }
.checkout-step.shipping-payment-method .info-col, .checkout-step.shipping-payment-method .sidebar-col { width: auto; }
.checkout-step.shipping-payment-method .info-col { flex: 1; }
 }

@media (max-width:480px) {
header .top-row .contact-col, header .top-row .nav-col { width: 100%; }
header .top-row .contact-col { padding-bottom: 1rem; }
footer .footer-nav .nav-box { width: 33.333%;  }
.hero .hero-content h1 { max-width: 200px; } 
.register-page .form-box input[type="submit"] { width: auto; min-width: 170px; }
.products-info-links .btn { font-size: 1rem!important; }
.products-info-links .buttons .button .btn { padding:0.4rem 0.4rem; min-width: 160px; }
.checkout-steps .step-col .step-box { height: 20px; }
.checkout-steps .step-col .info-text-box, .checkout-step.shipping-payment-method .info-col form fieldset, .checkout-steps .other-options fieldset { font-size: 0.8rem; }
.checkout-steps .other-options fieldset [type="checkbox"] { min-width: 20px; height: 20px; }
.checkout-steps .other-options fieldset [type="checkbox"]:after { background-size: 15px; }
.checkout-steps .other-options form button, .checkout-step.shipping-payment-method .info-col form button { margin-top: 1rem; padding: 0.4rem 1rem; font-size: 0.7rem; }
.checkout-step.shipping-payment-method .info-col form button  { margin-top: 0; }
.checkout-step.shipping-payment-method .info-col form fieldset [type="radio"] { min-width: 20px; height: 20px; }
.shipping-payment-method .info-col .text-box { margin-bottom: 1rem; }
.checkout-step.shipping-payment-method .info-col form fieldset [type="radio"]::after { width: 8px; height: 8px; }
.checkout-steps .text-box { padding: 1rem; }
}